</p> <h2 class="version click" OnClick="$('#text63').removeClass('hide'); $(this).removeClass('click');">Текстовая версия</h2> <div class="hide" id="text63">Защищаем и повышаем комфортность эксплуатации ваших авто с 2004го года. Смотрите и читайте нас в соц.сетях: <a tabindex="0" href="https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbm15UXJ0ZHhuSUptUmU1UmNlRUphX2UyWEFJQXxBQ3Jtc0trVGg3RXR6bWtONk5FWWpuZTJ5eTk5YllseGhucjY1R0FzbzRVekFkNWRxX0FET3EzZ2UxQmo5UU1IZGxpNGcyUkpja0g1MFVwd05aTTdTN0ZYVEZnMXk3Yk9mUlE0R1hKbmtZY1Y5NElLV1NXVW5Ubw&q=https%3A%2F%2Ft.me%2Fautostudio1&v=oddJRtz9xqA" rel="nofollow" target="_blank">https://t.me/autostudio1</a> <a tabindex="0" href="https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbUdsQ0RCZ3F4UXJxUGg5a2NvbUpFakxjYmNGQXxBQ3Jtc0ttVHBOaTlrUXZTcmZRQlNPUkE3ckd4OUgwaDl5RFpGYlktYjJoTHZ5R1ZxUEl0T2k3SEVadF81STNualR1dW11LVgxUVdqUk50TzNKaVE1N2xRMW81ekNZZUJsLW82S0dQSDRobHhzU1MxaEVjeW9CMA&q=https%3A%2F%2Fvk.com%2Fautostudio_ru&v=oddJRtz9xqA" rel="nofollow" target="_blank">https://vk.com/autostudio_ru</a> По всем вопросам Вы можете обратиться за консультациями и записью на установку по телефонам: Мск: +74953238818 и Спб: +78123171477 Наш сайт: <a tabindex="0" href="https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbXMxZUhrQWhvTVE5RE5IOUFlendCMGhWdC1DQXxBQ3Jtc0ttc2tHS0N5Y2FYWUgxR2M3RHpMWjlLaHlSNkVjSXU3UEJDX0VkS3NWcWEzVWxURnRVUG80Mkc4eEdtWVBTZ1RpQUNOUUFHVGVmUjFhMWFQSE44WGJfT1RIWWtkVDlIZHlXdWkzczE5b0xKZ0dzY0Vkdw&q=https%3A%2F%2Fwww.autostudio.ru%2F&v=oddJRtz9xqA" rel="nofollow" target="_blank">https://www.autostudio.ru/</a>Наши Адреса в Москве: <ul> <li>Сигнальный проезд, д.7Бс3</li> <li>ул. Перерва, д.19, стр.3</li> <li>Электролитный проезд 3Г стр. 2</li> </ul> Наши Адреса в Санкт-Петербурге: <ul> <li>ул. Салова, д.70</li> <li>ул. Камышовая, д.17 корп.2</li> <li>ул. Симонова, д.11</li> </ul></div> <br><br><br><br><br> </div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row footer"> <div class="col-lg-3 col-md-4 hidden-xs hidden-sm"> <h4>Следите за нами: </h4> <div class="social"> <a rel="nofollow" target=_blank title="Вконтакте" href="https://vk.com/autostudio_ru"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect fill="#018ad2" height="100%" width="100%"/><path d="m12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925v-6.925h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57z" fill="#fff"/></svg></a> <a rel="nofollow" target=_blank title="Telegram" href="https://t.me/autostudio1"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect fill="#64a9dc" height="100%" width="100%"/><path d="m18.92 6.089-14.173 5.466c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zm-10.26 7.484 7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833z" fill="#fff" fill-rule="evenodd"/></svg></a> <a rel="nofollow" target=_blank title="RuTube" href="https://rutube.ru/channel/39496581/videos/"><svg width="100%" height="100%" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><script xmlns=""/> <g clip-path="url(#clip0_923_32857)"> <rect width="512" height="512" rx="32" fill="#0B1D38"/> <g filter="url(#filter0_d_923_32857)"> <circle cx="419.52" cy="110" r="32.3481" fill="#F41240"/> </g> <g filter="url(#filter1_d_923_32857)"> <path d="M323.396 138.772H96.0543V391.5H159.331V309.278H280.58L335.9 391.5H406.755L345.751 308.899C364.696 305.868 378.337 298.669 386.673 287.302C395.009 275.935 399.177 257.747 399.177 233.498V214.552C399.177 200.154 397.661 188.787 395.009 180.072C392.356 171.358 387.809 163.779 381.368 156.959C374.548 150.518 366.97 145.971 357.876 142.94C348.782 140.287 337.415 138.772 323.396 138.772ZM313.166 253.579H159.331V194.471H313.166C321.88 194.471 327.943 195.986 330.974 198.639C334.005 201.291 335.9 206.217 335.9 213.416V234.634C335.9 242.212 334.005 247.138 330.974 249.79C327.943 252.443 321.88 253.579 313.166 253.579Z" fill="white"/> </g> <g filter="url(#filter2_f_923_32857)"> <rect x="13.8589" y="12.9448" width="484.045" height="485.344" rx="96.9086" stroke="black" stroke-opacity="0.65" stroke-width="6.38958"/> </g> </g> <!-- <rect x="0" y="0" width="512" height="512" rx="0" stroke="white" stroke-width="0"/> --> <defs> <filter id="filter0_d_923_32857" x="378.652" y="77.6523" width="81.7342" height="81.7342" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8.51943"/> <feGaussianBlur stdDeviation="4.25972"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_923_32857"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_923_32857" result="shape"/> </filter> <filter id="filter1_d_923_32857" x="87.5353" y="138.771" width="327.742" height="269.767" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8.51943"/> <feGaussianBlur stdDeviation="4.25972"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_923_32857"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_923_32857" result="shape"/> </filter> <filter id="filter2_f_923_32857" x="-6.3748" y="-7.28887" width="524.515" height="525.812" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="8.51943" result="effect1_foregroundBlur_923_32857"/> </filter> <clipPath id="clip0_923_32857"> <rect width="512" height="512" rx="64" fill="white"/> </clipPath> </defs> </svg></a> <a rel="nofollow" target=_blank title="Дзен" href="https://dzen.ru/autostudioru"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><script xmlns=""/> <g clip-path="url(#clip0_290_1109)"> <mask id="mask0_290_1109" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="64" height="64"> <path d="M63.7761 0H0.139648V63.6364H63.7761V0Z" fill="white"/> </mask> <g mask="url(#mask0_290_1109)"> <path d="M31.8235 63.6251H32.0771C44.7122 63.6251 52.0461 62.353 57.241 57.3095C62.5379 51.9597 63.7611 44.5762 63.7611 31.9905V31.6346C63.7611 19.0527 62.5379 11.7186 57.241 6.31555C52.0498 1.2722 44.663 0 32.0809 0H31.8272C19.1924 0 11.8545 1.2722 6.65968 6.31555C1.36263 11.6656 0.139648 19.0527 0.139648 31.6346V31.9905C0.139648 44.5724 1.36263 51.9067 6.65968 57.3095C11.8053 62.353 19.1924 63.6251 31.8235 63.6251Z" fill="#202022"/> <path d="M56.1874 31.3299C56.1874 31.0876 55.9904 30.8869 55.7481 30.8756C47.052 30.5462 41.7597 29.437 38.0572 25.7344C34.347 22.0244 33.2415 16.728 32.9121 8.0131C32.9046 7.77081 32.7039 7.57397 32.4578 7.57397H31.4432C31.201 7.57397 31.0003 7.77081 30.989 8.0131C30.6596 16.7242 29.5541 22.0244 25.844 25.7344C22.1378 29.4408 16.849 30.5462 8.15301 30.8756C7.91071 30.8831 7.71387 31.0838 7.71387 31.3299V32.3445C7.71387 32.5868 7.91071 32.7874 8.15301 32.7988C16.849 33.1281 22.1415 34.2373 25.844 37.9399C29.5465 41.6424 30.652 46.9237 30.9852 55.6043C30.9927 55.8466 31.1934 56.0436 31.4395 56.0436H32.4578C32.7001 56.0436 32.9008 55.8466 32.9121 55.6043C33.2453 46.9237 34.3507 41.6424 38.0534 37.9399C41.7597 34.2336 47.0482 33.1281 55.7443 32.7988C55.9866 32.7912 56.1836 32.5905 56.1836 32.3445V31.3299H56.1874Z" fill="white"/> </g> </g> <defs> <clipPath id="clip0_290_1109"> <rect width="64" height="64" fill="white"/> </clipPath> </defs> </svg></a> <a rel="nofollow" target=_blank title="YouTube" href="https://www.youtube.com/autostudioru"><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="#f00" height="100%" width="100%"/><g fill="none" stroke-miterlimit="10" stroke-width="0" transform="matrix(2.81 0 0 2.82102 0 -1.00158)"><g fill="#fff"><path d="m42.49 37.82c-.65-.44-1.11-1.12-1.38-2.03-.27-.92-.41-2.14-.41-3.67v-2.08c0-1.54.16-2.78.47-3.71s.8-1.62 1.46-2.04c.66-.43 1.53-.65 2.6-.65 1.06 0 1.91.22 2.55.66.63.43 1.1 1.12 1.4 2.04.29.93.44 2.16.44 3.7v2.08c0 1.53-.14 2.75-.43 3.68-.29.92-.76 1.6-1.4 2.03-.65.43-1.52.64-2.63.64-1.14 0-2.03-.22-2.67-.65zm3.62-2.25c.18-.46.27-1.23.27-2.28v-4.46c0-1.03-.1-1.78-.27-2.26-.18-.47-.5-.71-.95-.71-.43 0-.74.24-.92.71-.18.48-.27 1.23-.27 2.26v4.46c0 1.05.09 1.82.26 2.28.17.47.48.7.93.7s.77-.23.95-.7z"/><path d="m34.64 31.89-3.66-13.24h3.2l1.28 6c.33 1.48.57 2.74.72 3.78h.1c.11-.75.35-2 .72-3.76l1.33-6.02h3.2l-3.71 13.24v6.35h-3.18z"/><path d="m60.02 23.92v14.31h-2.52l-.28-1.75h-.07c-.68 1.33-1.71 1.99-3.08 1.99-.95 0-1.65-.31-2.1-.93-.45-.63-.68-1.6-.68-2.92v-10.7h3.22v10.51c0 .64.07 1.09.21 1.37.14.27.38.4.7.4.28 0 .55-.08.81-.25s.45-.39.57-.66v-11.37z"/><path d="m65.75 72.35h-40.49c-4.3 0-7.78-3.48-7.78-7.77v-13.17c0-4.29 3.48-7.77 7.78-7.77h40.49c4.29 0 7.77 3.48 7.77 7.77v13.17c0 4.29-3.48 7.77-7.77 7.77z"/></g><g fill="#fe0001"><path d="m59.23 61.95v.73c0 .91.02 1.6.08 2.06.05.46.17.8.34 1.01s.43.31.79.31c.48 0 .81-.19.99-.56s.28-1 .3-1.87l2.77.17c.02.12.03.29.03.51 0 1.32-.37 2.31-1.09 2.96-.72.66-1.75.99-3.07.99-1.59 0-2.7-.5-3.34-1.5-.64-.99-.96-2.54-.96-4.62v-2.5c0-2.15.34-3.72 1-4.7.66-.99 1.79-1.49 3.39-1.49 1.11 0 1.96.21 2.55.61s1.01 1.03 1.25 1.89.36 2.04.36 3.55v2.45zm.41-6.02c-.17.2-.28.53-.33.99-.06.46-.08 1.16-.08 2.09v1.03h2.36v-1.03c0-.92-.04-1.62-.1-2.09s-.17-.81-.34-1c-.16-.2-.41-.3-.76-.3-.34.01-.59.11-.75.31z"/><path d="m43.7 53.72v14.31h-2.52l-.28-1.75h-.07c-.69 1.33-1.71 1.99-3.08 1.99-.95 0-1.65-.31-2.1-.94-.46-.62-.68-1.59-.68-2.91v-10.7h3.22v10.51c0 .64.07 1.09.21 1.37.14.27.37.41.7.41.28 0 .55-.09.81-.26.25-.17.44-.39.57-.66v-11.37z"/><path d="m35.93 51.04h-3.2v16.99h-3.15v-16.99h-3.2v-2.59h9.55z"/><path d="m54.36 56.01c-.19-.9-.51-1.55-.94-1.96-.44-.4-1.04-.61-1.8-.61-.59 0-1.14.17-1.66.51-.51.33-.91.77-1.19 1.31h-.02v-7.54h-3.11v20.32h2.66l.33-1.36h.07c.25.48.62.87 1.12 1.15s1.05.42 1.66.42c1.09 0 1.89-.51 2.4-1.51.52-1 .78-2.57.78-4.71v-2.26c0-1.6-.1-2.86-.3-3.76zm-2.95 5.84c0 1.04-.04 1.86-.13 2.45-.08.59-.23 1.01-.43 1.26s-.47.37-.82.37c-.26 0-.51-.06-.73-.18-.23-.13-.41-.31-.55-.56v-8.13c.11-.39.3-.71.56-.95.26-.25.55-.38.86-.38.33 0 .58.13.76.39.18.25.31.69.38 1.29.07.61.1 1.47.1 2.59z"/></g></g></svg></a> </div> <h4>Принимаем:</h4> <div class="pay"> <svg fill="none" height="30" viewBox="0 0 147 48" width="91" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m36.7773 47.6228h-12.6443l-9.4817-37.237c-.45-1.71293-1.4056-3.22723-2.8112-3.94094-3.50787-1.79359-7.37328-3.22101-11.5901-3.94092v-1.43363h20.369c2.8112 0 4.9196 2.15354 5.271 4.65463l4.9196 26.86036 12.6381-31.51499h12.2929zm25.9913 0h-11.9415l9.8331-46.55249h11.9415zm25.2829-33.6527c.3514-2.5073 2.4598-3.9409 4.9196-3.9409 3.8654-.35998 8.0759.3599 11.5899 2.1473l2.109-10.02296c-3.514-1.433624-7.3799-2.15354-10.8877-2.15354-11.5901 0-20.0237 6.44821-20.0237 15.3975 0 6.8082 5.9738 10.3829 10.1906 12.5365 4.5621 2.1473 6.3191 3.5809 5.9677 5.7283 0 3.221-3.514 4.6546-7.0219 4.6546-4.2168 0-8.4336-1.0737-12.2929-2.8672l-2.1084 10.0291c4.2168 1.7874 8.7789 2.5073 12.9957 2.5073 12.9957.3538 21.0716-6.0882 21.0716-15.7574 0-12.1766-16.5095-12.8903-16.5095-18.2586zm58.3015 33.6527-9.482-46.55249h-10.185c-2.108 0-4.216 1.43363-4.919 3.58096l-17.558 42.97153h12.293l2.454-6.802h15.104l1.405 6.802zm-17.91-34.0173 3.508 17.5448h-9.833z" fill="#15195a" fill-rule="evenodd"/></svg> <svg fill="none" width="48" height="30" viewBox="0 0 79 49" xmlns="http://www.w3.org/2000/svg"><path d="m50.0575 5.13281h-20.9467v37.73999h20.9467z" fill="#ff5f00"/><path d="m30.444 24.0019c-.0031-3.6313.8179-7.216 2.4011-10.484 1.5832-3.2681 3.8874-6.13425 6.7389-8.38265-3.009-2.36583-6.5402-3.97764-10.2989-4.700928-3.7588-.723282-7.636-.537049-11.3081.543156-3.6721 1.080202-7.0326 3.023052-9.80097 5.666382-2.76839 2.64334-4.86439 5.91044-6.11306 9.52874-1.24868 3.6183-1.613812 7.4828-1.064926 11.2709.548886 3.7882 1.995866 7.3901 4.220176 10.5051 2.22432 3.1151 5.16148 5.653 8.56628 7.4018 3.4048 1.7489 7.1785 2.658 11.0062 2.6515 5.369.007 10.5826-1.8021 14.7933-5.1333-2.8515-2.2484-5.1557-5.1146-6.7389-8.3826s-2.4042-6.8527-2.4011-10.4841z" fill="#eb001b"/><g fill="#f79e1b"><path d="m76.0239 38.8728v-.7733h.3134v-.16h-.8134v.16h.3134v.7733zm1.54 0v-.9333h-.24l-.28.6666-.28-.6666h-.2466v.9333h.1733v-.7067l.26.6067h.18l.26-.6067v.7067z"/><path d="m78.3107 24.0004c.0151 4.4978-1.2382 8.9087-3.6161 12.7265s-5.7841 6.8878-9.8276 8.8577-8.5605 2.7598-13.0325 2.2792c-4.4721-.4807-8.718-2.2125-12.2505-4.9967 2.8496-2.2503 5.1524-5.1168 6.7357-8.3844 1.5832-3.2676 2.4057-6.8514 2.4057-10.4823 0-3.631-.8225-7.2147-2.4057-10.4823-1.5833-3.2676-3.8861-6.13413-6.7357-8.38439 3.5325-2.7842 7.7784-4.51602 12.2505-4.996705 4.472-.480684 8.989.309245 13.0325 2.279135s7.4497 5.03991 9.8276 8.85776c2.3779 3.8178 3.6312 8.2287 3.6161 12.7265z"/></g></svg> <svg fill="none" height="30" viewBox="0 0 157 48" width="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="156.5" x2="110.97" y1="56.9276" y2="56.9276"><stop offset="0" stop-color="#1e5cd8"/><stop offset="1" stop-color="#02afff"/></linearGradient><path d="m34.5905 7.76975-5.8295 20.19415h-.9973l-5.8295-20.19415c-.9973-3.41721-4.127-5.76975-7.7038-5.76975h-13.9804v43.96h13.9976v-25.9811h.9974l8.0134 25.9811h10.0081l7.9961-25.9811h.9974v25.9811h13.9976v-43.96h-13.9804c-3.5596 0-6.6892 2.35254-7.6867 5.76975zm77.5025 38.19025h14.084v-12.9991h14.17c7.411 0 13.722-4.19 16.164-10.0799h-44.418zm-24.9513-39.32359-9.8533 21.34469h-.9974v-25.9811h-13.9976v43.96h11.8825c3.1297 0 5.9667-1.8203 7.2737-4.6364l9.8533-21.3275h.9978v25.9639h13.9973v-43.96h-11.8825c-3.1298 0-5.9668 1.82022-7.2738 4.63641z" fill="#006848"/><path d="m140.989 0c4.041 0 7.704 1.54547 10.473 4.08691 3.095 2.81618 5.038 6.86879 5.038 11.38499 0 .9272-.103 1.8374-.258 2.7303h-26c-8.805 0-16.268-5.7698-18.778-13.73751-.035-.08587-.052-.1889-.086-.29193-.069-.2404-.121-.49798-.189-.73838-.258-1.11618-.43-2.24952-.499-3.43438z" fill="url(#a)"/></svg> </div> </div> <div class="col-xs-6 col-md-4 col-lg-4 contacts" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="name" content="AutoStudio.ru"> <h4>Москва</h4> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="addressLocality" content="Москва"> <span itemprop="streetAddress">ул. Перерва, д.19, стр.3</span> </p> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="addressLocality" content="Москва"> <span itemprop="streetAddress">Сигнальный проезд, д.7Бс3 </span> </p> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="addressLocality" content="Москва"> <span itemprop="streetAddress">Электролитный проезд 3Г стр. 2</span> </p> <p><a href="//www.autostudio.ru/contacts.html#@z1">Схемы проезда</a></p> </div> <div class="col-xs-6 col-md-4 col-lg-4 contacts" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="name" content="AutoStudio.ru"> <h4>Санкт-Петербург</h4> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="addressLocality" content="Санкт-Петербург"> <span itemprop="streetAddress">ул. Камышовая, д.17 корп.2</span> </p> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="addressLocality" content="Санкт-Петербург"> <span itemprop="streetAddress">ул. Салова, д.70</span> </p> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="addressLocality" content="Санкт-Петербург"> <span itemprop="streetAddress">ул. Симонова, д.11</span> </p> <p><a href="//www.autostudio.ru/contacts.html#@z2">Схемы проезда</a></p> </div> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="consult-dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button> <h4 class="modal-title"></h4> </div> <div class="modal-body"> <form enctype="multipart/form-data" method="POST" action="//www.autostudio.ru/consult.html" name="info" target="_self" role="form" class="form"> <input type="hidden" name="CATALOG_ID" value=""> <input type="hidden" name="ITEM_ID" value=""> <input type="hidden" name="TITLE" value=""> <input type="hidden" name="URL" value=""> <div class="form-group"> <label for="NAME">Ваше имя</label> <input class="form-control" type="text" name="NAME" placeholder="Иванов Иван Иванович" data-toggle="tooltip" data-trigger="manual" data-placement="top" title="Укажите имя"> </div> <div class="form-group"> <label for="info[phone]">Телефон</label> <input class="form-control mask-phone" type="tel" name="PHONE" placeholder="8-999-123-45-67" data-toggle="tooltip" data-trigger="manual" data-placement="top" title="Укажите телефон"> </div> <div class="form-group"> <label>Выберите сервис-центр</label> <select class="form-control" name="OFFICE_ID"> <option value="4">Марьино (ул. Перерва, д.19, стр.3)</option> <option value="8">Владыкино (Сигнальный проезд, д.7Бс3 )</option> <option value="11">Нагорная (Электролитный проезд 3Г стр. 2)</option> </select> </div> <div class="text-center"> <button type="submit" class="btn btn-lg btn-danger"></button> </div> </form> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="consult-dialog-success"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Спасибо!</h4> </div> <div class="modal-body"> В ближайшее время наш специалист свяжется с вами! </div> <div class="modal-footer"> <button type="button" class="btn btn-success" data-dismiss="modal" aria-label="Закрыть">Закрыть</button> </div> </div> </div> </div> <script type="text/javascript" src="//www.autostudio.ru/includes/JsHttpRequest/JsHttpRequest.js"></script> <script type='text/javascript' src="//www.autostudio.ru/includes/jwplayer5/swfobject.js"></script> <!--[if lt IE 9]> <script src="//www.autostudio.ru/templates/js/html5shiv.js"></script> <script src="//www.autostudio.ru/templates/js/respond.min.js"></script> <![endif]--> <script type='text/javascript' src="//www.autostudio.ru/includes/jquery/jquery-1.10.2.min.js"></script> <script type='text/javascript' src="//www.autostudio.ru/templates/bootstrap/js/bootstrap.min.js"></script> <script type='text/javascript' src="//www.autostudio.ru/templates/js/bootstrap-overflow-navs.js"></script> <script type='text/javascript' src="//www.autostudio.ru/templates/js/bootstrap-hover-dropdown.js"></script> <script src="//www.autostudio.ru/includes/jquery/jquery.maskedinput-1.3.js"></script> <script type='text/javascript' src="//www.autostudio.ru/includes/fancybox/jquery.fancybox-1.3.4.js"></script> <link rel="stylesheet" href="//www.autostudio.ru/includes/fancybox/jquery.fancybox-1.3.4.css" type="text/css" /> <script type='text/javascript' src="//www.autostudio.ru/includes/jquery/ui.totop/ui.totop.min.js"></script> <link rel="stylesheet" href="//www.autostudio.ru/includes/jquery/ui.totop/ui.totop.css" type="text/css" /> <script> $(window).on('scroll touchmove resize load', function () { $('#menu, body').toggleClass("fixed", $(this).scrollTop() > $('.top').outerHeight()); }); $("FORM").on('keydown change', 'INPUT,TEXTAREA,SELECT', function() { $(this).tooltip('hide'); }); $(function() { $('.foto a, a.fancybox').fancybox({ titleShow: true, titlePosition: 'inside', hideOnContentClick : true }); $().UItoTop({ text: 'Наверх', min: 100, inDelay: 100, outDelay: 100, scrollSpeed: 100, }); $.mask.definitions['~']='[78]'; $(".mask-phone").mask('~-999-999-99-99'); }); var Tests = { 'nonempty': /[^\s]+/, 'url': /https?:\/\/[^\s]+/, 'email': /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i, 'number': /^[0-9\.,]+$/, 'index': /^[0-9]{6}$/, 'phone': /^[0-9-]{15}$/, 'inn': /^(\d{12}|\d{10})$/ }; function AjaxAction(script, element, params, result, func, args) { var req = new JsHttpRequest(); req.onreadystatechange = function() { if (req.readyState == 4) { if (req.responseJS) { document.getElementById(element).innerHTML = req.responseJS[result]; if (func) func(req.responseJS[args]); } if (req.responseText) alert(req.responseText); } } req.caching = false; req.open(null, script, true); req.send(params); } </script> <script> function handle_resize() { $("#menu UL.nav").overflowNavs({ more : "Еще ", parent : ".nav-collapse", override_width : true, }); $('.dropdown-toggle').dropdownHover(); }; handle_resize(); $(window).resize(handle_resize); </script> <script> function CompareAdd(id) { AjaxAction('//www.autostudio.ru/ajax.comp.html', 'comp', { action: 'add', id: id }, 'comp'); } function CompareRemove(id) { AjaxAction('//www.autostudio.ru/ajax.comp.html', 'comp', { action: 'remove', id: id }, 'comp'); } </script> <script> function CheckConsult(form) { var error = false; flag = !Tests['nonempty'].test(form['NAME'].value); $(form['NAME']).tooltip(flag ? 'show' : 'hide'); if (!error && flag) form['NAME'].focus(); error = error || flag; flag = !Tests['phone'].test(form['PHONE'].value); $(form['PHONE']).tooltip(flag ? 'show' : 'hide'); if (!error && flag) form['PHONE'].focus(); error = error || flag; return !error; } $('#consult-dialog').on('show.bs.modal', function (e) { var d = $(e.relatedTarget).data(); var form = $("FORM", this)[0]; $('.modal-title', this).html(d.dialogTitle); $(':submit', this).html(d.buttonTitle); $("form", this).data('goal', d.goal); form['URL'].value = d.url || window.location.href; form['TITLE'].value = d.title || document.title; form['CATALOG_ID'].value = d.catalogId || 0; form['ITEM_ID'].value = d.itemId || 0; }); $('#consult-dialog-success').on('show.bs.modal', function () { setTimeout(function() { $('#consult-dialog-success').modal('hide'); }, 5000); }); $('#consult-dialog form').on('submit', function(event) { if (!CheckConsult(this)) return false; var $form = $(this); goal = $form.data('goal'); if (goal) { try { yaCounter443134.reachGoal(goal); } catch(e) {} } $.ajax({ method: $form.attr('method'), url: $form.attr('action'), data: $form.serialize(), success: function(data, status) { $("#consult-dialog").modal('hide'); $('#consult-dialog-success').modal('show'); } }); event.preventDefault(); }); </script> <link rel="stylesheet" href="https://cdn.envybox.io/widget/cbk.css"> <script type="text/javascript" src="https://cdn.envybox.io/widget/cbk.js?wcb_code=5d7372a71ba7930f30ec2d2a0fbc3f31" charset="UTF-8" async></script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script> (function(w, d, u, i, o, s, p) { if (d.getElementById(i)) { return; } w['MangoObject'] = o; w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) }; w[o].u = u; w[o].t = 1 * new Date(); s = d.createElement('script'); s.async = 1; s.id = i; s.src = u; p = d.getElementsByTagName('script')[0]; p.parentNode.insertBefore(s, p); }(window, document, '//widgets.mango-office.ru/widgets/mango.js', 'mango-js', 'mgo')); mgo({calltracking: {id: 31408 }}); </script> <script> mgo(function(mgo) { mgo.getNumber({hash: 'mgo_hash_MSK', region: 'MOS'}, function(result) { var n = result.number; document.querySelectorAll('.mgo-number-mos').forEach(function(e) { e.innerHTML = '8 ('+n.substr(1,3)+') '+n.substr(4,3)+'-'+n.substr(7,2)+'-'+n.substr(9,2); e.setAttribute('href', 'tel:+'+n); }); }); }); </script> <script> mgo(function(mgo) { mgo.getNumber({hash: 'mgo_hash_SPE', region: 'SPE'}, function(result) { var n = result.number; document.querySelectorAll('.mgo-number-spe').forEach(function(e) { e.innerHTML = '8 ('+n.substr(1,3)+') '+n.substr(4,3)+'-'+n.substr(7,2)+'-'+n.substr(9,2); e.setAttribute('href', 'tel:+'+n); }); }); }); </script> </body> </html>
