\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0438 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b \u2014 \u0410\u0422\u0420\u0418<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: #FDFCFA;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: #2A2A2A;\n line-height: 1.5;\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');\n\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 32px;\n }\n\n .company-header {\n text-align: center;\n margin-top: 2rem;\n margin-bottom: 1rem;\n }\n .company-name {\n font-size: 2rem;\n font-weight: 600;\n letter-spacing: -0.01em;\n color: #1F1F1F;\n margin: 0 0 0.25rem 0;\n }\n .company-name-light {\n font-size: 1.8rem;\n font-weight: 400;\n color: #3D3D3D;\n }\n .title-decor {\n width: 70px;\n height: 3px;\n background-color: #D33F3F;\n margin: 0.75rem auto 0 auto;\n border-radius: 2px;\n }\n\n .two-columns {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n background: white;\n border-radius: 32px;\n padding: 2rem;\n margin: 2rem 0;\n border: 1px solid #EFEFEF;\n box-shadow: 0 8px 20px -12px rgba(0,0,0,0.06);\n }\n .col {\n flex: 1;\n min-width: 220px;\n }\n\n .requisites-table {\n width: 100%;\n border-collapse: collapse;\n }\n .requisites-table tr {\n margin-bottom: 0.75rem;\n display: block;\n }\n .requisites-table td {\n padding: 0.3rem 0;\n vertical-align: top;\n }\n .requisites-table td:first-child {\n font-weight: 500;\n color: #1F1F1F;\n white-space: nowrap;\n }\n .requisites-table td:first-child::after {\n content: \":\";\n margin-left: 2px;\n }\n .requisites-table td:last-child {\n font-weight: 500;\n color: #D33F3F;\n font-family: monospace;\n font-size: 0.95rem;\n padding-left: 6px;\n }\n\n .contact-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n .contact-item {\n display: flex;\n flex-wrap: wrap;\n align-items: baseline;\n }\n .contact-label {\n font-weight: 500;\n color: #1F1F1F;\n white-space: nowrap;\n }\n .contact-label::after {\n content: \":\";\n margin-right: 8px;\n }\n .contact-value {\n color: #D33F3F;\n font-weight: 500;\n word-break: break-word;\n }\n .contact-value a {\n color: #D33F3F;\n text-decoration: none;\n border-bottom: 1px dashed rgba(211,63,63,0.3);\n }\n .contact-value a:hover {\n border-bottom-color: #D33F3F;\n }\n\n .response-phrase {\n text-align: center;\n font-size: 1.6rem;\n font-weight: 500;\n margin: 2rem 0 1.5rem 0;\n color: #D33F3F;\n letter-spacing: -0.01em;\n }\n\n .form-card {\n background: white;\n border-radius: 32px;\n padding: 2rem;\n margin: 1rem 0 2rem 0;\n border: 1px solid #EFEFEF;\n box-shadow: 0 8px 20px -12px rgba(0,0,0,0.06);\n }\n .form-group {\n margin-bottom: 1.2rem;\n }\n .form-group label {\n display: block;\n font-weight: 500;\n margin-bottom: 0.4rem;\n color: #2C2C2C;\n }\n .form-group label .required {\n color: #D33F3F;\n margin-left: 0.2rem;\n }\n \/* \u0415\u0434\u0438\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0432\u0432\u043e\u0434\u0430 *\/\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 0.8rem 1rem;\n border: 1px solid #E0E0E0;\n border-radius: 20px;\n font-family: inherit;\n font-size: 0.95rem;\n transition: 0.2s;\n background: #FFFFFF;\n color: #1F1F1F !important; \/* \u0442\u0451\u043c\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442, \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e *\/\n }\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #999;\n font-weight: 400;\n }\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0430\u0432\u0442\u043e\u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c *\/\n .form-group input:-webkit-autofill,\n .form-group input:-webkit-autofill:hover,\n .form-group input:-webkit-autofill:focus,\n .form-group textarea:-webkit-autofill,\n .form-group textarea:-webkit-autofill:hover,\n .form-group textarea:-webkit-autofill:focus {\n -webkit-text-fill-color: #1F1F1F !important;\n -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;\n background-color: #FFFFFF;\n color: #1F1F1F !important;\n }\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #D33F3F;\n box-shadow: 0 0 0 3px rgba(211,63,63,0.1);\n }\n .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n .consent-text {\n font-size: 0.7rem;\n color: #999;\n text-align: center;\n margin: 1rem 0 1.5rem 0;\n }\n .btn-submit {\n display: block;\n width: 100%;\n background: #D33F3F;\n color: white;\n border: none;\n padding: 0.9rem;\n font-size: 1rem;\n font-weight: 600;\n border-radius: 40px;\n cursor: pointer;\n transition: background 0.2s;\n }\n .btn-submit:hover {\n background: #B32D2D;\n }\n\n @media (max-width: 700px) {\n .container { padding: 0 20px; }\n .company-name { font-size: 1.5rem; }\n .company-name-light { font-size: 1.3rem; }\n .two-columns { flex-direction: column; gap: 1.5rem; }\n .response-phrase { font-size: 1.2rem; }\n .contact-item { flex-direction: column; margin-bottom: 0.5rem; }\n .contact-label::after { content: \":\"; margin-right: 0; }\n .requisites-table td:first-child::after { content: \":\"; }\n }\n\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeUp 0.5s ease forwards;\n }\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .delay-1 { animation-delay: 0.1s; }\n .delay-2 { animation-delay: 0.2s; }\n .delay-3 { animation-delay: 0.3s; }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"company-header fade-up delay-1\">\n <div class=\"company-name\">\u041e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0439 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e «\u0410\u0422\u0420\u0418»<\/div>\n <div class=\"company-name-light\">(\u041e\u041e\u041e «\u0410\u0422\u0420\u0418»)<\/div>\n <div class=\"title-decor\"><\/div>\n <\/div>\n\n <div class=\"two-columns fade-up delay-2\">\n <div class=\"col\">\n <table class=\"requisites-table\">\n <tr><td>\u0418\u041d\u041d<\/td><td>6122021182<\/td><\/tr>\n <tr><td>\u041a\u041f\u041f<\/td><td>612201001<\/tr>\n <tr><td>\u041e\u0413\u0420\u041d<\/td><td>1236100011674<\/td><\/tr>\n <tr><td>\u041e\u041a\u041f\u041e<\/td><td>52326544<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"col contact-list\">\n <div class=\"contact-item\">\n <span class=\"contact-label\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0442\u0434\u0435\u043b<\/span>\n <span class=\"contact-value\"><a href=\"tel:+79185038502\">+7 (918) 503-85-02<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/span>\n <span class=\"contact-value\"><a href=\"tel:+79585755316\">+7 (958) 575-53-16<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">e-mail<\/span>\n <span class=\"contact-value\"><a href=\"mailto:office@a3it.ru\">office@a3it.ru<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">Telegram<\/span>\n <span class=\"contact-value\"><a href=\"https:\/\/t.me\/a3itech\">@a3itech<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">\u041c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/span>\n <span class=\"contact-value\">\u0420\u043e\u0441\u0442\u043e\u0432-\u043d\u0430-\u0414\u043e\u043d\u0443<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"response-phrase fade-up delay-2\">\u041e\u0442\u0432\u0435\u0442\u0438\u043c \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441…<\/div>\n\n <div class=\"form-card fade-up delay-3\">\n <form id=\"contact-form\">\n <div class=\"form-group\">\n <label>\u0418\u043c\u044f <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" name=\"name\" id=\"name\" required placeholder=\"\u041a\u0430\u043a \u043a \u0432\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f?\">\n <\/div>\n <div class=\"form-group\">\n <label>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" name=\"email\" id=\"email\" required placeholder=\"your@email.com\">\n <\/div>\n <div class=\"form-group\">\n <label>\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label>\n <textarea name=\"message\" id=\"message\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u0432\u043e\u043f\u0440\u043e\u0441 \u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0447\u0443...\"><\/textarea>\n <\/div>\n <div class=\"consent-text\">\n \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u044d\u0442\u0443 \u0444\u043e\u0440\u043c\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043e\u0442 \u043d\u0430\u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043f\u043e \u044d\u043b. \u043f\u043e\u0447\u0442\u0435 \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u0448\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c\u0441\u044f \u0443 \u043d\u0430\u0441.\n <\/div>\n <button type=\"submit\" class=\"btn-submit\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n <\/form>\n <\/div>\n<\/div>\n\n<script>\n document.getElementById('contact-form').addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('name').value.trim();\n const email = document.getElementById('email').value.trim();\n const message = document.getElementById('message').value.trim();\n\n if (!name) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f.');\n return;\n }\n if (!email) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441.');\n return;\n }\n const emailPattern = \/^[^\\s@]+@([^\\s@]+\\.)+[^\\s@]+$\/;\n if (!emailPattern.test(email)) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 email.');\n return;\n }\n\n let bodyText = `\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u043c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 ${name}`;\n if (message) {\n bodyText += `\\n\\n${message}`;\n }\n bodyText += `\\n\\n\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0439 email: ${email}`;\n\n const subject = encodeURIComponent('\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441 \u0441\u0430\u0439\u0442\u0430');\n const body = encodeURIComponent(bodyText);\n window.location.href = `mailto:office@a3it.ru?subject=${subject}&body=${body}`;\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0438 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b \u2014 \u0410\u0422\u0420\u0418 \u041e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0439 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e «\u0410\u0422\u0420\u0418» (\u041e\u041e\u041e «\u0410\u0422\u0420\u0418») \u0418\u041d\u041d 6122021182 \u041a\u041f\u041f 612201001 \u041e\u0413\u0420\u041d 1236100011674 \u041e\u041a\u041f\u041e 52326544 \u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0442\u0434\u0435\u043b +7 (918) 503-85-02 \u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 +7 (958) 575-53-16 e-mail office@a3it.ru Telegram @a3itech \u041c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0420\u043e\u0441\u0442\u043e\u0432-\u043d\u0430-\u0414\u043e\u043d\u0443 \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441… \u0418\u043c\u044f * \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 * \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u044d\u0442\u0443 \u0444\u043e\u0440\u043c\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043e\u0442 \u043d\u0430\u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f… <a href=\"https:\/\/a3it.ru\/?page_id=454\" class=\"\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 »<span class=\"screen-reader-text\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f. \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1277,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/454"}],"collection":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=454"}],"version-history":[{"count":42,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions\/1498"}],"up":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/1277"}],"wp:attachment":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":454,"date":"2025-01-23T13:53:03","date_gmt":"2025-01-23T10:53:03","guid":{"rendered":"https:\/\/a3it.ru\/?page_id=454"},"modified":"2026-05-28T11:12:57","modified_gmt":"2026-05-28T08:12:57","slug":"%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82%d1%8b","status":"publish","type":"page","link":"https:\/\/a3it.ru\/?page_id=454","title":{"rendered":"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f. \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0438 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b \u2014 \u0410\u0422\u0420\u0418<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: #FDFCFA;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: #2A2A2A;\n line-height: 1.5;\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');\n\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 32px;\n }\n\n .company-header {\n text-align: center;\n margin-top: 2rem;\n margin-bottom: 1rem;\n }\n .company-name {\n font-size: 2rem;\n font-weight: 600;\n letter-spacing: -0.01em;\n color: #1F1F1F;\n margin: 0 0 0.25rem 0;\n }\n .company-name-light {\n font-size: 1.8rem;\n font-weight: 400;\n color: #3D3D3D;\n }\n .title-decor {\n width: 70px;\n height: 3px;\n background-color: #D33F3F;\n margin: 0.75rem auto 0 auto;\n border-radius: 2px;\n }\n\n .two-columns {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n background: white;\n border-radius: 32px;\n padding: 2rem;\n margin: 2rem 0;\n border: 1px solid #EFEFEF;\n box-shadow: 0 8px 20px -12px rgba(0,0,0,0.06);\n }\n .col {\n flex: 1;\n min-width: 220px;\n }\n\n .requisites-table {\n width: 100%;\n border-collapse: collapse;\n }\n .requisites-table tr {\n margin-bottom: 0.75rem;\n display: block;\n }\n .requisites-table td {\n padding: 0.3rem 0;\n vertical-align: top;\n }\n .requisites-table td:first-child {\n font-weight: 500;\n color: #1F1F1F;\n white-space: nowrap;\n }\n .requisites-table td:first-child::after {\n content: \":\";\n margin-left: 2px;\n }\n .requisites-table td:last-child {\n font-weight: 500;\n color: #D33F3F;\n font-family: monospace;\n font-size: 0.95rem;\n padding-left: 6px;\n }\n\n .contact-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n .contact-item {\n display: flex;\n flex-wrap: wrap;\n align-items: baseline;\n }\n .contact-label {\n font-weight: 500;\n color: #1F1F1F;\n white-space: nowrap;\n }\n .contact-label::after {\n content: \":\";\n margin-right: 8px;\n }\n .contact-value {\n color: #D33F3F;\n font-weight: 500;\n word-break: break-word;\n }\n .contact-value a {\n color: #D33F3F;\n text-decoration: none;\n border-bottom: 1px dashed rgba(211,63,63,0.3);\n }\n .contact-value a:hover {\n border-bottom-color: #D33F3F;\n }\n\n .response-phrase {\n text-align: center;\n font-size: 1.6rem;\n font-weight: 500;\n margin: 2rem 0 1.5rem 0;\n color: #D33F3F;\n letter-spacing: -0.01em;\n }\n\n .form-card {\n background: white;\n border-radius: 32px;\n padding: 2rem;\n margin: 1rem 0 2rem 0;\n border: 1px solid #EFEFEF;\n box-shadow: 0 8px 20px -12px rgba(0,0,0,0.06);\n }\n .form-group {\n margin-bottom: 1.2rem;\n }\n .form-group label {\n display: block;\n font-weight: 500;\n margin-bottom: 0.4rem;\n color: #2C2C2C;\n }\n .form-group label .required {\n color: #D33F3F;\n margin-left: 0.2rem;\n }\n \/* \u0415\u0434\u0438\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0432\u0432\u043e\u0434\u0430 *\/\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 0.8rem 1rem;\n border: 1px solid #E0E0E0;\n border-radius: 20px;\n font-family: inherit;\n font-size: 0.95rem;\n transition: 0.2s;\n background: #FFFFFF;\n color: #1F1F1F !important; \/* \u0442\u0451\u043c\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442, \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e *\/\n }\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #999;\n font-weight: 400;\n }\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0430\u0432\u0442\u043e\u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c *\/\n .form-group input:-webkit-autofill,\n .form-group input:-webkit-autofill:hover,\n .form-group input:-webkit-autofill:focus,\n .form-group textarea:-webkit-autofill,\n .form-group textarea:-webkit-autofill:hover,\n .form-group textarea:-webkit-autofill:focus {\n -webkit-text-fill-color: #1F1F1F !important;\n -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;\n background-color: #FFFFFF;\n color: #1F1F1F !important;\n }\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #D33F3F;\n box-shadow: 0 0 0 3px rgba(211,63,63,0.1);\n }\n .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n .consent-text {\n font-size: 0.7rem;\n color: #999;\n text-align: center;\n margin: 1rem 0 1.5rem 0;\n }\n .btn-submit {\n display: block;\n width: 100%;\n background: #D33F3F;\n color: white;\n border: none;\n padding: 0.9rem;\n font-size: 1rem;\n font-weight: 600;\n border-radius: 40px;\n cursor: pointer;\n transition: background 0.2s;\n }\n .btn-submit:hover {\n background: #B32D2D;\n }\n\n @media (max-width: 700px) {\n .container { padding: 0 20px; }\n .company-name { font-size: 1.5rem; }\n .company-name-light { font-size: 1.3rem; }\n .two-columns { flex-direction: column; gap: 1.5rem; }\n .response-phrase { font-size: 1.2rem; }\n .contact-item { flex-direction: column; margin-bottom: 0.5rem; }\n .contact-label::after { content: \":\"; margin-right: 0; }\n .requisites-table td:first-child::after { content: \":\"; }\n }\n\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeUp 0.5s ease forwards;\n }\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .delay-1 { animation-delay: 0.1s; }\n .delay-2 { animation-delay: 0.2s; }\n .delay-3 { animation-delay: 0.3s; }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"company-header fade-up delay-1\">\n <div class=\"company-name\">\u041e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0439 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e «\u0410\u0422\u0420\u0418»<\/div>\n <div class=\"company-name-light\">(\u041e\u041e\u041e «\u0410\u0422\u0420\u0418»)<\/div>\n <div class=\"title-decor\"><\/div>\n <\/div>\n\n <div class=\"two-columns fade-up delay-2\">\n <div class=\"col\">\n <table class=\"requisites-table\">\n <tr><td>\u0418\u041d\u041d<\/td><td>6122021182<\/td><\/tr>\n <tr><td>\u041a\u041f\u041f<\/td><td>612201001<\/tr>\n <tr><td>\u041e\u0413\u0420\u041d<\/td><td>1236100011674<\/td><\/tr>\n <tr><td>\u041e\u041a\u041f\u041e<\/td><td>52326544<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"col contact-list\">\n <div class=\"contact-item\">\n <span class=\"contact-label\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0442\u0434\u0435\u043b<\/span>\n <span class=\"contact-value\"><a href=\"tel:+79185038502\">+7 (918) 503-85-02<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/span>\n <span class=\"contact-value\"><a href=\"tel:+79585755316\">+7 (958) 575-53-16<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">e-mail<\/span>\n <span class=\"contact-value\"><a href=\"mailto:office@a3it.ru\">office@a3it.ru<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">Telegram<\/span>\n <span class=\"contact-value\"><a href=\"https:\/\/t.me\/a3itech\">@a3itech<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <span class=\"contact-label\">\u041c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/span>\n <span class=\"contact-value\">\u0420\u043e\u0441\u0442\u043e\u0432-\u043d\u0430-\u0414\u043e\u043d\u0443<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"response-phrase fade-up delay-2\">\u041e\u0442\u0432\u0435\u0442\u0438\u043c \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441…<\/div>\n\n <div class=\"form-card fade-up delay-3\">\n <form id=\"contact-form\">\n <div class=\"form-group\">\n <label>\u0418\u043c\u044f <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" name=\"name\" id=\"name\" required placeholder=\"\u041a\u0430\u043a \u043a \u0432\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f?\">\n <\/div>\n <div class=\"form-group\">\n <label>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" name=\"email\" id=\"email\" required placeholder=\"your@email.com\">\n <\/div>\n <div class=\"form-group\">\n <label>\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label>\n <textarea name=\"message\" id=\"message\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u0432\u043e\u043f\u0440\u043e\u0441 \u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0447\u0443...\"><\/textarea>\n <\/div>\n <div class=\"consent-text\">\n \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u044d\u0442\u0443 \u0444\u043e\u0440\u043c\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043e\u0442 \u043d\u0430\u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043f\u043e \u044d\u043b. \u043f\u043e\u0447\u0442\u0435 \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u0448\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c\u0441\u044f \u0443 \u043d\u0430\u0441.\n <\/div>\n <button type=\"submit\" class=\"btn-submit\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n <\/form>\n <\/div>\n<\/div>\n\n<script>\n document.getElementById('contact-form').addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('name').value.trim();\n const email = document.getElementById('email').value.trim();\n const message = document.getElementById('message').value.trim();\n\n if (!name) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f.');\n return;\n }\n if (!email) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441.');\n return;\n }\n const emailPattern = \/^[^\\s@]+@([^\\s@]+\\.)+[^\\s@]+$\/;\n if (!emailPattern.test(email)) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 email.');\n return;\n }\n\n let bodyText = `\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u043c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 ${name}`;\n if (message) {\n bodyText += `\\n\\n${message}`;\n }\n bodyText += `\\n\\n\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0439 email: ${email}`;\n\n const subject = encodeURIComponent('\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441 \u0441\u0430\u0439\u0442\u0430');\n const body = encodeURIComponent(bodyText);\n window.location.href = `mailto:office@a3it.ru?subject=${subject}&body=${body}`;\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0438 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b \u2014 \u0410\u0422\u0420\u0418 \u041e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0439 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e «\u0410\u0422\u0420\u0418» (\u041e\u041e\u041e «\u0410\u0422\u0420\u0418») \u0418\u041d\u041d 6122021182 \u041a\u041f\u041f 612201001 \u041e\u0413\u0420\u041d 1236100011674 \u041e\u041a\u041f\u041e 52326544 \u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0442\u0434\u0435\u043b +7 (918) 503-85-02 \u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 +7 (958) 575-53-16 e-mail office@a3it.ru Telegram @a3itech \u041c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0420\u043e\u0441\u0442\u043e\u0432-\u043d\u0430-\u0414\u043e\u043d\u0443 \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441… \u0418\u043c\u044f * \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 * \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u044d\u0442\u0443 \u0444\u043e\u0440\u043c\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043e\u0442 \u043d\u0430\u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f… <a href=\"https:\/\/a3it.ru\/?page_id=454\" class=\"\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 »<span class=\"screen-reader-text\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f. \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1277,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/454"}],"collection":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=454"}],"version-history":[{"count":42,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/454\/revisions\/1498"}],"up":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/1277"}],"wp:attachment":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}