<meta itemprop="description" name="description" content="Заказать окна для беседки в Можайске по цене завода-изготовителя ЭКООКНА. Качественное остекление беседок"> <meta name="rights" content="Экоокна"> <link rel="canonical" href="https://mozhajsk.ecookna.ru/okna-v-dom/osteklenie-besedok/"> <meta name="robots" content="all">  <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@ecookna"> <meta name="twitter:url" content="https://mozhajsk.ecookna.ru/okna-v-dom/osteklenie-besedok/"> <meta name="twitter:title" content="Окна для беседки в Москве – заказать от производителя "> <meta name="twitter:description" content="⭐ ⭐ ⭐ ⭐ ⭐ Заказать окна для беседки в Москве ✅ Качественное остекление беседок по доступной цене"> <meta name="twitter:image" content="https://mozhajsk.ecookna.ru/images/ecookna-twitter.jpg">  <meta property="og:url" content="https://mozhajsk.ecookna.ru/okna-v-dom/osteklenie-besedok/"> <meta property="og:type" content="website"> <meta property="og:title" content="Окна для беседки в Москве – заказать от производителя "> <meta property="og:image" content="https://mozhajsk.ecookna.ru/images/ecookna-facebook.jpg"> <meta property="og:description" content="⭐ ⭐ ⭐ ⭐ ⭐ Заказать окна для беседки в Москве ✅ Качественное остекление беседок по доступной цене"> <meta property="og:site_name" content="Экоокна"> <meta name="yandex-verification" content="961fbf101ed2178b"> <meta name="google-site-verification" content="rVDr6HbhwJd2KrqI9mo-6ppN8U8U_KKaa4GBXE6vBq4"> <meta name="yandex-verification" content="25729ac1bcb3eb8b">  <link rel="icon" href="/local/templates/v2021/images/favicons/favicon.ico" sizes="any">    <meta name="theme-color" content="#fff">  <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://calltrackokna.ru"> <link rel="dns-prefetch" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://calltrackokna.ru/" crossorigin> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> <link rel="preconnect" href="https://api-maps.yandex.ru" crossorigin> <link rel="preconnect" href="https://yastatic.net" crossorigin>  <link rel="preload" href="/local/templates/v2021/images/ecookna-logo.svg" as="image" type="image/svg+xml" fetchpriority="high"> <link rel="preload" href="/local/templates/v2021/fonts/open-sans-300.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/open-sans-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/open-sans-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/open-sans-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/open-sans-800.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/museo-sans-300.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/museo-sans-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/museo-sans-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/fonts/museo-sans-900.woff2" as="font" crossorigin="anonymous" type="font/woff2"> <link rel="preload" href="/local/templates/v2021/css/uikit.ecookna.min.css" as="style"> <link rel="preload" href="/local/templates/v2021/css/style.css?v5" as="style"> <link rel="preload" href="/local/templates/v2021/js/uikit.min.js" as="script"> <link rel="preload" href="/local/templates/v2021/js/jquery.min.js" as="script"> <link rel="preload" href="/local/templates/v2021/js/js.cookie.min.js" as="script"> <link rel="preload" href="/local/templates/v2021/js/inputmask.js" as="script"> <link rel="preload" href="/local/templates/v2021/js/maska.min.js" as="script"> <link rel="preload" href="/local/templates/v2021/js/script.js" as="script"> <link rel="preload" href="/local/templates/v2021/js/gtm.js" as="script">  <link rel="stylesheet" href="/local/templates/v2021/css/uikit.ecookna.min.css"> <link rel="stylesheet" href="/local/templates/v2021/css/style.css?v5">  <script src="/local/templates/v2021/js/uikit.min.js"></script> <script defer src="/local/templates/v2021/js/jquery.min.js"></script> <script defer src="/local/templates/v2021/js/js.cookie.min.js"></script> <script defer src="/local/templates/v2021/js/inputmask.js"></script> <script defer src="/local/templates/v2021/js/maska.min.js"></script> <script> var metrica = '1310205'; </script> <script defer src="/local/templates/v2021/js/script.js"></script> <script defer src="/local/templates/v2021/js/gtm.js"></script> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script> <script> o = 'es'; window['EStatObject'] = o; es = function () { (window[o].q = window[o].q || []).push(arguments); }; es.l = 1 * new Date(); es({ cmd: 'create', account: '2' }); es({ cmd: 'allcalltracking' }); </script> <script src="https://calltrackokna.ru/tracker.js"></script> <script> function jivo_onLoadCallback() { const createFullURL = (baseURL) => { const params = new URLSearchParams(window.location.search); const utmParams = ['utm_medium', 'utm_source', 'utm_term', 'utm_content']; utmParams.forEach(param => { const value = params.get(param); if (value) { baseURL += (baseURL.includes('?') ? '&' : '?') + `${param}=${encodeURIComponent(value)}`; } }); return baseURL; }; // Базовые URL для каждой платформы const vkBaseURL = 'https://salebot.pro/ref/cecc883f795d48c986475fe2190aa980'; const telegramBaseURL = 'https://salebot.site/cecc883f795d48c986475fe2190aa980_1'; const whatsappBaseURL = 'https://salebot.site/cecc883f795d48c986475fe2190aa980_6'; // Создание полных URL const fullVKURL = createFullURL(vkBaseURL); const fullTelegramURL = createFullURL(telegramBaseURL); const fullWhatsAppURL = createFullURL(whatsappBaseURL); // Функция для установки ссылок const setChatBotLink = (selector, link) => { const elements = document.querySelectorAll(selector); elements.forEach(element => { element.setAttribute("href", link); }); }; // Назначение URL setChatBotLink("a[href='#vk-link']", fullVKURL); setChatBotLink("a[href='#telegram-link']", fullTelegramURL); setChatBotLink("a[href='#whatsapp-link']", fullWhatsAppURL); // Передача ссылок в Jivo API if (window.jivo_api) { jivo_api.setWhatsAppLink(fullWhatsAppURL); jivo_api.setVKLink(fullVKURL); jivo_api.setTelegramLink(fullTelegramURL); } } // Ensure Jivo callback is called if Jivo is already loaded if (typeof jivo_onLoadCallback === 'function') { jivo_onLoadCallback(); } </script>  <script>!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src='https://vk.com/js/api/openapi.js?169',t.onload=function(){VK.Retargeting.Init("VK-RTRG-1235598-Nan2"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script> <noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1235598-Nan2" style="position:fixed;left:-999px" alt=""></noscript>       <script> window.uao_settings = { interval: 30, checkInterval: 5, ym: 1310205, ym_period_goal_prefix: 'ym_prefix', data_layer_prefix: 'dl_prefix', callback: function (seconds) {}, } function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); } function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } UAO_COUNT = 'uao_count'; UAO_GLOBAL_COUNT = 'uao_global_count'; var UALoop = /*#__PURE__*/function () { function UALoop(goalInterval, checkInterval) { _classCallCheck(this, UALoop); _defineProperty(this, "uao_debugger", new UADebugger()); this.id = Math.random().toString(36); this.goalInterval = goalInterval; this.checkInterval = checkInterval; this.uao_debugger.isEnabled = true; } _createClass(UALoop, [{ key: "targetCount", get: function get() { return Math.ceil(this.goalInterval / this.checkInterval); } }, { key: "calculate", value: function calculate() { var _sessionStorage$getIt, _sessionStorage$getIt2; var currentCount = (_sessionStorage$getIt = +sessionStorage.getItem(UAO_COUNT)) !== null && _sessionStorage$getIt !== void 0 ? _sessionStorage$getIt : 0; currentCount = currentCount + 1; sessionStorage.setItem(UAO_COUNT, currentCount.toString()); var globalCount = (_sessionStorage$getIt2 = +sessionStorage.getItem(UAO_GLOBAL_COUNT)) !== null && _sessionStorage$getIt2 !== void 0 ? _sessionStorage$getIt2 : 0; globalCount = globalCount + 1; sessionStorage.setItem(UAO_GLOBAL_COUNT, globalCount.toString()); this.uao_debugger.log("".concat(currentCount, " / ").concat(this.targetCount)); return currentCount === this.targetCount; } }]); return UALoop; }(); var UAObserver = /*#__PURE__*/function () { function UAObserver(isLoggingEnabled) { _classCallCheck(this, UAObserver); _defineProperty(this, "events", ['touchmove', 'blur', 'focus', 'focusin', 'focusout', 'resize', 'scroll', 'click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'change', 'select', 'submit', 'keydown', 'keypress', 'keyup', 'error', 'load' //'unload' ]); _defineProperty(this, "loop", void 0); _defineProperty(this, "uao_debugger", new UADebugger()); _defineProperty(this, "settings", window.uao_settings); _defineProperty(this, "commit", false); if (isLoggingEnabled) this.uao_debugger.isEnabled = true; } _createClass(UAObserver, [{ key: "loop", set: function set(value) { this.loop = value; } }, { key: "start", value: function start() { this.addListeners(); this.init(); } }, { key: "addListeners", value: function addListeners() { var _this = this; this.events.forEach(function (evtName) { window.addEventListener(evtName, function (e) { if (e.isTrusted) { _this.commit = true; } }); }); } }, { key: "init", value: function init() { this.loop = new UALoop(this.settings.interval, this.settings.checkInterval); //this.uao_debugger.log('init', this.loop.id) this.setInterval(); } }, { key: "setInterval", value: function setInterval() { var _this2 = this; if (+sessionStorage.getItem(UAO_COUNT) <= 0) sessionStorage.setItem(UAO_COUNT, '0'); if (+sessionStorage.getItem(UAO_GLOBAL_COUNT) <= 0) sessionStorage.setItem(UAO_GLOBAL_COUNT, '0'); var interval = window.setInterval(function () { if (_this2.commit && _this2.loop.calculate()) { clearInterval(interval); if (_this2.settings) { //this.uao_debugger.log('Достижение интервала активности основной цели'); var globalCount = sessionStorage.getItem(UAO_GLOBAL_COUNT); var globalSeconds = globalCount * _this2.settings.checkInterval; if (_this2.settings.callback) _this2.settings.callback(globalSeconds); if (_this2.settings.ym_period_goal_prefix && _this2.settings.ym && window.ym) { //this.uao_debugger.log('Достижение интервала активности периодической цели'); window.ym(_this2.settings.ym, 'reachGoal', "".concat(_this2.settings.ym_period_goal_prefix).concat(globalSeconds)); } if (_this2.settings.data_layer_prefix && window.dataLayer) { window.dataLayer.push({ event: "".concat(_this2.settings.data_layer_prefix).concat(globalSeconds) }); } } sessionStorage.setItem(UAO_COUNT, '0'); _this2.init(); } _this2.commit = false; }, this.loop.checkInterval * 1000); } }]); return UAObserver; }(); var UADebugger = /*#__PURE__*/function () { function UADebugger() { _classCallCheck(this, UADebugger); _defineProperty(this, "isEnabled", false); } _createClass(UADebugger, [{ key: "isEnabled", set: function set(value) { this.isEnabled = value; } }, { key: "log", value: function log(message) { var _console; for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { args[_key - 1] = arguments[_key]; } if (this.isEnabled) (_console = console).log.apply(_console, [message].concat(args)); } }]); return UADebugger; }(); new UAObserver(true).start(); </script> </head> <body id="nav_start">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MVQQM8P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="tm-navbar-mobile" uk-sticky="cls-active: uk-navbar-sticky; sel-target: uk-navbar-container" uk-toggle="cls: uk-box-shadow-small; mode: media; media: (max-width: 960px)"> <div class="uk-navbar-container uk-navbar-transparent uk-background-default uk-hidden@m"> <div class="uk-container"> <div class="uk-navbar"> <div class="uk-navbar-left"> <a class="uk-navbar-item uk-logo mobile-logo" href="/"> <img src="/local/templates/v2021/images/ecookna-logo.svg" decoding="async" loading="eager" fetchpriority="high" width="80" height="64" alt="Экоокна Можайск" title="Экоокна Можайск"> </a> </div> <div class="uk-navbar-right uk-margin-remove-right"> <div class="uk-flex header-socials__links"> <div class="uk-flex uk-flex-center uk-flex-middle"> <a href="https://salebot.site/cecc883f795d48c986475fe2190aa980_6" class="icon-whatsapp uk-icon uk-text-decoration-none" target="_blank" rel="nofollow"></a> </div> <div class="uk-flex uk-flex-center uk-flex-middle"> <a href="https://salebot.site/cecc883f795d48c986475fe2190aa980_1" class="icon-telegram uk-icon uk-text-decoration-none" target="_blank" rel="nofollow"></a> </div> <div class="uk-flex uk-flex-center uk-flex-middle"> <a href="https://salebot.pro/ref/cecc883f795d48c986475fe2190aa980" class="icon-vk uk-icon uk-text-decoration-none" target="_blank" rel="nofollow"></a> </div> </div> <div class="uk-navbar-item">  <a class="uk-icon-button uk-padding-remove-right phone-number" uk-icon="icon: phone" href="tel:+7 (499) 705-83-73"></a> </div> <a class="uk-navbar-toggle uk-padding-remove" uk-navbar-toggle-icon uk-toggle href="#offcanvas"></a> </div> </div> </div> </div> </div>  <header id="header" class="uk-navbar-container uk-navbar-transparent uk-background-default uk-visible@m"> <div class="uk-container"> <div class="uk-navbar" uk-navbar>  <div class="uk-navbar-left" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a class="uk-navbar-item uk-logo" href="/"> <img src="/local/templates/v2021/images/eco-logo.svg" decoding="async" loading="eager" fetchpriority="high" width="100" height="67" alt="Экоокна Можайск" title="Экоокна Можайск"> </a>  <noindex> <ul class="uk-navbar-nav uk-visible@l" itemprop="about" itemscope itemtype="http://schema.org/ItemList"> <li > <a href="/company/" rel="nofollow" >О компании</a>  <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="О компании"> <ul class="uk-nav uk-navbar-dropdown-nav uk-text-small boundary-1"> <li > <a href="/company/history/" title="История компании" rel="nofollow" >История компании</a> </li> <li > <a href="/company/mission/" title="Наша миссия" rel="nofollow" >Наша миссия</a> </li> <li > <a href="/company/production/" title="Производство" rel="nofollow" >Производство</a> </li> <li > <a href="/company/certificates/" title="Сертификаты" rel="nofollow" >Сертификаты</a> </li> <li > <a href="/company/news/" title="Новости" rel="nofollow" >Новости</a> </li> <li > <a href="/company/tv/" title="ТВ-проекты" rel="nofollow" >ТВ-проекты</a> </li> <li > <a href="/company/vacancy/" title="Вакансии" rel="nofollow" >Вакансии</a> </li> <li > <a href="/company/opinions/" title="Отзывы" rel="nofollow" >Отзывы</a> </li> </ul> </div> </li> <li > <a href="/uslugi/" rel="nofollow" >Услуги</a>  <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Услуги"> <ul class="uk-nav uk-navbar-dropdown-nav uk-text-small boundary-1"> <li > <a href="/uslugi/how-buy/" title="Заключение договора на дому" rel="nofollow" >Заключение договора на дому</a> </li> <li > <a href="/uslugi/kredit-i-rassrochka/" title="Кредит и рассрочка" rel="nofollow" >Кредит и рассрочка</a> </li> <li > <a href="/uslugi/montazh-po-gostu/" title="Монтаж по ГОСТу" rel="nofollow" >Монтаж по ГОСТу</a> </li> <li > <a href="/uslugi/servisnoe-obsluzhivanie/" title="Гарантии" rel="nofollow" >Гарантии</a> </li> <li > <a href="/uslugi/remont-i-modernizatsiya-okon/" title="Ремонт и модернизация окон" rel="nofollow" >Ремонт и модернизация окон</a> </li> <li > <a href="/uslugi/proverka-kvartiry-doma-na-utechku-tepla/" title="Проверка тепловизором" rel="nofollow" >Проверка тепловизором</a> </li> </ul> </div> </li> <li > <a href="/clients/" rel="nofollow" >Клиентам</a>  <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Клиентам"> <ul class="uk-nav uk-navbar-dropdown-nav uk-text-small boundary-1"> <li > <a href="/clients/fotogalereya/" title="Фотогалерея" rel="nofollow" >Фотогалерея</a> </li> <li > <a href="/clients/cabinet/" title="Оплатить заказ" rel="nofollow" >Оплатить заказ</a> </li> <li > <a href="/clients/zapis-na-besplatnyy-zamer/" title="Записаться на замер" rel="nofollow" >Записаться на замер</a> </li> <li > <a href="/clients/napisat-otzyv/" title="Написать отзыв" rel="nofollow" >Написать отзыв</a> </li> <li > <a href="/clients/reclamation/" title="Оставить заявку на рекламацию" rel="nofollow" >Оставить заявку на рекламацию</a> </li> <li > <a href="/clients/dostavka/" title="Уточнить дату доставки" rel="nofollow" >Уточнить дату доставки</a> </li> <li > <a href="/clients/order/" title="Проверка статуса заказа" rel="nofollow" >Проверка статуса заказа</a> </li> <li > <a href="/clients/articles/" title="Полезные статьи" rel="nofollow" >Полезные статьи</a> </li> <li > <a href="/clients/video-poleznye-sovety/" title="Видеосюжеты" rel="nofollow" >Видеосюжеты</a> </li> </ul> </div> </li> <li > <a href="/partnerstvo/" rel="nofollow" >Для бизнеса</a>  <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Для бизнеса"> <ul class="uk-nav uk-navbar-dropdown-nav uk-text-small boundary-1"> <li > <a href="https://franchise.ecookna.ru" title="Франчайзинг" rel="nofollow" >Франчайзинг</a> </li> <li > <a href="https://dealers.ecookna.ru" title="Станьте дилером" rel="nofollow" >Станьте дилером</a> </li> <li > <a href="https://build.ecookna.ru" title="Строителям" rel="nofollow" >Строителям</a> </li> <li > <a href="https://www.ecookna.ru/designers/" title="Дизайнерам и архитекторам" rel="nofollow" >Дизайнерам и архитекторам</a> </li> <li > <a href="https://zakupka.ecookna.ru/" title="Поставщикам" rel="nofollow" >Поставщикам</a> </li> </ul> </div> </li> <li itemprop="itemListElement"> <a href="/contacts/" rel="nofollow" >Контакты</a> </li> </ul> </noindex> <ul class="uk-navbar-nav uk-visible@l"> <li>  <a href="#modal-example" uk-toggle rel="nofollow" >Можайск</a>  </li> </ul> <div id="modal-example" uk-modal> <div class="uk-modal-dialog uk-modal-body uk-border-rounded uk-padding"> <button class="uk-modal-close-default" type="button" uk-close></button> <div class="uk-h2 uk-modal-title">Выберите свой город</div> <div class="uk-grid uk-child-width-1-3"> <div> <a style="color:#413b32;font-size:.8125rem;" itemprop="url" href="https://www.ecookna.ru/okna-v-dom/osteklenie-besedok/">Москва</a>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://aleksandrov.ecookna.ru/okna-v-dom/osteklenie-besedok/">Александров</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://andreewka.ecookna.ru/okna-v-dom/osteklenie-besedok/">Андреевка</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://bronnitsy.ecookna.ru/okna-v-dom/osteklenie-besedok/">Бронницы</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://verhovje.ecookna.ru/okna-v-dom/osteklenie-besedok/">Верховье</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://vladimir-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Владимир</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://vologda-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Вологда</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://volok.ecookna.ru/okna-v-dom/osteklenie-besedok/">Волоколамск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://voskryesensk.ecookna.ru/okna-v-dom/osteklenie-besedok/">Воскресенск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://gagaryn.ecookna.ru/okna-v-dom/osteklenie-besedok/">Гагарин</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://golicino.ecookna.ru/okna-v-dom/osteklenie-besedok/">Голицыно</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://dzerzhinsk.ecookna.ru/okna-v-dom/osteklenie-besedok/">Дзержинск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://dmitrow.ecookna.ru/okna-v-dom/osteklenie-besedok/">Дмитров</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://dolgop.ecookna.ru/okna-v-dom/osteklenie-besedok/">Долгопрудный</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://domodedovo.ecookna.ru/okna-v-dom/osteklenie-besedok/">Домодедово</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://dybna.ecookna.ru/okna-v-dom/osteklenie-besedok/">Дубна</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://egoryevsk.ecookna.ru/okna-v-dom/osteklenie-besedok/">Егорьевск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://zhukovski.ecookna.ru/okna-v-dom/osteklenie-besedok/">Жуковский</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://zvenigorod.ecookna.ru/okna-v-dom/osteklenie-besedok/">Звенигород</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://ivanteevka.ecookna.ru/okna-v-dom/osteklenie-besedok/">Ивантеевка</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://istra.ecookna.ru/okna-v-dom/osteklenie-besedok/">Истра</a> </div> </div><div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://kashyra.ecookna.ru/okna-v-dom/osteklenie-besedok/">Кашира</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://kyrzhach.ecookna.ru/okna-v-dom/osteklenie-besedok/">Киржач</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://klyn.ecookna.ru/okna-v-dom/osteklenie-besedok/">Клин</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://kolomna.ecookna.ru/okna-v-dom/osteklenie-besedok/">Коломна</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://korolev.ecookna.ru/okna-v-dom/osteklenie-besedok/">Королев</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://kostroma-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Кострома</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://krasnogorsk-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Красногорск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://lobnya.ecookna.ru/okna-v-dom/osteklenie-besedok/">Лобня</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://lyubertsy.ecookna.ru/okna-v-dom/osteklenie-besedok/">Люберцы</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://mozhajsk.ecookna.ru/okna-v-dom/osteklenie-besedok/">Можайск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://mytishy.ecookna.ru/okna-v-dom/osteklenie-besedok/">Мытищи</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://nahabino.ecookna.ru/okna-v-dom/osteklenie-besedok/">Нахабино</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://nino.ecookna.ru/okna-v-dom/osteklenie-besedok/">Нижний Новгород</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://novaya-riga.ecookna.ru/okna-v-dom/osteklenie-besedok/">Новая Рига</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://noginsk.ecookna.ru/okna-v-dom/osteklenie-besedok/">Ногинск</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://odintsowo.ecookna.ru/okna-v-dom/osteklenie-besedok/">Одинцово</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://ostashkow.ecookna.ru/okna-v-dom/osteklenie-besedok/">Осташков</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://penza.ecookna.ru/okna-v-dom/osteklenie-besedok/">Пенза</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://pereslavl-zalesskij.ecookna.ru/okna-v-dom/osteklenie-besedok/">Переславль-Залесский</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://pod.ecookna.ru/okna-v-dom/osteklenie-besedok/">Подольск</a> </div> </div><div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://pushkino-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Пушкино</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://ramenskoe.ecookna.ru/okna-v-dom/osteklenie-besedok/">Раменское</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://sergiev-posad.ecookna.ru/okna-v-dom/osteklenie-besedok/">Сергиев Посад</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://serpuhov.ecookna.ru/okna-v-dom/osteklenie-besedok/">Серпухов</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://strunino.ecookna.ru/okna-v-dom/osteklenie-besedok/">Струнино</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://taldom.ecookna.ru/okna-v-dom/osteklenie-besedok/">Талдом</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://tver-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Тверь</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://troitsk-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Троицк</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://tula-city.ecookna.ru/okna-v-dom/osteklenie-besedok/">Тула</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://fryazyno.ecookna.ru/okna-v-dom/osteklenie-besedok/">Фрязино</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://himki.ecookna.ru/okna-v-dom/osteklenie-besedok/">Химки</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://hotkovo.ecookna.ru/okna-v-dom/osteklenie-besedok/">Хотьково</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://chernogolowka.ecookna.ru/okna-v-dom/osteklenie-besedok/">Черноголовка</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://chehov.ecookna.ru/okna-v-dom/osteklenie-besedok/">Чехов</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://shahovskaya.ecookna.ru/okna-v-dom/osteklenie-besedok/">Шаховская</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://shelkovo.ecookna.ru/okna-v-dom/osteklenie-besedok/">Щелково</a> </div>  <div class="" itemprop="name"> <a style="color: #413b32;font-size:.8125rem;" itemprop="url" href="https://yaroslawl.ecookna.ru/okna-v-dom/osteklenie-besedok/">Ярославль</a> </div> </div> </div> </div> </div> </div>  <div class="uk-navbar-right"> <div class="uk-margin-medium-right"> <img src="/local/templates/v2021/images/22.svg" decoding="async" loading="eager" width="92" height="66" alt="Компании ЭКООКНА 22 года"> </div> <div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-column uk-padding-remove _right"> <div class="uk-margin-small-bottom uk-visible@m"> <div class="uk-flex uk-flex-middle"> <div class="uk-text-right uk-margin-small-right"> <div class="uk-text-small">Напишите нам:</div> </div> <div class="uk-flex header-socials__links"> <div class="uk-flex uk-flex-center uk-flex-middle"> <a href="https://salebot.site/cecc883f795d48c986475fe2190aa980_6" class="icon-whatsapp uk-icon uk-text-decoration-none" target="_blank" rel="nofollow"></a> </div> <div class="uk-flex uk-flex-center uk-flex-middle"> <a href="https://salebot.site/cecc883f795d48c986475fe2190aa980_1" class="icon-telegram uk-icon uk-text-decoration-none" target="_blank" rel="nofollow"></a> </div> <div class="uk-flex uk-flex-center uk-flex-middle"> <a href="https://salebot.pro/ref/cecc883f795d48c986475fe2190aa980" class="icon-vk uk-icon uk-text-decoration-none" target="_blank" rel="nofollow"></a> </div> </div> </div> </div> <div> <div class="uk-flex-middle uk-grid-small uk-grid"> <div class="uk-text-right"> <a class="uk-link-reset uk-text-large phone-number" href="tel:88005501250">8 800 550-12-50</a> <div class="uk-text-small uk-text-muted"> Ежедневно 09:00 — 21:00 </div> </div> <div class="uk-padding-remove-left uk-margin-left"> <a class="uk-icon-button phone-number" uk-icon="icon: phone" href="tel:88005501250"></a> </div> </div> </div> </div> </div> </div> </div> </div> </header>  <div class="tm-navbar"> <div class="uk-box-shadow-small" uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky;" style="z-index: 1000";> <nav class="uk-navbar-container"> <div class="uk-container"> <div class="uk-navbar" uk-navbar>  <div class="uk-navbar-left search-overlay" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a class="uk-navbar-toggle uk-visible@m uk-hidden@l" uk-navbar-toggle-icon uk-toggle href="#offcanvas"></a> <ul class="uk-navbar-nav uk-visible@l" itemprop="about" itemscope itemtype="http://schema.org/ItemList"> <li class="uk-active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/"> <span uk-icon="icon: menu-windows"></span>Окна </a> <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Окна"> <ul class="uk-nav uk-navbar-dropdown-nav boundary-1"> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/plastikovye-okna/"> Пластиковые окна </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" > <a href="/plastikovye-okna-na-dachu/">Пластиковые окна на дачу</a> </li> <li class="" itemprop="itemListElement" > <a href="/plastikovye-okna-v-kvartiru/">Пластиковые окна в квартиру</a> </li> <li class="" itemprop="itemListElement" > <a href="/plastikovye-okna-v-kottedzh/">Пластиковые окна в дом</a> </li> <li class="" itemprop="itemListElement" > <a href="/gotovye-okna/">Готовые пластиковые окна</a> </li> <li class="" itemprop="itemListElement" > <a href="/kalkulyator-plastikovykh-okon/">Калькулятор пластиковых окон</a> </li> </ul> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/derevyannye-okna/"> Деревянные окна </a> </li> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/alyuminievye-okna/"> Алюминиевые окна </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/alyuminievye-okna/kholodnye/">Холодные алюминиевые окна</a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small" uk-dropdown="pos: right-top; boundary: !.boundary-2; boundary-align: true"> <li class="" itemprop="itemListElement"> <a href="/alyuminievye-okna/kholodnye/kaleva-aluvet-cold-slide/">Kaleva Aluvet Cold Slide</a> </li> <li class="" itemprop="itemListElement"> <a href="/alyuminievye-okna/kholodnye/kaleva-aluvet-cw/">Kaleva Aluvet Cold Window</a> </li> </ul> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/alyuminievye-okna/teplye/">Теплые алюминиевые окна</a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small" uk-dropdown="pos: right-top; boundary: !.boundary-2; boundary-align: true"> <li class="" itemprop="itemListElement"> <a href="/alyuminievye-okna/teplye/kaleva-aluvet-hw-75/">Kaleva Aluvet Home Window</a> </li> <li class="" itemprop="itemListElement"> <a href="/alyuminievye-okna/teplye/kaleva-aluvet-pw-65/">Kaleva Aluvet Public Window</a> </li> </ul> </li> </ul> </li> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/dizayn/"> Дизайн окна </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" > <a href="/dizayn/gallery/">Галерея работ</a> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#">Витражи</a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small" uk-dropdown="pos: right-top; boundary: !.boundary-2; boundary-align: true"> <li class="" itemprop="itemListElement"> <a href="/dizayn/plenochnyy-vitrazh/">Пленочный витраж</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/fatsetnyy-vitrazh/">Фацетный витраж</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/zalivnoy-vitrazh/">Заливной витраж</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/vitrazh-za-2000-rubley/">Витраж от 2 000 рублей</a> </li> </ul> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#">Техники декора</a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small" uk-dropdown="pos: right-top; boundary: !.boundary-2; boundary-align: true"> <li class="" itemprop="itemListElement"> <a href="/dizayn/peskostruy/">Пескоструй</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/fyuzing/">Фьюзинг</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/aktsentrium/">Акцентриум</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/almaznaya-gran/">Алмазная грань</a> </li> <li class="" itemprop="itemListElement"> <a href="/dizayn/i-image-izobrazheniya-na-oknakh/">Изображения на окнах</a> </li> </ul> </li> <li class="" itemprop="itemListElement" > <a href="/dizayn/okna-s-raskladkoy/">Окна с раскладкой</a> </li> <li class="" itemprop="itemListElement" > <a href="/dizayn/dekorativnoe-steklo/">Декоративное стекло</a> </li> <li class="" itemprop="itemListElement" > <a href="/dizayn/dekorativnye-plenki/">Декоративные пленки</a> </li> <li class="" itemprop="itemListElement" > <a href="/dizayn/laminatsiya-profilya/">Ламинация профиля</a> </li> <li class="" itemprop="itemListElement" > <a href="/dizayn/pokraska-profilya/">Покраска профиля</a> </li> <li class="" itemprop="itemListElement" > <a href="/dizayn/okno-svetilnik/">Окно-светильник</a> </li> </ul> </li> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#"> Инновации </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" > <a href="/zashchitnye-okna/">Защитные окна</a> </li> <li class="" itemprop="itemListElement" > <a href="/elektroobogrevaemye-okna/">Электрообогреваемые окна</a> </li> <li class="" itemprop="itemListElement" > <a href="/energosberegayushchie-okna/">Энергосберегающие окна</a> </li> <li class="" itemprop="itemListElement" > <a href="/okna-s-izmenyaemoy-prozrachnostyu/">Окна с изменяемой прозрачностью</a> </li> <li class="" itemprop="itemListElement" > <a href="/protivovzlomnye-okna-security/">Противовзломные окна SECURITY</a> </li> </ul> </li> <li class="uk-text-small uk-active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/okna-v-dom/"> Окна в дом </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" > <a href="/okna-v-dom/osteklenie-kottedjey/">Окна в коттедж</a> </li> <li class="" itemprop="itemListElement" > <a href="/okna-v-dom/osteklenie-dach/">Окна для дач</a> </li> <li class="" itemprop="itemListElement" > <a href="/okna-v-dom/osteklenie-verand/">Окна для веранды</a> </li> <li class="uk-active" itemprop="itemListElement" > <a href="/okna-v-dom/osteklenie-besedok/">Окна для беседки</a> </li> <li class="" itemprop="itemListElement" > <a href="/okna-v-dom/osteklenie-derevyznnih-domov/">Окна в деревянный дом</a> </li> </ul> </li> </ul> </div> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/balkony-lodzhii/"> <span uk-icon="icon: menu-balcony"></span>Балконы </a> <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Балконы"> <ul class="uk-nav uk-navbar-dropdown-nav boundary-1"> <li class="uk-text-small" itemprop="itemListElement" > <a href="/balkony-lodzhii/otdelka/"> Отделка балконов </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/balkony-lodzhii/kholodnoe-osteklenie/"> Холодное остекление </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/balkony-lodzhii/teploe-osteklenie/"> Теплое остекление </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/balkony-lodzhii/calc/"> Калькулятор остекления балконов </a> </li> </ul> </div> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/dveri/"> <span uk-icon="icon: menu-doors"></span>Двери </a> <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Двери"> <ul class="uk-nav uk-navbar-dropdown-nav boundary-1"> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/vkhodnye/v-kottedzh/"> Входные двери в коттедж </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/steklyannye/sauny-bani/"> Стеклянные двери для сауны и бани </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/mezhkomnatnye/"> Межкомнатные двери </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/s-dekorativnym-polotnom/"> Двери с декором </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/balkonnye/"> Балконные двери </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/vkhodnye/"> Входные двери </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/ofisnye/"> Офисные двери </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/razdvizhnye/"> Раздвижные порталы </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/dveri/kaleva-interio/"> Цельностеклянные двери </a> </li> </ul> </div> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#"> Еще... </a> <div class="uk-navbar-dropdown uk-box-shadow-small" itemprop="name" content="Еще..."> <ul class="uk-nav uk-navbar-dropdown-nav boundary-1"> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#"> Аксессуары </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" > <a href="/ventilyatsionnye-klapany/">Вентиляционные клапаны</a> </li> <li class="" itemprop="itemListElement" > <a href="/moskitnye-setki/">Москитные сетки</a> </li> <li class="" itemprop="itemListElement" > <a href="/ogranichiteli-otkryvaniya-fiksatory/">Ограничители открывания</a> </li> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/zhalyuzi-i-shtory/">Жалюзи и шторы</a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small" uk-dropdown="pos: right-top; boundary: !.boundary-2; boundary-align: true"> <li class="" itemprop="itemListElement"> <a href="/zhalyuzi-i-shtory/dlya-plastikovykh-okon/">Жалюзи и шторы для пластиковых окон</a> </li> <li class="" itemprop="itemListElement"> <a href="/zhalyuzi-i-shtory/klassicheskie/">Классические шторы и жалюзи</a> </li> <li class="" itemprop="itemListElement"> <a href="/zhalyuzi-i-shtory/plisse/">Шторы плиссе</a> </li> </ul> </li> <li class="" itemprop="itemListElement" > <a href="/besprovodnaya-zaryadka-kaleva-energy/">Беспроводная зарядка Kaleva Energy</a> </li> <li class="" itemprop="itemListElement" > <a href="/dvertsy-dlya-koshek-kotprokhod/">Дверцы для кошек КотPROход</a> </li> </ul> </li> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#"> Комплектующие для окон </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="/steklopakety/">Стеклопакеты</a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small" uk-dropdown="pos: right-top; boundary: !.boundary-2; boundary-align: true"> <li class="" itemprop="itemListElement"> <a href="/steklopakety/standartnye/">Стандартные</a> </li> <li class="" itemprop="itemListElement"> <a href="/steklopakety/guardian/">Стеклопакеты Larta Glass</a> </li> <li class="" itemprop="itemListElement"> <a href="/steklopakety/funktsionalnye/">Функциональные</a> </li> </ul> </li> <li class="" itemprop="itemListElement" > <a href="/podokonniki/">Подоконники</a> </li> <li class="" itemprop="itemListElement" > <a href="/ruchki/">Ручки</a> </li> <li class="" itemprop="itemListElement" > <a href="/sistemy-otkosov-qunell/">Системы откосов</a> </li> <li class="" itemprop="itemListElement" > <a href="/sistemy-otkryvaniya/">Системы открывания</a> </li> </ul> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/gluhie-okna/"> Глухие окна </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/okna-panoramnoe-osteklenie/"> Панорамные окна </a> </li> <li class="uk-text-small" itemprop="itemListElement" itemscope itemtype="http://schema.org/ItemList"> <a href="#"> Интерьерные решения </a>  <ul class="uk-nav uk-navbar-dropdown uk-navbar-dropdown-nav uk-text-small uk-box-shadow-small boundary-2" uk-dropdown="pos: right-top; boundary: !.boundary-1; boundary-align: true"> <li class="" itemprop="itemListElement" > <a href="/obogrevateli-iz-stekla/">Обогреватели из стекла</a> </li> <li class="" itemprop="itemListElement" > <a href="/peregorodki-iz-stekla/">Перегородки из стекла</a> </li> <li class="" itemprop="itemListElement" > <a href="/magnitno-markernaya-doska-mark-glass-new/">Магнитно-маркерная доска MARK GLASS</a> </li> <li class="" itemprop="itemListElement" > <a href="/polotentsesushiteli-iz-stekla/">Полотенцесушители из стекла</a> </li> <li class="" itemprop="itemListElement" > <a href="/ekran-dlya-batarei/">Экран для батареи</a> </li> </ul> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/osteklenie-verand-i-terras/"> Остекление веранд и террас </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/zashchitnye-ograzhdeniya/"> Защитные ограждения </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/garazhnye-vorota/"> Гаражные ворота </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/rolstavni/"> Рольставни </a> </li> <li class="uk-text-small" itemprop="itemListElement" > <a href="/zimniy-sad/"> Зимние сады </a> </li> </ul> </div> </li> </ul> </div>  <div class="uk-navbar-right search-overlay" itemscope itemtype="https://schema.org/SiteNavigationElement"> <ul class="uk-navbar-nav uk-visible@m" itemprop="about" itemscope itemtype="https://schema.org/ItemList"> <li itemprop="itemListElement"> <a class="uk-text-primary" href="/actions/">Акции и мероприятия</a> </li> <li> <a href="#" data-target="#js-modal-form" data-ajax="/api/?t=form&tpl=callback&id=1&is_ajax=Y&HEAD=Узнать стоимость&SUBJECT=Нужен расчёт&SUBMIT=Нужен расчёт"> <span uk-icon="icon: menu-calc"></span>Узнать стоимость </a> </li> <li> <a href="#" data-target="#js-modal-form" data-ajax="/api/?t=form&tpl=callback&id=1&is_ajax=Y&HEAD=Записаться на замер&SUBJECT=Заявка на замер&SUBMIT=Отправить заявку"> <span uk-icon="icon: menu-measure"></span>Бесплатный замер </a> </li> <li> <a class="uk-navbar-toggle" href="#" uk-search-icon uk-toggle="target: .search-overlay; animation: uk-animation-fade"></a> </li> </ul> </div> <div class="uk-navbar-left uk-flex-1 search-overlay" hidden> <div class="uk-navbar-item uk-width-expand"> <form class="uk-search uk-search-navbar uk-width-1-1" action="/search/" method="gets"> <input class="uk-search-input" type="search" name="q" placeholder="Что будете искать?" autofocus> <button class="uk-search-icon-flip" uk-search-icon type="submit"></button> </form> </div> <a class="uk-navbar-toggle" uk-close uk-toggle="target: .search-overlay; animation: uk-animation-fade" href="#"></a> </div> </div> </div> </nav> </div> </div> <div class="uk-section uk-section-default uk-padding-remove-bottom" style="padding-top:30px;"> <div class="uk-container"> <div class="uk-overflow-auto elem"> <table class="uk-table"> <tr> <td class="uk-padding-remove-horizontal uk-padding-remove-top uk-text-nowrap"> <ul class="uk-breadcrumb" role="navigation" itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" title="Окна в Можайске" href="/"> <span itemprop="name">Окна в Можайске</span> </a> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" title="Остекление домов и коттеджей " href="/okna-v-dom/"> <span itemprop="name">Остекление домов и коттеджей </span> </a> <meta itemprop="position" content="2"> </li> <li> <span>Окна для беседки</span> </li> </ul> </td> </tr> </table> </div> <div uk-toggle="cls: uk-margin-medium-bottom; mode: media; media: (min-width: 1200px)"> <h1>Окна для беседки в Можайске</h1>  </div> </div> </div>  <noindex> <section class="uk-section uk-section-default" uk-toggle="cls: uk-padding-remove-bottom; mode: media; media: (max-width:960px)"> <div class=" uk-container"> <h2>Виды остекления для беседок</h2> <div uk-toggle="cls: uk-border-rounded uk-box-shadow-medium uk-overflow-hidden; mode: media; media: @m"> <ul class="uk-background-muted uk-margin-remove uk-h3 uk-child-width-expand uk-visible@m" uk-tab="animation: uk-animation-fade"> <li class="uk-padding-remove uk-flex"><a href="#" class="uk-flex-1">ПВХ</a></li> <li class="uk-padding-remove uk-flex"><a href="#" class="uk-flex-1">Дерево</a></li> <li class="uk-padding-remove uk-flex"><a href="#" class="uk-flex-1">Алюминий</a></li> </ul> <div class="uk-switcher" uk-toggle="cls: uk-switcher uk-grid; mode: media; media: @m"> <div itemscope itemtype="https://schema.org/ImageObject"> <div class="uk-grid-collapse uk-grid-match" uk-grid>  <div class="uk-flex-last@m uk-width-1-2@l uk-width-2-5@m"> <h3 itemprop="name" class="uk-hidden@m">ПВХ</h3> <div class="uk-cover-container" uk-toggle="cls: uk-border-rounded; mode: media; media: (max-width:960px)"> <img itemprop="contentUrl" data-src="/upload/iblock/272/272f2204c06506186d49101a6a814eb6.png" alt="ПВХ" uk-cover uk-img> <canvas width="600" height="400"></canvas> </div> </div>  <div class="uk-width-1-2@l uk-width-3-5@m"> <div class="uk-tile uk-tile-small" uk-toggle="cls: uk-padding-remove-top uk-margin-top uk-padding-remove-horizontal; mode: media; media: (max-width:960px)"> <h3>Пластиковые окна для беседки</h3> <ul class="uk-list uk-list-bullet uk-margin-medium-bottom"> <li>Многокамерный профиль VEKA</li> <li>Доступная цена</li> <li>Высокая теплоизоляция</li> <li>Любая форма, в том числе нестандартная</li> <li>Декорирование рам и стёкол</li> </ul>  <form data-ajax-common class="uk-child-width-1-2@m uk-grid-small" id="form_8374" uk-grid name="SIMPLE_FORM_1" action="/okna-v-dom/osteklenie-besedok/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid" value="969d27969e90fefe1241efbf591e000e" /><input type="hidden" name="WEB_FORM_ID" value="1" /> <input type="hidden" name="web_form_submit" value="Y"> <input type="hidden" name="form_text_4" value="ПВХ"> <div> <div class="uk-inline uk-width-1-1"> <span class="uk-form-icon" uk-icon="icon: phone"></span> <input class="uk-input uk-form-large" type="tel" name="form_text_2" inputmode="tel" autocomplete="tel" pattern="(\+7|8)\s\(\d{3}\)\s\d{3}-\d{2}-\d{2}" placeholder="Телефон" required> </div> </div> <div> <button class="uk-button uk-button-primary uk-button-large uk-width-1-1" type="submit">Нужен расчёт</button> </div> </form> </div> </div> </div> </div> <div itemscope itemtype="https://schema.org/ImageObject"> <div class="uk-grid-collapse uk-grid-match" uk-grid>  <div class="uk-width-1-2@l uk-width-2-5@m"> <h3 itemprop="name" class="uk-hidden@m">Дерево</h3> <div class="uk-cover-container" uk-toggle="cls: uk-border-rounded; mode: media; media: (max-width:960px)"> <img itemprop="contentUrl" data-src="/upload/iblock/947/9472694acdcdbf24727349a71b769220.png" alt="Дерево" uk-cover uk-img> <canvas width="600" height="400"></canvas> </div> </div>  <div class="uk-width-1-2@l uk-width-3-5@m"> <div class="uk-tile uk-tile-small" uk-toggle="cls: uk-padding-remove-top uk-margin-top uk-padding-remove-horizontal; mode: media; media: (max-width:960px)"> <h3>Деревянное остекление беседок</h3> <ul class="uk-list uk-list-bullet uk-margin-medium-bottom"> <li>Рамы из сосны, дуба и лиственницы</li> <li>Благородный внешний вид</li> <li>Любая форма и размеры</li> <li>Естественная циркуляция воздуха</li> <li>Декорирование стёкол и рам</li> </ul>  <form data-ajax-common class="uk-child-width-1-2@m uk-grid-small" id="form_6832" uk-grid name="SIMPLE_FORM_1" action="/okna-v-dom/osteklenie-besedok/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid_1" value="969d27969e90fefe1241efbf591e000e" /><input type="hidden" name="WEB_FORM_ID" value="1" /> <input type="hidden" name="web_form_submit" value="Y"> <input type="hidden" name="form_text_4" value="Дерево"> <div> <div class="uk-inline uk-width-1-1"> <span class="uk-form-icon" uk-icon="icon: phone"></span> <input class="uk-input uk-form-large" type="tel" name="form_text_2" inputmode="tel" autocomplete="tel" pattern="(\+7|8)\s\(\d{3}\)\s\d{3}-\d{2}-\d{2}" placeholder="Телефон" required> </div> </div> <div> <button class="uk-button uk-button-primary uk-button-large uk-width-1-1" type="submit">Нужен расчёт</button> </div> </form> </div> </div> </div> </div> <div itemscope itemtype="https://schema.org/ImageObject"> <div class="uk-grid-collapse uk-grid-match" uk-grid>  <div class="uk-flex-last@m uk-width-1-2@l uk-width-2-5@m"> <h3 itemprop="name" class="uk-hidden@m">Алюминий</h3> <div class="uk-cover-container" uk-toggle="cls: uk-border-rounded; mode: media; media: (max-width:960px)"> <img itemprop="contentUrl" data-src="/upload/iblock/e60/e6036c7e7119b67177f3418c52f36733.png" alt="Алюминий" uk-cover uk-img> <canvas width="600" height="400"></canvas> </div> </div>  <div class="uk-width-1-2@l uk-width-3-5@m"> <div class="uk-tile uk-tile-small" uk-toggle="cls: uk-padding-remove-top uk-margin-top uk-padding-remove-horizontal; mode: media; media: (max-width:960px)"> <h3>Алюминиевое остекление</h3> <ul class="uk-list uk-list-bullet uk-margin-medium-bottom"> <li>Тёплые и холодные системы</li> <li>Лёгкие и жесткие конструкции</li> <li>Высокая прочность, долговечность</li> <li>Стойкость к коррозии, ветровой, снеговой и механической нагрузке</li> <li>Распашное и раздвижное остекление</li> </ul>  <form data-ajax-common class="uk-child-width-1-2@m uk-grid-small" id="form_2395" uk-grid name="SIMPLE_FORM_1" action="/okna-v-dom/osteklenie-besedok/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid_2" value="969d27969e90fefe1241efbf591e000e" /><input type="hidden" name="WEB_FORM_ID" value="1" /> <input type="hidden" name="web_form_submit" value="Y"> <input type="hidden" name="form_text_4" value="Алюминий"> <div> <div class="uk-inline uk-width-1-1"> <span class="uk-form-icon" uk-icon="icon: phone"></span> <input class="uk-input uk-form-large" type="tel" name="form_text_2" inputmode="tel" autocomplete="tel" pattern="(\+7|8)\s\(\d{3}\)\s\d{3}-\d{2}-\d{2}" placeholder="Телефон" required> </div> </div> <div> <button class="uk-button uk-button-primary uk-button-large uk-width-1-1" type="submit">Нужен расчёт</button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </section> </noindex> <section id="calc-link" class="uk-section uk-section-secondary uk-padding-remove-bottom"> <div class="uk-container"> <h2>Калькулятор стоимости окон</h2> <p class="uk-text-large uk-margin-small">Компания ЭКООКНА предлагает специальные тарифы, которые помогут выбрать подходящий вариант остекления.</p> <div class="uk-padding uk-padding-remove-horizontal uk-padding-remove-bottom uk-width-3-5@s uk-width-1-1@m uk-align-center" uk-filter="target: .js-filter-type">  <div id="calc-step-1" class="uk-margin-medium"> <p class="uk-h3">Куда вам нужно установить окно?</p> <ul class="calc1 calc-subnav uk-subnav uk-subnav-pill uk-child-width-expand@m uk-grid-small" uk-grid> <li class="uk-active" uk-filter-control="filter: [data-type='dacha']; group: type"> <a class="uk-padding-remove uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" href="#"> <div class="uk-flex uk-flex-middle uk-padding-small"> <img class="uk-margin-right" data-src="/local/templates/v2021/images/home/calc/dacha.svg" width="36" height="36" alt="" uk-img uk-svg> <span class="uk-text-large">На дачу</span> </div> </a> </li> <li uk-filter-control="filter: [data-type='kvartira']; group: type"> <a class="uk-padding-remove uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" href="#"> <div class="uk-flex uk-flex-middle uk-padding-small"> <img class="uk-margin-right" data-src="/local/templates/v2021/images/home/calc/kvartira.svg" width="36" height="36" alt="" uk-img uk-svg> <span class="uk-text-large">В квартиру</span> </div> </a> </li> <li uk-filter-control="filter: [data-type='kottedzh']; group: type"> <a class="uk-padding-remove uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" href="#"> <div class="uk-flex uk-flex-middle uk-padding-small"> <img class="uk-margin-right" data-src="/local/templates/v2021/images/home/calc/kottedzh.svg" width="36" height="36" alt="" uk-img uk-svg> <span class="uk-text-large">В коттедж</span> </div> </a> </li> </ul> </div>  <p class="uk-h3">Выберите степень утеплённости</p> <ul class="calc2 calc-subnav uk-subnav uk-subnav-pill uk-child-width-expand@m uk-grid-small" uk-grid> <li class="uk-active" uk-filter-control="filter: [data-warming='low']; group: warming"> <a class="uk-padding-remove uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" href="#"> <div class="uk-flex uk-flex-middle uk-padding-small"> <span class="uk-margin-small-right" uk-icon="icon: thermometer-low; ratio: 1.5"></span> <span class="uk-text-large">Небольшая</span> </div> </a> </li> <li uk-filter-control="filter: [data-warming='middle']; group: warming"> <a class="uk-padding-remove uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" href="#"> <div class="uk-flex uk-flex-middle uk-padding-small"> <span class="uk-margin-small-right" uk-icon="icon: thermometer; ratio: 1.5"></span> <span class="uk-text-large">Средняя</span> </div> </a> </li> <li uk-filter-control="filter: [data-warming='high']; group: warming"> <a class="uk-padding-remove uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" href="#"> <div class="uk-flex uk-flex-middle uk-padding-small"> <span class="uk-margin-small-right" uk-icon="icon: thermometer-high; ratio: 1.5"></span> <span class="uk-text-large">Высокая</span> </div> </a> </li> </ul>  <p class="uk-h3">Вам подходит:</p> <ul class="calc-visible js-filter-type uk-child-width-1-1 uk-grid-match" uk-grid data-title="Вам подходит"> <li data-type="dacha" data-warming="low" class="calc-item" data-title="Окно «Летняя дача»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="Окно «Летняя дача»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/letnyaya-dacha.svg" width="72" height="72" alt="Окно Летняя дача" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">Окно «Летняя дача»</p> <p class="uk-margin-remove">Просто и качественно</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль Kaleva Profi</li> <li>Стеклопакет 24 мм 4-16-4</li> <li>Фурнитура GU Euro-Jet</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">15 241 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>30 480 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">21 783 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>43 566 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">21 163 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>42 326 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="dacha" data-warming="middle" class="calc-item" data-title="Окно «Зимняя дача»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="Окно «Зимняя дача»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/zimnyaya-dacha.svg" width="72" height="72" alt="Окно «Зимняя дача»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">Окно «Зимняя дача»</p> <p class="uk-margin-remove">Тепло в запасе</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль Kaleva Standart</li> <li>Стеклопакет 40 мм 4-14-4-14-4</li> <li>Фурнитура GU Euro-Jet</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">16 678 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>33 356 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">24 194 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>48 388 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">23 293 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>46 586 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="dacha" data-warming="high" class="calc-item" data-title="тариф не выбран"> <div class="uk-text-danger"> <p>Нет вариантов с выбранными параметрами.</p> </div> </li> <li data-type="kvartira" data-warming="low" class="calc-item" data-title="«Просто Окно»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="«Просто Окно»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/prosto-okno.svg" width="72" height="72" alt="«Просто окно»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">«Просто Окно»</p> <p class="uk-margin-remove">Доступное качество</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль VEKA EUROLINE</li> <li>Стеклопакет 32 мм 4-10-4-10-4</li> <li>Фурнитура GU Euro-Jet</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">24 629 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>37 891 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">36 520 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>56 184 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">33 383 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>51 359 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="kvartira" data-warming="high" class="calc-item" data-title="«Экобаланс в доме»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="«Экобаланс в доме»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/okno-po-yevropeyski.svg" width="72" height="72" alt="«Экобаланс в доме»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">«Экобаланс в доме»</p> <p class="uk-margin-remove">Тепло и микроклимат</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль VEKA SOFTLINE</li> <li>Стеклопакет 40 мм 4-14-4-14-4МФ</li> <li>Фурнитура GU Uni-Jet</li> <li>Многоступенчатое проветривание SPL</li> <li>Москитная сетка «Антипыль»</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">35 867 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>55 181 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">44 736 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>66 825 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">38 325 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>58 961 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="kvartira" data-warming="middle" class="calc-item" data-title="Окно «Комфорт плюс»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="Окно «Комфорт плюс»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/okno-teploff.svg" width="72" height="72" alt="Окно «Комфорт плюс»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">Окно «Комфорт плюс»</p> <p class="uk-margin-remove">Увеличенная термоизоляция</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль VEKA SOFTLINE</li> <li>Стеклопакет 40 мм 4i-12-4-14-6</li> <li>Фурнитура GU Euro-Jet</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">28 179 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>43 352 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">42 482 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>65 356 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">38 364 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>59 021 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="kottedzh" data-warming="low" class="calc-item" data-title="Окно «Мой дом»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="Окно «Мой дом»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/okno-moy-dom.svg" width="72" height="72" alt="Окно «Мой дом»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">Окно «Мой дом»</p> <p class="uk-margin-remove">Оптимально эффективно</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль VEKA SOFTLINE</li> <li>Стеклопакет 40 мм 4i-14-4-14-4</li> <li>Фурнитура GU Uni-Jet</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">27 879 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>42 891 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">41 276 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>63 500 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">37 151 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>57 155 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="kottedzh" data-warming="middle" class="calc-item" data-title="«Умный дом»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="«Умный дом»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/okno-e2.svg" width="72" height="72" alt="«Умный дом»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">«Умный дом»</p> <p class="uk-margin-remove">Элегантная теплозащита</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль VEKA SOFTLINE 82</li> <li>Стеклопакет 52 мм 4i-20-4-20-4МФ</li> <li>Фурнитура GU Uni-Jet</li> <li>Многоступенчатое проветривание SPL</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">40 537 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>62 365 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">59 369 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>91 338 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">54 324 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>83 575 руб.</s></span></div> </div> </div> </div> </div> </li> <li data-type="kottedzh" data-warming="high" class="calc-item" data-title="«Стильный дом ультра»"> <div class="uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded uk-box-shadow-small uk-box-shadow-hover-medium" data-title="«Стильный дом ультра»"> <div class="uk-child-width-1-3@m uk-grid-match" uk-grid> <div class="uk-flex-middle"> <div class="uk-flex"> <div class="uk-margin-right"> <img class="uk-text-primary" data-src="/local/templates/v2021/images/home/calc/okno-e3.svg" width="72" height="72" alt="«Стильный дом ультра»" uk-img uk-svg> </div> <div> <p class="uk-text-large uk-margin-small">«Стильный дом ультра»</p> <p class="uk-margin-remove">Элегантная теплозащита</p> </div> </div> </div> <div class="uk-flex-middle"> <ul class="uk-list uk-list-bullet"> <li>Профиль VEKA SOFTLINE 82 с ламинацией RENOLIT EXOFOL PX</li> <li>Двухкамерный стеклопакет 44 мм 4i-20-4-20-4МФ</li> <li>Скрытая фурнитура GU Uni-Jet S-Concealed</li> <li>Москитная сетка</li> </ul> </div> <div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 1300 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/dvukhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Двухстворчатое от <br><span class="uk-text-large uk-text-primary">49 721 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>76 494 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: 2400 х 1450 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/trekhstvorchatoye-okno.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Трехстворчатое от <br><span class="uk-text-large uk-text-primary">69 593 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>107 067 руб.</s></span></div> </div> <div class="uk-flex uk-margin-small"> <div class="uk-margin-small-right uk-text-muted" uk-tooltip="title: окно: 1000 х 1450 мм, <br>дверь: 700 х 2100 мм; pos: top-left"> <img class="uk-text-muted" data-src="/local/templates/v2021/images/home/calc/balkonnyy-blok.svg" width="36" height="36" alt="" uk-img uk-svg> </div> <div>Балконный блок от <br><span class="uk-text-large uk-text-primary">67 183 руб.</span> <span class="uk-text-muted uk-text-nowrap"><s>103 358 руб.</s></span></div> </div> </div> </div> </div> </li> </ul> </div>  <script type="module"> UIkit.util.on(document, 'DOMContentLoaded', () => { 'use strict'; UIkit.icon.add({ 'dacha': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M7.74 23.533v5.625c0 .388.315.703.703.703h5.626a.703.703 0 00.703-.703v-5.625a.703.703 0 00-.704-.704H8.444a.703.703 0 00-.703.704zm4.22.703h1.405v1.406H11.96v-1.406zm0 2.812h1.405v1.407H11.96v-1.407zm-2.813-2.812h1.406v1.406H9.147v-1.406zm0 2.812h1.406v1.407H9.147v-1.407z"/><path d="M35.297 15.754h-9.85V9.471l.433.25a.703.703 0 10.703-1.218L16.031 2.41a.703.703 0 00-.704 0L4.775 8.503a.703.703 0 10.703 1.218l.433-.25v9.26l-5.56 3.21a.703.703 0 00.704 1.218l.433-.25V32.98c0 .388.315.703.703.703h31.618a.703.703 0 00.704-.703v-9.728h.784A.703.703 0 0036 22.55v-6.093a.703.703 0 00-.703-.703zm-7.734 1.406h2.812v4.687h-2.812V17.16zm-1.406 0v4.687h-2.813V17.16h2.813zm-18.84-3.208H9.5a.703.703 0 000-1.406H7.317V8.66L15.68 3.83l8.362 4.828v7.095H11.256a.7.7 0 00-.084.006l-.021.003a.746.746 0 00-.16.043l-.004.001a.695.695 0 00-.077.039l-.006.002-3.587 2.071v-3.967zM17.72 17.16v2.217l-3.84-2.217h3.84zm1.899 15.118H2.894V22.097l8.362-4.828 8.362 4.828v10.18zm-.493-12.09V17.16h2.813v4.653l-2.813-1.624zm13.981 12.09H21.024v-1.384h12.082v1.384zm0-2.79H21.024v-6.58l.433.25.005.003c.025.015.051.028.078.039l.01.003a.693.693 0 00.15.04l.027.005a.682.682 0 00.07.005h11.309v1.334h-2.885a.703.703 0 000 1.407h2.885v3.494zm1.488-7.641H31.78V17.16h2.813v4.687z"/><path d="M14.097 13.952h3.164a.703.703 0 00.703-.703V9.184a.703.703 0 00-.703-.703h-3.164a.703.703 0 00-.703.703v4.065c0 .389.315.703.703.703zm.703-4.064h1.758v2.658H14.8V9.888zM28.201 24.587h-.017a.703.703 0 000 1.407h.017a.703.703 0 000-1.407zM11.52 13.952h.016a.703.703 0 000-1.406h-.016a.703.703 0 000 1.406z"/></svg>', 'kvartira': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M5.577 20.166h2.807c.379 0 .687-.307.687-.686V16.8a.687.687 0 00-.687-.685H5.577a.686.686 0 00-.686.686v2.68c0 .378.307.685.686.685zm.687-2.68h1.433v1.308H6.264v-1.307zM5.577 25.577h2.807c.379 0 .687-.307.687-.686v-2.68a.686.686 0 00-.687-.685H5.577a.686.686 0 00-.686.686v2.679c0 .379.307.686.686.686zm.687-2.68h1.433v1.308H6.264v-1.307zM15.725 13.795h2.95a.687.687 0 00.687-.686V10.29a.686.686 0 00-.687-.686h-2.95a.686.686 0 00-.687.686v2.818c0 .378.308.686.687.686zm.687-2.818h1.576v1.445h-1.576v-1.445zM21.831 13.795h2.952c.38 0 .687-.308.687-.686V10.29a.686.686 0 00-.687-.686h-2.952a.686.686 0 00-.686.686v2.818c0 .378.307.686.686.686zm.687-2.818h1.578v1.445h-1.578v-1.445zM18.749 15.555h-2.95a.687.687 0 00-.687.686v2.817c0 .379.308.686.687.686h2.95c.379 0 .687-.307.687-.686v-2.817a.686.686 0 00-.687-.686zm-.687 2.817h-1.577v-1.445h1.577v1.445zM24.855 15.555h-2.95a.687.687 0 00-.687.686v2.817c0 .379.308.686.687.686h2.95c.38 0 .687-.307.687-.686v-2.817a.686.686 0 00-.687-.686zm-.687 2.817h-1.576v-1.445h1.576v1.445z"/><path d="M35.574 21.816c-.47-1.614-1.317-3.312-2.264-4.543-.6-.781-1.341-1.58-2.283-1.58-.798 0-1.442.555-2.012 1.234V6.25h.204c1.102 0 2-.898 2-2 0-1.104-.898-2.001-2-2.001H11.176c-1.102 0-2 .897-2 2s.898 2 2 2h.204v3.071H2.058A2.06 2.06 0 000 11.378a2.06 2.06 0 001.513 1.983v18.983h-.307a.686.686 0 100 1.372h30.59a.687.687 0 00.037-1.37V29.04c2.214-.188 3.226-1.286 3.686-2.221.786-1.593.464-3.6.055-5.003zM2.058 10.694h9.322v1.369H2.058a.685.685 0 010-1.37zm9.322 21.65H2.886v-18.91h8.494v18.91zm7.915 0h-2.419v-7.19h2.419v7.19zm3.792 0H20.67v-7.19h2.418v7.19zm4.555 0H24.46v-7.877a.687.687 0 00-.687-.686H16.19a.687.687 0 00-.687.686v7.877h-2.75V6.25h4.708a.687.687 0 100-1.372h-6.285a.628.628 0 010-1.257H29.22a.628.628 0 010 1.257l-6.287-.002a.686.686 0 100 1.372l4.71.001v12.748c-.825 1.567-1.354 3.306-1.455 4.796-.126 1.841.376 3.282 1.455 4.192v4.358zm2.817 0h-1.444V28.63c.343.203.802.35 1.444.41v3.304zm3.829-6.131c-.413.836-1.238 1.32-2.455 1.448v-2.875l1.016-.965a.686.686 0 10-.947-.994l-.07.065V20.7a.686.686 0 00-1.372 0v1.243l-.067-.064a.687.687 0 00-.948.994l1.015.966v.896l-.555-.394a.687.687 0 00-.796 1.117l1.35.962v1.242c-1.26-.132-2.119-.643-2.555-1.528-.844-1.712-.127-4.431.937-6.465l.016-.032c.297-.563.619-1.072.942-1.491.686-.893 1.047-1.08 1.228-1.08.179 0 .531.181 1.195 1.044 1.548 2.013 3.128 5.95 2.066 8.104z"/><path d="M20.211 4.879h-.013a.686.686 0 100 1.372h.013a.686.686 0 100-1.372z"/></svg>', 'kottedzh': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M35.282 33.428h-.83V15.254l.436.204a.717.717 0 001.022-.651v-2.885a.718.718 0 00-.414-.65l-2.474-1.155V5.452a.718.718 0 00-.718-.718h-4.272a.718.718 0 00-.718.718v2.001L13.92 1.203a.718.718 0 00-.656.024L.366 8.472A.718.718 0 000 9.098v2.885a.719.719 0 001.07.626l.389-.218v21.037h-.71a.718.718 0 000 1.437h34.533a.718.718 0 000-1.437zM28.75 8.098V6.17h2.835v3.277l-2.837-1.324.002-.025zM1.436 9.518l12.21-6.858 20.828 9.72v1.3L13.92 4.087a.717.717 0 00-.656.024L1.436 10.756V9.518zm1.46 23.91v-21.82l-.002-.024 10.752-6.039 19.369 9.039v18.844H2.895z"/><path d="M16.519 21.224H5.057a.718.718 0 00-.718.718v9.343c0 .396.322.718.718.718H16.52a.718.718 0 00.718-.718v-9.343a.718.718 0 00-.718-.718zM5.776 22.661h4.294v7.905H5.776v-7.905zM15.8 30.566h-4.294v-7.905H15.8v7.905zM30.883 21.224H19.392a.718.718 0 00-.719.718v9.343c0 .396.322.718.719.718h11.49a.718.718 0 00.719-.718v-9.343a.718.718 0 00-.718-.718zM20.11 22.661h4.309v7.905h-4.31v-7.905zm10.055 7.905h-4.31v-7.905h4.31v7.905zM31.186 15.473l-11.439-5.338a.712.712 0 00-.331-.067.72.72 0 00-.743.718v8.304c0 .397.322.718.719.718h11.49a.718.718 0 00.719-.718v-2.966a.718.718 0 00-.415-.65zM20.11 11.89l4.309 2.011v4.472h-4.31v-6.483zm10.055 6.483h-4.31v-3.801l4.31 2.01v1.791zM17.234 9.36a.824.824 0 00-.036-.172.823.823 0 00-.074-.152.715.715 0 00-.287-.258l-.014-.008-2.484-1.159a.718.718 0 00-.732.074c-.013.006-.026.012-.038.02l-8.863 4.977a.718.718 0 00-.367.642v5.766c0 .397.322.718.718.718H16.52a.718.718 0 00.718-.718V9.421v-.017a.7.7 0 00-.003-.043zM5.776 13.73l4.294-2.412v7.055H5.776v-4.643zm5.73 4.643V10.51l2.563-1.44 1.732.808v8.494h-4.295z"/></svg>', 'dom': '<svg width="72" height="72" viewBox="0 0 72 72"><path d="M67 65H32a1 1 0 01-1-1V27a1 1 0 012 0v36h33V27a1 1 0 012 0v37a1 1 0 01-1 1z"/><path d="M71 31a1 1 0 01-.61-.21L49 14.26 27.61 30.79A1 1 0 0126 30v-6a1 1 0 01.39-.79l22-17a1 1 0 011.22 0l22 17A1 1 0 0172 24v6a1 1 0 01-1 1zM49 12a1 1 0 01.61.21L70 28v-3.51L49 8.26 28 24.49V28l20.39-15.79A1 1 0 0149 12zM1 51a.94.94 0 01-.43-.1A1 1 0 010 50v-6a1 1 0 01.37-.78l16-13a1 1 0 011.22 0l15 11A1 1 0 0133 42v6a1 1 0 01-.55.89 1.001 1.001 0 01-1-.08L17 38.26 1.63 50.78A1 1 0 011 51zm1-6.52v3.42l14.37-11.68a1 1 0 011.22 0L31 46v-3.49L17 32.26 2 44.48z"/><path d="M60 39h-8a1 1 0 01-1-1V28a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1zm-7-2h6v-8h-6v8zM60.12 57.12h-8a1 1 0 01-1-1v-10a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1zm-7-2h6v-8h-6v8zM46 39h-8a1 1 0 01-1-1V28a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1zm-7-2h6v-8h-6v8zM46.12 65h-8a1 1 0 01-1-1V46.12a1 1 0 011-1h8a1 1 0 011 1V64a1 1 0 01-1 1zm-7-2h6V47.12h-6V63zM34 19.59a1 1 0 01-.85-.47 1 1 0 01-.15-.53V10a1 1 0 011-1h5a1 1 0 011 1v4.73a1 1 0 01-.39.79l-5 3.86a1 1 0 01-.61.21zM35 11v5.55l3-2.31V11h-3zM32 65H3a1 1 0 01-1-1V49a1 1 0 112 0v14h27V48a1 1 0 012 0v16a1 1 0 01-1 1z"/><path d="M27 65H9a1 1 0 01-1-1V49a1 1 0 011-1h18a1 1 0 011 1v15a1 1 0 01-1 1zm-17-2h16V50H10v13z"/></svg>', 'dvukhstvorchatoye-okno': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M19 10h10v16H19zM7 10h10v16H7z"/></svg>', 'trekhstvorchatoye-okno': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M25 10h10v16H25zM13 10h10v16H13zM1 10h10v16H1z"/></svg>', 'balkonnyy-blok': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M19 5h10v16H19zM7 5h10v16H7zM19 23h10v9H19z"/></svg>', }); }); </script> </div> </section> <section id="window-customizer" class="uk-section uk-section-secondary"> <div class="uk-container"> <h3>Выберите конструкцию</h3> <form id="form-window-customizer" class="uk-form-stacked" action="" data-ajax-common method="post" enctype="multipart/form-data">  <ul id="js-construction-items" class="uk-subnav uk-subnav-pill uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-small uk-margin-bottom" uk-grid uk-switcher></ul> <div uk-grid>  <div class="uk-width-1-1 uk-margin-bottom"> <p class="uk-h4">Укажите конфигурацию</p> <div id="js-config" class="uk-margin"> <ul id="js-configuration-items" class="uk-subnav uk-subnav-pill uk-child-width-auto uk-child-width-auto uk-grid-small" uk-grid uk-switcher></ul> </div> </div> <div class="uk-width-1-2@s"> <div>   <div id="js-wall-background" class="uk-border-rounded uk-box-shadow-small uk-overflow-hidden" style="background-color: #E6F4C9;"> <div class="uk-inline"> <img id="js-bg-img" class="uk-position-center" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/bg.png" width="614" height="614" alt="" uk-img> <img id="js-prof-img" class="uk-position-center" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/prof-1.png" width="614" height="614" alt="" uk-img> <img id="js-otk-img" class="uk-position-center" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/otk-1.png" width="614" height="614" alt="" uk-img> <img id="js-pod-img" class="uk-position-center" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/pod-1.png" width="614" height="614" alt="" uk-img> <img id="js-pet-img" class="uk-position-center" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/pet-1.png" width="614" height="614" alt="" uk-img> <img id="js-pet-hidden-img" class="uk-position-center" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/pet-1.png" width="614" height="614" alt="" uk-img> <img id="js-gl-img" class="uk-position-center uk-hidden" data-src="/local/templates/v2021/images/calc-customizer/odnostvorchatoye/1s-0/glanec.png" width="614" height="614" alt="" uk-img> <canvas width="614" height="614"></canvas> </div> </div>  <div class="uk-margin-top uk-flex-middle uk-grid-small" uk-grid> <div> <div class="uk-panel uk-margin uk-padding-small uk-background-default uk-box-shadow-small uk-border-rounded uk-display-inline-block" style="padding: 10px;"> <style> .pcr-button { display: block } </style> <div id="js-wall-color-picker"></div> </div> </div> <div> <div class="uk-panel"> <div class="uk-h4 uk-margin-remove-bottom">Измените цвет стены</div> <div class="uk-text-muted">Цвет: <span id="js-wall-color-text">#E6F4C9</span></div> </div> </div> </div> </div> </div> <div class="uk-width-1-2@s"> <div> <div class="uk-position-relative uk-panel">   <div class="uk-hr"></div>  <div id="js-prof" class="uk-margin"> <a class="uk-display-block uk-link-toggle" href="#"> <div class="uk-flex-middle uk-grid-medium" uk-grid> <div class="uk-width-auto"> <img id="js-prof-thumb" class="uk-border-rounded uk-box-shadow-small" data-src="images/calc-filter/prof-1-thumb.jpg" width="72" height="72" alt="" uk-img> </div> <div class="uk-width-expand"> <div> <div class="uk-h4 uk-margin-remove-bottom">Выберите цвет профиля</div> <div class="uk-text-muted">Цвет: <span id="js-prof-color"></span></div> </div> </div> <div class="uk-width-auto"> <span uk-icon="chevron-down"></span> </div> </div> </a> <div class="uk-width-1-1" uk-drop="mode: click; offset: 15; animation: uk-animation-slide-top-small"> <div class="uk-card uk-card-body uk-card-secondary uk-card-small uk-box-shadow-large"> <ul id="js-prof-items" class="uk-drop-grid uk-child-width-1-6 uk-grid-small" uk-grid></ul> </div> </div> <div class="uk-hr"></div> </div>  <div id="js-otk" class="uk-margin"> <a class="uk-display-block uk-link-toggle" href="#"> <div class="uk-flex-middle uk-grid-medium" uk-grid> <div class="uk-width-auto"> <img id="js-otk-thumb" class="uk-border-rounded uk-box-shadow-small" data-src="images/calc-filter/otk-1-thumb.jpg" width="72" height="72" alt="" uk-img> </div> <div class="uk-width-expand"> <div> <div class="uk-h4 uk-margin-remove-bottom">Выберите цвет откосов</div> <div class="uk-text-muted">Цвет: <span id="js-otk-color"></span></div> </div> </div> <div class="uk-width-auto"> <span uk-icon="icon: chevron-down"></span> </div> </div> </a> <div class="uk-width-1-1" uk-drop="mode: click; offset: 15; animation: uk-animation-slide-top-small"> <div class="uk-card uk-card-body uk-card-secondary uk-card-small uk-box-shadow-large"> <ul id="js-otk-items" class="uk-drop-grid uk-child-width-1-6 uk-grid-small" uk-grid uk-switcher></ul> </div> </div> <div class="uk-hr"></div> </div>  <div id="js-pod" class="uk-margin"> <a class="uk-display-block uk-link-toggle" href="#"> <div class="uk-flex-middle uk-grid-medium" uk-grid> <div class="uk-width-auto"> <img id="js-pod-thumb" class="uk-border-rounded uk-box-shadow-small" data-src="images/calc-filter/pod-1-thumb.jpg" width="72" height="72" alt="" uk-img> </div> <div class="uk-width-expand"> <div> <div class="uk-h4 uk-margin-remove-bottom">Выберите цвет подоконника</div> <div class="uk-text-muted">Цвет: <span id="js-pod-color"></span></div> </div> </div> <div class="uk-width-auto"> <span uk-icon="icon: chevron-down"></span> </div> </div> </a> <div class="uk-width-1-1" uk-drop="mode: click; offset: 15; animation: uk-animation-slide-top-small"> <div class="uk-card uk-card-body uk-card-secondary uk-card-small uk-box-shadow-large"> <ul id="js-pod-items" class="uk-drop-grid uk-child-width-1-6 uk-grid-small" uk-grid uk-switcher></ul> </div> </div>  <div id="js-glanec" class="uk-margin"> <div class="uk-flex-middle uk-grid-small uk-grid"> <div class="uk-width-auto"> <label class="uk-switch" for="js-form-calc-gl"> <input id="js-form-calc-gl" type="checkbox" name="form_calc_gl"> <div class="uk-switch-slider"></div> </label> </div> <div class="uk-width-expand"> <span>Глянцевый подоконник</span> </div> </div> </div> <div class="uk-hr"></div> </div>  <div id="js-pet" class="uk-margin"> <a class="uk-display-block uk-link-toggle" href="#"> <div class="uk-flex-middle uk-grid-medium" uk-grid> <div class="uk-width-auto"> <img id="js-pet-thumb" class="uk-border-rounded uk-box-shadow-small" data-src="images/calc-filter/pet-1-thumb.jpg" width="72" height="72" alt="" uk-img> </div> <div class="uk-width-expand"> <div> <div class="uk-h4 uk-margin-remove-bottom">Выберите петли и ручки</div> <div class="uk-text-muted">Цвет: <span id="js-pet-color"></span></div> </div> </div> <div class="uk-width-auto"> <span uk-icon="icon: chevron-down"></span> </div> </div> </a> <div class="uk-width-1-1" uk-drop="mode: click; offset: 15; animation: uk-animation-slide-top-small"> <div class="uk-card uk-card-body uk-card-secondary uk-card-small uk-box-shadow-large"> <ul id="js-pet-items" class="uk-drop-grid uk-child-width-1-6 uk-grid-small" uk-grid uk-switcher></ul> </div> </div>  <div id="js-hidden-pet" class="uk-margin"> <div class="uk-flex-middle uk-grid-small uk-grid"> <div class="uk-width-auto"> <label class="uk-switch" for="js-form-hidden-pet"> <input id="js-form-hidden-pet" type="checkbox" name="form_calc_hidden_pet"> <div class="uk-switch-slider"></div> </label> </div> <div class="uk-width-expand"> <span>Скрытые петли</span> </div> </div> </div> <div class="uk-hr"></div> </div> </div>   </div> </div> <div class="uk-width-1-2@s uk-grid-margin uk-first-column"> <a class="uk-button uk-button-primary uk-width-1-1 uk-button-large" uk-toggle="#popup_form" aria-expanded="false">Расcчитать</a> </div> <div id="popup_form" class="uk-flex-top uk-margin-remove-top" uk-modal="container: false"> <div class="uk-modal-dialog uk-modal-body uk-width-xlarge uk-padding uk-border-rounded"> <button class="uk-modal-close-default" type="button" uk-close></button> <p class="uk-h4">Укажите размеры</p> <div class="uk-grid-small" uk-grid> <div class="uk-width-1-2@s"> <div class="uk-panel"> <label class="uk-form-label uk-hidden" for="js-form-calc-width">Ширина</label> <div class="uk-form-controls uk-inline uk-width-1-1"> <span class="uk-form-icon" uk-icon="icon: width"></span> <input id="js-form-calc-width" class="uk-input uk-form-large" type="number" name="form_calc_width" min="0" inputmode="numeric" autocomplete="on" placeholder="Ширина, мм." oninput="this.value=this.value.replace(/[^0-9.]/g,'').replace(/(\..*?)\..*/g,'$1');" required> </div> </div> </div> <div class="uk-width-1-2@s"> <div class="uk-panel"> <label class="uk-form-label uk-hidden" for="js-form-calc-height">Высота</label> <div class="uk-form-controls uk-inline uk-width-1-1"> <span class="uk-form-icon" uk-icon="icon: height"></span> <input id="js-form-calc-height" class="uk-input uk-form-large" type="number" name="form_calc_height" min="0" inputmode="numeric" autocomplete="on" placeholder="Высота, мм." oninput="this.value=this.value.replace(/[^0-9.]/g,'').replace(/(\..*?)\..*/g,'$1');" required> </div> </div> </div> </div> <form1 name="SIMPLE_FORM_1" action="/okna-v-dom/osteklenie-besedok/" method="POST" enctype="multipart/form-data"></form1><input type="hidden" name="sessid" id="sessid_3" value="969d27969e90fefe1241efbf591e000e" /><input type="hidden" name="WEB_FORM_ID" value="1" /> <input type="hidden" name="web_form_submit" value="Y"> <input type="hidden" name="form_textarea_5"> <input type="hidden" name="form_text_4" value="Калькулятор пластик"> <div class="uk-margin"> <p class="uk-h4">Введите контактные данные</p> <div class="uk-child-width-1-2@l uk-grid-small" uk-grid> <div> <div class="uk-width-1-1 uk-inline"> <span class="uk-form-icon" uk-icon="icon: user"></span> <input class="uk-input uk-border-rounded uk-form-large" type="text" name="form_text_1" pattern="^[A-Za-zА-Яа-яЁё\s]+$" placeholder="Имя" autocomplete="name" required> </div> </div> <div> <div class="uk-width-1-1 uk-inline"> <span class="uk-form-icon" uk-icon="icon: phone"></span> <input class="uk-input uk-border-rounded uk-form-large" type="tel" name="form_text_2" pattern="\+7\s\(\d{3}\)\s\d{3}-\d{2}-\d{2}" placeholder="Телефон" autocomplete="tel" required> </div> </div> <div class="uk-width-1-1"> <button class="uk-button uk-button-primary uk-width-1-1 uk-button-large" type="submit">Расcчитать</button> </div> </div> </div> <p class="uk-text-small uk-text-muted">Оставляя на сайте свои контактные данные, Вы даете согласие на обработку своих персональных данных в соответствии с <a href="/privacy-policy.pdf">политикой конфиденциальности</a>.</p> </div> </div> </div> </form> <link rel="stylesheet" href="/local/templates/v2021/css/monolith.min.css"> <style> #window-customizer .uk-subnav-pill>*>:first-child { padding: 15px 15px; font-size: 18px; } .uk-switch { position: relative; display: inline-block; height: 26px; width: 46px; } /* Hide default HTML checkbox */ .uk-switch input { display: none; } /* Slider */ .uk-switch-slider { background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; right: 0; border-radius: 500px; bottom: 0; cursor: pointer; transition-property: background-color; transition-duration: .2s; } /* Switch pointer */ .uk-switch-slider:before { content: ''; background-color: #fff; position: absolute; width: 24px; height: 24px; left: 1px; bottom: 1px; border-radius: 50%; transition-property: transform, box-shadow; transition-duration: .2s; } /* Slider active color */ input:checked+.uk-switch-slider { background-color: #00ac4d !important; } /* Pointer active animation */ input:checked+.uk-switch-slider:before { transform: translateX(20px); } /* Modifiers */ .uk-switch-slider.uk-switch-on-off { background-color: #f0506e; } input:checked+.uk-switch-slider.uk-switch-on-off { background-color: #32d296 !important; } /* Style Modifier */ .uk-switch-slider.uk-switch-big:before { transform: scale(1.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.22); } .uk-switch-slider.uk-switch-small:before { box-shadow: 0 0 6px rgba(0, 0, 0, 0.22); } input:checked+.uk-switch-slider.uk-switch-big:before { transform: translateX(26px) scale(1.2); } /* Inverse Modifier - affects only default */ .uk-light .uk-switch-slider:not(.uk-switch-on-off) { background-color: rgba(255, 255, 255, 0.22); } .pcr-app, .pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-palette .pcr-palette, .pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-palette .pcr-palette::before { border-radius: 8px; } </style> <script src="/local/templates/v2021/js/pickr.min.js"></script> <script> UIkit.util.on(document, 'DOMContentLoaded', () => { const { $, $$, addClass, append, ajax, attr, each, empty, css, html, on, prepend, removeClass } = UIkit.util; UIkit.icon.add({ 'width': '<svg width="24" height="24" viewBox="0 0 24 24"><path d="M9 11h6V8l4 4-4 4v-3H9v3l-4-4 4-4v3m-7 9V4h2v16H2m18 0V4h2v16h-2Z"/></svg>', 'height': '<svg width="24" height="24" viewBox="0 0 24 24"><path d="M13 9v6h3l-4 4-4-4h3V9H8l4-4 4 4h-3M4 2h16v2H4V2m0 18h16v2H4v-2Z"/></svg>', 'chevron-down': '<svg width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42Z"/></svg>', 'odnostvorchatoye': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M13 10h10v16H13z"/></svg>', 'dvukhstvorchatoye': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M19 10h10v16H19zM7 10h10v16H7z"/></svg>', 'trekhstvorchatoye': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M25 10h10v16H25zM13 10h10v16H13zM1 10h10v16H1z"/></svg>', 'balkon': '<svg width="36" height="36" viewBox="0 0 36 36"><path d="M19 5h10v16H19zM7 5h10v16H7zM19 23h10v9H19z"/></svg>', }); // Color Picker const colorPicker = () => { const picker = Pickr.create({ el: '#js-wall-color-picker', theme: 'monolith', padding: 20, default: '#E6F4C9', position: 'bottom-start', swatches: [], components: { hue: true, interaction: { save: true } }, i18n: { 'btn:save': 'Сохранить', 'btn:cancel': 'Закрыть', 'btn:clear': 'Очистить', 'aria:btn:save': 'Сохранить', 'aria:btn:cancel': 'Закрыть', 'aria:btn:clear': 'Очистить' } }); picker.on('change', () => { const color = picker.getColor().toHEXA().toString(); css($('#js-wall-background'), 'backgroundColor', color); html($('#js-wall-color-text'), color); }); }; colorPicker(); let constructName = 'Одностворчатое', configName = 'Глухое', profName = 'Белый', otkName = 'Белый', podName = 'Белый', glossValue = 'Нет', petName = 'Белый', petHiddenValue = 'Нет'; const calcPathImg = '/local/templates/v2021/images/calc-customizer'; // Data const winData = { construction: { odnostvorchatoye: { name: 'Одностворчатое окно', type: 'odnostvorchatoye', config: { w1: { type: '1s-0', name: 'Глухое', icon: 'configuration-w1' }, w2: { type: '1s-1', name: 'С поворотным открыванием', icon: 'configuration-w2' }, w3: { type: '1s-1', name: 'С поворотно-откидным открыванием', icon: 'configuration-w3' } } }, dvukhstvorchatoye: { name: 'Двухстворчатое окно', type: 'dvukhstvorchatoye', config: { w1: { type: '2s-00', name: 'Глухое', icon: 'configuration-w1' }, w2: { type: '2s-01', name: 'С глухой и поворотной створками', icon: 'configuration-w2' }, w3: { type: '2s-01', name: 'С глухой и поворотно-откидной створками', icon: 'configuration-w3' }, w4: { type: '2s-11', name: 'С двумя поворотными створками', icon: 'configuration-w4' }, w5: { type: '2s-11', name: 'С поворотной и поворотно-откидной створками', icon: 'configuration-w5' }, w6: { type: '2s-11', name: 'С двумия поворотно-откидными створками', icon: 'configuration-w6' } } }, trekhstvorchatoye: { name: 'Трёхстворчатое окно', type: 'trekhstvorchatoye', config: { w1: { type: '3s-000', name: 'Глухое', icon: 'configuration-w1' }, w2: { type: '3s-010', name: 'С одной поворотной створкой', icon: 'configuration-w2' }, w3: { type: '3s-010', name: 'С одной поворотно-откидной створкой', icon: 'configuration-w3' }, w4: { type: '3s-101', name: 'С двумя поворотными створками', icon: 'configuration-w4' }, w5: { type: '3s-101', name: 'С одной поворотной и одной поворотно-откидной створками', icon: 'configuration-w5' }, w6: { type: '3s-101', name: 'С двумя поворотно-откидными створками', icon: 'configuration-w6' }, w7: { type: '3s-111', name: 'С тремя поворотными створками', icon: 'configuration-w7' }, w8: { type: '3s-111', name: 'С одной поворотно-откидной и двумя поворотными створками', icon: 'configuration-w8' }, w9: { type: '3s-111', name: 'С двумя поворотно-откидными и одной поворотной створками', icon: 'configuration-w9' }, w10: { type: '3s-111', name: 'С тремя поворотно-откидными створками', icon: 'configuration-w10' } } }, balkon: { name: 'Балконная дверь', type: 'balkon', config: { w1: { type: 'b1-0', name: 'Одинарная поворотная с сендвичем', icon: 'configuration-w1' }, w2: { type: 'b1-0', name: 'Одинарная поворотно-откидная с сендвичем', icon: 'configuration-w2' }, w3: { type: 'b1-1', name: 'Одинарная поворотная полностью стеклянная', icon: 'configuration-w3' }, w4: { type: 'b1-1', name: 'Одинарная поворотно-откидная полностью стеклянная', icon: 'configuration-w4' }, w5: { type: 'b2-0', name: 'Двойная с сендвичем с поворотной и поворотно-откидной створками', icon: 'configuration-w5' }, w6: { type: 'b2-0', name: 'Двойная с сендвичем с двумя повортными створками', icon: 'configuration-w6' }, w7: { type: 'b2-0', name: 'Двойная с сендвичем с двумя повортно-откидными створками', icon: 'configuration-w7' }, w8: { type: 'b2-1', name: 'Двойная стеклянная с поворотной и поворотно-откидной створками', icon: 'configuration-w8' }, w9: { type: 'b2-1', name: 'Двойная стеклянная с двумя повортными створками', icon: 'configuration-w9' }, w10: { type: 'b2-1', name: 'Двойная стеклянная с двумя повортно-откидными створками', icon: 'configuration-w10' } } } }, prof: { 1: { color: 'Белый', thumb: 'prof-1' }, 2: { color: 'Выбеленный дуб', thumb: 'prof-2' }, 3: { color: 'Песочный дуб', thumb: 'prof-3' }, 4: { color: 'Золотой дуб', thumb: 'prof-4' }, 5: { color: 'Орех V', thumb: 'prof-5' }, 6: { color: 'Тёмный дуб FL-F1', thumb: 'prof-6' }, 7: { color: 'Морёный дуб ST-F', thumb: 'prof-7' }, 8: { color: 'Антрацитово-серый', thumb: 'prof-8' }, 9: { color: 'Махагон', thumb: 'prof-9' }, 10: { color: 'Чёрная вишня', thumb: 'prof-10' }, 11: { color: 'Шоколадно-коричневый', thumb: 'prof-11' } }, otk: { 1: { color: 'Белый', thumb: 'otk-1' }, 2: { color: 'Светлый мрамор', thumb: 'otk-2' }, 3: { color: 'Каррера Мрамор', thumb: 'otk-3' }, 4: { color: 'Глория', thumb: 'otk-4' }, 5: { color: 'Дуб белый', thumb: 'otk-5' }, 6: { color: 'Бристол', thumb: 'otk-6' }, 7: { color: 'Мраморная лиственница', thumb: 'otk-7' }, 8: { color: 'Светлый дуб', thumb: 'otk-8' }, 9: { color: 'Дуб натуральный', thumb: 'otk-9' }, 10: { color: 'Золотой дуб', thumb: 'otk-10' }, 11: { color: 'Орех матовый', thumb: 'otk-11' }, 12: { color: 'Махагон', thumb: 'otk-12' }, 13: { color: 'Венге', thumb: 'otk-13' }, 14: { color: 'Антрацит серый', thumb: 'otk-14' } }, pod: { 1: { color: 'Белый', thumb: 'pod-1' }, 2: { color: 'Светлый мрамор', thumb: 'pod-2' }, 3: { color: 'Каррера Мрамор', thumb: 'pod-3' }, 4: { color: 'Глория', thumb: 'pod-4' }, 5: { color: 'Дуб белый', thumb: 'pod-5' }, 6: { color: 'Бристол', thumb: 'pod-6' }, 7: { color: 'Мраморная лиственница', thumb: 'pod-7' }, 8: { color: 'Светлый дуб', thumb: 'pod-8' }, 9: { color: 'Дуб натуральный', thumb: 'pod-9' }, 10: { color: 'Золотой дуб', thumb: 'pod-10' }, 11: { color: 'Орех матовый', thumb: 'pod-11' }, 12: { color: 'Махагон', thumb: 'pod-12' }, 13: { color: 'Венге', thumb: 'pod-13' }, 14: { color: 'Антрацит серый', thumb: 'pod-14' } }, pet: { 1: { color: 'Белый', thumb: 'pet-1' }, 2: { color: 'Серебро', thumb: 'pet-2' }, 3: { color: 'Титан', thumb: 'pet-3' }, 4: { color: 'Шампань', thumb: 'pet-4' }, 5: { color: 'Золото', thumb: 'pet-5' }, 6: { color: 'Бронза', thumb: 'pet-6' }, 7: { color: 'Коричневый', thumb: 'pet-7' } } } // Профиль const profile = (constructionType, configurationType) => { const items = $('#js-prof-items'); empty(items); const data = winData.prof; each(data, item => append(items, `<li><a class="uk-display-block uk-border-rounded uk-box-shadow-small uk-background-contain" data-src="${calcPathImg}/${item.thumb}-thumb.jpg" data-color="${item.color}" data-image="${item.thumb}" uk-img href="#"><canvas width="144" height="144"></canvas></a></li>`)); const elements = $$('#js-prof-items a'); let color = attr(elements[0], 'data-color'); const profColor = $('#js-prof-color'); const profThumb = $('#js-prof-thumb'); const profImg = $('#js-prof-img'); html(profColor, color); attr(profThumb, 'data-src', attr(elements[0], 'data-src')); attr(profImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(elements[0], 'data-image')}.png`); each(elements, el => { on(el, 'click', e => { e.preventDefault(); color = attr(el, 'data-color'); html(profColor, color); attr(profThumb, 'data-src', attr(el, 'data-src')); attr(profImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(el, 'data-image')}.png`); profName = color; }); }); }; // Откосы const otkos = (constructionType, configurationType) => { const items = $('#js-otk-items'); empty(items); const data = winData.otk; each(data, item => append(items, `<li><a class="uk-display-block uk-border-rounded uk-box-shadow-small uk-background-contain" data-src="${calcPathImg}/${item.thumb}-thumb.jpg" data-color="${item.color}" data-image="${item.thumb}" uk-img href="#"><canvas width="144" height="144"></canvas></a></li>`)); const elements = $$('#js-otk-items a'); let color = attr(elements[0], 'data-color'); const otkColor = $('#js-otk-color'); const otkThumb = $('#js-otk-thumb'); const otkImg = $('#js-otk-img'); html(otkColor, color); attr(otkThumb, 'data-src', attr(elements[0], 'data-src')); attr(otkImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(elements[0], 'data-image')}.png`); each(elements, el => { on(el, 'click', e => { e.preventDefault(); color = attr(el, 'data-color'); html(otkColor, color); attr(otkThumb, 'data-src', attr(el, 'data-src')); attr(otkImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(el, 'data-image')}.png`); otkName = color; }); }); }; // Подоконник const podokonnik = (constructionType, configurationType) => { const items = $('#js-pod-items'); empty(items); const data = winData.pod; each(data, item => append(items, `<li><a class="uk-display-block uk-border-rounded uk-box-shadow-small uk-background-contain" data-src="${calcPathImg}/${item.thumb}-thumb.jpg" data-color="${item.color}" data-image="${item.thumb}" uk-img href="#"><canvas width="144" height="144"></canvas></a></li>`)); const elements = $$('#js-pod-items a'); let color = attr(elements[0], 'data-color'); const podColor = $('#js-pod-color'); const podThumb = $('#js-pod-thumb'); const podImg = $('#js-pod-img'); const podGlossImg = $('#js-gl-img'); html(podColor, color); attr(podThumb, 'data-src', attr(elements[0], 'data-src')); attr(podImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(elements[0], 'data-image')}.png`); attr(podGlossImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/glanec.png`); each(elements, el => { on(el, 'click', e => { e.preventDefault(); color = attr(el, 'data-color'); html(podColor, color); attr(podThumb, 'data-src', attr(el, 'data-src')); attr(podImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(el, 'data-image')}.png`); podName = color; }); }); const checkbox = $('#js-form-calc-gl'); on(checkbox, 'click', () => { if (checkbox.checked) { removeClass(podGlossImg, 'uk-hidden'); glossValue = 'Да'; } else { addClass(podGlossImg, 'uk-hidden'); glossValue = 'Нет'; } }); }; // Петли и ручки const petli = (constructionType, configurationType) => { const data = winData.pet; const items = $('#js-pet-items'); if (configurationType === '1s-0' || configurationType === '2s-00' || configurationType === '3s-000') { addClass($$('#js-pet-img, #js-pet-hidden-img, #js-pet'), 'uk-hidden'); empty(items); } else { removeClass($$('#js-pet-img, #js-pet'), 'uk-hidden'); empty(items); each(data, item => append(items, `<li><a class="uk-display-block uk-border-rounded uk-box-shadow-small uk-background-contain" data-src="${calcPathImg}/${item.thumb}-thumb.jpg" data-color="${item.color}" data-image="${item.thumb}" uk-img href="#"><canvas width="144" height="144"></canvas></a></li>`)); const elements = $$('#js-pet-items a'); let color = attr(elements[0], 'data-color'); const petColor = $('#js-pet-color'); const petThumb = $('#js-pet-thumb'); const petImg = $('#js-pet-img'); const petHiddenImg = $('#js-pet-hidden-img'); html(petColor, color); attr(petThumb, 'data-src', attr(elements[0], 'data-src')); attr(petImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(elements[0], 'data-image')}.png`); attr(petHiddenImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(elements[0], 'data-image')}-hidden.png`); each(elements, el => { on(el, 'click', e => { e.preventDefault(); color = attr(el, 'data-color'); html(petColor, color); attr(petThumb, 'data-src', attr(el, 'data-src')); attr(petImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(el, 'data-image')}.png`); attr(petHiddenImg, 'data-src', `${calcPathImg}/${constructionType}/${configurationType}/${attr(el, 'data-image')}-hidden.png`); petName = color; }); }); // Тест const checkbox = $('#js-form-hidden-pet'); checkbox.checked = false; on(checkbox, 'click', () => { if (checkbox.checked) { petHiddenValue = 'Да'; addClass(petImg, 'uk-hidden'); removeClass(petHiddenImg, 'uk-hidden'); } else { petHiddenValue = 'Нет'; removeClass(petImg, 'uk-hidden'); addClass(petHiddenImg, 'uk-hidden'); } }); } }; // Конфигурация окна const configuration = constructionType => { const items = $('#js-configuration-items'); empty(items); const data = winData.construction[constructionType].config; each(data, item => append(items, `<li><a class="uk-border-rounded uk-background-default uk-box-shadow-small" data-name="${item.name}" data-type="${item.type}" href="#"><img data-src="${calcPathImg}/${constructionType}/${item.icon}.svg" alt="" width="55" height="55" uk-svg></a></li>`)); const elements = $$('#js-configuration-items a'); let elName = attr(elements[0], 'data-name'); const typeData = attr(elements[0], 'data-type'); const bgImg = $('#js-bg-img'); attr(bgImg, 'data-src', `${calcPathImg}/${constructionType}/${typeData}/bg.png`); profile(constructionType, typeData); otkos(constructionType, typeData); podokonnik(constructionType, typeData); petli(constructionType, typeData); each(elements, el => { on(el, 'click', e => { e.preventDefault(); const type = attr(el, 'data-type'); attr(bgImg, 'data-src', `${calcPathImg}/${constructionType}/${type}/bg.png`); profile(constructionType, type); otkos(constructionType, type); podokonnik(constructionType, type); petli(constructionType, type); elName = attr(el, 'data-name'); configName = elName; }); }); }; // Конструкция окна const construction = () => { const data = winData.construction; each(data, item => append($('#js-construction-items'), `<li><a class="uk-display-block uk-box-shadow-small" data-type="${item.type}" data-name="${item.name}" href="#"><span class="uk-margin-small-right" uk-icon="icon: ${item.type}"></span>${item.name}</a></li>`)); const elements = $$('#js-construction-items a'); attr(elements[0], 'data-type'); attr(elements[0], 'data-name'); let constructionVal = attr(elements[0], 'data-name'); configuration(attr(elements[0], 'data-type')); each(elements, el => { on(el, 'click', e => { e.preventDefault(); configuration(attr(el, 'data-type')); constructionVal = attr(el, 'data-name'); constructName = constructionVal; }); }); }; construction(); // Ширина let widthValue = 0; const width = () => on($('#js-form-calc-width'), 'input', e => widthValue = e.target.value); width(); // Высота let heightValue = 0; const height = () => on($('#js-form-calc-height'), 'input', e => heightValue = e.target.value); height(); // Test // TODO: Remove on Prod on($('#form-window-customizer button[type="submit"]'), 'click', () => { console.log('asd', widthValue); const resultValue = ` Конструкция: ${constructName}, Конфигурация: ${configName}, Ширина: ${widthValue} мм., Высота: ${heightValue} мм., Профиль: ${profName}, Откос: ${otkName}, Подоконник: ${podName}, Глянец: ${glossValue}, Петли и ручки: ${petName}, Скрытые петли: ${petHiddenValue}. `; $('#form-window-customizer input[name="form_textarea_5"]').value = resultValue; }) // Result const result = ` Конструкция: ${constructName}, Конфигурация: ${configName}, Ширина: ${widthValue} мм., Высота: ${heightValue} мм., Профиль: ${profName}, Откос: ${otkName}, Подоконник: ${podName}, Глянец: ${glossValue}, Петли и ручки: ${petName}, Скрытые петли: ${petHiddenValue}. `; let inf = document.querySelector('#form-window-customizer input[name="form_textarea_5"]'); inf.value = result; }); </script> </div> </section>  <div class="uk-section uk-section-default"> <div class="uk-container"> <div class="uk-grid-medium" uk-grid> <div class="uk-width-1-4@l uk-visible@l">  <div class="uk-card uk-card-small uk-margin-right uk-card-body uk-box-shadow-small uk-visible@m" style="z-index: 999;"> <ul class="uk-nav uk-nav-default"> <li class="uk-text-small"> <a href="/okna-v-dom/osteklenie-kottedjey/">Окна в коттедж</a> </li> <li class="uk-text-small"> <a href="/okna-v-dom/osteklenie-dach/">Окна для дач</a> </li> <li class="uk-text-small"> <a href="/okna-v-dom/osteklenie-verand/">Окна для веранды</a> </li> <li class="uk-text-small uk-active"> <a href="/okna-v-dom/osteklenie-besedok/">Окна для беседки</a> </li> <li class="uk-text-small"> <a href="/okna-v-dom/osteklenie-derevyznnih-domov/">Окна в деревянный дом</a> </li> </ul> </div> </div>  <div class="uk-width-expand"> <h2>Окна для беседки от компании ЭКООКНА</h2> <p>Компания ЭКООКНА более 18 лет специализируется на создании уникальных решений остекления для квартир, загородных домов, веранд, террас и других объектов. Используя современные технологии, мы на собственном заводе в Подмосковье создаем практичные и эстетичные светопрозрачные конструкции любых форм и размеров. Хотите защитить беседку от неблагоприятных погодных факторов, наполнить ее солнечным светом, обеспечить комфортный температурный режим? Разработаем для вас вариант остекления беседки, который наилучшим образом подчеркнет ее архитектуру, с помощью различных методик декорирования создадим уникальный дизайн, подберем надёжную и долговечную фурнитуру. Мы используем одно- и двухкамерные стеклопакеты Guardian и немецкую фурнитуру GU Uni-Jet. Расширяем функциональность остекления, используя тонированные, зеркальные, ударостойкие и другие специальные и защитные стекла. У нас можно заказать панорамное остекление, установить безрамные цельностеклянные окна в беседку, по доступной цене купить москитные сетки, вентиляционные клапаны, доводчики.</p> <h2>Установка окон по ГОСТу</h2> <p>Обеспечить на долгие годы высокую герметичность и безотказную работу окон для беседки позволяет профессиональный монтаж, выполненный с соблюдением строительных норм, межгосударственных стандартов и рекомендаций производителя профиля. Сотрудники монтажных бригад компании ЭКООКНА проходят аттестацию и регулярно повышают квалификацию. Заказывая любые изделия с установкой из нашего каталога, вы можете быть уверены, что монтажники не допустят ошибок при подготовке проёмов, выровняют рамы по уровню и обработают монтажные швы согласно требованиям ГОСТ 30971-2002 и ГОСТ Р 52749-2007.</p> <h2>Гарантии и сервисное обслуживание</h2> <p>В каком бы офисе продаж нашей компании вы ни сделали бы заказ, на всю продукцию из каталога компании ЭКООКНА и на монтажные работы распространяется официальная гарантия.</p> <p>Гарантийный срок составляет:</p> <ul class="uk-list uk-list-bullet"> <li>для окон из ПВХ — 3 года;</li> <li>алюминиевого остекления беседок — 2 года;</li> <li>деревянных систем — 5 лет.</li> </ul> <p>Гарантийный срок можно продлить до 10 лет, заключив дополнительный договор на сервисное обслуживание конструкций. Он включает профилактические работы (регулировку, диагностику неисправностей, чистку механизма и т.д.), ремонт и замену изношенных и вышедших из слоя деталей.</p> </div> </div> </div> </div>  <noindex> <section class="uk-section uk-section-secondary"> <div class="uk-container"> <div class="uk-margin-medium"> <div class="uk-h2">Остались вопросы? Задайте их специалисту</div> <p class="uk-text-large">Задайте свой вопрос специалисту и получите исчерпывающую консультацию по интересующему продукту.</p> </div> <div class="uk-panel uk-width-2xlarge"> <form data-ajax-common class="uk-child-width-1-2@s uk-grid-small" id="form_5386" uk-grid name="SIMPLE_FORM_1" action="/okna-v-dom/osteklenie-besedok/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid_4" value="969d27969e90fefe1241efbf591e000e" /><input type="hidden" name="WEB_FORM_ID" value="1" /> <input type="hidden" name="web_form_submit" value="Y"> <input type="hidden" name="form_text_4" value="Получить консультацию"> <div> <div class="uk-inline uk-width-1-1"> <span class="uk-form-icon" uk-icon="icon: phone"></span> <input class="uk-input uk-form-large" type="tel" name="form_text_2" inputmode="tel" autocomplete="tel" pattern="(\+7|8)\s\(\d{3}\)\s\d{3}-\d{2}-\d{2}" placeholder="Телефон" required> </div> </div> <div> <button class="uk-button uk-button-primary uk-button-large uk-width-1-1" type="submit">Получить консультацию</button> </div> </form> </div> <div class="uk-margin-medium">Еще у нас есть <a href="#" data-target="#js-modal-form" data-ajax="/api/?t=form&id=2&tpl=subscription_email&SUBMIT=Подписаться&HEAD=Подписаться на рассылку&SUBJECT=%D0%9F%D0%BE%D0%B4%D0%BF%D0%B8%D1%81%D0%BA%D0%B0%20%D0%BD%D0%B0%20email%20%D1%80%D0%B0%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D1%83&FORM_ADD=uk-child-width-1-1%20uk-grid-small%20uk-margin-top" data-target="#modal-all">email-рассылка</a> в которой мы подробно рассказываем о нашей продукции и сообщаем об акциях.</div> </div> </section> </noindex>  <div class="uk-section uk-section-default"> <div class="uk-container"> <div class="uk-margin-bottom uk-grid-medium" uk-grid>  <div class="uk-width-expand"> <div> <h2> Где заказать окна для беседки? </h2>  <ul class="uk-subnav uk-subnav-pill" uk-switcher> <li><a href="#" rel="nofollow">Можайск</a></li> </ul>  <ul class="uk-switcher uk-margin"> <li> <div class="uk-grid uk-child-width-1-2@m"> <div itemscope itemtype="http://schema.org/Organization"> <div class="uk-card uk-card-default uk-box-shadow-small uk-flex uk-flex-middle"> <div class="uk-position-relative uk-visible-toggle uk-height-1-1 uk-width-1-1" uk-slideshow> <ul class="uk-slideshow-items uk-height-1-1 uk-border-rounded" uk-lightbox> <li> <a href="/upload/medialibrary/589/589a1e7300a591bb094487ebcdc215e1.jpg" data-caption="вид на рабочее место менеджера и продукцию" data-alt="Офис ЭКООКНА в Можайске. Фото 1"> <img data-src="/upload/medialibrary/589/589a1e7300a591bb094487ebcdc215e1.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 1" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/802/80267b75891296a91fb4037f9829cfa6.jpg" data-caption="квик-блок" data-alt="Офис ЭКООКНА в Можайске. Фото 2"> <img data-src="/upload/medialibrary/802/80267b75891296a91fb4037f9829cfa6.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 2" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/59d/59da0f900d6fe1b7c072a7bff6d45ca0.jpg" data-caption="ламинированное окно с витражным стеклом" data-alt="Офис ЭКООКНА в Можайске. Фото 3"> <img data-src="/upload/medialibrary/59d/59da0f900d6fe1b7c072a7bff6d45ca0.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 3" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/8ce/8ce3c503878b042a68c10b63c7eddb8e.jpg" data-caption="Экоокна в Можайске" data-alt="Офис ЭКООКНА в Можайске. Фото 4"> <img data-src="/upload/medialibrary/8ce/8ce3c503878b042a68c10b63c7eddb8e.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 4" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/005/00557b77e426237b47471f665ceee7a1.JPG" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 5"> <img data-src="/upload/medialibrary/005/00557b77e426237b47471f665ceee7a1.JPG" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 5" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/e59/e5903fd5d42bcca5984c68e304ec6291.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 6"> <img data-src="/upload/medialibrary/e59/e5903fd5d42bcca5984c68e304ec6291.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 6" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/095/095f510521e609dab88c533b7e018fdb.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 7"> <img data-src="/upload/medialibrary/095/095f510521e609dab88c533b7e018fdb.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 7" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/2b8/2b8967a7dccc6c57b13a14a5d346026b.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 8"> <img data-src="/upload/medialibrary/2b8/2b8967a7dccc6c57b13a14a5d346026b.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 8" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/693/693f1435acca58c07e68c4a6627e0007.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 9"> <img data-src="/upload/medialibrary/693/693f1435acca58c07e68c4a6627e0007.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 9" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/8e1/8e19ff7975b64826f81a0adc5742ede0.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 10"> <img data-src="/upload/medialibrary/8e1/8e19ff7975b64826f81a0adc5742ede0.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 10" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/a23/a2351f1691e7bc805a2abb07491ed3d4.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 11"> <img data-src="/upload/medialibrary/a23/a2351f1691e7bc805a2abb07491ed3d4.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 11" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/a41/a41532fcc8cdcf2cb45f6b65e1cc8d25.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 12"> <img data-src="/upload/medialibrary/a41/a41532fcc8cdcf2cb45f6b65e1cc8d25.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 12" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/3c4/3c4e991b87c23ff478b6820047ccda88.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 13"> <img data-src="/upload/medialibrary/3c4/3c4e991b87c23ff478b6820047ccda88.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 13" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/a14/a14025648afd1a60b41a8607c31acef7.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 14"> <img data-src="/upload/medialibrary/a14/a14025648afd1a60b41a8607c31acef7.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 14" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/5f5/5f55a0adc0797237f67728337fad97ed.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 15"> <img data-src="/upload/medialibrary/5f5/5f55a0adc0797237f67728337fad97ed.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 15" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/26d/26d1195cbf4ae805bbfb26e0e2ed1989.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 16"> <img data-src="/upload/medialibrary/26d/26d1195cbf4ae805bbfb26e0e2ed1989.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 16" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/a0f/a0feeeb0067169620d2be9792df43dd4.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 17"> <img data-src="/upload/medialibrary/a0f/a0feeeb0067169620d2be9792df43dd4.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 17" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> <li> <a href="/upload/medialibrary/87f/87f3ec5b880b9a4e716659125fb3dd99.jpg" data-caption="" data-alt="Офис ЭКООКНА в Можайске. Фото 18"> <img data-src="/upload/medialibrary/87f/87f3ec5b880b9a4e716659125fb3dd99.jpg" width="" height="" alt="Офис ЭКООКНА в Можайске. Фото 18" uk-cover uk-img="target: !.uk-slider-items">  </a> </li> </ul> <a class="uk-position-center-left uk-hidden-hover uk-visible@s" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a> <a class="uk-position-center-right uk-hidden-hover uk-visible@s" href="#" uk-slidenav-next uk-slideshow-item="next"></a>  </div> </div> <meta itemprop="name" content="ЭКООКНА в Можайске"> <meta name="Можайск"> <meta itemprop="email" content="mozhajsk@ecookna.ru"> <img itemprop="logo image" alt="Экоокна Можайск" title="Экоокна Можайск" src="https://mozhajsk.ecookna.ru/local/templates/ecookna/images/logo.svg" style="display:none;"> <div class="uk-text-muted uk-margin-top">Адрес</div> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="postalCode" content="143200"> <meta itemprop="addressRegion" content=""> <span itemprop="addressLocality">Можайск</span>, <span itemprop="streetAddress">ул. Мира, 6</span> </div> <div class="uk-grid uk-child-width-1-2@s uk-margin-bottom"> <div> <div class="uk-text-muted uk-margin-top">Телефон</div> <span class="uk-margin-small-right" uk-icon="icon: phone"></span><a href="tel:+7 (499) 705-83-73" itemprop="telephone">+7 (499) 705-83-73</a></br> </div> <div> <div class="uk-text-muted uk-margin-top">Часы работы</div> <div> <div> <time datetime="">пн–сб: 09:00 – 18:00</time> </div> </div> </div> </div> <div> <a href="/contacts/moskovskaya-oblast/mozhaysk/">Подробнее об офисе</a> </div> </div> <div> <div id="map1" class="uk-height-medium" uk-toggle="cls: uk-height-large; mode: media; media: @l"></div> <noindex> <script> ymaps.ready(function() { /* */ const OffHead = ['<a href="/contacts/moskovskaya-oblast/mozhaysk/?utm_source=MapBlock">Можайск</a>']; const Offinfo = ['ул. Мира, 6<div class="mapphone"><span class="tel phone-number">+7 (499) 705-83-73</span></div><strong>Часы работы</strong><br>пн–сб: 09:00 – 18:00']; const myMap = new ymaps.Map('map1', { center: [55.503585,36.034251], zoom: 16, behaviors: ['default', 'scrollZoom'], controls: ['zoomControl', 'typeSelector', 'fullscreenControl'] }, { searchControlProvider: 'yandex#search' }), clusterer = new ymaps.Clusterer({ preset: 'twirl#greenClusterIcons', groupByCoordinates: false, clusterDisableClickZoom: false, clusterHideIconOnBalloonOpen: false, geoObjectHideIconOnBalloonOpen: false }), getPointData = function(index) { return { balloonContentHeader: OffHead[index], balloonContentBody: Offinfo[index], clusterCaption: 'метка <strong>' + index + '</strong>', }; }, getPointOptions = function(index) { console.log(index); if (0 == 1) { return { iconLayout: 'default#image', iconImageHref: '/local/templates/v2021/images/marker-big.png', iconImageSize: [35, 50], iconImageOffset: [-18, -48] }; } else { return { iconLayout: 'default#image', iconImageHref: '/local/templates/v2021/images/marker.png', iconImageSize: [27, 40], iconImageOffset: [-15, -38] }; } }, points = [ [55.503585,36.034251] ], geoObjects = []; let i = 0; const len = points.length; for (; i < len; i++) { geoObjects[i] = new ymaps.Placemark(points[i], getPointData(i), getPointOptions(i)); } clusterer.options.set({ gridSize: 80, clusterDisableClickZoom: false }); clusterer.add(geoObjects); myMap.geoObjects.add(clusterer); }); </script> </noindex> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <footer itemscope itemtype="https://schema.org/WPFooter"> <meta itemprop="copyrightYear" content="2022"> <meta itemprop="copyrightHolder" content="Экоокна г. Можайск"> <section class="uk-section uk-section-secondary uk-section-small"> <div class="uk-container"> <div class="uk-flex-middle uk-child-width-1-2@m uk-child-width-expand@m uk-grid" uk-grid>  <div class="uk-width-auto"> <div class="uk-panel uk-flex uk-flex-middle"> <a class="uk-navbar-item uk-logo" href="/"> <img src="/local/templates/v2021/images/eco-logo.svg" decoding="async" loading="lazy" width="100" height="67" alt="Экоокна"> </a> </div> </div> <div class="uk-width-expand uk-hidden@m"></div>  <div class="uk-width-auto uk-flex-last@m"> <div class="uk-panel"> <div class="uk-flex-middle uk-grid-small uk-grid"> <div class="uk-margin-right"> <img src="/local/templates/v2021/images/22.svg" decoding="async" loading="lazy" width="73" height="67" alt="Компании ЭКООКНА 22 года"> </div> <div class="uk-text-right uk-visible@s"> <a class="uk-link-reset uk-text-large phone-number" href="tel:88005501250">8 800 550-12-50</a> <div class="uk-text-small uk-text-muted"> Ежедневно с 09:00 до 21:00 </div> </div> <div> <a class="uk-icon-button phone-number" uk-icon="icon: phone" href="tel:88005501250" style="border: 1px solid #978D80;"></a> </div> </div> </div> </div> <div class="uk-width-expand@m uk-flex-middle"> <ul class="uk-subnav uk-text-small uk-width-child-1-2 uk-grid-small uk-grid"> <li><a href="#" class="uk-button uk-button-text uk-margin-small-right" data-target="#js-modal-form" data-ajax="/api/?t=form&tpl=callback&id=1&is_ajax=Y&HEAD=Узнать стоимость&SUBJECT=Нужен расчёт&SUBMIT=Нужен расчёт"><span uk-icon="icon: menu-calc"></span>Узнать стоимость</a></li> <li><a href="#" class="uk-button uk-button-text" data-target="#js-modal-form" data-ajax="/api/?t=form&tpl=callback&id=1&is_ajax=Y&HEAD=Записаться на замер&SUBJECT=Заявка на замер&SUBMIT=Отправить заявку"><span uk-icon="icon: menu-measure"></span>Бесплатный замер</a></li>  </ul> </div> </div> <hr> <noindex> <ul class="uk-subnav uk-text-small uk-child-width-auto@s uk-grid-small uk-grid" uk-grid> <li><a href="/company/">О компании</a></li> <li><a href="/company/news/">Новости</a></li> <li><a href="/company/vacancy/">Вакансии</a></li> <li><a href="https://franchise.ecookna.ru/" target="_blank" rel="nofollow">Франчайзинг</a></li> <li><a href="https://dealers.ecookna.ru/" target="_blank" rel="nofollow">Станьте дилером</a></li> <li><a href="/designers/">Дизайнерам и архитекторам</a></li> <li><a href="https://build.ecookna.ru/" target="_blank" rel="nofollow">Строителям</a></li> <li><a href="/contacts/">Контакты</a></li> </ul> </noindex> <hr> <div class="uk-flex-bottom uk-child-width-1-2@s uk-child-width-expand@m uk-grid" uk-grid> <div> <div class="uk-panel"> <p class="uk-text-small uk-text-uppercase uk-margin-small">Мы в соцсетях</p> <noindex> <ul class="uk-child-width-auto uk-grid-small uk-grid"> <li> <a target="_blank" rel="nofollow" href="https://vk.com/ecookna"> <img src="/local/templates/v2021/images/icons/vk.png" decoding="async" loading="lazy" width="30" height="30" alt="ВКонтакте"> </a> </li> <li> <a target="_blank" rel="nofollow" href="https://www.youtube.com/user/ecooknaru"> <img src="/local/templates/v2021/images/icons/youtube.png" decoding="async" loading="lazy" width="30" height="30" alt="YouTube"> </a> </li> <li> <a target="_blank" rel="nofollow" href="https://t.me/s/ecookna_official"> <img src="/local/templates/v2021/images/icons/telegram.png" decoding="async" loading="lazy" width="30" height="30" alt="Telegram"> </a> </li> <li> <a target="_blank" rel="nofollow" href="https://dzen.ru/id/5c6ceec44dc5ed00c6db86bf"> <img src="/local/templates/v2021/images/icons/dzen.png" decoding="async" loading="lazy" width="30" height="30" alt="Дзен"> </a> </li> <li> <a target="_blank" rel="nofollow" href="https://rutube.ru/channel/24771832/about/"> <img src="/local/templates/v2021/images/icons/rutube.png" decoding="async" loading="lazy" width="30" height="30" alt="RUTUBE"> </a> </li> </ul> </noindex> </div> </div> <div> <div class="uk-panel"> <button class="uk-button uk-button-default uk-width-1-1 uk-width-auto@s" type="button" data-target="#js-modal-form" data-ajax="/api/?t=form&id=2&tpl=subscription_email&SUBMIT=Подписаться&HEAD=Подписаться на рассылку&SUBJECT=%D0%9F%D0%BE%D0%B4%D0%BF%D0%B8%D1%81%D0%BA%D0%B0%20%D0%BD%D0%B0%20email%20%D1%80%D0%B0%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D1%83&FORM_ADD=uk-child-width-1-1%20uk-grid-small%20uk-margin-top" data-target="#modal-all">Подписаться</button> </div> </div> <div> <div class="uk-panel"> <p class="uk-text-small uk-text-uppercase uk-margin-small">Принимаем к оплате</p> <ul class="uk-grid-small uk-grid"> <li><img src="/local/templates/v2021/images/icons/mastercard-logo.svg" decoding="async" loading="lazy" width="35" height="23" alt=""></li> <li><img src="/local/templates/v2021/images/icons/visacard-logo.svg" decoding="async" loading="lazy" width="55" height="18" alt=""></li> <li><img src="/local/templates/v2021/images/icons/mircard-logo.svg" decoding="async" loading="lazy" width="60" height="20" alt=""></li> </ul> </div> </div> <div> <div class="uk-panel"> <a class="uk-button uk-button-default uk-width-1-1 uk-width-auto@s" href="/clients/cabinet/">Оплатить заказ</a> </div> </div> </div> <div class="uk-margin uk-text-small uk-text-muted" itemscope itemtype="https://schema.org/LocalBusiness"> <meta itemprop="name" content="ООО «Экоокна» Можайск"> <meta itemprop="email" content="mozhajsk@ecookna.ru"> <link itemprop="url" href="https://mozhajsk.ecookna.ru/"> <meta itemprop="priceRange" content="$$"> <meta itemprop="telephone" content="88005501250"> <meta itemprop="address" content="Можайск"> <img itemprop="logo image" src="https://www.ecookna.ru/local/templates/ecookna/images/logo.svg" decoding="async" loading="lazy" alt="Логотип" title="Логотип" style="display:none;"> </div> <div class="uk-margin uk-text-small uk-text-muted"> <noindex> <div class="uk-text-left@s">Оставляя на сайте свои контактные данные, Вы даете согласие на обработку своих персональных данных в соответствии с <a class="uk-link-muted" href="/privacy-policy.pdf" target="_blank">политикой конфиденциальности</a>.</div> <div class="uk-text-left@s">Сайт не является публичной офертой и носит информационный характер.</div> </noindex> </div> </div> </section> </footer> <div id="offcanvas" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li><a href="#offcanvas-533" uk-toggle><span uk-icon="menu-windows"></span>Окна</a></li> <li><a href="#offcanvas-534" uk-toggle><span uk-icon="menu-balcony"></span>Балконы</a></li> <li><a href="#offcanvas-535" uk-toggle><span uk-icon="menu-doors"></span>Двери</a></li> <li><a href="#offcanvas-536" uk-toggle>Еще...</a></li> </ul> <hr> <ul class="uk-nav uk-nav-default"> <li class="uk-text-bold"><a href="/actions/">Акции и мероприятия</a></li> <li><a href="#" data-target="#js-modal-form" data-ajax="/api/?t=form&tpl=callback&id=1&is_ajax=Y&HEAD=Узнать стоимость&SUBJECT=Нужен расчёт&SUBMIT=Нужен расчёт"><span uk-icon="icon: menu-calc"></span>Узнать стоимость</a></li> <li><a href="#" data-target="#js-modal-form" data-ajax="/api/?t=form&tpl=callback&id=1&is_ajax=Y&HEAD=Записаться на замер&SUBJECT=Заявка на замер&SUBMIT=Отправить заявку"><span uk-icon="icon: menu-measure"></span>Бесплатный замер</a></li> </ul> <hr> <ul class="uk-nav uk-nav-default"> <li><a href="#offcanvas-24" uk-toggle>О компании</a></li> <li><a href="#offcanvas-398" uk-toggle>Услуги</a></li> <li><a href="#offcanvas-31" uk-toggle>Клиентам</a></li> <li><a href="#offcanvas-32" uk-toggle>Для бизнеса</a></li> <li><a href="/contacts/">Офис продаж</a></li> </ul> <form class="uk-margin-top uk-search uk-search-default uk-width-1-1" action="/search/" method="gets"> <span class="uk-search-icon-flip" uk-search-icon></span> <input class="uk-input" type="search" name="q" placeholder="Поиск"> </form> </div> </div> <div id="offcanvas-533" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/"><span uk-icon="menu-windows"></span>Окна</a> </li> <li><a href="#offcanvas-537" uk-toggle>Пластиковые окна</a></li> <li> <a href="/derevyannye-okna/">Деревянные окна</a> </li> <li><a href="#offcanvas-539" uk-toggle>Алюминиевые окна</a></li> <li><a href="#offcanvas-540" uk-toggle>Дизайн окна</a></li> <li><a href="#offcanvas-541" uk-toggle>Инновации</a></li> <li><a href="#offcanvas-789" uk-toggle>Окна в дом</a></li> </ul> </div> </div> <div id="offcanvas-537" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-533" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/plastikovye-okna/">Пластиковые окна </a> </li> <li><a href="/plastikovye-okna-na-dachu/">Пластиковые окна на дачу</a></li> <li><a href="/plastikovye-okna-v-kvartiru/">Пластиковые окна в квартиру</a></li> <li><a href="/plastikovye-okna-v-kottedzh/">Пластиковые окна в дом</a></li> <li><a href="/gotovye-okna/">Готовые пластиковые окна</a></li> <li><a href="/kalkulyator-plastikovykh-okon/">Калькулятор пластиковых окон</a></li> </ul> </div> </div> <div id="offcanvas-539" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-533" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/alyuminievye-okna/">Алюминиевые окна </a> </li> <li><a href="#offcanvas-709" uk-toggle>Холодные алюминиевые окна</a></li> <li><a href="#offcanvas-710" uk-toggle>Теплые алюминиевые окна</a></li> </ul> </div> </div> <div id="offcanvas-709" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-539" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/alyuminievye-okna/kholodnye/">Холодные алюминиевые окна</a> </li> <li><a href="/alyuminievye-okna/kholodnye/kaleva-aluvet-cold-slide/">Kaleva Aluvet Cold Slide</a></li> <li><a href="/alyuminievye-okna/kholodnye/kaleva-aluvet-cw/">Kaleva Aluvet Cold Window</a></li> </ul> </div> </div> <div id="offcanvas-710" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-539" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/alyuminievye-okna/teplye/">Теплые алюминиевые окна</a> </li> <li><a href="/alyuminievye-okna/teplye/kaleva-aluvet-hw-75/">Kaleva Aluvet Home Window</a></li> <li><a href="/alyuminievye-okna/teplye/kaleva-aluvet-pw-65/">Kaleva Aluvet Public Window</a></li> </ul> </div> </div> <div id="offcanvas-540" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-533" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/dizayn/">Дизайн окна </a> </li> <li><a href="/dizayn/gallery/">Галерея работ</a></li> <li><a href="#offcanvas-667" uk-toggle>Витражи</a></li> <li><a href="#offcanvas-668" uk-toggle>Техники декора</a></li> <li><a href="/dizayn/okna-s-raskladkoy/">Окна с раскладкой</a></li> <li><a href="/dizayn/dekorativnoe-steklo/">Декоративное стекло</a></li> <li><a href="/dizayn/dekorativnye-plenki/">Декоративные пленки</a></li> <li><a href="/dizayn/laminatsiya-profilya/">Ламинация профиля</a></li> <li><a href="/dizayn/pokraska-profilya/">Покраска профиля</a></li> <li><a href="/dizayn/okno-svetilnik/">Окно-светильник</a></li> </ul> </div> </div> <div id="offcanvas-667" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-540" uk-toggle uk-icon="icon: arrow-left"></a> Витражи </li> <li><a href="/dizayn/plenochnyy-vitrazh/">Пленочный витраж</a></li> <li><a href="/dizayn/fatsetnyy-vitrazh/">Фацетный витраж</a></li> <li><a href="/dizayn/zalivnoy-vitrazh/">Заливной витраж</a></li> <li><a href="/dizayn/vitrazh-za-2000-rubley/">Витраж от 2 000 рублей</a></li> </ul> </div> </div> <div id="offcanvas-668" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-540" uk-toggle uk-icon="icon: arrow-left"></a> Техники декора </li> <li><a href="/dizayn/peskostruy/">Пескоструй</a></li> <li><a href="/dizayn/fyuzing/">Фьюзинг</a></li> <li><a href="/dizayn/aktsentrium/">Акцентриум</a></li> <li><a href="/dizayn/almaznaya-gran/">Алмазная грань</a></li> <li><a href="/dizayn/i-image-izobrazheniya-na-oknakh/">Изображения на окнах</a></li> </ul> </div> </div> <div id="offcanvas-541" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-533" uk-toggle uk-icon="icon: arrow-left"></a> Инновации </li> <li><a href="/zashchitnye-okna/">Защитные окна</a></li> <li><a href="/elektroobogrevaemye-okna/">Электрообогреваемые окна</a></li> <li><a href="/energosberegayushchie-okna/">Энергосберегающие окна</a></li> <li><a href="/okna-s-izmenyaemoy-prozrachnostyu/">Окна с изменяемой прозрачностью</a></li> <li><a href="/protivovzlomnye-okna-security/">Противовзломные окна SECURITY</a></li> </ul> </div> </div> <div id="offcanvas-789" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-533" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/okna-v-dom/">Окна в дом </a> </li> <li><a href="/okna-v-dom/osteklenie-kottedjey/">Окна в коттедж</a></li> <li><a href="/okna-v-dom/osteklenie-dach/">Окна для дач</a></li> <li><a href="/okna-v-dom/osteklenie-verand/">Окна для веранды</a></li> <li><a href="/okna-v-dom/osteklenie-besedok/">Окна для беседки</a></li> <li><a href="/okna-v-dom/osteklenie-derevyznnih-domov/">Окна в деревянный дом</a></li> </ul> </div> </div> <div id="offcanvas-534" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/balkony-lodzhii/"><span uk-icon="menu-balcony"></span>Балконы</a> </li> <li> <a href="/balkony-lodzhii/otdelka/">Отделка балконов</a> </li> <li> <a href="/balkony-lodzhii/kholodnoe-osteklenie/">Холодное остекление</a> </li> <li> <a href="/balkony-lodzhii/teploe-osteklenie/">Теплое остекление</a> </li> <li> <a href="/balkony-lodzhii/calc/">Калькулятор остекления балконов</a> </li> </ul> </div> </div> <div id="offcanvas-535" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/dveri/"><span uk-icon="menu-doors"></span>Двери</a> </li> <li> <a href="/dveri/vkhodnye/v-kottedzh/">Входные двери в коттедж</a> </li> <li> <a href="/dveri/steklyannye/sauny-bani/">Стеклянные двери для сауны и бани</a> </li> <li> <a href="/dveri/mezhkomnatnye/">Межкомнатные двери</a> </li> <li> <a href="/dveri/s-dekorativnym-polotnom/">Двери с декором</a> </li> <li> <a href="/dveri/balkonnye/">Балконные двери</a> </li> <li> <a href="/dveri/vkhodnye/">Входные двери</a> </li> <li> <a href="/dveri/ofisnye/">Офисные двери</a> </li> <li> <a href="/dveri/razdvizhnye/">Раздвижные порталы</a> </li> <li> <a href="/dveri/kaleva-interio/">Цельностеклянные двери</a> </li> </ul> </div> </div> <div id="offcanvas-536" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> Еще... </li> <li><a href="#offcanvas-592" uk-toggle>Аксессуары</a></li> <li><a href="#offcanvas-712" uk-toggle>Комплектующие для окон</a></li> <li> <a href="/gluhie-okna/">Глухие окна</a> </li> <li> <a href="/okna-panoramnoe-osteklenie/">Панорамные окна</a> </li> <li><a href="#offcanvas-713" uk-toggle>Интерьерные решения</a></li> <li> <a href="/osteklenie-verand-i-terras/">Остекление веранд и террас</a> </li> <li> <a href="/zashchitnye-ograzhdeniya/">Защитные ограждения</a> </li> <li> <a href="/garazhnye-vorota/">Гаражные ворота</a> </li> <li> <a href="/rolstavni/">Рольставни</a> </li> <li> <a href="/zimniy-sad/">Зимние сады</a> </li> </ul> </div> </div> <div id="offcanvas-592" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-536" uk-toggle uk-icon="icon: arrow-left"></a> Аксессуары </li> <li><a href="/ventilyatsionnye-klapany/">Вентиляционные клапаны</a></li> <li><a href="/moskitnye-setki/">Москитные сетки</a></li> <li><a href="/ogranichiteli-otkryvaniya-fiksatory/">Ограничители открывания</a></li> <li><a href="#offcanvas-594" uk-toggle>Жалюзи и шторы</a></li> <li><a href="/besprovodnaya-zaryadka-kaleva-energy/">Беспроводная зарядка Kaleva Energy</a></li> <li><a href="/dvertsy-dlya-koshek-kotprokhod/">Дверцы для кошек КотPROход</a></li> </ul> </div> </div> <div id="offcanvas-594" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-592" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/zhalyuzi-i-shtory/">Жалюзи и шторы</a> </li> <li><a href="/zhalyuzi-i-shtory/dlya-plastikovykh-okon/">Жалюзи и шторы для пластиковых окон</a></li> <li><a href="/zhalyuzi-i-shtory/klassicheskie/">Классические шторы и жалюзи</a></li> <li><a href="/zhalyuzi-i-shtory/plisse/">Шторы плиссе</a></li> </ul> </div> </div> <div id="offcanvas-712" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-536" uk-toggle uk-icon="icon: arrow-left"></a> Комплектующие для окон </li> <li><a href="#offcanvas-593" uk-toggle>Стеклопакеты</a></li> <li><a href="/podokonniki/">Подоконники</a></li> <li><a href="/ruchki/">Ручки</a></li> <li><a href="/sistemy-otkosov-qunell/">Системы откосов</a></li> <li><a href="/sistemy-otkryvaniya/">Системы открывания</a></li> </ul> </div> </div> <div id="offcanvas-593" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-712" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/steklopakety/">Стеклопакеты</a> </li> <li><a href="/steklopakety/standartnye/">Стандартные</a></li> <li><a href="/steklopakety/guardian/">Стеклопакеты Larta Glass</a></li> <li><a href="/steklopakety/funktsionalnye/">Функциональные</a></li> </ul> </div> </div> <div id="offcanvas-713" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas-536" uk-toggle uk-icon="icon: arrow-left"></a> Интерьерные решения </li> <li><a href="/obogrevateli-iz-stekla/">Обогреватели из стекла</a></li> <li><a href="/peregorodki-iz-stekla/">Перегородки из стекла</a></li> <li><a href="/magnitno-markernaya-doska-mark-glass-new/">Магнитно-маркерная доска MARK GLASS</a></li> <li><a href="/polotentsesushiteli-iz-stekla/">Полотенцесушители из стекла</a></li> <li><a href="/ekran-dlya-batarei/">Экран для батареи</a></li> </ul> </div> </div> <div id="offcanvas-24" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/company/">О компании</a> </li> <li> <a href="/company/history/">История компании</a> </li> <li> <a href="/company/mission/">Наша миссия</a> </li> <li> <a href="/company/production/">Производство</a> </li> <li> <a href="/company/certificates/">Сертификаты</a> </li> <li> <a href="/company/news/">Новости</a> </li> <li> <a href="/company/vacancy/">Вакансии</a> </li> <li> <a href="/company/opinions/">Отзывы</a> </li> </ul> </div> </div> <div id="offcanvas-398" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/uslugi/">Услуги</a> </li> <li> <a href="/uslugi/how-buy/">Заключение договора на дому</a> </li> <li> <a href="/uslugi/kredit-i-rassrochka/">Кредит и рассрочка</a> </li> <li> <a href="/uslugi/montazh-po-gostu/">Монтаж по ГОСТу</a> </li> <li> <a href="/uslugi/servisnoe-obsluzhivanie/">Гарантии</a> </li> <li> <a href="/uslugi/remont-i-modernizatsiya-okon/">Ремонт и модернизация окон</a> </li> <li> <a href="/uslugi/proverka-kvartiry-doma-na-utechku-tepla/">Проверка тепловизором</a> </li> </ul> </div> </div> <div id="offcanvas-31" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/clients/">Клиентам</a> </li> <li> <a href="/clients/fotogalereya/">Фотогалерея</a> </li> <li> <a href="/clients/cabinet/">Оплатить заказ</a> </li> <li> <a href="/clients/zapis-na-besplatnyy-zamer/">Записаться на замер</a> </li> <li> <a href="/clients/napisat-otzyv/">Написать отзыв</a> </li> <li> <a href="/clients/reclamation/">Оставить заявку на рекламацию</a> </li> <li> <a href="/clients/dostavka/">Уточнить дату доставки</a> </li> <li> <a href="/clients/order/">Проверка статуса заказа</a> </li> <li> <a href="/clients/articles/">Полезные статьи</a> </li> <li> <a href="/clients/video-poleznye-sovety/">Видеосюжеты</a> </li> </ul> </div> </div> <div id="offcanvas-32" uk-offcanvas="flip: true"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-default"> <li class="uk-flex uk-flex-middle"> <a class="uk-margin-small-right" href="#offcanvas" uk-toggle uk-icon="icon: arrow-left"></a> <a href="/partnerstvo/">Для бизнеса</a> </li> <li> <noindex> <a class="uk-flex" style="padding-top:10px; padding-bottom:10px; text-decoration: none;" rel=”nofollow” href="https://franchise.ecookna.ru">Франчайзинг</a> </noindex> </li> <li> <noindex> <a class="uk-flex" style="padding-top:10px; padding-bottom:10px; text-decoration: none;" rel=”nofollow” href="https://dealers.ecookna.ru">Станьте дилером</a> </noindex> </li> <li> <noindex> <a class="uk-flex" style="padding-top:10px; padding-bottom:10px; text-decoration: none;" rel=”nofollow” href="https://build.ecookna.ru">Строителям</a> </noindex> </li> <li> <noindex> <a class="uk-flex" style="padding-top:10px; padding-bottom:10px; text-decoration: none;" rel=”nofollow” href="https://zakupka.ecookna.ru/">Поставщикам</a> </noindex> </li> <li> <noindex> <a class="uk-flex" style="padding-top:10px; padding-bottom:10px; text-decoration: none;" rel=”nofollow” href="https://www.ecookna.ru/designers/">Дизайнерам и архитекторам</a> </noindex> </li> </ul> </div> </div>  <div id="js-modal-form" uk-modal> <div class="uk-modal-dialog uk-modal-body uk-width-large uk-padding uk-text-center uk-border-rounded"> <button class="uk-modal-close-default" type="button" uk-close></button> <div class="ajax-content-form ajax-content"></div> </div> </div>  <noindex> <script> function init_captcha() { grecaptcha.ready(function() { grecaptcha.execute('6LciBfEUAAAAAJbJ4pZxlxYNyp882Y3Zq4ksj1e4', { action: 'homepage' }).then(function(token) { var forms = document.getElementsByTagName("form"); fetch('/api/recaptcha/?ref=' + encodeURIComponent(document.referrer) + '&url=' + encodeURIComponent(document.location) + '&token=' + token, { method: 'GET', credentials: 'include' }).then(function(response) { return response.text() }).then(function(body) {}); }); }); } </script> <script async defer onload="init_captcha()" src='https://www.google.com/recaptcha/api.js?render=6LciBfEUAAAAAJbJ4pZxlxYNyp882Y3Zq4ksj1e4'></script> <style>.grecaptcha-badge{display:none}</style> <script> const request = new XMLHttpRequest(); const url = '/api/dynamic.php' + window.location.search; request.open('GET', url); request.setRequestHeader('Content-Type', 'application/x-www-form-url'); request.addEventListener('readystatechange', () => { if (request.readyState === 4 && request.status === 200) { // console.log(request.responseText); } }); request.send(); </script> </noindex>  <script> (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym"); ym(1310205, "init", { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true }); </script> <noscript> <div><img src="https://mc.yandex.ru/watch/1310205" style="position:absolute;left:-9999px" alt=""></div> </noscript>  </body> </html>