{"forms": [{"id": 86712, "template": 1313, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": "https://ippss.ru/program", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "https://ippss.ru/category", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"link": "https://pr.ippss.ru/vebinar?utm_source=web&utm_medium=marketing&utm_campaign=1-15_popap_web_marketing_site_landing_15_25042024_all_all ", "text": "\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u043e\u043c \u0432 2024 \u0433\u043e\u0434\u0443 \u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441 \u0434\u043e\u0445\u043e\u0434\u043e\u043c \u043e\u0442 100 000 \u20bd?", "title": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0435\u0431\u0438\u043d\u0430\u0440", "width": "720", "bg_img": "https://personalization-web-stable.mindbox.ru/user-media/5035/34eb331997be95cbb9f22ed53ce42752157eb0906df5c7a15d6f95d14baeda07.jpg", "button": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f", "sideImg": "https://personalization-web-stable.mindbox.ru/user-media/36973/cfd7da0f80440de58bd3bf944473813b52c6beed1e2bab19580969aeed823ff6.jpg", "width_m": "320", "bg_color": "#ffffff", "bg_img_m": "https://personalization-web-stable.mindbox.ru/user-media/5035/b40666cd6759ce90872935ca6881b876b98f7573fc8b712329d57daf2978a0fe.jpg", "button_bg": "#3875CE", "font_base": "'Roboto',sans-serif", "img_width": "50", "text_size": "20", "cross_size": "27", "text_align": "left", "text_color": "#000", "title_size": "40", "button_size": "20", "cross_color": "#000000", "custom_font": "Arial,sans-serif", "padding_top": "90.00", "text_enable": "1", "text_italic": "0", "text_size_m": "18", "text_weight": "400", "title_color": "#000", "border_color": "#000", "border_width": "0", "button_blank": "1", "cross_size_m": "21", "img_height_m": "160.00", "padding_left": "20.00", "text_align_m": "left", "text_padding": "70", "title_enable": "1", "title_italic": "0", "title_size_m": "20", "title_weight": "900", "bg_img_enable": "0", "bg_img_m_show": "0", "border_radius": "0", "button_action": "link", "button_enable": "1", "button_italic": "0", "button_radius": "0", "button_size_m": "16", "button_weight": "400", "cross_color_m": "#000000", "padding_right": "20.00", "padding_top_m": "27.00", "shadow_enable": "1", "text_enable_m": "1", "text_weight_m": "400", "title_padding": "20", "border_width_m": "0", "padding_bottom": "120.00", "padding_left_m": "24.00", "text_padding_m": "40", "title_enable_m": "1", "title_weight_m": "700", "border_radius_m": "0", "button_enable_m": "1", "button_weight_m": "400", "padding_right_m": "24.00", "shadow_enable_m": "1", "title_padding_m": "25.00", "bg_color_overlay": "#ffffff", "button_bg_active": "#FFCDB8", "button_padding_h": "80.00", "button_padding_v": "30", "padding_bottom_m": "74.00", "text_line_height": "1.2", "button_text_color": "#ffffff", "title_line_height": "1.2", "button_padding_h_m": "40", "button_padding_v_m": "22", "cross_color_active": "#E2CFB6", "custom_font_enable": "0", "button_border_color": "#c6c6c6", "button_border_width": "0", "cross_color_active_m": "#E2CFB6", "button_border_width_m": "0", "bg_color_overlay_opacity": "0", "button_text_color_active": "#333333", "button_border_color_active": "#ffc251"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 198058}], "id": 86120, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut", "paranja_color": "#a8a8a8", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0435\u0431\u0438\u043d\u0430\u0440", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": "2024-08-07T14:00:54+03:00", "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86900.png?ts=1722239055835", "rendered_button_preview": null, "settings": {"link": "https://pr.ippss.ru/vebinar?utm_source=web&utm_medium=marketing&utm_campaign=1-15_popap_web_marketing_site_landing_15_25042024_all_all ", "text": "\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u043e\u043c \u0432 2024 \u0433\u043e\u0434\u0443 \u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441 \u0434\u043e\u0445\u043e\u0434\u043e\u043c \u043e\u0442 100 000 \u20bd?", "title": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0435\u0431\u0438\u043d\u0430\u0440", "width": "720", "bg_img": "https://personalization-web-stable.mindbox.ru/user-media/5035/34eb331997be95cbb9f22ed53ce42752157eb0906df5c7a15d6f95d14baeda07.jpg", "button": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f", "sideImg": "https://personalization-web-stable.mindbox.ru/user-media/36973/cfd7da0f80440de58bd3bf944473813b52c6beed1e2bab19580969aeed823ff6.jpg", "width_m": "320", "bg_color": "#ffffff", "bg_img_m": "https://personalization-web-stable.mindbox.ru/user-media/5035/b40666cd6759ce90872935ca6881b876b98f7573fc8b712329d57daf2978a0fe.jpg", "button_bg": "#3875CE", "font_base": "'Roboto',sans-serif", "img_width": "50", "text_size": "20", "cross_size": "27", "text_align": "left", "text_color": "#000", "title_size": "40", "button_size": "20", "cross_color": "#000000", "custom_font": "Arial,sans-serif", "padding_top": "90.00", "text_enable": "1", "text_italic": "0", "text_size_m": "18", "text_weight": "400", "title_color": "#000", "border_color": "#000", "border_width": "0", "button_blank": "1", "cross_size_m": "21", "img_height_m": "160.00", "padding_left": "20.00", "text_align_m": "left", "text_padding": "70", "title_enable": "1", "title_italic": "0", "title_size_m": "20", "title_weight": "900", "bg_img_enable": "0", "bg_img_m_show": "0", "border_radius": "0", "button_action": "link", "button_enable": "1", "button_italic": "0", "button_radius": "0", "button_size_m": "16", "button_weight": "400", "cross_color_m": "#000000", "padding_right": "20.00", "padding_top_m": "27.00", "shadow_enable": "1", "text_enable_m": "1", "text_weight_m": "400", "title_padding": "20", "border_width_m": "0", "padding_bottom": "120.00", "padding_left_m": "24.00", "text_padding_m": "40", "title_enable_m": "1", "title_weight_m": "700", "border_radius_m": "0", "button_enable_m": "1", "button_weight_m": "400", "padding_right_m": "24.00", "shadow_enable_m": "1", "title_padding_m": "25.00", "bg_color_overlay": "#ffffff", "button_bg_active": "#FFCDB8", "button_padding_h": "80.00", "button_padding_v": "30", "padding_bottom_m": "74.00", "text_line_height": "1.2", "button_text_color": "#ffffff", "title_line_height": "1.2", "button_padding_h_m": "40", "button_padding_v_m": "22", "cross_color_active": "#E2CFB6", "custom_font_enable": "0", "button_border_color": "#c6c6c6", "button_border_width": "0", "cross_color_active_m": "#E2CFB6", "button_border_width_m": "0", "bg_color_overlay_opacity": "0", "button_text_color_active": "#333333", "button_border_color_active": "#ffc251"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut", "paranja_color": "#a8a8a8", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 84118, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "form_completed", "value": {"forms": [84096], "interval": 7}, "operator": "$never"}, {"id": "3", "field": "form_seen", "value": {"forms": "$any", "interval": 300}, "operator": "$after"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": ["/blog/kak-otkryt-chastnuyu-praktiku-s-nulya-chek-list-dlya-psihologa-v-podarok", "/blog/kak-psihologu-prodvigat-svoi-uslugi", "/blog/kak-nachat-rabotu-nachinayushchemu-psihologu-neobhodimoe-obrazovanie-i-uroven-zarabotka", "/blog/kak-psihologu-uvelichit-dohod-i-postroit-kareru-v-nebolshom-gorode", "/blog/chek-list-9-oshibok-nachinayushchego-psihologa", "/blog/onlajn-resursy-dlya-produktivnoj-raboty-psihologa", "/blog/vedem-onlajn-zapis-i-sledim-za-raspisaniem-udobnye-servisy-dlya-psihologov", "/blog/samoe-vazhnoe-o-klinicheskoj-psihologii-i-professii-klinicheskogo-psihologa", "/blog/algoritm-pervoj-konsultacii-psihologa-s-primerami-i-sovetami-ot-praktikov", "/blog/algoritm-pervoj-konsultacii-art-terapevta-razbiraem-poshagovyj-plan-s-ekspertom", "/blog/psiholog-i-klient-kak-pravilno-vystroit-vzaimootnosheniya", "/blog/6-eticheskih-principov-kotorye-sohranyat-reputaciyu-psihologa", "/blog/psiholog-na-udalenke-gde-mozhno-rabotat-po-specialnosti-distancionno", "/blog/kak-psihologu-opredelit-cenu-za-konsultaciyu-shema-rascheta-i-kalkulyator", "/blog/eticheskaya-dilemma-kak-psihologu-vybrat-menshee-iz-zol", "/blog/ne-nado-tak-5-rolej-psihologa-kotoryj-vredyat-klientu", "/blog/psiholog-i-psihoterapevt-v-chem-raznica-mozhet-li-konsultant-ispolzovat-metody-psihoterapii", "/blog/pamyatka-dlya-psihologa-po-ekstrennoj-psihologicheskoj-pomoshchi-v-chs", "/blog/5-pravil-profilaktiki-professionalnogo-vygoraniya-u-psihologa", "/blog/psiholog-i-proklyate-professionalnogo-vygoraniya", "/blog/passivnyj-dohod-dlya-psihologa-zapuskaem-cifrovoj-produkt", "/blog/trudnosti-psihologicheskogo-onlajn-konsultirovaniya-razbiraemsya-s-ekspertom-kak-reshat-problemy", "/blog/kak-i-gde-nachinayushchemu-psihologu-najti-pervyh-klientov", "/blog/psiholog-bez-opyta-gde-praktikovatsya-nachinayushchim", "/blog/otvetstvennost-v-rabote-psihologa-rasstavlyaem-vse-tochki-nad-i", "/blog/shpargalka-dlya-psihologa-voprosy-dlya-pervoj-konsultacii-i-podgotovki-k-nej", "/blog/stoit-li-nachinayushchemu-psihologu-idti-v-volonterstvo", "/blog/psiholog-v-socsetyah-sostavlyaem-kontent-plan-tak-chtoby-vsegda-byli-temy-dlya-publikacij", "/blog/algoritm-raboty-s-ptsr-kak-pomoch-klientu-prozhit-travmu", "/blog/kak-rabotayut-s-ptsr-psihologi-raznyh-napravlenij-priemy-iz-geshtalt-terapii-art-terapiya-i-kpt", "/blog/simptomy-i-diagnostika-ptsr-kak-otlichit-ego-ot-drugih-sostoyanij", "/blog/priznaki-rpp-osobennosti-rasstrojstv-u-muzhchin-zhenshchin-i-detej", "/blog/rasstrojstvo-pishchevogo-povedeniya-chto-takoe-rpp-pochemu-voznikaet-i-kak-lechitsya", "/blog/plan-okazaniya-ekstrennoj-psihologicheskoj-pomoshchi-v-raznyh-situaciyah-213", "/blog/7-sposobov-sohranit-vnutrennij-resurs-dlya-psihologa-vo-vremya-ucheby-i-raboty", "/blog/rezyume-nachinayushchego-psihologa-chto-pisat-esli-malo-opyta-poshagovaya-instrukciya", "/blog/kogda-nuzhno-podklyuchat-k-rabote-s-klientom-psihiatra-ekspress-diagnostika-na-pervoj-vstreche", "/blog/kak-psihologu-podnyat-chek-na-svoi-uslugi-3-strategii", "/blog/9-veshchej-o-kotoryh-nuzhno-znat-prezhde-chem-stat-seksologom", "/blog/kak-psihologu-rabotat-v-krizis-sohranit-resurs-i-dohod", "/blog/psiholog-v-socsetyah-vybor-ploshchadki-i-oformlenie-profilya", "/blog/psiholog-v-socsetyah-vybor-ploshchadki-i-oformlenie-profilya", "/blog/4-statya-kak-psihologu-prodvigat-sebya-v-socialnyh-setyah", "/blog/zakon-o-psihologicheskoj-pomoshchi-psihologi-s-profperepodgotovkoj-bolshe-ne-smogut-rabotat", "/blog/3-tipa-klientov-psihologa-kak-najti-podhod-k-kazhdomu", "/blog/bolshoj-ochen-gajd-po-agregatoram-dlya-psihologov-trebovaniya-komissii-plyusy-i-minusy", "/blog/kakie-vidy-tvorchestva-podhodyat-i-ne-podhodyat-dlya-art-terapii", "/blog/4-metoda-art-terapii-s-dokazannoj-effektivnostyu", "/blog/shkola-bolnica-i-korporaciya-gde-mozhet-rabotat-psiholog"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/58731dc0636153c81977b12ae324985c5ecbf5d1e2765e0d1220501f63413ff7.png", "label": "", "width": "577", "header": "\u0414\u0430\u0440\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u0442\u0435\u0440\u0430\u043f\u0435\u0432\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442\u0430 \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0430", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "28", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u0428\u0430\u0431\u043b\u043e\u043d \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10"}, "combinator": "and", "id": 196508}], "id": 83526, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "[ippss] \u041f\u043e\u043f-\u0430\u043f. \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442!!!", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-84161.png?ts=1711448775671", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/58731dc0636153c81977b12ae324985c5ecbf5d1e2765e0d1220501f63413ff7.png", "label": "", "width": "577", "header": "\u0414\u0430\u0440\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u0442\u0435\u0440\u0430\u043f\u0435\u0432\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442\u0430 \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0430", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "28", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u0428\u0430\u0431\u043b\u043e\u043d \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"txt\">\r\n                \u041f\u0440\u0438\u0448\u043b\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430 \u0432\u0430\u0448\u0443 \u043f\u043e\u0447\u0442\u0443. \u0427\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0435\u0433\u043e, \u043f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\r\n            </div>\r\n            \r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 20px 30px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n  \r\n  #popmechanic-form .txt {\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: -999;\r\n  width: 0;\r\n  height: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 20px 0 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 84117, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "form_completed", "value": {"forms": [84089], "interval": 7}, "operator": "$never"}, {"id": "3", "field": "form_seen", "value": {"forms": "$any", "interval": 300}, "operator": "$after"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": ["/blog/snizhenie-libido-simptomy-prichiny-diagnostika-18", "/blog/kak-raspoznat-toksichnoe-povedenie-i-vystroit-lichnye-granicy", "/blog/obescenivanie-kak-ego-raspoznat-i-zashchititsya", "/blog/separaciya-ot-roditelej-pochemu-eto-vazhno", "/blog/7-uprazhnenij-geshtalt-terapii-na-osoznannost-chtoby-kazhdyj-den-uluchshat-zhizn", "/blog/seksualnaya-sovmestimost-kak-uznat-podhodite-li-vy-drug-drugu-dva-metoda-ot-seksologa", "/blog/kak-i-kogda-razgovarivat-s-rebenkom-pro-eto-rekomendacii-ot-seksologa", "/blog/dyhatelnye-tehniki-kotorye-pomogut-snyat-pristup-trevogi", "/blog/kak-okazat-psihologicheskuyu-podderzhku-blizkomu-v-slozhnoj-situacii", "/blog/kak-pomoch-spravitsya-so-stressom-i-trevogoj-sebe-i-detyam", "/blog/kak-snyat-stress-esli-zhit-i-rabotat-prihoditsya-v-usloviyah-neopredelennosti-rekomendacii-psihologov", "/blog/3-bystrye-tehniki-chtoby-spravitsya-s-trevozhnostyu", "/blog/10-luchshih-knig-po-psihologii-podborka-ot-praktikuyushchih-ekspertov", "/blog/5-stadij-gorevaniya-kak-pomoch-cheloveku-na-kazhdom-etape", "/blog/eticheskaya-dilemma-kak-psihologu-vybrat-menshee-iz-zol", "/blog/chto-delat-i-ot-chego-otkazatsya-v-dlitelnoj-stressovoj-situacii", "/blog/relokaciya-kak-spravitsya-so-stressom-esli-vam-prishlos-uehat", "/blog/kak-effektivno-podvesti-itogi-goda", "/blog/shkolnaya-travlya-kak-psihologu-i-roditelyam-govorit-s-zhertvoj-bullinga", "/blog/shkolnaya-travlya-chem-mogut-pomoch-rebenku-psihologi-i-roditeli", "/blog/shkolnaya-travlya-kak-raspoznat-depressiyu-i-pomoch-rebenku", "/blog/psihologicheskie-travmy-pochemu-voznikayut-i-kak-vliyayut-na-zhizn"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/dd4405b9e075728d31af3762d4a5608e481da4a092bab5ab6aec2ea44e829383.png", "label": "", "width": "577", "header": "\u041f\u043e\u0443\u0447\u0438\u0442\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043d\u0438\u0433  \u043f\u043e \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0438\u0438", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u043e\u0434\u0430\u0440\u043e\u043a \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10"}, "combinator": "and", "id": 196507}], "id": 83525, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "[ippss] \u041f\u043e\u043f-\u0430\u043f. \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u043f\u043e \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0438\u0438!!!", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-84160.png?ts=1711448995148", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/dd4405b9e075728d31af3762d4a5608e481da4a092bab5ab6aec2ea44e829383.png", "label": "", "width": "577", "header": "\u041f\u043e\u0443\u0447\u0438\u0442\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043d\u0438\u0433  \u043f\u043e \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0438\u0438", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u043e\u0434\u0430\u0440\u043e\u043a \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"txt\">\r\n                \u041d\u0430\u0448\u0438 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u044b \u0441\u043e\u0431\u0440\u0430\u043b\u0438 \u0442\u043e\u043f-\u043a\u043d\u0438\u0433 \u043f\u043e \u0440\u0430\u0431\u043e\u0442\u0435 \u043c\u043e\u0437\u0433\u0430, \u0434\u0435\u0442\u0441\u043a\u043e-\u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f\u043c, \u043a\u043e\u0443\u0447\u0438\u043d\u0433\u0443 \u0438 \u0433\u0435\u0448\u0442\u0430\u043b\u044c\u0442-\u0442\u0435\u0440\u0430\u043f\u0438\u0438\r\n            </div>\r\n            \r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 20px 30px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n  \r\n  #popmechanic-form .txt {\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: -999;\r\n  width: 0;\r\n  height: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 20px 0 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 84116, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "form_completed", "value": {"forms": [84085], "interval": 7}, "operator": "$never"}, {"id": "3", "field": "form_seen", "value": {"forms": "$any", "interval": 300}, "operator": "$after"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": ["/blog/podhodit-li-vam-professiya-psihologa-projdite-test-na-sovmestimost", "/blog/gde-uchitsya-na-psihologa-vybiraem-uchebnoe-zavedenie-i-programmu", "/blog/kursy-po-psihologii-kak-vybrat-obuchenie-dlya-professii-i-dlya-zhizni", "/blog/komu-i-kogda-nuzhna-profperepodgotovka-na-psihologa", "/blog/chek-list-kak-postupit-na-profperepodgotovku-na-psihologa", "/blog/kak-vybrat-programmu-obucheniya-psihologii", "/blog/kak-proverit-uchebnoe-zavedenie-pered-postupleniem", "/blog/vybiraem-obuchenie-po-psihologii-kak-poluchit-professiyu-i-ne-poteryat-dengi", "/blog/professiya-psihologa-za-1-5-goda-samoe-vazhnoe-chto-nuzhno-znat-o-professionalnoj-perepodgotovke", "/blog/plan-stat-psihologom-kak-smenit-professiyu-i-ne-razocharovatsya", "/blog/sostavlyaem-terapevticheskij-kontrakt-poshagovo-shablon-v-podarok", "/blog/rabota-detskim-psihologom-v-moskve-obyazannosti-vakansii-obuchenie", "/blog/rabota-psihologom-v-sankt-peterburge-obyazannosti-kem-mozhno-rabotat-gde-projti-obuchenie", "/blog/rabota-psihologom-v-kazani-gde-projti-obuchenie-i-skolko-mozhno-zarabatyvat", "/blog/rabota-psihologom-v-novosibirske-chto-nuzhno-delat-i-gde-projti-obuchenie", "/blog/rabota-psihologom-v-ekaterinburge-obyazannosti-primery-vakansij-dohod", "/blog/professiya-art-terapevt-chem-vy-budete-zanimatsya-i-skolko-zarabatyvat", "/blog/kto-takoj-geshtalt-terapevt-i-kak-im-stat", "/blog/kak-stat-psihologom-konsultantom-v-onlajn-formate", "/blog/nuzhny-li-psihologu-v-rossii-profilnoe-vysshee-obrazovanie-i-licenziya", "/blog/kak-gde-i-skolko-zarabatyvaet-psiholog", "/blog/kak-stat-psihologom-konsultantom-vebinar-dlya-pogruzheniya-v-professiyu-v-podarok"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/14fa4c6fc0fb6e652ff6272902c794e3c96f22b923f76319858ddb1b5f1c367f.png", "label": "", "width": "577", "header": "\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u043e\u043c  \u0441 \u043d\u0443\u043b\u044f?", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10"}, "combinator": "and", "id": 196506}], "id": 83524, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "[ippss] \u041f\u043e\u043f-\u0430\u043f. \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u044b\u0439 \u0433\u0438\u0434!!!", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-84159.png?ts=1711448985624", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/14fa4c6fc0fb6e652ff6272902c794e3c96f22b923f76319858ddb1b5f1c367f.png", "label": "", "width": "577", "header": "\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u043e\u043c  \u0441 \u043d\u0443\u043b\u044f?", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"txt\">\r\n                \u041f\u0440\u0438\u0448\u043b\u0435\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u043e\u0441\u0432\u043e\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0438 \u043d\u0430 \u0432\u0430\u0448\u0443 \u043f\u043e\u0447\u0442\u0443. \u0427\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0435\u0433\u043e, \u043f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\r\n            </div>\r\n            \r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 20px 30px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n  \r\n  #popmechanic-form .txt {\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: -999;\r\n  width: 0;\r\n  height: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 20px 0 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 84115, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "form_completed", "value": {"forms": [84074], "interval": 7}, "operator": "$never"}, {"id": "3", "field": "form_seen", "value": {"forms": "$any", "interval": 300}, "operator": "$after"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": ["/blog/pochemu-vy-ne-uspevaete-uchitsya-i-kak-eto-ispravit-lajfhaki-ot-instituta-psihologii", "/blog/preodolet-plato-pochemu-my-ustaem-uchitsya-i-chto-s-etim-delat", "/blog/sovety-ot-kuratorov-1-kak-effektivno-nauchitsya-chemu-ugodno", "/blog/sovety-ot-kuratorov-2-kak-uspevat-uchitsya", "/blog/sovety-ot-kuratorov-3-kak-ne-brosit-uchebu-na-polputi", "/blog/-idealno-ili-nikak-boremsya-s-perfekcionizmom-v-obuchenii", "/blog/odinochestvo-v-seti-kak-preodolet-chuvstvo-izolyacii-na-distancionnom-obuchenii-205"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/aff066f210f629c7996b003defe2146af8762efb8597c8a0ebab112b11f5252e.png", "label": "", "width": "577.00", "header": "\u041a\u0430\u043a \u043d\u0430\u0439\u0442\u0438 \u0432\u0440\u0435\u043c\u044f  \u043d\u0430 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435?", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0430\u043c\u044f\u0442\u043a\u0443 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10"}, "combinator": "and", "id": 196505}], "id": 83523, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "[ippss] \u041f\u043e\u043f-\u0430\u043f. \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043f\u0430\u043c\u044f\u0442\u043a\u0430!!!", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-84158.png?ts=1711449691651", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "10", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/aff066f210f629c7996b003defe2146af8762efb8597c8a0ebab112b11f5252e.png", "label": "", "width": "577.00", "header": "\u041a\u0430\u043a \u043d\u0430\u0439\u0442\u0438 \u0432\u0440\u0435\u043c\u044f  \u043d\u0430 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435?", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#d76d69", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 ", "params": {"checked": true, "link_href": "https://ippss.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0430\u043c\u044f\u0442\u043a\u0443 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "bottom", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"txt\">\r\n                \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0432 \u043d\u0430\u0448\u0435\u0439 \u043f\u0430\u043c\u044f\u0442\u043a\u0435. \u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443, \u0438 \u043c\u044b \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u043f\u0430\u043c\u044f\u0442\u043a\u0443 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443\r\n            </div>\r\n            \r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 20px 30px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n  \r\n  #popmechanic-form .txt {\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: -999;\r\n  width: 0;\r\n  height: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 20px 0 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1313, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-wrapper\">\r\n\t\t<div class=\"popmechanic-main\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-title\"><%=title%></div>\r\n\t\t\t\t<div class=\"popmechanic-text\"><%=text%></div>\r\n\t\t\t\t<%if(button_action==\"link\"){%>\r\n\t\t\t\t\t<a href=\"<%=link%>\" data-popmechanic-submit data-popmechanic-link class=\"popmechanic-button\" <%if(parseInt(button_blank)){%>target=\"_blank\"<%}%>><%=button%></a>\r\n\t\t\t\t<%}else{%>\r\n\t\t\t\t\t<button data-popmechanic-submit data-popmechanic-close class=\"popmechanic-button\"><%=button%></button>\r\n\t\t\t\t<%}%>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"popmechanic-img\"></div>\r\n\t\t</div>\t\r\n\t</div>\r\n\t<div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic');\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  margin: 0;\r\n  padding: 0; }\r\n  #popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    z-index: 99;\r\n    top: 10px;\r\n    right: 10px;\r\n    width: <%=cross_size%>px;\r\n    height:<%=cross_size%>px;\r\n    font-size: 0;\r\n    color: transparent;\r\n    background-color: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transform: rotate(45deg);\r\n    transition: all .15s; }\r\n    #popmechanic-form .popmechanic-close:hover {\r\n      transform: rotate(45deg) scale(1.1); }\r\n      #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n        background-color: <%=cross_color_active%>; }\r\n    #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: <%=(cross_size-1)/2%>px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 3px;\r\n      background-color: <%=cross_color%>; }\r\n    #popmechanic-form .popmechanic-close:after {\r\n      transform: rotate(90deg); }\r\n  #popmechanic-form .popmechanic-wrapper {\r\n\t  <%if(parseInt(bg_img_enable)){%>background-image:url(\"<%=bg_img%>\");<%}%>\r\n\t  background-size:cover;\r\n\t  background-position:50% 50%;\r\n\t  background-color: <%=bg_color%>;  \r\n\t  border-radius: <%=border_radius%>px;\r\n\t  border:<%=border_width%>px solid <%=border_color%>;\r\n\t  overflow: hidden;\r\n\t  position:relative;\r\n\t <%if(parseInt(shadow_enable)){%>box-shadow:0 5px 5px 0 rgba(0,0,0,.2);<%}%>\r\n  }\r\n  #popmechanic-form .popmechanic-wrapper:before{\r\n\t  content:'';\r\n\t  position:absolute;top:0;left:0;\r\n\t  width:100%;height:100%;\r\n\t  background-color:<%=bg_color_overlay%>;\r\n\t  opacity:<%=bg_color_overlay_opacity/100%>;\t  \r\n  }\r\n  #popmechanic-form .popmechanic-main {\r\n    width: <%=width%>px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-start;\r\n    align-content: stretch;\r\n    align-items: stretch;\r\n\tposition:relative;z-index:2;\r\n\t\r\n     }\r\n    #popmechanic-form .popmechanic-main .popmechanic-content {\r\n      flex: 0 1 calc(100% - <%=img_width%>%);\r\n      padding: <%=padding_top%>px <%=padding_right%>px <%=padding_bottom%>px <%=padding_left%>px;\r\n\ttext-align:<%=text_align%>;\t  }\r\n    #popmechanic-form .popmechanic-main .popmechanic-img {\r\n      flex: 0 1 <%=img_width%>%;\r\n      background-image: url(\"<%=sideImg%>\");\r\n      background-size: cover;\r\n      background-position: 50% 50%; }\r\n  #popmechanic-form .popmechanic-title {\r\n    <%if(!parseInt(title_enable)){%>display:none;<%}%>\r\n\tfont-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font_base%><%}%>;\r\n\t<%if(parseInt(title_italic)){%>font-style:italic;<%}%>\r\n    font-size: <%=title_size%>px;\r\n    font-weight: <%=title_weight%>;\r\n    line-height:<%=title_line_height%>;\r\n    color: <%=title_color%>;\r\n    margin-bottom: <%=title_padding%>px;\r\n\t}\r\n  #popmechanic-form .popmechanic-text {\r\n    <%if(!parseInt(text_enable)){%>display:none;<%}%>\r\n\tfont-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font_base%><%}%>;\r\n\t<%if(parseInt(text_italic)){%>font-style:italic;<%}%>\r\n    font-size: <%=text_size%>px;\r\n    font-weight: <%=text_weight%>;\r\n    line-height:<%=text_line_height%>;\r\n    color: <%=text_color%>;\r\n    margin-bottom: <%=text_padding%>px; }\r\n  #popmechanic-form .popmechanic-button {\r\n\t  <%if(!parseInt(button_enable)){%>display:none;<%}else{%>display: inline-block;<%}%>\r\n    font-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font_base%><%}%>;\r\n\t<%if(parseInt(button_italic)){%>font-style:italic;<%}%>\r\n    font-size: <%=button_size%>px;\r\n    font-weight: <%=button_weight%>;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n    color: <%=button_text_color%>;    \r\n    background-color: <%=button_bg%>;\r\n    border-radius: <%=button_radius%>px;\r\n    border: <%=button_border_width%>px solid <%=button_border_color%>;\r\n    padding: <%=button_padding_v%>px <%=button_padding_h%>px;\r\n    transition: all .15s; }\r\n    #popmechanic-form .popmechanic-button:hover {\r\n\t\tcolor: <%=button_text_color_active%>;   \r\nborder-color:<%=button_border_color_active%>;\t\t\r\n     background-color: <%=button_bg_active%>; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close{\r\n\twidth: <%=cross_size_m%>px;\r\n    height:<%=cross_size_m%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:before, .popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n\tbackground-color:<%=cross_color_m%>;\r\n\ttop: <%=(cross_size_m-1)/2%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n\tbackground-color:<%=cross_color_active_m%>;\t\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-wrapper {\r\n\t<%if(parseInt(bg_img_m_show)){%>background-image:url(\"<%=bg_img_m%>\");<%}%>\r\n\tborder-radius: <%=border_radius_m%>px;\r\n\tborder:<%=border_width_m%>px solid <%=border_color%>; \r\n\t<%if(parseInt(shadow_enable_m)){%>box-shadow:0 5px 5px 0 rgba(0,0,0,.2);<%}%>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  width: <%=width_m%>px;\r\n  max-width: 100vw;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-wrap: nowrap;\r\n  justify-content: flex-start;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n\t }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content {\r\n    padding: <%=padding_top_m%>px <%=padding_right_m%>px <%=padding_bottom_m%>px <%=padding_left_m%>px;\r\n\tflex: 0 1 auto;\r\n    order: 2;\r\ntext-align:<%=text_align_m%>;\t}\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-img {\r\n\tflex: 0 1 auto;\r\n    height: <%=img_height_m%>px;\r\n    order: 1; }\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-title{\r\n\t\t<%if(!parseInt(title_enable_m)){%>display:none;<%}%>\r\n\t\tpadding-bottom:<%=title_padding_m%>px;\r\n\t\tfont-size:<%=title_size_m%>px;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-text{\r\n\t\t<%if(!parseInt(text_enable_m)){%>display:none;<%}%>\r\n\t\tmargin-bottom:<%=text_padding_m%>px;\r\n\t\tfont-size:<%=text_size_m%>px;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-button{\r\n\t\tborder: <%=button_border_width_m%>px solid <%=button_border_color%>;\r\n\t\t<%if(!parseInt(button_enable_m)){%>display:none;<%}else{%>display: inline-block;<%}%>\r\n\t\tfont-size:<%=button_size_m%>px;\r\n\t\tpadding: <%=button_padding_v_m%>px <%=button_padding_h_m%>px;\r\n\t}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2031, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 50%;\r\n  padding: 51px 25px 37px 46px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 50%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 140px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 94885, "form": 84115, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-84115", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 94887, "form": 84116, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-84116", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 94889, "form": 84117, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-84117", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 94891, "form": 84118, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-84118", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 94886, "form": 84115, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-84115-show", "click_operation": "popmechanic-popup-84115-click", "targeting_operation": "popmechanic-popup-84115-targeting"}, {"id": 94888, "form": 84116, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-84116-show", "click_operation": "popmechanic-popup-84116-click", "targeting_operation": "popmechanic-popup-84116-targeting"}, {"id": 94890, "form": 84117, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-84117-show", "click_operation": "popmechanic-popup-84117-click", "targeting_operation": "popmechanic-popup-84117-targeting"}, {"id": 94892, "form": 84118, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-84118-show", "click_operation": "popmechanic-popup-84118-click", "targeting_operation": "popmechanic-popup-84118-targeting"}, {"id": 98762, "form": 86712, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-86712-show", "click_operation": "popmechanic-popup-86712-click", "targeting_operation": "popmechanic-popup-86712-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}