{"result": 0, "message": "<div class=\"row justify-content-center\">\n    <div class=\"quiz-win col-10 col-sm-11 col-xxxl-9 p-3 p-sm-4 position-relative\">\n        <div class=\"mb-4\">\n            <div>\n                <div class=\"title d-flex align-items-center pb-2\" style=\"height: 38px;\">\n                    \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043e\u0434\u0431\u043e\u0440\u0430 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f\n                </div>\n                <hr class=\"m-0\">\n            </div>\n        </div>\n        <div class=\"position-absolute close pointer\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><defs></defs>\n                <path id=\"x\" class=\"cls-1\" d=\"M736.057,1221l8.723,8.72a0.748,0.748,0,0,1-1.057,1.06L735,1222.06l-8.723,8.72a0.749,0.749,0,1,1-1.058-1.06l8.723-8.72-8.723-8.72a0.749,0.749,0,0,1,1.058-1.06l8.723,8.72,8.723-8.72a0.748,0.748,0,0,1,1.057,1.06Z\" transform=\"translate(-725.031 -1211.03)\"></path>\n            </svg>\n        </div>\n        <div class=\"\">\n            <div class=\"row mb-3 choicer\">\n                <div class=\"category-choice col-12\">\n                    \u0427\u0442\u043e \u0432\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442\u0435?\n                </div>\n                <div class=\"text-muted col-12\">\n                    \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                </div>\n            </div>\n            \n                \n                    <div class=\"row mb-3 group\">\n                        <div class=\"col-12\">\n                            <a href=\"#quiz|label-printer\">\n                                <div class=\"quiz-category d-flex align-items-center\">\n                                    <input class=\"ml-2\" id=\"label-printer\"type=\"radio\">\n                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a\">\n                                        \u041f\u0440\u0438\u043d\u0442\u0435\u0440 \u0434\u043b\u044f \u043f\u0435\u0447\u0430\u0442\u0438 \u044d\u0442\u0438\u043a\u0435\u0442\u043e\u043a/\u0431\u0438\u0440\u043e\u043a\n                                    </label>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                    <div class=\"row d-none\" data-group=\"label-printer\">\n                        <div class=\"col-12\">\n                            \n                                <div class=\"row quiz_question active \" >\n                                    <div class=\"col-12 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u041a\u0430\u043a \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043f\u0440\u0438\u043d\u0442\u0435\u0440?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a1\" value=\"1\" type=\"radio\" name=\"question_5\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a1\">\n                                                        USB\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a2\" value=\"2\" type=\"radio\" name=\"question_5\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a2\">\n                                                        \u0421\u0435\u0442\u044c\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a3\" value=\"3\" type=\"radio\" name=\"question_5\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a3\">\n                                                        Bluetooth\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a4\" value=\"4\" type=\"radio\" name=\"question_5\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a4\">\n                                                        Wi-Fi\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 1 \u0438\u0437 5\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"20\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:20%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u0421\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u0438\u043a\u0435\u0442\u043e\u043a \u0432 \u0441\u0443\u0442\u043a\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u043f\u0440\u0438\u043d\u0442\u0435\u0440?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a5\" value=\"5\" type=\"radio\" name=\"question_4\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a5\">\n                                                        600 \u0438 \u043c\u0435\u043d\u044c\u0448\u0435\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a6\" value=\"6\" type=\"radio\" name=\"question_4\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a6\">\n                                                        \u041e\u0442 600 \u0434\u043e 2500\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a7\" value=\"7\" type=\"radio\" name=\"question_4\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a7\">\n                                                        \u041e\u0442 2500 \u0434\u043e 6000\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a8\" value=\"8\" type=\"radio\" name=\"question_4\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a8\">\n                                                        \u041e\u0442 6000 \u0434\u043e 16000\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a9\" value=\"9\" type=\"radio\" name=\"question_4\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a9\">\n                                                        \u0411\u043e\u043b\u0435\u0435 16000\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 2 \u0438\u0437 5\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"40\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:40%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u0428\u0438\u0440\u0438\u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a10\" value=\"10\" type=\"radio\" name=\"question_3\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a10\">\n                                                        \u0414\u043e 60 \u043c\u043c\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a11\" value=\"11\" type=\"radio\" name=\"question_3\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a11\">\n                                                        60 \u043c\u043c - 114 \u043c\u043c\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a12\" value=\"12\" type=\"radio\" name=\"question_3\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a12\">\n                                                        114 \u043c\u043c - 140 \u043c\u043c\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a13\" value=\"13\" type=\"radio\" name=\"question_3\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a13\">\n                                                        140 \u043c\u043c \u0438 \u0431\u043e\u043b\u0435\u0435\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 3 \u0438\u0437 5\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"60\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:60%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043d\u0430 \u044d\u0442\u0438\u043a\u0435\u0442\u043a\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u0434\u043e\u043b\u0433\u043e?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a14\" value=\"14\" type=\"radio\" name=\"question_2\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a14\">\n                                                        \u0414\u0430\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a15\" value=\"15\" type=\"radio\" name=\"question_2\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a15\">\n                                                        \u041d\u0435\u0442\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 4 \u0438\u0437 5\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"80\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:80%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u041d\u0443\u0436\u043d\u043e \u043b\u0438 \u043d\u043e\u0441\u0438\u0442\u044c \u043f\u0440\u0438\u043d\u0442\u0435\u0440 \u0441 \u0441\u043e\u0431\u043e\u0439?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a16\" value=\"16\" type=\"radio\" name=\"question_1\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a16\">\n                                                        \u0414\u0430\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a17\" value=\"17\" type=\"radio\" name=\"question_1\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a17\">\n                                                        \u041d\u0435\u0442\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 5 \u0438\u0437 5\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"100\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:100%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                        </div>\n                    </div>\n                \n            \n                \n                    <div class=\"row mb-3 group\">\n                        <div class=\"col-12\">\n                            <a href=\"#quiz|data-terminal\">\n                                <div class=\"quiz-category d-flex align-items-center\">\n                                    <input class=\"ml-2\" id=\"data-terminal\"type=\"radio\">\n                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a\">\n                                        \u0422\u0435\u0440\u043c\u0438\u043d\u0430\u043b \u0441\u0431\u043e\u0440\u0430 \u0434\u0430\u043d\u043d\u044b\u0445\n                                    </label>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                    <div class=\"row d-none\" data-group=\"data-terminal\">\n                        <div class=\"col-12\">\n                            \n                                <div class=\"row quiz_question active \" >\n                                    <div class=\"col-12 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u0421\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 RFID \u043c\u0435\u0442\u043a\u0438?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a24\" value=\"24\" type=\"radio\" name=\"question_9\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a24\">\n                                                        \u0414\u0430\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a25\" value=\"25\" type=\"radio\" name=\"question_9\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a25\">\n                                                        \u041d\u0435\u0442\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 1 \u0438\u0437 3\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"33\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:33%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u041e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a26\" value=\"26\" type=\"radio\" name=\"question_10\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a26\">\n                                                        Android\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a27\" value=\"27\" type=\"radio\" name=\"question_10\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a27\">\n                                                        Windows\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 2 \u0438\u0437 3\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"66\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:66%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u041a\u0430\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 \u043a\u043e\u0434\u043e\u0432 \u0441\u043a\u0430\u043d\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a22\" value=\"22\" type=\"radio\" name=\"question_8\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a22\">\n                                                        \u041b\u0438\u043d\u0435\u0439\u043d\u044b\u0435 \u0448\u0442\u0440\u0438\u0445-\u043a\u043e\u0434\u044b\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a23\" value=\"23\" type=\"radio\" name=\"question_8\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a23\">\n                                                        2D\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 3 \u0438\u0437 3\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"100\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:100%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                        </div>\n                    </div>\n                \n            \n                \n                    <div class=\"row group\">\n                        <div class=\"col-12\">\n                            <a href=\"#quiz|barcode-scanner\">\n                                <div class=\"quiz-category d-flex align-items-center\">\n                                    <input class=\"ml-2\" id=\"barcode-scanner\"type=\"radio\">\n                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a\">\n                                        \u0421\u043a\u0430\u043d\u0435\u0440 \u0448\u0442\u0440\u0438\u0445-\u043a\u043e\u0434\u0430\n                                    </label>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                    <div class=\"row d-none\" data-group=\"barcode-scanner\">\n                        <div class=\"col-12\">\n                            \n                                <div class=\"row quiz_question active \" >\n                                    <div class=\"col-12 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u0421\u043a\u0430\u043d\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u0432\u043e\u0434\u043d\u044b\u043c?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a18\" value=\"18\" type=\"radio\" name=\"question_7\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a18\">\n                                                        \u0414\u0430\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a19\" value=\"19\" type=\"radio\" name=\"question_7\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a19\">\n                                                        \u041d\u0435\u0442\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 1 \u0438\u0437 2\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"50\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:50%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                                <div class=\"row quiz_question \" >\n                                    <div class=\"col-12 mb-4 \">\n\n                                        <div class=\"quiz-header row mb-3\">\n                                            <div class=\"col-12\">\n                                                \u041a\u0430\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 \u043a\u043e\u0434\u043e\u0432 \u0441\u043a\u0430\u043d\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c?\n                                            </div>\n                                            <div class=\"text-muted col-12\">\n                                                \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0442\u0432\u0435\u0442\u0430\n                                            </div>\n                                        </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a20\" value=\"20\" type=\"radio\" name=\"question_6\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a20\">\n                                                        \u041b\u0438\u043d\u0435\u0439\u043d\u044b\u0435 \u0448\u0442\u0440\u0438\u0445-\u043a\u043e\u0434\u044b\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                            <div class=\"row no-gutters\">\n                                                <div class=\"col-12 mb-3 answer pointer d-flex align-items-center\">\n                                                    <input class=\"ml-2\" id=\"a21\" value=\"21\" type=\"radio\" name=\"question_6\">\n                                                    <label class=\"ml-2 pointer w-100 p-2\" for=\"a21\">\n                                                        2D\n                                                    </label>\n                                                </div>\n                                            </div>\n                                        \n                                    </div>\n\n                                    <div class=\"quiz-step col-12 no-gutters\">\n                                        <div class=\"row\">\n                                            <div class=\"col-8\">\n                                                <div class=\"row no-gutters\">\n                                                    <div class=\"mb-1 col-12\">\n                                                        \u0412\u043e\u043f\u0440\u043e\u0441 2 \u0438\u0437 2\n                                                    </div>\n                                                    <div class=\"progress col-12\">\n                                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"100\"\n                                                             aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:100%\">\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-4\">\n                                                <div class=\"row\">\n                                                    <div class=\"col-12\">\n                                                        \n    \n    \n    \n    \n                                                            <div class=\"btn btn-outline-secondary back pointer w-100\">\n                                                                \u041d\u0430\u0437\u0430\u0434\n                                                            </div>\n                                                        \n                                                    </div>\n    \n    \n    \n    \n    \n    \n    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                        </div>\n                    </div>\n                \n            \n            <div class=\"final h-100\">\n                <div class=\"loader\">\n                    <div></div>\n                    <div></div>\n                    <div></div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <script>\n        $(document).ready(\n            function () {\n                $(document).on(\n                    'click',\n                    '.quiz-win .group a',\n                    function (e) {\n                        e.preventDefault();\n                        $('.quiz-win .group, .quiz-win .choicer').hide();\n                        $('[data-group=\"'+$(this).attr('href').split('|')[1]+'\"]').removeClass('d-none');\n                    }\n                )\n\n                $(document).on(\n                    'click',\n                    '.quiz-win > .close',\n                    function (e) {\n                        $(this).closest('#quiz-modal').removeClass('d-flex');\n                    }\n                );\n\n                ls_data = JSON.parse(localStorage.getItem('quiz') || '{}');\n\n                $.each(\n                    $('.quiz-win [data-group]'),\n                    function () {\n                        ls_data[$(this).data('group')] = [];\n                    }\n                );\n\n                var send_checked_to_group = function (handler) {\n                    ls_data[handler.closest('[data-group]').data('group')] = handler.closest('[data-group]').find('input:checked').map(\n                        function(){\n                            return parseInt($(this).val());\n                        }).get();\n                }\n\n                $(document).on(\n                    'click',\n                    '.quiz_question svg.back, .quiz_question .back',\n                    function (e) {\n                        send_checked_to_group($(this));\n                        var current = $(this).closest('.quiz_question.active');\n                        current.removeClass('active');\n                        current.prev().addClass('active');\n                        $('.quiz_question.active').find('.answer input:not(:checked)').closest('.answer').removeClass('active');\n                    }\n                );\n\n\n\n                $(document).on(\n                    'click',\n                    '.quiz_question.active input:visible, .quiz_question.active label:visible',\n                    function (e) {\n                        $(this).parent().find('input').prop('checked', true).change();\n                    }\n                );\n\n                $(document).on(\n                    'change',\n                    '.quiz_question.active input:visible',\n                    function () {\n                        send_checked_to_group($(this));\n                        $(this).closest('.answer').addClass('active');\n                        var current = $(this).closest('.quiz_question.active');\n                        current.removeClass('active');\n                        current.next().addClass('active');\n                        if ($(this).closest('[data-group]').find('.quiz_question.active').length === 0) {\n                            $('.final').addClass('active');\n                            \n                            $('.quiz-win').addClass('result');\n                            $.post(\n                                '/ru/catalogue/quiz_skus/',\n                                JSON.stringify(ls_data),\n                                function (response) {\n                                    $('.quiz-win  .final').html(\n                                        response['message'] || '\u041e\u0448\u0438\u0431\u043a\u0430'\n                                    );\n                                }\n                            ).fail(function(xhr, status, error) {\n                                $('.final').html(\n                                    '\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f, \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u0437\u0434\u043d\u0435\u0435'\n                                );\n                            })\n                        }\n                    }\n                );\n            }\n        )\n    </script>\n</div>"}