<style id="elementor-post-19433">.elementor-19433 .elementor-element.elementor-element-76e8983{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19433 .elementor-element.elementor-element-76e8983.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19433 .elementor-element.elementor-element-b2b4def{width:100%;max-width:100%;}@media(min-width:768px){.elementor-19433 .elementor-element.elementor-element-76e8983{--width:92.581%;}}@media(max-width:1200px){.elementor-19433 .elementor-element.elementor-element-76e8983{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}}@media(max-width:767px){.elementor-19433 .elementor-element.elementor-element-76e8983{--justify-content:flex-end;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}</style>{"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-09-23T14:34:28","modified_gmt":"2026-09-23T09:34:28","slug":"home","status":"publish","type":"page","link":"https:\/\/feznavoi.uz\/ru\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430"},"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@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@200..900&display=swap');\n\n\t:root {\n\t\t--header-height: 158px;\n\t\t--accent: #1db4ce;\n\t\t--accent-dark: #1596ad;\n\t\t--ease: cubic-bezier(0.4, 0, 0.2, 1);\n\t\t--ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n\t\t--shadow-sm: 0 2px 8px rgba(10, 30, 40, 0.08);\n\t\t--shadow-md: 0 6px 20px rgba(10, 30, 40, 0.12);\n\t\t--shadow-lg: 0 12px 40px rgba(10, 30, 40, 0.18);\n\t}\n\n\t.mobile_bottom_gradient {\n\t\tdisplay: none;\n\t\tposition: fixed;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tpointer-events: none;\n\t\tz-index: 19;\n\t\tbackground: linear-gradient(\n\t\t\tto top,\n\t\t\trgba(255, 255, 255, 1) 0,\n\t\t\trgba(255, 255, 255, 1) calc(100% - 90px),\n\t\t\trgba(255, 255, 255, 0.97) calc(100% - 78px),\n\t\t\trgba(255, 255, 255, 0.9) calc(100% - 66px),\n\t\t\trgba(255, 255, 255, 0.78) calc(100% - 54px),\n\t\t\trgba(255, 255, 255, 0.62) calc(100% - 42px),\n\t\t\trgba(255, 255, 255, 0.44) calc(100% - 32px),\n\t\t\trgba(255, 255, 255, 0.26) calc(100% - 22px),\n\t\t\trgba(255, 255, 255, 0.12) calc(100% - 12px),\n\t\t\trgba(255, 255, 255, 0.03) calc(100% - 4px),\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransition: height 0.4s var(--ease);\n\t\theight: 0;\n\t\twill-change: height;\n\t\tbackface-visibility: hidden;\n\t\t-webkit-backface-visibility: hidden;\n\t\ttransform: translateZ(0);\n\t}\n\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\ttext-align: center;\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\tletter-spacing: -0.01em;\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\tjustify-content: 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\tline-height: 1.2;\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\tborder: none;\n\t\tborder-radius: 0;\n\t\tcolor: #fff;\n\t\ttransition: background-color 0.2s var(--ease);\n\t\t-webkit-tap-highlight-color: transparent;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\toutline: none;\n\t\tbox-sizing: border-box;\n\t\ttransform: none !important;\n\t}\n\t.mobile_marker_btn:active {\n\t\tbackground: var(--accent-dark);\n\t}\n\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\tfont-family: 'ClashGrotesk', sans-serif;\n\t\tbackground: #eef2f4;\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: top 0.5s var(--ease), left 0.5s var(--ease);\n\t}\n\n\t.overlay {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t}\n\n\t.marker {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0;\n\t\tcursor: pointer;\n\t\tanimation: appear 0.3s var(--ease-out);\n\t}\n\t.marker_data {\n\t\tmin-width: 8vw;\n\t\tposition: relative;\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: background 0.25s var(--ease), box-shadow 0.25s var(--ease);\n\t\tz-index: 99;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbox-shadow: var(--shadow-sm);\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.25s var(--ease);\n\t}\n\t.marker .icon.open {\n\t\tbackground: var(--accent-dark);\n\t\tbox-shadow: var(--shadow-md);\n\t}\n\t.marker .icon.open span {\n\t\trotate: 45deg;\n\t}\n\n\t.marker.hero_title {\n\t\twidth: 38vw;\n\t\ttop: 19vw;\n\t\tright: 0;\n\t\tdisplay: flex;\n\t\tjustify-content: start;\n\t\tflex-direction: column;\n\t\tcursor: auto !important;\n\t\tcolor: #fff;\n\t\tz-index: 10;\n\t\tfont-family: 'Unbounded', sans-serif;\n\t}\n\t.marker.hero_title .hero_name {\n\t\twidth: 100%;\n\t\tfont-size: 4vw;\n\t\ttext-align: left;\n\t\ttext-transform: uppercase;\n\t\tfont-weight: 500;\n\t\tline-height: 1;\n\t}\n\t.marker.hero_title .hero_desc {\n\t\twidth: 100%;\n\t\tfont-size: 1.2vw;\n\t}\n\n\t.marker .name {\n\t\tposition: relative;\n\t\theight: calc(2.5vw - 5px);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground: #fff;\n\t\tpadding: 0.3vw 1.2vw;\n\t\tmargin-left: 0.5vw;\n\t\tborder-radius: 0;\n\t\tfont-size: 1.2vw;\n\t\tfont-weight: 500;\n\t\twhite-space: nowrap;\n\t\tbox-shadow: var(--shadow-sm);\n\t}\n\t.marker .name::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-top: 0.4vw solid transparent;\n\t\tborder-bottom: 0.4vw solid transparent;\n\t\tborder-right: 0.5vw solid #fff;\n\t}\n\n\t.top_side { top: 10.6vw; left: 45vw; }\n\t.left_side { top: 21.3vw; left: 30vw; }\n\t.bottom_side { top: 32vw; left: 45vw; }\n\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 var(--ease-out);\n\t}\n\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(\n\t\t\t0.1% 100%, -0.05% 50.73%, 31.48% 99.98%,\n\t\t\t70.98% 100.13%, 99.33% 50.95%, 99.44% 100.49%\n\t\t);\n\t}\n\t.map_highlight.left_side {\n\t\tclip-path: polygon(\n\t\t\t75.64% 54.01%, 41.94% -0.51%, 100% 0.17%,\n\t\t\t100% 100%, 49.27% 100.49%\n\t\t);\n\t}\n\t.map_highlight.bottom_side {\n\t\tclip-path: polygon(\n\t\t\t0.04% 84.97%, 0.18% -0.05%, 100% 0%,\n\t\t\t100% 73%, 53.62% 0%, 49.08% 0\n\t\t);\n\t}\n\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(\n\t\t\t0.07% 100.08%, 0.08% 0.09%, 14.65% 0.29%,\n\t\t\t48.06% 51.19%, 19.75% 100.13%\n\t\t);\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(\n\t\t\t81.06% 0.34%, 100% 0%, 100% 100%, 80.78% 100.23%,\n\t\t\t50.75% 54.5%, 51.21% 49.4%\n\t\t);\n\t}\n\t.map.hover_top_side .hover_mask.left_side,\n\t.map.hover_top_side .hover_mask.bottom_side { opacity: 1; }\n\t.map.hover_left_side .hover_mask.top_side,\n\t.map.hover_left_side .hover_mask.bottom_side { opacity: 1; }\n\t.map.hover_bottom_side .hover_mask.top_side,\n\t.map.hover_bottom_side .hover_mask.left_side { opacity: 1; }\n\t.map.is_zoomed .hover_masks {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\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(\n\t\t\t0.07% 100.08%, 0.08% 0.09%, 20.27% 0.04%,\n\t\t\t50.85% 53.54%, 26.21% 100.13%\n\t\t);\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\tborder-radius: 0;\n\t\tbox-shadow: var(--shadow-md);\n\t\ttransition: max-height 0.35s ease, opacity 0.25s ease,\n\t\t\tmargin-top 0.35s ease, padding 0.35s ease;\n\t}\n\t.desc.open {\n\t\tmargin-top: 0.5vw;\n\t\tmax-height: 14vw;\n\t\topacity: 1;\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\n\t@keyframes pulse {\n\t\t0% { box-shadow: 0 0 0 0px var(--accent); }\n\t\t100% { box-shadow: 0 0 0 0.5vw rgba(29, 180, 206, 0); }\n\t}\n\t@keyframes appear {\n\t\tfrom { opacity: 0; transform: scale(0.8); }\n\t\tto { opacity: 1; transform: scale(1); }\n\t}\n\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\tjustify-content: center;\n\t\tgap: 0.4vw;\n\t\tborder: none;\n\t\tborder-radius: 0;\n\t\tbackground: var(--accent);\n\t\tcolor: #fff;\n\t\tpadding: 0.9vh 1.6vw;\n\t\tfont: inherit;\n\t\tfont-weight: 600;\n\t\tfont-size: 1.3vw;\n\t\tline-height: 1.2;\n\t\tbox-shadow: var(--shadow-md);\n\t\tcursor: pointer;\n\t\ttransition: background-color 0.2s var(--ease);\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\toutline: none;\n\t\tbox-sizing: border-box;\n\t}\n\t@media (hover: hover) {\n\t\t.back_button:hover {\n\t\t\tbackground: var(--accent-dark);\n\t\t}\n\t}\n\t.back_button.is_visible {\n\t\tdisplay: inline-flex;\n\t}\n\n\t.is_hidden_marker {\n\t\tdisplay: none !important;\n\t}\n\n\t.mobile_sheet {\n\t\tposition: fixed;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tbackground: #fff;\n\t\tborder-radius: 0;\n\t\tbox-shadow: 0 -8px 40px rgba(10, 30, 40, 0.18);\n\t\tpadding: 8px 20px calc(24px + env(safe-area-inset-bottom, 0px));\n\t\ttransform: translateY(110%);\n\t\ttransition: transform 0.4s var(--ease-out);\n\t\tz-index: 1000;\n\t\tmax-height: 70vh;\n\t\toverflow-y: auto;\n\t\tdisplay: none;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\t.mobile_sheet.open {\n\t\ttransform: translateY(0);\n\t}\n\t.mobile_sheet_bar {\n\t\twidth: 40px;\n\t\theight: 4px;\n\t\tbackground: #d1d5db;\n\t\tborder-radius: 0;\n\t\tmargin: 8px auto 16px;\n\t}\n\t.mobile_sheet_close {\n\t\tposition: absolute;\n\t\ttop: 12px;\n\t\tright: 16px;\n\t\twidth: 34px;\n\t\theight: 34px;\n\t\tborder: none;\n\t\tbackground: #f3f4f6;\n\t\tborder-radius: 0;\n\t\tfont-size: 22px;\n\t\tline-height: 1;\n\t\tcolor: #6b7280;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\ttransition: background-color 0.2s var(--ease);\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\toutline: none;\n\t\tpadding: 0;\n\t\tbox-sizing: border-box;\n\t\ttransform: none !important;\n\t}\n\t.mobile_sheet_close:active {\n\t\tbackground: #e5e7eb;\n\t}\n\t.mobile_sheet_title {\n\t\tmargin: 0 0 8px;\n\t\tfont-size: 18px;\n\t\tfont-weight: 700;\n\t\tcolor: #0a0a0a;\n\t\tpadding-right: 40px;\n\t}\n\t.mobile_sheet_text {\n\t\tmargin: 0;\n\t\tfont-size: 15px;\n\t\tline-height: 1.6;\n\t\tcolor: #4b5563;\n\t}\n\t.mobile_sheet_link {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t\tmargin-top: 18px;\n\t\tpadding: 13px 22px;\n\t\tbackground: var(--accent);\n\t\tcolor: #fff;\n\t\ttext-decoration: none;\n\t\tborder-radius: 0;\n\t\tfont-weight: 600;\n\t\tfont-size: 15px;\n\t\tline-height: 1.2;\n\t\ttransition: background-color 0.2s var(--ease);\n\t\t-webkit-tap-highlight-color: transparent;\n\t\tbox-sizing: border-box;\n\t\ttransform: none !important;\n\t}\n\t.mobile_sheet_link:active {\n\t\tbackground: var(--accent-dark);\n\t}\n\n\t@media only screen and (max-width: 768px) {\n\t\t:root {\n\t\t\t--header-height: 0px;\n\t\t}\n\n\t\thtml, body {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\toverscroll-behavior: none;\n\t\t}\n\t\tbody {\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.mobile_bottom_gradient {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.mobile_ui {\n\t\t\tdisplay: flex;\n\t\t\tposition: fixed;\n\t\t\tinset: auto 0 0 0;\n\t\t\tz-index: 20;\n\t\t\tmargin: 0;\n\t\t\tgap: 10px;\n\t\t\tpadding: 18px 16px calc(14px + env(safe-area-inset-bottom, 0px));\n\t\t\tbackground: transparent;\n\t\t\tpointer-events: none;\n\t\t\ttransform: translateY(0);\n\t\t\topacity: 1;\n\t\t\ttransition: transform 0.4s var(--ease), opacity 0.4s var(--ease);\n\t\t}\n\t\t.mobile_ui > * {\n\t\t\tpointer-events: auto;\n\t\t}\n\t\t.mobile_ui.is_zoomed_hidden {\n\t\t\ttransform: translateY(100%);\n\t\t\topacity: 0;\n\t\t}\n\t\t.mobile_ui .hero_content .hero_name {\n\t\t\tcolor: #0a0a0a;\n\t\t\tfont-size: 19px;\n\t\t\tfont-weight: 800;\n\t\t\tletter-spacing: 0.01em;\n\t\t}\n\t\t.mobile_ui .hero_content .hero_desc {\n\t\t\tcolor: #4b5563;\n\t\t\tfont-size: 13.5px;\n\t\t\tline-height: 1.5;\n\t\t\tmargin-top: 5px;\n\t\t\tdisplay: -webkit-box;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.main_marker_list {\n\t\t\tgap: 7px;\n\t\t}\n\n\t\t.mobile_ui .mobile_marker_btn,\n\t\t.mobile_ui .mobile_marker_btn:hover,\n\t\t.mobile_ui .mobile_marker_btn:focus,\n\t\t.mobile_ui .mobile_marker_btn:active {\n\t\t\tbox-sizing: border-box !important;\n\t\t\tdisplay: flex !important;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: center !important;\n\t\t\tgap: 0 !important;\n\t\t\twidth: 100% !important;\n\t\t\tmin-width: 0 !important;\n\t\t\tmax-width: none !important;\n\t\t\theight: auto !important;\n\t\t\tmin-height: 0 !important;\n\t\t\tmax-height: none !important;\n\t\t\tmargin: 0 !important;\n\t\t\tpadding: 11px 16px !important;\n\t\t\tbackground-color: var(--accent) !important;\n\t\t\tcolor: #fff !important;\n\t\t\tfont-family: inherit !important;\n\t\t\tfont-size: 14px !important;\n\t\t\tfont-weight: 600 !important;\n\t\t\tfont-style: normal !important;\n\t\t\tline-height: 1.2 !important;\n\t\t\tletter-spacing: normal !important;\n\t\t\ttext-align: center !important;\n\t\t\ttext-transform: none !important;\n\t\t\ttext-decoration: none !important;\n\t\t\tcursor: pointer !important;\n\t\t\tborder: none !important;\n\t\t\tborder-radius: 0 !important;\n\t\t\toutline: none !important;\n\t\t\t-webkit-appearance: none !important;\n\t\t\tappearance: none !important;\n\t\t\t-webkit-tap-highlight-color: transparent !important;\n\t\t\ttransform: none !important;\n\t\t\tbox-shadow: var(--shadow-sm) !important;\n\t\t\ttransition: background-color 0.2s var(--ease) !important;\n\t\t\tfloat: none !important;\n\t\t\tvertical-align: baseline !important;\n\t\t\tposition: static !important;\n\t\t\ttop: auto !important;\n\t\t\tleft: auto !important;\n\t\t\tright: auto !important;\n\t\t\tbottom: auto !important;\n\t\t}\n\t\t.mobile_ui .mobile_marker_btn:hover,\n\t\t.mobile_ui .mobile_marker_btn:focus,\n\t\t.mobile_ui .mobile_marker_btn:active {\n\t\t\tbackground-color: var(--accent-dark) !important;\n\t\t}\n\n\t\t.map {\n\t\t\twidth: 100vw;\n\t\t\theight: calc(100vh - var(--header-height));\n\t\t\theight: calc(100dvh - var(--header-height));\n\t\t\tmin-height: unset;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t.map > img {\n\t\t\twidth: auto;\n\t\t\tmax-width: none !important;\n\t\t\theight: 220vh;\n\t\t\ttop: calc(-60vh - (var(--header-height) \/ 2));\n\t\t\tleft: calc(50vw - 128.35vh);\n\t\t\ttransition: top 0.5s var(--ease), left 0.5s var(--ease),\n\t\t\t\theight 0.5s var(--ease);\n\t\t}\n\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 { display: none; }\n\t\t.map_highlight { display: none !important; }\n\n\t\t.sub_marker {\n\t\t\tgap: 0;\n\t\t\talign-items: center;\n\t\t}\n\t\t.sub_marker .icon {\n\t\t\twidth: 36px !important;\n\t\t\theight: 36px !important;\n\t\t\tmin-width: 36px !important;\n\t\t\tfont-size: 18px !important;\n\t\t\tanimation: none !important;\n\t\t\tbox-shadow: var(--shadow-md);\n\t\t\tborder: 2px solid #fff;\n\t\t\ttransform: none !important;\n\t\t}\n\t\t.sub_marker .marker_data {\n\t\t\tmin-width: unset !important;\n\t\t\tleft: 0 !important;\n\t\t}\n\t\t.sub_marker .name {\n\t\t\tposition: relative;\n\t\t\tfont-size: 13px !important;\n\t\t\tpadding: 8px 14px !important;\n\t\t\theight: auto !important;\n\t\t\tmin-height: 0 !important;\n\t\t\tline-height: 1.2 !important;\n\t\t\tmargin-left: 10px;\n\t\t\tborder-radius: 0 !important;\n\t\t\twhite-space: nowrap;\n\t\t\tfont-weight: 600;\n\t\t\tbox-shadow: var(--shadow-sm);\n\t\t\ttransform: none !important;\n\t\t}\n\t\t.sub_marker .name::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tright: 100%;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-top: 8px solid transparent;\n\t\t\tborder-bottom: 8px solid transparent;\n\t\t\tborder-right: 10px solid #fff;\n\t\t}\n\t\t.sub_marker.flip {\n\t\t\tflex-direction: row-reverse;\n\t\t}\n\t\t.sub_marker.flip .marker_data {\n\t\t\tleft: auto !important;\n\t\t\tright: 0 !important;\n\t\t}\n\t\t.sub_marker.flip .name {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: 10px;\n\t\t\tborder-radius: 0 !important;\n\t\t}\n\t\t.sub_marker.flip .name::before {\n\t\t\tright: auto;\n\t\t\tleft: 100%;\n\t\t\tborder-right: none;\n\t\t\tborder-left: 10px solid #fff;\n\t\t}\n\t\t.sub_marker .desc {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t.back_button {\n\t\t\tbox-sizing: border-box !important;\n\t\t\tdisplay: inline-flex !important;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: center !important;\n\t\t\tgap: 0 !important;\n\t\t\tposition: fixed !important;\n\t\t\ttop: auto !important;\n\t\t\tleft: 16px !important;\n\t\t\tright: 16px !important;\n\t\t\tbottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;\n\t\t\twidth: auto !important;\n\t\t\theight: auto !important;\n\t\t\tmin-height: 0 !important;\n\t\t\tmax-height: none !important;\n\t\t\tmin-width: 0 !important;\n\t\t\tmax-width: none !important;\n\t\t\tmargin: 0 !important;\n\t\t\tz-index: 30 !important;\n\t\t\tbackground-color: var(--accent) !important;\n\t\t\tcolor: #fff !important;\n\t\t\tfont-family: inherit !important;\n\t\t\tfont-size: 14px !important;\n\t\t\tfont-weight: 600 !important;\n\t\t\tfont-style: normal !important;\n\t\t\tline-height: 1.2 !important;\n\t\t\tletter-spacing: normal !important;\n\t\t\ttext-align: center !important;\n\t\t\ttext-transform: none !important;\n\t\t\ttext-decoration: none !important;\n\t\t\tcursor: pointer !important;\n\t\t\tborder: none !important;\n\t\t\tborder-radius: 0 !important;\n\t\t\tpadding: 11px 16px !important;\n\t\t\toutline: none !important;\n\t\t\t-webkit-appearance: none !important;\n\t\t\tappearance: none !important;\n\t\t\t-webkit-tap-highlight-color: transparent !important;\n\t\t\tbox-shadow: none !important;\n\t\t\tfloat: none !important;\n\t\t\ttransform: translateY(150%) !important;\n\t\t\topacity: 0 !important;\n\t\t\tpointer-events: none !important;\n\t\t\ttransition: transform 0.4s var(--ease-out), opacity 0.3s var(--ease),\n\t\t\t\tbackground-color 0.2s var(--ease) !important;\n\t\t}\n\t\t.back_button.is_visible {\n\t\t\ttransform: translateY(0) !important;\n\t\t\topacity: 1 !important;\n\t\t\tpointer-events: auto !important;\n\t\t}\n\t\t.back_button:hover,\n\t\t.back_button:focus,\n\t\t.back_button:active {\n\t\t\tpadding: 11px 16px !important;\n\t\t\tfont-size: 14px !important;\n\t\t\tline-height: 1.2 !important;\n\t\t\tbackground-color: var(--accent-dark) !important;\n\t\t}\n\t\t.back_button.is_visible:active {\n\t\t\ttransform: translateY(0) !important;\n\t\t}\n\n\t\t.mobile_sheet {\n\t\t\tdisplay: block;\n\t\t\tz-index: 1000;\n\t\t}\n\t}\n\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.mobile_sheet,\n\t\t.back_button,\n\t\t.mobile_bottom_gradient {\n\t\t\ttransition: none !important;\n\t\t}\n\t}\n<\/style>\n\n<div class=\"mobile_bottom_gradient\"><\/div>\n\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\n\t\t\tnesciunt? Ut accusantium voluptate voluptatem mollitia dolores nam natus\n\t\t\tet.\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\">\n\t\t\tInfratuzilma\n\t\t<\/button>\n\t\t<button class=\"mobile_marker_btn\" data-zone=\"left_side\" data-i18n=\"nav.left_side\">\n\t\t\tObyekt qurish\n\t\t<\/button>\n\t\t<button class=\"mobile_marker_btn\" data-zone=\"bottom_side\" data-i18n=\"nav.bottom_side\">\n\t\t\tBino ijarasi\n\t\t<\/button>\n\t<\/div>\n<\/div>\n\n<main class=\"map\">\n\t<img\n\t\tsrc=\"https:\/\/feznavoi.uz\/wp-content\/uploads\/bg-scaled.png\"\n\t\tdata-i18n-alt=\"map_alt\"\n\t\talt=\"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,\n\t\t\t\tquisquam nesciunt? Ut accusantium voluptate voluptatem mollitia dolores\n\t\t\t\tnam 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 data-i18n=\"back_label\">Orqaga<\/span>\n\t<\/button>\n<\/main>\n\n<div class=\"mobile_sheet\" id=\"mobileSheet\">\n\t<div class=\"mobile_sheet_bar\"><\/div>\n\t<button class=\"mobile_sheet_close\" aria-label=\"Close\">\u00d7<\/button>\n\t<div class=\"mobile_sheet_body\">\n\t\t<h3 class=\"mobile_sheet_title\"><\/h3>\n\t\t<p class=\"mobile_sheet_text\"><\/p>\n\t\t<a class=\"mobile_sheet_link\" target=\"_blank\" rel=\"noopener\" style=\"display:none;\"><\/a>\n\t<\/div>\n<\/div>\n\n<script>\n\t;(function () {\n\t\tconst translations = {\n\t\t\tuz: {\n\t\t\t\thero_name: 'NAVOI EIZ',\n\t\t\t\thero_desc: 'Yurt qalbida \u2014 imkoniyatlar markazida',\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: '\u0421\u042d\u0417 \u00ab\u041d\u0430\u0432\u043e\u0438\u00bb',\n\t\t\t\thero_desc: '\u0412 \u0441\u0435\u0440\u0434\u0446\u0435 \u0441\u0442\u0440\u0430\u043d\u044b \u2014 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439',\n\t\t\t\tmap_alt: '\u041a\u0430\u0440\u0442\u0430 \u0421\u042d\u0417 \u00ab\u041d\u0430\u0432\u043e\u0438\u00bb',\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: 'At the Heart of the Country \u2014 At the Center of Opportunity',\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\tconst markerFocusFractions = {\n\t\t\tinfrastructure: [\n\t\t\t\t{ fx: 0.36667, fy: 0.13383 },\n\t\t\t\t{ fx: 0.56667, fy: 0.17119 },\n\t\t\t\t{ fx: 0.43333, fy: 0.22722 },\n\t\t\t\t{ fx: 0.63333, fy: 0.28327 },\n\t\t\t\t{ fx: 0.5, fy: 0.33929 },\n\t\t\t],\n\t\t\tbuild: [{ fx: 0.13333, fy: 0.49946, offsetX: -15 }],\n\t\t\trent: [\n\t\t\t\t{ fx: 0.4, fy: 0.6752 },\n\t\t\t\t{ fx: 0.46667, fy: 0.7873 },\n\t\t\t],\n\t\t}\n\n\t\tconst zoneMobileFocus = {\n\t\t\ttop_side:    { fx: 0.541,   fy: 0.2365, scale: 130 },\n\t\t\tleft_side:   { fx: 0.13333, fy: 0.4995, scale: 130, visualShiftX: -0.25 },\n\t\t\tbottom_side: { fx: 0.541,   fy: 0.7312, scale: 175 },\n\t\t}\n\t\tconst MOBILE_BASE_SCALE = 220\n\t\tconst MOBILE_CENTER_FOCUS = { fx: 0.541, fy: 0.557, scale: MOBILE_BASE_SCALE }\n\t\tconst MOBILE_VISUAL_ANCHOR_Y = 0.42\n\t\tconst GRADIENT_FADE_ZONE = 90\n\t\tlet currentZoneKey = null\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\n\t\t\t\t.split('.')\n\t\t\t\t.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(\n\t\t\t'.marker.top_side, .marker.left_side, .marker.bottom_side, .marker.hero_title',\n\t\t)\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 mobileUi = document.querySelector('.mobile_ui')\n\t\tconst bottomGradient = document.querySelector('.mobile_bottom_gradient')\n\n\t\tconst mobileSheet = document.getElementById('mobileSheet')\n\t\tconst sheetTitle = mobileSheet.querySelector('.mobile_sheet_title')\n\t\tconst sheetText = mobileSheet.querySelector('.mobile_sheet_text')\n\t\tconst sheetLink = mobileSheet.querySelector('.mobile_sheet_link')\n\t\tconst sheetClose = mobileSheet.querySelector('.mobile_sheet_close')\n\n\t\tconst initialState = { top: '-45vw', left: '-30vw' }\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 isMobileView() {\n\t\t\treturn window.innerWidth <= 768\n\t\t}\n\n\t\tfunction openSheet(item) {\n\t\t\tsheetTitle.textContent = item.text\n\t\t\tsheetText.textContent = item.info\n\t\t\tif (item.link) {\n\t\t\t\tsheetLink.href = item.link\n\t\t\t\tsheetLink.textContent = item.link_label || item.link\n\t\t\t\tsheetLink.style.display = 'inline-flex'\n\t\t\t} else {\n\t\t\t\tsheetLink.style.display = 'none'\n\t\t\t\tsheetLink.removeAttribute('href')\n\t\t\t}\n\t\t\tmobileSheet.classList.add('open')\n\t\t}\n\n\t\tfunction closeSheet() {\n\t\t\tmobileSheet.classList.remove('open')\n\t\t}\n\n\t\tsheetClose.addEventListener('click', (e) => {\n\t\t\te.stopPropagation()\n\t\t\tcloseSheet()\n\t\t})\n\t\tmobileSheet.addEventListener('click', (e) => e.stopPropagation())\n\n\t\tfunction readPx(value) {\n\t\t\tconst n = parseFloat(value)\n\t\t\treturn isFinite(n) ? n : 0\n\t\t}\n\n\t\tfunction updateBottomGradient(instant) {\n\t\t\tif (!isMobileView()) {\n\t\t\t\tbottomGradient.style.height = '0px'\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst isZoomed = mobileUi.classList.contains('is_zoomed_hidden')\n\t\t\tlet contentHeight\n\t\t\tif (isZoomed) {\n\t\t\t\tconst btnH = backButton.offsetHeight || 45\n\t\t\t\tconst btnStyle = getComputedStyle(backButton)\n\t\t\t\tconst btnBottom = readPx(btnStyle.bottom)\n\t\t\t\tcontentHeight = btnH + btnBottom\n\t\t\t} else {\n\t\t\t\tcontentHeight = mobileUi.offsetHeight || 0\n\t\t\t}\n\t\t\tconst gradientHeight = Math.max(0, contentHeight + GRADIENT_FADE_ZONE)\n\t\t\tif (instant) {\n\t\t\t\tbottomGradient.style.transition = 'none'\n\t\t\t\tbottomGradient.style.height = gradientHeight + 'px'\n\t\t\t\tvoid bottomGradient.offsetHeight\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tbottomGradient.style.transition = ''\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tbottomGradient.style.height = gradientHeight + 'px'\n\t\t\t}\n\t\t}\n\n\t\tfunction syncMobileHeaderHeight() {\n\t\t\tif (window.innerWidth > 768) {\n\t\t\t\tdocument.documentElement.style.removeProperty('--header-height')\n\t\t\t\tmapEl.style.removeProperty('height')\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst offset = mapEl.getBoundingClientRect().top + window.scrollY\n\t\t\tdocument.documentElement.style.setProperty(\n\t\t\t\t'--header-height',\n\t\t\t\tMath.max(0, offset) + 'px',\n\t\t\t)\n\t\t\tconst vpHeight = window.visualViewport\n\t\t\t\t? window.visualViewport.height\n\t\t\t\t: window.innerHeight\n\t\t\tmapEl.style.setProperty(\n\t\t\t\t'height',\n\t\t\t\tMath.max(0, vpHeight - offset) + 'px',\n\t\t\t\t'important',\n\t\t\t)\n\t\t}\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\n\t\t\t\t.querySelectorAll('.sub_marker .desc')\n\t\t\t\t.forEach((d) => d.classList.remove('open'))\n\t\t\tdocument\n\t\t\t\t.querySelectorAll('.sub_marker .icon')\n\t\t\t\t.forEach((i) => i.classList.remove('open'))\n\t\t}\n\n\t\tfunction clearHoverState() {\n\t\t\tHOVER_ZONES.forEach((z) => mapEl.classList.remove(`hover_${z}`))\n\t\t}\n\n\t\tfunction getMapHeight() {\n\t\t\tconst rect = mapEl.getBoundingClientRect()\n\t\t\tif (rect.height > 0) return rect.height\n\t\t\tconst vp = window.visualViewport ? window.visualViewport.height : window.innerHeight\n\t\t\treturn vp\n\t\t}\n\n\t\tfunction getMobileImgSize(scaleVh) {\n\t\t\tconst base = getMapHeight()\n\t\t\tconst heightPx = ((scaleVh || MOBILE_BASE_SCALE) \/ 100) * base\n\t\t\tconst widthPx = heightPx * (img.naturalWidth \/ img.naturalHeight)\n\t\t\treturn { width: widthPx, height: heightPx }\n\t\t}\n\n\t\tconst MARKER_EDGE_MARGIN = 4\n\t\tconst MARKER_FLIP_THRESHOLD = 50\n\t\tconst MARKER_SAFE_TOP = [8, 82]\n\n\t\tfunction clamp(value, [min, max]) {\n\t\t\treturn Math.min(max, Math.max(min, value))\n\t\t}\n\n\t\tfunction markerFractionToContainerPct(fx, fy, offsetX) {\n\t\t\tconst containerRect = mapEl.getBoundingClientRect()\n\t\t\tconst scale = parseFloat(img.dataset.scale) || MOBILE_BASE_SCALE\n\t\t\tconst { width: imgW, height: imgH } = getMobileImgSize(scale)\n\t\t\tconst imgLeft = parseFloat(img.style.left) || 0\n\t\t\tconst imgTop = parseFloat(img.style.top) || 0\n\t\t\tconst dx = offsetX || 0\n\t\t\tconst leftPct = ((imgLeft + fx * imgW + dx) \/ containerRect.width) * 100\n\t\t\tconst topPct = ((imgTop + fy * imgH) \/ containerRect.height) * 100\n\t\t\tconst flip = leftPct > MARKER_FLIP_THRESHOLD\n\t\t\treturn {\n\t\t\t\tflip,\n\t\t\t\tleft: flip ? undefined : clamp(leftPct, [MARKER_EDGE_MARGIN, 100]) + '%',\n\t\t\t\tright: flip ? clamp(100 - leftPct, [MARKER_EDGE_MARGIN, 100]) + '%' : undefined,\n\t\t\t\ttop: clamp(topPct, MARKER_SAFE_TOP) + '%',\n\t\t\t}\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 focusFractions = markerFocusFractions[category]\n\t\t\tconst items = translations[currentLang].zones[category]\n\t\t\tconst mobile = isMobileView()\n\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\n\t\t\t\tif (mobile && focusFractions && focusFractions[i]) {\n\t\t\t\t\tconst { fx, fy, offsetX } = focusFractions[i]\n\t\t\t\t\tconst mobilePos = markerFractionToContainerPct(fx, fy, offsetX)\n\t\t\t\t\tel.style.top = mobilePos.top\n\t\t\t\t\tif (mobilePos.flip) {\n\t\t\t\t\t\tel.classList.add('flip')\n\t\t\t\t\t\tel.style.right = mobilePos.right\n\t\t\t\t\t} else {\n\t\t\t\t\t\tel.style.left = mobilePos.left\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tel.style.top = pos.top\n\t\t\t\t\tel.style.left = pos.left\n\t\t\t\t}\n\n\t\t\t\tconst linkHtml = item.link\n\t\t\t\t\t? `<a class=\"link\" href=\"${item.link}\" target=\"_blank\" rel=\"noopener\">${item.link_label}<\/a>`\n\t\t\t\t\t: ''\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\n\t\t\t\tel.addEventListener('click', (e) => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (isMobileView()) {\n\t\t\t\t\t\topenSheet(item)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\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\n\t\t\t\tconst linkEl = el.querySelector('.link')\n\t\t\t\tif (linkEl) linkEl.addEventListener('click', (e) => e.stopPropagation())\n\n\t\t\t\tsubMarkersContainer.appendChild(el)\n\t\t\t})\n\t\t}\n\n\t\tfunction minScaleForFocus(focus, containerRect, anchorY) {\n\t\t\tconst a = anchorY != null ? anchorY : 0.5\n\t\t\tconst aspect = img.naturalWidth \/ img.naturalHeight\n\t\t\tconst fx = Math.max(Math.min(focus.fx, 0.9999), 0.0001)\n\t\t\tconst fy = Math.max(Math.min(focus.fy, 0.9999), 0.0001)\n\t\t\tconst needV = Math.max(a \/ fy, (1 - a) \/ (1 - fy))\n\t\t\tconst needH = Math.max(0.5 \/ fx, 0.5 \/ (1 - fx))\n\t\t\tconst minImgHFromY = containerRect.height * needV\n\t\t\tconst minImgW = containerRect.width * needH\n\t\t\tconst minImgHFromX = minImgW \/ aspect\n\t\t\tconst neededImgH = Math.max(minImgHFromY, minImgHFromX)\n\t\t\treturn (neededImgH \/ containerRect.height) * 100\n\t\t}\n\n\t\tfunction panMobileToFocus(focus, anchorY) {\n\t\t\tif (!focus) return\n\t\t\tconst containerRect = mapEl.getBoundingClientRect()\n\t\t\tconst preferredScale = focus.scale || MOBILE_BASE_SCALE\n\t\t\tconst scale = Math.max(\n\t\t\t\tpreferredScale,\n\t\t\t\tminScaleForFocus(focus, containerRect, anchorY),\n\t\t\t)\n\t\t\timg.dataset.scale = String(scale)\n\t\t\tconst { width: imgW, height: imgH } = getMobileImgSize(scale)\n\t\t\timg.style.height = imgH + 'px'\n\t\t\tconst cy = containerRect.height * (anchorY != null ? anchorY : 0.5)\n\t\t\tconst shiftPx = (focus.visualShiftX || 0) * containerRect.width\n\t\t\tlet top = cy - focus.fy * imgH\n\t\t\tlet left = containerRect.width \/ 2 - focus.fx * imgW + shiftPx\n\t\t\ttop = Math.min(0, Math.max(containerRect.height - imgH, top))\n\t\t\tleft = Math.min(0, Math.max(containerRect.width - imgW, left))\n\t\t\timg.style.top = top + 'px'\n\t\t\timg.style.left = left + 'px'\n\t\t}\n\n\t\tfunction syncMobileMapPosition() {\n\t\t\tsyncMobileHeaderHeight()\n\t\t\tif (!isMobileView()) return\n\t\t\tconst focus = currentZoneKey\n\t\t\t\t? zoneMobileFocus[currentZoneKey]\n\t\t\t\t: MOBILE_CENTER_FOCUS\n\t\t\tpanMobileToFocus(focus, MOBILE_VISUAL_ANCHOR_Y)\n\t\t\tif (currentZoneKey) showSubMarkers(zoneConfig[currentZoneKey].category)\n\t\t\tupdateBottomGradient()\n\t\t}\n\n\t\tfunction initMobileMap() {\n\t\t\tsyncMobileMapPosition()\n\t\t\tupdateBottomGradient(true)\n\t\t}\n\t\tif (img.complete && img.naturalWidth) {\n\t\t\tinitMobileMap()\n\t\t} else {\n\t\t\timg.addEventListener('load', initMobileMap, { once: true })\n\t\t}\n\t\twindow.addEventListener('resize', syncMobileMapPosition)\n\t\twindow.addEventListener('orientationchange', syncMobileMapPosition)\n\t\twindow.addEventListener('load', syncMobileMapPosition)\n\t\tif (window.visualViewport) {\n\t\t\twindow.visualViewport.addEventListener('resize', syncMobileMapPosition)\n\t\t}\n\t\twindow.addEventListener('load', () => setTimeout(syncMobileMapPosition, 400))\n\n\t\tfunction openZone(zoneKey) {\n\t\t\tconst cfg = zoneConfig[zoneKey]\n\t\t\tif (!cfg) return\n\n\t\t\tcloseSheet()\n\t\t\thideMainMarkers()\n\n\t\t\tif (isMobileView()) {\n\t\t\t\tcurrentZoneKey = zoneKey\n\t\t\t\tpanMobileToFocus(zoneMobileFocus[zoneKey], MOBILE_VISUAL_ANCHOR_Y)\n\t\t\t} else if (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\tmobileUi.classList.add('is_zoomed_hidden')\n\t\t\tclearHoverState()\n\t\t\tmapEl.classList.add('is_zoomed')\n\t\t\tupdateBottomGradient()\n\t\t}\n\n\t\tfunction resetMap() {\n\t\t\tcurrentZoneKey = null\n\t\t\tcloseSheet()\n\t\t\tif (!isMobileView()) {\n\t\t\t\timg.style.top = initialState.top\n\t\t\t\timg.style.left = initialState.left\n\t\t\t} else {\n\t\t\t\tpanMobileToFocus(MOBILE_CENTER_FOCUS, MOBILE_VISUAL_ANCHOR_Y)\n\t\t\t}\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\t\t\tmobileUi.classList.remove('is_zoomed_hidden')\n\n\t\t\tclearHoverState()\n\t\t\tmapEl.classList.remove('is_zoomed')\n\n\t\t\tupdateBottomGradient()\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\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\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\n\t\tdocument.addEventListener('click', () => {\n\t\t\tcloseAllSubDescs()\n\t\t\tif (isMobileView() && mobileSheet.classList.contains('open')) {\n\t\t\t\tcloseSheet()\n\t\t\t}\n\t\t})\n\n\t\tupdateBottomGradient(true)\n\t})()\n<\/script>\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\/ru\/wp-json\/wp\/v2\/pages\/19433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/comments?post=19433"}],"version-history":[{"count":291,"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/pages\/19433\/revisions"}],"predecessor-version":[{"id":24222,"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/pages\/19433\/revisions\/24222"}],"wp:attachment":[{"href":"https:\/\/feznavoi.uz\/ru\/wp-json\/wp\/v2\/media?parent=19433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}