\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b — \u0421\u0442\u0443\u0434\u0438\u044f \u0412\u0438\u0442\u0440\u0430\u0436\u0435\u0439 \u0418\u041d\u0414\u0418\u0413\u041e<\/title><\/p>\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> html, body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n }<\/p>\n<p> body {\n font-family: 'Georgia', serif;\n color: #333;\n background: #f8f8f8;\n }<\/p>\n<p> \/* \u0428\u0430\u043f\u043a\u0430 *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n padding: 20px 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .logo {\n font-size: 28px;\n font-weight: bold;\n }<\/p>\n<p> .logo img {\n height: 50px;\n width: auto;\n display: block;\n }<\/p>\n<p> \/* Navigation Menu *\/\n .menu-container {\n display: flex;\n align-items: center;\n gap: 20px;\n }<\/p>\n<p> .menu-container nav {\n display: flex;\n gap: 30px;\n }<\/p>\n<p> .menu-container nav a {\n text-decoration: none;\n color: #333;\n font-size: 16px;\n transition: color 0.3s;\n position: relative;\n padding: 5px 0;\n }<\/p>\n<p> .menu-container nav a:hover {\n color: #667eea;\n }<\/p>\n<p> .menu-container nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n transition: width 0.3s;\n }<\/p>\n<p> .menu-container nav a:hover::after {\n width: 100%;\n }<\/p>\n<p> \/* Header Right Section *\/\n .header-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }<\/p>\n<p> .header-phone {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 18px;\n font-weight: bold;\n color: #333;\n text-decoration: none;\n transition: color 0.3s;\n }<\/p>\n<p> .header-phone:hover {\n color: #667eea;\n }<\/p>\n<p> .phone-icon {\n font-size: 20px;\n }<\/p>\n<p> .callback-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 12px 30px;\n border: none;\n border-radius: 50px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);\n transition: all 0.3s;\n }<\/p>\n<p> .callback-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n }<\/p>\n<p> \/* Burger Menu *\/\n .burger-menu {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 10px;\n background: transparent;\n border: none;\n z-index: 1001;\n }<\/p>\n<p> .burger-menu span {\n width: 30px;\n height: 3px;\n background: #333;\n transition: all 0.3s;\n border-radius: 2px;\n }<\/p>\n<p> .burger-menu.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }<\/p>\n<p> .burger-menu.active span:nth-child(2) {\n opacity: 0;\n }<\/p>\n<p> .burger-menu.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -7px);\n }<\/p>\n<p> \/* Hero \u0441\u0435\u043a\u0446\u0438\u044f *\/\n .hero {\n margin-top: 80px;\n min-height: 50vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\n }<\/p>\n<p> .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n color: white;\n padding: 50px;\n }<\/p>\n<p> .hero h1 {\n font-size: 64px;\n margin-bottom: 20px;\n text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 1s ease-out;\n }<\/p>\n<p> .hero p {\n font-size: 24px;\n text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 1s ease-out 0.2s both;\n }<\/p>\n<p> @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> \/* \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 *\/\n .contacts-main {\n padding: 100px 50px;\n background: white;\n }<\/p>\n<p> .contacts-container {\n max-width: 1400px;\n margin: 0 auto;\n }<\/p>\n<p> .contacts-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-bottom: 80px;\n }<\/p>\n<p> .contacts-info {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }<\/p>\n<p> .contact-card {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 40px;\n border-radius: 20px;\n display: flex;\n align-items: flex-start;\n gap: 25px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s;\n }<\/p>\n<p> .contact-card:hover {\n transform: translateX(10px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n }<\/p>\n<p> .contact-icon {\n font-size: 50px;\n min-width: 70px;\n text-align: center;\n filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));\n }<\/p>\n<p> .contact-text {\n flex: 1;\n }<\/p>\n<p> .contact-card h3 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #333;\n }<\/p>\n<p> .contact-card p {\n font-size: 18px;\n color: #666;\n margin: 0;\n line-height: 1.6;\n }<\/p>\n<p> .contact-card a {\n color: #667eea;\n text-decoration: none;\n font-weight: bold;\n transition: color 0.3s;\n }<\/p>\n<p> .contact-card a:hover {\n color: #764ba2;\n }<\/p>\n<p> \/* \u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 *\/\n .social-links {\n display: flex;\n gap: 15px;\n margin-top: 15px;\n }<\/p>\n<p> .social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: white;\n color: #667eea;\n font-size: 24px;\n text-decoration: none;\n transition: all 0.3s;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .social-link:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }<\/p>\n<p> .social-link.telegram {\n background: linear-gradient(135deg, #0088cc, #0077b5);\n color: white;\n }<\/p>\n<p> .social-link.vk {\n background: linear-gradient(135deg, #4a76a8, #5181b8);\n color: white;\n }<\/p>\n<p> .social-link svg {\n width: 28px;\n height: 28px;\n fill: currentColor;\n }<\/p>\n<p> \/* \u041a\u0430\u0440\u0442\u0430 *\/\n .map-section {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n height: 100%;\n min-height: 600px;\n }<\/p>\n<p> .map-section iframe {\n width: 100%;\n height: 100%;\n min-height: 600px;\n border: none;\n }<\/p>\n<p> \/* \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 *\/\n .contact-form-section {\n max-width: 800px;\n margin: 0 auto;\n }<\/p>\n<p> .contact-form-section h2 {\n text-align: center;\n font-size: 48px;\n margin-bottom: 50px;\n color: #333;\n }<\/p>\n<p> .contact-form {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 60px;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n }<\/p>\n<p> .form-group {\n margin-bottom: 25px;\n }<\/p>\n<p> .form-group label {\n display: block;\n color: white;\n margin-bottom: 10px;\n font-size: 16px;\n font-weight: bold;\n }<\/p>\n<p> .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 15px;\n border: none;\n border-radius: 10px;\n font-size: 16px;\n font-family: 'Georgia', serif;\n }<\/p>\n<p> .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #999;\n font-style: italic;\n }<\/p>\n<p> .form-group textarea {\n resize: vertical;\n min-height: 150px;\n }<\/p>\n<p> .form-group input.error {\n border: 2px solid #ff4444;\n }<\/p>\n<p> .error-message {\n color: #ffcccc;\n font-size: 14px;\n margin-top: 5px;\n display: none;\n }<\/p>\n<p> \/* \u0427\u0435\u043a\u0431\u043e\u043a\u0441 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f *\/\n .checkbox-group {\n margin-bottom: 25px;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }<\/p>\n<p> .checkbox-group input[type=\"checkbox\"] {\n width: auto;\n margin-top: 3px;\n cursor: pointer;\n }<\/p>\n<p> .checkbox-group label {\n color: white;\n font-size: 14px;\n line-height: 1.5;\n cursor: pointer;\n }<\/p>\n<p> .checkbox-group label a {\n color: white;\n text-decoration: underline;\n }<\/p>\n<p> .checkbox-group label a:hover {\n text-decoration: none;\n }<\/p>\n<p> .submit-button {\n background: white;\n color: #667eea;\n padding: 18px 50px;\n border: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n width: 100%;\n transition: all 0.3s;\n }<\/p>\n<p> .submit-button:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }<\/p>\n<p> .submit-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }<\/p>\n<p> \/* \u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u0447\u0430\u0441\u044b *\/\n .working-hours {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 50px;\n border-radius: 20px;\n margin-top: 60px;\n text-align: center;\n }<\/p>\n<p> .working-hours h3 {\n font-size: 32px;\n margin-bottom: 30px;\n color: #333;\n }<\/p>\n<p> .hours-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n max-width: 800px;\n margin: 0 auto;\n }<\/p>\n<p> .hours-item {\n background: white;\n padding: 20px;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .hours-item h4 {\n font-size: 18px;\n color: #667eea;\n margin-bottom: 10px;\n }<\/p>\n<p> .hours-item p {\n font-size: 16px;\n color: #666;\n }<\/p>\n<p> \/* \u0424\u0443\u0442\u0435\u0440 *\/\n footer {\n background: #333;\n color: white;\n text-align: center;\n padding: 30px;\n }<\/p>\n<p> \/* \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n z-index: 2000;\n justify-content: center;\n align-items: center;\n animation: fadeIn 0.3s;\n }<\/p>\n<p> .modal.active {\n display: flex;\n }<\/p>\n<p> @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }<\/p>\n<p> .modal-content {\n background: white;\n padding: 50px;\n border-radius: 20px;\n max-width: 600px;\n width: 90%;\n position: relative;\n animation: slideIn 0.3s;\n max-height: 90vh;\n overflow-y: auto;\n }<\/p>\n<p> @keyframes slideIn {\n from {\n transform: translateY(-50px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }<\/p>\n<p> .close-modal {\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 30px;\n cursor: pointer;\n color: #666;\n transition: color 0.3s;\n }<\/p>\n<p> .close-modal:hover {\n color: #333;\n }<\/p>\n<p> .modal-content h3 {\n font-size: 32px;\n margin-bottom: 30px;\n text-align: center;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }<\/p>\n<p> .modal-content.callback-modal .form-group label {\n color: #333;\n }<\/p>\n<p> .modal-content.callback-modal .checkbox-group label {\n color: #666;\n }<\/p>\n<p> .modal-content.callback-modal .checkbox-group label a {\n color: #667eea;\n }<\/p>\n<p> .modal-content.callback-modal .submit-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n }<\/p>\n<p> \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c *\/\n @media (max-width: 768px) {\n header {\n padding: 15px 20px;\n }<\/p>\n<p> .burger-menu {\n display: flex;\n }<\/p>\n<p> .menu-container {\n position: fixed;\n top: 80px;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.3s;\n max-height: calc(100vh - 80px);\n overflow-y: auto;\n flex-direction: column;\n }<\/p>\n<p> .menu-container.active {\n transform: translateY(0);\n opacity: 1;\n }<\/p>\n<p> .menu-container nav {\n flex-direction: column;\n gap: 15px;\n width: 100%;\n }<\/p>\n<p> .menu-container nav a {\n font-size: 18px;\n padding: 10px 0;\n display: block;\n }<\/p>\n<p> .header-right {\n flex-direction: column;\n width: 100%;\n gap: 15px;\n }<\/p>\n<p> .hero h1 {\n font-size: 36px;\n }<\/p>\n<p> .hero p {\n font-size: 18px;\n }<\/p>\n<p> .contacts-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .contact-form {\n padding: 40px 30px;\n }<\/p>\n<p> .contact-form-section h2 {\n font-size: 32px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<header>\n<div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/cropped-\u0414\u0438\u0437\u0430\u0439\u043d_\u0431\u0435\u0437_\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f__1_-removebg-preview.png\" alt=\"\u0418\u041d\u0414\u0418\u0413\u041e\" onerror=\"this.style.display='none'; this.parentElement.innerHTML='\u2728 \u0418\u041d\u0414\u0418\u0413\u041e';\">\n <\/div>\n<p> <br \/>\n <button class=\"burger-menu\" onclick=\"toggleMenu()\" aria-label=\"\u041c\u0435\u043d\u044e\"><br \/>\n <span><\/span><br \/>\n <span><\/span><br \/>\n <span><\/span><br \/>\n <\/button><\/p>\n<p> <\/p>\n<div class=\"menu-container\" id=\"mainMenu\">\n<nav>\n <a href=\"https:\/\/indigovitrag.ru\/\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=202\">\u041e \u043d\u0430\u0441<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?post_type=product\">\u041c\u0430\u0433\u0430\u0437\u0438\u043d<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=211\">\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/contacts\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><br \/>\n <\/nav>\n<div class=\"header-right\">\n <a href=\"tel:+79138919309\" class=\"header-phone\"><br \/>\n <span class=\"phone-icon\">\ud83d\udcde<\/span><br \/>\n <span>+7 (913) 891-93-09<\/span><br \/>\n <\/a><br \/>\n <button class=\"callback-button\" onclick=\"openCallbackModal()\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/button>\n <\/div>\n<\/p><\/div>\n<\/header>\n<p> <\/p>\n<section class=\"hero\">\n<div class=\"hero-content\">\n<h1>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h1>\n<p>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c<\/p>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"contacts-main\">\n<div class=\"contacts-container\">\n<div class=\"contacts-grid\">\n <\/p>\n<div class=\"contacts-info\">\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udccd<\/div>\n<div class=\"contact-text\">\n<h3>\u0410\u0434\u0440\u0435\u0441 \u0441\u0442\u0443\u0434\u0438\u0438<\/h3>\n<p>\u0443\u043b\u0438\u0446\u0430 \u0424\u0430\u0431\u0440\u0438\u0447\u043d\u0430\u044f, \u0434\u043e\u043c 25<br \/>\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a, \u0420\u043e\u0441\u0441\u0438\u044f<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udcde<\/div>\n<div class=\"contact-text\">\n<h3>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/h3>\n<p><a href=\"tel:+79138919309\">+7 (913) 891-93-09<\/a><\/p>\n<p style=\"font-size: 14px; margin-top: 10px;\">\u0417\u0432\u043e\u043d\u0438\u0442\u0435 \u0441 9:00 \u0434\u043e 18:00<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\u2709\ufe0f<\/div>\n<div class=\"contact-text\">\n<h3>Email<\/h3>\n<p><a href=\"mailto:vitrajindigo@mail.ru\">vitrajindigo@mail.ru<\/a><\/p>\n<p style=\"font-size: 14px; margin-top: 10px;\">\u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udcac<\/div>\n<div class=\"contact-text\">\n<h3>\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438<\/h3>\n<p>\u0421\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043d\u0430\u0448\u0438\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u043c\u0438 \u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438<\/p>\n<div class=\"social-links\">\n <br \/>\n <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_TELEGRAM\" target=\"_blank\" class=\"social-link telegram\" title=\"Telegram\"><br \/>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/vk.com\/indigo_vitrage\" target=\"_blank\" class=\"social-link vk\" title=\"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435\"><br \/>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm3.63 11.86c.42.43 1.04 1.05 1.46 1.49.18.19.35.38.48.61.18.32.02.68-.29.7l-1.91-.01c-.49.04-.88-.15-1.2-.49-.25-.27-.49-.56-.73-.84-.11-.13-.22-.25-.36-.35-.25-.18-.47-.13-.61.13-.15.26-.18.55-.19.84-.02.42-.13.54-.55.56-.88.04-1.71-.09-2.49-.53-.66-.37-1.17-.9-1.61-1.52-.85-1.19-1.5-2.5-2.1-3.85-.13-.29-.03-.45.29-.46.53-.01 1.07-.01 1.6 0 .22 0 .36.13.45.33.31.71.69 1.38 1.15 2 .14.19.28.39.48.52.23.15.4.09.51-.16.07-.16.1-.33.12-.51.04-.44.04-.88-.01-1.32-.03-.29-.17-.48-.46-.54-.15-.03-.13-.08-.05-.17.12-.14.24-.23.47-.23h1.77c.28.06.34.19.38.47v2.01c-.01.11.05.44.22.51.13.05.22-.07.29-.15.47-.52.8-1.13 1.11-1.75.14-.28.26-.57.38-.86.09-.19.23-.29.45-.28l1.86.01c.06 0 .11 0 .17.01.28.04.36.16.27.43-.14.41-.41.75-.67 1.09-.28.37-.57.73-.84 1.11-.25.34-.23.51.05.81z\"\/>\n <\/svg><br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"map-section\">\n <iframe loading=\"lazy\" src=\"https:\/\/yandex.ru\/map-widget\/v1\/?um=constructor%3A586f4f8420098001dae9bf2f8be974990e5b37fced62b3e570de48d1693548ae&source=constructor\" width=\"100%\" height=\"600\" frameborder=\"0\"><\/iframe>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"working-hours\">\n<h3>\u0420\u0435\u0436\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u044b<\/h3>\n<div class=\"hours-grid\">\n<div class=\"hours-item\">\n<h4>\u041f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a — \u041f\u044f\u0442\u043d\u0438\u0446\u0430<\/h4>\n<p>9:00 — 18:00<\/p>\n<\/p><\/div>\n<div class=\"hours-item\">\n<h4>\u0421\u0443\u0431\u0431\u043e\u0442\u0430<\/h4>\n<p>10:00 — 16:00<\/p>\n<\/p><\/div>\n<div class=\"hours-item\">\n<h4>\u0412\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435<\/h4>\n<p>\u0412\u044b\u0445\u043e\u0434\u043d\u043e\u0439<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"contact-form-section\">\n<h2>\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c<\/h2>\n<div class=\"contact-form\">\n<form id=\"contactForm\" onsubmit=\"submitForm(event)\">\n<div class=\"form-group\">\n <label for=\"name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"phoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430<\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n <label for=\"email\">Email (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"example@mail.ru\">\n <\/div>\n<div class=\"form-group\">\n <label for=\"message\">\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label><br \/>\n <textarea id=\"message\" name=\"message\" placeholder=\"\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u0440\u043e\u0441...\" required><\/textarea>\n <\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent1\" name=\"consent\" required><br \/>\n <label for=\"consent1\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<footer>\n<p>\u00a9 2020-2025 \u0418\u041d\u0414\u0418\u0413\u041e. \u0421\u0442\u0443\u0434\u0438\u044f \u0445\u0443\u0434\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0432\u0438\u0442\u0440\u0430\u0436\u0435\u0439. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/p>\n<\/footer>\n<p> <\/p>\n<div class=\"modal\" id=\"callbackModal\">\n<div class=\"modal-content callback-modal\">\n <span class=\"close-modal\" onclick=\"closeCallbackModal()\">×<\/span><\/p>\n<h3>\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/h3>\n<form id=\"callbackForm\" onsubmit=\"submitCallbackForm(event)\">\n<div class=\"form-group\">\n <label for=\"callbackName\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"callbackName\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"callbackPhone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"callbackPhone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"callbackPhoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 +7 (XXX) XXX-XX-XX<\/div>\n<\/p><\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent2\" name=\"consent\" required><br \/>\n <label for=\"consent2\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0437\u0432\u043e\u043d\u043e\u043a<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n \/\/ ========== \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 TELEGRAM \u0411\u041e\u0422\u0410 ==========\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 \u0412\u0410\u0428 \u0422\u041e\u041a\u0415\u041d \u0411\u041e\u0422\u0410\n const TELEGRAM_BOT_TOKEN = '8128303956:AAGmRSeTIZ1y6pbgrjweMuSof63mFPJYWJo';\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 CHAT ID \u0413\u0420\u0423\u041f\u041f\u042b (\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043c\u0438\u043d\u0443\u0441\u0430)\n const TELEGRAM_CHAT_ID = '-4974810588';\n \/\/ =============================================<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 Telegram\n async function sendToTelegram(message) {\n const url = `https:\/\/api.telegram.org\/bot${TELEGRAM_BOT_TOKEN}\/sendMessage`;<\/p>\n<p> try {\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify({\n chat_id: TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML',\n disable_web_page_preview: true\n })\n });<\/p>\n<p> const data = await response.json();<\/p>\n<p> if (!data.ok) {\n console.error('Telegram API Error:', data);\n }<\/p>\n<p> return data.ok;\n } catch (error) {\n console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram:', error);\n return false;\n }\n }<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n function validateRussianPhone(phone) {\n const cleaned = phone.replace(\/\\D\/g, '');<\/p>\n<p> if (cleaned.length === 11 && (cleaned[0] === '7' || cleaned[0] === '8')) {\n return true;\n }<\/p>\n<p> if (cleaned.length === 10) {\n return true;\n }<\/p>\n<p> return false;\n }<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043f\u0440\u0438 \u0432\u0432\u043e\u0434\u0435\n function formatPhoneNumber(input) {\n let value = input.value.replace(\/\\D\/g, '');<\/p>\n<p> if (value.length > 0) {\n if (value[0] === '8') {\n value = '7' + value.substring(1);\n }<\/p>\n<p> let formatted = '+7';\n if (value.length > 1) {\n formatted += ' (' + value.substring(1, 4);\n }\n if (value.length >= 5) {\n formatted += ') ' + value.substring(4, 7);\n }\n if (value.length >= 8) {\n formatted += '-' + value.substring(7, 9);\n }\n if (value.length >= 10) {\n formatted += '-' + value.substring(9, 11);\n }<\/p>\n<p> input.value = formatted;\n }\n }<\/p>\n<p> \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.querySelectorAll('input[type=\"tel\"]').forEach(input => {\n input.addEventListener('input', function() {\n formatPhoneNumber(this);\n });<\/p>\n<p> input.addEventListener('blur', function() {\n const errorId = this.id + 'Error';\n const errorElement = document.getElementById(errorId);<\/p>\n<p> if (this.value && !validateRussianPhone(this.value)) {\n this.classList.add('error');\n if (errorElement) {\n errorElement.style.display = 'block';\n }\n } else {\n this.classList.remove('error');\n if (errorElement) {\n errorElement.style.display = 'none';\n }\n }\n });\n });<\/p>\n<p> \/\/ \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e\n function toggleMenu() {\n const menu = document.getElementById('mainMenu');\n const burger = document.querySelector('.burger-menu');\n menu.classList.toggle('active');\n burger.classList.toggle('active');\n }<\/p>\n<p> \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u0435\u043d\u044e \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0441\u0441\u044b\u043b\u043a\u0443\n document.addEventListener('DOMContentLoaded', function() {\n const menuLinks = document.querySelectorAll('.menu-container a');\n menuLinks.forEach(link => {\n link.addEventListener('click', function() {\n if (window.innerWidth <= 768) {\n toggleMenu();\n }\n });\n });\n });\n\n \/\/ \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n function openCallbackModal() {\n document.getElementById('callbackModal').classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n function closeCallbackModal() {\n document.getElementById('callbackModal').classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u0432\u043d\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430\n window.onclick = function(event) {\n const callbackModal = document.getElementById('callbackModal');\n \n if (event.target === callbackModal) {\n closeCallbackModal();\n }\n }\n\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438\n async function submitForm(event) {\n event.preventDefault();\n \n const phone = document.getElementById('phone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('phone').classList.add('error');\n document.getElementById('phoneError').style.display = 'block';\n return;\n }\n \n const consent = document.getElementById('consent1').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }\n \n \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const message = document.getElementById('message').value;\n \n \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const telegramMessage = `\n\ud83d\udcac <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n${email ? `\ud83d\udce7 <b>Email:<\/b> ${email}` : ''}\n\u2709\ufe0f <b>\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435:<\/b> ${message}<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(telegramMessage);<\/p>\n<p> if (sent) {\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0432\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0438 \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 (913) 891-93-09');\n }\n }<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n async function submitCallbackForm(event) {\n event.preventDefault();<\/p>\n<p> const phone = document.getElementById('callbackPhone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('callbackPhone').classList.add('error');\n document.getElementById('callbackPhoneError').style.display = 'block';\n return;\n }<\/p>\n<p> const consent = document.getElementById('consent2').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }<\/p>\n<p> \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('callbackName').value;<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const message = `\n\ud83d\udcde <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430: \u041e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcf1 <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\ud83d\udcc4 <b>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a:<\/b> \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\"<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(message);<\/p>\n<p> if (sent) {\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n closeCallbackModal();\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 (913) 891-93-09');\n }\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b — \u0421\u0442\u0443\u0434\u0438\u044f \u0412\u0438\u0442\u0440\u0430\u0436\u0435\u0439 \u0418\u041d\u0414\u0418\u0413\u041e \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e \u043d\u0430\u0441 \u041c\u0430\u0433\u0430\u0437\u0438\u043d \u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \ud83d\udcde +7 (913) 891-93-09 \u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \ud83d\udccd \u0410\u0434\u0440\u0435\u0441 \u0441\u0442\u0443\u0434\u0438\u0438 \u0443\u043b\u0438\u0446\u0430 \u0424\u0430\u0431\u0440\u0438\u0447\u043d\u0430\u044f, \u0434\u043e\u043c 25\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a, \u0420\u043e\u0441\u0441\u0438\u044f \ud83d\udcde \u0422\u0435\u043b\u0435\u0444\u043e\u043d +7 (913) 891-93-09 \u0417\u0432\u043e\u043d\u0438\u0442\u0435 \u0441 9:00 \u0434\u043e 18:00 \u2709\ufe0f Email vitrajindigo@mail.ru \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432 \ud83d\udcac \u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 \u0421\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430… <a href=\"https:\/\/indigovitrag.ru\/?page_id=3191\" class=\"\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 »<span class=\"screen-reader-text\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-3191","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/3191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3191"}],"version-history":[{"count":17,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/3191\/revisions"}],"predecessor-version":[{"id":3228,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/3191\/revisions\/3228"}],"wp:attachment":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3191,"date":"2025-11-23T10:46:36","date_gmt":"2025-11-23T07:46:36","guid":{"rendered":"https:\/\/indigovitrag.ru\/?page_id=3191"},"modified":"2025-11-23T11:28:50","modified_gmt":"2025-11-23T08:28:50","slug":"3191-2","status":"publish","type":"page","link":"https:\/\/indigovitrag.ru\/?page_id=3191","title":{"rendered":"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b"},"content":{"rendered":"

\n
\n
\n
\n
\n \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b — \u0421\u0442\u0443\u0434\u0438\u044f \u0412\u0438\u0442\u0440\u0430\u0436\u0435\u0439 \u0418\u041d\u0414\u0418\u0413\u041e<\/title><\/p>\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> html, body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n }<\/p>\n<p> body {\n font-family: 'Georgia', serif;\n color: #333;\n background: #f8f8f8;\n }<\/p>\n<p> \/* \u0428\u0430\u043f\u043a\u0430 *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n padding: 20px 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .logo {\n font-size: 28px;\n font-weight: bold;\n }<\/p>\n<p> .logo img {\n height: 50px;\n width: auto;\n display: block;\n }<\/p>\n<p> \/* Navigation Menu *\/\n .menu-container {\n display: flex;\n align-items: center;\n gap: 20px;\n }<\/p>\n<p> .menu-container nav {\n display: flex;\n gap: 30px;\n }<\/p>\n<p> .menu-container nav a {\n text-decoration: none;\n color: #333;\n font-size: 16px;\n transition: color 0.3s;\n position: relative;\n padding: 5px 0;\n }<\/p>\n<p> .menu-container nav a:hover {\n color: #667eea;\n }<\/p>\n<p> .menu-container nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n transition: width 0.3s;\n }<\/p>\n<p> .menu-container nav a:hover::after {\n width: 100%;\n }<\/p>\n<p> \/* Header Right Section *\/\n .header-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }<\/p>\n<p> .header-phone {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 18px;\n font-weight: bold;\n color: #333;\n text-decoration: none;\n transition: color 0.3s;\n }<\/p>\n<p> .header-phone:hover {\n color: #667eea;\n }<\/p>\n<p> .phone-icon {\n font-size: 20px;\n }<\/p>\n<p> .callback-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 12px 30px;\n border: none;\n border-radius: 50px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);\n transition: all 0.3s;\n }<\/p>\n<p> .callback-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n }<\/p>\n<p> \/* Burger Menu *\/\n .burger-menu {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 10px;\n background: transparent;\n border: none;\n z-index: 1001;\n }<\/p>\n<p> .burger-menu span {\n width: 30px;\n height: 3px;\n background: #333;\n transition: all 0.3s;\n border-radius: 2px;\n }<\/p>\n<p> .burger-menu.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }<\/p>\n<p> .burger-menu.active span:nth-child(2) {\n opacity: 0;\n }<\/p>\n<p> .burger-menu.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -7px);\n }<\/p>\n<p> \/* Hero \u0441\u0435\u043a\u0446\u0438\u044f *\/\n .hero {\n margin-top: 80px;\n min-height: 50vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\n }<\/p>\n<p> .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n color: white;\n padding: 50px;\n }<\/p>\n<p> .hero h1 {\n font-size: 64px;\n margin-bottom: 20px;\n text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 1s ease-out;\n }<\/p>\n<p> .hero p {\n font-size: 24px;\n text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 1s ease-out 0.2s both;\n }<\/p>\n<p> @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> \/* \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 *\/\n .contacts-main {\n padding: 100px 50px;\n background: white;\n }<\/p>\n<p> .contacts-container {\n max-width: 1400px;\n margin: 0 auto;\n }<\/p>\n<p> .contacts-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-bottom: 80px;\n }<\/p>\n<p> .contacts-info {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }<\/p>\n<p> .contact-card {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 40px;\n border-radius: 20px;\n display: flex;\n align-items: flex-start;\n gap: 25px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s;\n }<\/p>\n<p> .contact-card:hover {\n transform: translateX(10px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n }<\/p>\n<p> .contact-icon {\n font-size: 50px;\n min-width: 70px;\n text-align: center;\n filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));\n }<\/p>\n<p> .contact-text {\n flex: 1;\n }<\/p>\n<p> .contact-card h3 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #333;\n }<\/p>\n<p> .contact-card p {\n font-size: 18px;\n color: #666;\n margin: 0;\n line-height: 1.6;\n }<\/p>\n<p> .contact-card a {\n color: #667eea;\n text-decoration: none;\n font-weight: bold;\n transition: color 0.3s;\n }<\/p>\n<p> .contact-card a:hover {\n color: #764ba2;\n }<\/p>\n<p> \/* \u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 *\/\n .social-links {\n display: flex;\n gap: 15px;\n margin-top: 15px;\n }<\/p>\n<p> .social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: white;\n color: #667eea;\n font-size: 24px;\n text-decoration: none;\n transition: all 0.3s;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .social-link:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }<\/p>\n<p> .social-link.telegram {\n background: linear-gradient(135deg, #0088cc, #0077b5);\n color: white;\n }<\/p>\n<p> .social-link.vk {\n background: linear-gradient(135deg, #4a76a8, #5181b8);\n color: white;\n }<\/p>\n<p> .social-link svg {\n width: 28px;\n height: 28px;\n fill: currentColor;\n }<\/p>\n<p> \/* \u041a\u0430\u0440\u0442\u0430 *\/\n .map-section {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n height: 100%;\n min-height: 600px;\n }<\/p>\n<p> .map-section iframe {\n width: 100%;\n height: 100%;\n min-height: 600px;\n border: none;\n }<\/p>\n<p> \/* \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 *\/\n .contact-form-section {\n max-width: 800px;\n margin: 0 auto;\n }<\/p>\n<p> .contact-form-section h2 {\n text-align: center;\n font-size: 48px;\n margin-bottom: 50px;\n color: #333;\n }<\/p>\n<p> .contact-form {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 60px;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n }<\/p>\n<p> .form-group {\n margin-bottom: 25px;\n }<\/p>\n<p> .form-group label {\n display: block;\n color: white;\n margin-bottom: 10px;\n font-size: 16px;\n font-weight: bold;\n }<\/p>\n<p> .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 15px;\n border: none;\n border-radius: 10px;\n font-size: 16px;\n font-family: 'Georgia', serif;\n }<\/p>\n<p> .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #999;\n font-style: italic;\n }<\/p>\n<p> .form-group textarea {\n resize: vertical;\n min-height: 150px;\n }<\/p>\n<p> .form-group input.error {\n border: 2px solid #ff4444;\n }<\/p>\n<p> .error-message {\n color: #ffcccc;\n font-size: 14px;\n margin-top: 5px;\n display: none;\n }<\/p>\n<p> \/* \u0427\u0435\u043a\u0431\u043e\u043a\u0441 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f *\/\n .checkbox-group {\n margin-bottom: 25px;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }<\/p>\n<p> .checkbox-group input[type=\"checkbox\"] {\n width: auto;\n margin-top: 3px;\n cursor: pointer;\n }<\/p>\n<p> .checkbox-group label {\n color: white;\n font-size: 14px;\n line-height: 1.5;\n cursor: pointer;\n }<\/p>\n<p> .checkbox-group label a {\n color: white;\n text-decoration: underline;\n }<\/p>\n<p> .checkbox-group label a:hover {\n text-decoration: none;\n }<\/p>\n<p> .submit-button {\n background: white;\n color: #667eea;\n padding: 18px 50px;\n border: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n width: 100%;\n transition: all 0.3s;\n }<\/p>\n<p> .submit-button:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }<\/p>\n<p> .submit-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }<\/p>\n<p> \/* \u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u0447\u0430\u0441\u044b *\/\n .working-hours {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 50px;\n border-radius: 20px;\n margin-top: 60px;\n text-align: center;\n }<\/p>\n<p> .working-hours h3 {\n font-size: 32px;\n margin-bottom: 30px;\n color: #333;\n }<\/p>\n<p> .hours-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n max-width: 800px;\n margin: 0 auto;\n }<\/p>\n<p> .hours-item {\n background: white;\n padding: 20px;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .hours-item h4 {\n font-size: 18px;\n color: #667eea;\n margin-bottom: 10px;\n }<\/p>\n<p> .hours-item p {\n font-size: 16px;\n color: #666;\n }<\/p>\n<p> \/* \u0424\u0443\u0442\u0435\u0440 *\/\n footer {\n background: #333;\n color: white;\n text-align: center;\n padding: 30px;\n }<\/p>\n<p> \/* \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n z-index: 2000;\n justify-content: center;\n align-items: center;\n animation: fadeIn 0.3s;\n }<\/p>\n<p> .modal.active {\n display: flex;\n }<\/p>\n<p> @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }<\/p>\n<p> .modal-content {\n background: white;\n padding: 50px;\n border-radius: 20px;\n max-width: 600px;\n width: 90%;\n position: relative;\n animation: slideIn 0.3s;\n max-height: 90vh;\n overflow-y: auto;\n }<\/p>\n<p> @keyframes slideIn {\n from {\n transform: translateY(-50px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }<\/p>\n<p> .close-modal {\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 30px;\n cursor: pointer;\n color: #666;\n transition: color 0.3s;\n }<\/p>\n<p> .close-modal:hover {\n color: #333;\n }<\/p>\n<p> .modal-content h3 {\n font-size: 32px;\n margin-bottom: 30px;\n text-align: center;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }<\/p>\n<p> .modal-content.callback-modal .form-group label {\n color: #333;\n }<\/p>\n<p> .modal-content.callback-modal .checkbox-group label {\n color: #666;\n }<\/p>\n<p> .modal-content.callback-modal .checkbox-group label a {\n color: #667eea;\n }<\/p>\n<p> .modal-content.callback-modal .submit-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n }<\/p>\n<p> \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c *\/\n @media (max-width: 768px) {\n header {\n padding: 15px 20px;\n }<\/p>\n<p> .burger-menu {\n display: flex;\n }<\/p>\n<p> .menu-container {\n position: fixed;\n top: 80px;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.3s;\n max-height: calc(100vh - 80px);\n overflow-y: auto;\n flex-direction: column;\n }<\/p>\n<p> .menu-container.active {\n transform: translateY(0);\n opacity: 1;\n }<\/p>\n<p> .menu-container nav {\n flex-direction: column;\n gap: 15px;\n width: 100%;\n }<\/p>\n<p> .menu-container nav a {\n font-size: 18px;\n padding: 10px 0;\n display: block;\n }<\/p>\n<p> .header-right {\n flex-direction: column;\n width: 100%;\n gap: 15px;\n }<\/p>\n<p> .hero h1 {\n font-size: 36px;\n }<\/p>\n<p> .hero p {\n font-size: 18px;\n }<\/p>\n<p> .contacts-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .contact-form {\n padding: 40px 30px;\n }<\/p>\n<p> .contact-form-section h2 {\n font-size: 32px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<header>\n<div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/cropped-\u0414\u0438\u0437\u0430\u0439\u043d_\u0431\u0435\u0437_\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f__1_-removebg-preview.png\" alt=\"\u0418\u041d\u0414\u0418\u0413\u041e\" onerror=\"this.style.display='none'; this.parentElement.innerHTML='\u2728 \u0418\u041d\u0414\u0418\u0413\u041e';\">\n <\/div>\n<p> <br \/>\n <button class=\"burger-menu\" onclick=\"toggleMenu()\" aria-label=\"\u041c\u0435\u043d\u044e\"><br \/>\n <span><\/span><br \/>\n <span><\/span><br \/>\n <span><\/span><br \/>\n <\/button><\/p>\n<p> <\/p>\n<div class=\"menu-container\" id=\"mainMenu\">\n<nav>\n <a href=\"https:\/\/indigovitrag.ru\/\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=202\">\u041e \u043d\u0430\u0441<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?post_type=product\">\u041c\u0430\u0433\u0430\u0437\u0438\u043d<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=211\">\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/contacts\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><br \/>\n <\/nav>\n<div class=\"header-right\">\n <a href=\"tel:+79138919309\" class=\"header-phone\"><br \/>\n <span class=\"phone-icon\">\ud83d\udcde<\/span><br \/>\n <span>+7 (913) 891-93-09<\/span><br \/>\n <\/a><br \/>\n <button class=\"callback-button\" onclick=\"openCallbackModal()\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/button>\n <\/div>\n<\/p><\/div>\n<\/header>\n<p> <\/p>\n<section class=\"hero\">\n<div class=\"hero-content\">\n<h1>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h1>\n<p>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c<\/p>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"contacts-main\">\n<div class=\"contacts-container\">\n<div class=\"contacts-grid\">\n <\/p>\n<div class=\"contacts-info\">\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udccd<\/div>\n<div class=\"contact-text\">\n<h3>\u0410\u0434\u0440\u0435\u0441 \u0441\u0442\u0443\u0434\u0438\u0438<\/h3>\n<p>\u0443\u043b\u0438\u0446\u0430 \u0424\u0430\u0431\u0440\u0438\u0447\u043d\u0430\u044f, \u0434\u043e\u043c 25<br \/>\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a, \u0420\u043e\u0441\u0441\u0438\u044f<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udcde<\/div>\n<div class=\"contact-text\">\n<h3>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/h3>\n<p><a href=\"tel:+79138919309\">+7 (913) 891-93-09<\/a><\/p>\n<p style=\"font-size: 14px; margin-top: 10px;\">\u0417\u0432\u043e\u043d\u0438\u0442\u0435 \u0441 9:00 \u0434\u043e 18:00<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\u2709\ufe0f<\/div>\n<div class=\"contact-text\">\n<h3>Email<\/h3>\n<p><a href=\"mailto:vitrajindigo@mail.ru\">vitrajindigo@mail.ru<\/a><\/p>\n<p style=\"font-size: 14px; margin-top: 10px;\">\u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udcac<\/div>\n<div class=\"contact-text\">\n<h3>\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438<\/h3>\n<p>\u0421\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043d\u0430\u0448\u0438\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u043c\u0438 \u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438<\/p>\n<div class=\"social-links\">\n <br \/>\n <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_TELEGRAM\" target=\"_blank\" class=\"social-link telegram\" title=\"Telegram\"><br \/>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/vk.com\/indigo_vitrage\" target=\"_blank\" class=\"social-link vk\" title=\"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435\"><br \/>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm3.63 11.86c.42.43 1.04 1.05 1.46 1.49.18.19.35.38.48.61.18.32.02.68-.29.7l-1.91-.01c-.49.04-.88-.15-1.2-.49-.25-.27-.49-.56-.73-.84-.11-.13-.22-.25-.36-.35-.25-.18-.47-.13-.61.13-.15.26-.18.55-.19.84-.02.42-.13.54-.55.56-.88.04-1.71-.09-2.49-.53-.66-.37-1.17-.9-1.61-1.52-.85-1.19-1.5-2.5-2.1-3.85-.13-.29-.03-.45.29-.46.53-.01 1.07-.01 1.6 0 .22 0 .36.13.45.33.31.71.69 1.38 1.15 2 .14.19.28.39.48.52.23.15.4.09.51-.16.07-.16.1-.33.12-.51.04-.44.04-.88-.01-1.32-.03-.29-.17-.48-.46-.54-.15-.03-.13-.08-.05-.17.12-.14.24-.23.47-.23h1.77c.28.06.34.19.38.47v2.01c-.01.11.05.44.22.51.13.05.22-.07.29-.15.47-.52.8-1.13 1.11-1.75.14-.28.26-.57.38-.86.09-.19.23-.29.45-.28l1.86.01c.06 0 .11 0 .17.01.28.04.36.16.27.43-.14.41-.41.75-.67 1.09-.28.37-.57.73-.84 1.11-.25.34-.23.51.05.81z\"\/>\n <\/svg><br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"map-section\">\n <iframe loading=\"lazy\" src=\"https:\/\/yandex.ru\/map-widget\/v1\/?um=constructor%3A586f4f8420098001dae9bf2f8be974990e5b37fced62b3e570de48d1693548ae&source=constructor\" width=\"100%\" height=\"600\" frameborder=\"0\"><\/iframe>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"working-hours\">\n<h3>\u0420\u0435\u0436\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u044b<\/h3>\n<div class=\"hours-grid\">\n<div class=\"hours-item\">\n<h4>\u041f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a — \u041f\u044f\u0442\u043d\u0438\u0446\u0430<\/h4>\n<p>9:00 — 18:00<\/p>\n<\/p><\/div>\n<div class=\"hours-item\">\n<h4>\u0421\u0443\u0431\u0431\u043e\u0442\u0430<\/h4>\n<p>10:00 — 16:00<\/p>\n<\/p><\/div>\n<div class=\"hours-item\">\n<h4>\u0412\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435<\/h4>\n<p>\u0412\u044b\u0445\u043e\u0434\u043d\u043e\u0439<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"contact-form-section\">\n<h2>\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c<\/h2>\n<div class=\"contact-form\">\n<form id=\"contactForm\" onsubmit=\"submitForm(event)\">\n<div class=\"form-group\">\n <label for=\"name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"phoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430<\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n <label for=\"email\">Email (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"example@mail.ru\">\n <\/div>\n<div class=\"form-group\">\n <label for=\"message\">\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label><br \/>\n <textarea id=\"message\" name=\"message\" placeholder=\"\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u0440\u043e\u0441...\" required><\/textarea>\n <\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent1\" name=\"consent\" required><br \/>\n <label for=\"consent1\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<footer>\n<p>\u00a9 2020-2025 \u0418\u041d\u0414\u0418\u0413\u041e. \u0421\u0442\u0443\u0434\u0438\u044f \u0445\u0443\u0434\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0432\u0438\u0442\u0440\u0430\u0436\u0435\u0439. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/p>\n<\/footer>\n<p> <\/p>\n<div class=\"modal\" id=\"callbackModal\">\n<div class=\"modal-content callback-modal\">\n <span class=\"close-modal\" onclick=\"closeCallbackModal()\">×<\/span><\/p>\n<h3>\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/h3>\n<form id=\"callbackForm\" onsubmit=\"submitCallbackForm(event)\">\n<div class=\"form-group\">\n <label for=\"callbackName\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"callbackName\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"callbackPhone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"callbackPhone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"callbackPhoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 +7 (XXX) XXX-XX-XX<\/div>\n<\/p><\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent2\" name=\"consent\" required><br \/>\n <label for=\"consent2\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0437\u0432\u043e\u043d\u043e\u043a<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n \/\/ ========== \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 TELEGRAM \u0411\u041e\u0422\u0410 ==========\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 \u0412\u0410\u0428 \u0422\u041e\u041a\u0415\u041d \u0411\u041e\u0422\u0410\n const TELEGRAM_BOT_TOKEN = '8128303956:AAGmRSeTIZ1y6pbgrjweMuSof63mFPJYWJo';\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 CHAT ID \u0413\u0420\u0423\u041f\u041f\u042b (\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043c\u0438\u043d\u0443\u0441\u0430)\n const TELEGRAM_CHAT_ID = '-4974810588';\n \/\/ =============================================<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 Telegram\n async function sendToTelegram(message) {\n const url = `https:\/\/api.telegram.org\/bot${TELEGRAM_BOT_TOKEN}\/sendMessage`;<\/p>\n<p> try {\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify({\n chat_id: TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML',\n disable_web_page_preview: true\n })\n });<\/p>\n<p> const data = await response.json();<\/p>\n<p> if (!data.ok) {\n console.error('Telegram API Error:', data);\n }<\/p>\n<p> return data.ok;\n } catch (error) {\n console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram:', error);\n return false;\n }\n }<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n function validateRussianPhone(phone) {\n const cleaned = phone.replace(\/\\D\/g, '');<\/p>\n<p> if (cleaned.length === 11 && (cleaned[0] === '7' || cleaned[0] === '8')) {\n return true;\n }<\/p>\n<p> if (cleaned.length === 10) {\n return true;\n }<\/p>\n<p> return false;\n }<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043f\u0440\u0438 \u0432\u0432\u043e\u0434\u0435\n function formatPhoneNumber(input) {\n let value = input.value.replace(\/\\D\/g, '');<\/p>\n<p> if (value.length > 0) {\n if (value[0] === '8') {\n value = '7' + value.substring(1);\n }<\/p>\n<p> let formatted = '+7';\n if (value.length > 1) {\n formatted += ' (' + value.substring(1, 4);\n }\n if (value.length >= 5) {\n formatted += ') ' + value.substring(4, 7);\n }\n if (value.length >= 8) {\n formatted += '-' + value.substring(7, 9);\n }\n if (value.length >= 10) {\n formatted += '-' + value.substring(9, 11);\n }<\/p>\n<p> input.value = formatted;\n }\n }<\/p>\n<p> \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.querySelectorAll('input[type=\"tel\"]').forEach(input => {\n input.addEventListener('input', function() {\n formatPhoneNumber(this);\n });<\/p>\n<p> input.addEventListener('blur', function() {\n const errorId = this.id + 'Error';\n const errorElement = document.getElementById(errorId);<\/p>\n<p> if (this.value && !validateRussianPhone(this.value)) {\n this.classList.add('error');\n if (errorElement) {\n errorElement.style.display = 'block';\n }\n } else {\n this.classList.remove('error');\n if (errorElement) {\n errorElement.style.display = 'none';\n }\n }\n });\n });<\/p>\n<p> \/\/ \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e\n function toggleMenu() {\n const menu = document.getElementById('mainMenu');\n const burger = document.querySelector('.burger-menu');\n menu.classList.toggle('active');\n burger.classList.toggle('active');\n }<\/p>\n<p> \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u0435\u043d\u044e \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0441\u0441\u044b\u043b\u043a\u0443\n document.addEventListener('DOMContentLoaded', function() {\n const menuLinks = document.querySelectorAll('.menu-container a');\n menuLinks.forEach(link => {\n link.addEventListener('click', function() {\n if (window.innerWidth <= 768) {\n toggleMenu();\n }\n });\n });\n });\n\n \/\/ \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n function openCallbackModal() {\n document.getElementById('callbackModal').classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n function closeCallbackModal() {\n document.getElementById('callbackModal').classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u0432\u043d\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430\n window.onclick = function(event) {\n const callbackModal = document.getElementById('callbackModal');\n \n if (event.target === callbackModal) {\n closeCallbackModal();\n }\n }\n\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438\n async function submitForm(event) {\n event.preventDefault();\n \n const phone = document.getElementById('phone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('phone').classList.add('error');\n document.getElementById('phoneError').style.display = 'block';\n return;\n }\n \n const consent = document.getElementById('consent1').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }\n \n \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const message = document.getElementById('message').value;\n \n \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const telegramMessage = `\n\ud83d\udcac <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n${email ? `\ud83d\udce7 <b>Email:<\/b> ${email}` : ''}\n\u2709\ufe0f <b>\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435:<\/b> ${message}<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(telegramMessage);<\/p>\n<p> if (sent) {\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0432\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0438 \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 (913) 891-93-09');\n }\n }<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n async function submitCallbackForm(event) {\n event.preventDefault();<\/p>\n<p> const phone = document.getElementById('callbackPhone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('callbackPhone').classList.add('error');\n document.getElementById('callbackPhoneError').style.display = 'block';\n return;\n }<\/p>\n<p> const consent = document.getElementById('consent2').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }<\/p>\n<p> \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('callbackName').value;<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const message = `\n\ud83d\udcde <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430: \u041e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcf1 <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\ud83d\udcc4 <b>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a:<\/b> \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\"<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(message);<\/p>\n<p> if (sent) {\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n closeCallbackModal();\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 (913) 891-93-09');\n }\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b — \u0421\u0442\u0443\u0434\u0438\u044f \u0412\u0438\u0442\u0440\u0430\u0436\u0435\u0439 \u0418\u041d\u0414\u0418\u0413\u041e \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e \u043d\u0430\u0441 \u041c\u0430\u0433\u0430\u0437\u0438\u043d \u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \ud83d\udcde +7 (913) 891-93-09 \u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \ud83d\udccd \u0410\u0434\u0440\u0435\u0441 \u0441\u0442\u0443\u0434\u0438\u0438 \u0443\u043b\u0438\u0446\u0430 \u0424\u0430\u0431\u0440\u0438\u0447\u043d\u0430\u044f, \u0434\u043e\u043c 25\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a, \u0420\u043e\u0441\u0441\u0438\u044f \ud83d\udcde \u0422\u0435\u043b\u0435\u0444\u043e\u043d +7 (913) 891-93-09 \u0417\u0432\u043e\u043d\u0438\u0442\u0435 \u0441 9:00 \u0434\u043e 18:00 \u2709\ufe0f Email vitrajindigo@mail.ru \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432 \ud83d\udcac \u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 \u0421\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430… <a href=\"https:\/\/indigovitrag.ru\/?page_id=3191\" class=\"\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 »<span class=\"screen-reader-text\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-3191","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/3191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3191"}],"version-history":[{"count":17,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/3191\/revisions"}],"predecessor-version":[{"id":3228,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/3191\/revisions\/3228"}],"wp:attachment":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}