<!DOCTYPE html>
<html lang="ru">
    <head>
                <title>Каталог товаров Archipaint — краски, палитра, образцы, декоративные покрытия</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="каталог красок Archipaint, декоративные покрытия Archipaint" />
<meta name="description" content="Каталог Archipaint: краска, палитра цветов, образцы и декоративные покрытия для внутренних и наружных работ. Подберите материалы и получите консультацию по цвету" />
<link href="/bitrix/js/ui/design-tokens/dist/ui.design-tokens.css?172525417926358" type="text/css" rel="stylesheet"/>
<link href="/bitrix/js/ui/fonts/opensans/ui.font.opensans.css?16832000412555" type="text/css" rel="stylesheet"/>
<link href="/bitrix/js/main/popup/dist/main.popup.bundle.css?179014597125093" type="text/css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&amp;subset=cyrillic" type="text/css" rel="stylesheet"/>
<link href="/local/templates/universelite_s1/components/bitrix/catalog/catalog.fs/style.css?178762324829796" type="text/css" rel="stylesheet"/>
<link href="/local/templates/universelite_s1/components/bitrix/catalog.element/catalog.default.fs.custom/style.css?1716198378168279" type="text/css" rel="stylesheet"/>
<link href="/local/templates/universelite_s1/css/bundle.css?1703742517610275" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/css/custom.css?1790754453665" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/include/css/mpf.css?17788075405259" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/include/css/app.css?179019873320310" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/sale.basket.small/template.2/style.css?168320004221011" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/sale.basket.small/notifications.1/style.css?16832000423686" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.widget/navigation.button.top/style.css?16832000431394" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.panel/template.1/style.css?16832000433764" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.header/template.1/style.css?168320004315543" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.header/template.1/templates/desktop/template.7/style.css?177886759334994" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/bitrix/menu/horizontal.1/style.css?170376487129347" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.header/template.1/templates/fixed/template.1/style.css?17788283093404" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/bitrix/menu/popup.1/style.css?16832000436754" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/bitrix/search.title/popup.1/style.css?168320004318764" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.header/template.1/bitrix/system.auth.form/icons/style.css?1689837520776" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/intec.universe/main.header/template.1/templates/mobile/template.2/style.css?17788285153838" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/bitrix/menu/mobile.2/style.css?17788290649568" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/bitrix/search.title/input.1/style.css?16832000435690" type="text/css" rel="stylesheet" data-template-style="true"/>
<link href="/local/templates/universelite_s1/components/bitrix/breadcrumb/.default/style.css?17876396873541" type="text/css" rel="stylesheet" data-template-style="true"/>
<script>if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
<script>(window.BX||top.BX).message({"pull_server_enabled":"Y","pull_config_timestamp":1775486141,"shared_worker_allowed":"Y","pull_guest_mode":"N","pull_guest_user_id":0,"pull_worker_mtime":1790145998});(window.BX||top.BX).message({"PULL_OLD_REVISION":"Для продолжения корректной работы с сайтом необходимо перезагрузить страницу."});</script>
<script>(window.BX||top.BX).message({"MAIN_BASELINE_BROWSER_OUTDATED":"Вы используете устаревшую версию браузера. Обновите его для безопасной и стабильной работы","MAIN_BASELINE_DETAILS":"Подробнее","MAIN_BASELINE_CLOSE":"Закрыть"});</script>

<script type="extension/settings" data-extension="main.baseline">{"collectData":false,"helpUrl":"https:\/\/helpdesk.bitrix24.ru\/open\/code_27229654\/","helpCode":"redirect=detail\u0026code=27229654"}</script>
<script src="/bitrix/js/main/baseline/dist/baseline.bundle.js?17901459576900"></script>

<script>(window.BX||top.BX).message({"JS_CORE_LOADING":"Загрузка...","JS_CORE_NO_DATA":"- Нет данных -","JS_CORE_WINDOW_CLOSE":"Закрыть","JS_CORE_WINDOW_EXPAND":"Развернуть","JS_CORE_WINDOW_NARROW":"Свернуть в окно","JS_CORE_WINDOW_SAVE":"Сохранить","JS_CORE_WINDOW_CANCEL":"Отменить","JS_CORE_WINDOW_CONTINUE":"Продолжить","JS_CORE_H":"ч","JS_CORE_M":"м","JS_CORE_S":"с","JSADM_AI_HIDE_EXTRA":"Скрыть лишние","JSADM_AI_ALL_NOTIF":"Показать все","JSADM_AUTH_REQ":"Требуется авторизация!","JS_CORE_WINDOW_AUTH":"Войти","JS_CORE_IMAGE_FULL":"Полный размер"});</script>

<script src="/bitrix/js/main/core/core.js?1790145976334249"></script>

<script>BX.Runtime.registerExtension({"name":"main.core","namespace":"BX","loaded":true});</script>
<script>BX.setJSList(["\/bitrix\/js\/main\/core\/core_ajax.js","\/bitrix\/js\/main\/core\/core_promise.js","\/bitrix\/js\/main\/polyfill\/promise\/js\/promise.js","\/bitrix\/js\/main\/loadext\/loadext.js","\/bitrix\/js\/main\/loadext\/extension.js","\/bitrix\/js\/main\/polyfill\/promise\/js\/promise.js","\/bitrix\/js\/main\/polyfill\/find\/js\/find.js","\/bitrix\/js\/main\/polyfill\/includes\/js\/includes.js","\/bitrix\/js\/main\/polyfill\/matches\/js\/matches.js","\/bitrix\/js\/ui\/polyfill\/closest\/js\/closest.js","\/bitrix\/js\/main\/polyfill\/fill\/main.polyfill.fill.js","\/bitrix\/js\/main\/polyfill\/find\/js\/find.js","\/bitrix\/js\/main\/polyfill\/matches\/js\/matches.js","\/bitrix\/js\/main\/polyfill\/core\/dist\/polyfill.bundle.js","\/bitrix\/js\/main\/core\/core.js","\/bitrix\/js\/main\/polyfill\/intersectionobserver\/js\/intersectionobserver.js","\/bitrix\/js\/main\/lazyload\/dist\/lazyload.bundle.js","\/bitrix\/js\/main\/polyfill\/core\/dist\/polyfill.bundle.js","\/bitrix\/js\/main\/parambag\/dist\/parambag.bundle.js"]);
</script>
<script type="extension/settings" data-extension="ui.a11y">{"restoreLostFocus":false,"useFocusTrapInDialogs":false}</script>
<script>BX.Runtime.registerExtension({"name":"ui.a11y","namespace":"BX.UI.Accessibility","loaded":true});</script>
<script>BX.Runtime.registerExtension({"name":"ui.design-tokens","namespace":"","loaded":true});</script>
<script>BX.Runtime.registerExtension({"name":"ui.fonts.opensans","namespace":"window","loaded":true});</script>
<script>BX.Runtime.registerExtension({"name":"main.popup","namespace":"BX.Main","loaded":true});</script>
<script>BX.Runtime.registerExtension({"name":"popup","namespace":"window","loaded":true});</script>
<style>.intec-cl-text {
  color: #000100 !important; }

.intec-cl-text-active:active {
  color: #000100 !important; }

.intec-cl-text-active.active {
  color: #000100 !important; }

.intec-cl-text-focus:focus {
  color: #000100 !important; }

.intec-cl-text-hover:hover {
  color: #000100 !important; }

.intec-cl-background {
  background-color: #000100 !important;
  fill: #000100 !important; }

.intec-cl-background-active:active {
  background-color: #000100 !important;
  fill: #000100 !important; }

.intec-cl-background-focus:focus {
  background-color: #000100 !important;
  fill: #000100 !important; }

.intec-cl-background-hover:hover {
  background-color: #000100 !important;
  fill: #000100 !important; }

.intec-cl-background-dark {
  background-color: #000 !important;
  fill: #000 !important; }

.intec-cl-background-dark-active:active {
  background-color: #000 !important;
  fill: #000 !important; }

.intec-cl-background-dark-focus:focus {
  background-color: #000 !important;
  fill: #000 !important; }

.intec-cl-background-dark-hover:hover {
  background-color: #000 !important;
  fill: #000 !important; }

.intec-cl-background-light {
  background-color: #003400 !important;
  fill: #003400 !important; }

.intec-cl-background-light-active:active {
  background-color: #003400 !important;
  fill: #003400 !important; }

.intec-cl-background-light-focus:focus {
  background-color: #003400 !important;
  fill: #003400 !important; }

.intec-cl-background-light-hover:hover {
  background-color: #003400 !important;
  fill: #003400 !important; }

.intec-cl-background-light-40 {
  background-color: #00cd00 !important;
  fill: #00cd00 !important; }

.intec-cl-background-light-40-active:active {
  background-color: #00cd00 !important;
  fill: #00cd00 !important; }

.intec-cl-background-light-40-focus:focus {
  background-color: #00cd00 !important;
  fill: #00cd00 !important; }

.intec-cl-background-light-40-hover:hover {
  background-color: #00cd00 !important;
  fill: #00cd00 !important; }

.intec-cl-border {
  border-color: #000100 !important; }

.intec-cl-border-light {
  border-color: #003400 !important; }

.intec-cl-border-active:active {
  border-color: #000100 !important; }

.intec-cl-border-focus:focus {
  border-color: #000100 !important; }

.intec-cl-border-hover:hover {
  border-color: #000100 !important; }

.intec-cl-border-light-hover:hover {
  border-color: #003400 !important; }

.intec-cl-text-light {
  color: #003400 !important; }

.intec-cl-text-light-active:active {
  color: #003400 !important; }

.intec-cl-text-light-focus:focus {
  color: #003400 !important; }

.intec-cl-text-light-hover:hover {
  color: #003400 !important; }

.intec-cl-text-dark {
  color: #000 !important; }

.intec-cl-text-dark-active:active {
  color: #000 !important; }

.intec-cl-text-dark-focus:focus {
  color: #000 !important; }

.intec-cl-text-dark-hover:hover {
  color: #000 !important; }

.intec-cl-background-light {
  background-color: #003400 !important;
  fill: #003400 !important; }

.intec-cl-background-light-active:active {
  background-color: #003400 !important; }

.intec-cl-background-light-focus:focus {
  background-color: #003400 !important; }

.intec-cl-background-light-hover:hover {
  background-color: #003400 !important; }

.intec-cl-svg svg {
  fill: #000100 !important;
  stroke: #000100 !important; }

.intec-cl-svg-path-fill svg path {
  fill: #000100 !important; }

.intec-cl-svg-path-fill-hover:hover svg path {
  fill: #000100 !important; }

.intec-cl-svg-path-stroke svg path, .intec-cl-svg-rect-stroke svg rect {
  stroke: #000100 !important; }

.intec-cl-svg-path-stroke-hover:hover svg path {
  stroke: #000100 !important; }

.intec-content {
  max-width: 1240px; }

.intec-content .intec-content.intec-content-primary {
  max-width: 1240px; }

html {
  font-size: 18px;
  font-family: "Montserrat", sans-serif; }

.intec-template .intec-template-part.intec-template-part-title, .intec-template .widget .widget-header .widget-title {
  font-size: 24px; }

@media (max-width: 768px) {
  .intec-template .intec-template-part.intec-template-part-title, .intec-template .widget .widget-header .widget-title {
    font-size: 20px; } }

.intec-image-effect {
  opacity: 1;
  -webkit-transition: opacity 350ms ease-in-out;
  -moz-transition: opacity 350ms ease-in-out;
  -ms-transition: opacity 350ms ease-in-out;
  -o-transition: opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out; }

.intec-image-effect:hover {
  opacity: 0.5; }

.intec-ui.intec-ui-control-alert.intec-ui-scheme-current {
  color: #000100;
  background-color: #ebffeb;
  border-color: #d6ffd6; }

.intec-ui.intec-ui-control-button.intec-ui-scheme-current {
  border-color: #000100;
  background-color: #000100;
  color: #fff; }
  .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-transparent {
    background-color: transparent;
    color: #000100; }
  .intec-ui.intec-ui-control-button.intec-ui-scheme-current:hover, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-state-hover, .intec-ui.intec-ui-control-button.intec-ui-scheme-current[data-ui-state="hover"] {
    border-color: #003400;
    background-color: #003400;
    color: #fff; }
  .intec-ui.intec-ui-control-button.intec-ui-scheme-current:focus, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-state-focus, .intec-ui.intec-ui-control-button.intec-ui-scheme-current[data-ui-state="focus"] {
    border-color: #003400;
    background-color: #003400;
    color: #fff; }
  .intec-ui.intec-ui-control-button.intec-ui-scheme-current:active, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-state-active, .intec-ui.intec-ui-control-button.intec-ui-scheme-current[data-ui-state="active"] {
    border-color: #000;
    background-color: #000;
    color: #fff; }
  .intec-ui.intec-ui-control-button.intec-ui-scheme-current:disabled, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-state-disabled, .intec-ui.intec-ui-control-button.intec-ui-scheme-current[data-ui-state="disabled"] {
    border-color: #000;
    background-color: #000;
    color: #fff; }
  .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link {
    color: #5f5f5f;
    border-color: transparent;
    background-color: transparent; }
    .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link:hover, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link.intec-ui-state-hover, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link[data-ui-state="hover"] {
      color: #003400; }
    .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link:focus, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link.intec-ui-state-focus, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link[data-ui-state="focus"] {
      color: #003400; }
    .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link:active, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link.intec-ui-state-active, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link[data-ui-state="active"] {
      color: #000; }
    .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link:disabled, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link.intec-ui-state-disabled, .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-link[data-ui-state="disabled"] {
      color: #9f9f9f; }

.intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current .intec-ui-part-selector:before {
  background-color: #fff;
  color: #fff; }
  .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current input:checked + .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current input:checked + .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-checked .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-checked .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="checked"] .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="checked"] .intec-ui-part-selector {
    border-color: #000100;
    background-color: #000100; }
    .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current input:checked + .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current input:checked + .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-checked .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-checked .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="checked"] .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="checked"] .intec-ui-part-selector:before {
      background-color: #fff;
      color: #fff; }
  .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current:hover .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current:hover .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-hover .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-hover .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="hover"] .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="hover"] .intec-ui-part-selector {
    border-color: #003400;
    background-color: #f6f6f6; }
    .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current:hover .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current:hover .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-hover .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-hover .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="hover"] .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="hover"] .intec-ui-part-selector:before {
      background-color: #fff;
      color: #fff; }
  .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current input:focus:not(:checked) + .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current input:focus:not(:checked) + .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-focus .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-focus .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="focus"] .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="focus"] .intec-ui-part-selector {
    border-color: #003400;
    background-color: #f6f6f6; }
    .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current input:focus:not(:checked) + .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current input:focus:not(:checked) + .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-focus .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-focus .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="focus"] .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="focus"] .intec-ui-part-selector:before {
      background-color: #fff;
      color: #fff; }
  .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current:active .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current:active .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-active .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-active .intec-ui-part-selector, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="active"] .intec-ui-part-selector, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="active"] .intec-ui-part-selector {
    border-color: #000;
    background-color: #000; }
    .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current:active .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current:active .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-active .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-active .intec-ui-part-selector:before, .intec-ui.intec-ui-control-checkbox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="active"] .intec-ui-part-selector:before, .intec-ui.intec-ui-control-radiobox.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="active"] .intec-ui-part-selector:before {
      background-color: #fff;
      color: #fff; }

.intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current input:checked + .intec-ui-part-selector, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-checked .intec-ui-part-selector, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="checked"] .intec-ui-part-selector {
  border-color: #000100;
  background-color: #000100; }
  .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current input:checked + .intec-ui-part-selector:before, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-checked .intec-ui-part-selector:before, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="checked"] .intec-ui-part-selector:before {
    background-color: #fff;
    color: #fff; }
  .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current:active .intec-ui-part-selector, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-active .intec-ui-part-selector, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="active"] .intec-ui-part-selector {
    border-color: #000;
    background-color: #000; }
  .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current:active .intec-ui-part-selector:before, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current.intec-ui-state-active .intec-ui-part-selector:before, .intec-ui.intec-ui-control-switch.intec-ui-scheme-current.intec-ui-scheme-current[data-ui-state="active"] .intec-ui-part-selector:before {
    background-color: #fff;
    color: #fff; }

.intec-ui.intec-ui-control-numeric.intec-ui-scheme-current .intec-ui-part-increment:hover, .intec-ui.intec-ui-control-numeric.intec-ui-scheme-current .intec-ui-part-decrement:hover {
  color: #000100 !important; }

.intec-ui.intec-ui-control-tabs.intec-ui-scheme-current .intec-ui-part-tab:hover, .intec-ui.intec-ui-control-tabs.intec-ui-scheme-current .intec-ui-part-tab[data-active="true"] {
  border-color: #000100; }

.intec-ui.intec-ui-control-tabs.intec-ui-view-1.intec-ui-scheme-current .intec-ui-part-tab[data-active="true"] {
  color: #000100; }

.intec-ui.intec-ui-control-tabs.intec-ui-view-1.intec-ui-scheme-current .intec-ui-part-tab[data-active="true"] *:after {
  background-color: #000100; }

.intec-ui.intec-ui-control-tabs.intec-ui-view-2.intec-ui-scheme-current .intec-ui-part-tab:hover, .intec-ui.intec-ui-control-tabs.intec-ui-view-2.intec-ui-scheme-current .intec-ui-part-tab[data-active="true"] {
  background-color: #000100; }

.intec-ui.intec-ui-control-tabs.intec-ui-view-2.intec-ui-scheme-current .intec-ui-part-tab[data-active="true"] {
  -webkit-box-shadow: 0 6px 18px rgba(0, 1, 0, 0.42);
  -moz-box-shadow: 0 6px 18px rgba(0, 1, 0, 0.42);
  box-shadow: 0 6px 18px rgba(0, 1, 0, 0.42); }

.intec-ui-markup-text, [data-ui-markup="text"] {
  font-size: 18px; }

a, [data-ui-markup="a"], .intec-ui-markup-a {
  color: #000100; }
  a:hover, [data-ui-markup="a"]:hover, .intec-ui-markup-a:hover, a:focus, [data-ui-markup="a"]:focus, .intec-ui-markup-a:focus {
    color: #003400; }
  a:hover.intec-ui-mod-dashed, [data-ui-markup="a"]:hover.intec-ui-mod-dashed, .intec-ui-markup-a:hover.intec-ui-mod-dashed, a:focus.intec-ui-mod-dashed, [data-ui-markup="a"]:focus.intec-ui-mod-dashed, .intec-ui-markup-a:focus.intec-ui-mod-dashed, a:hover.intec-ui-mod-dotted, [data-ui-markup="a"]:hover.intec-ui-mod-dotted, .intec-ui-markup-a:hover.intec-ui-mod-dotted, a:focus.intec-ui-mod-dotted, [data-ui-markup="a"]:focus.intec-ui-mod-dotted, .intec-ui-markup-a:focus.intec-ui-mod-dotted {
    border-color: #003400; }
  a:active, [data-ui-markup="a"]:active, .intec-ui-markup-a:active {
    color: #000; }
  a:active.intec-ui-mod-dashed, [data-ui-markup="a"]:active.intec-ui-mod-dashed, .intec-ui-markup-a:active.intec-ui-mod-dashed, a:active.intec-ui-mod-dotted, [data-ui-markup="a"]:active.intec-ui-mod-dotted, .intec-ui-markup-a:active.intec-ui-mod-dotted {
    border-color: #000; }

blockquote:before, [data-ui-markup="blockquote"]:before, .intec-ui-markup-blockquote:before {
  background-color: #000100; }

ul > li:before, [data-ui-markup="ul"] > [data-ui-markup="li"]:before, .intec-ui-markup-ul > .intec-ui-markup-li:before {
  color: #000100; }

ol > li:before, [data-ui-markup="ol"] > [data-ui-markup="li"]:before, .intec-ui-markup-ol > .intec-ui-markup-li:before {
  color: #000100; }
</style>
<style>.ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item.menu-item-default .menu-submenu .menu-submenu-item:hover > .menu-submenu-item-text, .ns-bitrix.c-menu.c-menu-horizontal-2 .menu-item .menu-submenu .menu-submenu-item:hover > .menu-submenu-item-text, .c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-1 .widget-container-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item:hover .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-1 .widget-container-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item.menu-item-active .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-7 .widget-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item:hover .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-7 .widget-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item.menu-item-active .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-9 .widget-container-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item:hover .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-9 .widget-container-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-item.menu-item-active .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper .menu-item:hover .menu-item-text-wrapper, .c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-menu .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper .menu-item.menu-item-active .menu-item-text-wrapper {
  color: #000100 !important; }

.ns-bitrix.c-catalog-section.c-catalog-section-catalog-list-1 .catalog-section-item-purchase-button.catalog-section-item-purchase-button-add[data-basket-state="processing"], .ns-bitrix.c-catalog-section.c-catalog-section-catalog-text-1 .catalog-section-item-purchase-button.catalog-section-item-purchase-button-add[data-basket-state="processing"], .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-property:before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline:hover label:before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline.radio-inline-checked label:before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container, .ns-intec-universe.c-tags-list.c-tags-list-default .tags-list-item input[type=checkbox]:checked + .tags-list-item-button, .ns-intec-universe.c-tags-list.c-tags-list-default .tags-list-item-button:hover {
  background: #000100 !important; }

.ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-sls .quick-location-tag, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-slst .quick-location-tag {
  border: 1px solid;
  background: #fff;
  color: #000100; }

.ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-sls .quick-location-tag:hover, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-slst .quick-location-tag:hover, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-sls .quick-location-tag:focus, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-slst .quick-location-tag:focus, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-sls .quick-location-tag:active, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-slst .quick-location-tag:active {
  border: 1px solid #000100;
  background: #000100;
  color: #fff; }

.ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-gallery-preview[data-active=true], .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-tab a:hover, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-tab[data-active=true] a, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-tab a:focus, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-tab a:active, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-tab.active a, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-2 .catalog-element-tab a:hover, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-2 .catalog-element-tab a:focus, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-2 .catalog-element-tab a:active, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-2 .catalog-element-tab.active a, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline:hover label:before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline.radio-inline-checked label:before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container, .c-smart-filter.c-smart-filter-horizontal-2 [data-property-type=checkbox-picture] .smart-filter-property-value input:checked + .smart-filter-property-value-picture-wrap, .c-smart-filter.c-smart-filter-horizontal-2 [data-property-type=checkbox-text-picture] .smart-filter-property-value input:checked + .smart-filter-property-value-picture-wrap {
  border-color: #000100 !important; }

.ns-bitrix.c-catalog-section.c-catalog-section-catalog-tile-1 .catalog-section-item-purchase-button.catalog-section-item-purchase-button-add[data-basket-state="processing"] {
  background: #003400 !important; }
/** Old **/
.sale-icons a.sale-icons-item:hover .sale-icons-icon, .sale-icons a.sale-icons-item.hover .sale-icons-icon, .sale-icons a.sale-icons-item:active .sale-icons-icon, .sale-icons a.sale-icons-item.active .sale-icons-icon, .intec-sections-tile > div:hover .intec-section-name, .menu.menu-horizontal .menu-item.menu-item-default .menu-submenu .menu-submenu-item:hover > .menu-submenu-item-text, .widget-catalog-categories .widget-catalog-categories-tabs .widget-catalog-categories-tab a:hover, .widget-catalog-categories .widget-catalog-categories-tabs .widget-catalog-categories-tab.active a, .c-widget.c-widget-products-1 .widget-tab:hover .widget-tab-text, .c-widget.c-widget-products-1 .widget-tab.active .widget-tab-text, .widget-catalog-categories .widget-catalog-categories-desktop .widget-catalog-categories-navigation .widget-catalog-categories-navigation-next:hover, .widget-catalog-categories .widget-catalog-categories-desktop .widget-catalog-categories-navigation .widget-catalog-categories-navigation-previous:hover, .widget-reviews .widget-reviews-view.widget-reviews-view-slider .widget-reviews-navigation .widget-reviews-navigation-next:hover, .widget-reviews .widget-reviews-view.widget-reviews-view-slider .widget-reviews-navigation .widget-reviews-navigation-previous:hover, .widget-news .widget-news-view.widget-news-view-extend .widget-news-navigation .widget-news-navigation-next:hover, .widget-news .widget-news-view.widget-news-view-extend .widget-news-navigation .widget-news-navigation-previous:hover, .footer-menu a.child-link.active, .bx-filter .bx-filter-popup-result a, .intec-sections-list .intec-section-name:hover, .intec-sections-list .intec-subsection:hover, .intec-sections-list .intec-subsection:hover span, .intec-catalog-section-tile .price-block .element-buys, .intec-catalog-section .element-properties li, .intec-item-detail .show-all-characteristics, .contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts .contacts-email a:hover .active.widget-reviews .widget-reviews-mobile .widget-reviews-view.widget-reviews-view-blocks-2 .widget-reviews-item .widget-reviews-item-header .widget-reviews-item-name, .bx_compare .table_compare table tr td a, .news-list-filter .news-list-filter-button.news-list-filter-button-active, .news-list-filter .news-list-filter-button:hover, .bx_ordercart .bx_ordercart_order_table_container tbody td.control .delay-item:hover, .bx_ordercart .bx_ordercart_order_table_container tbody td.control .to-cart-item:hover, .bx-soa-editstep, .bx-soa-item-title a, .subscribe-block .email-block-subscribe .subscribe-info:before, .widget-reviews .widget-reviews-mobile .widget-reviews-view.widget-reviews-view-blocks-2 .widget-reviews-item .widget-reviews-item-header .widget-reviews-item-name, .intec-certificates.desktop-template.template-tiles .intec-certificates_item:hover .intec-certificates_name, .intec-sections-tile-1 > div:hover .intec-section-name, .intec-certificates.desktop-template.template-tiles .intec-certificates_item:hover .intec-certificates_name, .header .header-desktop .header-content .header-content-menu .menu.menu-horizontal .menu-wrapper .menu-item:hover .menu-item-text .menu-item-text-wrapper, .header .header-desktop .header-content .header-content-menu .menu.menu-horizontal .menu-wrapper .menu-item.menu-item-active .menu-item-text .menu-item-text-wrapper, .intec-item-detail .item-bind-items .item-bind-items-list .owl-nav .owl-prev:hover, .intec-item-detail .item-bind-items .item-bind-items-list .owl-nav .owl-next:hover, .bx-filter .bx-filter-popup-result a, .intec-panel-sort .sort-value.sort-state-active a, .header.with-banner .header-desktop .header-static .header-content .header-content-phone .header-content-phone-call .header-content-phone-call-wrapper:hover, .header.with-banner[data-banner-color=black] .header-desktop .header-info .header-info-button:hover .header-info-button-text, .header.with-banner[data-banner-color=black] .header-desktop .header-static .header-content .header-info-button:hover .header-info-button-text, .header.with-banner[data-banner-color=black] .header-static .intec-search-icon:hover, .header.with-banner[data-banner-color=white] .header-desktop .header-info .header-info-social:hover, .header.with-banner .header-desktop .header-static .menu.menu-horizontal .menu-item:hover .menu-item-text:hover, .header.with-banner .header-desktop .header-static .menu.menu-horizontal .menu-item.menu-item-active .menu-item-text, .header .header-desktop .header-static .header-info .header-info-button .header-info-button-icon, .header .header-desktop .header-static .header-content .header-info-button .header-info-button-icon, .c-rate.c-rate-template-1 .owl-carousel .owl-nav .owl-next:hover, .c-rate.c-rate-template-1 .owl-carousel .owl-nav .owl-prev:hover, .c-certificates.c-certificates-template-1 .widget-element:hover .widget-element-name, .c-header.c-header-template-1[data-transparent = 'false'] .widget-view.widget-view-desktop .widget-panel .ns-bitrix.c-search-title.c-search-title-popup-1 .search-title-button:hover .search-title-button-icon, .c-header.c-header-template-1[data-transparent = 'false'] .widget-view.widget-view-desktop .widget-panel .ns-bitrix.c-search-title.c-search-title-popup-1 .search-title-button:hover .search-title-button-text, .c-header.c-header-template-1[data-transparent = 'false'] .widget-view.widget-view-desktop .widget-panel .widget-panel-button:hover .widget-panel-button-icon, .c-header.c-header-template-1[data-transparent = 'false'] .widget-view.widget-view-desktop .widget-panel .widget-panel-button:hover .widget-panel-button-text {
  color: #000100 !important; }

.ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-1 .catalog-element-gallery-picture[data-active=true], .widget-catalog-categories .widget-catalog-categories-tabs .widget-catalog-categories-tab a:hover, .widget-catalog-categories .widget-catalog-categories-tabs .widget-catalog-categories-tab.active a, .widget-catalog-categories .widget-catalog-categories-dots .owl-dot.active, .c-widget.c-widget-products-1 .widget-tab:hover .widget-tab-text, .c-widget.c-widget-products-1 .widget-tab.active .widget-tab-text, .c-widget.c-widget-products-1 .owl-dots .owl-dot.active, .c-widget.c-widget-products-2 .owl-dots .owl-dot.active, .c-rate.c-rate-template-1 .owl-carousel .owl-dot.active, .news-list-slider .slider-dots .owl-dot .slider-dot:hover, .news-list-slider .slider-dots .owl-dot.active .slider-dot, .intec-item-detail .slider-item.active, .bx_compare .bx_sort_container .sortbutton.current, .bx_compare .bx_sort_container .sortbutton:hover, .bx_ordercart .bx_sort_container a.current, .bx-soa-section.bx-selected, .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container, .news-list-slider-cb .slider-dots .owl-dot .slider-dot:hover, .news-list-slider-cb .slider-dots .owl-dot.active .slider-dot, .ns-bitrix.c-catalog-section.c-catalog-section-catalog-tile-2 .catalog-section-item-offers-property-extended-value[data-state=selected] .catalog-section-item-offers-property-extended-value-image {
  border-color: #000100 !important; }

.arrow-right {
  border-right: 25px solid #000100 !important; }

.sale-icons a.sale-icons-item:hover .sale-icons-count, .sale-icons a.sale-icons-item.hover .sale-icons-count, .sale-icons a.sale-icons-item:active .sale-icons-count, .sale-icons a.sale-icons-item.active .sale-icons-count, .widget-catalog-categories .widget-catalog-categories-dots .owl-dot.active, .c-widget.c-widget-products-1 .owl-dots .owl-dot.active, .c-widget.c-widget-products-2 .owl-dots .owl-dot.active, .c-rate.c-rate-template-1 .owl-carousel .owl-dot.active, .intec-news-sections.template-chess .intec-news-sections_item:hover .intec-news-sections_name, .intec-news-sections.template-puzzle .intec-news-sections_item:hover .intec-news-sections_name, .intec-news-sections.template-tiles .intec-news-sections_item:hover .intec-news-sections_name, input[type=checkbox]:checked + span, .ask-question-container .ask-question-title:after {
  background-color: #000; }

.intec-catalog-section-tile .price-block .element-buys.active, .intec-catalog-section-tile .price-block .element-buys.added, .share-products-block .products-element .price-block .price .element-buy.active, .news-list-slider .slider-dots .owl-dot.active .slider-dot, .bx-filter .body-filter .bx-filter-parameters-box .bx-filter-popup-result, .news-list-slider .slider-dots .owl-dot .slider-dot:hover, .intec-item-detail .properties-list > li:before, .news-list-slider:hover .slider-wrapper .owl-nav .owl-prev:hover, .news-list-slider:hover .slider-wrapper .owl-nav .owl-next:hover, .widget-reviews .widget-reviews-view.widget-reviews-view-slider .widget-reviews-dots .owl-dot.active, .widget-news .widget-news-view.widget-news-view-extend .widget-news-dots .owl-dot.active, .owl-carusel-gallery.owl-theme .owl-dots .owl-dot.active span, .owl-carusel-gallery.owl-theme .owl-dots .owl-dot:hover span, .carusel-products.owl-theme .owl-dots .owl-dot.active span, .carusel-products.owl-theme .owl-dots .owl-dot:hover span, .widget-flying-basket .flying-basket-mobile-buttons-wrap .flying-basket_button_count, .bx_forgotpassword_page .description:before, .bx_registration_page .registration-info:before, .news-list-slider-cb:hover .slider-wrapper .owl-nav .owl-prev:hover, .news-list-slider-cb:hover .slider-wrapper .owl-nav .owl-next:hover, .news-list-slider-cb .slider-dots .owl-dot .slider-dot:hover, .news-list-slider-cb .slider-dots .owl-dot.active .slider-dot, .subscribe-block .checkbox input[type=checkbox]:checked + label:after, .news-list.news-list-blocks-2 .news-list-item.news-list-item-first .news-list-item-wrapper:hover .news-list-name-wrapper, .binded-products .owl-dots .owl-dot.active, .binded-products .owl-dots .owl-dot:hover, .loading-container.active, .c-categories.c-categories-template-3 .widget-element:hover .widget-element-name-wrapper, .c-smart-filter.c-smart-filter-horizontal-1 [data-property-type='checkbox'] input[type=checkbox]:checked + span, .c-smart-filter.c-smart-filter-vertical-1 [data-property-type=checkbox][data-property-view=default] .smart-filter-property-value input:checked + .smart-filter-property-value-text, .c-smart-filter.c-smart-filter-vertical-1 [data-property-type=checkbox][data-property-view=block] .smart-filter-property-value input:checked + .smart-filter-property-value-text, .c-smart-filter.c-smart-filter-vertical-1 [data-property-type=checkbox][data-property-view=tile] .smart-filter-property-value input:checked + .smart-filter-property-value-text, .c-smart-filter.c-smart-filter-horizontal-1 [data-property-type=checkbox] .smart-filter-property-value input:checked + .smart-filter-property-value-text, .c-smart-filter.c-smart-filter-vertical-1 [data-property-type=checkbox-text-picture] input:checked + .smart-filter-property-value-text-picture, .ns-intec-universe.basket-lite.basket-lite-template-1 .basket-lite-mobile-button-count {
  background-color: #000100 !important; }

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts .contacts-email a, .widget-reviews .widget-reviews-view.widget-reviews-view-slider .widget-reviews-dots .owl-dot.active, .widget-news .widget-news-view.widget-news-view-extend .widget-news-dots .owl-dot.active, .checkbox input[type=checkbox]:checked + label:after, .intec-item-detail .sku-property-value:hover, .intec-item-detail .sku-property-value.active, .news-list-slider-cb .slider-dots .owl-dot .slider-dot:hover, .news-list-slider-cb .slider-dots .owl-dot.active .slider-dot, .binded-products .owl-dots .owl-dot.active, .binded-products .owl-dots .owl-dot:hover, .c-smart-filter.c-smart-filter-horizontal-1 [data-property-type=checkbox] .smart-filter-property-value input:checked + .smart-filter-property-value-text {
  border-color: #000100 !important; }

.widget-articles-content .widget-articles .element-big:hover .element-wrapper .header span {
  background-color: #000100 !important; }

.c-services.c-services-template-3 .widget-element-text-wrapper, .c-advantages.c-advantages-template-4 .widget-element-name:hover .widget-element-name-wrap, .c-services.c-services-template-5 .widget-element .widget-element-name-text {
  -webkit-box-shadow: -5px 0 0 5px #000100, 5px 0 0 5px #000100 !important;
  -moz-box-shadow: -5px 0 0 5px #000100, 5px 0 0 5px #000100 !important;
  box-shadow: -5px 0 0 5px #000100, 5px 0 0 5px #000100 !important; }

.c-advantages.c-advantages-template-4 .widget-element-name:hover .widget-element-name-wrap, .c-categories.c-categories-template-6 .widget-element:hover .widget-element-name {
  background: #000100 !important; }

.c-categories.c-categories-template-8 .widget-element:hover .widget-element-name {
  background: #000100 !important; }

.c-shares.c-shares-template-3 .widget-element .widget-element-name-wrapper-2 {
  -webkit-box-shadow: -5px 0 0 5px #000100, 5px 0 0 5px #000100 !important;
  -moz-box-shadow: -5px 0 0 5px #000100, 5px 0 0 5px #000100 !important;
  box-shadow: -5px 0 0 5px #000100, 5px 0 0 5px #000100 !important;
  background: #000100 !important; }

.c-advantages.c-advantages-template-11 .widget-item:hover .widget-item-counter {
  color: #000100 !important; }

.widget.c-advantages.c-advantages-template-32 .circles-valueStroke {
  stroke: #000100 !important; }

.widget.c-stages.c-stages-template-5 .widget-item-wrap:hover .widget-item-name-count {
  background: #000100 !important; }

.ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-pagination li.bx-active a span {
  background: #000100 !important;
  color: #fff; }

.ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-5 [data-role="measures.select.value"].active span, .ns-bitrix.c-catalog-element.c-catalog-element-catalog-default-5 [data-role="measures.select.value"]:hover span {
  background: #00cd00; }
</style>
<script>(window.BX||top.BX).message({"LANGUAGE_ID":"ru","FORMAT_DATE":"DD.MM.YYYY","FORMAT_DATETIME":"DD.MM.YYYY HH:MI:SS","COOKIE_PREFIX":"BITRIX_SM","SERVER_TZ_OFFSET":"18000","UTF_MODE":"Y","SITE_ID":"s1","SITE_DIR":"\/","USER_ID":"","SERVER_TIME":1791631095,"USER_TZ_OFFSET":0,"USER_TZ_AUTO":"Y","bitrix_sessid":"253ffaef0bcab38f7dd12b5c6f8ca507"});</script>


<script src="/bitrix/js/pull/protobuf/protobuf.js?179014599883002"></script>
<script src="/bitrix/js/pull/protobuf/model.js?179014599896018"></script>
<script src="/bitrix/js/main/core/core_promise.js?17901457275221"></script>
<script src="/bitrix/js/rest/client/rest.client.js?168320003817414"></script>
<script src="/bitrix/js/pull/client/pull.client.js?177548614183861"></script>
<script src="/bitrix/js/ui/a11y/dist/a11y.bundle.js?179014603463634"></script>
<script src="/bitrix/js/main/popup/dist/main.popup.bundle.js?1790145976117589"></script>
<script>
					(function () {
						"use strict";

						var counter = function ()
						{
							var cookie = (function (name) {
								var parts = ("; " + document.cookie).split("; " + name + "=");
								if (parts.length == 2) {
									try {return JSON.parse(decodeURIComponent(parts.pop().split(";").shift()));}
									catch (e) {}
								}
							})("BITRIX_CONVERSION_CONTEXT_s1");

							if (cookie && cookie.EXPIRE >= BX.message("SERVER_TIME"))
								return;

							var request = new XMLHttpRequest();
							request.open("POST", "/bitrix/tools/conversion/ajax_counter.php", true);
							request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
							request.send(
								"SITE_ID="+encodeURIComponent("s1")+
								"&sessid="+encodeURIComponent(BX.bitrix_sessid())+
								"&HTTP_REFERER="+encodeURIComponent(document.referrer)
							);
						};

						if (window.frameRequestStart === true)
							BX.addCustomEvent("onFrameDataReceived", counter);
						else
							BX.ready(counter);
					})();
				</script>



<script src="/local/templates/universelite_s1/js/bundle.js?16832000421690124"></script>
<script src="/local/templates/universelite_s1/js/custom.js?17910226524167"></script>
<script src="/assets/js/magnific.js?177880496220087"></script>
<script src="/assets/js/cookies.js?17788085151771"></script>
<script src="/assets/js/inputmask.min.js?1778808490124047"></script>
<script src="/assets/js/app.js?17901993788285"></script>
<script src="/include/gsap/gsap.min.js?167872478371157"></script>
<script src="/include/gsap/ScrollTrigger.min.js?167872477640596"></script>
<script src="/bitrix/components/bitrix/search.title/script.js?177548608910573"></script>
<script type="text/javascript">
    template.load(function () {
        var app = this;
        var _ = app.getLibrary('_');

        app.metrika.on('reachGoal', function (name) {
            app.ecommerce.sendData({'event': name});
        });
    
        app.api.basket.on('add', function (data, item) {
            app.metrika.reachGoal('basket.add');
            
            if (!_.isNil(item))
                app.ecommerce.sendData({
                    'event': 'addToCart',
                    'ecommerce': {
                        'add': {
                            'products': [{
                                'name': item.name,
                                'id': item.id,
                                'price': item.price,
                                'category': !_.isNil(item.section) ? item.section.name : null,
                                'quantity': item.quantity
                            }]
                        }
                    }
                });
        });
    
        app.api.basket.on('remove', function (data, item) {
            app.metrika.reachGoal('basket.remove');
            
            if (!_.isNil(item))
                app.ecommerce.sendData({
                    'event': 'removeFromCart',
                    'ecommerce': {
                        'remove': {
                            'products': [{
                                'name': item.name,
                                'id': item.id,
                                'price': item.price,
                                'category': !_.isNil(item.section) ? item.section.name : null,
                                'quantity': item.quantity
                            }]
                        }
                    }
                });
        });
    
        app.api.basket.on('clear', function (items) {
            var data;
        
            app.metrika.reachGoal('basket.clear');
            
            if (!_.isNil(items)) {
                data = {
                    'event': 'removeFromCart',
                    'ecommerce': {
                        'remove': {
                            'products': []
                        }
                    }
                };
            
                _.each(items, function (item) {
                    data.ecommerce.remove.products.push({
                        'name': item.name,
                        'id': item.id,
                        'price': item.price,
                        'category': !_.isNil(item.section) ? item.section.name : null,
                        'quantity': item.quantity
                    });
                });
                
                app.ecommerce.sendData(data);
            }
        });
    }, {
        'name': '[Metrika] Events'
    });
</script>
<script type="text/javascript">
                $(function () {
                    window.template = window.template({'debug': false, 'environment': 'desktop', 'language': 'ru', 'public': true, 'site': {'id': 's1', 'directory': '/'}, 'template': {'id': 'universelite_s1', 'directory': '/local/templates/universelite_s1/'}, 'styles': ['/local/templates/universelite_s1/icons/fontawesome/style.min.css', '/local/templates/universelite_s1/icons/glyphter/style.min.css', '/local/templates/universelite_s1/icons/intec/style.min.css']});
                });
            </script>


        <meta name="viewport" content="initial-scale=1.0, width=device-width">
        <meta name="yandex-verification" content="3c55bfad43f087f4" />
        <meta name="p:domain_verify" content="356fce15f9867ea6989c040f26b546e9"/>
        <meta name="format-detection" content="telephone=no">
        <meta name="format-detection" content="address=no">
        <meta name="cmsmagazine" content="79468b886bf88b23144291bf1d99aa1c" />
	    <link rel="icon" type="image/x-icon" href="/local/templates/universelite_s1/favicon.ico" />
        <meta name="og:type" content="website" />
        <meta name="og:title" content="Каталог товаров" />
        <meta name="og:description" content="Каталог Archipaint: краска, палитра цветов, образцы и декоративные покрытия для внутренних и наружных работ. Подберите материалы и получите консультацию по цвету" />
        <meta name="og:image" content="https://archipaint.ru/include/logotype.png" />
        <meta name="og:url" content="https://archipaint.ru/catalog/palitra/soframap-decocolor-ii/soframap-8219/" />
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
        <link rel="apple-touch-icon" href="/favicon.png">
        <script data-skip-moving="true" type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6Ledv-osAAAAAIPOJIXJqD1itB2N1rqYfgjvrwv1"></script>
        
        
            </head>
    <body class="public intec-adaptive" style="">
                <script type="text/javascript">
    template.load(function () {
        var app = this;
        var _ = app.getLibrary('_');
        var $ = app.getLibrary('$');

        var data;
        var refresh;
        var update;

        data = {};
        data.basket = [];
        data.compare = [];

        refresh = function () {
            $('[data-basket-id]').attr('data-basket-state', 'none');
            $('[data-compare-id]').attr('data-compare-state', 'none');

            _.each(data.basket, function (item) {
                $('[data-basket-id=' + item.id + ']').attr('data-basket-state', item.delay ? 'delayed' : 'added');
            });

            _.each(data.compare, function (item) {
                $('[data-compare-id=' + item.id + ']').attr('data-compare-state', 'added');
            });
        };

        update = function () {
            $.ajax('/local/templates/universelite_s1/components/intec.universe/system/basket.manager/ajax.php', {
                'type': 'POST',
                'cache': false,
                'dataType': 'json',
                'data': {'BASKET': 'Y', 'COMPARE': 'Y', 'COMPARE_CODE': 'compare', 'COMPARE_NAME': 'compare', 'CACHE_TYPE': 'N', '~BASKET': 'Y', '~COMPARE': 'Y', '~COMPARE_NAME': 'compare', '~CACHE_TYPE': 'N'},
                'success': function (response) {
                    data = response;
                    refresh();
                }
            });
        };

        $(document).on('click', '[data-basket-id][data-basket-action]', function () {
            var node = $(this);
            var id = node.data('basketId');
            var action = node.data('basketAction');
            var quantity = node.data('basketQuantity');
            var price = node.data('basketPrice');
            var data = node.data('basketData');

            if (id == null)
                return;

            if (action === 'add') {
               $(':not([data-basket-action="remove"]):not([data-basket-action="delay"])[data-basket-id=' + id + ']').attr('data-basket-state', 'processing');

                app.api.basket.add(_.merge({
                    'quantity': quantity,
                    'price': price
                }, data, {
                    'id': id
                })).run();
            } else if (action === 'remove') {
                $('[data-basket-id=' + id + '][data-basket-action="remove"],[data-basket-id=' + id + '][data-basket-action="delay"]').attr('data-basket-state', 'processing');

                app.api.basket.remove(_.merge({}, data, {
                    'id': id
                })).run();
            } else if (action === 'delay') {
                $('[data-basket-id=' + id + '][data-basket-action="remove"],[data-basket-id=' + id + '][data-basket-action="delay"]').attr('data-basket-state', 'processing');

                app.api.basket.add(_.merge({
                    'quantity': quantity,
                    'price': price
                }, data, {
                    'id': id,
                    'delay': 'Y'
                })).run();
            } else if (action === 'setQuantity') {
                $('[data-basket-id=' + id + ']').attr('data-basket-state', 'processing');

                app.api.basket.setQuantity(_.merge({
                    'quantity': quantity,
                    'price': price
                }, data, {
                    'id': id,
                    'delay': 'Y'
                })).run();
            }
        }).on('click', '[data-compare-id][data-compare-action]', function () {
            var node = $(this);
            var id = node.data('compareId');
            var action = node.data('compareAction');
            var code = node.data('compareCode');
            var iblock = node.data('compareIblock');
            var data = node.attr('compareData');

            if (id == null)
                return;

            if (action === 'add') {
                $('[data-compare-id=' + id + ']').attr('data-compare-state', 'processing');

                app.api.compare.add(_.merge({}, data, {
                    'id': id,
                    'code': code,
                    'iblock': iblock
                })).run();
            } else if (action === 'remove') {
                $('[data-compare-id=' + id + ']').attr('data-compare-state', 'processing');

                app.api.compare.remove(_.merge({}, data, {
                    'id': id,
                    'code': code,
                    'iblock': iblock
                })).run();
            }
        });

        app.api.basket.on('update', update);
        app.api.compare.on('update', update);

        update();
    }, {
        'name': '[Component] intec.universe:system (basket.manager)',
        'loader': {
            'options': {
                'await': [
                    'composite'
                ]
            }
        }
    });
</script>                <div class="intec-template" data-background-show="false" data-editor="false" data-flat="top">    <div class="intec-template-layout intec-content-wrap" data-name="wide">        <div class="intec-template-layout-header" data-global-role="header">            <div class="intec-template-layout-header-wrapper">                    <!--'start_frame_cache_HfGXzP'-->        <div id="i-0-intec-universe-sale-basket-small-template-2-gnX3eXUbquSn" class="ns-intec-universe c-sale-basket-small c-sale-basket-small-template-2">
            <!--noindex-->
                        
<div class="sale-basket-small-content">
    <div class="sale-basket-small-switches" data-role="switches">
                    <div class="sale-basket-small-switch intec-cl-svg-path-stroke-hover"
                 data-role="switch"
                 data-tab="basket"
                 data-active="false">
                <div class="sale-basket-small-switch-wrapper">
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M4.00974 4.33374L3.28925 1.09317H1.20557" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.91355 13.2021L4.01025 4.33374H17.6833C18.3714 4.33374 18.8834 4.96781 18.7397 5.64077L17.1173 13.2021C17.0103 13.7001 16.5707 14.0554 16.0608 14.0554H6.96889C6.46012 14.0554 6.02048 13.7001 5.91355 13.2021Z" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M15.5058 17.3687C15.093 17.3687 14.758 17.7037 14.762 18.1165C14.762 18.5293 15.097 18.8643 15.5098 18.8643C15.9226 18.8643 16.2576 18.5293 16.2576 18.1165C16.2556 17.7037 15.9206 17.3687 15.5058 17.3687" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M7.52977 17.3687C7.11697 17.3687 6.78195 17.7037 6.78593 18.1165C6.78394 18.5293 7.11896 18.8643 7.53176 18.8643C7.94456 18.8643 8.27958 18.5293 8.27958 18.1165C8.27958 17.7037 7.94456 17.3687 7.52977 17.3687" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                                    </div>
            </div>
                            <div class="sale-basket-small-switch intec-cl-svg-path-stroke-hover"
                 data-role="switch"
                 data-tab="delayed"
                 data-active="false">
                <div class="sale-basket-small-switch-wrapper">
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4837 2.63113C16.4036 2.63113 18.3656 5.37603 18.3656 7.93671C18.3656 13.1225 10.223 17.3688 10.0756 17.3688C9.92823 17.3688 1.78564 13.1225 1.78564 7.93671C1.78564 5.37603 3.7476 2.63113 6.66751 2.63113C8.34392 2.63113 9.44004 3.46934 10.0756 4.20623C10.7112 3.46934 11.8073 2.63113 13.4837 2.63113Z" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                                    </div>
            </div>
                            <div class="sale-basket-small-switch intec-cl-svg-path-stroke-hover"
                onclick="window.FS.orders(0,'Заказать звонок панель справа',2);return false;">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.9041 3.29987V1M15.0025 4.92158L16.6242 3.3097M16.6343 9.02989H18.9243M8.0815 11.8497C6.93156 10.6998 6.06469 9.41222 5.48874 8.10601C5.36687 7.82983 5.43861 7.50647 5.65189 7.29319L6.45685 6.48824C7.11634 5.82874 7.11634 4.89602 6.54039 4.32007L5.38652 3.16718C4.61892 2.39958 3.37463 2.39958 2.60702 3.16718L1.9662 3.80702C1.23791 4.53531 0.934211 5.58598 1.13078 6.6278C1.61631 9.19599 3.10828 12.0079 5.51528 14.4149C7.92228 16.8219 10.7342 18.3139 13.3024 18.7994C14.3442 18.996 15.3949 18.6923 16.1232 17.964L16.763 17.3242C17.5306 16.5566 17.5306 15.3123 16.763 14.5447L15.6101 13.3918C15.0342 12.8158 14.1005 12.8158 13.5255 13.3918L12.638 14.2803C12.4247 14.4936 12.1014 14.5653 11.8252 14.4434C10.519 13.8665 9.23143 12.9986 8.0815 11.8497Z" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </div>
                                    <a rel="nofollow" href="/auth/" class="sale-basket-small-switch intec-cl-svg-path-stroke-hover">
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12.3333 12.25L9.90541 14.5L8.44444 13.1504M6.11111 7.75V4.85714C6.11111 2.7269 7.85223 1 10 1C12.1478 1 13.8889 2.7269 13.8889 4.85714V7.75M15 19H5C3.89543 19 3 18.0842 3 16.9545V9.79545C3 8.66578 3.89543 7.75 5 7.75H15C16.1046 7.75 17 8.66578 17 9.79545V16.9545C17 18.0842 16.1046 19 15 19Z" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
                                                </div>

    <div class="sale-basket-small-overlay" data-role="overlay"></div>

    <div class="sale-basket-small-tabs sale-basket-small-popup" data-role="tabs">
                    <div class="sale-basket-small-tab sale-basket-small-tab-basket" data-role="tab" data-tab="basket" data-active="false">
                                    <div class="sale-basket-small-empty-basket-wrap">
                        <div class="sale-basket-small-empty-basket">
                            <div class="sale-basket-small-empty-basket-image">
                                <img src="/local/templates/universelite_s1/components/intec.universe/sale.basket.small/template.2/images/empty_basket.png" alt="empty basket" />
                            </div>
                            <div class="sale-basket-small-empty-basket-title">
                                Ваша корзина пуста                            </div>
                            <div class="sale-basket-small-empty-basket-text">
                                Выберите в каталоге интересующий товар<br>и нажмите кнопку «В корзину».                            </div>
                                                            <a href="/catalog/"
                                   class="sale-basket-small-empty-basket-btn intec-ui intec-ui-control-button intec-ui-scheme-current intec-ui-size-2">
                                    Перейти в каталог                                </a>
                                                    </div>
                    </div>
                            </div>
        
                    <div class="sale-basket-small-tab sale-basket-small-tab-delayed" data-role="tab" data-tab="delayed" data-active="false">
                                    <div class="sale-basket-small-empty-delayed-wrap">
                        <div class="sale-basket-small-empty-delayed">
                            <div class="sale-basket-small-empty-delayed-image">
                                <img src="/local/templates/universelite_s1/components/intec.universe/sale.basket.small/template.2/images/empty_delayed.png" alt="empty delayed" />
                            </div>
                            <div class="sale-basket-small-empty-delayed-title">
                                Отложенных товаров нет                            </div>
                            <div class="sale-basket-small-empty-delayed-text">
                                Выберите в каталоге интересующий товар<br>и нажмите кнопку                                 <img src="/local/templates/universelite_s1/components/intec.universe/sale.basket.small/template.2/images/delayed_icon.png" alt="">
                            </div>
                                                            <a href="/catalog/"
                                   class="sale-basket-small-empty-delayed-btn intec-ui intec-ui-control-button intec-ui-scheme-current intec-ui-size-2">
                                    Перейти в каталог                                </a>
                                                    </div>
                    </div>
                            </div>
        
                    <div class="sale-basket-small-tab sale-basket-small-tab-form" data-tab="form" data-active="false">
                <div class="sale-basket-small-tab-wrapper">
                                            <div class="sale-basket-small-tab-header ">
                            <div class="intec-grid intec-grid-nowrap intec-grid-a-v-center">
                                <div class="sale-basket-small-tab-title intec-grid-item">
                                    Заказать звонок                                </div>
                                <div class="sale-basket-small-header-btn-close-wrap intec-grid-item-auto">
                                    <div class="sale-basket-small-header-btn-close" data-role="button" data-action="close">
                                        <i class="fal fa-times"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                                        <div data-role="area" data-area="form" class="sale-basket-small-tab-content"></div>
                </div>
            </div>
        
                    <div class="sale-basket-small-tab sale-basket-small-tab-personal-area" data-tab="personal" data-active="false">
                <div class="sale-basket-small-tab-wrapper">
                    <div data-role="area" data-area="personal" class="sale-basket-small-tab-content"></div>
                </div>
            </div>
            </div>
</div>            <script type="text/javascript">
    template.load(function () {
        var app = this;
        var _ = app.getLibrary('_');
        var $ = app.getLibrary('$');

        var root = arguments[0].nodes;
        var switches = $('[data-role="switches"]', root);
        var products = $('[data-role="product"]', root);
        var buttons = $('[data-role="button"]', root);
        var overlay;
        var data;
        var update;
        var tabs;

        overlay = (function () {
            var overlay = $('[data-role="overlay"]', root);
            var state = false;

            overlay.open = function (animate) {
                if (state)
                    return;

                state = true;

                if (animate) {
                    overlay.css({'width' : '100%', 'height' : '100%', 'opacity': '1'}).stop().animate({
                            'opacity': 1
                        }, 500, function () {}
                    );
                } else {
                    overlay.css({'width' : '100%', 'height' : '100%', 'opacity' : 1});
                }
            };

            overlay.close = function (animate) {
                if (!state)
                    return;

                state = false;

                if (animate) {
                    overlay.css('opacity', 0).stop().animate({
                            'opacity': 0
                        }, 500, function () {
                            overlay.css({ 'width' : '', 'height' : '', 'opacity' : '' });
                        }
                    );
                } else {
                    overlay.css({'opacity' : '', 'width' : '', 'height' : ''});
                }
            };

            return overlay;
        })();

        tabs = (function () {
            var tabs = $('[data-role="tabs"]', root);
            var list = $('[data-tab]', tabs);
            var current = null;

            tabs.open = function (code, animate) {
                var tab;
                var width = {};

                tab = list.filter('[data-tab="' + code + '"]');

                if (tab.length !== 1)
                    return false;

                tabs.trigger('open', [tab]);

                width.current = tabs.width();
                current = code;

                list.css({
                    'display': '',
                    'width': ''
                }).attr('data-active', 'false');

                tab.css('display', 'block').attr('data-active', 'true');
                width.new = tab.width();

                if (animate) {
                    tab.css('width', width.current).stop().animate({
                        'width': width.new
                    }, 500, function () {
                        tab.css('width', '');
                    });
                } else {
                    tab.css('width', '');
                }

                return true;
            };

            tabs.close = function (animate) {
                var tab;

                if (current === null)
                    return;

                tab = list.filter('[data-tab="' + current + '"]');
                current = null;

                if (tab.length !== 1)
                    return;

                tabs.trigger('close', [tab]);

                if (animate) {
                    tab.stop().animate({
                        'width': 0
                    }, 500, function () {
                        list.attr('data-active', 'false');
                        tab.css({
                            'width': '',
                            'display': ''
                        });
                    });
                } else {
                    list.attr('data-active', 'false');
                    tab.css('display', '');
                }
            };

            tabs.switch = function (code, animate) {
                if (code === current) {
                    tabs.close(animate);
                    overlay.close(animate);

                    return false;
                } else {
                    tabs.open(code, animate);
                    overlay.open(animate);

                    return true;
                }
            };

            tabs.getCurrent = function () {
                return current;
            };

            return tabs;
        })();

        switches.activate = function (item) {
            item = switches.children('[data-role="switch"]').filter(item);

            if (item.length !== 1)
                return;

            item.attr('data-active', 'true');
            item.addClass('active');
        };

        switches.deactivate = function () {
            switches.children('[data-role="switch"]').attr('data-active', 'false');
            switches.children('[data-role="switch"]').removeClass('active');
        };

        tabs.on('close', function () {
            switches.deactivate();
        });

        switches.children('[data-role="switch"]').on('click', function () {
            var self = $(this);
            var tab = self.data('tab');

            switches.deactivate();

            if (tabs.switch(tab, true)) {
                switches.activate(self);
            }
        });

        overlay.on('click', function () {
            tabs.close(true);
            overlay.close(true);
        });

        buttons.on('click', function () {
            var button = $(this);
            var action = button.data('action');

            if (action === 'basket.clear') {
                app.api.basket.clear({'basket': 'Y'}).run();
            } else if (action === 'delayed.clear') {
                app.api.basket.clear({'delay': 'Y'}).run();
            } else if (action === 'close') {
                tabs.close(true);
                overlay.close(true);
            } else if (action === 'form') {
                app.api.forms.show({'id': 1, 'template': 'template.1', 'parameters': {'AJAX_OPTION_ADDITIONAL': 'i-0-intec-universe-sale-basket-small-template-2-gnX3eXUbquSn-FORM-POPUP', 'CONSENT_URL': '/company/consent/'}, 'settings': {'title': 'Заказать звонок'}});

                app.metrika.reachGoal('forms.open');
                app.metrika.reachGoal('forms..open');
            } else if (action === 'personal') {
                app.api.components.show(
                    {'component': 'bitrix:system.auth.form', 'template': 'template.1', 'parameters': {'COMPONENT_TEMPLATE': 'template.1', 'REGISTER_URL': '', 'FORGOT_PASSWORD_URL': '', 'PROFILE_URL': '/personal/profile/', 'SHOW_ERRORS': 'N'}}                );
            }
        });

                    app.api.forms.get({'id': 1, 'template': 'template.1', 'parameters': {'AJAX_OPTION_ADDITIONAL': 'i-0-intec-universe-sale-basket-small-template-2-gnX3eXUbquSn-FORM', 'CONSENT_URL': '/company/consent/'}}).then(function (response) {
                tabs.find('[data-role="area"][data-area="form"]').html(response);
            });
        
                    app.api.components.get({'component': 'bitrix:system.auth.form', 'template': 'template.1', 'parameters': {'COMPONENT_TEMPLATE': 'template.1', 'REGISTER_URL': '', 'FORGOT_PASSWORD_URL': '', 'PROFILE_URL': '/personal/profile/', 'SHOW_ERRORS': 'N', 'CONSENT_URL': '/company/consent/'}}).then(function (response) {
                tabs.find('[data-role="area"][data-area="personal"]').html(response);
            });
        
        data = {'component': 'intec.universe:sale.basket.small', 'template': 'template.2', 'parameters': {'FORM_ID': 1, 'SETTINGS_USE': 'Y', 'LAZYLOAD_USE': 'Y', 'BASKET_SHOW': 'Y', 'DELAY_SHOW': 'Y', 'PANEL_SHOW': 'N', 'AUTO': 'N', 'ANIMATE': 'N', 'TAB': null, 'CATALOG_URL': '/catalog/', 'BASKET_URL': '/personal/basket/', 'ORDER_URL': '/personal/basket/order.php', 'COMPARE_URL': '/catalog/compare.php', 'PERSONAL_URL': '/personal/profile/', 'REGISTER_URL': null, 'CONSENT_URL': '/company/consent/', 'PROFILE_URL': null, 'FORGOT_PASSWORD_URL': null, 'COMPARE_SHOW': 'N', 'COMPARE_CODE': 'compare', 'COMPARE_IBLOCK_TYPE': 'catalogs', 'COMPARE_IBLOCK_ID': 13, 'FORM_TITLE': 'Заказать звонок', 'FORM_SHOW': 'Y', 'PERSONAL_SHOW': 'Y', 'SBERBANK_ICON_SHOW': 'Y', 'QIWI_ICON_SHOW': 'Y', 'YANDEX_MONEY_ICON_SHOW': 'Y', 'VISA_ICON_SHOW': 'Y', 'MASTERCARD_ICON_SHOW': 'Y', 'DELAYED_SHOW': 'Y', 'CACHE_TYPE': 'A', '~SETTINGS_USE': 'Y', '~PANEL_SHOW': 'Y', '~COMPARE_SHOW': 'Y', '~COMPARE_CODE': 'compare', '~COMPARE_IBLOCK_TYPE': 'catalogs', '~COMPARE_IBLOCK_ID': 13, '~AUTO': 'Y', '~FORM_ID': 1, '~FORM_TITLE': 'Заказать звонок', '~BASKET_SHOW': 'Y', '~FORM_SHOW': 'Y', '~PERSONAL_SHOW': 'Y', '~SBERBANK_ICON_SHOW': 'Y', '~QIWI_ICON_SHOW': 'Y', '~YANDEX_MONEY_ICON_SHOW': 'Y', '~VISA_ICON_SHOW': 'Y', '~MASTERCARD_ICON_SHOW': 'Y', '~DELAYED_SHOW': 'Y', '~CATALOG_URL': '/catalog/', '~BASKET_URL': '/personal/basket/', '~ORDER_URL': '/personal/basket/order.php', '~COMPARE_URL': '/catalog/compare.php', '~PERSONAL_URL': '/personal/profile/', '~CONSENT_URL': '/company/consent/', '~CACHE_TYPE': 'A', 'AJAX_MODE': 'N'}};

        update = function (tab, animate) {
            if (update.disabled)
                return;

            update.disabled = true;
            app.api.basket.off('update', update);
            app.api.compare.off('update', update);

            if (tab === true || _.isNil(tab)) {
                tab = tabs.getCurrent();
            } else if (tab === false) {
                tab = null;
            }

            data.parameters['TAB'] = tab;
            data.parameters['ANIMATE'] = animate ? 'Y' : 'N';

            app.api.components.get(data).then(function (result) {
                root.replaceWith(result);
            });
        };

        update.disabled = false;
        app.api.basket.once('update', update);
        app.api.compare.once('update', update);

        products.each(function () {
            var product = $(this);
            var id = product.data('id');
            var counter = $('[data-role="counter"]', product);
            var buttons = $('[data-role="button"]', product);
            var numeric = app.ui.createControl('numeric', _.merge({
                'node': counter
            }, counter.data('settings')));

            var changeCount = function (value) {
                app.api.basket.setQuantity({
                    'id': id,
                    'quantity': value
                }).run();
            };

            var changeCountDebounce = _.debounce(changeCount, 500);

            numeric.on('change', changeCountDebounce);
            buttons.on('click', function () {
                var button = $(this);
                var action = button.data('action');
                var data = {
                    'id': id
                };

                if (action === 'product.add') {
                    data.delay = 'N';
                    app.api.basket.add(data).run();
                } else if (action === 'product.delay') {
                    data.delay = 'Y';
                    app.api.basket.add(data).run();
                } else if (action === 'product.remove') {
                    app.api.basket.remove(data).run();
                }
            });
        });

        
            }, {
        'name': '[Component] intec.universe:sale.basket.small (template.2)',
        'nodes': '#i-0-intec-universe-sale-basket-small-template-2-gnX3eXUbquSn',
        'loader': {
            'options': {
                'await': [
                    'composite'
                ]
            }
        }
    })
</script>            <!--/noindex-->
        </div>
    <!--'end_frame_cache_HfGXzP'-->            <!--'start_frame_cache_p98Xd0'-->            <div id="i-1-intec-universe-sale-basket-small-notifications-1-l2XUFDv7uT8d" class="ns-intec-universe c-sale-basket-small c-sale-basket-small-notifications-1">
                <div class="sale-basket-small-content">
                    <div class="sale-basket-small-products" data-role="container">
                        <script type="text/javascript">
    template.load(function () {
        var app = this;
        var _ = app.getLibrary('_');
        var $ = app.getLibrary('$');

        var root = arguments[0].nodes;
        var container = $('[data-role="container"]', root);
        var data;
        var add;

        data = {'component': 'intec.universe:sale.basket.small', 'template': 'notifications.1', 'parameters': {'BASKET_URL': '/personal/basket/', 'CACHE_TYPE': 'A', '~BASKET_URL': '/personal/basket/', '~CACHE_TYPE': 'A', 'AJAX_MODE': 'N'}};

        add = function (id) {
            app.api.components.get(_.merge({}, data, {
                'parameters': {
                    'ID': id
                }
            })).then(function (result) {
                var item = $(result);
                var element;

                container.append(item);

                element = $('[data-product-id="'+id+'"]', container);
                element.attr('data-active', 'true');
                element.find('[data-role="close"]').on('click', function () {
                    element.attr('data-active', 'false');

                    setTimeout(function () {
                        item.remove();
                    }, 300);
                });

                setTimeout(function () {
                    element.attr('data-active', 'false');

                    setTimeout(function () {
                        item.remove();
                    }, 300);

                }, 5000);
            });
        };

        app.api.basket.on('add', function (data) {
            if (data.delay !== 'Y')
                add(data.id);
        });
    }, {
        'name': '[Component] intec.universe:sale.basket.small (notifications.1)',
        'nodes': '#i-1-intec-universe-sale-basket-small-notifications-1-l2XUFDv7uT8d',
        'loader': {
            'options': {
                'await': [
                    'composite'
                ]
            }
        }
    });
</script>                    </div>
                </div>
            </div>
        <!--'end_frame_cache_p98Xd0'-->    <div id="i-2-intec-universe-main-widget-navigation-button-top-Hs1AKBAvoqYN" class="widget c-widget c-widget-navigation-button-top">    <div class="widget-button intec-ui intec-ui-control-button intec-ui-scheme-current" data-role="button" style="">        <div class="widget-button-wrapper">
            <svg width="12" height="17" viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M11 6L6 1L1 6" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                <path d="M6 16V1" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
        </div>
    </div>    <script type="text/javascript">
        template.load(function (data) {
            var $ = this.getLibrary('$');

            var elements = {};
            var refresh = function () {
                var height = document.documentElement.clientHeight;

                if (elements.window.scrollTop() > height) {
                    elements.button.fadeIn();
                } else {
                    elements.button.fadeOut();
                }
            };

            elements.root = data.nodes;
            elements.button = $('[data-role="button"]', elements.root);
            elements.window = $(window);

            elements.window.on('scroll', refresh);

            elements.button.on('click', function () {
                $('html, body').stop().animate({
                    'scrollTop': 0
                }, 600);
            });

            refresh();
        }, {
            'name': '[Component] intec.universe:main.widget (navigation.button.top)',
            'nodes': '#i-2-intec-universe-main-widget-navigation-button-top-Hs1AKBAvoqYN'        });
    </script>
</div><!--'start_frame_cache_crjhkI'--><div id="i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2" class="widget c-panel c-panel-template-1" data-svg-mode="fill">    <div class="intec-content intec-content-primary">
        <div class="scrollbar scrollbar-inner" data-role="scrollbar">
            <div class="widget-body intec-grid intec-grid-a-v-start">
                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_323" class="widget-item" href="/">                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M10 20V14H14V20H19V12H22L12 3L2 12H5V20H10Z" stroke="none" />
</svg>
</span>                                                                                                                        <div class="widget-item-name">Главная</div>                                                    </a>                    </div>                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_324" class="widget-item" href="/personal/profile/">                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM18.36 16.83C16.93 15.09 13.46 14.5 12 14.5C10.54 14.5 7.07 15.09 5.64 16.83C4.57765 15.4438 4.00131 13.7464 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 13.82 19.38 15.49 18.36 16.83ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM12 11C11.17 11 10.5 10.33 10.5 9.5C10.5 8.67 11.17 8 12 8C12.83 8 13.5 8.67 13.5 9.5C13.5 10.33 12.83 11 12 11Z" stroke="none"/>
</svg>
</span>                                                                                                                        <div class="widget-item-name">Кабинет</div>                                                    </a>                    </div>                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_325" class="widget-item" href="/personal/basket/">                                                            <div class="widget-item-count-container">
                                    <div class="widget-item-count intec-cl-background" data-role="panel.basket" data-state="disabled"></div>
                                </div>
                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.55 13C16.3 13 16.96 12.59 17.3 11.97L20.88 5.48C20.9643 5.32843 21.0075 5.15747 21.0054 4.98406C21.0034 4.81064 20.956 4.64077 20.8681 4.49126C20.7803 4.34175 20.6548 4.21778 20.5043 4.13162C20.3538 4.04546 20.1834 4.00009 20.01 4H5.21L4.27 2H1V4H3L6.6 11.59L5.25 14.03C4.52 15.37 5.48 17 7 17H19V15H7L8.1 13H15.55ZM6.16 6H18.31L15.55 11H8.53L6.16 6ZM7 18C5.9 18 5.01 18.9 5.01 20C5.01 21.1 5.9 22 7 22C8.1 22 9 21.1 9 20C9 18.9 8.1 18 7 18ZM17 18C15.9 18 15.01 18.9 15.01 20C15.01 21.1 15.9 22 17 22C18.1 22 19 21.1 19 20C19 18.9 18.1 18 17 18Z" stroke="none"/>
</svg>
</span>                                                                                                                        <div class="widget-item-name">Корзина</div>                                                    </a>                    </div>                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_326" class="widget-item" href="/personal/basket/?delay=Y">                                                            <div class="widget-item-count-container">
                                    <div class="widget-item-count intec-cl-background" data-role="panel.delayed" data-state="disabled"></div>
                                </div>
                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 3C14.76 3 13.09 3.81 12 5.09C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.42 2 8.5C2 12.28 5.4 15.36 10.55 20.04L12 21.35L13.45 20.03C18.6 15.36 22 12.28 22 8.5C22 5.42 19.58 3 16.5 3ZM12.1 18.55L12 18.65L11.9 18.55C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5C9.04 5 10.54 5.99 11.07 7.36H12.94C13.46 5.99 14.96 5 16.5 5C18.5 5 20 6.5 20 8.5C20 11.39 16.86 14.24 12.1 18.55Z" stroke="none"/>
</svg>
</span>                                                                                                                        <div class="widget-item-name">Избранные</div>                                                    </a>                    </div>                                            </div>
        </div>
    </div>
    <script type="text/javascript">
    template.load(function (data) {
        var _ = this.getLibrary('_');
        var $ = this.getLibrary('$');
        var app = this;
        var panel = {
            'compare': {
                'use': false,
                'code': 'compare',
                'key': 49,
                'element': $('[data-role="panel.compare"]', data.nodes)
            },
            'basket': {
                'use': true,
                'element': $('[data-role="panel.basket"]', data.nodes)
            },
            'delay': {
                'use': true,
                'element': $('[data-role="panel.delayed"]', data.nodes)
            },
            'scroll': {
                'area': $(window),
                'content': $('[data-role="scrollbar"]', data.nodes),
                'value': 0
            },
            'getBasketCount': function (data) {
                var result = {
                    'basket': 0,
                    'delay': 0
                };

                _.each(data.items, function (item) {
                    if (item.isDelay)
                        ++result.delay;
                    else
                        ++result.basket;
                });

                return result;
            },
            'setCounter': function (element, count) {
                element.attr('data-state', count > 0 ? 'active' : 'disabled').html(count);
            }
        };

        var panelFixed = false;

        panel.scroll.content.scrollbar();

        panel.setCompareCount = function () {
            app.api.compare.getItems({
                'code': panel.compare.code
            }).run().then(function (response) {
                if (_.has(response, panel.compare.key))
                    panel.setCounter(panel.compare.element, response[panel.compare.key].length);
            });
        };

        panel.updateScroll = function () {
            if (panel.scroll.area.width() > 768) {
                data.nodes.attr('data-in', false);

                return;
            }

            var scrollCurrent = panel.scroll.area.scrollTop();

            if (scrollCurrent > 100 && scrollCurrent > panel.scroll.value) {
                if (!panelFixed)
                    data.nodes.attr('data-in', false);
            } else {
                data.nodes.attr('data-in', true);
            }

            panel.scroll.value = scrollCurrent;
        };

        panel.scroll.area.on('scroll', _.throttle(panel.updateScroll, 150, {
            'trailing': false,
            'leading': true
        }));

        panel.updateScroll();

        if (panel.compare.use) {
            app.api.compare.on('update', panel.setCompareCount);

            panel.setCompareCount();
        }

        if (panel.basket.use || panel.delay.use) {
            app.basket.on('update', function (data) {
                var count = panel.getBasketCount(data);

                if (panel.basket.use)
                    panel.setCounter(panel.basket.element, count.basket);

                if (panel.delay.use)
                    panel.setCounter(panel.delay.element, count.delay);
            });
        }
    }, {
        'name': '[Component] intec.universe:main.panel (template.1)',
        'nodes': '#i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2',
        'loader': {
            'options': {
                'await': [
                    'composite'
                ]
            }
        }
    });
</script></div><!--'end_frame_cache_crjhkI'--><div id="i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2" class="widget c-panel c-panel-template-1" data-svg-mode="fill">    <div class="intec-content intec-content-primary">
        <div class="scrollbar scrollbar-inner" data-role="scrollbar">
            <div class="widget-body intec-grid intec-grid-a-v-start">
                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_323" class="widget-item" href="/">                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M10 20V14H14V20H19V12H22L12 3L2 12H5V20H10Z" stroke="none" />
</svg>
</span>                                                                                                                        <div class="widget-item-name">Главная</div>                                                    </a>                    </div>                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_324" class="widget-item" href="/personal/profile/">                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM18.36 16.83C16.93 15.09 13.46 14.5 12 14.5C10.54 14.5 7.07 15.09 5.64 16.83C4.57765 15.4438 4.00131 13.7464 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 13.82 19.38 15.49 18.36 16.83ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM12 11C11.17 11 10.5 10.33 10.5 9.5C10.5 8.67 11.17 8 12 8C12.83 8 13.5 8.67 13.5 9.5C13.5 10.33 12.83 11 12 11Z" stroke="none"/>
</svg>
</span>                                                                                                                        <div class="widget-item-name">Кабинет</div>                                                    </a>                    </div>                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_325" class="widget-item" href="/personal/basket/">                                                            <div class="widget-item-count-container">
                                    <div class="widget-item-count intec-cl-background" data-role="panel.basket" data-state="disabled"></div>
                                </div>
                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.55 13C16.3 13 16.96 12.59 17.3 11.97L20.88 5.48C20.9643 5.32843 21.0075 5.15747 21.0054 4.98406C21.0034 4.81064 20.956 4.64077 20.8681 4.49126C20.7803 4.34175 20.6548 4.21778 20.5043 4.13162C20.3538 4.04546 20.1834 4.00009 20.01 4H5.21L4.27 2H1V4H3L6.6 11.59L5.25 14.03C4.52 15.37 5.48 17 7 17H19V15H7L8.1 13H15.55ZM6.16 6H18.31L15.55 11H8.53L6.16 6ZM7 18C5.9 18 5.01 18.9 5.01 20C5.01 21.1 5.9 22 7 22C8.1 22 9 21.1 9 20C9 18.9 8.1 18 7 18ZM17 18C15.9 18 15.01 18.9 15.01 20C15.01 21.1 15.9 22 17 22C18.1 22 19 21.1 19 20C19 18.9 18.1 18 17 18Z" stroke="none"/>
</svg>
</span>                                                                                                                        <div class="widget-item-name">Корзина</div>                                                    </a>                    </div>                                    <div class="widget-item-container intec-grid-item-4" data-active="false" data-icon="true">                        <a id="bx_1704906373_i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2_326" class="widget-item" href="/personal/basket/?delay=Y">                                                            <div class="widget-item-count-container">
                                    <div class="widget-item-count intec-cl-background" data-role="panel.delayed" data-state="disabled"></div>
                                </div>
                                                                                                                            <span class="widget-item-icon intec-ui-picture"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 3C14.76 3 13.09 3.81 12 5.09C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.42 2 8.5C2 12.28 5.4 15.36 10.55 20.04L12 21.35L13.45 20.03C18.6 15.36 22 12.28 22 8.5C22 5.42 19.58 3 16.5 3ZM12.1 18.55L12 18.65L11.9 18.55C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5C9.04 5 10.54 5.99 11.07 7.36H12.94C13.46 5.99 14.96 5 16.5 5C18.5 5 20 6.5 20 8.5C20 11.39 16.86 14.24 12.1 18.55Z" stroke="none"/>
</svg>
</span>                                                                                                                        <div class="widget-item-name">Избранные</div>                                                    </a>                    </div>                                            </div>
        </div>
    </div>
    <script type="text/javascript">
    template.load(function (data) {
        var _ = this.getLibrary('_');
        var $ = this.getLibrary('$');
        var app = this;
        var panel = {
            'compare': {
                'use': false,
                'code': 'compare',
                'key': 49,
                'element': $('[data-role="panel.compare"]', data.nodes)
            },
            'basket': {
                'use': true,
                'element': $('[data-role="panel.basket"]', data.nodes)
            },
            'delay': {
                'use': true,
                'element': $('[data-role="panel.delayed"]', data.nodes)
            },
            'scroll': {
                'area': $(window),
                'content': $('[data-role="scrollbar"]', data.nodes),
                'value': 0
            },
            'getBasketCount': function (data) {
                var result = {
                    'basket': 0,
                    'delay': 0
                };

                _.each(data.items, function (item) {
                    if (item.isDelay)
                        ++result.delay;
                    else
                        ++result.basket;
                });

                return result;
            },
            'setCounter': function (element, count) {
                element.attr('data-state', count > 0 ? 'active' : 'disabled').html(count);
            }
        };

        var panelFixed = false;

        panel.scroll.content.scrollbar();

        panel.setCompareCount = function () {
            app.api.compare.getItems({
                'code': panel.compare.code
            }).run().then(function (response) {
                if (_.has(response, panel.compare.key))
                    panel.setCounter(panel.compare.element, response[panel.compare.key].length);
            });
        };

        panel.updateScroll = function () {
            if (panel.scroll.area.width() > 768) {
                data.nodes.attr('data-in', false);

                return;
            }

            var scrollCurrent = panel.scroll.area.scrollTop();

            if (scrollCurrent > 100 && scrollCurrent > panel.scroll.value) {
                if (!panelFixed)
                    data.nodes.attr('data-in', false);
            } else {
                data.nodes.attr('data-in', true);
            }

            panel.scroll.value = scrollCurrent;
        };

        panel.scroll.area.on('scroll', _.throttle(panel.updateScroll, 150, {
            'trailing': false,
            'leading': true
        }));

        panel.updateScroll();

        if (panel.compare.use) {
            app.api.compare.on('update', panel.setCompareCount);

            panel.setCompareCount();
        }

        if (panel.basket.use || panel.delay.use) {
            app.basket.on('update', function (data) {
                var count = panel.getBasketCount(data);

                if (panel.basket.use)
                    panel.setCounter(panel.basket.element, count.basket);

                if (panel.delay.use)
                    panel.setCounter(panel.delay.element, count.delay);
            });
        }
    }, {
        'name': '[Component] intec.universe:main.panel (template.1)',
        'nodes': '#i-3-intec-universe-main-panel-template-1-jQWE3mrLp0O2',
        'loader': {
            'options': {
                'await': [
                    'composite'
                ]
            }
        }
    });
</script></div>                <div style="background-color: #f8f9fb;"><div id="i-4-intec-universe-main-header-template-1-dZcvT5yLZEp0" class="vcard widget c-header c-header-template-1" data-transparent="false">    <div class="widget-content">
        <div style="display: none;">
            <span class="url">
                <span class="value-title" title="https://archipaint.ru/"></span>
            </span>
            <span class="fn org">
                            </span>
            <img class="photo" src="https://archipaint.ru/include/logo_archipaint.png" alt="" />
        </div>
                    <div class="widget-view widget-view-desktop">
                                                <div class="widget-view-desktop-7 widget-rgb-header">
                            <span class="workhours">
            <span class="value-title" title="Пн-Пт: 09:00-19:00, Cб: 10:00-17:00, Вс: Выходной"></span>
        </span>
            <div class="intec-content intec-content-visible intec-content-primary">
        <div class="intec-content-wrapper">
            <div class="widget-wrapper intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-15">                                    <div class="widget-logotype-wrap intec-grid-item-auto">
                        <a class="widget-item widget-logotype intec-ui-picture" href="/" style="width: 130px;">                        <img src="/include/logo_archipaint.png">                        <span class="fs-top-menu-cities">г. Москва</span>
                        </a>                    </div>
                                                    <div class="widget-menu-wrap intec-grid-item intec-grid-item-a-stretch intec-grid-item-shrink-1">
                        <div class="widget-item widget-menu">
                                                            <div id="i-5-bitrix-menu-horizontal-1-LkGdQnW4WHwB" class="ns-bitrix c-menu c-menu-horizontal-1" data-role="menu" data-uppercase="true" data-transparent="true" data-section-view="information" data-submenu-view="simple.1">                    <div class="menu-overlay" data-role="overlay"></div>
                <div class="menu-wrapper menu-transparent">            <div class="menu-wrapper-2 intec-content">
                <div class="menu-wrapper-3 intec-content-wrapper">
                    <div class="menu-wrapper-4 intec-grid intec-grid-nowrap intec-grid-a-h-start intec-grid-a-v-stretch" data-role="items">
                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/company/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        О НАС                                    </div>                                                                    </a>                                <div class="menu-submenu menu-submenu-1" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/certificates/">                    Сертификаты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/video">                    Видео                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/rekvizity/">                    Реквизиты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/marketingovaya-produktsiya/">                    Маркетинговая продукция                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/catalog/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        КАТАЛОГ ТОВАРОВ                                    </div>                                                                    </a>                                <div class="menu-submenu menu-submenu-1" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/kraska/">                    Краска                </a>                                            </div>
                                <div class="menu-submenu-item menu-submenu-item-active" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover intec-cl-text" href="/catalog/palitra/">                    Палитра                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/obraztsy/">                    Образцы                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/decorativnye-pokrytiya1/">                    Декоративные покрытия                </a>                                            </div>
                        </div>
            <div class="menu-submenu-cards" data-role="cards">
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/kraska/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/96b/130_130_0/oirhv63x6wxk0vnhusb0bdrba3tpt6nr.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/kraska/">Краска</a>                                                            <div class="menu-submenu-card-description">
                                    ОТКРОЙТЕ ДЛЯ СЕБЯ ПОКРЫТИЯ ARCHIPAINT

	 Выбирайте из широкого разнообразия безопасных, экологически чистых материалов на<br>
	 водной основе, подходящих для большинства внутренних и наружных работ.
                                </div>
                                                    </div>
                    </div>
                </div>
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/palitra/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/ac5/130_130_0/jsvdloskzfyfw7tp63zofq23q980n2py.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/palitra/">Палитра</a>                                                    </div>
                    </div>
                </div>
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/obraztsy/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/a06/130_130_0/etfc8j4astc7lio6sr11cnrhbiuafo2l.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/obraztsy/">Образцы</a>                                                    </div>
                    </div>
                </div>
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/decorativnye-pokrytiya1/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/079/130_130_0/gz1wk7g9ei8h30az7ughq0ce1equj7qb.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/decorativnye-pokrytiya1/">Декоративные покрытия</a>                                                    </div>
                    </div>
                </div>
                    </div>
        <div class="intec-ui-clear"></div>
</div>                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/blog/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        БЛОГ                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/photo/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        ФОТОГАЛЕРЕЯ                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/company/dilerstvo/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        СОТРУДНИЧЕСТВО                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/where-to-buy/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        ГДЕ КУПИТЬ                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/contacts/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        КОНТАКТЫ                                    </div>                                                                    </a>                                                            </div>                                                <div class="menu-item menu-item-default menu-item-more" data-role="more">                            <a class="intec-grid intec-grid-a-h-center intec-grid-a-v-center menu-item-text">
                                <div class="intec-grid-item-auto menu-item-text-wrapper intec-cl-text">...</div>                            </a>
                            <div class="menu-submenu menu-submenu-1" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/">                    О НАС                </a>                                    <div class="menu-submenu-item-arrow far fa-angle-right"></div>
                                <div class="menu-submenu menu-submenu-2" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/certificates/">                    Сертификаты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/video">                    Видео                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/rekvizity/">                    Реквизиты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/marketingovaya-produktsiya/">                    Маркетинговая продукция                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/">                    КАТАЛОГ ТОВАРОВ                </a>                                    <div class="menu-submenu-item-arrow far fa-angle-right"></div>
                                <div class="menu-submenu menu-submenu-2" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/kraska/">                    Краска                </a>                                            </div>
                                <div class="menu-submenu-item menu-submenu-item-active" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover intec-cl-text" href="/catalog/palitra/">                    Палитра                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/obraztsy/">                    Образцы                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/decorativnye-pokrytiya1/">                    Декоративные покрытия                </a>                                    <div class="menu-submenu-item-arrow far fa-angle-right"></div>
                                <div class="menu-submenu menu-submenu-3" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/gladkie-pokrytiya1/">                    Гладкие покрытия                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/relefnye-pokrytiya/">                    Рельефные покрытия                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/blog/">                    БЛОГ                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/photo/">                    ФОТОГАЛЕРЕЯ                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/dilerstvo/">                    СОТРУДНИЧЕСТВО                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/where-to-buy/">                    ГДЕ КУПИТЬ                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/contacts/">                    КОНТАКТЫ                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>                        </div>                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>        <script type="text/javascript">
            template.load(function (data) {
                var $ = this.getLibrary('$');
                
                var root = data.nodes;
                var selectors = {
                    'menu': '[data-role=menu]',
                    'item': '[data-role=item]',
                    'items': '[data-role=items]',
                    'more': '[data-role=more]',
                    'cards': '[data-role=cards]',
                    'card': '[data-role=card]',
                    'overlay': '[data-role=overlay]',
                    'scrollbar': '[data-role=scrollbar]'
                };
                var classes = {
                    'adapted': 'menu-adapted',
                    'initialized': 'menu-initialized',
                    'visible': 'menu-submenu-visible',
                    'right': 'menu-submenu-right'
                };
                var menu;
                var overlay;
                var adapt;

                if (root.is(selectors.menu)) {
                    menu = root;
                } else {
                    menu = root.find(selectors.menu).eq(0);
                }

                                    overlay = root.find(selectors.overlay);
                
                /**
                 * Возвращает элемент, содержащий все пункты указанного меню.
                 * Значение параметра submenu:
                 * - селектор или jQuery - возвращать элемент указанного меню.
                 * - false - возвращать элементы всех меню.
                 */
                menu.getItemsWrappers = function (submenu) {
                    if (!submenu) {
                        return menu
                            .find(selectors.items);
                    }

                    if (menu.get(0) === submenu.get(0)) {
                        submenu = menu;
                    } else {
                        submenu = menu
                            .find(submenu);
                    }

                    return submenu
                        .find(selectors.items)
                        .eq(0);
                };

                /**
                 * Возвращает элементы меню.
                 * Значение параметра submenu:
                 * - селектор или jQuery - возвращать элементы определенного меню.
                 * - false - возвращать все элементы.
                 */
                menu.getItems = function (submenu) {
                    if (!submenu) {
                        return menu
                            .find(selectors.item);
                    }

                    return menu
                        .getItemsWrappers(submenu)
                        .children(selectors.item);
                };

                /**
                 * Возвращает меню.
                 * Значение параметра item:
                 * - селектор или объект jQuery - возвращает меню элемента.
                 * - false - возвращать все меню.
                 */
                menu.getMenu = function (item) {
                    if (item)
                        return menu
                            .find(item)
                            .find(selectors.menu)
                            .eq(0);

                    return menu
                        .find(selectors.menu);
                };

                /** Управление содержимым "Еще" */
                menu.more = {};
                /** Возвращает элемент меню "Еще" */
                menu.more.getItem = function () {
                    return menu
                        .find(selectors.more);
                };
                /** Возвращает меню элемента "Еще" */
                menu.more.getMenu = function () {
                    return menu.getMenu(menu.more.getItem());
                };
                /** Добавляет элементы (jQuery коллекция) в меню "Еще" */
                menu.more.add = function (add) {
                    var items;

                    add = $(add);
                    items = menu.getItems(menu.more.getMenu());
                    add.each(function () {
                        var self = $(this);
                        var item = items.eq(self.index());

                        self.hide();
                        item.show();
                    });
                };
                /** Удаляет элементы (jQuery коллекция) из меню "Еще" */
                menu.more.remove = function (remove) {
                    var items;

                    remove = $(remove);
                    items = menu.getItems(menu.more.getMenu());
                    remove.each(function () {
                        var self = $(this);
                        var item = items.eq(self.index());

                        self.show();
                        item.hide();
                    });
                };

                /** Правила адаптивности */
                adapt = {};
                /** Адаптация положения подменю */
                adapt.menu = function () {
                    var submenu = menu.getMenu().filter('[data-visible=true]');
                    var wrapper = menu.getItemsWrappers(menu);
                    var width = wrapper.width();
                    var right = false;

                    submenu.each(function () {
                        var self = $(this);
                        var offset = {};

                        self.removeClass(classes.right);

                        offset.start = function () { return self.offset().left - wrapper.offset().left };
                        offset.end = function () { return offset.start() + self.width(); };

                        if (offset.end() > width)
                            right = true;

                        if (right) {
                            self.addClass(classes.right);

                            if (offset.start() < 0) {
                                self.removeClass(classes.right);
                                right = false;
                            }
                        }
                    });
                };
                /** Адаптация элементов корневого меню */
                adapt.items = function () {
                    var items = {};
                    var width = {};
                    var wrapper = menu.getItemsWrappers(menu);

                    menu.removeClass(classes.adapted);
                    items.all = menu.getItems(menu);
                    items.visible = $([]);
                    items.hidden = $([]);

                    items.all.hide();
                    width.available = wrapper.width() - menu.more.getItem().show().width();
                    items.all.show();
                    width.total = 0;

                    menu.more.remove(items.all);
                    items.all.each(function () {
                        var item = $(this);

                        item.css({'width': 'auto'});
                        width.total += item.width();

                        if (width.total < width.available) {
                            items.visible = items.visible.add(item);
                        } else {
                            items.hidden = items.hidden.add(item);
                        }
                    });

                    if (items.hidden.length > 0) {
                        menu.more.add(items.hidden);
                    } else {
                        menu.more.getItem().hide();
                        width.available = wrapper.width();
                    }

                    menu.addClass(classes.adapted);

                    var last = null;

                    width.total = {
                        'original': 0,
                        'rounded': 0
                    };

                    items.visible.each(function () {
                        width.total.original += $(this).width();
                    }).each(function () {
                        var item = $(this);
                        var size = Math.floor((width.available / 100) * (item.width() / width.total.original) * 100);

                        width.total.rounded += size;
                        item.css('width', size + 'px');
                        last = item;
                    });

                    if (last != null)
                        last.css('width', last.width() + (width.available - width.total.rounded) + 'px');
                };

                /** События наведения мыши на пунктах меню */
                menu.getItems().add(menu.more.getItem()).on('mouseenter', function (event) {
                    var item = $(this);
                    var submenu;
                    var level = item.attr('data-level');

                    submenu = menu.getMenu(item);
                                            if ((level === '0' || item.attr('data-role') === 'more') && submenu.length === 1) {
                            overlay.show().stop().animate({
                                'opacity': 1
                            }, 300);
                        }
                                        submenu.show().addClass(classes.visible).stop().animate({
                        'opacity': 1
                    }, 300);
                    submenu.attr('data-visible', 'true');
                    adapt.menu();

                    event.preventDefault();
                }).on('mouseleave', function (event) {
                    var item = $(this);
                    var submenu;
                    var level = item.attr('data-level');

                                            if (level === '0' || item.attr('data-role') === 'more') {
                            overlay.stop().animate({
                                'opacity': 0
                            }, 300, function () {
                                overlay.hide();
                            });
                        }
                                        submenu = menu.getMenu(item);
                    submenu.stop().removeClass(classes.visible).animate({
                        'opacity': 0
                    }, 50, function () {
                        adapt.menu();
                        submenu.removeAttr('data-visible');
                        submenu.hide();
                    });

                    event.preventDefault();
                });

                /** Скроллбар в меню */
                root.find(selectors.scrollbar).scrollbar();

                /** Анимация карт */
                menu.getItems(menu).each(function () {
                    var item = $(this);
                    var submenu = menu.getMenu(item);
                    var items = menu.getItems(submenu);

                    if (submenu.length !== 1)
                        return;

                    var cardsWrapper = submenu.children(selectors.cards);

                    if (cardsWrapper.length !== 1)
                        return;

                    var cards = cardsWrapper.children(selectors.card);
                    var opening = false;

                    cardsWrapper.css({
                        'width': 0
                    });

                    items.on('mouseenter', function () {
                        var item = $(this);
                        var card = cards.eq(item.index());
                        var width;

                        cards.attr('data-expanded', 'false');
                        card.attr('data-expanded', 'true');

                        if (!opening) {
                            width = {
                                'current': cardsWrapper.width(),
                                'new': cardsWrapper.css({
                                    'width': 'auto'
                                }).width()
                            };

                            if (width.current !== width.new) {
                                opening = true;

                                cardsWrapper.stop().css({
                                    'width': width.current
                                }).animate({
                                    'width': width.new
                                }, 500, function () {
                                    opening = false;
                                });
                            }
                        }
                    });

                    submenu.on('mouseleave', function () {
                        var width = cardsWrapper.width();

                        opening = false;
                        cardsWrapper.stop().css({
                            'width': width
                        }).animate({
                            'width': 0
                        }, 500, function () {
                            cards.attr('data-expanded', 'false');
                        });
                    });
                });

                root.on('update', function () {
                    adapt.menu();
                    adapt.items();
                    menu.addClass(classes.initialized);
                });

                $(window).on('resize', function () {
                    root.trigger('update');
                });

                setTimeout(function () {
                    root.trigger('update');
                }, 1000);
            }, {
                'name': '[Component] bitrix:menu (horizontal.1)',
                'nodes': '#i-5-bitrix-menu-horizontal-1-LkGdQnW4WHwB',
                'loader': {
                    'name': 'lazy'
                }
            });
        </script>
    </div>                        </div>
                    </div>
                                                                                                            <div class="widget-contacts-wrap intec-grid-item-auto">
                        <div class="widget-item widget-contacts" data-multiple="true" data-expanded="false" data-block="phone">                            <div class="widget-phone">
                                <div class="widget-phone-content">
                                    <div class="widget-phone-content-wrapper intec-grid intec-grid-o-vertical">
                                                                                                                                    <a href="tel:88002343018" class="tel widget-phone-text intec-cl-text-hover" data-block-action="popup.open">
                                                    <span class="value">8 (800) 234-30-18</span>
                                                </a>
                                                                                                                        </div>
                                                                            <div class="widget-phone-popup" data-block-element="popup">
                                            <div class="widget-phone-popup-wrapper scrollbar-inner" data-advanced="true">
                                                                                                                                                            <div class="widget-phone-popup-contacts">
                                                                                                                            <a href="tel:88002343018" class="tel widget-phone-popup-contact phone intec-cl-text-hover">
                                                                    <span class="value">8 (800) 234-30-18</span>
                                                                </a>
                                                                                                                                                                                        <div class="adr widget-phone-popup-contact address">
                                                                    <span class="locality">г. Москва, Каширское шоссе 19к2, 2 этаж, павильон 2-73</span>
                                                                </div>
                                                                                                                                                                                        <div class="widget-phone-popup-contact schedule">
                                                                                                                                                                                                                        <span>Пн-Пт: 09:00-19:00</span>
                                                                                                                                                    <span>Cб: 10:00-17:00</span>
                                                                                                                                                    <span>Вс: Выходной</span>
                                                                                                                                                                                                            </div>
                                                                                                                                                                                </div>
                                                                                                                                                </div>
                                        </div>
                                                                    </div>
                                                                    <div class="widget-phone-arrow far fa-chevron-down" data-block-action="popup.open"></div>
                                                            </div>
                                                            <div class="widget-button-wrap">
                                    <div class="widget-button intec-cl-text-hover intec-cl-border-hover" onclick="window.FS.orders(0,'Заказать звонок топ меню',2);return false;">
                                        Заказать звонок                                    </div>
                                                                    </div>
                                                    </div>                                                    <script type="text/javascript">
                                template.load(function (data) {
                                    var $ = this.getLibrary('$');
                                    var root = data.nodes;
                                    var block = $('[data-block="phone"]', root);
                                    var popup = $('[data-block-element="popup"]', block);
                                    var scrollContacts = $('.scrollbar-inner', popup);

                                    popup.open = $('[data-block-action="popup.open"]', block);
                                    popup.open.on('mouseenter', function () {
                                        block.attr('data-expanded', 'true');
                                    });

                                    block.on('mouseleave', function () {
                                        block.attr('data-expanded', 'false');
                                    });

                                    scrollContacts.scrollbar();
                                }, {
                                    'name': '[Component] intec.universe:main.header (template.1) > desktop (template.7) > phone.expand',
                                    'nodes': '#i-4-intec-universe-main-header-template-1-dZcvT5yLZEp0',
                                    'loader': {
                                        'name': 'lazy'
                                    }
                                });
                            </script>
                                            </div>
                                                            </div>        </div>
    </div>
    </div>            </div>
            <div class="widget-overlay" data-role="overlay-desktop"></div>
                            <div class="widget-view widget-view-fixed" data-role="top-menu">
                                                <div class="widget-view-fixed-1">
        <div class="widget-wrapper intec-content intec-content-visible intec-content-primary">
        <div class="widget-wrapper-2 intec-content-wrapper">
            <div class="widget-wrapper-3 intec-grid intec-grid-nowrap intec-grid-i-h-20 intec-grid-a-v-center">
                                    <div class="widget-menu-popup-wrap intec-grid-item-auto">
                        <div class="widget-menu-popup">
                                <div id="i-6-bitrix-menu-popup-1-XEVOpkwAkIZ0" class="ns-bitrix c-menu c-menu-popup-1">    <div class="menu-button intec-cl-text-hover" data-action="menu.open">
        <i class="menu-button-icon fal fa-bars"></i>
    </div>
    <div class="menu" data-role="menu">
        <div class="menu-wrapper intec-content intec-content-primary">
            <div class="menu-wrapper-2 intec-content-wrapper">
                <div class="menu-panel">
                    <div class="menu-panel-wrapper intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                        <div class="menu-panel-button-wrap intec-grid-item-auto">
                                                            <div class="menu-panel-button intec-cl-text-hover" data-action="menu.close">
                                    <i class="glyph-icon-cancel"></i>
                                </div>
                                                    </div>
                                                    <div class="menu-panel-logotype-wrap intec-grid-item intec-grid intec-grid-a-v-center intec-grid-a-h-center">
                                <a class="menu-panel-logotype intec-grid-item-auto" href="/">                                    <img src="/include/logo_archipaint.png">                                </a>                            </div>
                                                    <div class="menu-panel-button-wrap intec-grid-item-auto">
                                                            </div>
                    </div>
                </div>
                <div class="menu-content">
                    <div class="menu-content-wrapper" >
                        <div class="menu-content-wrapper-2 scroll-mod-hiding scrollbar-inner" data-role="scroll">
                            <div class="menu-content-wrapper-3">
                                    <div class="menu-content-wrapper-4 intec-grid intec-grid-wrap intec-grid-a-v-begin intec-grid-a-h-begin intec-grid-i-h-10" data-role="menu.items" data-view="simple.level.0">                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/company/">О НАС</a>                                        <div class="menu-item-items" data-role="menu.items" data-view="simple.level.1">
                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/company/certificates/">Сертификаты</a>                    </div>
                                    </div>
                            </div>                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/company/video">Видео</a>                    </div>
                                    </div>
                            </div>                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/company/rekvizity/">Реквизиты</a>                    </div>
                                    </div>
                            </div>                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/marketingovaya-produktsiya/">Маркетинговая продукция</a>                    </div>
                                    </div>
                            </div>            </div>
                            </div>                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/catalog/">КАТАЛОГ ТОВАРОВ</a>                                        <div class="menu-item-items" data-role="menu.items" data-view="simple.level.1">
                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/catalog/kraska/">Краска</a>                    </div>
                                    </div>
                            </div>                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="true" data-expanded="1" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover intec-cl-text" href="/catalog/palitra/">Палитра</a>                    </div>
                                    </div>
                            </div>                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/catalog/obraztsy/">Образцы</a>                    </div>
                                    </div>
                            </div>                            <div class="menu-item menu-item-level-1" data-active="false" data-selected="false" data-expanded="" data-role="menu.item" data-level="1">                <div class="menu-item-content intec-grid intec-grid-nowrap intec-grid-a-v-center intec-grid-i-h-4">
                    <div class="intec-grid-item-auto intec-grid-item-shrink-1">
                        <a class="menu-item-name intec-cl-text-hover" href="/catalog/decorativnye-pokrytiya1/">Декоративные покрытия</a>                    </div>
                                            <div class="intec-grid-item-auto" data-action="menu.item.toggle">
                            <div class="menu-item-icon intec-cl-background-hover">
                                <i class="fal fa-angle-down"></i>
                            </div>
                        </div>
                                    </div>
                                        <div class="menu-item-items" data-role="menu.items" data-view="simple.level.2">
                            <div class="menu-item menu-item-level-2" data-active="false" data-selected="false" data-role="menu.item" data-level="2">                <a class="menu-item-name intec-cl-text-hover" href="/catalog/gladkie-pokrytiya1/">Гладкие покрытия</a>            </div>                            <div class="menu-item menu-item-level-2" data-active="false" data-selected="false" data-role="menu.item" data-level="2">                <a class="menu-item-name intec-cl-text-hover" href="/catalog/relefnye-pokrytiya/">Рельефные покрытия</a>            </div>            </div>
                            </div>            </div>
                            </div>                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/blog/">БЛОГ</a>                            </div>                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/photo/">ФОТОГАЛЕРЕЯ</a>                            </div>                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/company/dilerstvo/">СОТРУДНИЧЕСТВО</a>                            </div>                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/where-to-buy/">ГДЕ КУПИТЬ</a>                            </div>                            <div class="menu-item menu-item-level-0 intec-grid-item-4 intec-grid-item-768-3 intec-grid-item-500-2" data-active="false" data-selected="false" data-role="menu.item" data-level="0">                <a class="menu-item-name intec-cl-text-hover" href="/contacts/">КОНТАКТЫ</a>                            </div>            </div>                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        template.load(function (data) {
            var $ = this.getLibrary('$');

            var root = data.nodes;
            var menu = $('[data-role="menu"]', root);
            var buttons = {};
            var state = false;
            var scroll = $('[data-role="scroll"]', root);
            var scrollValue = 0;

            menu.items = $('[data-role="menu.item"]', menu);
            buttons.open = $('[data-action="menu.open"]', root);
            buttons.close = $('[data-action="menu.close"]', root);

            scroll.scrollbar();

            menu.open = function () {
                if (state) return;

                state = true;
                scrollValue = $(window).scrollTop();
                menu.css({
                    'display': 'block'
                }).stop().animate({
                    'opacity': 1
                }, 500);
            };

            menu.close = function () {
                if (!state) return;

                state = false;
                menu.stop().animate({
                    'opacity': 0
                }, 500, function () {
                    menu.css({
                        'display': 'none'
                    });
                });
            };

            $(window).on('scroll', function () {
                if (state && $(window).scrollTop() !== scrollValue)
                    $(window).scrollTop(scrollValue);
            });

            buttons.open.on('click', menu.open);
            buttons.close.on('click', menu.close);

            menu.items.each(function () {
                var item = $(this);
                var items = $('[data-role="menu.items"]', item).first();
                var buttons = {};
                var state = false;
                var expanded = item.data('expanded');

                buttons.toggle = $('[data-action="menu.item.toggle"]', item)
                    .not(items.find('[data-action="menu.item.toggle"]'))
                    .first();

                item.open = function () {
                    var height = {};

                    if (state) return;

                    state = true;
                    item.attr('data-expanded', 'true');

                    height.old = items.height();
                    items.css({
                        'height': 'auto'
                    });

                    height.new = items.height();
                    items.css({
                        'height': height.old
                    });

                    items.stop().animate({
                        'height': height.new
                    }, 350, function () {
                        items.css({
                            'height': 'auto'
                        })
                    })
                };

                item.close = function () {
                    if (!state) return;

                    state = false;
                    item.attr('data-expanded', 'false');

                    items.stop().animate({
                        'height': 0
                    }, 350);
                };

                if (expanded)
                    item.open();

                buttons.toggle.on('click', function () {
                    if (state) {
                        item.close();
                    } else {
                        item.open();
                    }
                });
            });
        }, {
            'name': '[Component] bitrix:menu (popup.1)',
            'nodes': '#i-6-bitrix-menu-popup-1-XEVOpkwAkIZ0',
            'loader': {
                'name': 'lazy'
            }
        });
    </script>
</div>                        </div>
                    </div>
                                                    <div class="widget-logotype-wrap intec-grid-item-auto">
                        <a class="widget-item widget-logotype intec-ui-picture" href="/">                            <img src="/include/logo_archipaint.png">                            <span class="fs-top-menu-cities">г. Москва</span>
                        </a>                    </div>
                                                    <div class="widget-menu-wrap intec-grid-item intec-grid-item-a-stretch">
                        <div class="widget-item widget-menu">
                                                            <div id="i-7-bitrix-menu-horizontal-1-g8taYvoNj68S" class="ns-bitrix c-menu c-menu-horizontal-1" data-role="menu" data-uppercase="true" data-transparent="true" data-section-view="information" data-submenu-view="simple.1">                <div class="menu-wrapper menu-transparent">            <div class="menu-wrapper-2 intec-content">
                <div class="menu-wrapper-3 intec-content-wrapper">
                    <div class="menu-wrapper-4 intec-grid intec-grid-nowrap intec-grid-a-h-start intec-grid-a-v-stretch" data-role="items">
                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/company/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        О НАС                                    </div>                                                                    </a>                                <div class="menu-submenu menu-submenu-1" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/certificates/">                    Сертификаты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/video">                    Видео                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/rekvizity/">                    Реквизиты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/marketingovaya-produktsiya/">                    Маркетинговая продукция                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/catalog/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        КАТАЛОГ ТОВАРОВ                                    </div>                                                                    </a>                                <div class="menu-submenu menu-submenu-1" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/kraska/">                    Краска                </a>                                            </div>
                                <div class="menu-submenu-item menu-submenu-item-active" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover intec-cl-text" href="/catalog/palitra/">                    Палитра                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/obraztsy/">                    Образцы                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/decorativnye-pokrytiya1/">                    Декоративные покрытия                </a>                                            </div>
                        </div>
            <div class="menu-submenu-cards" data-role="cards">
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/kraska/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/96b/130_130_0/oirhv63x6wxk0vnhusb0bdrba3tpt6nr.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/kraska/">Краска</a>                                                            <div class="menu-submenu-card-description">
                                    ОТКРОЙТЕ ДЛЯ СЕБЯ ПОКРЫТИЯ ARCHIPAINT

	 Выбирайте из широкого разнообразия безопасных, экологически чистых материалов на<br>
	 водной основе, подходящих для большинства внутренних и наружных работ.
                                </div>
                                                    </div>
                    </div>
                </div>
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/palitra/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/ac5/130_130_0/jsvdloskzfyfw7tp63zofq23q980n2py.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/palitra/">Палитра</a>                                                    </div>
                    </div>
                </div>
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/obraztsy/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/a06/130_130_0/etfc8j4astc7lio6sr11cnrhbiuafo2l.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/obraztsy/">Образцы</a>                                                    </div>
                    </div>
                </div>
                                        <div class="menu-submenu-card" data-role="card" data-expanded="false">
                    <div class="menu-submenu-card-wrapper">
                        <div class="menu-submenu-card-wrapper-2">
                            <div class="menu-submenu-card-image">
                                                                    <a href="/catalog/decorativnye-pokrytiya1/" data-lazyload-use="true" data-original="/upload/resize_cache/iblock/079/130_130_0/gz1wk7g9ei8h30az7ughq0ce1equj7qb.jpg" style=""></a>                                                            </div>
                            <a class="menu-submenu-card-name" href="/catalog/decorativnye-pokrytiya1/">Декоративные покрытия</a>                                                    </div>
                    </div>
                </div>
                    </div>
        <div class="intec-ui-clear"></div>
</div>                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/blog/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        БЛОГ                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/photo/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        ФОТОГАЛЕРЕЯ                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/company/dilerstvo/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        СОТРУДНИЧЕСТВО                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/where-to-buy/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        ГДЕ КУПИТЬ                                    </div>                                                                    </a>                                                            </div>                                                                            <div class="intec-grid-item-auto menu-item menu-item-default" data-role="item" data-level="0">                                <a class="menu-item-text intec-grid intec-grid-a-v-center intec-grid-a-h-center" href="/contacts/">                                                                        <div class="menu-item-text-wrapper intec-grid-item-auto intec-cl-text">                                        КОНТАКТЫ                                    </div>                                                                    </a>                                                            </div>                                                <div class="menu-item menu-item-default menu-item-more" data-role="more">                            <a class="intec-grid intec-grid-a-h-center intec-grid-a-v-center menu-item-text">
                                <div class="intec-grid-item-auto menu-item-text-wrapper intec-cl-text">...</div>                            </a>
                            <div class="menu-submenu menu-submenu-1" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/">                    О НАС                </a>                                    <div class="menu-submenu-item-arrow far fa-angle-right"></div>
                                <div class="menu-submenu menu-submenu-2" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/certificates/">                    Сертификаты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/video">                    Видео                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/rekvizity/">                    Реквизиты                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/marketingovaya-produktsiya/">                    Маркетинговая продукция                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/">                    КАТАЛОГ ТОВАРОВ                </a>                                    <div class="menu-submenu-item-arrow far fa-angle-right"></div>
                                <div class="menu-submenu menu-submenu-2" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/kraska/">                    Краска                </a>                                            </div>
                                <div class="menu-submenu-item menu-submenu-item-active" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover intec-cl-text" href="/catalog/palitra/">                    Палитра                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/obraztsy/">                    Образцы                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/decorativnye-pokrytiya1/">                    Декоративные покрытия                </a>                                    <div class="menu-submenu-item-arrow far fa-angle-right"></div>
                                <div class="menu-submenu menu-submenu-3" data-role="menu">
    <div class="menu-submenu-items" data-role="items">

                    <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/gladkie-pokrytiya1/">                    Гладкие покрытия                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/catalog/relefnye-pokrytiya/">                    Рельефные покрытия                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/blog/">                    БЛОГ                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/photo/">                    ФОТОГАЛЕРЕЯ                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/company/dilerstvo/">                    СОТРУДНИЧЕСТВО                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/where-to-buy/">                    ГДЕ КУПИТЬ                </a>                                            </div>
                                <div class="menu-submenu-item" data-role="item">
                <a class="menu-submenu-item-text intec-cl-text-hover" href="/contacts/">                    КОНТАКТЫ                </a>                                            </div>
                        </div>
        <div class="intec-ui-clear"></div>
</div>                        </div>                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>        <script type="text/javascript">
            template.load(function (data) {
                var $ = this.getLibrary('$');
                
                var root = data.nodes;
                var selectors = {
                    'menu': '[data-role=menu]',
                    'item': '[data-role=item]',
                    'items': '[data-role=items]',
                    'more': '[data-role=more]',
                    'cards': '[data-role=cards]',
                    'card': '[data-role=card]',
                    'overlay': '[data-role=overlay]',
                    'scrollbar': '[data-role=scrollbar]'
                };
                var classes = {
                    'adapted': 'menu-adapted',
                    'initialized': 'menu-initialized',
                    'visible': 'menu-submenu-visible',
                    'right': 'menu-submenu-right'
                };
                var menu;
                var overlay;
                var adapt;

                if (root.is(selectors.menu)) {
                    menu = root;
                } else {
                    menu = root.find(selectors.menu).eq(0);
                }

                                    overlay = $('#i-4-intec-universe-main-header-template-1-dZcvT5yLZEp0 [data-role="overlay-fixed"]');
                
                /**
                 * Возвращает элемент, содержащий все пункты указанного меню.
                 * Значение параметра submenu:
                 * - селектор или jQuery - возвращать элемент указанного меню.
                 * - false - возвращать элементы всех меню.
                 */
                menu.getItemsWrappers = function (submenu) {
                    if (!submenu) {
                        return menu
                            .find(selectors.items);
                    }

                    if (menu.get(0) === submenu.get(0)) {
                        submenu = menu;
                    } else {
                        submenu = menu
                            .find(submenu);
                    }

                    return submenu
                        .find(selectors.items)
                        .eq(0);
                };

                /**
                 * Возвращает элементы меню.
                 * Значение параметра submenu:
                 * - селектор или jQuery - возвращать элементы определенного меню.
                 * - false - возвращать все элементы.
                 */
                menu.getItems = function (submenu) {
                    if (!submenu) {
                        return menu
                            .find(selectors.item);
                    }

                    return menu
                        .getItemsWrappers(submenu)
                        .children(selectors.item);
                };

                /**
                 * Возвращает меню.
                 * Значение параметра item:
                 * - селектор или объект jQuery - возвращает меню элемента.
                 * - false - возвращать все меню.
                 */
                menu.getMenu = function (item) {
                    if (item)
                        return menu
                            .find(item)
                            .find(selectors.menu)
                            .eq(0);

                    return menu
                        .find(selectors.menu);
                };

                /** Управление содержимым "Еще" */
                menu.more = {};
                /** Возвращает элемент меню "Еще" */
                menu.more.getItem = function () {
                    return menu
                        .find(selectors.more);
                };
                /** Возвращает меню элемента "Еще" */
                menu.more.getMenu = function () {
                    return menu.getMenu(menu.more.getItem());
                };
                /** Добавляет элементы (jQuery коллекция) в меню "Еще" */
                menu.more.add = function (add) {
                    var items;

                    add = $(add);
                    items = menu.getItems(menu.more.getMenu());
                    add.each(function () {
                        var self = $(this);
                        var item = items.eq(self.index());

                        self.hide();
                        item.show();
                    });
                };
                /** Удаляет элементы (jQuery коллекция) из меню "Еще" */
                menu.more.remove = function (remove) {
                    var items;

                    remove = $(remove);
                    items = menu.getItems(menu.more.getMenu());
                    remove.each(function () {
                        var self = $(this);
                        var item = items.eq(self.index());

                        self.show();
                        item.hide();
                    });
                };

                /** Правила адаптивности */
                adapt = {};
                /** Адаптация положения подменю */
                adapt.menu = function () {
                    var submenu = menu.getMenu().filter('[data-visible=true]');
                    var wrapper = menu.getItemsWrappers(menu);
                    var width = wrapper.width();
                    var right = false;

                    submenu.each(function () {
                        var self = $(this);
                        var offset = {};

                        self.removeClass(classes.right);

                        offset.start = function () { return self.offset().left - wrapper.offset().left };
                        offset.end = function () { return offset.start() + self.width(); };

                        if (offset.end() > width)
                            right = true;

                        if (right) {
                            self.addClass(classes.right);

                            if (offset.start() < 0) {
                                self.removeClass(classes.right);
                                right = false;
                            }
                        }
                    });
                };
                /** Адаптация элементов корневого меню */
                adapt.items = function () {
                    var items = {};
                    var width = {};
                    var wrapper = menu.getItemsWrappers(menu);

                    menu.removeClass(classes.adapted);
                    items.all = menu.getItems(menu);
                    items.visible = $([]);
                    items.hidden = $([]);

                    items.all.hide();
                    width.available = wrapper.width() - menu.more.getItem().show().width();
                    items.all.show();
                    width.total = 0;

                    menu.more.remove(items.all);
                    items.all.each(function () {
                        var item = $(this);

                        item.css({'width': 'auto'});
                        width.total += item.width();

                        if (width.total < width.available) {
                            items.visible = items.visible.add(item);
                        } else {
                            items.hidden = items.hidden.add(item);
                        }
                    });

                    if (items.hidden.length > 0) {
                        menu.more.add(items.hidden);
                    } else {
                        menu.more.getItem().hide();
                        width.available = wrapper.width();
                    }

                    menu.addClass(classes.adapted);

                    var last = null;

                    width.total = {
                        'original': 0,
                        'rounded': 0
                    };

                    items.visible.each(function () {
                        width.total.original += $(this).width();
                    }).each(function () {
                        var item = $(this);
                        var size = Math.floor((width.available / 100) * (item.width() / width.total.original) * 100);

                        width.total.rounded += size;
                        item.css('width', size + 'px');
                        last = item;
                    });

                    if (last != null)
                        last.css('width', last.width() + (width.available - width.total.rounded) + 'px');
                };

                /** События наведения мыши на пунктах меню */
                menu.getItems().add(menu.more.getItem()).on('mouseenter', function (event) {
                    var item = $(this);
                    var submenu;
                    var level = item.attr('data-level');

                    submenu = menu.getMenu(item);
                                            if ((level === '0' || item.attr('data-role') === 'more') && submenu.length === 1) {
                            overlay.show().stop().animate({
                                'opacity': 1
                            }, 300);
                        }
                                        submenu.show().addClass(classes.visible).stop().animate({
                        'opacity': 1
                    }, 300);
                    submenu.attr('data-visible', 'true');
                    adapt.menu();

                    event.preventDefault();
                }).on('mouseleave', function (event) {
                    var item = $(this);
                    var submenu;
                    var level = item.attr('data-level');

                                            if (level === '0' || item.attr('data-role') === 'more') {
                            overlay.stop().animate({
                                'opacity': 0
                            }, 300, function () {
                                overlay.hide();
                            });
                        }
                                        submenu = menu.getMenu(item);
                    submenu.stop().removeClass(classes.visible).animate({
                        'opacity': 0
                    }, 50, function () {
                        adapt.menu();
                        submenu.removeAttr('data-visible');
                        submenu.hide();
                    });

                    event.preventDefault();
                });

                /** Скроллбар в меню */
                root.find(selectors.scrollbar).scrollbar();

                /** Анимация карт */
                menu.getItems(menu).each(function () {
                    var item = $(this);
                    var submenu = menu.getMenu(item);
                    var items = menu.getItems(submenu);

                    if (submenu.length !== 1)
                        return;

                    var cardsWrapper = submenu.children(selectors.cards);

                    if (cardsWrapper.length !== 1)
                        return;

                    var cards = cardsWrapper.children(selectors.card);
                    var opening = false;

                    cardsWrapper.css({
                        'width': 0
                    });

                    items.on('mouseenter', function () {
                        var item = $(this);
                        var card = cards.eq(item.index());
                        var width;

                        cards.attr('data-expanded', 'false');
                        card.attr('data-expanded', 'true');

                        if (!opening) {
                            width = {
                                'current': cardsWrapper.width(),
                                'new': cardsWrapper.css({
                                    'width': 'auto'
                                }).width()
                            };

                            if (width.current !== width.new) {
                                opening = true;

                                cardsWrapper.stop().css({
                                    'width': width.current
                                }).animate({
                                    'width': width.new
                                }, 500, function () {
                                    opening = false;
                                });
                            }
                        }
                    });

                    submenu.on('mouseleave', function () {
                        var width = cardsWrapper.width();

                        opening = false;
                        cardsWrapper.stop().css({
                            'width': width
                        }).animate({
                            'width': 0
                        }, 500, function () {
                            cards.attr('data-expanded', 'false');
                        });
                    });
                });

                root.on('update', function () {
                    adapt.menu();
                    adapt.items();
                    menu.addClass(classes.initialized);
                });

                $(window).on('resize', function () {
                    root.trigger('update');
                });

                setTimeout(function () {
                    root.trigger('update');
                }, 1000);
            }, {
                'name': '[Component] bitrix:menu (horizontal.1)',
                'nodes': '#i-7-bitrix-menu-horizontal-1-g8taYvoNj68S',
                'loader': {
                    'name': 'lazy'
                }
            });
        </script>
    </div>                        </div>
                        <script type="text/javascript">
                            template.load(function (data) {
                                var $ = this.getLibrary('$');
                                var root = data.nodes;
                                var view = $('.widget-view.widget-view-fixed', root);
                                var menu = $('.widget-menu .ns-bitrix.c-menu.c-menu-horizontal-1', view);

                                view.on('show', function () {
                                    menu.trigger('update');
                                });
                            }, {
                                'name': '[Component] intec.universe:main.header (template.1) > fixed (template.1) > menu.updater',
                                'nodes': '#i-4-intec-universe-main-header-template-1-dZcvT5yLZEp0',
                                'loader': {
                                    'name': 'lazy'
                                }
                            });
                        </script>
                    </div>
                                                                    <div class="widget-search-wrap intec-grid-item-auto">
                        <div class="widget-item widget-search">
                                                            <!--noindex-->
<div id="i-8-bitrix-search-title-popup-1-XdqEv16rajmu" class="ns-bitrix c-search-title c-search-title-popup-1">    <div class="search-title-button" data-action="search.open">
        <div class="search-title-button-wrapper intec-grid intec-grid-nowrap intec-grid-i-h-5 intec-grid-a-v-center">
            <div class="search-title-button-icon-wrap intec-grid-item-auto">
                <div class="search-title-button-icon">
                    <i class="glyph-icon-loop"></i>
                </div>
            </div>
            <div class="search-title-button-text-wrap intec-grid-item-auto">
                <div class="search-title-button-text">
                    Поиск                </div>
            </div>
        </div>
    </div>
    <div class="search-title intec-content-wrap" data-role="search">
        <div class="search-title-overlay" data-role="overlay" data-action="search.close"></div>
        <div class="search-title-wrapper" data-role="panel">
            <div class="search-title-wrapper-2 intec-content intec-content-primary intec-content-visible">
                <div class="search-title-wrapper-3 intec-content-wrapper">
                    <div class="search-title-wrapper-4">
                        <form class="search-title-form" action="/search/" method="get" data-role="search.form">                            <div class="search-title-form-wrapper intec-grid intec-grid-nowrap intec-grid-a-v-center">                                <div class="search-title-form-wrapper-2 intec-grid-item">
                                    <button type="submit" class="intec-ui intec-ui-control-button search-title-form-button" aria-hidden="true" data-action="search.submit">
                                        <div class="intec-ui-part-icon">
                                            <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M14.2083 12.8333H13.4842L13.2275 12.5858C14.1569 11.5079 14.6677 10.1316 14.6667 8.70834C14.6667 7.52989 14.3172 6.37791 13.6625 5.39806C13.0078 4.41822 12.0772 3.65453 10.9885 3.20355C9.89975 2.75258 8.70173 2.63459 7.54592 2.86449C6.39012 3.09439 5.32845 3.66187 4.49516 4.49516C3.66187 5.32845 3.09439 6.39012 2.86449 7.54592C2.63459 8.70173 2.75258 9.89975 3.20355 10.9885C3.65453 12.0772 4.41822 13.0078 5.39806 13.6625C6.37791 14.3172 7.52989 14.6667 8.70834 14.6667C10.1842 14.6667 11.5408 14.1258 12.5858 13.2275L12.8333 13.4842V14.2083L17.4167 18.7825L18.7825 17.4167L14.2083 12.8333ZM8.70834 12.8333C6.42584 12.8333 4.58334 10.9908 4.58334 8.70834C4.58334 6.42584 6.42584 4.58334 8.70834 4.58334C10.9908 4.58334 12.8333 6.42584 12.8333 8.70834C12.8333 10.9908 10.9908 12.8333 8.70834 12.8333Z" fill="#808080"/>
                                            </svg>
                                        </div>
                                    </button>
                                    <input type="text" id="-fixed-popup-1" class="search-title-form-input" name="q" maxlength="100" autocomplete="off" placeholder="Поиск по сайту" data-role="input">                                    <div class="search-title-form-button" data-action="search.clear" aria-hidden="true">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="12" cy="12" r="12" fill="#DCDCDC"/>
                                            <path d="M9.33325 9.33334L14.6666 14.6667" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                            <path d="M14.6666 9.33334L9.33325 14.6667" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </div>
                                </div>
                                <div class="intec-grid-item-auto">
                                    <div class="search-title-form-button" data-action="search.close" aria-hidden="true">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17 14L12 9L7 14" stroke="#B0B0B0" stroke-width="1.75385" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </div>
                                </div>
                            </div>                        </form>                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        template.load(function (data) {
            var $ = this.getLibrary('$');

            var root = data.nodes;
            var component;
            var search = $('[data-role="search"]', root);
            var overlay = $('[data-role="overlay"]', search);
            var panel = $('[data-role="panel"]', search);
            var input = $('[data-role="input"]', search);
            var page = $('html');
            var buttons = {};
            var state = false;

            buttons.open = $('[data-action="search.open"]', root);
            buttons.close = $('[data-action="search.close"]', root);
            buttons.clear = $('[data-action="search.clear"]', root);

            search.open = function () {
                if (state) return;

                state = true;
                search.attr('data-expanded', 'true').css({
                    'display': 'block'
                });

                page.css({
                    'overflow': 'hidden',
                    'height': '100%'
                });

                panel.stop().animate({'top': 0}, 350);
                overlay.stop().animate({'opacity': 0.5}, 350);

                input.focus();
            };

            search.close = function () {
                if (!state) return;

                state = false;
                search.attr('data-expanded', 'false');

                if (component)
                    component.RESULT.style.display = 'none';

                panel.stop().animate({'top': -panel.height()}, 350);
                overlay.stop().animate({'opacity': 0}, 350, function () {
                    search.css({'display': 'none'});
                    input.blur();

                    page.css({
                        'overflow': '',
                        'height': ''
                    });
                });
            };

            search.clear = function () {
                input[0].value = '';
            };

            buttons.open.on('click', search.open);
            buttons.close.on('click', search.close);
            buttons.clear.on('click', search.clear);

                            component = new JCTitleSearch({'AJAX_PAGE': '/catalog/palitra/soframap-decocolor-ii/soframap-8219/', 'CONTAINER_ID': 'i-8-bitrix-search-title-popup-1-XdqEv16rajmu', 'INPUT_ID': '-fixed-popup-1', 'MIN_QUERY_LEN': 2});

                component.onFocusLost = function () {};

                component.ShowResult = (function () {
                    var handler = component.ShowResult;

                    return function () {
                        if (state) handler.apply(component, arguments);
                    }
                })();

                $(document).on('click', function (event) {
                    var target = $(event.target);

                    if (
                        target.isOrClosest(overlay) ||
                        !target.isOrClosest([component.CONTAINER, component.RESULT])
                    ) component.RESULT.style.display = 'none';
                });
                    }, {
            'name': '[Component] bitrix:search.title (popup.1)',
            'nodes': '#i-8-bitrix-search-title-popup-1-XdqEv16rajmu'        });
    </script>
</div>    <!--/noindex-->
                        </div>
                    </div>
                                                    <div class="widget-authorization-wrap intec-grid-item-auto">
                        <div class="widget-item widget-authorization">
                            <!--noindex-->
<div class="widget-authorization-icons" id="i-9-bitrix-system-auth-form-icons-iIjGFB3HxHmm">
    <!--'start_frame_cache_Rjxcld'-->        <div class="widget-authorization-items intec-grid intec-grid-nowrap intec-grid-i-h-15 intec-grid-a-v-center">                            <div class="widget-authorization-item-wrap intec-grid-item-auto">
                    <div class="widget-authorization-item" data-action="login">
                        <i class="glyph-icon-login_2"></i>
                    </div>
                </div>
                    </div>        <script type="text/javascript">
    template.load(function () {
        var $ = this.getLibrary('$');
        var app = this;
        var root = arguments[0].nodes;
        var buttons;
        var modal = {};
        var data;

        data = {'id': 'i-9-bitrix-system-auth-form-icons-iIjGFB3HxHmm-modal', 'title': null};


        
        var modalParams = {'component': 'bitrix:system.auth.form', 'template': 'template.2', 'parameters': {'AUTH_URL': '/personal/profile/', 'AUTH_FORGOT_PASSWORD_URL': '/personal/profile/?forgot_password=yes', 'AUTH_REGISTER_URL': '/personal/profile/?register=yes', 'AJAX_MODE': 'N', 'CONSENT_URL': '/company/consent/'}, 'settings': {'title': null, 'parameters': {'width': 800, 'zIndex': 0, 'offsetLeft': 0, 'offsetTop': 0, 'overlay': true}}};

        modalParams.settings.parameters.closeIcon = {
            'right': '20px',
            'top': '22px'
        };

        modalParams.settings.parameters.titleBar = {
            'content': BX.create('span', {
                'html': data.title,
                'props': {
                    'className': 'access-title-bar'
                }
            })
        };

        modal.open = function () {
            app.api.components.show(modalParams);
        };

        buttons = {};
        buttons.login = $('[data-action="login"]', root);
        buttons.login.on('click', modal.open);
    }, {
        'name': '[Component] intec.universe:main.header (template.1) > bitrix:system.auth.form (icons)',
        'nodes': '#i-9-bitrix-system-auth-form-icons-iIjGFB3HxHmm',
        'loader': {
            'options': {
                'await': [
                    'composite'
                ]
            }
        }
    });
</script>
    <!--'end_frame_cache_Rjxcld'--></div><!--/noindex-->
                        </div>
                    </div>
                            </div>
        </div>
    </div>
    </div>
                <div class="widget-overlay" data-role="overlay-fixed"></div>
            </div>
                                        <div class="widget-view widget-view-mobile">                                                <div class="widget-view-mobile-2">        <div class="widget-wrapper intec-content intec-content-visible intec-content-primary">
        <div class="widget-wrapper-2 intec-content-wrapper">
            <div class="widget-wrapper-3 intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                                    <div class="widget-menu-wrap intec-grid-item-auto">
                        <div class="widget-item widget-menu">
                            
    <div id="i-10-bitrix-menu-mobile-2-rIpOz9lIT2e8" class="ns-bitrix c-menu c-menu-mobile-2">
        <div class="menu-button intec-cl-text-hover" data-action="menu.open">
            <i class="menu-button-icon glyph-icon-menu-icon"></i>
        </div>
        <div class="menu" data-role="menu" data-information="view.2" data-search-type="page" data-border-show="true" data-regionality="false">            <div class="menu-panel">
                <div class="menu-panel-wrapper intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-panel-button-wrap intec-grid-item-auto">
                        <div class="menu-panel-button intec-cl-text-hover" data-action="menu.close">
                            <i class="glyph-icon-cancel"></i>
                        </div>
                    </div>
                                            <div class="menu-panel-logotype-wrap intec-grid-item">
                            <a class="menu-panel-logotype" href="/">                            <img src="/include/logo_archipaint.png">                            </a>                        </div>
                                                        </div>
                                    <div class="menu-panel-search-input">
                        <!--noindex-->
                        <div id="i-11-bitrix-search-title-input-1-wovmoBHjQ0vy" class="ns-bitrix c-search-title c-search-title-input-1">
    <div class="search-title">
        <form class="search-title-form" action="/search/" method="get">            <div class="search-title-form-wrapper intec-grid intec-grid-i-h-5 intec-grid-nowrap intec-grid-a-v-center">                <div class="intec-grid-item">
                    <input type="text" id="-menu-page-1" class="search-title-input" name="q" maxlength="100" autocomplete="off" placeholder="Поиск по сайту">                </div>
                <div class="intec-grid-item-auto">
                    <button type="submit" class="search-title-button intec-cl-text" aria-hidden="true">
                        <i class="glyph-icon-loop"></i>
                    </button>
                </div>
            </div>        </form>    </div>
            <script type="text/javascript">
            template.load(function () {
                var $ = this.getLibrary('$');
                var component = new JCTitleSearch({'AJAX_PAGE': '/catalog/palitra/soframap-decocolor-ii/soframap-8219/', 'CONTAINER_ID': 'i-11-bitrix-search-title-input-1-wovmoBHjQ0vy', 'INPUT_ID': '-menu-page-1', 'MIN_QUERY_LEN': 2});

                component.onFocusLost = function () {};

                component.adjustResultNode = function () {
                    var self = component;

                    if(!(BX.type.isElementNode(self.RESULT) && BX.type.isElementNode(self.CONTAINER)))
                        return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };

                    self.RESULT.style.position = 'absolute';
                    self.RESULT.style.left = '';
                    self.RESULT.style.top = '';
                    self.RESULT.style.width = '';

                    var position = BX.pos(self.CONTAINER);
                    var width = self.RESULT.clientWidth;

                    if (position.width > width) {
                        self.RESULT.style.left = (position.left + ((position.width - width) / 2)) + 'px';
                    } else {
                        if ((width + position.left) > document.documentElement.clientWidth) {
                            self.RESULT.style.left = (document.documentElement.clientWidth - width) / 2 + 'px';
                        } else {
                            self.RESULT.style.left = position.left + 'px';
                        }
                    }

                    self.RESULT.style.top = (position.bottom + 14) + 'px';
                    self.RESULT.style.width = self.RESULT.clientWidth + 'px';

                    return position;
                };

                $(document).on('click', function (event) {
                    var target = $(event.target);

                    if (!target.isOrClosest([component.CONTAINER, component.RESULT]))
                        component.RESULT.style.display = 'none';
                });
            }, {
                'name': '[Component] bitrix:search.title (input.1)'
            });
        </script>
    </div>                        <!--/noindex-->
                    </div>
                            </div>
            <div class="menu-content" data-role="item" data-current="true">
                <div class="menu-content-wrapper">
                    <div class="menu-items" data-role="items">
                    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
                        <a class="menu-item-content intec-cl-text-hover" href="/blog/" data-action="menu.close">
                            <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                                <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                                    <div class="menu-item-text"><span class="fs-top-menu-cities-mob">Ваш город : <b>Москва</b></span></div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                            <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <div class="menu-item-content intec-cl-text-hover" data-action="menu.item.open">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            О НАС                        </div>
                    </div>
                                            <div class="menu-item-icon-wrap intec-grid-item-auto">
                            <div class="menu-item-icon">
                                <i class="far fa-angle-right"></i>
                            </div>
                        </div>
                                    </div>
            </div>                            <div class="menu-item-items" data-role="items">
                    <div class="menu-item menu-item-level-1 menu-item-button" data-level="1">                        <div class="menu-item-wrapper">
                            <div class="menu-item-content intec-cl-text-hover" data-action="menu.item.close">
                                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                                    <div class="menu-item-icon-wrap intec-grid-item-auto">
                                        <div class="menu-item-icon">
                                            <i class="far fa-angle-left"></i>
                                        </div>
                                    </div>
                                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                                        <div class="menu-item-text">
                                            Назад                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                    <div class="menu-item menu-item-level-1 menu-item-title" data-level="1">                        <div class="menu-item-wrapper">
                            <a class="menu-item-content" href="/company/" data-action="menu.close">О НАС</a>                        </div>
                    </div>                        <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/company/certificates/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Сертификаты                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/company/video" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Видео                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/company/rekvizity/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Реквизиты                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/marketingovaya-produktsiya/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Маркетинговая продукция                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>                </div>
                    </div>
    </div>    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <div class="menu-item-content intec-cl-text-hover" data-action="menu.item.open">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            КАТАЛОГ ТОВАРОВ                        </div>
                    </div>
                                            <div class="menu-item-icon-wrap intec-grid-item-auto">
                            <div class="menu-item-icon">
                                <i class="far fa-angle-right"></i>
                            </div>
                        </div>
                                    </div>
            </div>                            <div class="menu-item-items" data-role="items">
                    <div class="menu-item menu-item-level-1 menu-item-button" data-level="1">                        <div class="menu-item-wrapper">
                            <div class="menu-item-content intec-cl-text-hover" data-action="menu.item.close">
                                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                                    <div class="menu-item-icon-wrap intec-grid-item-auto">
                                        <div class="menu-item-icon">
                                            <i class="far fa-angle-left"></i>
                                        </div>
                                    </div>
                                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                                        <div class="menu-item-text">
                                            Назад                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                    <div class="menu-item menu-item-level-1 menu-item-title" data-level="1">                        <div class="menu-item-wrapper">
                            <a class="menu-item-content" href="/catalog/" data-action="menu.close">КАТАЛОГ ТОВАРОВ</a>                        </div>
                    </div>                        <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/catalog/kraska/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Краска                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-1 menu-item-selected menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text intec-cl-text-hover" href="/catalog/palitra/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Палитра                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/catalog/obraztsy/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Образцы                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-1 menu-item-inner" data-role="item" data-level="1" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <div class="menu-item-content intec-cl-text-hover" data-action="menu.item.open">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Декоративные покрытия                        </div>
                    </div>
                                            <div class="menu-item-icon-wrap intec-grid-item-auto">
                            <div class="menu-item-icon">
                                <i class="far fa-angle-right"></i>
                            </div>
                        </div>
                                    </div>
            </div>                            <div class="menu-item-items" data-role="items">
                    <div class="menu-item menu-item-level-2 menu-item-button" data-level="2">                        <div class="menu-item-wrapper">
                            <div class="menu-item-content intec-cl-text-hover" data-action="menu.item.close">
                                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                                    <div class="menu-item-icon-wrap intec-grid-item-auto">
                                        <div class="menu-item-icon">
                                            <i class="far fa-angle-left"></i>
                                        </div>
                                    </div>
                                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                                        <div class="menu-item-text">
                                            Назад                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                    <div class="menu-item menu-item-level-2 menu-item-title" data-level="2">                        <div class="menu-item-wrapper">
                            <a class="menu-item-content" href="/catalog/decorativnye-pokrytiya1/" data-action="menu.close">Декоративные покрытия</a>                        </div>
                    </div>                        <div class="menu-item menu-item-level-2 menu-item-inner" data-role="item" data-level="2" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/catalog/gladkie-pokrytiya1/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Гладкие покрытия                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-2 menu-item-inner" data-role="item" data-level="2" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/catalog/relefnye-pokrytiya/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            Рельефные покрытия                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>                </div>
                    </div>
    </div>                </div>
                    </div>
    </div>    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/blog/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            БЛОГ                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/photo/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            ФОТОГАЛЕРЕЯ                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/company/dilerstvo/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            СОТРУДНИЧЕСТВО                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/where-to-buy/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            ГДЕ КУПИТЬ                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>    <div class="menu-item menu-item-level-0" data-role="item" data-level="0" data-expanded="false" data-current="false">        <div class="menu-item-wrapper">
            <a class="menu-item-content intec-cl-text-hover" href="/contacts/" data-action="menu.close">                <div class="intec-grid intec-grid-nowrap intec-grid-i-h-10 intec-grid-a-v-center">
                    <div class="menu-item-text-wrap intec-grid-item intec-grid-item-shrink-1">
                        <div class="menu-item-text">
                            КОНТАКТЫ                        </div>
                    </div>
                                    </div>
            </a>                    </div>
    </div>
                        
                        <div class="menu-item menu-item-level-0 menu-item-extra menu-information" data-role="item" data-level="0" data-expanded="false" data-current="false">                            <div class="menu-item-wrapper">
                                <div class="menu-item-content" data-action="menu.item.open">                                    <div class="menu-information-items">
                                                                                    <div class="menu-information-item menu-information-address">
                                                                                                    <span>
                                                                                                                г. Москва, Каширское шоссе 19к2, 2 этаж, павильон 2-73                                                    </span>
                                                                                            </div>
                                                                                                                                                                            <div class="menu-information-item menu-information-phone-wrap">
                                                    <div data-role="phones" data-state="close">
                                                        <a href="tel:88002343018" class="menu-information-phone menu-information-text" data-role="phone.button">
                                                            <i class="menu-information-icon fas fa-phone fa-flip-horizontal"></i>
                                                            8 (800) 234-30-18                                                                                                                    </a>
                                                                                                            </div>
                                                </div>
                                                                                                                                                                                                                                                                        <div class="menu-information-auth">
                                                    <a href="/personal/profile/" class="menu-information-button-link menu-information-text">
                                                        <i class="menu-information-icon fas fa-lock"></i>
                                                        Личный кабинет                                                    </a>
                                                </div>
                                                                                                                                                                    <!--'start_frame_cache_rezn9K'--><!--noindex-->
<div id="i-12-intec-universe-sale-basket-icons-buttons-GFiTWDd5ZePQ" class="intec-grid intec-grid-nowrap intec-grid-i-5 intec-grid-a-v-center">            </div><!--/noindex-->
<!--'end_frame_cache_rezn9K'-->                                    </div>
                                                                            <div class="menu-social-wrap">
                                            <div class="menu-social intec-grid intec-grid-wrap intec-grid-a-v-center intec-grid-a-h-center intec-grid-i-10">
                                                                                                                                                            <div class="menu-social-item intec-grid-item-auto">
                                                            <a class="vk" href="https://vk.com/archipaint">                                                            <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="31" height="31" rx="2" fill="#4C6C91"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3108 20.5866C16.3108 20.5866 16.6092 20.5541 16.762 20.393C16.9019 20.2453 16.8971 19.9667 16.8971 19.9667C16.8971 19.9667 16.8785 18.6657 17.4939 18.4736C18.1004 18.2847 18.8791 19.7318 19.7055 20.2882C20.3298 20.7089 20.8037 20.6168 20.8037 20.6168L23.0121 20.5866C23.0121 20.5866 24.1668 20.5168 23.6194 19.6254C23.5741 19.5524 23.2999 18.9658 21.9778 17.7608C20.5926 16.4995 20.7786 16.7035 22.446 14.5215C23.4617 13.1927 23.8676 12.3815 23.7407 12.0346C23.6202 11.7028 22.873 11.7909 22.873 11.7909L20.3872 11.806C20.3872 11.806 20.2028 11.7814 20.0662 11.8616C19.9327 11.9402 19.8462 12.1235 19.8462 12.1235C19.8462 12.1235 19.4532 13.1514 18.9284 14.0262C17.8214 15.8709 17.379 15.9685 17.1979 15.8542C16.7766 15.5867 16.8817 14.781 16.8817 14.2087C16.8817 12.4204 17.1583 11.675 16.344 11.4822C16.0739 11.4179 15.875 11.3758 15.1836 11.3687C14.2965 11.3599 13.5461 11.3718 13.1207 11.5758C12.8377 11.7116 12.6194 12.0148 12.7528 12.0322C12.9169 12.0537 13.2889 12.1307 13.4862 12.3942C13.7409 12.7347 13.7321 13.4983 13.7321 13.4983C13.7321 13.4983 13.8784 15.6034 13.39 15.8645C13.0552 16.0439 12.5959 15.678 11.6085 14.004C11.1031 13.1467 10.7215 12.1989 10.7215 12.1989C10.7215 12.1989 10.6479 12.0219 10.5161 11.9267C10.3568 11.8116 10.1344 11.7759 10.1344 11.7759L7.77233 11.7909C7.77233 11.7909 7.41734 11.8005 7.28714 11.9521C7.17151 12.0862 7.27825 12.3648 7.27825 12.3648C7.27825 12.3648 9.12762 16.6123 11.222 18.753C13.1425 20.7152 15.3227 20.5866 15.3227 20.5866H16.3108Z" fill="white"/>
</svg>
                                                            </a>                                                        </div>
                                                                                                                                                                                                                <div class="menu-social-item intec-grid-item-auto">
                                                            <a class="instagram" href="https://instagram.com/archipaint">                                                            <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="31" height="31" rx="2" fill="url(#paint0_radial)"/>
<rect width="31" height="31" rx="2" fill="url(#paint1_radial)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5008 7.23334C13.2557 7.23334 12.9739 7.24315 12.0921 7.28328C11.212 7.32358 10.6113 7.46291 10.0857 7.66734C9.54199 7.87849 9.08078 8.16094 8.62128 8.6206C8.16144 9.0801 7.879 9.54131 7.66716 10.0849C7.46222 10.6107 7.32271 11.2115 7.2831 12.0913C7.24366 12.973 7.23333 13.255 7.23333 15.5001C7.23333 17.7452 7.24332 18.0261 7.28327 18.9079C7.32375 19.788 7.46308 20.3887 7.66733 20.9143C7.87865 21.458 8.1611 21.9192 8.62077 22.3787C9.08009 22.8386 9.5413 23.1217 10.0847 23.3328C10.6106 23.5373 11.2115 23.6766 12.0914 23.7169C12.9732 23.757 13.2548 23.7668 15.4997 23.7668C17.745 23.7668 18.0259 23.757 18.9077 23.7169C19.7878 23.6766 20.3892 23.5373 20.9151 23.3328C21.4587 23.1217 21.9192 22.8386 22.3785 22.3787C22.8384 21.9192 23.1208 21.458 23.3327 20.9145C23.5359 20.3887 23.6754 19.7878 23.7167 18.9081C23.7563 18.0263 23.7667 17.7452 23.7667 15.5001C23.7667 13.255 23.7563 12.9732 23.7167 12.0914C23.6754 11.2114 23.5359 10.6107 23.3327 10.085C23.1208 9.54131 22.8384 9.0801 22.3785 8.6206C21.9187 8.16076 21.4589 7.87832 20.9146 7.66734C20.3876 7.46291 19.7866 7.32358 18.9065 7.28328C18.0247 7.24315 17.744 7.23334 15.4982 7.23334H15.5008ZM14.7591 8.72312C14.9792 8.72278 15.2248 8.72312 15.5007 8.72312C17.7079 8.72312 17.9695 8.73104 18.8411 8.77066C19.6471 8.80751 20.0846 8.94219 20.376 9.05534C20.7618 9.20518 21.0368 9.38429 21.326 9.67363C21.6153 9.96296 21.7944 10.2385 21.9446 10.6243C22.0578 10.9154 22.1926 11.3528 22.2293 12.1588C22.2689 13.0303 22.2775 13.2921 22.2775 15.4982C22.2775 17.7044 22.2689 17.9662 22.2293 18.8377C22.1924 19.6437 22.0578 20.0811 21.9446 20.3722C21.7948 20.758 21.6153 21.0327 21.326 21.3218C21.0366 21.6112 20.762 21.7903 20.376 21.9401C20.0849 22.0538 19.6471 22.1881 18.8411 22.225C17.9697 22.2646 17.7079 22.2732 15.5007 22.2732C13.2933 22.2732 13.0317 22.2646 12.1602 22.225C11.3542 22.1878 10.9168 22.0531 10.6252 21.9399C10.2394 21.7901 9.96385 21.611 9.67451 21.3217C9.38518 21.0323 9.20607 20.7574 9.05589 20.3715C8.94273 20.0804 8.80788 19.643 8.7712 18.837C8.73159 17.9655 8.72367 17.7037 8.72367 15.4962C8.72367 13.2886 8.73159 13.0282 8.7712 12.1568C8.80806 11.3507 8.94273 10.9133 9.05589 10.6219C9.20572 10.2361 9.38518 9.96055 9.67451 9.67122C9.96385 9.38188 10.2394 9.20277 10.6252 9.05259C10.9166 8.93892 11.3542 8.80458 12.1602 8.76756C12.9228 8.73311 13.2184 8.72278 14.7591 8.72106V8.72312ZM19.9134 10.0958C19.3657 10.0958 18.9214 10.5396 18.9214 11.0874C18.9214 11.6351 19.3657 12.0794 19.9134 12.0794C20.4611 12.0794 20.9054 11.6351 20.9054 11.0874C20.9054 10.5397 20.4611 10.0954 19.9134 10.0954V10.0958ZM15.5006 11.2548C13.1561 11.2548 11.2553 13.1557 11.2553 15.5001C11.2553 17.8446 13.1561 19.7446 15.5006 19.7446C17.8451 19.7446 19.7452 17.8446 19.7452 15.5001C19.7452 13.1557 17.8449 11.2548 15.5004 11.2548H15.5006ZM15.5007 12.7445C17.0225 12.7445 18.2563 13.9782 18.2563 15.5001C18.2563 17.0219 17.0225 18.2557 15.5007 18.2557C13.9788 18.2557 12.7451 17.0219 12.7451 15.5001C12.7451 13.9782 13.9788 12.7445 15.5007 12.7445V12.7445Z" fill="white"/>
<defs>
<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.4726 29.3255) scale(34.6358)">
<stop offset="0.64" stop-color="#8C3AAA" stop-opacity="0"/>
<stop offset="1" stop-color="#8C3AAA"/>
</radialGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.00629 30.3209) scale(39.3585)">
<stop offset="0.09" stop-color="#FA8F21"/>
<stop offset="0.78" stop-color="#D82D7E"/>
</radialGradient>
</defs>
</svg>
                                                            </a>                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="menu-social-item intec-grid-item-auto">
                                                            <a class="telegram" href="https://t.me/archipaint_ru">                                                            <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="31" height="31" rx="2" fill="url(#paint0_linear_4484:213)"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6583 22.3226C12.1562 22.3226 12.2415 22.133 12.0683 21.6549L10.5917 16.795L21.9583 10.0518" fill="#C8DAEA"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6583 22.3226C13.0458 22.3226 13.217 22.1454 13.4333 21.9351L15.5 19.9256L12.9221 18.371" fill="#A9C9DD"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9217 18.3714L19.1682 22.9864C19.881 23.3797 20.3955 23.176 20.573 22.3246L23.1157 10.3427C23.376 9.29899 22.7178 8.82562 22.0359 9.13521L7.10553 14.8923C6.0864 15.3011 6.09234 15.8697 6.91977 16.123L10.7512 17.3189L19.6215 11.7227C20.0402 11.4688 20.4246 11.6053 20.1091 11.8853" fill="url(#paint1_linear_4484:213)"/>
    <defs>
        <linearGradient id="paint0_linear_4484:213" x1="15.5" y1="0" x2="15.5" y2="31" gradientUnits="userSpaceOnUse">
            <stop stop-color="#36ADE0"/>
            <stop offset="1" stop-color="#1E96C8"/>
        </linearGradient>
        <linearGradient id="paint1_linear_4484:213" x1="13.5595" y1="16.1705" x2="15.2157" y2="21.5277" gradientUnits="userSpaceOnUse">
            <stop stop-color="#EFF7FC"/>
            <stop offset="1" stop-color="white"/>
        </linearGradient>
    </defs>
</svg>
                                                            </a>                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                                        </div>
                                                                    </div>                            </div>
                        </div>                    </div>
                </div>
            </div>
        </div>        <script type="text/javascript">
            template.load(function (data) {
                var $ = this.getLibrary('$');

                var root = data.nodes;
                var menu = $('[data-role="menu"]', root);
                var page = $('html');
                var buttons = {};
                var state = false;
                var questionRegion = $('[data-role="header-mobile-region-select"]');
                var question = $('[data-role="question"]', questionRegion);

                menu.items = $('[data-role="item"]', root);
                buttons.open = $('[data-action="menu.open"]', root);
                buttons.close = $('[data-action="menu.close"]', root);

                menu.open = function () {
                    if (state) return;

                    state = true;
                    menu.css({
                        'display': 'block'
                    }).stop().animate({
                        'opacity': 1
                    }, 500);

                    page.css({
                        'overflow': 'hidden',
                        'height': '100%'
                    });
                };

                menu.close = function () {
                    if (!state) return;

                    state = false;
                    menu.stop().animate({
                        'opacity': 0
                    }, 500, function () {
                        menu.css({
                            'display': 'none'
                        });

                        page.css({
                            'overflow': '',
                            'height': ''
                        });
                    });
                    
                    if (regionSelect.attr('data-expanded') === 'true') {
                        regionSelect.close.trigger('click');
                    }
                };

                buttons.open.on('click', menu.open);
                buttons.close.on('click', menu.close);

                menu.items.each(function () {
                    var item = $(this);
                    var parent = item.parents('[data-role="item"]').first();
                    var items = $('[data-role="items"]', item).first();
                    var buttons = {};
                    var state = false;

                    parent.items = $('[data-role="items"]', parent).first();

                    if (items.length === 0)
                        return;

                    buttons.open = $('[data-action="menu.item.open"]', item).first();
                    buttons.close = $('[data-action="menu.item.close"]', items).first();

                    item.open = function () {
                        if (state) return;

                        state = true;
                        menu.items.attr('data-current', 'false');
                        item.attr('data-expanded', 'true');
                        item.attr('data-current', 'true');
                        parent.items.scrollTop(0);
                    };

                    item.close = function () {
                        if (!state) return;

                        state = false;
                        menu.items.attr('data-current', 'false');
                        item.attr('data-expanded', 'false');
                        parent.attr('data-current', 'true');
                    };

                    buttons.open.on('click', item.open);
                    buttons.close.on('click', item.close);
                });

                var phone = $('[data-role="phones"]', root);
                var phoneButton = $('[data-role="phone.button"]', phone);
                var phoneItems = $('[data-role="phone.items"]', phone);

                phoneButton.on('click', function(){
                    var phoneState = phone.attr('data-state');

                    if (phoneState == 'open') {
                        phone.attr('data-state', 'close');
                    } else if (phoneState == 'close') {
                        phone.attr('data-state', 'open');
                    }

                    phoneItems.slideToggle();
                });

                var regionSelect = $('[data-code="region.select"]', menu.items);
                regionSelect.close = $('[data-action="menu.item.close"]', regionSelect);

                regionSelect.close.on('click', function () {
                    regionSelect.attr('data-expanded', 'false');
                });

                $(questionRegion).on('click', '[data-role="question.no"]', function () {
                    menu.open();
                    question.remove();
                    regionSelect.attr('data-expanded', 'true');
                    regionSelect[0].dataset.current = 'true';
                });
            }, {
                'name': '[Component] bitrix:menu (mobile.2)',
                'nodes': '#i-10-bitrix-menu-mobile-2-rIpOz9lIT2e8'            });
        </script>
    </div>
                        </div>
                    </div>
                                                    <div class="widget-logotype-wrap intec-grid-item intec-grid-item-shrink-1">
                        <a class="widget-item widget-logotype intec-ui-picture" href="/">                            <img src="/include/logo_archipaint.png">                            <span class="fs-top-menu-cities"><a href="">г. Москва</a></span>
                        </a>                    </div>
                                                                                            <div class="widget-search-wrap intec-grid-item-auto">
                            <div class="widget-item widget-search">
                                                                    <!--noindex-->
<div id="i-13-bitrix-search-title-popup-1-EPNisfPuid5k" class="ns-bitrix c-search-title c-search-title-popup-1">    <div class="search-title-button" data-action="search.open">
        <div class="search-title-button-wrapper intec-grid intec-grid-nowrap intec-grid-i-h-5 intec-grid-a-v-center">
            <div class="search-title-button-icon-wrap intec-grid-item-auto">
                <div class="search-title-button-icon">
                    <i class="glyph-icon-loop"></i>
                </div>
            </div>
            <div class="search-title-button-text-wrap intec-grid-item-auto">
                <div class="search-title-button-text">
                    Поиск                </div>
            </div>
        </div>
    </div>
    <div class="search-title intec-content-wrap" data-role="search">
        <div class="search-title-overlay" data-role="overlay" data-action="search.close"></div>
        <div class="search-title-wrapper" data-role="panel">
            <div class="search-title-wrapper-2 intec-content intec-content-primary intec-content-visible">
                <div class="search-title-wrapper-3 intec-content-wrapper">
                    <div class="search-title-wrapper-4">
                        <form class="search-title-form" action="/search/" method="get" data-role="search.form">                            <div class="search-title-form-wrapper intec-grid intec-grid-nowrap intec-grid-a-v-center">                                <div class="search-title-form-wrapper-2 intec-grid-item">
                                    <button type="submit" class="intec-ui intec-ui-control-button search-title-form-button" aria-hidden="true" data-action="search.submit">
                                        <div class="intec-ui-part-icon">
                                            <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M14.2083 12.8333H13.4842L13.2275 12.5858C14.1569 11.5079 14.6677 10.1316 14.6667 8.70834C14.6667 7.52989 14.3172 6.37791 13.6625 5.39806C13.0078 4.41822 12.0772 3.65453 10.9885 3.20355C9.89975 2.75258 8.70173 2.63459 7.54592 2.86449C6.39012 3.09439 5.32845 3.66187 4.49516 4.49516C3.66187 5.32845 3.09439 6.39012 2.86449 7.54592C2.63459 8.70173 2.75258 9.89975 3.20355 10.9885C3.65453 12.0772 4.41822 13.0078 5.39806 13.6625C6.37791 14.3172 7.52989 14.6667 8.70834 14.6667C10.1842 14.6667 11.5408 14.1258 12.5858 13.2275L12.8333 13.4842V14.2083L17.4167 18.7825L18.7825 17.4167L14.2083 12.8333ZM8.70834 12.8333C6.42584 12.8333 4.58334 10.9908 4.58334 8.70834C4.58334 6.42584 6.42584 4.58334 8.70834 4.58334C10.9908 4.58334 12.8333 6.42584 12.8333 8.70834C12.8333 10.9908 10.9908 12.8333 8.70834 12.8333Z" fill="#808080"/>
                                            </svg>
                                        </div>
                                    </button>
                                    <input type="text" id="-mobile-popup-1" class="search-title-form-input" name="q" maxlength="100" autocomplete="off" placeholder="Поиск по сайту" data-role="input">                                    <div class="search-title-form-button" data-action="search.clear" aria-hidden="true">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="12" cy="12" r="12" fill="#DCDCDC"/>
                                            <path d="M9.33325 9.33334L14.6666 14.6667" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                            <path d="M14.6666 9.33334L9.33325 14.6667" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </div>
                                </div>
                                <div class="intec-grid-item-auto">
                                    <div class="search-title-form-button" data-action="search.close" aria-hidden="true">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17 14L12 9L7 14" stroke="#B0B0B0" stroke-width="1.75385" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </div>
                                </div>
                            </div>                        </form>                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        template.load(function (data) {
            var $ = this.getLibrary('$');

            var root = data.nodes;
            var component;
            var search = $('[data-role="search"]', root);
            var overlay = $('[data-role="overlay"]', search);
            var panel = $('[data-role="panel"]', search);
            var input = $('[data-role="input"]', search);
            var page = $('html');
            var buttons = {};
            var state = false;

            buttons.open = $('[data-action="search.open"]', root);
            buttons.close = $('[data-action="search.close"]', root);
            buttons.clear = $('[data-action="search.clear"]', root);

            search.open = function () {
                if (state) return;

                state = true;
                search.attr('data-expanded', 'true').css({
                    'display': 'block'
                });

                page.css({
                    'overflow': 'hidden',
                    'height': '100%'
                });

                panel.stop().animate({'top': 0}, 350);
                overlay.stop().animate({'opacity': 0.5}, 350);

                input.focus();
            };

            search.close = function () {
                if (!state) return;

                state = false;
                search.attr('data-expanded', 'false');

                if (component)
                    component.RESULT.style.display = 'none';

                panel.stop().animate({'top': -panel.height()}, 350);
                overlay.stop().animate({'opacity': 0}, 350, function () {
                    search.css({'display': 'none'});
                    input.blur();

                    page.css({
                        'overflow': '',
                        'height': ''
                    });
                });
            };

            search.clear = function () {
                input[0].value = '';
            };

            buttons.open.on('click', search.open);
            buttons.close.on('click', search.close);
            buttons.clear.on('click', search.clear);

                            component = new JCTitleSearch({'AJAX_PAGE': '/catalog/palitra/soframap-decocolor-ii/soframap-8219/', 'CONTAINER_ID': 'i-13-bitrix-search-title-popup-1-EPNisfPuid5k', 'INPUT_ID': '-mobile-popup-1', 'MIN_QUERY_LEN': 2});

                component.onFocusLost = function () {};

                component.ShowResult = (function () {
                    var handler = component.ShowResult;

                    return function () {
                        if (state) handler.apply(component, arguments);
                    }
                })();

                $(document).on('click', function (event) {
                    var target = $(event.target);

                    if (
                        target.isOrClosest(overlay) ||
                        !target.isOrClosest([component.CONTAINER, component.RESULT])
                    ) component.RESULT.style.display = 'none';
                });
                    }, {
            'name': '[Component] bitrix:search.title (popup.1)',
            'nodes': '#i-13-bitrix-search-title-popup-1-EPNisfPuid5k'        });
    </script>
</div>    <!--/noindex-->
                            </div>
                        </div>
                                                </div>
        </div>
    </div>
    </div>            </div>                            <script type="text/javascript">
                template.load(function (data) {
                    var _ = this.getLibrary('_');
                    var $ = this.getLibrary('$');

                    var root = data.nodes;
                    var area = $(window);
                    var parts = {
                        'desktop': {
                            'node': $('.widget-view.widget-view-desktop', root)
                        }
                    };

                                            parts.fixed = {
                            'isDisplay': false,
                            'node': undefined
                        };

                        parts.fixed.handle = function () {
                            var self = parts.fixed;
                            var bound = 0;

                            if (parts.desktop.node.is(':visible')) {
                                bound += parts.desktop.node.height();
                                bound += parts.desktop.node.offset().top;
                            }

                            if (area.scrollTop() > bound) {
                                self.show();
                            } else {
                                self.hide();
                            }
                        };

                        parts.fixed.handleThrottle = _.throttle(parts.fixed.handle, 250, {
                            'leading': false
                        });

                        parts.fixed.initialize = function () {
                            var self = parts.fixed;

                            self.node = $('.widget-view.widget-view-fixed', root);
                            self.node.css({
                                'display': 'none',
                                'top': -self.node.height()
                            });

                            self.handle();
                        };

                        parts.fixed.hide = function () {
                            var self = parts.fixed;

                            if (!self.isDisplay)
                                return;

                            self.isDisplay = false;
                            self.node.stop().animate({
                                'top': -self.node.height()
                            }, 500, function () {
                                self.node.css({
                                    'display': 'none'
                                });
                            });
                        };

                        parts.fixed.show = function () {
                            var self = parts.fixed;

                            if (self.isDisplay)
                                return;

                            self.isDisplay = true;
                            self.node.css({
                                'display': 'block'
                            }).stop().animate({
                                'top': 0
                            }, 500);
                        };
                    
                                            parts.mobile = {
                            'isDisplay': true,
                            'isFixed': false,
                            'scroll': 0,
                            'stub': undefined
                        };

                        parts.mobile.fix = function () {
                            var self = parts.mobile;

                            if (!self.isFixed) {
                                self.isFixed = true;

                                self.stub = $('<div></div>');
                                self.stub.css({
                                    'height': self.node.height()
                                });

                                self.node.after(self.stub);
                                self.node.addClass('widget-view-mobile-fixed');
                                self.hide(false);
                            }
                        };

                        parts.mobile.handle = function (event) {
                            var self = parts.mobile;
                            var bound = 0;
                            var scroll = area.scrollTop();

                            if (self.node.is(':visible')) {
                                if (self.stub !== undefined) {
                                    bound += self.stub.offset().top;
                                } else {
                                    bound += self.node.offset().top;
                                }

                                if (scroll > bound) {
                                    self.fix();
                                    self.refresh();

                                                                            if (event && event.type === 'scroll') {
                                            if (scroll > self.scroll) {
                                                if (scroll > (bound + self.node.height())) {
                                                    self.hide(true);
                                                } else {
                                                    self.show(true);
                                                }
                                            } else {
                                                self.show(true);
                                            }
                                        } else {
                                            self.show(true);
                                        }

                                        self.scroll = scroll;
                                                                    } else {
                                    self.unfix();
                                }
                            } else {
                                self.unfix();
                            }
                        };

                        parts.mobile.handleThrottle = _.throttle(parts.mobile.handle, 100, {
                            'leading': false
                        });

                        parts.mobile.hide = function (animate) {
                            var self = parts.mobile;

                            if (!self.isDisplay)
                                return;

                            self.isDisplay = false;

                            if (animate) {
                                self.node.stop().animate({
                                    'top': -self.node.height()
                                }, {
                                    'duration': 250,
                                    'complete': function () {
                                        self.node.css({
                                            'top': -self.node.height()
                                        });
                                    }
                                });
                            } else {
                                self.node.stop().css('top', -self.node.height());
                            }
                        };

                        parts.mobile.initialize = function () {
                            var self = parts.mobile;

                            self.node = $('.widget-view.widget-view-mobile', root);
                            self.scroll = area.scrollTop();
                            self.handle();
                        };

                        parts.mobile.refresh = function () {
                            var self = parts.mobile;

                            if (self.stub !== undefined) {
                                self.stub.css({
                                    'height': self.node.height()
                                });
                            }
                        };

                        parts.mobile.show = function (animate) {
                            var self = parts.mobile;

                            if (self.isDisplay)
                                return;

                            self.isDisplay = true;

                            if (animate) {
                                self.node.stop().animate({
                                    'top': 0
                                }, {
                                    'duration': 250,
                                    'complete': function () {
                                        self.node.css({
                                            'top': ''
                                        });
                                    }
                                });
                            } else {
                                self.node.stop().css('top', '');
                            }
                        };

                        parts.mobile.unfix = function () {
                            var self = parts.mobile;

                            if (self.isFixed) {
                                self.isFixed = false;

                                self.stub.remove();
                                self.stub = undefined;

                                self.node.removeClass('widget-view-mobile-fixed');
                                self.show(false);
                            }
                        };
                    
                                            parts.fixed.initialize();
                        parts.mobile.initialize();

                        area.on('resize scroll', function (event) {
                            parts.fixed.handleThrottle(event);
                            parts.mobile.handleThrottle(event);
                        });
                                    }, {
                    'name': '[Component] intec.universe:main.header (template.1)',
                    'nodes': '#i-4-intec-universe-main-header-template-1-dZcvT5yLZEp0'                });
            </script>
                    </div>
</div>
</div><div id="navigation" class="intec-template-breadcrumb"><div id="i-c-breadcrumb" class="ns-bitrix c-breadcrumb c-breadcrumb-default" data-mobile="true" data-mobile-use="true" data-mobile-slider-use="true" data-print="false"><div class="breadcrumb-wrapper intec-content intec-content-visible"><div class="breadcrumb-wrapper-2 intec-content-wrapper" itemscope="" itemtype="http://schema.org/BreadcrumbList" data-role="content"><div class="breadcrumb-item" data-control="item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
                <a href="/" title="Главная" data-control="link" class="breadcrumb-link intec-cl-text-hover" itemprop="item">
                    <span itemprop="name">Главная</span>
                    <meta itemprop="position" content="1"></a></div><span class="breadcrumb-separator"> / </span><div class="breadcrumb-item" data-control="item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
                <a href="/catalog/" title="Каталог товаров" data-control="link" class="breadcrumb-link intec-cl-text-hover" itemprop="item">
                    <span itemprop="name">Каталог товаров</span>
                    <meta itemprop="position" content="2"></a></div></div></div><script type="text/javascript">template.load(function (data) {
                var $ = this.getLibrary('$');
                var root = data.nodes;
                var content = $('[data-role="content"]', root);
                var mobileUse = root.data('mobile-use');
                var mobileSliderUse = root.data('mobile-slider-use');
                
                var setMenuListener = function () {
                    $('[data-control="item"]', root).each(function () {
                        var item = $(this);
                        var link = item.find('[data-control="link"]');
                        var menu = item.find('[data-control="menu"]');
                    
                        item.hover(function () {
                            link.addClass('intec-cl-text');
                            
                            menu.css({'display': 'block'}).stop().animate({
                                'opacity': 1
                            }, 300);
                        }, function () {
                            link.removeClass('intec-cl-text');
                            
                            menu.stop().animate({
                                'opacity': 0
                            }, 300, function () {
                                menu.css({'display': 'none'});
                            });
                        });
                    });
                };
                
                if (document.documentElement.offsetWidth > 770) {
                    if (!root.hasClass('c-breadcrumb-usual')) {
                        root.addClass('c-breadcrumb-usual');
                        root.removeClass('c-breadcrumb-mobile');
                        root.removeClass('c-breadcrumb-mobile-slider');
                        content.html('<div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/\" title=\"Главная\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Главная</span>\n                    <meta itemprop=\"position\" content=\"1\"></a></div><span class=\"breadcrumb-separator\"> / </span><div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/catalog/\" title=\"Каталог товаров\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Каталог товаров</span>\n                    <meta itemprop=\"position\" content=\"2\"></a></div>');
                        setMenuListener();
                    }
                } else {
                    if (mobileUse && mobileSliderUse) {
                        if (!root.hasClass('c-breadcrumb-mobile-slider')) {
                            root.addClass('c-breadcrumb-mobile-slider');
                            root.removeClass('c-breadcrumb-usual');
                            root.removeClass('c-breadcrumb-mobile');
                            content.html('<div class=\"scroll-mod-hiding scrollbar-inner\"><div class=\"scroll-mod-hiding scrollbar-inner scroll-content scroll-scrolly_visible\" data-role=\"scroll\"><div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/\" title=\"Главная\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Главная</span>\n                    <meta itemprop=\"position\" content=\"1\"></a></div><span class=\"breadcrumb-separator\"> / </span><div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/catalog/\" title=\"Каталог товаров\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Каталог товаров</span>\n                    <meta itemprop=\"position\" content=\"2\"></a></div></div></div>');
                            
                            var scroll = $('[data-role="scroll"]', root);
                            scroll.scrollbar();
                        }
                    } else if (mobileUse && !mobileSliderUse) {
                        if (!root.hasClass('c-breadcrumb-mobile')) {
                            root.addClass('c-breadcrumb-mobile');
                            root.removeClass('c-breadcrumb-usual');
                            root.removeClass('c-breadcrumb-mobile-slider');
                            content.html('<div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n        <a href=\"/\" title=\"Главная\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n            <i class=\"far fa-angle-left intec-cl-text\"></i>Главная</a></div>');
                        }
                    }
                }
                
                $(window).on('resize', function () {
                    if (document.documentElement.offsetWidth > 770) {
                        if (!root.hasClass('c-breadcrumb-usual')) {
                            root.addClass('c-breadcrumb-usual');
                            root.removeClass('c-breadcrumb-mobile');
                            root.removeClass('c-breadcrumb-mobile-slider');
                            content.html('<div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/\" title=\"Главная\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Главная</span>\n                    <meta itemprop=\"position\" content=\"1\"></a></div><span class=\"breadcrumb-separator\"> / </span><div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/catalog/\" title=\"Каталог товаров\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Каталог товаров</span>\n                    <meta itemprop=\"position\" content=\"2\"></a></div>');
                            setMenuListener();
                        }
                    } else {
                        if (mobileUse && mobileSliderUse) {
                            if (!root.hasClass('c-breadcrumb-mobile-slider')) {
                                root.addClass('c-breadcrumb-mobile-slider');
                                root.removeClass('c-breadcrumb-usual');
                                root.removeClass('c-breadcrumb-mobile');
                                content.html('<div class=\"scroll-mod-hiding scrollbar-inner\"><div class=\"scroll-mod-hiding scrollbar-inner scroll-content scroll-scrolly_visible\" data-role=\"scroll\"><div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/\" title=\"Главная\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Главная</span>\n                    <meta itemprop=\"position\" content=\"1\"></a></div><span class=\"breadcrumb-separator\"> / </span><div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n                <a href=\"/catalog/\" title=\"Каталог товаров\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n                    <span itemprop=\"name\">Каталог товаров</span>\n                    <meta itemprop=\"position\" content=\"2\"></a></div></div></div>');
                                
                                var scroll = $('[data-role="scroll"]', root);
                                scroll.scrollbar();
                            }
                        } else if (mobileUse && !mobileSliderUse) {
                            if (!root.hasClass('c-breadcrumb-mobile')) {
                                root.addClass('c-breadcrumb-mobile');
                                root.removeClass('c-breadcrumb-usual');
                                root.removeClass('c-breadcrumb-mobile-slider');
                                content.html('<div class=\"breadcrumb-item\" data-control=\"item\" itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"http://schema.org/ListItem\">\n        <a href=\"/\" title=\"Главная\" data-control=\"link\" class=\"breadcrumb-link intec-cl-text-hover\" itemprop=\"item\">\n            <i class=\"far fa-angle-left intec-cl-text\"></i>Главная</a></div>');
                            }
                        }
                    }
                });
        }, {
        'name': '[Component] bitrix:breadcrumb (.default)',
        'nodes': '#i-c-breadcrumb',
        'loader': {
            'name': 'lazy'
        }
    })</script></div></div><div class="intec-template-title"><div class="intec-content">
    <div class="intec-content-wrapper">
        <h1 id="pagetitle">
            Каталог товаров        </h1>
    </div>
</div></div>                            </div>        </div>        <div class="intec-template-layout-page" data-global-role="page">            <div class="intec-template-layout-page-wrapper">                <div class="intec-template-layout-content" data-global-role="content">                                                    
    
<div class="ns-bitrix c-catalog c-catalog-catalog-1 p-element">
                                                        {"status":"error","mesg":"\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u0435\u0442\u0438. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435cURL error 60: SSL: no alternative certificate subject name matches target hostname 'system.archipaint.ru' (see https:\/\/curl.se\/libcurl\/c\/libcurl-errors.html) for https:\/\/system.archipaint.ru\/api\/get_price"}