{"id":19433,"date":"2025-04-29T01:26:34","date_gmt":"2025-04-29T01:26:34","guid":{"rendered":"https:\/\/hubsteel.casethemes.net\/?page_id=19433"},"modified":"2026-07-10T12:02:23","modified_gmt":"2026-07-10T07:02:23","slug":"home","status":"publish","type":"page","link":"https:\/\/feznavoi.uz\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19433\" class=\"elementor elementor-19433\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76e8983 e-con-full e-flex e-con e-parent \" data-id=\"76e8983\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-b2b4def elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b2b4def\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\t:root {\n\t\t--header-height: 158px;\n\t\t--accent: #1db4ce;\n\t\t--ease: cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\t.mobile_ui {\n\t\tmargin: 0 0 2vw;\n\t\tdisplay: none;\n\t\tflex-shrink: 0;\n\t\tflex-direction: column;\n\t\tbackground: #ffffff;\n\t\tz-index: 5;\n\t\toverflow-y: auto;\n\t\tgap: 2vh;\n\t\tpadding-bottom: env(safe-area-inset-bottom, 0px);\n\t}\n\n\t.hero_content .hero_name {\n\t\tfont-size: clamp(18px, 3.2vh, 26px);\n\t\tfont-weight: 700;\n\t\tmargin: 0;\n\t\tcolor: #0a0a0a;\n\t\ttext-transform: uppercase;\n\t}\n\t.hero_content .hero_desc {\n\t\tfont-size: clamp(13px, 1.6vh, 16px);\n\t\tcolor: #6c757d;\n\t\tmargin-top: 0.4vh;\n\t\tline-height: 1.5;\n\t}\n\n\t.main_marker_list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 1vh;\n\t}\n\t.mobile_marker_btn {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 1.4vw;\n\t\tbackground: var(--accent);\n\t\tfont-size: clamp(14px, 1.8vh, 17px);\n\t\tfont-weight: 500;\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\tborder: none;\n\t\tcolor: #fff;\n\t}\n\t.map {\n\t\tposition: relative;\n\t\twidth: 100vw;\n\t\theight: calc(100vh - var(--header-height));\n\t\theight: calc(100dvh - var(--header-height));\n\t\toverflow: hidden;\n\t\tuser-select: none;\n\t\tflex-shrink: 0;\n\t}\n\n\t.map > img {\n\t\twidth: 150vw;\n\t\tmax-width: 150vw !important;\n\t\theight: auto;\n\t\tposition: absolute;\n\t\ttop: -45vw;\n\t\tleft: -30vw;\n\t\ttransition:\n\t\t\ttop 0.5s ease,\n\t\t\tleft 0.5s ease;\n\t}\n\n\t.overlay {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t}\n\t.marker {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.2vw;\n\t\tcursor: pointer;\n\t\tanimation: appear 0.3s ease;\n\t}\n\t.marker_data {\n\t\tmin-width: 8vw;\n\t\tposition: relative;\n\t\tleft: -1vw;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.marker .icon {\n\t\twidth: 2.5vw;\n\t\theight: 2.5vw;\n\t\tmin-width: 2.5vw;\n\t\tline-height: 1;\n\t\ttext-align: center;\n\t\tbackground: var(--accent);\n\t\tcolor: #fff;\n\t\tfont-size: 1.5vw;\n\t\tfont-weight: bold;\n\t\tborder-radius: 10vw;\n\t\ttransition:\n\t\t\tborder-radius 0.2s ease,\n\t\t\tbackground 0.2s ease;\n\t\tz-index: 99;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tanimation: pulse 2.25s infinite cubic-bezier(0.16, 0, 0, 1);\n\t}\n\t.marker .icon span {\n\t\tdisplay: inline-block;\n\t\ttransition: rotate 0.2s ease;\n\t}\n\t.marker .icon.open span {\n\t\trotate: 45deg;\n\t}\n\t.marker.hero_title {\n\t\twidth: 30vw;\n\t\ttop: 17vw;\n\t\tright: 4vw;\n\t\tdisplay: flex;\n\t\tgap: 1vw;\n\t\tflex-direction: column;\n\t\ttext-align: left;\n\t\tcursor: auto !important;\n\t\tcolor: #fff;\n\t\tz-index: 10;\n\t}\n\t.marker.hero_title .hero_name {\n\t\tmargin: 0 0 0.3vw;\n\t\twidth: 100%;\n\t\tfont-size: 5vw;\n\t\ttext-align: left;\n\t\ttext-transform: uppercase;\n\t\tfont-weight: 600;\n\t\tline-height: 1;\n\t}\n\t.marker.hero_title .hero_desc {\n\t\tfont-size: 1vw;\n\t}\n\t.marker .name {\n\t\theight: 2.5vw;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground: #fff;\n\t\tpadding: 0.3vw 1.2vw;\n\t\tborder-radius: 1vw 0 0 1vw;\n\t\tfont-size: 1.2vw;\n\t\tfont-weight: 500;\n\t\twhite-space: nowrap;\n\t}\n\t.top_side {\n\t\ttop: 10.6vw;\n\t\tleft: 45vw;\n\t}\n\t.left_side {\n\t\ttop: 21.3vw;\n\t\tleft: 30vw;\n\t}\n\t.bottom_side {\n\t\ttop: 32vw;\n\t\tleft: 45vw;\n\t}\n\t.sub_markers {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t}\n\t.sub_marker {\n\t\talign-items: start;\n\t\tanimation: appear 0.3s ease;\n\t}\n\t.map_highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackdrop-filter: grayscale(1);\n\t\t-webkit-backdrop-filter: grayscale(1);\n\t\topacity: 0;\n\t\tscale: 1.05;\n\t\tpointer-events: none;\n\t\ttransition: 1.2s;\n\t\tz-index: 3;\n\t}\n\t.map_highlight.active {\n\t\topacity: 1;\n\t\tscale: 1;\n\t}\n\t.map_highlight.top_side {\n\t\tclip-path: polygon(0.1% 100%, -0.05% 50.73%, 31.48% 99.98%, 70.98% 100.13%, 99.33% 50.95%, 99.44% 100.49%);\n\t}\n\t.map_highlight.left_side {\n\t\tclip-path: polygon(75.64% 54.01%, 41.94% -0.51%, 100% 0.17%, 100% 100%, 49.27% 100.49%);\n\t}\n\t.map_highlight.bottom_side {\n\t\tclip-path: polygon(0.04% 84.97%, 0.18% -0.05%, 100% 0, 100% 73%, 53.62% 0, 49.08% 0);\n\t}\n\t.hover_masks {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tz-index: 4;\n\t\tpointer-events: none;\n\t}\n\t.hover_mask {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackdrop-filter: grayscale(1);\n\t\t-webkit-backdrop-filter: grayscale(1);\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s var(--ease);\n\t}\n\t.hover_mask.top_side {\n\t\tclip-path: polygon(51.21% 49.4%, 20.43% 0.02%, 81.06% 0.34%);\n\t}\n\t.hover_mask.left_side {\n\t\tclip-path: polygon(0.07% 100.08%, 0.08% 0.09%, 14.65% 0.29%, 48.06% 51.19%, 19.75% 100.13%);\n\t}\n\t.hover_mask.bottom_side {\n\t\tclip-path: polygon(80.78% 100.23%, 23.68% 100.26%, 50.75% 54.5%);\n\t}\n\t.hover_mask.right_side {\n\t\tclip-path: polygon(81.06% 0.34%, 100% 0%, 100% 100%, 80.78% 100.23%, 50.75% 54.5%, 51.21% 49.4%);\n\t}\n\t.map.hover_top_side .hover_mask.left_side,\n\t.map.hover_top_side .hover_mask.bottom_side {\n\t\topacity: 1;\n\t}\n\t.map.hover_left_side .hover_mask.top_side,\n\t.map.hover_left_side .hover_mask.bottom_side {\n\t\topacity: 1;\n\t}\n\t.map.hover_bottom_side .hover_mask.top_side,\n\t.map.hover_bottom_side .hover_mask.left_side {\n\t\topacity: 1;\n\t}\n\t.map.is_zoomed .hover_masks {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\t.hover_hitareas {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tz-index: 2;\n\t}\n\t.hover_hit {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tcursor: pointer;\n\t}\n\t.hover_hit.top_side {\n\t\tclip-path: polygon(51.05% 53.86%, 12.87% 0.14%, 85.73% -0.03%);\n\t}\n\t.hover_hit.left_side {\n\t\tclip-path: polygon(0.07% 100.08%, 0.08% 0.09%, 20.27% 0.04%, 50.85% 53.54%, 26.21% 100.13%);\n\t}\n\t.hover_hit.bottom_side {\n\t\tclip-path: polygon(83.83% 100.35%, 22.05% 100.01%, 50.86% 53.14%);\n\t}\n\t.map.is_zoomed .hover_hitareas {\n\t\tpointer-events: none;\n\t}\n\n\t.desc {\n\t\tmargin-top: 0;\n\t\tpadding: 1vw;\n\t\tfont-size: 1vw;\n\t\tbackground: white;\n\t\tmin-width: 8vw;\n\t\tmax-width: 30vw;\n\t\tline-height: 1.5;\n\t\toverflow: hidden;\n\t\tmax-height: 0;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tmax-height 0.35s ease,\n\t\t\topacity 0.25s ease,\n\t\t\tmargin-top 0.35s ease,\n\t\t\tpadding 0.35s ease,\n\t\t\ttransform 0.3s ease;\n\t}\n\t.desc.open {\n\t\tmargin-top: 0.5vw;\n\t\tmax-height: 14vw;\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t.desc .link {\n\t\tdisplay: block;\n\t\tmargin-top: 0.5vw;\n\t\tcolor: var(--accent);\n\t\tfont-weight: 600;\n\t\ttext-decoration: underline;\n\t}\n\t@keyframes pulse {\n\t\t0% {\n\t\t\tbox-shadow: 0 0 0 0px var(--accent);\n\t\t}\n\t\t100% {\n\t\t\tbox-shadow: 0 0 0 0.5vw rgba(29, 180, 206, 0);\n\t\t}\n\t}\n\t@keyframes appear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0.8);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\t.back_button {\n\t\tposition: fixed;\n\t\ttop: 1vw;\n\t\tleft: 1vw;\n\t\tz-index: 130;\n\t\tdisplay: none;\n\t\talign-items: center;\n\t\tgap: 0.6vw;\n\t\tborder: none;\n\t\tborder-radius: 999px;\n\t\tbackground: #fff;\n\t\tpadding: 0.9vh 1.6vw 0.9vh 1.2vw;\n\t\tfont: inherit;\n\t\tfont-weight: 600;\n\t\tfont-size: 1.3vw;\n\t\tbox-shadow: 0 0.6vh 1.6vh rgba(0, 0, 0, 0.25);\n\t\tcursor: pointer;\n\t}\n\t.back_button.is_visible {\n\t\tdisplay: inline-flex;\n\t}\n\t.back_icon {\n\t\tfont-size: 1.6vw;\n\t\tline-height: 1;\n\t}\n\n\t.is_hidden_marker {\n\t\tdisplay: none !important;\n\t}\n\t@media only screen and (max-width: 768px) {\n\t\t:root {\n\t\t\t--header-height: 0vh;\n\t\t}\n\n\t\tbody {\n\t\t\tflex-direction: column;\n\t\t\theight: 100dvh;\n\t\t}\n\t\t.mobile_ui {\n\t\t\tdisplay: flex;\n\t\t}\n\t\t.map {\n\t\t\theight: 20vh;\n\t\t\tmin-height: 160px;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t.marker.hero_title,\n\t\t.marker.top_side,\n\t\t.marker.left_side,\n\t\t.marker.bottom_side {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.hover_masks {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.sub_marker .icon {\n\t\t\twidth: 2.2vw !important;\n\t\t\theight: 2.2vw !important;\n\t\t\tmin-width: 2.2vw !important;\n\t\t\tfont-size: 1.2vw !important;\n\t\t\tanimation: none !important;\n\t\t}\n\t\t.sub_marker .name {\n\t\t\tfont-size: 0.9vw !important;\n\t\t\tpadding: 0.2vw 0.8vw !important;\n\t\t\theight: auto !important;\n\t\t\tborder-radius: 0.4vw !important;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.sub_marker .desc {\n\t\t\tfont-size: 0.9vw !important;\n\t\t\tmin-width: 8vw !important;\n\t\t\tmax-width: 14vw !important;\n\t\t\tpadding: 0.4vw 0.8vw !important;\n\t\t}\n\t\t.sub_marker .desc.open {\n\t\t\tmax-height: 8vh !important;\n\t\t}\n\t\t.back_button {\n\t\t\tposition: absolute;\n\t\t\ttop: 1.2vh;\n\t\t\tleft: 1.2vw;\n\t\t\tbackground: rgba(0, 0, 0, 0.65);\n\t\t\tcolor: #fff;\n\t\t\tborder: none;\n\t\t\tpadding: 0.6vh 1.4vw;\n\t\t\tborder-radius: 2vh;\n\t\t\tfont-size: 1.3vh;\n\t\t\tbackdrop-filter: blur(0.4vh);\n\t\t\t-webkit-backdrop-filter: blur(0.4vh);\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.marker,\n\t\t.marker .icon,\n\t\t.sub_marker {\n\t\t\tanimation: none !important;\n\t\t}\n\t\t.map > img,\n\t\t.desc,\n\t\t.mobile_marker_btn,\n\t\t.hover_mask {\n\t\t\ttransition: none !important;\n\t\t}\n\t}\n<\/style>\n<div class=\"mobile_ui\">\n\t<div class=\"hero_content\">\n\t\t<div class=\"hero_name\" data-i18n=\"hero_name\">FEZ Navoi<\/div>\n\t\t<div class=\"hero_desc\" data-i18n=\"hero_desc\">\n\t\t\tLorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia\n\t\t\tdolores nam natus et.\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"main_marker_list\">\n\t\t<button class=\"mobile_marker_btn\" data-zone=\"top_side\" data-i18n=\"nav.top_side\">Infratuzilma<\/button>\n\t\t<button class=\"mobile_marker_btn\" data-zone=\"left_side\" data-i18n=\"nav.left_side\">Obyekt qurish<\/button>\n\t\t<button class=\"mobile_marker_btn\" data-zone=\"bottom_side\" data-i18n=\"nav.bottom_side\">Bino ijarasi<\/button>\n\t<\/div>\n<\/div>\n<main class=\"map\">\n\t<img decoding=\"async\" src=\"https:\/\/feznavoi.uz\/wp-content\/uploads\/bg-scaled.png\" data-i18n-alt=\"map_alt\" alt=\"FEZ Navoi xaritasi\" \/>\n\t<div class=\"map_highlight\"><\/div>\n\t<div class=\"overlay\">\n\t\t<div class=\"hover_masks\">\n\t\t\t<div class=\"hover_mask top_side\"><\/div>\n\t\t\t<div class=\"hover_mask left_side\"><\/div>\n\t\t\t<div class=\"hover_mask bottom_side\"><\/div>\n\t\t\t<div class=\"hover_mask right_side\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"hover_hitareas\">\n\t\t\t<div class=\"hover_hit top_side\" data-zone=\"top_side\"><\/div>\n\t\t\t<div class=\"hover_hit left_side\" data-zone=\"left_side\"><\/div>\n\t\t\t<div class=\"hover_hit bottom_side\" data-zone=\"bottom_side\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"sub_markers\"><\/div>\n\t\t<div class=\"marker top_side\" data-zone=\"top_side\">\n\t\t\t<div class=\"icon\"><span>+<\/span><\/div>\n\t\t\t<div class=\"marker_data\">\n\t\t\t\t<div class=\"name\" data-i18n=\"nav.top_side\">Infratuzilma<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"marker hero_title\">\n\t\t\t<div class=\"hero_name\" data-i18n=\"hero_name\">FEZ Navoi<\/div>\n\t\t\t<div class=\"hero_desc\" data-i18n=\"hero_desc\">\n\t\t\t\tLorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia\n\t\t\t\tdolores nam natus et.\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"marker bottom_side\" data-zone=\"bottom_side\">\n\t\t\t<div class=\"icon\"><span>+<\/span><\/div>\n\t\t\t<div class=\"marker_data\">\n\t\t\t\t<div class=\"name\" data-i18n=\"nav.bottom_side\">Bino ijarasi<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"marker left_side\" data-zone=\"left_side\">\n\t\t\t<div class=\"icon\"><span>+<\/span><\/div>\n\t\t\t<div class=\"marker_data\">\n\t\t\t\t<div class=\"name\" data-i18n=\"nav.left_side\">Obyekt qurish<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<button class=\"back_button\" data-i18n-aria=\"back_aria\" aria-label=\"Orqaga qaytish\">\n\t\t<span class=\"back_icon\">\u2190<\/span>\n\t\t<span data-i18n=\"back_label\">Orqaga<\/span>\n\t<\/button>\n<\/main>\n<script>\n\t;(function () {\n\t\tconst translations = {\n\t\t\tuz: {\n\t\t\t\thero_name: 'FEZ Navoi',\n\t\t\t\thero_desc:\n\t\t\t\t\t'Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia dolores nam natus et.',\n\t\t\t\tmap_alt: 'FEZ Navoi xaritasi',\n\t\t\t\tback_label: 'Orqaga',\n\t\t\t\tback_aria: 'Orqaga qaytish',\n\t\t\t\tnav: {\n\t\t\t\t\ttop_side: 'Infratuzilma',\n\t\t\t\t\tleft_side: 'Qurish',\n\t\t\t\t\tbottom_side: 'Ijaraga olish',\n\t\t\t\t},\n\t\t\t\tzones: {\n\t\t\t\t\tinfrastructure: [\n\t\t\t\t\t\t{ text: 'Gaz', info: 'Bosim \u2014 8 kg\/sm\u00b2 (8 ATM)' },\n\t\t\t\t\t\t{ text: 'Suv', info: 'Bosim \u2014 6 kg\/sm\u00b2 (6 ATM)' },\n\t\t\t\t\t\t{ text: 'Elektr energiyasi', info: 'Quvvat \u2014 100 MVt' },\n\t\t\t\t\t\t{ text: 'Kanalizatsiya', info: 'Markazlashtirilgan kanalizatsiya tizimi' },\n\t\t\t\t\t\t{ text: \"Yo'llar\", info: 'Umumiy uzunligi \u2014 24 km' },\n\t\t\t\t\t],\n\t\t\t\t\tbuild: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: 'Qurilish uchun yer',\n\t\t\t\t\t\t\tinfo: \"286 gektar bo'sh maydon\",\n\t\t\t\t\t\t\tlink: 'https:\/\/e-auksion.uz\/lots?date&index=1&page=1&address=&lt=0&at=0&order=0&q=&hashtag=&region=12&area=163&group=6&category=73',\n\t\t\t\t\t\t\tlink_label: 'Uchastkani sotib olish',\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\trent: [\n\t\t\t\t\t\t{ text: 'Ofis xonalari', info: '25 m\u00b2 dan ijaraga beriladi' },\n\t\t\t\t\t\t{ text: 'Ombor xonalari', info: '60 m\u00b2 dan ijaraga beriladi' },\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t},\n\t\t\tru: {\n\t\t\t\thero_name: 'FEZ Navoi',\n\t\t\t\thero_desc:\n\t\t\t\t\t'Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia dolores nam natus et.',\n\t\t\t\tmap_alt: '\u041a\u0430\u0440\u0442\u0430 FEZ Navoi',\n\t\t\t\tback_label: '\u041d\u0430\u0437\u0430\u0434',\n\t\t\t\tback_aria: '\u0412\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430\u0437\u0430\u0434',\n\t\t\t\tnav: {\n\t\t\t\t\ttop_side: '\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430',\n\t\t\t\t\tleft_side: '\u041f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442',\n\t\t\t\t\tbottom_side: '\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435',\n\t\t\t\t},\n\t\t\t\tzones: {\n\t\t\t\t\tinfrastructure: [\n\t\t\t\t\t\t{ text: '\u0413\u0430\u0437', info: '\u0414\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u2014 8 \u043a\u0433\/\u0441\u043c\u00b2 (8 \u0410\u0422\u041c)' },\n\t\t\t\t\t\t{ text: '\u0412\u043e\u0434\u0430', info: '\u0414\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u2014 6 \u043a\u0433\/\u0441\u043c\u00b2 (6 \u0410\u0422\u041c)' },\n\t\t\t\t\t\t{ text: '\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u044d\u043d\u0435\u0440\u0433\u0438\u044f', info: '\u041c\u043e\u0449\u043d\u043e\u0441\u0442\u044c \u2014 100 \u041c\u0412\u0442' },\n\t\t\t\t\t\t{ text: '\u041a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f', info: '\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438' },\n\t\t\t\t\t\t{ text: '\u0414\u043e\u0440\u043e\u0433\u0438', info: '\u041e\u0431\u0449\u0430\u044f \u043f\u0440\u043e\u0442\u044f\u0436\u0451\u043d\u043d\u043e\u0441\u0442\u044c \u2014 24 \u043a\u043c' },\n\t\t\t\t\t],\n\t\t\t\t\tbuild: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: '\u0417\u0435\u043c\u043b\u044f \u043f\u043e\u0434 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e',\n\t\t\t\t\t\t\tinfo: '286 \u0433\u0435\u043a\u0442\u0430\u0440 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438',\n\t\t\t\t\t\t\tlink: 'https:\/\/e-auksion.uz\/lots?date&index=1&page=1&address=&lt=0&at=0&order=0&q=&hashtag=&region=12&area=163&group=6&category=73',\n\t\t\t\t\t\t\tlink_label: '\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443 \u0434\u043b\u044f \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0435\u043d\u0438\u044f',\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\trent: [\n\t\t\t\t\t\t{ text: '\u041e\u0444\u0438\u0441\u043d\u044b\u0435 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f', info: '\u0410\u0440\u0435\u043d\u0434\u0430 \u043e\u0442 25 \u043c\u00b2' },\n\t\t\t\t\t\t{ text: '\u0421\u043a\u043b\u0430\u0434\u0441\u043a\u0438\u0435 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f', info: '\u0410\u0440\u0435\u043d\u0434\u0430 \u043e\u0442 60 \u043c\u00b2' },\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t},\n\t\t\ten: {\n\t\t\t\thero_name: 'FEZ Navoi',\n\t\t\t\thero_desc:\n\t\t\t\t\t'Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia dolores nam natus et.',\n\t\t\t\tmap_alt: 'FEZ Navoi map',\n\t\t\t\tback_label: 'Back',\n\t\t\t\tback_aria: 'Go back',\n\t\t\t\tnav: {\n\t\t\t\t\ttop_side: 'Infrastructure',\n\t\t\t\t\tleft_side: 'To build',\n\t\t\t\t\tbottom_side: 'To rent',\n\t\t\t\t},\n\t\t\t\tzones: {\n\t\t\t\t\tinfrastructure: [\n\t\t\t\t\t\t{ text: 'Gas', info: 'Pressure \u2014 8 kg\/cm\u00b2 (8 atm)' },\n\t\t\t\t\t\t{ text: 'Water', info: 'Pressure \u2014 6 kg\/cm\u00b2 (6 atm)' },\n\t\t\t\t\t\t{ text: 'Electricity', info: 'Capacity \u2014 100 MW' },\n\t\t\t\t\t\t{ text: 'Sewerage', info: 'Centralized sewerage system' },\n\t\t\t\t\t\t{ text: 'Roads', info: 'Total length \u2014 24 km' },\n\t\t\t\t\t],\n\t\t\t\t\tbuild: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: 'Land for Construction',\n\t\t\t\t\t\t\tinfo: '286 hectares of free territory',\n\t\t\t\t\t\t\tlink: 'https:\/\/e-auksion.uz\/lots?date&index=1&page=1&address=&lt=0&at=0&order=0&q=&hashtag=&region=12&area=163&group=6&category=73',\n\t\t\t\t\t\t\tlink_label: 'View plot for purchase',\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\trent: [\n\t\t\t\t\t\t{ text: 'Office Space', info: 'Rental from 25 m\u00b2' },\n\t\t\t\t\t\t{ text: 'Warehouse Space', info: 'Rental from 60 m\u00b2' },\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t},\n\t\t}\n\n\t\tconst markerPositions = {\n\t\t\tinfrastructure: [\n\t\t\t\t{ top: '15%', left: '25%' },\n\t\t\t\t{ top: '25%', left: '55%' },\n\t\t\t\t{ top: '40%', left: '35%' },\n\t\t\t\t{ top: '55%', left: '65%' },\n\t\t\t\t{ top: '70%', left: '45%' },\n\t\t\t],\n\t\t\tbuild: [{ top: '40%', left: '20%' }],\n\t\t\trent: [\n\t\t\t\t{ top: '35%', left: '30%' },\n\t\t\t\t{ top: '65%', left: '40%' },\n\t\t\t],\n\t\t}\n\n\t\tfunction detectLang() {\n\t\t\tconst path = window.location.pathname.toLowerCase()\n\t\t\tif (path === '\/ru' || path.startsWith('\/ru\/')) return 'ru'\n\t\t\tif (path === '\/en' || path.startsWith('\/en\/')) return 'en'\n\t\t\treturn 'uz'\n\t\t}\n\n\t\tconst currentLang = detectLang()\n\n\t\tfunction t(path) {\n\t\t\treturn path.split('.').reduce((acc, key) => (acc == null ? acc : acc[key]), translations[currentLang])\n\t\t}\n\n\t\tfunction applyTranslations() {\n\t\t\tdocument.querySelectorAll('[data-i18n]').forEach((el) => {\n\t\t\t\tconst value = t(el.dataset.i18n)\n\t\t\t\tif (value !== undefined) el.textContent = value\n\t\t\t})\n\t\t\tdocument.querySelectorAll('[data-i18n-alt]').forEach((el) => {\n\t\t\t\tconst value = t(el.dataset.i18nAlt)\n\t\t\t\tif (value !== undefined) el.setAttribute('alt', value)\n\t\t\t})\n\t\t\tdocument.querySelectorAll('[data-i18n-aria]').forEach((el) => {\n\t\t\t\tconst value = t(el.dataset.i18nAria)\n\t\t\t\tif (value !== undefined) el.setAttribute('aria-label', value)\n\t\t\t})\n\t\t}\n\n\t\tconst mapEl = document.querySelector('.map')\n\t\tconst img = document.querySelector('.map > img')\n\t\tconst mainMarkers = document.querySelectorAll('.marker.top_side, .marker.left_side, .marker.bottom_side, .marker.hero_title')\n\t\tconst hoverHitAreas = document.querySelectorAll('.hover_hit[data-zone]')\n\t\tconst subMarkersContainer = document.querySelector('.sub_markers')\n\t\tconst zone = document.querySelector('.map_highlight')\n\t\tconst backButton = document.querySelector('.back_button')\n\t\tconst initialState = {\n\t\t\ttop: '-45vw',\n\t\t\tleft: '-30vw',\n\t\t}\n\t\tconst HOVER_ZONES = ['top_side', 'left_side', 'bottom_side']\n\n\t\tconst zoneConfig = {\n\t\t\ttop_side: {\n\t\t\t\tcategory: 'infrastructure',\n\t\t\t\tdesktop: { top: '-10vw', left: '-30vw' },\n\t\t\t},\n\t\t\tleft_side: {\n\t\t\t\tcategory: 'build',\n\t\t\t\tdesktop: { top: '-45vw', left: '0vw' },\n\t\t\t},\n\t\t\tbottom_side: {\n\t\t\t\tcategory: 'rent',\n\t\t\t\tdesktop: { top: '-70vw', left: '-30vw' },\n\t\t\t},\n\t\t}\n\n\t\tapplyTranslations()\n\n\t\tfunction hideMainMarkers() {\n\t\t\tmainMarkers.forEach((m) => m.classList.add('is_hidden_marker'))\n\t\t}\n\n\t\tfunction showMainMarkers() {\n\t\t\tmainMarkers.forEach((m) => m.classList.remove('is_hidden_marker'))\n\t\t}\n\n\t\tfunction highlightZone(type) {\n\t\t\tzone.className = `map_highlight active ${type}`\n\t\t}\n\n\t\tfunction clearZone() {\n\t\t\tzone.className = 'map_highlight'\n\t\t}\n\n\t\tfunction closeAllSubDescs() {\n\t\t\tdocument.querySelectorAll('.sub_marker .desc').forEach((d) => d.classList.remove('open'))\n\t\t\tdocument.querySelectorAll('.sub_marker .icon').forEach((i) => i.classList.remove('open'))\n\t\t}\n\t\tfunction clearHoverState() {\n\t\t\tHOVER_ZONES.forEach((z) => mapEl.classList.remove(`hover_${z}`))\n\t\t}\n\n\t\tfunction showSubMarkers(category) {\n\t\t\tsubMarkersContainer.innerHTML = ''\n\t\t\tsubMarkersContainer.style.display = 'block'\n\t\t\tconst positions = markerPositions[category]\n\t\t\tconst items = translations[currentLang].zones[category]\n\t\t\tpositions.forEach((pos, i) => {\n\t\t\t\tconst item = items[i]\n\t\t\t\tconst el = document.createElement('div')\n\t\t\t\tel.className = 'marker sub_marker'\n\t\t\t\tel.style.top = pos.top\n\t\t\t\tel.style.left = pos.left\n\t\t\t\tconst linkHtml = item.link ? `<a class=\"link\" href=\"${item.link}\" target=\"_blank\" rel=\"noopener\">${item.link_label}<\/a>` : ''\n\t\t\t\tel.innerHTML = `\n\t\t\t\t\t<div class=\"icon\"><span>+<\/span><\/div>\n\t\t\t\t\t<div class=\"marker_data\">\n\t\t\t\t\t\t<div class=\"name\">${item.text}<\/div>\n\t\t\t\t\t\t<div class=\"desc\">${item.info}${linkHtml}<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t`\n\t\t\t\tel.addEventListener('click', (e) => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tconst icon = el.querySelector('.icon')\n\t\t\t\t\tconst desc = el.querySelector('.desc')\n\t\t\t\t\tconst willOpen = !desc.classList.contains('open')\n\t\t\t\t\tdocument.querySelectorAll('.sub_marker').forEach((other) => {\n\t\t\t\t\t\tif (other !== el) {\n\t\t\t\t\t\t\tother.querySelector('.icon').classList.remove('open')\n\t\t\t\t\t\t\tother.querySelector('.desc').classList.remove('open')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\ticon.classList.toggle('open', willOpen)\n\t\t\t\t\tdesc.classList.toggle('open', willOpen)\n\t\t\t\t})\n\t\t\t\tconst linkEl = el.querySelector('.link')\n\t\t\t\tif (linkEl) linkEl.addEventListener('click', (e) => e.stopPropagation())\n\t\t\t\tsubMarkersContainer.appendChild(el)\n\t\t\t})\n\t\t}\n\n\t\tfunction openZone(zoneKey) {\n\t\t\tconst cfg = zoneConfig[zoneKey]\n\t\t\tif (!cfg) return\n\n\t\t\thideMainMarkers()\n\t\t\tif (cfg.desktop) {\n\t\t\t\tif (cfg.desktop.top !== undefined) img.style.top = cfg.desktop.top\n\t\t\t\tif (cfg.desktop.left !== undefined) img.style.left = cfg.desktop.left\n\t\t\t}\n\n\t\t\thighlightZone(zoneKey)\n\t\t\tshowSubMarkers(cfg.category)\n\t\t\tbackButton.classList.add('is_visible')\n\t\t\tclearHoverState()\n\t\t\tmapEl.classList.add('is_zoomed')\n\t\t}\n\n\t\tfunction resetMap() {\n\t\t\timg.style.top = initialState.top\n\t\t\timg.style.left = initialState.left\n\n\t\t\tshowMainMarkers()\n\t\t\tcloseAllSubDescs()\n\t\t\tsubMarkersContainer.innerHTML = ''\n\t\t\tsubMarkersContainer.style.display = 'none'\n\t\t\tclearZone()\n\t\t\tbackButton.classList.remove('is_visible')\n\n\t\t\tclearHoverState()\n\t\t\tmapEl.classList.remove('is_zoomed')\n\t\t}\n\n\t\tdocument.querySelectorAll('[data-zone]').forEach((el) => {\n\t\t\tel.addEventListener('click', (e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\topenZone(el.dataset.zone)\n\t\t\t})\n\t\t})\n\t\thoverHitAreas.forEach((hit) => {\n\t\t\thit.addEventListener('mouseenter', () => {\n\t\t\t\tif (mapEl.classList.contains('is_zoomed')) return\n\t\t\t\tmapEl.classList.add(`hover_${hit.dataset.zone}`)\n\t\t\t})\n\t\t\thit.addEventListener('mouseleave', () => {\n\t\t\t\tmapEl.classList.remove(`hover_${hit.dataset.zone}`)\n\t\t\t})\n\t\t})\n\n\t\tbackButton.addEventListener('click', (e) => {\n\t\t\te.stopPropagation()\n\t\t\tresetMap()\n\t\t})\n\t\twindow.addEventListener('wheel', (e) => {\n\t\t\tif (e.deltaY > 0) {\n\t\t\t\tresetMap()\n\t\t\t}\n\t\t})\n\t\tdocument.addEventListener('click', () => {\n\t\t\tcloseAllSubDescs()\n\t\t})\n\t})()\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FEZ Navoi Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia dolores nam natus et. Infratuzilma Obyekt qurish Bino ijarasi + Infratuzilma FEZ Navoi Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum, quisquam nesciunt? Ut accusantium voluptate voluptatem mollitia dolores nam natus et. + Bino ijarasi + [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19433","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/pages\/19433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/comments?post=19433"}],"version-history":[{"count":195,"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/pages\/19433\/revisions"}],"predecessor-version":[{"id":23894,"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/pages\/19433\/revisions\/23894"}],"wp:attachment":[{"href":"https:\/\/feznavoi.uz\/en\/wp-json\/wp\/v2\/media?parent=19433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}