{"id":3710,"date":"2023-04-04T22:21:20","date_gmt":"2023-04-04T22:21:20","guid":{"rendered":"https:\/\/gamratofficial.com.ua\/sofity\/"},"modified":"2023-07-21T19:03:15","modified_gmt":"2023-07-21T19:03:15","slug":"sofity","status":"publish","type":"page","link":"https:\/\/gamratofficial.com.ua\/ru\/sofity\/","title":{"rendered":"\u0421\u043e\u0444\u0438\u0442\u044b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3710\" class=\"elementor elementor-3710 elementor-129\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d72f99 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d72f99\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d39ad47\" data-id=\"d39ad47\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7bfa8d0 elementor-widget elementor-widget-heading\" data-id=\"7bfa8d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0421\u043e\u0444\u0438\u0442\u044b \u0434\u043b\u044f \u043a\u0440\u044b\u0448\u0438<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b46c85 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b46c85\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-029d288\" data-id=\"029d288\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f07e08 elementor-widget elementor-widget-heading\" data-id=\"7f07e08\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0443\u0436\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1951876 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1951876\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-367610a\" data-id=\"367610a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-07b4577 elementor-widget elementor-widget-html\" data-id=\"07b4577\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\n\n\n<title>\u041a\u043b\u0438\u043a\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u043e\u0439<\/title>\n<style>\n.hover-container {\nposition: relative;\ndisplay: inline-block;\n}\n\n.hover-container img {\ndisplay: block;\nwidth: 100%;\nheight: auto;\n}\n\n.hover-blocks {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\n}\n\n\/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n.hb {\nposition: absolute;\nopacity: 0;\npointer-events: none;\ntransition: opacity 0.3s ease;\n}\n\n.hover-container:hover .hb {\nopacity: 1;\npointer-events: auto;\n}\n\n\/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n.hover-container:hover .hb.blocks-1:hover {\nbackground-image:url(https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/000-2.png);\nbackground-size: cover;\n}\n.hover-container:hover .hb.blocks-2:hover {\nbackground-image:url(https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/006-2.png);\nbackground-size: cover;\n}\n.hb.blocks-1 {\nwidth: 18%;\n    height: 27.1%;\n    top: 52%;\n    left: 14%;\n}\n\n.hb.blocks-2 {\nwidth: 36%;\n    height: 34%;\n    top: 18%;\n    left: 54.4%;\n}\n.hover-container:hover .hb.blocks-3:hover {\nbackground-image:url(https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/005-2.png);\nbackground-size: cover;\n}\n.hb.blocks-3 {\nwidth: 32%;\n    height: 11%;\n    top: 50%;\n    left: 27.6%;\n    \n}\n.hover-container:hover .hb.blocks-4:hover {\nbackground-image:url(https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/004-2.png);\nbackground-size: cover;\n}\n.hb.blocks-4 {\n    width: 12.5%;\n    height: 27.8%;\n    top: 13.5%;\n    left: 48.8%;\n}\n.hover-container:hover .hb.blocks-5:hover {\nbackground-image:url(https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/002-2.png);\nbackground-size: cover;\n}\n.hb.blocks-5 {\n    width: 36.5%;\n    height: 16.8%;\n    top: 42.5%;\n    left: 56.8%;\n}\n.hover-container:hover .hb.blocks-6:hover {\nbackground-image:url(https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/001-2.png);\nbackground-size: cover;\n}\n.hb.blocks-6 {\n   width: 71.5%;\n    height: 18.8%;\n    top: 64.5%;\n    left: 20.8%;\n}\n\/* \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 *\/\n<\/style>\n\n\n<div class=\"hover-container\">\n<img decoding=\"async\" class=\"colors-change\" src=\"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/%D0%A1%D0%BE%D1%84%D0%B8%D1%82-%D0%BF%D0%B5%D1%80%D1%84%D0%BE%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B912.png\" alt=\"\u041f\u043e\u0434\u0431\u043e\u0440 \u0446\u0432\u0435\u0442\u043e\u0432 Profil\" id=\"#image-map\" style=\"width :1044 px; height :auto;\">\n<map name=\"image-map\">\n<area class=\"hb blocks-1\" shape=\"rect\" coords=\"88, 234, 193, 329\" href=\"https:\/\/gamratofficial.com.ua\/ru\/product-category\/sofyty\/\" alt=\"\u042d\u043b\u0435\u043c\u0435\u043d\u0442 1\" data-id=\"1\">\n<area class=\"hb blocks-2\" shape=\"rect\" coords=\"328, 86, 369, 225\" href=\"https:\/\/gamratofficial.com.ua\/ru\/product-category\/sofyty\/\" alt=\"\u042d\u043b\u0435\u043c\u0435\u043d\u0442 2\" data-id=\"2\">\n<area class=\"hb blocks-3\" shape=\"rect\" coords=\"171, 220, 366, 259\" href=\"\/?product_cat=j_planka\" alt=\"\u042d\u043b\u0435\u043c\u0435\u043d\u0442 3\" data-id=\"3\">\n<area class=\"hb blocks-4\" shape=\"rect\" coords=\"296, 75, 373, 179\" href=\"\/?product_cat=j_planka\" alt=\"\u042d\u043b\u0435\u043c\u0435\u043d\u0442 4\" data-id=\"4\">\n<area class=\"hb blocks-5\" shape=\"rect\" coords=\"296, 75, 373, 179\" href=\"\/?product_cat=h_planka\" alt=\"\u042d\u043b\u0435\u043c\u0435\u043d\u0442 5\" data-id=\"5\">\n<area class=\"hb blocks-6\" shape=\"rect\" coords=\"296, 75, 373, 179\" href=\"\/?product_cat=j_planka\" alt=\"\u042d\u043b\u0435\u043c\u0435\u043d\u0442 6\" data-id=\"6\">\n<!-- \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b <area> \u0441 \u043d\u0443\u0436\u043d\u044b\u043c\u0438 \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438 -->\n<\/map>\n<\/div>\n<script>\n\/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c hb\nlet hbElements = document.getElementsByClassName(\"hb\");\n\n\/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f mouseover \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\nfor (let i = 0; i <hbElements.length; i++) { hbElements[i].addEventListener(\"mouseover\", function() { \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442 data-id \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 let id = this.getAttribute(\"data-id\"); \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 img \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c colors-change let img = document.getElementById(\"image-map\"); \/\/ \u0417\u0430\u0434\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442 src \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 id switch (id) { case \"1\": img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/000-2.png\"; break; case \"2\": img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/014-1-e1688763519868.png\"; break; case \"3\": img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/013-1-e1688763356322.png\"; break; case \"4\": img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/013-1-e1688763356322.png\"; break; case \"5\": img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/002-2.png\"; break; case \"6\": img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/001-2.png\"; break; default: img.src = \"https:\/\/gamratofficial.com.ua\/wp-content\/uploads\/2023\/07\/\u0421\u043e\u0444\u0438\u0442-\u043f\u0435\u0440\u0444\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043912.png\"; } }); } <\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0421\u043e\u0444\u0438\u0442\u044b \u0434\u043b\u044f \u043a\u0440\u044b\u0448\u0438 \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0443\u0436\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u041a\u043b\u0438\u043a\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u043e\u0439<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-3710","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/pages\/3710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/comments?post=3710"}],"version-history":[{"count":1,"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/pages\/3710\/revisions"}],"predecessor-version":[{"id":3711,"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/pages\/3710\/revisions\/3711"}],"wp:attachment":[{"href":"https:\/\/gamratofficial.com.ua\/ru\/wp-json\/wp\/v2\/media?parent=3710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}