*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; cursor: inherit; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } label { display: inline-block; margin-bottom: 0; } button { -webkit-border-radius: 0; border-radius: 0; border: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } :root { --texture_panel:url(/images/map/panel/panel_texture.png); --border_img_h: url(/images/map/panel/h_border.png); --border_img_h_bottom: url(/images/map/panel/h_border_bottom.png); --border_img_v: url(/images/map/panel/v_border.png); --border_img_v_right: url(/images/map/panel/v_border_right.png); --size_border: 17px; --size_corner: 68px; --corner_img: url(/images/map/panel/corner.png); --corner_img_1: url(/images/map/panel/corner_trigger_construction_one.png); --corner_img_1_size:96px; --corner_img_2: url(/images/map/panel/corner_trigger_construction_two.png); --corner_img_2_width:136px; --corner_img_2_height:86px; /*tabs corners and decorate*/ --tab_img_active: url(/images/map/tab/corner_tab.png); --tab_img_active_etc: url(/images/map/tab/tab_active.png); --tab_size_active_etc_w:108px; --tab_size_active_etc_h:30px; --tab_size_active:58px; --tab_img_boder: url(/images/map/tab/corner_border.png); --tab_size_boder: 60px; --tab_img_cap:url(/images/map/tab/tab_cap.png); --tab_size_cap_w:30px; --tab_size_cap_h:54px; --decorate_img: url(/images/map/panel/decorate.png); --size_w:76px; --size_h:77px; --width_decor:82px; --height_decor:43px; --animation_static: all 0.15s ease; --animation_hovered: all 0.3s ease; --indent:4px; --scroll_bar_img:url(/images/map/scroll/bar.png); --scroll_bar_size:31px; --scroll_button_img:url(/images/map/scroll/button.png); --scroll_button_w:34px; --scroll_button_h:30px; --scroll_handler_img:url(/images/map/scroll/handler.png); --scroll_handler_w:20px; --scroll_handler_h:45px; --slider_bar_img:url(/images/map/slider/bar.png); --slider_bar_size:21px; --slider_button_img:url(/images/map/slider/decor.png); --slider_button_w:39px; --slider_button_h:29px; --slider_handler_img:url(/images/map/slider/handler.png); --slider_handler_w:43px; --slider_handler_h:75px; --square_img:url(/images/map/square/square.png); --circle_img:url(/images/map/circles/circle.png); --size:110px; --checkbox_mark_img:url(/images/map/icons/check_mark.png); --checkbox_mark_w:34px; --checkbox_mark_h:32px; --body_texture:url(/images/map/ui/body_texture.png); --form_enter_bg:url(/images/map/enter_page/x1/webp/frame_registration.webp); --form_enter_width:1103px; --form_enter_height:994px; --frame_bg:url(/images/map/square/frame.png); --frame_w:388px; --frame_h:138px; --person_w:204px; --person_h:226px; --person_neutral:url(/images/map/person/person_neutral.png); --person_silver:url(/images/map/person/person_silver.png); --person_gold:url(/images/map/person/person_gold.png); --person_bronze:url(/images/map/person/person_bronze.png); --person_wood:url(/images/map/person/person_wood.png); --prison:url(/images/map/person/prison.png); --person_big_w:516px; --person_big_h:572px; --person_frame_w:516px; --person_frame_h:260px; --person_frame_bg:url(/images/map/person/person_frame.png); --border_modal_img_h: url(/images/map/modal/h_border_modal.png); --border_modal_img_h_bottom: url(/images/map/modal/h_border_modal_buttom.png); --border_modal_img_v: url(/images/map/modal/v_border_modal.png); --border_modal_img_v_right: url(/images/map/modal/v_border_modal_right.png); --size_border_modal: 10px; } .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 1px !important; } .mt-2 { margin-top: 2px !important; } .mt-3 { margin-top: 3px !important; } .mt-4 { margin-top: 4px !important; } .mt-5 { margin-top: 5px !important; } .mt-6 { margin-top: 6px !important; } .mt-7 { margin-top: 7px !important; } .mt-8 { margin-top: 8px !important; } .mt-9 { margin-top: 9px !important; } .mt-10 { margin-top: 10px !important; } .mt-11 { margin-top: 11px !important; } .mt-12 { margin-top: 12px !important; } .mt-13 { margin-top: 13px !important; } .mt-14 { margin-top: 14px !important; } .mt-15 { margin-top: 15px !important; } .mt-16 { margin-top: 16px !important; } .mt-17 { margin-top: 17px !important; } .mt-18 { margin-top: 18px !important; } .mt-19 { margin-top: 19px !important; } .mt-20 { margin-top: 20px !important; } .mt-21 { margin-top: 21px !important; } .mt-22 { margin-top: 22px !important; } .mt-23 { margin-top: 23px !important; } .mt-24 { margin-top: 24px !important; } .mt-25 { margin-top: 25px !important; } .mt-26 { margin-top: 26px !important; } .mt-27 { margin-top: 27px !important; } .mt-28 { margin-top: 28px !important; } .mt-29 { margin-top: 29px !important; } .mt-30 { margin-top: 30px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 1px !important; } .mb-2 { margin-bottom: 2px !important; } .mb-3 { margin-bottom: 3px !important; } .mb-4 { margin-bottom: 4px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-6 { margin-bottom: 6px !important; } .mb-7 { margin-bottom: 7px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-9 { margin-bottom: 9px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-11 { margin-bottom: 11px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-13 { margin-bottom: 13px !important; } .mb-14 { margin-bottom: 14px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-16 { margin-bottom: 16px !important; } .mb-17 { margin-bottom: 17px !important; } .mb-18 { margin-bottom: 18px !important; } .mb-19 { margin-bottom: 19px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-21 { margin-bottom: 21px !important; } .mb-22 { margin-bottom: 22px !important; } .mb-23 { margin-bottom: 23px !important; } .mb-24 { margin-bottom: 24px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-26 { margin-bottom: 26px !important; } .mb-27 { margin-bottom: 27px !important; } .mb-28 { margin-bottom: 28px !important; } .mb-29 { margin-bottom: 29px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-0 { margin-left: 0px !important; } .ml-1 { margin-left: 1px !important; } .ml-2 { margin-left: 2px !important; } .ml-3 { margin-left: 3px !important; } .ml-4 { margin-left: 4px !important; } .ml-5 { margin-left: 5px !important; } .ml-6 { margin-left: 6px !important; } .ml-7 { margin-left: 7px !important; } .ml-8 { margin-left: 8px !important; } .ml-9 { margin-left: 9px !important; } .ml-10 { margin-left: 10px !important; } .ml-11 { margin-left: 11px !important; } .ml-12 { margin-left: 12px !important; } .ml-13 { margin-left: 13px !important; } .ml-14 { margin-left: 14px !important; } .ml-15 { margin-left: 15px !important; } .ml-16 { margin-left: 16px !important; } .ml-17 { margin-left: 17px !important; } .ml-18 { margin-left: 18px !important; } .ml-19 { margin-left: 19px !important; } .ml-20 { margin-left: 20px !important; } .ml-21 { margin-left: 21px !important; } .ml-22 { margin-left: 22px !important; } .ml-23 { margin-left: 23px !important; } .ml-24 { margin-left: 24px !important; } .ml-25 { margin-left: 25px !important; } .ml-26 { margin-left: 26px !important; } .ml-27 { margin-left: 27px !important; } .ml-28 { margin-left: 28px !important; } .ml-29 { margin-left: 29px !important; } .ml-30 { margin-left: 30px !important; } .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 1px !important; } .mr-2 { margin-right: 2px !important; } .mr-3 { margin-right: 3px !important; } .mr-4 { margin-right: 4px !important; } .mr-5 { margin-right: 5px !important; } .mr-6 { margin-right: 6px !important; } .mr-7 { margin-right: 7px !important; } .mr-8 { margin-right: 8px !important; } .mr-9 { margin-right: 9px !important; } .mr-10 { margin-right: 10px !important; } .mr-11 { margin-right: 11px !important; } .mr-12 { margin-right: 12px !important; } .mr-13 { margin-right: 13px !important; } .mr-14 { margin-right: 14px !important; } .mr-15 { margin-right: 15px !important; } .mr-16 { margin-right: 16px !important; } .mr-17 { margin-right: 17px !important; } .mr-18 { margin-right: 18px !important; } .mr-19 { margin-right: 19px !important; } .mr-20 { margin-right: 20px !important; } .mr-21 { margin-right: 21px !important; } .mr-22 { margin-right: 22px !important; } .mr-23 { margin-right: 23px !important; } .mr-24 { margin-right: 24px !important; } .mr-25 { margin-right: 25px !important; } .mr-26 { margin-right: 26px !important; } .mr-27 { margin-right: 27px !important; } .mr-28 { margin-right: 28px !important; } .mr-29 { margin-right: 29px !important; } .mr-30 { margin-right: 30px !important; } .mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-1 { margin-left: 1px !important; margin-right: 1px !important; } .mx-2 { margin-left: 2px !important; margin-right: 2px !important; } .mx-3 { margin-left: 3px !important; margin-right: 3px !important; } .mx-4 { margin-left: 4px !important; margin-right: 4px !important; } .mx-5 { margin-left: 5px !important; margin-right: 5px !important; } .mx-6 { margin-left: 6px !important; margin-right: 6px !important; } .mx-7 { margin-left: 7px !important; margin-right: 7px !important; } .mx-8 { margin-left: 8px !important; margin-right: 8px !important; } .mx-9 { margin-left: 9px !important; margin-right: 9px !important; } .mx-10 { margin-left: 10px !important; margin-right: 10px !important; } .mx-11 { margin-left: 11px !important; margin-right: 11px !important; } .mx-12 { margin-left: 12px !important; margin-right: 12px !important; } .mx-13 { margin-left: 13px !important; margin-right: 13px !important; } .mx-14 { margin-left: 14px !important; margin-right: 14px !important; } .mx-15 { margin-left: 15px !important; margin-right: 15px !important; } .mx-16 { margin-left: 16px !important; margin-right: 16px !important; } .mx-17 { margin-left: 17px !important; margin-right: 17px !important; } .mx-18 { margin-left: 18px !important; margin-right: 18px !important; } .mx-19 { margin-left: 19px !important; margin-right: 19px !important; } .mx-20 { margin-left: 20px !important; margin-right: 20px !important; } .mx-21 { margin-left: 21px !important; margin-right: 21px !important; } .mx-22 { margin-left: 22px !important; margin-right: 22px !important; } .mx-23 { margin-left: 23px !important; margin-right: 23px !important; } .mx-24 { margin-left: 24px !important; margin-right: 24px !important; } .mx-25 { margin-left: 25px !important; margin-right: 25px !important; } .mx-26 { margin-left: 26px !important; margin-right: 26px !important; } .mx-27 { margin-left: 27px !important; margin-right: 27px !important; } .mx-28 { margin-left: 28px !important; margin-right: 28px !important; } .mx-29 { margin-left: 29px !important; margin-right: 29px !important; } .mx-30 { margin-left: 30px !important; margin-right: 30px !important; } .mx-n1 { margin-left: -1px !important; margin-right: -1px !important; } .mx-n2 { margin-left: -2px !important; margin-right: -2px !important; } .mx-n3 { margin-left: -3px !important; margin-right: -3px !important; } .mx-n4 { margin-left: -4px !important; margin-right: -4px !important; } .mx-n5 { margin-left: -5px !important; margin-right: -5px !important; } .mx-n6 { margin-left: -6px !important; margin-right: -6px !important; } .mx-n7 { margin-left: -7px !important; margin-right: -7px !important; } .mx-n8 { margin-left: -8px !important; margin-right: -8px !important; } .mx-n9 { margin-left: -9px !important; margin-right: -9px !important; } .mx-n10 { margin-left: -10px !important; margin-right: -10px !important; } .mx-n11 { margin-left: -11px !important; margin-right: -11px !important; } .mx-n12 { margin-left: -12px !important; margin-right: -12px !important; } .mx-n13 { margin-left: -13px !important; margin-right: -13px !important; } .mx-n14 { margin-left: -14px !important; margin-right: -14px !important; } .mx-n15 { margin-left: -15px !important; margin-right: -15px !important; } .mx-n16 { margin-left: -16px !important; margin-right: -16px !important; } .mx-n17 { margin-left: -17px !important; margin-right: -17px !important; } .mx-n18 { margin-left: -18px !important; margin-right: -18px !important; } .mx-n19 { margin-left: -19px !important; margin-right: -19px !important; } .mx-n20 { margin-left: -20px !important; margin-right: -20px !important; } .mx-n21 { margin-left: -21px !important; margin-right: -21px !important; } .mx-n22 { margin-left: -22px !important; margin-right: -22px !important; } .mx-n23 { margin-left: -23px !important; margin-right: -23px !important; } .mx-n24 { margin-left: -24px !important; margin-right: -24px !important; } .mx-n25 { margin-left: -25px !important; margin-right: -25px !important; } .mx-n26 { margin-left: -26px !important; margin-right: -26px !important; } .mx-n27 { margin-left: -27px !important; margin-right: -27px !important; } .mx-n28 { margin-left: -28px !important; margin-right: -28px !important; } .mx-n29 { margin-left: -29px !important; margin-right: -29px !important; } .mx-n30 { margin-left: -30px !important; margin-right: -30px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-1 { margin-top: 1px !important; margin-bottom: 1px !important; } .my-2 { margin-top: 2px !important; margin-bottom: 2px !important; } .my-3 { margin-top: 3px !important; margin-bottom: 3px !important; } .my-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-6 { margin-top: 6px !important; margin-bottom: 6px !important; } .my-7 { margin-top: 7px !important; margin-bottom: 7px !important; } .my-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .my-9 { margin-top: 9px !important; margin-bottom: 9px !important; } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-11 { margin-top: 11px !important; margin-bottom: 11px !important; } .my-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .my-13 { margin-top: 13px !important; margin-bottom: 13px !important; } .my-14 { margin-top: 14px !important; margin-bottom: 14px !important; } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .my-17 { margin-top: 17px !important; margin-bottom: 17px !important; } .my-18 { margin-top: 18px !important; margin-bottom: 18px !important; } .my-19 { margin-top: 19px !important; margin-bottom: 19px !important; } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-21 { margin-top: 21px !important; margin-bottom: 21px !important; } .my-22 { margin-top: 22px !important; margin-bottom: 22px !important; } .my-23 { margin-top: 23px !important; margin-bottom: 23px !important; } .my-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .my-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-26 { margin-top: 26px !important; margin-bottom: 26px !important; } .my-27 { margin-top: 27px !important; margin-bottom: 27px !important; } .my-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .my-29 { margin-top: 29px !important; margin-bottom: 29px !important; } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-6 { margin: 6px !important; } .m-7 { margin: 7px !important; } .m-8 { margin: 8px !important; } .m-9 { margin: 9px !important; } .m-10 { margin: 10px !important; } .m-11 { margin: 11px !important; } .m-12 { margin: 12px !important; } .m-13 { margin: 13px !important; } .m-14 { margin: 14px !important; } .m-15 { margin: 15px !important; } .m-16 { margin: 16px !important; } .m-17 { margin: 17px !important; } .m-18 { margin: 18px !important; } .m-19 { margin: 19px !important; } .m-20 { margin: 20px !important; } .m-21 { margin: 21px !important; } .m-22 { margin: 22px !important; } .m-23 { margin: 23px !important; } .m-24 { margin: 24px !important; } .m-25 { margin: 25px !important; } .m-26 { margin: 26px !important; } .m-27 { margin: 27px !important; } .m-28 { margin: 28px !important; } .m-29 { margin: 29px !important; } .m-30 { margin: 30px !important; } .pt-1 { padding-top: 1px !important; } .pt-2 { padding-top: 2px !important; } .pt-3 { padding-top: 3px !important; } .pt-4 { padding-top: 4px !important; } .pt-5 { padding-top: 5px !important; } .pt-6 { padding-top: 6px !important; } .pt-7 { padding-top: 7px !important; } .pt-8 { padding-top: 8px !important; } .pt-9 { padding-top: 9px !important; } .pt-10 { padding-top: 10px !important; } .pt-11 { padding-top: 11px !important; } .pt-12 { padding-top: 12px !important; } .pt-13 { padding-top: 13px !important; } .pt-14 { padding-top: 14px !important; } .pt-15 { padding-top: 15px !important; } .pt-16 { padding-top: 16px !important; } .pt-17 { padding-top: 17px !important; } .pt-18 { padding-top: 18px !important; } .pt-19 { padding-top: 19px !important; } .pt-20 { padding-top: 20px !important; } .pt-21 { padding-top: 21px !important; } .pt-22 { padding-top: 22px !important; } .pt-23 { padding-top: 23px !important; } .pt-24 { padding-top: 24px !important; } .pt-25 { padding-top: 25px !important; } .pt-26 { padding-top: 26px !important; } .pt-27 { padding-top: 27px !important; } .pt-28 { padding-top: 28px !important; } .pt-29 { padding-top: 29px !important; } .pt-30 { padding-top: 30px !important; } .pb-1 { padding-bottom: 1px !important; } .pb-2 { padding-bottom: 2px !important; } .pb-3 { padding-bottom: 3px !important; } .pb-4 { padding-bottom: 4px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-6 { padding-bottom: 6px !important; } .pb-7 { padding-bottom: 7px !important; } .pb-8 { padding-bottom: 8px !important; } .pb-9 { padding-bottom: 9px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-11 { padding-bottom: 11px !important; } .pb-12 { padding-bottom: 12px !important; } .pb-13 { padding-bottom: 13px !important; } .pb-14 { padding-bottom: 14px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-16 { padding-bottom: 16px !important; } .pb-17 { padding-bottom: 17px !important; } .pb-18 { padding-bottom: 18px !important; } .pb-19 { padding-bottom: 19px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-21 { padding-bottom: 21px !important; } .pb-22 { padding-bottom: 22px !important; } .pb-23 { padding-bottom: 23px !important; } .pb-24 { padding-bottom: 24px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-26 { padding-bottom: 26px !important; } .pb-27 { padding-bottom: 27px !important; } .pb-28 { padding-bottom: 28px !important; } .pb-29 { padding-bottom: 29px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-1 { padding-left: 1px !important; } .pl-2 { padding-left: 2px !important; } .pl-3 { padding-left: 3px !important; } .pl-4 { padding-left: 4px !important; } .pl-5 { padding-left: 5px !important; } .pl-6 { padding-left: 6px !important; } .pl-7 { padding-left: 7px !important; } .pl-8 { padding-left: 8px !important; } .pl-9 { padding-left: 9px !important; } .pl-10 { padding-left: 10px !important; } .pl-11 { padding-left: 11px !important; } .pl-12 { padding-left: 12px !important; } .pl-13 { padding-left: 13px !important; } .pl-14 { padding-left: 14px !important; } .pl-15 { padding-left: 15px !important; } .pl-16 { padding-left: 16px !important; } .pl-17 { padding-left: 17px !important; } .pl-18 { padding-left: 18px !important; } .pl-19 { padding-left: 19px !important; } .pl-20 { padding-left: 20px !important; } .pl-21 { padding-left: 21px !important; } .pl-22 { padding-left: 22px !important; } .pl-23 { padding-left: 23px !important; } .pl-24 { padding-left: 24px !important; } .pl-25 { padding-left: 25px !important; } .pl-26 { padding-left: 26px !important; } .pl-27 { padding-left: 27px !important; } .pl-28 { padding-left: 28px !important; } .pl-29 { padding-left: 29px !important; } .pl-30 { padding-left: 30px !important; } .pr-1 { padding-right: 1px !important; } .pr-2 { padding-right: 2px !important; } .pr-3 { padding-right: 3px !important; } .pr-4 { padding-right: 4px !important; } .pr-5 { padding-right: 5px !important; } .pr-6 { padding-right: 6px !important; } .pr-7 { padding-right: 7px !important; } .pr-8 { padding-right: 8px !important; } .pr-9 { padding-right: 9px !important; } .pr-10 { padding-right: 10px !important; } .pr-11 { padding-right: 11px !important; } .pr-12 { padding-right: 12px !important; } .pr-13 { padding-right: 13px !important; } .pr-14 { padding-right: 14px !important; } .pr-15 { padding-right: 15px !important; } .pr-16 { padding-right: 16px !important; } .pr-17 { padding-right: 17px !important; } .pr-18 { padding-right: 18px !important; } .pr-19 { padding-right: 19px !important; } .pr-20 { padding-right: 20px !important; } .pr-21 { padding-right: 21px !important; } .pr-22 { padding-right: 22px !important; } .pr-23 { padding-right: 23px !important; } .pr-24 { padding-right: 24px !important; } .pr-25 { padding-right: 25px !important; } .pr-26 { padding-right: 26px !important; } .pr-27 { padding-right: 27px !important; } .pr-28 { padding-right: 28px !important; } .pr-29 { padding-right: 29px !important; } .pr-30 { padding-right: 30px !important; } .px-1 { padding-right: 1px !important; padding-left: 1px !important; } .px-2 { padding-right: 2px !important; padding-left: 2px !important; } .px-3 { padding-right: 3px !important; padding-left: 3px !important; } .px-4 { padding-right: 4px !important; padding-left: 4px !important; } .px-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-6 { padding-right: 6px !important; padding-left: 6px !important; } .px-7 { padding-right: 7px !important; padding-left: 7px !important; } .px-8 { padding-right: 8px !important; padding-left: 8px !important; } .px-9 { padding-right: 9px !important; padding-left: 9px !important; } .px-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-11 { padding-right: 11px !important; padding-left: 11px !important; } .px-12 { padding-right: 12px !important; padding-left: 12px !important; } .px-13 { padding-right: 13px !important; padding-left: 13px !important; } .px-14 { padding-right: 14px !important; padding-left: 14px !important; } .px-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-16 { padding-right: 16px !important; padding-left: 16px !important; } .px-17 { padding-right: 17px !important; padding-left: 17px !important; } .px-18 { padding-right: 18px !important; padding-left: 18px !important; } .px-19 { padding-right: 19px !important; padding-left: 19px !important; } .px-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-21 { padding-right: 21px !important; padding-left: 21px !important; } .px-22 { padding-right: 22px !important; padding-left: 22px !important; } .px-23 { padding-right: 23px !important; padding-left: 23px !important; } .px-24 { padding-right: 24px !important; padding-left: 24px !important; } .px-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-26 { padding-right: 26px !important; padding-left: 26px !important; } .px-27 { padding-right: 27px !important; padding-left: 27px !important; } .px-28 { padding-right: 28px !important; padding-left: 28px !important; } .px-29 { padding-right: 29px !important; padding-left: 29px !important; } .px-30 { padding-right: 30px !important; padding-left: 30px !important; } .py-1 { padding-top: 1px !important; padding-bottom: 1px !important; } .py-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .py-3 { padding-top: 3px !important; padding-bottom: 3px !important; } .py-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-6 { padding-top: 6px !important; padding-bottom: 6px !important; } .py-7 { padding-top: 7px !important; padding-bottom: 7px !important; } .py-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .py-9 { padding-top: 9px !important; padding-bottom: 9px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-11 { padding-top: 11px !important; padding-bottom: 11px !important; } .py-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .py-13 { padding-top: 13px !important; padding-bottom: 13px !important; } .py-14 { padding-top: 14px !important; padding-bottom: 14px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .py-17 { padding-top: 17px !important; padding-bottom: 17px !important; } .py-18 { padding-top: 18px !important; padding-bottom: 18px !important; } .py-19 { padding-top: 19px !important; padding-bottom: 19px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-21 { padding-top: 21px !important; padding-bottom: 21px !important; } .py-22 { padding-top: 22px !important; padding-bottom: 22px !important; } .py-23 { padding-top: 23px !important; padding-bottom: 23px !important; } .py-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-26 { padding-top: 26px !important; padding-bottom: 26px !important; } .py-27 { padding-top: 27px !important; padding-bottom: 27px !important; } .py-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .py-29 { padding-top: 29px !important; padding-bottom: 29px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-6 { padding: 6px !important; } .p-7 { padding: 7px !important; } .p-8 { padding: 8px !important; } .p-9 { padding: 9px !important; } .p-10 { padding: 10px !important; } .p-11 { padding: 11px !important; } .p-12 { padding: 12px !important; } .p-13 { padding: 13px !important; } .p-14 { padding: 14px !important; } .p-15 { padding: 15px !important; } .p-16 { padding: 16px !important; } .p-17 { padding: 17px !important; } .p-18 { padding: 18px !important; } .p-19 { padding: 19px !important; } .p-20 { padding: 20px !important; } .p-21 { padding: 21px !important; } .p-22 { padding: 22px !important; } .p-23 { padding: 23px !important; } .p-24 { padding: 24px !important; } .p-25 { padding: 25px !important; } .p-26 { padding: 26px !important; } .p-27 { padding: 27px !important; } .p-28 { padding: 28px !important; } .p-29 { padding: 29px !important; } .p-30 { padding: 30px !important; } .gap-0 { grid-gap: 0px !important; } .gap-1 { grid-gap: 1px !important; } .gap-2 { grid-gap: 2px !important; } .gap-3 { grid-gap: 3px !important; } .gap-4 { grid-gap: 4px !important; } .gap-5 { grid-gap: 5px !important; } .gap-6 { grid-gap: 6px !important; } .gap-7 { grid-gap: 7px !important; } .gap-8 { grid-gap: 8px !important; } .gap-9 { grid-gap: 9px !important; } .gap-10 { grid-gap: 10px !important; } .gap-11 { grid-gap: 11px !important; } .gap-12 { grid-gap: 12px !important; } .gap-13 { grid-gap: 13px !important; } .gap-14 { grid-gap: 14px !important; } .gap-15 { grid-gap: 15px !important; } .gap-16 { grid-gap: 16px !important; } .gap-17 { grid-gap: 17px !important; } .gap-18 { grid-gap: 18px !important; } .gap-19 { grid-gap: 19px !important; } .gap-20 { grid-gap: 20px !important; } .gap-21 { grid-gap: 21px !important; } .gap-22 { grid-gap: 22px !important; } .gap-23 { grid-gap: 23px !important; } .gap-24 { grid-gap: 24px !important; } .gap-25 { grid-gap: 25px !important; } .gap-26 { grid-gap: 26px !important; } .gap-27 { grid-gap: 27px !important; } .gap-28 { grid-gap: 28px !important; } .gap-29 { grid-gap: 29px !important; } .gap-30 { grid-gap: 30px !important; } .row-gap-0 { row-gap: 0px !important; } .row-gap-1 { row-gap: 1px !important; } .row-gap-2 { row-gap: 2px !important; } .row-gap-3 { row-gap: 3px !important; } .row-gap-4 { row-gap: 4px !important; } .row-gap-5 { row-gap: 5px !important; } .row-gap-6 { row-gap: 6px !important; } .row-gap-7 { row-gap: 7px !important; } .row-gap-8 { row-gap: 8px !important; } .row-gap-9 { row-gap: 9px !important; } .row-gap-10 { row-gap: 10px !important; } .row-gap-11 { row-gap: 11px !important; } .row-gap-12 { row-gap: 12px !important; } .row-gap-13 { row-gap: 13px !important; } .row-gap-14 { row-gap: 14px !important; } .row-gap-15 { row-gap: 15px !important; } .row-gap-16 { row-gap: 16px !important; } .row-gap-17 { row-gap: 17px !important; } .row-gap-18 { row-gap: 18px !important; } .row-gap-19 { row-gap: 19px !important; } .row-gap-20 { row-gap: 20px !important; } .row-gap-21 { row-gap: 21px !important; } .row-gap-22 { row-gap: 22px !important; } .row-gap-23 { row-gap: 23px !important; } .row-gap-24 { row-gap: 24px !important; } .row-gap-25 { row-gap: 25px !important; } .row-gap-26 { row-gap: 26px !important; } .row-gap-27 { row-gap: 27px !important; } .row-gap-28 { row-gap: 28px !important; } .row-gap-29 { row-gap: 29px !important; } .row-gap-30 { row-gap: 30px !important; } body { font: 16px/1.25 "Vollkorn", sans-serif; background-color: #180f0a; background-image: var(--body_texture); background-repeat: repeat; color: #b8afaa; min-width: 1024px; min-height: 100vh; position: relative; } .field_map { width: 100%; min-width: 1024px; height: 100vh; position: absolute; overflow: hidden; top: 0; left: 0; overscroll-behavior: none; } /* Карта только из JS — иначе браузер забирает жесты скролла/зума под себя. */ #mapcanvas { touch-action: none; -ms-touch-action: none; } @media only screen and (max-width: 1023.98px) { body { min-width: 0; width: 100%; overflow-x: hidden; } .field_map { min-width: 0; width: 100%; height: 100dvh; } } .field_map:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-shadow: inset 0 0 7px #180f0a; box-shadow: inset 0 0 7px #180f0a; pointer-events: none; } .minw_0 { min-width: 0; } .position-absolute { position: absolute !important; } .position-static { position: static !important; } .img-fluid { display: block; max-width: 100%; height: auto; } .text-muted { color: #5f5653; } .slider_panel { position: relative; } .text-danger { color: red; } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body kbd, body code { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .bg-none { background: none !important; } .grid_column.h-100 { height: 100% !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-self-center { -ms-flex-item-align: center; align-self: center; } .d-block { display: block !important; } .align-middle { vertical-align: middle; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-grid { display: grid !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-self-end { -ms-flex-item-align: end; align-self: flex-end; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .d-inline-block { display: inline-block !important; } .align-self-start { -ms-flex-item-align: start; align-self: flex-start; } .text-center { text-align: center !important; } .h-100 { height: 100%; } .d-table { display: table !important; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 0; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-225 { max-width: 225px; -webkit-box-flex: 0; -ms-flex: 0 0 225px; flex: 0 0 225px; } .col-280 { max-width: 280px; -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; } .col-300 { max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .col-320 { max-width: 320px; -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; } .col-380 { max-width: 380px; -webkit-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; } .col-480 { max-width: 480px; -webkit-box-flex: 0; -ms-flex: 0 0 480px; flex: 0 0 480px; } .col-590 { max-width: 590px; -webkit-box-flex: 0; -ms-flex: 0 0 590px; flex: 0 0 590px; } .col-4 { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .mt-auto { margin-top: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .p-0 { padding: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .ml-auto { margin-left: auto !important; } .mr-auto { margin-right: auto !important; } .right-0 { right: 0 !important; } .d-none { display: none !important; } .position-relative { position: relative !important; } .pos_centered { top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .h-auto { height: auto !important; } .rotate_45 { -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } .w-100 { width: 100%; } .l-0 { left: 0 !important; } .t-0 { top: 0 !important; } .col-180 { max-width: 180px; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } .right_top { top: 0; right: 0; position: absolute; } .grid_list_custom { grid-template-columns: repeat(auto-fill, minmax(var(--element), 1fr)); } .grid_list_custom .col_item { position: relative; } .grid_list_custom .col_item.selected:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; -webkit-box-shadow: inset 0px 0px 12px 4px #FFE600; box-shadow: inset 0px 0px 12px 4px #FFE600; pointer-events: none; } .center_left { top: 50%; left: 0; position: absolute !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .default_padding { padding-left: calc(var(--size_border_local) * 2.7); padding-right: calc(var(--size_border_local) * 2.7); } .border_padding { padding-left: var(--size_border_local) !important; padding-right: var(--size_border_local) !important; } .without_border_padding { padding-left: calc(var(--size_border_local) * 2.7 - var(--size_border_local)) !important; padding-right: calc(var(--size_border_local) * 2.7 - var(--size_border_local)) !important; } .ico { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; -webkit-background-size: cover !important; background-size: cover !important; background-position: 0 0 !important; background-repeat: no-repeat !important; } .ico-ducat { --w:calc(45px / 2); --h:calc(41px / 2); width: var(--w); max-width: var(--w); -webkit-box-flex: 0; -ms-flex: 0 0 var(--w); flex: 0 0 var(--w); height: var(--h); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAApCAYAAAChi6CMAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4wLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk0MTMxN0E3ODUzMTFFQ0IxNUZEOTU4OEIwQzY5QzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM2OTk0QkU3ODUzMTFFQ0IxNUZEOTU4OEIwQzY5QzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTQxMzE3ODc4NTMxMUVDQjE1RkQ5NTg4QjBDNjlDNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTQxMzE3OTc4NTMxMUVDQjE1RkQ5NTg4QjBDNjlDNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvreOaAAAA5aSURBVHjanFlprGRFFT516269v23evIFhmI1hiYAgmzpEYiJRoyYkbigJBNRA/EM0JBqjMcZfJpiQkAnEKPEPa0gEE5AgqFGjMUEdBjDD6sDAzHuzvO73um/3XarK71Td2/1mdeB26nX3fffWPXXOd77znWrxg1s/RUKLTTJU5xvjXdtPsu9KKcgQkcDLGMN/8e7OmfKvID480kIT/vDF9joPL3uPh/96HvnSXrbqk/c9behdbTRJMnuM8A5iSr6ajMKdnpvDK+zTyEg65eFjXKjJPNnwve2dukdyuk6DVFHge6SUcaZhQk/wwLw8MSzihbFhZJz5/KZxvdIag3CvpmFa0OpI0XBY1NPCPFALYDqM8aTYjZX9HpPdg1vfofd5+MJTG3rJaHtRaGrX6tQIQpppBDTMFHWaNYoj33oPCyMfnsuywnqkgNt4IYH0xoviJQZwrcH/chjtB5J4XnylPC/oUG9Eh1ZTWjyaXio8wePG2Bc/wW2/wSWLZ2q0vPbyzW8hnK/sX+zrg8vphxZ7Qzrcy6lVC6nfT9mtcAphEQVlubLv/WFG/UFKS90E1/L1CR2FMSsJzmPwgjgi9dCjOJTwvKF67NNMK6ItC22MBhxANBgWrf5QfQ6RuwXefxb2HBTaRY6808ODj8fiQD4Wh8FDg5G5qzsYXdNLtLx8W4dWYLjsSKpFAWk83CD8Sa7pxX0renUIc/C9UBaFPns6hOcjGMrvEl5v1wPacXabzplv2ogMRoWNyoXnTtOm+Qa9vdinVw8kc2kuno4C77OY4l//Fx7VB5texjwhPe/pwBfXJ1n225f2r9JV26eAVQUMB1TA0wwPPwhoabW4PfTko0oVQggJJKi7PSO3KRiUICdWdI4FUnTwiLli7/4udWD81Resows3z1AK6PWHOaDk045N07Rhpkb/fH15YalfPN8Jwp1wwMunM/pkQcjIBC/4Qfjn3kpmsc0rKuDdKAwoiuFxvNa1GlcuzLQHtTDsYrGHYevNGDvhxZ2+FDtD39sZh96VcSxvrYXyp8NUF0/87R168q9vkioMNRA5xjsvoFGP6JoL52jDlJzqDfPnMM9HzthoiZBSgJTz8wPC148XZPJ9S314hGkD9AUgRmAAxrgR6ptSqg1zYJta5FuaO8XxAMYPMfWls+344b37B90H//Aa9UcZNeAAvi2H8T68fs3562jjnL8+ydQz4KaLTmk040wwnYEZAM8KJ+Bucw84dE8BRzONMU6tsfYPUx+zh7HrnJ+u2TnInBaKryAnbpxuhh8epubFh557DYk7QqIG9p8F2EbC8Eu2TVPo02ym9H2uKpz48o6AAZgJBHg3BXYpx+lycB6zMWy4LRhCjM+hEIHKhGFO5sLTqMWn8/b4UGT2RbH89SgneurvbwMiua0JFpfImSZY69ItbVJ5cWVhzM0acx4/vCQBlWXaVgdrkpgMAUhwgfClxHDFpawlZUWsklhQu1GjZr1mOfqUR3k/AHh/vRbsPdjNkIBLLtLCzZjCWefMt2i2HcYobl+VQnQwaO3wPFEaa+iEwdPYKmcUPnu2SAgjJl5naAFW/M6Gt9oxtVqh9cbJDOYMEu7jAJ/vZQ5/+b89Wl4Z2jmsA4wrRued1WRcfhpnP+pmnwzPPfjUAwhwSqMMgBGVm3GWjcdDqmE0qmgtQmWNxqE0xmkYfnkIaDWEMrvAMCtJqulVUCKX/crbjO9ZFKJ1UxFlhfoZcqt5jNHWqNMMWhuFNbAwwnnk+KFgZasZUacRg1VCy0i6uvHYwaXqNi77+w8n1sOl1LGRDBCF2aYPZjEXo0ok2koJNzzrOiNOOqtLuyohXQKOKxFbwgpPmGMGv5iFmkjMuak6zXZqUHWwEJIFKHP3TYZmVCSoksM0t/kgSg3DCd6uBaBFHwhV32cnVcPrNAMXWjCH0OaYwb4Q1bqMGTOag4ljECtZy8ES1b4Lp1dYc7Cgmp9p0DTwzq407M6J0b9DRjwMBUgHjyRIsEkusGSoRRL3AzWKvigxbzX8CCW5UUcY4IohhJBYQws8L7ORtNgGFs3E0UxS4jjY2IBZEE8mqb7W666QLA9GY+ziSPBppRhpWu7nY+1eGc2JGsGAQapX5Zo66HGyRFBj0ygQ7UZoTfVc4bDiKMRSIaYcla2x0hAdQ4+l0D4l27ERjTpkL+CiMA8PDTswhCkjo9csmLU6P7IOb/M5jlo1vMobPGmnEYFrQ3JU69YcYrVM/lbhjfFe9TUTuBRa24eK0xQWazhK/mwzpiYSMML1AM29MLubAzZa6WOuryLKAGcH6nJ4x0/aaWFCpqyypDM8qgQUZk1RMVQWIEEZqC7HDUL8fwHPC2OZO40kjcEusOdF5EK3wBxVElbzc+dUizx7HtUXmGd7xIkqjw2fgifaoC3kVeF5ftkZOlDbdLTJVioBLgZMDSTOuF2ySW2pEbQIhqjY3FpqJtWI+0mGDmwvuGbIskPy18zFAnxjlVQgfpRMWvCqZDLj9BtPnue6y94QvrumPL6C0Tm+GJqTLsvAOTU0Bnm7yZJXV6JAlM4hGqH4SGE2wpxv4Wsfczzow/BHMEKdm88jdOiNsEJwDBvhQ/iz7mCv4AwFxk3KmM9sBdOPYhmJE0oGGkbVoWKvl2U00txpmnFHb+FU5hCHG7Ny8tYAxwjSTlmrXfVl+cCeHUG2gtPOwz/vZyUKBl3wt87FX/ZsPXcJlRXVZ4Th7DquVej/MnCtk5DsWUSArtjcxru+XkppQ2bJw7dUMBYubCzbwc0xL56vsV18iV2vRINSrgZwNeWT7GnW2Nx3QsrQ1ilpm+oehN3RvrobOawS35d1DDSfkaU/vkByu+85htC2UjkM19Fl1CEfufzaBBVm0ksYdw2rQ6u38WLzCjMheCYIwaXQRoBZAQvxnU6RbHzp7KJQZVQ0ZK9v909C2PYaWkD/3aN53Q9StDpNhGQEYQ7eRnazF+AcPJD3GQQ1oSVi3NmHEC7ywtIgB9gKK9fY2AfaQgr3Wi+zeUqXiUdj/q0+e2NpIGh1OIIcbVAN8U8hhyGUgOfcVkWOVh+l/vX3hlCSEfkHutmvVoZZ+NLbgxswXyOEh+vA2CbAIfI5Y43lbvYuZxx7ffHowJL8oV5KK2hQWaEVSpfcbqx/3XYRWX41DtrwljeWn9xvMIW1YomuvGVpkEs+L2gEpzCeYTu9e3hE7y0P0aAgp7DimQ7dwU68jacK42AnTNoEA+QgGf7i1VEWTU/VaOustIZqPWkq2buLPXTcmXfn0kAd8p2yt1tbpiww1pvCWPRAuEN2C7kyMoXk4ODIc5WgEfjYO93sO/NTijafNW2TcYRun6HB+yTLfUX/ea9PTSysBXYJhb4Tptznr9EIfykLIVbpva0K/fCR5f7C2VMzaGaddwy5RDJwEW93zbTrTwF5r3W7A5ucRkyorZpLlDAIsNq0pLEOoua16ltXBsOfcxXeds50WUDIQoIj0oMWWeymdN7GqZcPLfe/EAd+YlR+8ORbCJa99J+A5/u4vT/cHdqNlkKX3AkDGm4VCLFK69AlAayyZd6cajjFx933VLvOXuGC9Aj+t+niczvUqrvEHmWZa3Ax35tLA9Yqu6WQ1+H+N3HtwRM2ayqDPSqJlEzI/VgO8K0Ct7xZYx1lKjYRLDNFDNyvn2lSkuWONSYCdty32aqJ3q/drgHHAfVGye391fT8+amYtqxv4ZlcHjQNkeQxEq+f5NRdLfIgELcVKjvc5KqpJ8XJN9qMtwYmrZSo9hfQIWsk3pAWZr1xuEW15Suc6mJK492iiiJPCB0MEqFLTxSQO4pM7Yrg2asvmKMavK9g0SBJbZeDKkt79q0yrTwOB7xgyOmNYo2W8lrNkNbP1WmKy6hytFUN9iZXNU76BFqbNI23dUvBnTI1sefJnB4e5XGL0sWuHFG5bOsUzUGmcoIniCQDmvNiz74VwMQ8FgbeTWYNYo/Zy4vheqZKDZtiFI7VAeglZ0FOQ8YXNwm8fcDl1CajcRWLPZwpswPfUrK7JNQuAxHxjm8ZkMJudRArUPokSv+9LIKuu2SBzl1o2eoL3WF5nXl/91s91An17zCWX8u5ORMuOiw1fYmIYnH8bL/yhK2gMG66BdzpuJ3kxScO90a0/ayWXSmft9u8Sea6GckhU89j0t2IRB+XbGFj8X0GM4ald1GZTYpn1zk3FtBdb11o0IY5zgHGcGr3MdgB/3ijiw7FPAkn/VKRKtbyQgXLkyZiuePVzrR+CqD4+CWbO5b8eS+nAxgt94aYuLAFY/t8TEluJHTD5VRqj6qxYQ2RwfesBqLAQ13yodElretEVqv3hwWgWNgHHlhO6NX9AzK+fBi0dhOgps54qxfHVbnSXwIZfDsIZG3jjE+tiDENvbqhY0VNA9rE7rQA37PQAwtIJu44ApAwJ7Qeb4mY8U8cUpYaGOGw1+GqETx8AMn9+oE+LSfqjZlO9Ee0Vd/IMnNGetwvQ3ADvPLIfEMGSHKaQ4duN088SVvObtkuOYW7WTcw/ciyJ+SNvABGqfInDZvZMI5LvvTcLqz9iQPGMo3tX+zTUndkDe4mvG8X7I2l/Aye/ZYxZ9xDkO8Xdjf0slWTBlsaNetR/l0EZQ/egSzdd9QuwEkJeAyh4B982BA2MPTddgKqKOSkoi4SeRXh58xc6Wd2D5p3/w+v2J81evi+3Gn4e9bNRD/WSrwzKIpD7/+HIk5AIX6Uragjzy4dvYjxajdhjC0U8II5hz9X+tiVarcvYoRnWyKvbHI96fb2PFxnNy3tT1kMcno0iL2uKsyuKBC7ue9zW2aCPsixFtP3VDsBVYcKHF4QRrTDaOdJzhF4B3G3pR7tffD1SMgbhG9VkL0PH5ezLL9rONRd3rdAgqXpMH/GNQpmXFXpg9lrj/8JMABxWx3vEUrTKAAAAABJRU5ErkJggg=="); } .arrow { --w:calc( 21px / 2); --h:calc( 34px / 2); width: var(--w); width: var(--w); max-width: var(--w); -webkit-box-flex: 0; -ms-flex: 0 0 var(--w); flex: 0 0 var(--w); height: var(--h); background: url(/images/map/icons/arrow.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; } .etc_list li { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .etc_list li:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); } .btn, .close_btn, .back_btn, .switcher, .btn_panel .panel { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .btn:hover, .close_btn:hover, .back_btn:hover, .switcher:hover, .btn_panel .panel:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .slot a.figure img, .slot button.figure img { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .slot a.figure:hover img, .slot button.figure:hover img { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } a.circle, button.circle, .btn_func, .handler { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } a.circle:hover, button.circle:hover, .btn_func:hover, .handler:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } a.circle.active, button.circle.active, .btn_func.active, .handler.active { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } a.square, button.square { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } a.square:hover, button.square:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } a.square.active, button.square.active { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } a.square.selected:hover, button.square.selected:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: none; filter: none; } button.actions_item img { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } button.actions_item:hover img { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .etc_drop li > a:hover { -webkit-filter: none; filter: none; } .mini_info .mini_holder input { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .mini_info .mini_holder input:focus { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2); filter: saturate(2); } .nav_list > li:hover > .circle, .nav_list > li:hover > .square { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .dropdown_item:hover > .circle, .dropdown_item:hover > .square { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .panel_holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; } .panel_content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-y: auto; position: relative; height: 100%; padding: var(--size_border_local) 0; } .panel_content.has_shadow.has_shadow_top:before { content: ""; height: 40px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, #1f130d)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f130d 90%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f130d 90%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1f130d 90%); position: absolute; top: var(--size_border_local); left: var(--size_border_local); right: var(--size_border_local); z-index: 4; pointer-events: none; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); opacity: 0.8; } .table .panel_content.has_shadow.has_shadow_top:before { top: 0; left: 0; right: 0; } .panel_content.has_shadow.has_shadow_bottom:after { content: ""; height: 40px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, #1f130d)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f130d 90%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f130d 90%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1f130d 90%); position: absolute; bottom: var(--size_border_local); left: var(--size_border_local); right: var(--size_border_local); z-index: 4; pointer-events: none; } .tabs .panel_content.has_shadow.has_shadow_bottom:after { bottom: 0; } .table .panel_content.has_shadow.has_shadow_bottom:after { bottom: 0; left: 0; right: 0; } .panel { height: 100%; background: #180f0a var(--texture_panel); position: relative; -webkit-border-radius: calc(var(--indent) + 2px); border-radius: calc(var(--indent) + 2px); --size_border_local: calc(var(--size_border) / 2); --size_corner_local: calc(var(--size_corner) / 2); --width_decor_local: calc(var(--width_decor) / 2); --height_decor_local:calc(var(--height_decor) / 2); --corner_img_1_size_local:calc(var(--corner_img_1_size) / 2); --corner_img_2_width_local:calc(var(--corner_img_2_width) / 2); --corner_img_2_height_local:calc(var(--corner_img_2_height) / 2); --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2); } .panel.md { --size_border_local: calc(var(--size_border) / 2 * 0.75); --size_corner_local: calc(var(--size_corner) / 2 * 0.75); --width_decor_local: calc(var(--width_decor) / 2 * 0.75); --height_decor_local:calc(var(--height_decor) / 2 * 0.75); --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2 * 0.75); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2 * 0.75); -webkit-border-radius: calc(var(--indent) + 1px); border-radius: calc(var(--indent) + 1px); --corner_img_1_size_local:calc(var(--corner_img_1_size) / 2 * 0.75); --corner_img_2_width_local:calc(var(--corner_img_2_width) / 2 * 0.75 ); --corner_img_2_height_local:calc(var(--corner_img_2_height) / 2 * 0.75); } .panel.sm { --size_border_local: calc(var(--size_border) / 2 * 0.5); --size_corner_local: calc(var(--size_corner) / 2 * 0.5); --width_decor_local: calc(var(--width_decor) / 2 * 0.5); --height_decor_local:calc(var(--height_decor) / 2 * 0.5); --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2 * 0.5); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2 * 0.5); -webkit-border-radius: var(--indent); border-radius: var(--indent); --corner_img_1_size_local:calc(var(--corner_img_1_size) / 2 * 0.5); --corner_img_2_width_local:calc(var(--corner_img_2_width) / 2 * 0.5 ); --corner_img_2_height_local:calc(var(--corner_img_2_height) / 2 * 0.5); } .panel.selected > .panel_holder:after { content: ""; position: absolute; top: var(--size_border_local); left: var(--size_border_local); width: calc(100% - var(--size_border_local) * 2); height: calc(100% - var(--size_border_local) * 2); -webkit-box-shadow: inset 0 0 15px 4px #FFE600; box-shadow: inset 0 0 15px 4px #FFE600; -webkit-box-shadow: inset 0 0 10px 2px #FFE600; box-shadow: inset 0 0 10px 2px #FFE600; pointer-events: none; -webkit-border-radius: 7px; border-radius: 7px; } .panel.disabled { opacity: 0.7; -webkit-filter: saturate(0.5); filter: saturate(0.5); } .panel.disabled a, .panel.disabled button { pointer-events: none; } .panel.empty_panel .content_scroll { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .panel.card_panel { height: auto; } .panel.card_panel .card_prev { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .panel.card_panel .card_prev .holder { --wdth:calc((100% - 76px) / 2); -webkit-box-flex: 0; -ms-flex: 0 0 var(--wdth); flex: 0 0 var(--wdth); max-width: var(--wdth); } .panel.card_panel .card_prev .card_inner { width: 76px; max-width: 76px; -webkit-box-flex: 0; -ms-flex: 0 0 76px; flex: 0 0 76px; height: 76px; position: relative; margin-bottom: 10px; } .panel.card_panel .card_prev .card_inner .square_img { display: block; } .panel.card_panel .card_prev .card_inner .square_img .square_img_cont { height: 76px; } .panel.bg-transparent { background: rgba(24, 15, 10, 0.9); } .panel .bg_image_panel { position: absolute; top: var(--size_border_local); left: var(--size_border_local); width: calc(100% - var(--size_border_local) * 2); height: calc(100% - var(--size_border_local) * 2); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: none; } .panel .label_right_bottom { position: absolute; bottom: 0; right: 0; } .panel .part_top { position: relative; z-index: 6; } .panel .panel_holder { -webkit-border-radius: calc(var(--indent) + 2px); border-radius: calc(var(--indent) + 2px); background: var(--border_img_v), var(--border_img_v_right), var(--border_img_h), var(--border_img_h_bottom); background-position: 0 0, 100% 0, 0 0, 0 100%; background-repeat: repeat-y, repeat-y, repeat-x, repeat-x; -webkit-background-size: var(--size_border_local) auto, var(--size_border_local) auto, auto var(--size_border_local), auto var(--size_border_local); background-size: var(--size_border_local) auto, var(--size_border_local) auto, auto var(--size_border_local), auto var(--size_border_local); } .panel > .decor .corner { pointer-events: none; position: absolute; top: 0; left: 0; background: var(--corner_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: var(--size_corner_local); height: var(--size_corner_local); -webkit-border-radius: calc(var(--indent) + 2px) 0 0 0; border-radius: calc(var(--indent) + 2px) 0 0 0; } .panel > .decor .corner.right_top { left: auto; right: 0; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .panel > .decor .corner.right_bottom { top: auto; bottom: 0; left: auto; right: 0; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .panel > .decor .corner.left_bottom { top: auto; bottom: 0; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .panel.decor_2 > .decor .corner, .panel.decor_3 > .decor .corner { width: var(--corner_img_1_size_local); height: var(--corner_img_1_size_local); background: var(--corner_img_1) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .panel.decor_2 > .decor .corner.right_top, .panel.decor_3 > .decor .corner.right_top { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .panel.decor_2 > .decor .corner.right_bottom, .panel.decor_2 > .decor .corner.left_bottom, .panel.decor_3 > .decor .corner.right_bottom, .panel.decor_3 > .decor .corner.left_bottom { width: var(--corner_img_2_width_local); height: var(--corner_img_2_height_local); background: var(--corner_img_2) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .panel.decor_2 > .decor .corner.right_bottom, .panel.decor_3 > .decor .corner.right_bottom { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .panel.decor_3 > .decor .corner.right_bottom, .panel.decor_3 > .decor .corner.left_bottom { width: var(--corner_img_1_size_local); height: var(--corner_img_1_size_local); background: var(--corner_img_1) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; z-index: 5; } .panel > .decor:before, .panel > .decor:after { content: ""; width: var(--width_decor_local); height: var(--height_decor_local); display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(/images/map/panel/centered_corner.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; z-index: 5; } .panel > .decor:after { top: auto; bottom: 0; -webkit-transform: translateX(-50%) scale(-1, -1); -ms-transform: translateX(-50%) scale(-1, -1); transform: translateX(-50%) scale(-1, -1); } .panel.centered_corners_none > .decor:before, .panel.centered_corners_none > .decor:after { content: none; } .panel.horizontal > .decor:before, .panel.horizontal > .decor:after { background: url(/images/map/panel/centered_corner_vertical.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: var(--height_decor_local); height: var(--width_decor_local); top: 50%; left: 2px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .panel.horizontal > .decor:after { top: 50%; left: auto; right: 2px; -webkit-transform: translateY(-50%) scale(-1, -1); -ms-transform: translateY(-50%) scale(-1, -1); transform: translateY(-50%) scale(-1, -1); } .panel .scrollbar { height: calc(100% - var(--size_border_local) * 2.7 * 2); top: calc(var(--size_border_local) * 2.7); } .panel_header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: rgba(255, 0, 0, 0.2); padding: calc(var(--size_border_local) * 2.7 - var(--size_border_local)); position: relative; background: var(--border_img_h) repeat-x 0 100%; -webkit-background-size: auto var(--size_border_local); background-size: auto var(--size_border_local); margin-left: var(--size_border_local); margin-right: var(--size_border_local); } .panel_header:before, .panel_header:after { content: ""; width: var(--tab_size_cap_w_local); height: var(--tab_size_cap_h_local); background: var(--tab_img_cap) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: 4px; left: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .panel_header:after { left: auto; right: 0; -webkit-transform: translateY(50%) scaleX(-1); -ms-transform: translateY(50%) scaleX(-1); transform: translateY(50%) scaleX(-1); } .title_panel { position: relative; pointer-events: auto; } .title_panel:after { content: ""; position: absolute; bottom: 0; left: 100%; background: var(--decorate_img) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; --width:calc(var(--size_w) / 2); --height:calc(var(--size_h) / 2); width: var(--width); height: var(--height); z-index: -1; margin-left: -2px; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .part_footer { bottom: 0; left: 0; width: 100%; z-index: 7; pointer-events: none; } .part_footer a, .part_footer button { pointer-events: auto; } .circle, .mini_info .item_ico { --size_circle:calc(var(--size) / 2); display: inline-block; display: block; width: var(--size_circle); max-width: var(--size_circle); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size_circle); flex: 0 0 var(--size_circle); height: var(--size_circle); background: var(--circle_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; position: relative; padding: 0; border: 0; text-align: center; --size_5:calc(var(--size) / 2); --size_4:calc(var(--size) / 2 - 5px); --size_3:calc(var(--size) / 2* 0.819); --size_2:calc(var(--size) / 2* 0.7); --size_1:calc(var(--size) / 2* 0.6); --size_0:calc(var(--size) / 2* 0.435); } .circle.disabled, .mini_info .item_ico.disabled { opacity: 0.7; -webkit-filter: saturate(0.5); filter: saturate(0.5); pointer-events: none; } .circle.danger:before, .circle.success:before, .mini_info .item_ico.danger:before, .mini_info .item_ico.success:before { content: ""; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 1; } .circle.danger:before, .mini_info .item_ico.danger:before { -webkit-box-shadow: inset 0px 0px 5px #d83030; box-shadow: inset 0px 0px 5px #d83030; } .circle.success:before, .mini_info .item_ico.success:before { -webkit-box-shadow: inset 0px 0px 5px #31D96A; box-shadow: inset 0px 0px 5px #31D96A; } .circle .txt, .mini_info .item_ico .txt { font-style: normal; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #5f5653; } .circle img, .circle svg, .mini_info .item_ico img, .mini_info .item_ico svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; } @media only screen and (min-width: 1px) { .circle.size_5, .mini_info .item_ico.size_5 { --size_circle:var(--size_5); } } @media only screen and (min-width: 1px) { .circle.size_4, .mini_info .item_ico.size_4 { --size_circle:var(--size_4); } } @media only screen and (min-width: 1px) { .circle.size_3, .mini_info .item_ico.size_3 { --size_circle:var(--size_3); } } @media only screen and (min-width: 1px) { .circle.size_2, .mini_info .item_ico.size_2 { --size_circle:var(--size_2); } } @media only screen and (min-width: 1px) { .circle.size_1, .mini_info .item_ico.size_1 { --size_circle:var(--size_1); } } @media only screen and (min-width: 1px) { .circle.size_0, .mini_info .item_ico.size_0 { --size_circle:var(--size_0); } } @media only screen and (min-width: 1024px) { .circle.size_md_5, .mini_info .item_ico.size_md_5 { --size_circle:var(--size_5); } } @media only screen and (min-width: 1024px) { .circle.size_md_4, .mini_info .item_ico.size_md_4 { --size_circle:var(--size_4); } } @media only screen and (min-width: 1024px) { .circle.size_md_3, .mini_info .item_ico.size_md_3 { --size_circle:var(--size_3); } } @media only screen and (min-width: 1024px) { .circle.size_md_2, .mini_info .item_ico.size_md_2 { --size_circle:var(--size_2); } } @media only screen and (min-width: 1024px) { .circle.size_md_1, .mini_info .item_ico.size_md_1 { --size_circle:var(--size_1); } } @media only screen and (min-width: 1024px) { .circle.size_md_0, .mini_info .item_ico.size_md_0 { --size_circle:var(--size_0); } } @media only screen and (min-width: 1300px) { .circle.size_lg_5, .mini_info .item_ico.size_lg_5 { --size_circle:var(--size_5); } } @media only screen and (min-width: 1300px) { .circle.size_lg_4, .mini_info .item_ico.size_lg_4 { --size_circle:var(--size_4); } } @media only screen and (min-width: 1300px) { .circle.size_lg_3, .mini_info .item_ico.size_lg_3 { --size_circle:var(--size_3); } } @media only screen and (min-width: 1300px) { .circle.size_lg_2, .mini_info .item_ico.size_lg_2 { --size_circle:var(--size_2); } } @media only screen and (min-width: 1300px) { .circle.size_lg_1, .mini_info .item_ico.size_lg_1 { --size_circle:var(--size_1); } } @media only screen and (min-width: 1300px) { .circle.size_lg_0, .mini_info .item_ico.size_lg_0 { --size_circle:var(--size_0); } } @media only screen and (min-width: 1600px) { .circle.size_xl_5, .mini_info .item_ico.size_xl_5 { --size_circle:var(--size_5); } } @media only screen and (min-width: 1600px) { .circle.size_xl_4, .mini_info .item_ico.size_xl_4 { --size_circle:var(--size_4); } } @media only screen and (min-width: 1600px) { .circle.size_xl_3, .mini_info .item_ico.size_xl_3 { --size_circle:var(--size_3); } } @media only screen and (min-width: 1600px) { .circle.size_xl_2, .mini_info .item_ico.size_xl_2 { --size_circle:var(--size_2); } } @media only screen and (min-width: 1600px) { .circle.size_xl_1, .mini_info .item_ico.size_xl_1 { --size_circle:var(--size_1); } } @media only screen and (min-width: 1600px) { .circle.size_xl_0, .mini_info .item_ico.size_xl_0 { --size_circle:var(--size_0); } } .circle.emblem, .mini_info .item_ico.emblem { background: none; padding: 1px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .circle.emblem img, .mini_info .item_ico.emblem img { max-height: calc(100% - 5px); max-width: calc(100% - 5px); } .circle.emblem.top_center_img img, .mini_info .item_ico.emblem.top_center_img img { top: 0; left: 50%; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; max-height: none; max-width: none; width: calc(100% - 3px); } .circle.emblem:after, .mini_info .item_ico.emblem:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/images/map/circles/circle_empty_shadow.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .circle.emblem.no_shadow:after, .mini_info .item_ico.emblem.no_shadow:after { background: url(/images/map/circles/circle_empty.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .circle.left_center, .mini_info .item_ico.left_center { position: absolute; left: 0 !important; right: auto !important; top: 50% !important; bottom: auto !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .square, .mini_info.mini_info_square .item_ico { --square_size:calc(var(--size) / 2); width: var(--square_size); max-width: var(--square_size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--square_size); flex: 0 0 var(--square_size); height: var(--square_size); background: var(--square_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; position: relative; display: block; padding: 0; border: 0; --size_5:calc(var(--size) / 2); --size_4:calc(var(--size) / 2 - 5px); --size_3:calc(var(--size) / 2* 0.819); --size_2:calc(var(--size) / 2* 0.7); --size_1:calc(var(--size) / 2* 0.6); --size_0:calc(var(--size) / 2* 0.435); } .square.danger:before, .square.success:before, .mini_info.mini_info_square .item_ico.danger:before, .mini_info.mini_info_square .item_ico.success:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .square.danger:before, .mini_info.mini_info_square .item_ico.danger:before { -webkit-box-shadow: inset 0px 0px 5px #d83030; box-shadow: inset 0px 0px 5px #d83030; } .square.success:before, .mini_info.mini_info_square .item_ico.success:before { -webkit-box-shadow: inset 0px 0px 5px #31D96A; box-shadow: inset 0px 0px 5px #31D96A; } .square.selected, .mini_info.mini_info_square .item_ico.selected { -webkit-box-shadow: inset 0px 0px 1px 1px #FFB800; box-shadow: inset 0px 0px 1px 1px #FFB800; -webkit-border-radius: 1px; border-radius: 1px; } .square .txt, .mini_info.mini_info_square .item_ico .txt { font-style: normal; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #5f5653; } .square img, .mini_info.mini_info_square .item_ico img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; } @media only screen and (min-width: 1px) { .square.size_5, .mini_info.mini_info_square .item_ico.size_5 { --square_size:var(--size_5); } } @media only screen and (min-width: 1px) { .square.size_4, .mini_info.mini_info_square .item_ico.size_4 { --square_size:var(--size_4); } } @media only screen and (min-width: 1px) { .square.size_3, .mini_info.mini_info_square .item_ico.size_3 { --square_size:var(--size_3); } } @media only screen and (min-width: 1px) { .square.size_2, .mini_info.mini_info_square .item_ico.size_2 { --square_size:var(--size_2); } } @media only screen and (min-width: 1px) { .square.size_1, .mini_info.mini_info_square .item_ico.size_1 { --square_size:var(--size_1); } } @media only screen and (min-width: 1px) { .square.size_0, .mini_info.mini_info_square .item_ico.size_0 { --square_size:var(--size_0); } } @media only screen and (min-width: 1024px) { .square.size_md_5, .mini_info.mini_info_square .item_ico.size_md_5 { --square_size:var(--size_5); } } @media only screen and (min-width: 1024px) { .square.size_md_4, .mini_info.mini_info_square .item_ico.size_md_4 { --square_size:var(--size_4); } } @media only screen and (min-width: 1024px) { .square.size_md_3, .mini_info.mini_info_square .item_ico.size_md_3 { --square_size:var(--size_3); } } @media only screen and (min-width: 1024px) { .square.size_md_2, .mini_info.mini_info_square .item_ico.size_md_2 { --square_size:var(--size_2); } } @media only screen and (min-width: 1024px) { .square.size_md_1, .mini_info.mini_info_square .item_ico.size_md_1 { --square_size:var(--size_1); } } @media only screen and (min-width: 1024px) { .square.size_md_0, .mini_info.mini_info_square .item_ico.size_md_0 { --square_size:var(--size_0); } } @media only screen and (min-width: 1300px) { .square.size_lg_5, .mini_info.mini_info_square .item_ico.size_lg_5 { --square_size:var(--size_5); } } @media only screen and (min-width: 1300px) { .square.size_lg_4, .mini_info.mini_info_square .item_ico.size_lg_4 { --square_size:var(--size_4); } } @media only screen and (min-width: 1300px) { .square.size_lg_3, .mini_info.mini_info_square .item_ico.size_lg_3 { --square_size:var(--size_3); } } @media only screen and (min-width: 1300px) { .square.size_lg_2, .mini_info.mini_info_square .item_ico.size_lg_2 { --square_size:var(--size_2); } } @media only screen and (min-width: 1300px) { .square.size_lg_1, .mini_info.mini_info_square .item_ico.size_lg_1 { --square_size:var(--size_1); } } @media only screen and (min-width: 1300px) { .square.size_lg_0, .mini_info.mini_info_square .item_ico.size_lg_0 { --square_size:var(--size_0); } } @media only screen and (min-width: 1600px) { .square.size_xl_5, .mini_info.mini_info_square .item_ico.size_xl_5 { --square_size:var(--size_5); } } @media only screen and (min-width: 1600px) { .square.size_xl_4, .mini_info.mini_info_square .item_ico.size_xl_4 { --square_size:var(--size_4); } } @media only screen and (min-width: 1600px) { .square.size_xl_3, .mini_info.mini_info_square .item_ico.size_xl_3 { --square_size:var(--size_3); } } @media only screen and (min-width: 1600px) { .square.size_xl_2, .mini_info.mini_info_square .item_ico.size_xl_2 { --square_size:var(--size_2); } } @media only screen and (min-width: 1600px) { .square.size_xl_1, .mini_info.mini_info_square .item_ico.size_xl_1 { --square_size:var(--size_1); } } @media only screen and (min-width: 1600px) { .square.size_xl_0, .mini_info.mini_info_square .item_ico.size_xl_0 { --square_size:var(--size_0); } } .square_img { position: relative; display: inline-block; --size_corner_local: calc(var(--size_corner) / 2); } .square_img img { -webkit-border-radius: calc(var(--indent) + 2px); border-radius: calc(var(--indent) + 2px); } .square_img.md { --size_corner_local: calc(var(--size_corner) / 2 * 0.75); -webkit-border-radius: calc(var(--indent) + 1px); border-radius: calc(var(--indent) + 1px); } .square_img.sm { --size_corner_local: calc(var(--size_corner) / 2 * 0.5); -webkit-border-radius: var(--indent); border-radius: var(--indent); } .square_img:before, .square_img:after { content: ""; position: absolute; top: 0; left: 0; width: var(--size_corner_local); height: var(--size_corner_local); background: var(--corner_img) no-repeat; -webkit-background-size: cover; background-size: cover; pointer-events: none; z-index: 2; } .square_img:after { left: auto; top: auto; bottom: 0; right: 0; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .square_img .square_img_cont { position: relative; display: block; } .square_img .square_img_cont:before, .square_img .square_img_cont:after { content: ""; position: absolute; top: 0; right: 0; width: var(--size_corner_local); height: var(--size_corner_local); background: var(--corner_img) no-repeat; -webkit-background-size: cover; background-size: cover; pointer-events: none; z-index: 2; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .square_img .square_img_cont:after { top: auto; bottom: 0; right: auto; left: 0; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .mod_close { display: table; } .mod_close .close_btn { opacity: 0; visibility: hidden; } .mod_close:hover .close_btn { opacity: 1; visibility: visible; } .dropdown_item { position: relative; } .dropdown_item:hover > .drop_down, .dropdown_item:hover > .simple_drop, .dropdown_item li:hover > .drop_down, .dropdown_item li:hover > .simple_drop { display: block; } .simple_drop { position: absolute; top: 100%; left: 0; z-index: 10; display: none; } .simple_drop .content_scroll { padding: 0; } .simple_drop .panel_content { padding: var(--size_border_local) 0; } .simple_drop ul { padding: var(--size_border_local) 0 0; } .simple_drop ul li { padding: 7px 10px 10px; background-image: url(/images/map/ui/line_drop.png); -webkit-background-size: 100% 3px; background-size: 100% 3px; background-repeat: no-repeat; background-position: 0 100%; } .simple_drop ul li:last-of-type { background: none; } .drop_down { position: absolute; top: 100%; left: 0; z-index: 10; display: none; } .drop_down .content_scroll { padding: 0; } .panel_nav .drop_down { width: 250px; } @media only screen and (max-width: 1299.98px) { .panel_nav .drop_down { top: 0; left: 100%; padding-left: 10px; } .panel_nav .drop_down .drop_down { padding-left: 0; } } .drop_down ul { padding: var(--size_border_local) 0 0; } .drop_down ul li { position: relative; padding: 3px var(--size_border_local); } .drop_down ul li:after { content: ""; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; width: calc(100% - var(--size_border_local) * 2); height: var(--size_border_local); background: var(--border_img_h) 0 0 repeat-x; -webkit-background-size: auto var(--size_border_local); background-size: auto var(--size_border_local); z-index: 1; } .drop_down ul li:last-of-type:after { content: none; } .drop_down ul li a, .drop_down ul li .select_item { padding: 4px 7px; margin: 0 5px var(--size_border_local); color: #b8afaa; display: block; position: relative; } .drop_down ul li a:after, .drop_down ul li .select_item:after { content: ""; height: 100%; position: absolute; top: 0; left: 0; right: 0; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 5px #955100, 0 0 10px rgba(149, 81, 0, 0.5); box-shadow: inset 0 0 5px #955100, 0 0 10px rgba(149, 81, 0, 0.5); z-index: 3; opacity: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; background: rgba(149, 81, 0, 0.2); } .drop_down ul li a:hover, .drop_down ul li .select_item:hover { text-decoration: none; } .drop_down ul li a:hover:after, .drop_down ul li .select_item:hover:after { content: ""; height: 100%; position: absolute; top: 0; left: 0; right: 0; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 5px #955100, 0 0 10px rgba(149, 81, 0, 0.5); box-shadow: inset 0 0 5px #955100, 0 0 10px rgba(149, 81, 0, 0.5); z-index: 3; opacity: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; background: rgba(149, 81, 0, 0.2); opacity: 1 !important; } .drop_down ul li .drop_down { top: 0; left: 100%; } .drop_down ul li:hover .drop_down { display: block; } .drop_down ul li:hover > a:after { content: ""; height: 100%; position: absolute; top: 0; left: 0; right: 0; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 5px #955100, 0 0 10px rgba(149, 81, 0, 0.5); box-shadow: inset 0 0 5px #955100, 0 0 10px rgba(149, 81, 0, 0.5); z-index: 3; opacity: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; background: rgba(149, 81, 0, 0.2); opacity: 1 !important; } .drop_down ul li.has_drop > a, .drop_down ul li.has_drop > .select_item { padding-right: 20px; } .drop_down ul li.has_drop > a:before, .drop_down ul li.has_drop > .select_item:before { content: ""; --w:calc( 21px / 2); --h:calc( 34px / 2); width: var(--w); width: var(--w); max-width: var(--w); -webkit-box-flex: 0; -ms-flex: 0 0 var(--w); flex: 0 0 var(--w); height: var(--h); background: url(/images/map/icons/arrow.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .drop_down .etc_drop { padding-bottom: 5px; } .drop_down .etc_drop li { padding-top: 0; padding-bottom: 0; } .drop_down .etc_drop li > a, .drop_down .etc_drop li > .select_item { padding: 0 5px 0 48px; margin: 0; background-image: url(/images/map/ui/line_drop.png); -webkit-background-size: 100% 3px; background-size: 100% 3px; background-repeat: no-repeat; background-position: 0 100%; } @media only screen and (max-width: 1599.98px) { .drop_down .etc_drop li > a, .drop_down .etc_drop li > .select_item { padding: 0 5px 0 30px; } } .drop_down .etc_drop li > a:after, .drop_down .etc_drop li > .select_item:after { content: none !important; } .drop_down .etc_drop li > a:hover, .drop_down .etc_drop li > .select_item:hover { background-color: #2f1405; } .drop_down .etc_drop li .part_txt { padding-left: 15px; } .drop_down .etc_drop li .town_img { margin-top: 10px; margin-bottom: 15px; } .drop_down .etc_drop li.active { background-color: #2f1405; } .drop_down .etc_drop li:after { left: 0; bottom: 0; width: 100%; height: 10px; -webkit-transform: none; -ms-transform: none; transform: none; content: none; } .drop_down .etc_drop li:last-of-type > a, .drop_down .etc_drop li:last-of-type > .select_item { background-image: none; } .select .drop_down .grid_column .panel_holder .panel_content .etc_drop, .live_search .drop_down .grid_column .panel_holder .panel_content .etc_drop { padding: 0 !important; } .select .drop_down .grid_column .panel_holder .panel_content, .live_search .drop_down .grid_column .panel_holder .panel_content { padding: calc(var(--size_border_local)) 0 !important; } .drop_down .grid_column .panel_holder.scroll_js .panel_content { padding: 10px 0 !important; } .select .drop_down .grid_column .panel_holder.scroll_js .panel_content, .live_search .drop_down .grid_column .panel_holder.scroll_js .panel_content { padding: calc(var(--size_border_local)) 0 !important; } .drop_down .grid_column .panel_holder.scroll_js .panel_content .content_scroll { padding-right: 30px; } .select .drop_down .grid_column .panel_holder.scroll_js .panel_content .content_scroll, .live_search .drop_down .grid_column .panel_holder.scroll_js .panel_content .content_scroll { padding-right: 20px; padding-left: 0; } .drop_down .scrollbar { top: 10px; bottom: 10px; height: calc(100% - 20px); right: 12px; } .select .drop_down .scrollbar, .live_search .drop_down .scrollbar { right: 10px; } .tabs .hidden_part { display: none; } .tabs.tabs_responsive > .header_tab .tab_nav > ul { display: none !important; } .tabs.tabs_responsive .hidden_part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 calc(var(--size_border_local) * 2.7 - var(--size_border_local)) var(--size_border_local); height: 60px; } .tabs.tabs_responsive.tab_nav_big .hidden_part { height: 80px; } .tabs.tab_nav_big .tab_nav > ul > li { max-width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .tabs.tab_nav_big .tab_nav .link_holder { height: 80px; } .tabs .inner_height { background: none; } .tabs .inner_height .panel_content { padding: 0; } .tabs .inner_height .panel_content .scrollbar { top: 0; height: calc(100% - var(--size_border_local) * 1.5); } .line { --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--size_border_local); -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 var(--size_border_local); padding-right: calc(var(--size_border_local) * 2.7 - var(--size_border_local)); background: var(--border_img_h_bottom); background-position: 0 100%; background-repeat: repeat-x; -webkit-background-size: auto var(--size_border_local); background-size: auto var(--size_border_local); } .line.md { --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2 * 0.75); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2 * 0.75); } .line.sm { --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2 * 0.5); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2 * 0.5); } .line:before, .line:after { content: ""; width: var(--tab_size_cap_w_local); height: var(--tab_size_cap_h_local); background: var(--tab_img_cap) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: 4px; left: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .line:after { left: auto; right: 0; -webkit-transform: translateY(50%) scaleX(-1); -ms-transform: translateY(50%) scaleX(-1); transform: translateY(50%) scaleX(-1); } .header_tab { margin-bottom: calc(var(--size_border_local) * 2.7); } .tab_info .tab_info_content { padding: 0 calc(var(--size_border_local) * 2.7); } .tab_nav { --tab_size_active_local: calc(var(--tab_size_active) / 2); --tab_size_active_etc_w_local:calc(var(--tab_size_active_etc_w) / 2); --tab_size_active_etc_h_local:calc(var(--tab_size_active_etc_h) / 2); --tab_size_boder_local: calc(var(--tab_size_boder) / 2); --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2); --width_local:calc(var(--size_w) / 2.8); --height_local:calc(var(--size_h) / 2.8); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 var(--size_border_local); padding-bottom: var(--size_border_local); padding-right: calc(var(--size_border_local) * 2.7 - var(--size_border_local)); background: var(--border_img_h_bottom); background-position: 0 100%; background-repeat: repeat-x; -webkit-background-size: auto var(--size_border_local); background-size: auto var(--size_border_local); } .md .tab_nav { --tab_size_active_local: calc(var(--tab_size_active) / 2 * 0.75); --tab_size_boder_local: calc(var(--tab_size_boder) / 2 * 0.75); --width_local:calc(var(--size_w) / 2.8 * 0.75); --height_local:calc(var(--size_h) / 2.8 * 0.75); --tab_size_active_etc_w_local:calc(var(--tab_size_active_etc_w) / 2 * 0.75); --tab_size_active_etc_h_local:calc(var(--tab_size_active_etc_h) / 2 * 0.75); --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2 * 0.75); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2 * 0.75); } .sm .tab_nav { --tab_size_active_local: calc(var(--tab_size_active) / 2 * 0.5); --tab_size_boder_local: calc(var(--tab_size_boder) / 2 * 0.5); --width_local:calc(var(--size_w) / 2.8 * 0.5); --height_local:calc(var(--size_h) / 2.8 * 0.5); --tab_size_active_etc_w_local:calc(var(--tab_size_active_etc_w) / 2 * 0.5); --tab_size_active_etc_h_local:calc(var(--tab_size_active_etc_h) / 2 * 0.5); --tab_size_cap_w_local: calc(var(--tab_size_cap_w) / 2 * 0.5); --tab_size_cap_h_local: calc(var(--tab_size_cap_h) / 2 * 0.5); } .tab_nav:before, .tab_nav:after { content: ""; width: var(--tab_size_cap_w_local); height: var(--tab_size_cap_h_local); background: var(--tab_img_cap) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: 4px; left: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .tab_nav:after { left: auto; right: 0; -webkit-transform: translateY(50%) scaleX(-1); -ms-transform: translateY(50%) scaleX(-1); transform: translateY(50%) scaleX(-1); } .tab_nav .info_tab_part { margin-left: auto; } .tab_nav > .tab_nav_list { padding: 0 calc(var(--size_border_local) * 2.7 - var(--size_border_local)); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .tab_nav > .tab_nav_list > li { max-width: 65px; -webkit-box-flex: 0; -ms-flex: 0 0 65px; flex: 0 0 65px; text-align: center; margin-right: 12px; } .tab_nav > .tab_nav_list > li a { position: relative; } .tab_nav > .tab_nav_list > li a svg, .tab_nav > .tab_nav_list > li a img { opacity: 0.5; } .tab_nav > .tab_nav_list > li.active a { pointer-events: none; } .tab_nav > .tab_nav_list > li.active a svg, .tab_nav > .tab_nav_list > li.active a img { opacity: 1; } .tab_nav > .tab_nav_list > li.active a:after { content: ""; width: var(--tab_size_active_etc_w_local); height: var(--tab_size_active_etc_h_local); background: var(--tab_img_active_etc) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .tab_nav > .tab_nav_list > li.active a .link_holder:after, .tab_nav > .tab_nav_list > li.active a .link_holder:before { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .tab_nav > .tab_nav_list > li a { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: var(--border_img_v), var(--border_img_v_right), var(--border_img_h); background-position: 0 0, 100% 0, 0 0; background-repeat: repeat-y, repeat-y, repeat-x; -webkit-background-size: var(--size_border_local) auto, var(--size_border_local) auto, auto var(--size_border_local); background-size: var(--size_border_local) auto, var(--size_border_local) auto, auto var(--size_border_local); } .tab_nav > .tab_nav_list > li a .link_holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; position: relative; padding: var(--size_border_local); padding-bottom: 0; } .tab_nav > .tab_nav_list > li a .link_holder:after, .tab_nav > .tab_nav_list > li a .link_holder:before { content: ""; position: absolute; top: 0; left: 0; background: var(--decorate_img) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; width: var(--width_local); height: var(--height_local); } .tab_nav > .tab_nav_list > li a .link_holder:before { left: auto; right: 0; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .tab_nav > .tab_nav_list > li a .link_holder img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .tab_nav > .tab_nav_list > li.small_img a img { padding: 10px; } .tab_pane { display: none; } .tab_pane.active { display: block; } .tab_content.scroll_js { position: relative; overflow: hidden; display: grid; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; } .tab_content.scroll_js .scrollbar { display: -webkit-box; display: -ms-flexbox; display: flex; } .tab_content.scroll_js .content_scroll { overflow-y: auto; height: 100%; padding-right: 30px; scrollbar-width: none; grid-row: span 2; } .icon_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -3px; margin-right: -3px; } .icon_list .col_item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 3px 6px; } .icon_list.col_1 .col_item { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .icon_list.col_2 .col_item { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .icon_list.col_3 .col_item { max-width: 33.333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .icon_list.d-grid { --size_circle:calc(var(--size) / 2); margin-left: 0; margin-right: 0; --size_5:calc(var(--size) / 2); --size_4:calc(var(--size) / 2 - 5px); --size_3:calc(var(--size) / 2* 0.819); --size_2:calc(var(--size) / 2* 0.7); --size_1:calc(var(--size) / 2* 0.6); --size_0:calc(var(--size) / 2* 0.435); grid-template-columns: repeat(auto-fill, minmax(var(--size_circle), 1fr)); } .icon_list.d-grid.size_5 { --size_circle:var(--size_5); } .icon_list.d-grid.size_5 .square, .icon_list.d-grid.size_5 .circle { --size_circle:var(--size_5); } .icon_list.d-grid.size_4 { --size_circle:var(--size_4); } .icon_list.d-grid.size_4 .square, .icon_list.d-grid.size_4 .circle { --size_circle:var(--size_4); } .icon_list.d-grid.size_3 { --size_circle:var(--size_3); } .icon_list.d-grid.size_3 .square, .icon_list.d-grid.size_3 .circle { --size_circle:var(--size_3); } .icon_list.d-grid.size_2 { --size_circle:var(--size_2); } .icon_list.d-grid.size_2 .square, .icon_list.d-grid.size_2 .circle { --size_circle:var(--size_2); } .icon_list.d-grid.size_1 { --size_circle:var(--size_1); } .icon_list.d-grid.size_1 .square, .icon_list.d-grid.size_1 .circle { --size_circle:var(--size_1); } .icon_list.d-grid.size_0 { --size_circle:var(--size_0); } .icon_list.d-grid.size_0 .square, .icon_list.d-grid.size_0 .circle { --size_circle:var(--size_0); } .icon_list.d-grid .square, .icon_list.d-grid .circle { width: var(--size_circle); max-width: var(--size_circle); height: var(--size_circle); } .icon_list.d-grid .col_item { padding: 0; width: var(--size_circle); max-width: var(--size_circle); height: var(--size_circle); } .slot { --color_shadow:rgba(0,0,0,0.7); --size_corner_local:calc(var(--size_corner) / 2.7); } .slot .figure_holder { position: relative; width: 70px; height: 100px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1299.98px) { .slot .figure_holder { height: 85px; } } .slot .figure_holder .close_btn { top: 0; right: 0; position: absolute; z-index: 4; display: none; } .slot .figure_holder .square, .slot .figure_holder .circle { position: absolute; top: -1px; left: -1px; z-index: 4; display: none; } .slot .figure_holder .square.bottom_alert, .slot .figure_holder .circle.bottom_alert { top: auto; bottom: -1px; } .slot .figure_holder .square.bottom_right_alert, .slot .figure_holder .circle.bottom_right_alert { top: auto; left: auto; bottom: -4px; right: -4px; } .slot .figure { width: 100%; height: 100%; position: relative; display: block; padding: 0; border: 0; background: none; } .slot .figure:before, .slot .figure:after { content: ""; position: absolute; top: -1px; left: -1px; width: var(--size_corner_local); height: var(--size_corner_local); background: var(--corner_img) no-repeat; -webkit-background-size: cover; background-size: cover; pointer-events: none; z-index: 4; } .slot .figure:after { left: auto; top: auto; bottom: -2px; right: -1px; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .slot.has_close .figure_holder .close_btn { display: block; } .slot.has_top_alert .figure_holder .top_alert { display: block; } .slot.has_bottom_alert .figure_holder .bottom_alert { display: block; } .slot.has_bottom_right_alert .figure_holder .bottom_right_alert { display: block; } .slot.type_danger { --color_shadow:rgba(255,0,0,0.6); } .slot.type_active { --color_shadow:rgba(255,185,0,0.6); } .slot.type_active .mask:after { -webkit-box-shadow: inset 0 0 15px var(--color_shadow), inset 0 0 0 1px rgba(255, 185, 0, 0.3); box-shadow: inset 0 0 15px var(--color_shadow), inset 0 0 0 1px rgba(255, 185, 0, 0.3); } .slot.type_disabled { opacity: .3; cursor: inherit; } .slot.type_disabled .mask:before { content: none; } .slot.type_disabled:hover img { -webkit-transition: none; -o-transition: none; transition: none; -webkit-filter: none; filter: none; } .slot.type_warning { --color_shadow:rgba(255,111,0,0.6); } .slot.type_primary { --color_shadow:rgba(0,144,255,0.6); } .slot.has_no_text .text_holder { display: none; } .slot.has_sub_info .sub_info { display: block; } .slot .mask { width: 100%; height: 100%; position: relative; } .slot .mask img { z-index: 3; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .slot .mask:before, .slot .mask:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #a5aca7; mix-blend-mode: saturation; z-index: 1; } .slot .mask:after { mix-blend-mode: normal; background: none; -webkit-box-shadow: inset 0 0 15px var(--color_shadow); box-shadow: inset 0 0 15px var(--color_shadow); } .slot .text_holder { margin: 8px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .slot .sub_info { margin-left: auto; margin-right: auto; display: none; margin-top: 8px; } .text_holder { --size_x:110px; --size_y:44px; --text_holder_x:calc(var(--size_x) / 2); --text_holder_y:calc(var(--size_y) / 2); width: var(--text_holder_x); height: var(--text_holder_y); background: url(/images/map/square/txt_holder.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; } .sub_info { width: 120px; background: #180f0a; text-align: center; padding: 1px 5px; } .tooltip { display: block; position: fixed; z-index: var(--z-tooltip, 160); top: 0; left: 0; max-width: 320px; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; visibility: hidden; opacity: 0; pointer-events: none; } .tooltip .container { padding: 1em; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; width: auto; overflow: hidden; position: relative; } .table { width: 100%; } .table .panel_holder { background: none; } .table .panel_holder .panel_content { padding: 0; } .table .panel_holder .panel_content .scrollbar { top: 0; height: calc( 100% - var(--size_border_local)); } .table .panel_holder { background: none; } .table .panel_holder .panel_content { padding: 0; } .table .tr { display: table-row; } @media only screen and (max-width: 1599.98px) { .table .tr { font-size: 14px; } } .table .th, .table .td { display: table-cell; text-align: center; padding: 7px 11px; overflow: hidden; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .table .th .circle, .table .th .square, .table .td .circle, .table .td .square { display: inline-block; } .table .th:first-child, .table .td:first-child { padding-left: 20px; } .table .th:first-of-type, .table .td:first-of-type { text-align: left; } .table .table_header, .table .table_body { display: table; width: 100%; } .table .table_header.align-middle .th, .table .table_header.align-middle .td, .table .table_body.align-middle .th, .table .table_body.align-middle .td { vertical-align: middle; } .table .table_body .tr { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .table .table_body .tr.selected { -webkit-box-shadow: inset 0 0 10px 2px #FFE600; box-shadow: inset 0 0 10px 2px #FFE600; } .table .table_body .tr.selected:hover { background: none; } .table .table_body .tr:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); background: #2F1405; } .teh { width: 146px; height: 225px; --color_1: #101D1B; --color_2: #140101; --color_3: #290B0B; --color_4: #131832; } .teh.has_locked .lock { display: block; } .teh.color_1 > .panel { background: var(--color_1); } .teh.color_2 > .panel { background: var(--color_2); } .teh.color_3 > .panel { background: var(--color_3); } .teh.color_4 > .panel { background: var(--color_4); } .teh .panel_holder { padding: var(--size_border_local); } .teh .lock { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(24, 15, 10, 0.8); } .teh .lock img { display: block; position: absolute; top: 50%; left: 50%; -webkit-border-radius: 0; border-radius: 0; width: 21px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .teh .square_img { height: 76px; width: 76px; display: block; } .teh .square_img .square_img_cont { width: 100%; height: 100%; } .teh .btn { font-size: 14px; display: block; } .teh .btn.teh_btn_need_res { opacity: 0.55; cursor: help; } .teh .btn span { --paddings_local: calc(var(--py) * 0.4) calc(var(--px) * 0.65); } .teh p { font-size: 14px; } .teh .timer { background: #180f0a; font-size: 14px; line-height: 20px; min-width: 86px; padding: 3px 5px; margin-left: auto; margin-right: auto; } .teh .select { margin-left: auto; margin-right: auto; } .teh .top_part { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; text-align: center; } .teh .top_part .holder_img { display: table; margin-left: auto; margin-right: auto; position: relative; } .teh .top_part .holder_img .icon_list { position: absolute; margin: 0; top: 0; right: 100%; z-index: 3; } .teh .top_part .holder_img .icon_list > div { margin-bottom: 8px; } .teh .bottom_part { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .teh .bottom_part p, .teh .bottom_part .btn, .teh .bottom_part .checkbox, .teh .bottom_part .timer, .teh .bottom_part .select { display: none; } .teh.has_alert .bottom_part p { display: block; } .teh.has_btn .bottom_part .btn { display: block; } .teh.has_checkbox .bottom_part .checkbox { display: block; text-align: left; } .teh.has_timer .bottom_part .timer { display: block; } .teh.has_select .bottom_part .select { display: block; } .frame_title { --frame_w_local: calc(var(--frame_w) / 2); --frame_h_local: calc(var(--frame_h) / 2); position: relative; height: 47px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1; font-weight: 700; z-index: 1; } .frame_title:after { content: ""; width: var(--frame_w_local); height: var(--frame_h_local); background: var(--frame_bg) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: -3px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; z-index: -1; } .frame_title.md { --frame_w_local: calc(var(--frame_w) / 2.51); --frame_h_local: calc(var(--frame_h) / 2.51); height: 37px; } .frame_title.disabled { -webkit-filter: saturate(0.1); filter: saturate(0.1); pointer-events: none; opacity: .4; } .frame_title span { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; width: calc(100% - 20px); height: calc(100% - 10px); } .modal { max-width: 480px; width: 100%; } .modal_container { --indent_y:40px; --indent_x:15px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; z-index: 1100; overflow: hidden; pointer-events: none; align-items: center; justify-content: center; padding: var(--indent_y) var(--indent_x); } .modal_container .modal { pointer-events: none; flex: 0 1 auto; min-height: 0; display: flex; align-items: center; } .modal_container .modal > .panel { pointer-events: auto; width: 100%; } .modal_container .modal > .panel > .panel_holder { max-height: calc(100vh - var(--indent_y) * 2); } .modal_lg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 700px; margin: 0 auto; padding: 112px 27px 101px; background: none; z-index: 12; } @media only screen and (max-width: 1023.98px) { .modal_lg { padding: 0; } } .modal_lg .horizontal-borders { position: absolute; top: 0; left: 0; right: 0; height: 100%; pointer-events: none; z-index: 10; background: var(--border_modal_img_h), var(--border_modal_img_h_bottom); background-position: 0 0, 0 100%; background-repeat: repeat-x, repeat-x; background-size: auto auto, auto auto; } @media only screen and (max-width: 1023.98px) { .modal_lg .horizontal-borders { display: none; } } .modal_lg .horizontal-borders .modal_title { margin: 83px auto 0; font-size: 22px; text-align: center; } .modal_lg::before, .modal_lg::after { content: ""; position: absolute; top: 120px; width: var(--size_border_modal); height: calc(100% - 300px); background-repeat: repeat-y; background-size: var(--size_border_modal) auto; pointer-events: none; z-index: 1; } @media only screen and (max-width: 1023.98px) { .modal_lg::before, .modal_lg::after { display: none; } } .modal_lg::before { left: 17px; background-image: var(--border_modal_img_v); } .modal_lg::after { right: 17px; background-image: var(--border_modal_img_v_right); } .modal_lg .panel { position: relative; z-index: 5; } .modal_lg .panel .panel_header { height: 176px; padding: 0; } @media only screen and (max-width: 1023.98px) { .modal_lg .panel .panel_header { display: none; } } .modal_lg .panel .panel_header_img { width: 100%; height: 100%; object-fit: cover; } .modal_lg .panel_content { padding-bottom: 34px; } .modal_lg .panel_content h1 { display: flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; margin: 27px auto 20px; min-width: 200px; height: 60px; padding: 13px 29px 0px; background-image: url("/images/map/modal/title_corner_l.png"), url("/images/map/modal/title_corner.png"); background-repeat: no-repeat, no-repeat; background-position: left center, right center; background-size: auto 100%, auto 100%; } .modal_lg .panel_content h1::after { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: calc(100% - 46px); height: 100%; background-image: url("/images/map/modal/title_patternx2.png"); background-repeat: repeat-x; background-size: 100% 100%; pointer-events: none; } .modal_lg .panel_content h1::before { content: ""; position: absolute; top: -2%; left: 50%; transform: translate(-50%, 0%); width: 122px; height: 24px; background-image: url("/images/map/modal/title_center.png"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; } .modal_lg .panel_content h1 span { font-size: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; line-height: 1; position: relative; } @media only screen and (min-width: 1024px) { .modal_lg .panel_content h1 { display: none; } } .modal_lg .panel_content h2 span { opacity: 0.5; } .modal_lg .d-flex { width: 100%; } .modal_lg .d-grid { width: 100%; grid-template-columns: repeat(2, 1fr); gap: 10px; } .modal_lg .d-grid > :first-child { grid-column: 1/-1; } .modal_lg .d-grid > :last-child:nth-child(even):not(:first-child) { grid-column: 1/-1; } .modal_lg .d-grid .btn { width: 100%; font-size: 14px; } .item_person { --person_frame_w_local: calc(var(--person_frame_w) / 2); --person_frame_h_local: calc(var(--person_frame_h) / 2); width: var(--person_frame_w_local); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-left: auto; margin-right: auto; } .item_person .person_header { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .item_person .person_card { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .person_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; padding: 10px; } .person_frame { width: var(--person_frame_w_local); min-height: var(--person_frame_h_local); height: auto; background: var(--person_frame_bg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: -31px; position: relative; z-index: 1; padding: 31px 25px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: visible; word-break: break-all; } .person_frame.disabled { -webkit-filter: saturate(0.1); filter: saturate(0.1); pointer-events: none; opacity: .4; } .person { --person_w_local: calc(var(--person_w) / 2); --person_h_local: calc(var(--person_h) / 2); --bg_local: var(--person_neutral); position: relative; width: var(--person_w_local); max-width: var(--person_w_local); -webkit-box-flex: 0; -ms-flex: 0 0 var(--person_w_local); flex: 0 0 var(--person_w_local); height: var(--person_h_local); } .person.silver { --bg_local: var(--person_silver); } .person.gold { --bg_local: var(--person_gold); --gold_h: calc(238px / 2); } .person.bronze { --bg_local: var(--person_bronze); } .person.wood { --bg_local: var(--person_wood); } .person.disabled { opacity: .4; -webkit-filter: saturate(0.1); filter: saturate(0.1); pointer-events: none; } .person.prison .img_person:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--prison) no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 2; pointer-events: none; } .person.big { --person_w_local: calc(var(--person_big_w) / 2); --person_h_local: calc(var(--person_big_h) / 2); } .person.woman .img_person .holder { background: #163225; } .person .img_person { width: 100%; height: 100%; padding: 10px; } .person .img_person .holder { position: relative; display: block; width: 100%; height: 100%; background: #180f0a; border: 0; color: #b8afaa; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .person .img_person .holder:hover { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .person .img_person .holder .empty_holder { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; padding: 10px; display: block; } .person .img_person .holder > img { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .person .img_person:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; background: var(--bg_local) no-repeat; -webkit-background-size: cover; background-size: cover; pointer-events: none; } .person .info_ico { position: absolute; top: -10px; bottom: -10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); z-index: 3; } .person .info_ico .circle { margin-top: 3px; margin-bottom: 3px; } .person .info_ico_left { position: absolute; top: 0; left: 0; z-index: 3; } .popup .content_scroll { min-height: 70px; } #build_popup { position: fixed; z-index: 1200; pointer-events: auto; } #build_popup .content_scroll { min-height: 0; } .scroll_js .content_scroll { -ms-overflow-style: none; scrollbar-width: none; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; } .scroll_js .content_scroll::-webkit-scrollbar { width: 0; height: 0; } .content_scroll { padding: 0 calc(var(--size_border_local) * 2.7); } .grid_column { height: auto !important; } .grid_column > .panel_holder { display: grid; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; } .grid_column > .panel_holder > .panel_content { grid-row: span 2; overflow: visible; min-width: 0; } .grid_column > .panel_holder.scroll_js .panel_content { overflow: hidden; } .grid_column > .panel_holder.scroll_js .content_scroll { overflow-y: auto; height: 100%; padding-right: calc(var(--size_border_local) * 3.7); } .table .scroll_js .content_scroll { padding-right: 12px !important; } .table .scroll_js .scrollbar { right: 5px; } .scrollbar { --size_scroll_bar:calc(var(--scroll_bar_size) / 2); --scroll_button_width:calc(var(--scroll_button_w) / 2); --scroll_button_height:calc(var(--scroll_button_h) / 2); --scroll_handler_width:calc(var(--scroll_handler_w) / 2); --scroll_handler_height:calc(var(--scroll_handler_h) / 2); position: absolute; top: 0; bottom: 0; right: 12px; width: 16px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 6; display: none; } .scroll_js > .panel_content > .scrollbar { display: -webkit-box; display: -ms-flexbox; display: flex; } .scrollbar .btn_func { width: var(--scroll_button_width); height: var(--scroll_button_height); background: green; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: var(--scroll_button_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .scrollbar .btn_func.arrow_next { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .scrollbar .bar { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; background: var(--scroll_bar_img) repeat-y 0 0; -webkit-background-size: var(--size_scroll_bar) auto; background-size: var(--size_scroll_bar) auto; } .scrollbar .bar .handler { background: var(--scroll_handler_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: var(--scroll_handler_width); height: var(--scroll_handler_height); position: absolute; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); display: block; } .wide_padding .scroll_js .content_scroll { padding-right: calc(var(--size_border_local) * 3.25) !important; } .column_person.scroll_js .content_scroll { padding-right: calc(var(--size_border_local) * 3.25) !important; } .column_person.scroll_js .scrollbar { right: 0 !important; } .slider { --size_slider_bar: calc(var(--slider_bar_size) / 2); --slider_button_width: calc(var(--slider_button_w) / 2); --slider_button_height: calc(var(--slider_button_h) / 2); --slider_handler_width: calc(var(--slider_handler_w) / 2); --slider_handler_height: calc(var(--slider_handler_h) / 2); padding-bottom: 20px; } .slider .mini_info { display: none; } .slider.has_mini_info .mini_info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider.has_mini_info .mini_info label { margin: 5px 0; } .slider.has_mini_info .mini_info .mini_holder { max-width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; margin: 5px 0; } .slider_holder { position: relative; } .slider_holder .slider_bar { height: var(--size_slider_bar); background: var(--slider_bar_img) repeat-x 0 0; -webkit-background-size: auto var(--size_slider_bar); background-size: auto var(--size_slider_bar); margin: 0 calc(var(--slider_button_width) - 8px); padding: 0 7px; } .slider_holder .decor_slider { width: var(--slider_button_width); height: var(--slider_button_height); background: var(--slider_button_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; position: absolute; top: 50%; left: 0; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider_holder .decor_slider.slider_next { -webkit-transform: scale(-1, 1) translateY(-50%); -ms-transform: scale(-1, 1) translateY(-50%); transform: scale(-1, 1) translateY(-50%); right: 0; left: auto; } .slider_holder .slider_progress { height: 100%; position: relative; } .slider_holder .slider_progress:after { content: ""; height: 100%; width: calc(100% + 7px); position: absolute; top: 0; left: -7px; background: #F1EFEF; mix-blend-mode: overlay; } .slider_holder .handler { width: var(--slider_handler_width); height: var(--slider_handler_height); background: var(--slider_handler_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; position: absolute; z-index: 2; right: 0; bottom: 0; -webkit-transform: translate(50%, 45%); -ms-transform: translate(50%, 45%); transform: translate(50%, 45%); } .filled { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(calc(-50% - 3px)); -ms-transform: translateY(calc(-50% - 3px)); transform: translateY(calc(-50% - 3px)); height: var(--size_slider_bar); background-color: #FFF; mix-blend-mode: overlay; pointer-events: none; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .range_slider { position: relative; margin: 0 calc(var(--slider_button_width) - 8px); } .range_slider:before, .range_slider:after { content: ""; width: var(--slider_button_width); height: var(--slider_button_height); background: var(--slider_button_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; position: absolute; top: 50%; left: -10px; z-index: 3; -webkit-transform: translateY(calc(-50% - 3px)); -ms-transform: translateY(calc(-50% - 3px)); transform: translateY(calc(-50% - 3px)); pointer-events: none; } .range_slider:after { left: auto; right: -10px; -webkit-transform: translateY(calc(-50% - 3px)) scaleX(-1); -ms-transform: translateY(calc(-50% - 3px)) scaleX(-1); transform: translateY(calc(-50% - 3px)) scaleX(-1); } [type="range"] { margin: 0; padding: 0; width: 100%; max-width: 100%; height: var(--slider_handler_height); background: transparent; font-size: 0; line-height: 0; } [type="range"], [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; } [type="range"]::-webkit-slider-runnable-track { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; width: 100%; max-width: 100%; height: var(--size_slider_bar); background: var(--slider_bar_img); -webkit-background-size: auto var(--size_slider_bar); background-size: auto var(--size_slider_bar); } [type="range"]::-moz-range-track { box-sizing: border-box; border: none; width: 100%; max-width: 100%; height: var(--size_slider_bar); background: var(--slider_bar_img); background-size: auto var(--size_slider_bar); } [type="range"]::-ms-track { box-sizing: border-box; border: none; width: 100%; max-width: 100%; height: var(--size_slider_bar); background: var(--slider_bar_img); background-size: auto var(--size_slider_bar); } [type="range"]::-moz-range-progress { height: var(--size_slider_bar); } [type="range"]::-ms-fill-lower { height: var(--size_slider_bar); } [type="range"]::-webkit-slider-thumb { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; width: var(--slider_handler_width); height: var(--slider_handler_height); -webkit-border-radius: 0; border-radius: 0; background: var(--slider_handler_img) no-repeat; -webkit-background-size: cover; background-size: cover; margin-top: -10px; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } [type="range"]::-webkit-slider-thumb:hover, [type="range"]::-webkit-slider-thumb:focus, [type="range"]::-webkit-slider-thumb:active { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } [type="range"]::-moz-range-thumb { box-sizing: border-box; border: none; width: var(--slider_handler_width); height: var(--slider_handler_height); border-radius: 0; background: var(--slider_handler_img) no-repeat; background-size: cover; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } [type="range"]::-moz-range-thumb:hover, [type="range"]::-moz-range-thumb:focus, [type="range"]::-moz-range-thumb:active { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); filter: saturate(2) brightness(1.5); } [type="range"]::-ms-thumb { box-sizing: border-box; border: none; width: var(--slider_handler_width); height: var(--slider_handler_height); border-radius: 0; background: var(--slider_handler_img) no-repeat; background-size: cover; margin-top: 0; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } [type="range"]::-ms-thumb:hover, [type="range"]::-ms-thumb:focus, [type="range"]::-ms-thumb:active { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); filter: saturate(2) brightness(1.5); } [type="range"]::-ms-tooltip { display: none; } .checkbox { line-height: 0; } .checkbox.checkbox_no_label label .checkbox_label { display: none; } .checkbox.checkbox_has_img [type="checkbox"]:checked ~ .checkbox_item:after { content: none; } .checkbox label { --square_size:calc(var(--size) / 2 * 0.435); --checkbox_mark_width:calc(var(--checkbox_mark_w) / 2); --checkbox_mark_height:calc(var(--checkbox_mark_h) / 2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .checkbox label .checkbox_item { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .checkbox label:hover .checkbox_item { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .checkbox label img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: calc( 100% - 5px); max-height: calc( 100% - 5px); z-index: 2; opacity: 0; } .checkbox label [type="checkbox"]:disabled ~ .checkbox_label, .checkbox label [type="checkbox"]:disabled ~ .checkbox_item { opacity: .5; } .checkbox label [type="checkbox"]:checked, .checkbox label [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; display: none; } .checkbox label [type="checkbox"]:checked ~ .checkbox_item, .checkbox label [type="checkbox"]:not(:checked) ~ .checkbox_item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: var(--square_size); max-width: var(--square_size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--square_size); flex: 0 0 var(--square_size); height: var(--square_size); background: var(--square_img) no-repeat 0 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-size: cover; background-size: cover; position: relative; } .checkbox label [type="checkbox"]:checked ~ .checkbox_item:after, .checkbox label [type="checkbox"]:not(:checked) ~ .checkbox_item:after { content: ""; position: absolute; top: 3px; left: 5px; opacity: 0; width: var(--checkbox_mark_width); height: var(--checkbox_mark_height); background: var(--checkbox_mark_img); -webkit-background-size: cover; background-size: cover; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .checkbox label [type="checkbox"]:checked ~ .checkbox_label, .checkbox label [type="checkbox"]:not(:checked) ~ .checkbox_label { position: relative; margin: 2px 0 2px 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #5f5653; font-size: 16px; line-height: 1.5; } .checkbox label [type="checkbox"]:checked ~ .checkbox_item img { opacity: 1; } .checkbox label [type="checkbox"]:checked ~ .checkbox_label { color: #b8afaa; } .checkbox label [type="checkbox"]:checked ~ .checkbox_item:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .toggle span { display: inline-block; padding: 0 10px; line-height: 28px; } .toggle label { position: relative; width: 48px; height: 28px; display: inline-block; background-color: black; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #4e382b; } .toggle .switch { position: absolute; width: 20px; height: 20px; background-color: #94613a; -webkit-border-radius: 5px; border-radius: 5px; margin: 2px; left: 0; -webkit-transition: left 0.2s cubic-bezier(0.3, 2.5, 0.5, 1); -o-transition: left 0.2s cubic-bezier(0.3, 2.5, 0.5, 1); transition: left 0.2s cubic-bezier(0.3, 2.5, 0.5, 1); } .toggle input { visibility: hidden; } .toggle input:checked ~ .switch { left: calc(100% - 24px); -webkit-transition: left 0.2s cubic-bezier(0.3, 2.5, 0.5, 1); -o-transition: left 0.2s cubic-bezier(0.3, 2.5, 0.5, 1); transition: left 0.2s cubic-bezier(0.3, 2.5, 0.5, 1); } .section_accordion.closed.short .accordion_hidden_part { max-height: 25px; } .section_accordion.closed .accordion_hidden_part { position: relative; max-height: 200px; overflow: hidden; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(75%, black), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(top, black 0%, black 75%, rgba(0, 0, 0, 0) 100%); mask-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(75%, black), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(180deg, black 0%, black 75%, rgba(0, 0, 0, 0) 100%); -webkit-mask-mode: alpha; mask-mode: alpha; } .section_accordion.closed .accordion_hidden_part.text_part { max-height: 34px; } .section_accordion.closed .accordion_hidden_part.short_part { max-height: 50px; } .section_accordion h4 { padding-bottom: 10px; margin-bottom: 0; } .section_accordion h3 { font-size: 20px; margin-bottom: 0; } .mini_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mini_info .item_ico { z-index: 2; margin-right: -10px; } .mini_info.no_item_ico .item_ico { display: none !important; } .mini_info label { padding-right: 10px; margin: 0; display: none; } .mini_info.label label { display: block; } .mini_info .mini_holder { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 0; min-width: 50px; position: relative; } .mini_info .mini_holder input { margin: 0; padding: 0 15px; color: #b8afaa; outline: none; text-align: center; width: 100%; min-width: 50px; line-height: 22px; border: 2px solid #6a5741; background: #180F0A; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 5px #955100; box-shadow: inset 0 0 5px #955100; } .mini_info .mini_holder input:disabled { opacity: 1; border-color: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .mini_info .mini_holder input[type=number] { -moz-appearance: textfield; } .mini_info .mini_holder input[type=number]::-webkit-outer-spin-button, .mini_info .mini_holder input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; } .mini_info.has_error .mini_holder input { border-color: red; } .select, .live_search { position: relative; } .select .content_scroll, .live_search .content_scroll { padding-right: 0 !important; } .select .scroll_js .content_scroll, .live_search .scroll_js .content_scroll { padding-right: calc(var(--size_border_local) * 3.7) !important; } .select .select_header .select_item, .live_search .select_header .select_item { overflow: hidden; } .select .select_header .panel_holder, .live_search .select_header .panel_holder { width: 100%; border: 0; outline: 0; text-align: left; color: #b8afaa; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: auto !important; padding: 11px 38px 11px 16px; } .select .select_header .panel_holder span, .live_search .select_header .panel_holder span { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .select .select_header .panel_holder .ico, .live_search .select_header .panel_holder .ico { margin-right: 12px; max-width: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .select .select_header .panel_holder .ico img, .live_search .select_header .panel_holder .ico img { max-width: 100%; display: block; height: auto; } .select .select_header .panel_holder:after, .live_search .select_header .panel_holder:after { content: ""; --w:calc( 21px / 2); --h:calc( 34px / 2); width: var(--w); width: var(--w); max-width: var(--w); -webkit-box-flex: 0; -ms-flex: 0 0 var(--w); flex: 0 0 var(--w); height: var(--h); background: url(/images/map/icons/arrow.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); z-index: 1; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .select.select_drop_up .drop_down, .live_search.select_drop_up .drop_down { bottom: 100%; top: auto; } .select.select_drop_right .drop_down, .live_search.select_drop_right .drop_down { left: auto; right: 0; } .select.select_100p .drop_down, .live_search.select_100p .drop_down { width: 100%; } .select .drop_down, .live_search .drop_down { width: auto; } .select .drop_down .etc_drop li.active, .live_search .drop_down .etc_drop li.active { background: none; } .select .drop_down .etc_drop li.active > a, .select .drop_down .etc_drop li.active > .select_item, .live_search .drop_down .etc_drop li.active > a, .live_search .drop_down .etc_drop li.active > .select_item { background-color: #2f1405; } .select .drop_down .etc_drop li > a, .select .drop_down .etc_drop li > .select_item, .live_search .drop_down .etc_drop li > a, .live_search .drop_down .etc_drop li > .select_item { font-weight: normal; padding: 6px 12px 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select .drop_down .etc_drop li > a .ico, .select .drop_down .etc_drop li > .select_item .ico, .live_search .drop_down .etc_drop li > a .ico, .live_search .drop_down .etc_drop li > .select_item .ico { margin-right: 12px; max-width: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; } .select .drop_down .etc_drop li > a .ico img, .select .drop_down .etc_drop li > .select_item .ico img, .live_search .drop_down .etc_drop li > a .ico img, .live_search .drop_down .etc_drop li > .select_item .ico img { display: block; max-width: 100%; height: auto; } .select.opened .select_header .panel_holder:after, .live_search.opened .select_header .panel_holder:after { -webkit-transform: translateY(-50%) rotate(90deg) scale(-1, -1); -ms-transform: translateY(-50%) rotate(90deg) scale(-1, -1); transform: translateY(-50%) rotate(90deg) scale(-1, -1); -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); } .select.opened .drop_down, .live_search.opened .drop_down { display: block; } .property.closed .property_holder { display: none; } .property .property_head { padding-bottom: 10px; } .property .property_prev img { -o-object-fit: contain; object-fit: contain; max-width: 80%; max-height: 80%; } .property .property_details { padding-left: 16px; } .property .property_details .property_details_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -8px; margin-right: -8px; } .property .property_details h3 { font-size: 16px; font-weight: 700; margin: 0; } .property .property_details .column { padding-left: 8px; padding-right: 8px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 0; } .property .property_info { padding-bottom: 10px; } .property .property_info h4 { line-height: 22px; margin: 0; padding-bottom: 10px; } .property .property_section h3 { margin: 0; font-size: 20px; padding-right: 15px; } .property_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -10px; margin-right: -10px; } .property_row .mini_info { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; } .property_row.col_2 .mini_info { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .property_row.col_3 .mini_info { max-width: 33.333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .input_control { --size_border_local: calc(var(--size_border) / 2 * 0.5); --size_corner_local: calc(var(--size_corner) / 2 * 0.5); --width_decor_local: calc(var(--width_decor) / 2 * 0.5); --height_decor_local:calc(var(--height_decor) / 2 * 0.5); background: var(--border_img_v), var(--border_img_v_right), var(--border_img_h), var(--border_img_h_bottom); background-position: 0 0, 100% 0, 0 0, 0 100%; background-repeat: repeat-y, repeat-y, repeat-x, repeat-x; -webkit-background-size: var(--size_border_local) auto, var(--size_border_local) auto, auto var(--size_border_local), auto var(--size_border_local); background-size: var(--size_border_local) auto, var(--size_border_local) auto, auto var(--size_border_local), auto var(--size_border_local); position: relative; height: 42px; } .input_control:before, .input_control:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; background: var(--corner_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: var(--size_corner_local); height: var(--size_corner_local); -webkit-border-radius: calc(var(--indent) + 2px) 0 0 0; border-radius: calc(var(--indent) + 2px) 0 0 0; } .input_control:after { left: auto; right: 0; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .input_control .input_ico { display: none; width: 43px; height: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .input_control.has_ico .input_ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 var(--size_border_local); } .input_control.has_ico .input_ico:after, .input_control.has_ico .input_ico:before { content: ""; width: 1px; height: 18px; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; position: absolute; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); background: #5f5653; } .input_control.has_ico input { padding-left: 54px; } .input_control .show_pass { display: none; } .input_control .show_pass .opened { display: none; } .input_control.password_active .show_pass .opened { display: block; } .input_control.password_active .show_pass .locked { display: none; } .input_control .input_bg { height: 100%; position: relative; padding: var(--size_border_local); } .input_control .input_bg:before, .input_control .input_bg:after { content: ""; pointer-events: none; position: absolute; bottom: 0; left: 0; background: var(--corner_img) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: var(--size_corner_local); height: var(--size_corner_local); -webkit-border-radius: calc(var(--indent) + 2px) 0 0 0; border-radius: calc(var(--indent) + 2px) 0 0 0; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .input_control .input_bg:after { left: auto; right: 0; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .input_control input { padding: 7px 15px; background: none; background-color: #180f0a; border: 0; margin: 0; outline: none; width: 100%; color: #C4BAB5; height: 100%; -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); } .input_control input[type="password"] { padding-right: 30px; } .input_control input::-webkit-input-placeholder { color: #5f5653; opacity: 1; } .input_control input:-moz-placeholder { color: #5f5653; opacity: 1; } .input_control input::-moz-placeholder { color: #5f5653; opacity: 1; } .input_control input:-ms-input-placeholder { color: #5f5653; opacity: 1; } .input_control input:placeholder { color: #5f5653; opacity: 1; } .input_control input:not(:placeholder-shown) ~ span svg path { fill: #C4BAB5 !important; } .input_control input:not(:placeholder-shown) ~ .input_ico:before, .input_control input:not(:placeholder-shown) ~ .input_ico:after { content: ""; width: 1px; height: 2px; top: 35%; } .input_control input:not(:placeholder-shown) ~ .input_ico:after { top: 60%; } .input_control input:not(:placeholder-shown) ~ .show_pass { width: 30px; height: 100%; position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; padding: var(--size_border_local); } .input_control input:not(:placeholder-shown) ~ .show_pass svg path { -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } .input_control input:not(:placeholder-shown) ~ .show_pass:hover svg path { fill: #C4BAB5 !important; -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); } .input_control input:focus { background-color: #2D1406; } .input_control input:focus ~ .input_ico:before, .input_control input:focus ~ .input_ico:after { content: ""; width: 1px; height: 2px; top: 35%; } .input_control input:focus ~ .input_ico:after { top: 60%; } .actions_panel { pointer-events: auto; --h:calc(322px / 2); --w:calc(427px / 2); background-color: #180f0a; background-position: 100% 100% !important; background-repeat: no-repeat !important; -webkit-border-radius: calc(var(--indent) + 2px); border-radius: calc(var(--indent) + 2px); } .actions_panel .actions_panel_holder { width: var(--w); height: var(--h); background: url(/images/map/square/actions-panel.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .actions_panel .actions_grid { padding: 2% 3% 0; margin: 0 -1.5%; } .actions_panel .actions_col { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 2%; } .actions_panel .actions_col .actions_item { position: relative; display: block; width: 100%; height: 0; background: none; border: 0; padding: 0; padding-top: 100%; } .actions_panel .actions_col .actions_item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } @media only screen and (max-width: 1299.98px) { .actions_panel { --h:calc(322px / 2.5); --w:calc(427px / 2.5); } } @media (min-width: 1024px) { .map_battle_page .battle_mobile_fab { display: none !important; } .map_city_page .city_mobile_fab { display: none !important; } } @media only screen and (max-width: 1023.98px) { .map_battle_page .battle_mobile_fab { position: fixed; z-index: 120; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; pointer-events: auto; } .map_battle_page .battle_mobile_fab_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 52px; height: 52px; border-radius: 8px; background: rgba(24, 15, 10, 0.94); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); } .map_battle_page .battle_mobile_fab_army { top: calc(env(safe-area-inset-top, 0px) + 68px); right: calc(env(safe-area-inset-right, 0px) + 10px); } .map_battle_page .battle_mobile_fab_actions { bottom: calc(env(safe-area-inset-bottom, 0px) + 80px); right: calc(env(safe-area-inset-right, 0px) + 10px); } .map_battle_page .panel_army .switcher_slider { display: none !important; } .map_battle_page .panel_army.mobile_panel_collapsed:not(.d-none) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 0 !important; flex: 0 0 0 !important; min-width: 0 !important; width: 0 !important; max-width: 0 !important; overflow: visible; opacity: 0; pointer-events: none; } .map_battle_page .panel_army.mobile_panel_collapsed:not(.d-none) .slider_panel { visibility: hidden; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .map_battle_page .panel_army.mobile_panel_open { opacity: 1 !important; pointer-events: auto !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; max-height: 50vh !important; z-index: 115 !important; overflow: visible; } .map_battle_page .panel_army.mobile_panel_open .slider_panel { visibility: visible !important; position: relative !important; width: 100% !important; max-width: 100% !important; clip: auto !important; } .map_battle_page .area_army_panel .battle_mobile_panel_close { top: 6px; right: 6px; z-index: 6; } .map_battle_page .actions_panel.mobile_actions_collapsed:not(.mobile_panel_open):not(.d-none) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 0 !important; flex: 0 0 0 !important; min-width: 0 !important; width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0; pointer-events: none; overflow: visible; } .map_battle_page .actions_panel.mobile_actions_collapsed:not(.mobile_panel_open):not(.d-none) > .panel { visibility: hidden; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .map_battle_page .actions_panel.mobile_panel_open { opacity: 1 !important; pointer-events: auto !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; max-height: 55vh !important; z-index: 116 !important; margin: 0 !important; } .map_battle_page .actions_panel.mobile_panel_open > .panel { visibility: visible !important; position: relative !important; width: min(96vw, 440px) !important; max-width: min(96vw, 440px) !important; margin-left: auto !important; margin-right: auto !important; clip: auto !important; } .map_battle_page .actions_panel.mobile_panel_open .actions_panel_holder { --w: min(96vw, 440px) !important; height: auto !important; max-height: 48vh; } .map_battle_page .actions_panel .battle_mobile_panel_close { top: 6px; right: 6px; z-index: 6; } .map_battle_page .battle_mobile_fab_aside { top: calc(env(safe-area-inset-top, 0px) + 128px); right: calc(env(safe-area-inset-right, 0px) + 10px); } .map_battle_page .panel_sidebar.battle_sidebar_open:not(.battle_aside_mobile_open) { display: none !important; } .map_battle_page .panel_sidebar.battle_sidebar_open.battle_aside_mobile_open { display: block !important; position: fixed !important; left: 12px !important; right: 12px !important; bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important; top: auto !important; z-index: 114 !important; width: auto !important; max-width: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; max-height: min(50dvh, 420px) !important; } .map_battle_page .panel_sidebar.battle_sidebar_open.battle_aside_mobile_open .panel_holder { max-height: min(46dvh, 380px) !important; } body.canvas_mobile_shell { --map-chrome-scale: 0.82; } body.canvas_mobile_shell .header_area.header_map_chrome { gap: 2px; padding-left: max(5px, env(safe-area-inset-left, 0px)); padding-right: max(5px, env(safe-area-inset-right, 0px)); top: max(5px, env(safe-area-inset-top, 0px)); } body.canvas_mobile_shell .header_area_row_main { flex-wrap: wrap; gap: 2px; align-items: flex-start; } body.canvas_mobile_shell .header_area_main_left { flex: 1 1 100%; max-width: 100%; flex-wrap: wrap; gap: 2px; align-items: flex-start; } body.canvas_mobile_shell .header_map_chrome .panel_town { -webkit-box-flex: 0 !important; -ms-flex: 0 0 var(--w_panel) !important; flex: 0 0 var(--w_panel) !important; max-width: var(--w_panel) !important; width: var(--w_panel); min-width: var(--w_panel); } body.canvas_mobile_shell .header_town_block { flex: 1 1 auto; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; } body.canvas_mobile_shell .header_town_row { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; gap: 2px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex: 1 1 auto; min-width: 0; width: auto; max-width: calc(100% - 58px); } body.canvas_mobile_shell .header_alerts_wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; align-self: center; } body.canvas_mobile_shell .header_meta_stack { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body.canvas_mobile_shell .header_alerts_toggle { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-item-align: center; align-self: center; line-height: 0; } body.canvas_mobile_shell .header_alerts_toggle.d-none, body.canvas_mobile_shell .header_alerts_toggle[hidden] { display: none !important; } body.canvas_mobile_shell .header_alerts_stack { position: fixed; right: max(8px, env(safe-area-inset-right, 0px)); left: auto; top: calc(env(safe-area-inset-top, 0px) + 58px); z-index: var(--z-chrome-alerts); width: min(280px, calc(100vw - 10px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))); } body.canvas_mobile_shell .header_meta_toggle { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; padding: 0; margin: 0 0 0 2px; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; pointer-events: auto; z-index: 2; line-height: 0; } body.canvas_mobile_shell .header_meta_toggle_panel { pointer-events: none; } body.canvas_mobile_shell .header_alerts_toggle_panel .panel_holder, body.canvas_mobile_shell .header_meta_toggle_panel .panel_holder { width: calc(52px * var(--map-chrome-scale)); height: calc(52px * var(--map-chrome-scale)); min-width: calc(52px * var(--map-chrome-scale)); padding: 0; } body.canvas_mobile_shell .header_meta_toggle_panel .panel_holder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; } body.canvas_mobile_shell .header_alerts_toggle_panel .panel_holder { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0; } body.canvas_mobile_shell .header_alerts_count { top: -2px; right: -2px; min-width: 16px; height: 16px; padding: 0 4px; font-size: 10px; line-height: 16px; -webkit-border-radius: 8px; border-radius: 8px; } body.canvas_mobile_shell .header_meta_toggle_icon_img { width: 22px; height: 22px; display: block; -o-object-fit: contain; object-fit: contain; opacity: 0.95; } body.canvas_mobile_shell .header_meta_toggle_icon { font-size: 11px; line-height: 1; color: #e8dcc4; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65); } body.canvas_mobile_shell .header_meta_toggle_collapse { display: none; width: 100%; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_toggle:not(.header_meta_toggle_collapse) { display: none; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_toggle_collapse { display: flex !important; flex: 0 0 auto; width: auto; } body.canvas_mobile_shell .header_meta_stack { display: none; flex-direction: column; gap: 0; width: min(272px, calc(100vw - 10px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))); min-width: 0; align-items: stretch; position: fixed; right: max(8px, env(safe-area-inset-right, 0px)); left: auto; top: calc(env(safe-area-inset-top, 0px) + 58px); z-index: var(--z-chrome-meta); max-height: min(70dvh, 420px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; pointer-events: auto; box-sizing: border-box; padding: 0; background: transparent; border: 0; box-shadow: none; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_stack { display: flex; flex-direction: column; align-items: stretch; padding: 0; background: transparent; border: 0; box-shadow: none; gap: 4px; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_toggle_collapse { display: flex !important; flex: 0 0 auto; width: 100%; order: -1; margin: 0 0 4px; justify-content: center; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_toggle_collapse .header_meta_toggle_panel { width: 100%; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_toggle_collapse .header_meta_toggle_panel .panel_holder { width: 100%; min-width: 0; height: 28px; padding: 0; } body.canvas_mobile_shell .header_map_chrome.header_meta_open .header_meta_toggle_collapse .decor { display: none; } body.canvas_mobile_shell .header_meta_stack .header_resources_group, body.canvas_mobile_shell .header_meta_stack .panel_user { width: 100%; max-width: 100%; flex: 0 0 auto; margin: 0 !important; } body.canvas_mobile_shell .header_meta_stack .header_resources_group { flex-direction: column; align-items: stretch; background: transparent; padding: 0; cursor: default; gap: 0; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_ducat, body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress, body.canvas_mobile_shell .header_meta_stack .panel_user > .panel { width: 100%; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress > .switcher { display: none; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress .slider_panel { position: static; visibility: visible; opacity: 1; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_ducat .panel_holder { padding: 10px 14px; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_ducat .panel_holder p { padding-right: 6px; white-space: nowrap; font-size: 15px; line-height: 1.2; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress .panel_holder { flex-direction: column; align-items: stretch; padding: 8px 12px; gap: 6px; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress .nav_list { flex-direction: row; flex-wrap: wrap; gap: 6px; justify-content: flex-start; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress .txt_inf { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; padding-right: 0; gap: 8px 10px; font-size: 13px; } body.canvas_mobile_shell .header_meta_stack .header_resources_group .panel_progress .txt_inf > div { padding-right: 0 !important; } body.canvas_mobile_shell .header_meta_stack .panel_user > .panel .panel_holder { padding: 0; flex-direction: column; align-items: stretch; } body.canvas_mobile_shell .header_meta_stack .panel_user .nav_list { flex-direction: column; align-items: stretch; width: 100%; gap: 0; } body.canvas_mobile_shell .header_meta_stack .panel_user .nav_list > li { margin: 0; width: 100%; } body.canvas_mobile_shell .header_meta_stack .panel_user .nav_list > li:has(.drop_down) { order: 1; } body.canvas_mobile_shell .header_meta_stack .panel_user .nav_list > li:has(.drop_down) > a.circle { display: none; } body.canvas_mobile_shell .header_meta_stack .panel_user .nav_list > li:not(:has(.drop_down)) { order: 2; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap: 8px; width: 100%; padding: 8px 6px 2px; margin-top: 4px; border-top: 1px solid rgba(232, 220, 196, 0.12); } body.canvas_mobile_shell .header_meta_stack .panel_user .drop_down { display: block !important; position: static; left: auto; top: auto; width: 100%; padding: 0; } body.canvas_mobile_shell .header_meta_stack .panel_user .drop_down .panel.sm { background: transparent; } body.canvas_mobile_shell .header_meta_stack .panel_user .drop_down ul { margin: 0; } body.canvas_mobile_shell .header_meta_stack .panel_user .drop_down ul li a { display: flex; align-items: center; min-height: 40px; padding: 10px 14px; font-size: 15px; line-height: 1.3; text-align: left; color: #e8dcc4; border-bottom: 1px solid rgba(232, 220, 196, 0.1); text-decoration: none; } body.canvas_mobile_shell .header_meta_stack .panel_user .drop_down ul li a:active { background: rgba(255, 255, 255, 0.06); } body.canvas_mobile_shell .header_meta_stack .panel_user .drop_down ul li:last-child a { border-bottom: 0; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel { background: transparent !important; backdrop-filter: none !important; box-shadow: none !important; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .nav_list { flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: 0; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .nav_list > li { width: 100%; margin: 0; border-bottom: 0; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .nav_list > li:has(.drop_down) > a.square { display: none; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down { display: block !important; position: static; left: auto; top: auto; width: 100%; padding: 0; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down .panel.sm { background: transparent; box-shadow: none !important; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down .decor { display: none; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down ul { padding-top: 0; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down ul li a, body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down ul li .select_item { display: flex; align-items: center; min-height: 36px; padding: 9px 12px; font-size: 15px; line-height: 1.25; text-align: left; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel .drop_down .drop_down { padding-left: 12px; } body.canvas_mobile_shell .header_map_chrome .panel.md { --size_border_local: calc(var(--size_border) / 2 * 0.75 * var(--map-chrome-scale)); --size_corner_local: calc(var(--size_corner) / 2 * 0.75 * var(--map-chrome-scale)); --width_decor_local: calc(var(--width_decor) / 2 * 0.75 * var(--map-chrome-scale)); --height_decor_local: calc(var(--height_decor) / 2 * 0.75 * var(--map-chrome-scale)); } body.canvas_mobile_shell .header_map_chrome .mob_btn .panel_holder { width: calc(65px * var(--map-chrome-scale)); height: calc(65px * var(--map-chrome-scale)); min-width: calc(65px * var(--map-chrome-scale)); } body.canvas_mobile_shell .header_map_chrome .panel_town { margin-right: 0 !important; } body.canvas_mobile_shell .header_map_chrome .panel_ducat .panel_holder, body.canvas_mobile_shell .header_map_chrome .panel_progress .panel_holder, body.canvas_mobile_shell .header_map_chrome .panel_user .panel_holder { padding: 6px 10px; } body.canvas_mobile_shell .header_map_chrome .panel_ducat .panel_holder p, body.canvas_mobile_shell .header_map_chrome .panel_progress .panel_holder p { font-size: 13px; } body.canvas_mobile_shell .header_map_chrome .panel_user .circle.size_3 { --size_circle: calc(var(--size_3) * var(--map-chrome-scale)); } body.canvas_mobile_shell .header_map_chrome .switcher.switcher_slider { display: none !important; } body.canvas_mobile_shell .panel_nav .slider_panel { position: fixed; left: max(8px, env(safe-area-inset-left, 0px)); right: max(8px, env(safe-area-inset-right, 0px)); top: calc(env(safe-area-inset-top, 0px) + 56px); z-index: var(--z-chrome-nav); max-height: min(50dvh, 360px); overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.15s ease, visibility 0.15s ease; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open .slider_panel { visibility: visible; opacity: 1; pointer-events: auto; } body.canvas_mobile_shell .panel_nav:hover .slider_panel { visibility: hidden; opacity: 0; pointer-events: none; } body.canvas_mobile_shell .panel_nav.panel_nav_mobile_open:hover .slider_panel { visibility: visible; opacity: 1; pointer-events: auto; } body.canvas_mobile_shell .panel_nav .slider_panel .panel_holder ul { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 2px; } body.canvas_mobile_shell .panel_nav .slider_panel .panel_holder ul li { margin: 0; display: block !important; } body.canvas_mobile_shell .panel_nav .slider_panel .square.size_3 { --square_size: calc(var(--size_3) * var(--map-chrome-scale)); } body.canvas_mobile_shell .map_mobile_fab_stack { position: fixed; z-index: var(--z-chrome-fab); right: calc(env(safe-area-inset-right, 0px) + 10px); bottom: calc(env(safe-area-inset-bottom, 0px) + 18px); display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; } body.canvas_mobile_shell .map_mobile_fab_stack .city_mobile_fab, body.canvas_mobile_shell .map_mobile_fab_stack .battle_mobile_fab { position: static; bottom: auto; right: auto; top: auto; pointer-events: auto; } .map_city_page .city_mobile_fab { position: fixed; z-index: 120; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; pointer-events: auto; } body.canvas_mobile_shell .map_mobile_fab_stack .city_mobile_fab { position: static; } .map_city_page .city_mobile_fab_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 52px; height: 52px; border-radius: 8px; background: rgba(24, 15, 10, 0.94); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); } .map_city_page .city_mobile_fab_build { bottom: calc(env(safe-area-inset-bottom, 0px) + 142px); right: calc(env(safe-area-inset-right, 0px) + 10px); } .map_city_page .city_mobile_fab_actions { bottom: calc(env(safe-area-inset-bottom, 0px) + 80px); right: calc(env(safe-area-inset-right, 0px) + 10px); } .map_city_page .city_mobile_fab_aside { bottom: calc(env(safe-area-inset-bottom, 0px) + 18px); right: calc(env(safe-area-inset-right, 0px) + 10px); } .map_city_page .panel_army .switcher_slider { display: none !important; } .map_city_page .panel_army.city_mobile_panel_collapsed:not(.city_mobile_panel_open):not(.d-none) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 0 !important; flex: 0 0 0 !important; min-width: 0 !important; width: 0 !important; max-width: 0 !important; overflow: visible; opacity: 0; pointer-events: none; } .map_city_page .panel_army.city_mobile_panel_collapsed:not(.city_mobile_panel_open):not(.d-none) .slider_panel { visibility: hidden; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .map_city_page .panel_army.city_mobile_panel_open { opacity: 1 !important; pointer-events: auto !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; max-height: 52vh !important; z-index: 115 !important; overflow: visible; } .map_city_page .panel_army.city_mobile_panel_open .slider_panel { visibility: visible !important; position: relative !important; width: 100% !important; max-width: 100% !important; clip: auto !important; } .map_city_page .actions_panel.city_mobile_actions_collapsed:not(.city_mobile_panel_open):not(.d-none) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 0 !important; flex: 0 0 0 !important; min-width: 0 !important; width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0; pointer-events: none; overflow: visible; } .map_city_page .actions_panel.city_mobile_actions_collapsed:not(.city_mobile_panel_open):not(.d-none) > .panel { visibility: hidden; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .map_city_page .actions_panel.city_mobile_panel_open { opacity: 1 !important; pointer-events: auto !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; max-height: 55vh !important; z-index: 116 !important; margin: 0 !important; } .map_city_page .actions_panel.city_mobile_panel_open > .panel { visibility: visible !important; position: relative !important; width: min(96vw, 440px) !important; max-width: min(96vw, 440px) !important; margin-left: auto !important; margin-right: auto !important; clip: auto !important; } .map_city_page .actions_panel.city_mobile_panel_open .actions_panel_holder { --w: min(96vw, 440px) !important; height: auto !important; max-height: 48vh; } .map_city_page .city_mobile_panel_close { top: 6px; right: 6px; z-index: 6; } .map_city_page .panel_army.city_mobile_panel_open .slot .figure_holder { width: 52px; height: 72px; } .map_city_page .panel_army.city_mobile_panel_open .holder_slider_list { flex-wrap: wrap; row-gap: 6px; justify-content: center; } .map_city_page .panel_army.city_mobile_panel_open .slider_item { margin-left: 4px !important; margin-right: 4px !important; } } @media only screen and (min-width: 1024px) { .header_area.header_map_chrome { left: 0; right: 0; width: 100%; max-width: 100%; box-sizing: border-box; } .header_area.header_map_chrome .header_area_row_main { width: 100%; max-width: 100%; } .header_area.header_map_chrome .header_area_main_left { -webkit-box-flex: 1 !important; -ms-flex: 1 1 100% !important; flex: 1 1 100% !important; width: 100%; max-width: 100%; min-width: 0; gap: 2px; } .header_area.header_map_chrome .panel_nav { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header_area.header_map_chrome .header_town_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; } .header_area.header_map_chrome .header_town_row { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header_area.header_map_chrome .header_meta_stack { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header_area.header_map_chrome .header_alerts_wrap { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 2px; -ms-flex-item-align: center; align-self: center; } .header_area.header_map_chrome .header_meta_toggle, .header_area.header_map_chrome .header_meta_toggle_collapse { display: none !important; } .header_area.header_map_chrome .header_meta_stack { display: flex !important; position: static !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start !important; width: auto !important; min-width: 0 !important; max-width: none !important; max-height: none !important; overflow: visible !important; padding: 0 !important; margin: 0 0 0 auto !important; background: transparent !important; border: 0 !important; box-shadow: none !important; gap: 2px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header_area.header_map_chrome .header_meta_stack .header_resources_group, .header_area.header_map_chrome .header_meta_stack .panel_user { width: auto !important; max-width: none !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto !important; } .header_area.header_map_chrome .header_meta_stack .header_resources_group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center !important; gap: 0 !important; } .header_area.header_map_chrome .header_meta_stack .header_resources_group .panel_ducat .panel_holder { padding: 10px 30px; border-bottom: 0; } .header_area.header_map_chrome .header_meta_stack .header_resources_group .panel_progress .panel_holder { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 20px; } .header_area.header_map_chrome .header_meta_stack .header_resources_group .panel_progress .txt_inf { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .header_area.header_map_chrome .header_meta_stack .header_resources_group .panel_progress > .switcher { display: block !important; } .header_area.header_map_chrome .header_town_block { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2px; } .header_area.header_map_chrome .header_town_row { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header_area.header_map_chrome .switcher.switcher_slider { display: block !important; } } .panel_army { position: relative; } .battle_float_hit { position: fixed; z-index: 140; pointer-events: none; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; -webkit-transition: opacity 0.12s linear, -webkit-transform 0.65s ease-out; transition: opacity 0.12s linear, -webkit-transform 0.65s ease-out; -o-transition: transform 0.65s ease-out, opacity 0.12s linear; transition: transform 0.65s ease-out, opacity 0.12s linear; transition: transform 0.65s ease-out, opacity 0.12s linear, -webkit-transform 0.65s ease-out; font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); } .battle_float_hit.show { opacity: 1; -webkit-transform: translate(-50%, -34px); -ms-transform: translate(-50%, -34px); transform: translate(-50%, -34px); } .battle_float_hit.battle_float_damage { color: #ff5a52; font-size: 24px; } .battle_float_hit.battle_float_death { color: #ffd6d1; font-size: 22px; } .battle_float_hit.battle_float_powder { width: 28px; height: 28px; font-size: 0; color: transparent; text-shadow: none; border-radius: 50%; background: radial-gradient(circle at 40% 45%, rgba(255, 240, 200, 0.95) 0%, rgba(200, 180, 140, 0.55) 28%, rgba(90, 90, 90, 0.35) 55%, rgba(40, 40, 40, 0) 78%), radial-gradient(circle at 65% 55%, rgba(255, 255, 255, 0.7) 0%, rgba(160, 160, 160, 0.25) 40%, rgba(0, 0, 0, 0) 70%); box-shadow: -10px 4px 14px rgba(255, 230, 180, 0.35), 12px -6px 18px rgba(180, 180, 180, 0.4), 0 0 22px rgba(255, 200, 120, 0.25); -webkit-transform: translate(-50%, -50%) scale(0.35); -ms-transform: translate(-50%, -50%) scale(0.35); transform: translate(-50%, -50%) scale(0.35); opacity: 0; -webkit-transition: opacity 0.08s linear, -webkit-transform 0.7s ease-out; transition: opacity 0.08s linear, -webkit-transform 0.7s ease-out; -o-transition: transform 0.7s ease-out, opacity 0.08s linear; transition: transform 0.7s ease-out, opacity 0.08s linear; transition: transform 0.7s ease-out, opacity 0.08s linear, -webkit-transform 0.7s ease-out; } .battle_float_hit.battle_float_powder.show { opacity: 0.92; -webkit-transform: translate(-50%, -50%) scale(1.55); -ms-transform: translate(-50%, -50%) scale(1.55); transform: translate(-50%, -50%) scale(1.55); } .battle_float_hit.battle_float_powder.powder_fade { opacity: 0; } .battle_float_hit.battle_float_powder { width: 28px; height: 28px; font-size: 0; color: transparent; text-shadow: none; border-radius: 50%; background: radial-gradient(circle at 42% 45%, rgba(255, 236, 190, 0.95) 0%, rgba(255, 200, 90, 0.55) 18%, rgba(160, 160, 160, 0.55) 42%, rgba(90, 90, 90, 0.25) 68%, transparent 78%), radial-gradient(circle at 62% 58%, rgba(210, 210, 210, 0.7) 0%, rgba(120, 120, 120, 0.35) 45%, transparent 72%); -webkit-transform: translate(-50%, -50%) scale(0.55); -ms-transform: translate(-50%, -50%) scale(0.55); transform: translate(-50%, -50%) scale(0.55); opacity: 0; -webkit-transition: opacity 0.08s linear, -webkit-transform 0.75s ease-out; transition: opacity 0.08s linear, -webkit-transform 0.75s ease-out; -o-transition: transform 0.75s ease-out, opacity 0.08s linear; transition: transform 0.75s ease-out, opacity 0.08s linear; transition: transform 0.75s ease-out, opacity 0.08s linear, -webkit-transform 0.75s ease-out; filter: blur(0.4px); } .battle_float_hit.battle_float_powder.show { opacity: 0.92; -webkit-transform: translate(-50%, -72%) scale(1.55); -ms-transform: translate(-50%, -72%) scale(1.55); transform: translate(-50%, -72%) scale(1.55); } .battle_float_hit.battle_float_powder.powder_b { width: 22px; height: 22px; } .battle_float_hit.battle_float_powder.powder_c { width: 18px; height: 18px; } .map_float_msg { position: fixed; z-index: 140; pointer-events: none; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; -webkit-transition: opacity 0.12s linear, -webkit-transform 0.55s ease-out; transition: opacity 0.12s linear, -webkit-transform 0.55s ease-out; -o-transition: transform 0.55s ease-out, opacity 0.12s linear; transition: transform 0.55s ease-out, opacity 0.12s linear; transition: transform 0.55s ease-out, opacity 0.12s linear, -webkit-transform 0.55s ease-out; font-weight: 700; font-size: 16px; line-height: 1.25; color: #ffd6a3; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); background: rgba(24, 15, 10, 0.82); border: 1px solid rgba(196, 154, 92, 0.55); border-radius: 6px; padding: 6px 12px; white-space: nowrap; max-width: min(280px, 80vw); } .map_float_msg.show { opacity: 1; -webkit-transform: translate(-50%, -36px); -ms-transform: translate(-50%, -36px); transform: translate(-50%, -36px); } .panel_army .title_panel { position: absolute; bottom: 100%; left: 0; z-index: 1; margin-bottom: -3px; } .panel_army .area_army_panel .panel_holder { padding: 25px 30px 21px; } @media only screen and (max-width: 1299.98px) { .panel_army .area_army_panel .panel_holder { padding: 15px 15px 13px; } } .panel_army .switcher_slider { position: absolute; top: 50%; left: 0; -webkit-transform: translate(-50%, -50%) scale(-1, 1); -ms-transform: translate(-50%, -50%) scale(-1, 1); transform: translate(-50%, -50%) scale(-1, 1); } .panel_army .switcher_slider.opened { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .panel_army .params .circle { margin-bottom: 8px; } .panel_army .holder_slider { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .panel_army .holder_slider::-webkit-scrollbar { width: 0; height: 0; } .panel_army.panel_army_large:not(.closed) .holder_slider { max-height: 415px; overflow: hidden; width: 100%; } @media only screen and (max-width: 1299.98px) { .panel_army.panel_army_large:not(.closed) .holder_slider { max-height: 373px; } } .panel_army.panel_army_large:not(.closed) .holder_slider .holder_slider_list { -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; } .panel_army.panel_army_large.panel_army_grid:not(.closed) { width: 100%; display: block !important; } .panel_army.panel_army_large.panel_army_grid:not(.closed) .holder_slider .holder_slider_list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } .panel_army.closed .holder_slider { width: 84px; } .panel_game_modes { max-width: 250px; -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } .panel_game_modes .panel_holder { padding-top: 30px; padding-bottom: 30px; } @media only screen and (max-width: 1599.98px) { .panel_game_modes .panel_holder { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 1599.98px) { .panel_game_modes { max-width: 200px; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } .photo_block { position: relative; --w:calc(409px / 2); --h:calc(410px / 2); width: var(--w); pointer-events: auto; } .photo_block:after { width: var(--w); height: var(--h); background: url(/images/map/ui/corner.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: 0; left: 0; content: ""; } @media only screen and (max-width: 1599.98px) { .photo_block { --w:calc(409px / 3); --h:calc(410px / 3); } } @media only screen and (max-width: 1299.98px) { .photo_block { --w:calc(409px / 3.5); --h:calc(410px / 3.5); } } .panel_nav .panel_holder { padding: 15px 20px; } @media only screen and (max-width: 1299.98px) { .panel_nav .panel_holder { padding: 10px 15px; } } .panel_nav .reg_header_hint { display: none; } @media only screen and (max-width: 1023.98px) { .panel_nav .reg_header_photo { display: none !important; } .panel_nav .reg_header_hint { display: block; max-width: min(100vw - 16px, 480px); max-height: min(30vh, 240px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .panel_nav .reg_slider_desktop { display: none !important; } } @media only screen and (max-width: 1299.98px) { .panel_nav { position: relative; margin-right: 10px; pointer-events: auto; } .panel_nav .switcher { display: none; } .panel_nav .panel .decor:before, .panel_nav .panel .decor:after { content: ""; width: var(--width_decor_local); height: var(--height_decor_local); display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(/images/map/panel/centered_corner.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .panel_nav .panel .decor:after { top: auto; bottom: 0; -webkit-transform: translateX(-50%) scale(-1, -1); -ms-transform: translateX(-50%) scale(-1, -1); transform: translateX(-50%) scale(-1, -1); } .panel_nav .slider_panel { position: absolute; top: 100%; left: 0; visibility: hidden; opacity: 0; } .panel_nav .slider_panel .panel_holder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px 10px; } .panel_nav .slider_panel .panel_holder ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .panel_nav .slider_panel .panel_holder ul li { margin: 4px 0; display: block !important; } .panel_nav:hover .slider_panel { visibility: visible; opacity: 1; } } .nav_list > li { margin: 0 8px; } @media only screen and (max-width: 1599.98px) { .nav_list > li { margin: 0 4px; } } .nav_list li { position: relative; font-size: 17px; } .nav_list li:hover > .drop_down { display: block; } @media only screen and (min-width: 1300px) { .mob_btn { display: none; } } .panel_town { --h_town: 75px; --w_panel:435px; max-width: var(--w_panel); -webkit-box-flex: 0; -ms-flex: 0 0 var(--w_panel); flex: 0 0 var(--w_panel); } @media only screen and (max-width: 1599.98px) { .panel_town { --h_town: 50px; } } @media only screen and (max-width: 1599.98px) { .panel_town { --w_panel:330px; } } .panel_town .dropdown_item { padding: 0 20px 0 8px; } @media only screen and (max-width: 1599.98px) { .panel_town .dropdown_item { margin-left: 5px; } } .panel_town .dropdown_item > .drop_down { width: 100%; padding: 0; } .panel_town .panel_holder { padding: 0 30px; position: relative; max-height: 530px; } .panel_town .panel_holder > .drop_down { width: 100%; } .panel_town .panel_holder:hover > .drop_down { display: block; } @media only screen and (max-width: 1599.98px) { .panel_town .panel_holder { padding: 0 20px; } } @media (max-width: 1600px) { .panel_town .panel_holder { max-height: 400px; } } .panel_town .town_img { max-width: var(--h_town); -webkit-box-flex: 0; -ms-flex: 0 0 var(--h_town); flex: 0 0 var(--h_town); position: relative; margin-top: 15px; margin-bottom: 15px; } .panel_town .town_img .circle { position: absolute; bottom: 0; right: 0; z-index: 2; -webkit-transform: translate(45%, 5px); -ms-transform: translate(45%, 5px); transform: translate(45%, 5px); } .panel_town .square_img { position: relative; display: block; } .panel_town .square_img .square_img_cont { position: relative; display: block; height: var(--h_town); overflow: hidden; } .panel_town .city_mobile_town_icon, .panel_town .city_mobile_rename_btn { display: none; } .panel_town .part_txt { padding: 10px 0; margin-left: 30px; } @media only screen and (max-width: 1599.98px) { .panel_town .part_txt { padding: 10px 0; margin-left: 20px; } } .panel_town h3 { display: inline-block; font-size: 25px; line-height: 1; font-weight: normal; word-wrap: break-word; } @media only screen and (max-width: 1599.98px) { .panel_town h3 { font-size: 20px; } } .panel_town p { font-size: 21px; } @media only screen and (max-width: 1599.98px) { .panel_town p { font-size: 16px; } } @media only screen and (max-width: 1023.98px) { .panel_town { --h_town: 42px; --w_panel: 136px; } .panel_town .panel_holder { padding: 0 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .panel_town .dropdown_item { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0 4px; margin-left: 0; margin-right: 0 !important; } .panel_town .dropdown_item > .drop_down { width: min(320px, calc(100vw - 16px)); left: 0; } .panel_town .town_img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 6px 4px 6px 0; } .panel_town .town_img .circle, .panel_town .city_desktop_town_link, .panel_town .part_txt { display: none !important; } .panel_town .city_mobile_town_icon { display: block; } .panel_town .city_mobile_rename_btn { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; padding: 0; margin: 0 0 0 4px; border: 0; background: transparent; color: #b8afaa; cursor: pointer; } .panel_town .city_mobile_rename_btn svg { width: 18px; height: 18px; fill: currentColor; } .panel_town .city_mobile_rename_btn:hover { color: #fff; } } .panel_ducat .panel_holder { padding: 10px 30px; } .panel_ducat .panel_holder p { font-size: 17px; } @media only screen and (max-width: 1599.98px) { .panel_ducat .panel_holder { padding: 10px 20px; } .panel_ducat .panel_holder p { font-size: 15px; } } .ico_half { width: 25px; max-width: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; } .ico_half img { display: block; height: auto; max-width: 100%; } @media only screen and (max-width: 1599.98px) { .ico_half { width: 15px; max-width: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; } } .panel_user .panel_holder { padding: 10px 30px; } @media only screen and (max-width: 1599.98px) { .panel_user .panel_holder { padding: 10px 20px; } } .panel_progress .dropdown_item { margin-left: 20px; margin-right: 20px; } @media only screen and (max-width: 1599.98px) { .panel_progress .dropdown_item { margin-left: 10px; margin-right: 10px; } } .panel_progress .txt_inf { padding-right: 20px; } @media only screen and (max-width: 1599.98px) { .panel_progress .txt_inf { padding-right: 10px; } } .panel_progress .panel_holder { padding: 10px; } .panel_progress .panel_holder p { font-size: 17px; } @media only screen and (max-width: 1599.98px) { .panel_progress .panel_holder p { font-size: 15px; } } .panel_sidebar { --h-header:100px; --h-footer:200px; width: 360px; position: absolute; z-index: 5; top: 75px; right: 5px; display: none; } .panel_sidebar.battle_sidebar_open { display: block; } .panel_sidebar .battle_aside_tick_display { font-size: clamp(1.75rem, 4.2vw, 2.65rem); font-variant-numeric: tabular-nums; letter-spacing: 0.03em; line-height: 1.15; color: #e8dcc4; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); } .panel_sidebar .battle_aside_log_line { font-size: 13px; line-height: 1.35; opacity: 0.92; } .panel_sidebar .battle_aside_log_line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } .panel_sidebar .battle_aside_log_blazon { width: 16px; height: 16px; min-width: 16px; border-radius: 50%; margin-top: 2px; } .panel_sidebar .battle_aside_log_text { display: block; } @media only screen and (max-width: 1299.98px) { .panel_sidebar { --h-footer:170px; } } @media (max-width: 768px) { .panel_sidebar { width: calc(100vw - 24px); max-width: 360px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .panel_sidebar .panel_holder { max-height: calc(100vh - var(--h-header) - var(--h-footer)); } .panel_chat { position: absolute; top: 117px; left: 5px; z-index: 6; height: calc(100vh - 117px - 5px); -webkit-transition: height 0.15s ease; -o-transition: height 0.15s ease; transition: height 0.15s ease; } .panel_chat.minimized { height: 240px; } .panel_chat .holder_chat { height: 100% !important; } .panel_chat .holder_chat > .panel { max-width: 415px; -webkit-box-flex: 0; -ms-flex: 0 0 415px; flex: 0 0 415px; } .panel_chat .holder_chat > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; } .panel_chat .panel_bottom { position: relative; } .panel_chat .panel_bottom .writing_to { position: absolute; margin: 0; padding-bottom: 3px; top: 0; left: calc(var(--size_border_local) * 2.7); z-index: 2; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .answer { padding-bottom: 10px; } .answer .answer_info .date { display: block; text-align: center; font-size: 14px; line-height: 1; padding-top: 10px; } .answer .answer_text { padding-top: 10px; padding-left: 8px; padding-right: 20px; } .answer .answer_text h4 { margin: 0 0 5px 0; font-weight: normal; } .answer .answer_text p { font-size: 14px; margin-bottom: 5px; } .answer.inverse .answer_info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .answer.inverse .answer_text { text-align: right; padding-left: 0; padding-right: 8px; padding-left: 20px; } .etc_list li { background: transparent; } .etc_list li:hover { background-color: #2f1405; } .etc_list li.active { -webkit-box-shadow: inset 0px 0px 12px 4px #FFE600; box-shadow: inset 0px 0px 12px 4px #FFE600; background: transparent; } .bottom_switch { position: absolute; bottom: -10px; margin-left: 5px; left: 50%; -webkit-transform: rotate(-90deg) translateY(-50%) !important; -ms-transform: rotate(-90deg) translateY(-50%) !important; transform: rotate(-90deg) translateY(-50%) !important; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .minimized .bottom_switch { -webkit-transform: rotate(-90deg) translateY(-50%) scale(-1, 1) !important; -ms-transform: rotate(-90deg) translateY(-50%) scale(-1, 1) !important; transform: rotate(-90deg) translateY(-50%) scale(-1, 1) !important; } .holder_ico { position: relative; pointer-events: auto; } .holder_ico .status { display: none; width: 8px; height: 8px; position: absolute; top: 0; right: 0; z-index: 3; -webkit-border-radius: 50%; border-radius: 50%; background: #0090FF; z-index: 5; } .holder_ico.active .status, .holder_ico.online .status { display: block; } .holder_ico.chat_btn { position: relative; } .holder_ico.chat_btn .status { top: 0; right: 0; } .city_label { position: absolute !important; top: 300px; left: 300px; visibility: hidden; -webkit-transition: visibility 0s linear 0.25s; -o-transition: visibility 0s linear 0.25s; transition: visibility 0s linear 0.25s; z-index: 3; } .city_label .blazon { content: ''; display: block; position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45px; height: 45px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1; } .city_label .blazon::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url(/images/map/circles/circle_empty_shadow.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; background-position: center; } .city_label .blazon img { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; } .city_label .mask { -webkit-transform: translate(-0.5em, -50%); -ms-transform: translate(-0.5em, -50%); transform: translate(-0.5em, -50%); overflow: hidden; } .city_label .mask .panel { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0, 1); -o-transition: transform 0.2s cubic-bezier(0.4, 0, 0, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0, 1); } .city_label .mask .panel_holder { padding: 0; } .city_label .mask .panel_content { padding: 0.5em 1em 0.45em 2.5em; } .city_label.show { visibility: visible; -webkit-transition: none; -o-transition: none; transition: none; } .city_label.show .mask .panel { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0, 1); -o-transition: transform 0.2s cubic-bezier(0.4, 0, 0, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0, 1); } .city_building { display: block; position: fixed; width: 200px; height: auto; z-index: 2; visibility: visible; opacity: 1; -webkit-transition: visility 0s linear 0s, opacity 300ms ease-in-out 0s; -o-transition: visility 0s linear 0s, opacity 300ms ease-in-out 0s; transition: visility 0s linear 0s, opacity 300ms ease-in-out 0s; top: 500px; left: 500px; } .city_building.hidden { visibility: hidden; opacity: 0; -webkit-transition: visility 0s linear; -o-transition: visility 0s linear; transition: visility 0s linear; } .city_building .content { padding: 0.5em; } .city_building .content p { margin: 0; text-align: center; } .city_building .content .controls { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1em; } .city_building .content .controls button { color: #E9D2B2; } .city_building .content .confirm { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 30px; grid-gap: 10px; position: absolute; bottom: 39%; left: 0; -webkit-transform: translate(-85%, 50%); -ms-transform: translate(-85%, 50%); transform: translate(-85%, 50%); width: 150px; padding: 10px; background-color: #3d271b; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 30px rgba(24, 15, 10, 0.5); box-shadow: 0 10px 30px rgba(24, 15, 10, 0.5); z-index: 1; } .city_building .content .confirm.hidden { display: none; } .city_building .content .confirm::before { content: ""; position: absolute; top: 50%; right: 0; height: 25px; width: 25px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); background-color: #3d271b; z-index: -1; } .city_building .content .confirm p { grid-column: 1/3; margin: 0; } .city_building .content .confirm button { -webkit-border-radius: 3px; border-radius: 3px; border: none; background-color: #785037; color: #E9D2B2; padding-top: 2.5px; } .city_building .content .confirm button:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } :root { --z-map-content: 5; --z-chrome-header: 100; --z-chrome-fab: 120; --z-chrome-nav: 130; --z-chrome-meta: 140; --z-chrome-alerts: 145; --z-tooltip: 160; --z-onboard: 170; --z-modal: 1100; } .header_area { position: absolute; top: 5px; left: 0; min-width: 1024px; padding-left: 5px; padding-right: 5px; width: 100%; z-index: var(--z-chrome-header); pointer-events: none; } .header_area .panel { pointer-events: auto; } .header_alerts_wrap { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; pointer-events: auto; z-index: var(--z-chrome-alerts); -ms-flex-item-align: center; align-self: center; } .header_alerts_toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0 0 0 2px; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; pointer-events: auto; line-height: 0; } .header_alerts_toggle.d-none, .header_alerts_toggle[hidden] { display: none !important; } .header_alerts_toggle_panel { pointer-events: none; position: relative; } .header_alerts_toggle_panel .panel_holder { width: 52px; height: 52px; min-width: 52px; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0; position: relative; } .header_alerts_icon_img { width: 22px; height: 22px; display: block; -o-object-fit: contain; object-fit: contain; opacity: 0.95; } .header_alerts_count { position: absolute; top: -3px; right: -3px; z-index: 3; min-width: 18px; height: 18px; padding: 0 5px; -webkit-border-radius: 9px; border-radius: 9px; background: #8b1e1e; color: #f5e6c8; font-size: 11px; line-height: 18px; font-weight: 700; text-align: center; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); pointer-events: none; } .header_alerts_count.is-empty { display: none; } .header_alerts_stack { display: none; position: absolute; top: calc(100% + 4px); right: 0; left: auto; z-index: var(--z-chrome-alerts); width: min(280px, calc(100vw - 12px)); max-height: min(50dvh, 360px); overflow: auto; -webkit-overflow-scrolling: touch; pointer-events: auto; } .header_alerts_stack.is-open, .header_alerts_stack:not([hidden]) { display: block; } .header_alerts_stack[hidden] { display: none !important; } .header_alerts_panel .panel_holder { padding: 10px 12px; } .header_alerts_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header_alerts_list > a.circle { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .panel_nav { position: relative; } .panel_nav .switcher_slider { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .panel_nav.closed .nav_list > li:not(:first-of-type) { display: none; } .panel_progress { position: relative; } .panel_progress.closed .txt_inf { display: none !important; } .footer_area { position: absolute; left: 0; bottom: 5px; min-width: 1024px; padding-left: 5px; padding-right: 5px; width: 100%; z-index: 5; pointer-events: none; } @media only screen and (max-width: 1023.98px) { .header_area { min-width: 0; } .footer_area { min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } } .footer_area .panel { pointer-events: auto; } body.enter_page { overflow: hidden; height: 100vh; min-height: 100vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 100vw; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { body.enter_page { min-width: 0; overflow-x: hidden; min-height: 100dvh; height: 100dvh; padding-left: env(safe-area-inset-left, 0); padding-right: env(safe-area-inset-right, 0); } } body.enter_page .soc_icons { position: absolute; width: 100%; bottom: 7.5%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.enter_page .soc_icons .circle { margin: 0 4%; } .form_enter { --form_enter_width_local: calc(var(--form_enter_width) / 2); --form_enter_height_local: calc(var(--form_enter_height) / 2); width: var(--form_enter_width_local); height: var(--form_enter_height_local); margin-left: auto; margin-right: auto; background: var(--form_enter_bg) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; background-position: center top; padding: 124px 3% 0; position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 768px) { .form_enter { width: 100%; max-width: min(100vw, 560px); height: auto; min-height: min(100dvh, 900px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 72px 16px 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 768px) { .form_enter .d-flex.align-items-center.justify-content-center { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; width: 100%; max-width: 340px; } } @media (max-width: 768px) { .form_enter .login_footer_links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; row-gap: 8px; } } .form_enter .grid_column > .scroll_js .content_scroll { padding-right: 25px; } .form_enter .grid_column > .scroll_js .scrollbar { right: 0; } .form_enter .alert_block { height: 50px; overflow: hidden; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; visibility: hidden; } .form_enter .alert_block.active { visibility: visible; } .form_enter .alert_block p { margin: 0; font-size: 15px; } .form_enter .back_btn { right: auto; left: 27px; top: 113px; } .form_enter .area_form { display: none; } .form_enter .area_form.active { display: block; } @media (max-width: 768px) { .form_enter .area_form.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } .form_enter .area_form .result_message { padding: 10px; height: 270px; } .form_enter .login_footer_links { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; padding: 0 10px; gap: 10px 12px; box-sizing: border-box; flex-wrap: wrap; justify-content: center; } .form_enter .login_footer_links .login_footer_link { flex-shrink: 0; line-height: 1.4; padding: 2px 4px; white-space: nowrap; } .map_prev .panel_holder { padding: calc(var(--size_border_local)); max-width: 1000px; max-height: 90vh; overflow: hidden; } .map_prev .panel_holder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .map_prev .circle { bottom: 20px; right: 20px; z-index: 2; } .server_prev { width: 100%; max-width: 997px; } .live_search { position: relative; } .map_animation { overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 1024px; width: 100%; height: calc(100vw * 0.56); } @media (max-aspect-ratio: 16 / 9) { .map_animation { height: 100vh; width: calc(100vh * 1.777); } } .map_animation .bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .map_animation .left_mask, .map_animation .right_mask { overflow: hidden; } .map_animation .left_mask img, .map_animation .left_mask video, .map_animation .right_mask img, .map_animation .right_mask video { width: calc(100% + 2px); height: calc(100% + 2px); -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .map_animation .enter-video.is-hidden { display: none; } .map_animation .enter-poster { -webkit-transition: opacity .35s ease; transition: opacity .35s ease; } .map_animation .enter-poster.is-covered { opacity: 0; } .map_animation .left_mask { position: absolute; bottom: 24%; left: 13%; width: 37%; height: 37%; -webkit-mask: url(/images/map/enter_page/x1/webp/left_mask.webp) 0 0 no-repeat; mask: url(/images/map/enter_page/x1/webp/left_mask.webp) 0 0 no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .map_animation .right_mask { position: absolute; top: 26%; right: 13%; background: url(/images/map/enter_page/x1/webp/right_mask.webp) no-repeat; width: 35%; height: 37%; -webkit-mask: url(/images/map/enter_page/x1/webp/right_mask.webp) 0 0 no-repeat; mask: url(/images/map/enter_page/x1/webp/right_mask.webp) 0 0 no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } @media (max-width: 768px) { body.enter_page .map_animation { min-width: 0; width: 100vw; max-width: 100vw; height: 100dvh; } } @media only screen and (max-width: 1023.98px) { body.enter_page .map_animation { min-width: 0; } } .grid_list { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); } .list_filters { grid-template-columns: repeat(auto-fill, minmax(33px, 1fr)); } .title_row { pointer-events: auto; } .army_template { position: absolute; left: 0; bottom: 5px; min-width: 1024px; padding-left: 5px; padding-right: 5px; width: 100%; z-index: 1; pointer-events: none; } .army_template .panel { pointer-events: auto; } @media only screen and (max-width: 1299.98px) { .army_template .col-320 { max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .army_template .col-320 .slot .sub_info { font-size: 14px; width: 110px; } } .army_template .army_block .panel_content, .army_template .col_left .panel_content, .army_template .col_right .panel_content { padding-top: calc(var(--size_border_local) * 2.7); } .army_template .part_top { padding-bottom: 10px; } .army_template .col_army .title_panel { max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; text-align: center; } .army_template .col_army .title_panel .panel_holder span { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .army_template .col_army .army_block .panel_holder { height: calc(100vh - 160px); } @media only screen and (max-width: 1599.98px) { .army_template .col_army .army_block .panel_holder { height: calc(100vh - 132px); } } .army_template .col_army .army_block .panel_holder .panel_content { padding-bottom: 8px; } .army_template .col_left .panel > .panel_holder { height: calc(100vh - 121px); } @media only screen and (max-width: 1599.98px) { .army_template .col_left .panel > .panel_holder { height: calc(100vh - 93px); } } .army_template .col_left .item_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .army_template .col_left .item_list .item { padding: 0 5px 10px; max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .army_template .col_left .item_list .item:nth-child(3n) { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .army_template .col_right .panel_holder { height: calc(100vh - 79px); } @media only screen and (max-width: 1599.98px) { .army_template .col_right .panel_holder { height: calc(100vh - 71px); } } @media only screen and (max-width: 1599.98px) and (max-width: 1299.98px) { .army_template .col_right .panel_holder { height: calc(100vh - 67px); } } .army_template .modal { position: absolute; z-index: 10; bottom: 0; left: 329px; max-width: 680px; max-width: 38%; width: 100%; } @media only screen and (max-width: 1299.98px) { .army_template .modal { left: 311px; } } .army_template .modal > .panel > .panel_holder { height: calc(100vh - 160px); } @media only screen and (max-width: 1599.98px) { .army_template .modal > .panel > .panel_holder { height: calc(100vh - 132px); } } .army_template .modal .grid_list { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .market_area { position: absolute; left: 0; bottom: 5px; min-width: 1024px; padding-left: 5px; padding-right: 5px; width: 100%; z-index: 1; pointer-events: none; } .market_area .panel { pointer-events: auto; } .market_area .col_right .inner_height { height: calc(100vh - 195px) !important; } @media only screen and (max-width: 1599.98px) { .market_area .col_right { max-width: 470px; -webkit-box-flex: 0; -ms-flex: 0 0 470px; flex: 0 0 470px; } } .market_area .col_left .inner_height { height: calc(100vh - 255px) !important; } .market_area .grid_list { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .graph_block .circle { right: 10px; top: 10px; z-index: 5; } .technology_area { position: absolute; left: 0; bottom: 5px; min-width: 1024px; padding-left: 5px; padding-right: 5px; width: 100%; z-index: 1; pointer-events: none; } .technology_area .panel { pointer-events: auto; } .technology_area .col-225 .inner_height { height: calc(100vh - 80px); } .technology_area .col-225.col_left .inner_height { height: calc(100vh - 95px); } .technology_area .col_center .header_tab { margin-bottom: 0; } .technology_area .col_center .inner_height { height: calc(100vh - 213px); } .teh_list .teh { margin-bottom: 12px; } .technology_area .tab_pane, .technology_area .content_scroll.border_padding, .dynasty_area .content_scroll { touch-action: none; -ms-touch-action: none; } .teh_columns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .teh_columns .teh_title { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 5px; overflow: hidden; } .teh_columns .column { --p:9px; padding: 0 var(--p); max-width: calc(146px + var(--p) * 2); } .teh_columns .column .item { margin-top: 12px; height: 225px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .law_area .col_left .inner_height { height: calc(100vh - 236px); } .law_area .col_right .inner_height { height: calc(100vh - 78px); } .law_area .col_right .title > p { line-height: 1; } @media only screen and (max-width: 1023.98px) { .market_area, .technology_area { min-width: 0; } .diplomacy_area, .finance_area, .religion_area, .law_area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .diplomacy_area > .col_left, .diplomacy_area > .col_right, .diplomacy_area > .col_center, .finance_area > .col_left, .finance_area > .col_right, .finance_area > .col_center, .religion_area > .col_left, .religion_area > .col_right, .religion_area > .col_center, .law_area > .col_left, .law_area > .col_right, .law_area > .col_center { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; } .market_area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .market_area > .col_left, .market_area > .col_right { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; } .market_area .col_right { max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .religion_area .col_right { max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .storage_area > .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .storage_area > .d-flex > .col_left, .storage_area > .d-flex > .col_right { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; } .technology_area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .technology_area > .col_left, .technology_area > .col_center, .technology_area > .col_right { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; } .army_template { min-width: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .army_template > .col_left, .army_template > .col_right, .army_template > .col_army, .army_template > .col-320 { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; } .army_template .modal { left: 8px !important; right: 8px !important; max-width: none !important; width: auto !important; margin-left: 0 !important; } .modal_container { min-width: 0; } .dynasty_page { min-height: 100dvh; } .dynasty_area.grid_column { height: 100dvh !important; } .left_tab { width: calc(100vw - 24px) !important; max-width: 100%; left: 12px !important; height: calc(100dvh - 140px) !important; } .left_tab.closed { width: min(200px, calc(100vw - 24px)) !important; } .modal_person { width: auto !important; max-width: none; left: 12px !important; right: 12px !important; bottom: 12px !important; height: calc(100dvh - 120px) !important; max-height: calc(100dvh - env(safe-area-inset-bottom, 0px)); } .column_person { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; max-width: 100% !important; } .fly_drop { width: min(435px, calc(100vw - 24px)) !important; max-width: calc(100vw - 16px); -webkit-box-sizing: border-box; box-sizing: border-box; } .panel_chat { top: 72px; left: 8px; right: 8px; width: auto; height: calc(100dvh - 72px - 12px - env(safe-area-inset-bottom, 0px)) !important; max-height: calc(100dvh - env(safe-area-inset-bottom, 0px)); } .panel_chat.minimized { max-height: min(240px, 45dvh); } .panel_chat .holder_chat > .panel { max-width: 100% !important; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; width: 100%; } .panel_sidebar.aside_open { position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; width: calc(100vw - 16px) !important; max-width: min(520px, calc(100vw - 16px)) !important; height: auto !important; max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important; z-index: 160 !important; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: auto !important; } .panel_sidebar.aside_open .panel_holder { max-height: calc(100dvh - 140px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important; overflow-y: auto; -webkit-overflow-scrolling: touch; } .market_area .col_right .inner_height, .market_area .col_left .inner_height { height: auto !important; max-height: calc(100dvh - 180px) !important; } .technology_area .col-225 .inner_height, .technology_area .col-225.col_left .inner_height, .technology_area .col_center .inner_height { height: auto !important; max-height: calc(100dvh - 180px) !important; } .technology_area.teh_page { padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)); min-width: 0; } .technology_area.teh_page .teh_mobile_toolbar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 6px 8px 4px; width: 100%; box-sizing: border-box; pointer-events: auto; z-index: 12; } .technology_area.teh_page .teh_panel_fab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; } .technology_area.teh_page .teh_panel_fab.is-active .circle { box-shadow: inset 0 0 12px 3px rgba(255, 230, 0, 0.55); } .technology_area.teh_page .teh_side_panel_title { display: none; } .technology_area.teh_page > .teh_side_panel { display: none; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: min(360px, calc(100vw - 16px)); max-width: calc(100vw - 16px); z-index: 160; margin: 0 !important; padding: 0; box-sizing: border-box; pointer-events: auto; max-height: min(70dvh, calc(100dvh - 120px)); -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .technology_area.teh_page.teh_panel_open_current > .teh_side_panel--current, .technology_area.teh_page.teh_panel_open_archive > .teh_side_panel--archive, .technology_area.teh_page.teh_panel_open_construct > .teh_side_panel--construct { display: block; } .technology_area.teh_page.teh_panel_open_current > .teh_side_panel--current .teh_side_panel_title, .technology_area.teh_page.teh_panel_open_archive > .teh_side_panel--archive .teh_side_panel_title, .technology_area.teh_page.teh_panel_open_construct > .teh_side_panel--construct .teh_side_panel_title { display: block; padding: 8px 10px 4px; font-size: 15px; color: #e8dcc4; text-align: center; } .technology_area.teh_page > .teh_side_panel .inner_height { height: auto !important; max-height: calc(70dvh - 48px) !important; } .technology_area.teh_page > .col_center { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; min-height: 0; } .technology_area.teh_page .col_center .inner_height { height: calc(100dvh - 200px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important; max-height: none !important; min-height: 240px; } .technology_area.teh_page .col_center .content_scroll.border_padding { min-height: 100%; } .technology_area.teh_page .tab_nav .title { -ms-flex-wrap: wrap; flex-wrap: wrap; } .technology_area.teh_page .teh_search_row { width: 100%; margin-left: 0 !important; padding-left: 0 !important; padding-top: 6px; } #build_popup, #confirmation_popup { width: min(210px, calc(100vw - 16px)) !important; max-width: calc(100vw - 16px); -webkit-box-sizing: border-box; box-sizing: border-box; } } .technology_area.teh_page .teh_mobile_toolbar { display: none; } /* Изучение: колонка изобретений скрыта (вход только из меню Науки → Создать изобретение) */ .technology_area.teh_page.teh_view_study > .teh_side_panel--construct, .technology_area.teh_page.teh_view_study .teh_panel_fab_construct { display: none !important; } /* Режим «Создать изобретение»: центр — конструктор, дерево скрыто */ .technology_area.teh_page.teh_view_invent > .col_center, .technology_area.teh_page.teh_view_invent > .teh_side_panel--current, .technology_area.teh_page.teh_view_invent > .teh_side_panel--archive, .technology_area.teh_page.teh_view_invent .teh_panel_fab_current, .technology_area.teh_page.teh_view_invent .teh_panel_fab_archive { display: none !important; } .technology_area.teh_page.teh_view_invent > .teh_side_panel--construct { display: block !important; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; max-width: 560px; width: 100%; margin-left: auto !important; margin-right: auto !important; } .technology_area.teh_page.teh_view_invent > .teh_side_panel--construct .teh_side_panel_title { display: none; /* заголовок уже внутри панели конструктора */ } .technology_area.teh_page.teh_view_invent > .teh_side_panel--construct .inner_height { height: calc(100vh - 160px) !important; max-height: none !important; } @media only screen and (max-width: 991.98px) { .technology_area.teh_page.teh_view_invent > .teh_side_panel--construct { position: relative !important; left: auto !important; top: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 100% !important; max-width: none !important; max-height: none !important; } } .law_list { -webkit-columns: 3 auto; -moz-columns: 3 auto; columns: 3 auto; } @media only screen and (max-width: 1599.98px) { .law_list { -webkit-columns: 2 auto; -moz-columns: 2 auto; columns: 2 auto; } } @media only screen and (max-width: 1299.98px) { .law_list { -webkit-columns: 1 auto; -moz-columns: 1 auto; columns: 1 auto; } } .law_list .item { padding: 0 25px; } .item_law { padding-bottom: 22px; width: 100%; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .item_law .alert { display: none; } .item_law.item_law_disabled { color: #5f5653; } .item_law.item_law_disabled .alert { display: block; } .item_law.item_law_disabled .item_law_footer { opacity: 0.5; } .item_law.item_law_disabled .item_law_footer .btn { pointer-events: none; } .item_law > .square .txt { font-size: 20px; color: rgba(184, 175, 170, 0.65); } .item_law .item_law_footer .btn { max-width: 180px; } .storage_area .col_left .inner_height { height: calc(100vh - 320px); } .storage_area .col_right .inner_height { height: calc(100vh - 281px); } .storage_area .geo_point { max-width: 250px; -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } .storage_area .geo_point .mini_info .mini_holder input { padding-left: 5px; padding-right: 5px; } .panel_footer .panel_holder { height: 80px; } @media only screen and (max-width: 1299.98px) { .panel_footer h3 { font-size: 15px !important; text-align: right; } } @media only screen and (max-width: 1299.98px) { .panel_footer .px-25 { padding-left: 10px !important; padding-right: 10px !important; } } .wallet_area .col_right .inner_height { height: calc(100vh - 80px); } .wallet_area .col_center > .panel { height: calc(100vh - 118px) !important; } .wallet_area .col_center > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; overflow: hidden; } .wallet_area .col_center > .panel .tabs { display: grid; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; height: 100% !important; overflow: hidden; } .wallet_area .col_center > .panel .tabs .inner_height { grid-row: span 2; } .quest_area > .col > .panel { height: calc(100vh - 118px) !important; } .quest_area > .col > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; } .advicers_area > .col > .panel { height: calc(100vh - 118px) !important; max-height: calc(100vh - 118px); } .advicers_area .grid_column > .panel_holder { display: grid; grid-template-rows: min-content min-content 1fr; min-height: 0; height: 100%; } .advicers_area .grid_column > .panel_holder > .panel_content { grid-row: -1; min-height: 0; overflow: hidden; } .advicers_area .grid_column > .panel_holder > .panel_content > .content_scroll { height: 100%; overflow-y: auto; overflow-x: hidden; } .quest_item { display: -webkit-box; display: -ms-flexbox; display: flex; } .quest_item .img_part { max-width: 76px; -webkit-box-flex: 0; -ms-flex: 0 0 76px; flex: 0 0 76px; } .quest_item .img_part .square_img_cont { width: 76px; height: 76px; } @media only screen and (max-width: 767.98px) { .footer_area.quest_area { position: fixed; top: 128px; bottom: 0; left: 0; right: 0; min-width: 0; width: 100%; padding: 0 4px 6px; z-index: 5; } .quest_area > .col { height: 100%; min-height: 0; } .quest_area > .col > .panel { min-height: 0 !important; height: 100% !important; max-height: 100%; } .quest_area .scroll_js .content_scroll { padding-left: 12px !important; padding-right: 36px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .quest_area .grid_list, .quest_area .grid_list_custom { width: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .quest_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; width: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .quest_item .img_part { max-width: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 36px; } .quest_item .col { padding-left: 0 !important; min-width: 0; width: 100%; max-width: 100%; } .quest_item .main_text { overflow-wrap: anywhere; word-break: break-word; min-width: 0; width: 100%; } .quest_item .main_text p { max-width: 100%; margin-right: 0; white-space: normal; } .quest_item .panel_holder { min-width: 0; width: 100%; } .quest_item .panel_content, .quest_item .content_scroll { min-width: 0; overflow-x: hidden; } .quest_item .quest_read_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 44px; padding: 8px 12px; margin-top: 4px; } .quest_item .circle.size_1, .quest_item .square.size_1 { min-width: 44px; min-height: 44px; } } .finance_area .col_left > .panel { height: calc(100vh - 118px) !important; } .finance_area .col_left > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; } .finance_area .col_left > .panel .table { display: grid; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; height: 100% !important; overflow: hidden; } .finance_area .col_left > .panel .table .inner_height { grid-row: span 2; } .finance_area .col_right > .panel { height: calc(100vh - 78px) !important; } .finance_area .col_right > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; } @media only screen and (max-width: 1599.98px) { .finance_area .col_right > .panel .list_sliders h3 { font-size: 16px !important; } } .finance_area .list_sliders { --indent:25px; margin-right: calc(var(--indent) * -1); margin-left: calc(var(--indent) * -1); } .finance_area .list_sliders > .col { padding-left: var(--indent); padding-right: var(--indent); } @media only screen and (max-width: 1599.98px) { .finance_area .list_sliders { --indent:10px; } } .panel_header .col_sum { max-width: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } @media only screen and (max-width: 1599.98px) { .panel_header .col_sum { font-size: 16px !important; } } .col_sum { max-width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; text-align: right; word-wrap: break-word; } .diplomacy_area .col_left > .panel { height: calc(100vh - 118px) !important; } .diplomacy_area .col_right > .panel { height: calc(100vh - 78px) !important; } .col_graph { overflow: hidden; height: 180px; } .town_list li .town_img { max-width: 76px; -webkit-box-flex: 0; -ms-flex: 0 0 76px; flex: 0 0 76px; position: relative; } .town_list li .town_img .square_img_cont { height: 76px; } .town_list li .circle { z-index: 2; } .dynasty_page { overflow-y: hidden; min-height: 100vh; position: relative; } .dynasty_area { width: 100%; position: absolute; top: 0; left: 0; } .dynasty_area.grid_column { height: 100vh !important; } .dynasty_area .content_scroll { touch-action: none; -ms-touch-action: none; } .dynasty_area .content_scroll > .draggable { min-width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; } .dynasty_area .draggable_viewport { min-width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .dynasty_area .draggable_content { flex-shrink: 0; } .left_tab { width: 600px; height: calc(100vh - 300px) !important; left: 10px; bottom: 10px; position: absolute; z-index: 2; } @media only screen and (max-width: 1299.98px) { .left_tab { width: 400px; } } @media only screen and (max-height: 600px) { .left_tab { height: calc(100vh - 100px) !important; } } .left_tab.closed { width: 200px; } .left_tab.closed .person { margin-left: auto; margin-right: auto; } .left_tab.closed .holder_info { display: none !important; } .left_tab.closed .tab_nav .title { display: none !important; } .left_tab > .panel_holder > .panel_content > .content_scroll { height: 100%; } .left_tab .tabs { display: grid; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; height: 100% !important; overflow: hidden; } .left_tab .tabs .inner_height { grid-row: span 2; } .left_tab .switcher_slider { position: absolute; right: -17px !important; top: 50%; display: block; } .modal_person { width: 620px; position: absolute; bottom: 10px; right: 10px; height: calc(100vh - 83px) !important; } @media only screen and (max-width: 1599.98px) { .modal_person { width: 360px; } .modal_person .item_person { margin-left: 0; margin-right: 0; } .modal_person .columns_holder { height: auto !important; padding-left: 20px; } .modal_person .holder_btns { max-height: 200px; } } @media only screen and (max-width: 1599.98px) { .modal_person .column_text { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0 !important; padding-right: 0 !important; } } .column_person { -webkit-box-flex: 0; -ms-flex: 0 0 258px; flex: 0 0 258px; max-width: 258px; } .column_person .panel_content { min-height: 150px; } .fly_drop { width: 435px; position: absolute; z-index: 8; } .fly_drop .arr_down { -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); width: 11px; height: 18px; margin-top: 2px; } .fly_drop .panel_drop { display: none; } .fly_drop.opened .arr_down { -webkit-transform: translate(-50%, -50%) rotate(90deg) scaleX(-1); -ms-transform: translate(-50%, -50%) rotate(90deg) scaleX(-1); transform: translate(-50%, -50%) rotate(90deg) scaleX(-1); margin-top: 0; } .fly_drop.opened .panel_drop { display: block; } .person_block { --arm: 25px; padding: var(--arm); position: relative; overflow: hidden; } .person_block .person { margin-left: auto; margin-right: auto; } .person_block .frame_title { width: var(--frame_w_local); font-weight: normal; } .person_block .line_decor { background: #d83030; display: block; -webkit-box-shadow: 0px 0px 4px #D83030; box-shadow: 0px 0px 4px #D83030; display: none; } .person_block .line_decor.half_line_left, .person_block .line_decor.half_line_right { width: 50%; height: 2px; bottom: 0; position: absolute; } .person_block .line_decor.half_line_left { left: 0; } .person_block .line_decor.half_line_right { right: 0; } .person_block .line_decor.left_line, .person_block .line_decor.right_line { height: 2px; width: var(--arm); position: absolute; bottom: calc(var(--arm) + 20px); } .person_block .line_decor.left_line { left: 0; } .person_block .line_decor.right_line { right: 0; } .person_block .line_decor.bottom_line, .person_block .line_decor.top_line { width: 2px; height: var(--arm); position: absolute; left: 50%; margin-left: -1px; } .person_block .line_decor.top_line { top: 0; } .person_block .line_decor.bottom_line { bottom: 0; } .person_block.bottom .bottom_line { display: block; } .person_block.top .top_line { display: block; } .person_block.left .left_line { display: block; } .person_block.right .right_line { display: block; } .person_block.half_right .half_line_right { display: block; } .person_block.half_left .half_line_left { display: block; } .religion_area .col_left > .panel { height: calc(100vh - 118px) !important; } .religion_area .col_left > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; } .religion_area .col_left > .panel .table { display: grid; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; height: 100% !important; overflow: hidden; } .religion_area .col_left > .panel .table .inner_height { grid-row: span 2; } @media only screen and (max-width: 1599.98px) { .religion_area .col_right { max-width: 350px; -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; } } .religion_area .col_right > .panel { height: calc(100vh - 78px) !important; } .religion_area .col_right > .panel > .panel_holder > .panel_content > .content_scroll { height: 100%; } #editor_controls { --h-header:100px; --h-footer:200px; width: 300px; position: absolute; z-index: 5; top: 75px; right: 5px; } @media only screen and (max-width: 1299.98px) { #editor_controls { --h-footer:170px; } } #editor_controls .panel_holder { max-height: 90vh; } /* vollkorn-regular - latin_cyrillic */ @font-face { font-family: 'Vollkorn'; src: url("../fonts/vollkorn-v17-latin_cyrillic-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/vollkorn-v17-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/vollkorn-v17-latin_cyrillic-regular.woff2") format("woff2"), url("../fonts/vollkorn-v17-latin_cyrillic-regular.woff") format("woff"), url("../fonts/vollkorn-v17-latin_cyrillic-regular.ttf") format("truetype"), url("../fonts/vollkorn-v17-latin_cyrillic-regular.svg#Vollkorn") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400; font-display: swap; } /* vollkorn-700 - latin_cyrillic */ @font-face { font-family: 'Vollkorn'; src: url("../fonts/vollkorn-v17-latin_cyrillic-700.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/vollkorn-v17-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/vollkorn-v17-latin_cyrillic-700.woff2") format("woff2"), url("../fonts/vollkorn-v17-latin_cyrillic-700.woff") format("woff"), url("../fonts/vollkorn-v17-latin_cyrillic-700.ttf") format("truetype"), url("../fonts/vollkorn-v17-latin_cyrillic-700.svg#Vollkorn") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 700; font-display: swap; } /* vollkorn-italic - latin_cyrillic */ @font-face { font-family: 'Vollkorn'; src: url("../fonts/vollkorn-v17-latin_cyrillic-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/vollkorn-v17-latin_cyrillic-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/vollkorn-v17-latin_cyrillic-italic.woff2") format("woff2"), url("../fonts/vollkorn-v17-latin_cyrillic-italic.woff") format("woff"), url("../fonts/vollkorn-v17-latin_cyrillic-italic.ttf") format("truetype"), url("../fonts/vollkorn-v17-latin_cyrillic-italic.svg#Vollkorn") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: 400; font-display: swap; } a, .hovered_item { color: #b8afaa; -webkit-transition: var(--animation_static); -o-transition: var(--animation_static); transition: var(--animation_static); } a:hover, .hovered_item:hover { color: #fff; text-decoration: none; -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); } .btn-block { width: 100%; text-align: center; } .btn-block span { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .go_top { position: absolute; bottom: 22px; right: 30px; z-index: 10; } .btn { --px:20px; --py:5px; --size_corner_local:calc(var(--size_corner) / 2.7); --paddings_local:var(--py) var(--px); --font_size_local:16px; --height: 54px; --ico_w:25px; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; background: #180f0a; -webkit-border-radius: calc(var(--indent) + 2px); border-radius: calc(var(--indent) + 2px); overflow: hidden; border: 0; color: #b8afaa; position: relative; text-align: center; font-size: var(--font_size_local); padding: 0; } .btn.disabled, .btn:disabled { opacity: 0.5; pointer-events: none; } .btn.md { --size_corner_local:calc(var(--size_corner) / 2.7 * 0.75); --font_size_local:14px; --paddings_local: var(--py) calc(var(--px) * 0.75); -webkit-border-radius: calc(var(--indent) + 1px); border-radius: calc(var(--indent) + 1px); --height: 42px; --ico_w:20px; } .btn.sm { --size_corner_local:calc(var(--size_corner) / 2.7 * 0.5); --font_size_local:13px; --paddings_local: var(--py) calc(var(--px) * 0.65); -webkit-border-radius: calc(var(--indent)); border-radius: calc(var(--indent)); --height: 35px; --ico_w:15px; } .btn > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: var(--height); padding: var(--paddings_local); vertical-align: middle; } .btn > span:before, .btn > span:after { content: ""; position: absolute; bottom: 0; left: 0; width: var(--size_corner_local); height: var(--size_corner_local); background: var(--corner_img) no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); pointer-events: none; } .btn > span:after { left: auto; right: 0; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .btn svg { width: 16px; max-width: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; margin-right: 5px; } .btn:before, .btn:after { content: ""; position: absolute; top: 0; left: 0; width: var(--size_corner_local); height: var(--size_corner_local); background: var(--corner_img) no-repeat; -webkit-background-size: cover; background-size: cover; pointer-events: none; } .btn:after { left: auto; right: 0; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .btn:hover { color: #fff; text-decoration: none; } .btn i { font-style: normal; } .btn .ico { width: var(--ico_w); max-width: var(--ico_w); -webkit-box-flex: 0; -ms-flex: 0 0 var(--ico_w); flex: 0 0 var(--ico_w); height: var(--ico_w); margin-right: 10px; overflow: hidden; position: relative; display: block; } .btn .ico img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .switcher { --w:calc(37px / 2); --h:calc(49px / 2); width: var(--w); height: var(--h); background: url(/images/map/btns/arrow_short.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; display: inline-block; border: 0; outline: none; padding: 0; } .switcher.down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .switcher.down.opened { -webkit-transform: rotate(90deg) scale(-1, 1); -ms-transform: rotate(90deg) scale(-1, 1); transform: rotate(90deg) scale(-1, 1); } .closed .switcher.down { -webkit-transform: rotate(-90deg) scaleX(-1); -ms-transform: rotate(-90deg) scaleX(-1); transform: rotate(-90deg) scaleX(-1); } .switcher.left { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .switcher.switcher_slider { --w:calc(38px / 2); --h:calc(70px / 2); width: var(--w); height: var(--h); background: url(/images/map/btns/arrow.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; z-index: 6; pointer-events: auto; } .slide_at_left .switcher.switcher_slider { -webkit-transform: translateX(-50%) scale(-1, 1); -ms-transform: translateX(-50%) scale(-1, 1); transform: translateX(-50%) scale(-1, 1); } .slide_at_left.closed .switcher.switcher_slider { -webkit-transform: translateX(-50%) scale(1, 1); -ms-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); } .slide_at_right .switcher.switcher_slider { -webkit-transform: translateX(50%) scale(1, 1); -ms-transform: translateX(50%) scale(1, 1); transform: translateX(50%) scale(1, 1); } .slide_at_right.closed .switcher.switcher_slider { -webkit-transform: translateX(50%) scale(-1, 1); -ms-transform: translateX(50%) scale(-1, 1); transform: translateX(50%) scale(-1, 1); } .dropdown_item .switcher.switcher_slider.down { -webkit-transform: rotate(-90deg) scaleX(-1); -ms-transform: rotate(-90deg) scaleX(-1); transform: rotate(-90deg) scaleX(-1); } .dropdown_item:hover .switcher.switcher_slider.down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: var(--animation_hovered); -o-transition: var(--animation_hovered); transition: var(--animation_hovered); -webkit-filter: saturate(2) brightness(1.5); filter: saturate(2) brightness(1.5); } .panel_army.slide_at_right .switcher_slider { -webkit-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } .panel_army.slide_at_right.closed .switcher_slider { -webkit-transform: translate(-50%, -50%) scale(-1, 1); -ms-transform: translate(-50%, -50%) scale(-1, 1); transform: translate(-50%, -50%) scale(-1, 1); } .close_btn, .back_btn { border: 0; padding: 0; -webkit-border-radius: 6px; border-radius: 6px; --s:calc(56px / 2); width: var(--s); height: var(--s); background: url(/images/map/btns/close.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; display: block; top: 3px; right: 3px; z-index: 7; } .back_btn { --s:calc(58px / 2); background: url(/images/map/btns/back.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .mob_btn .panel_holder { width: 65px; height: 65px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mob_btn .decor:after, .mob_btn .decor:before { content: none; } .mob_btn .corner { background: var(--decorate_img) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; --width:calc(var(--size_w) / 2); --height:calc(var(--size_h) / 2); } .btn-link { margin: 0; border: 0; background: none; color: #b8afaa; padding: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-link:after, .btn-link:before { content: none; } .btn-link.btn-reset:not(.disabled) { color: #d83030; } .btn_panel { position: relative; } .btn_panel .close_btn { right: 0; top: 0; } .btn_panel .panel { border: 0; padding: 0; margin: 0; color: #b8afaa; outline: none; width: 100%; } .btn_panel.disabled .panel, .btn_panel:disabled .panel { opacity: 0.5; pointer-events: none; } .btn_panel.disabled:hover, .btn_panel:disabled:hover { -webkit-filter: none; filter: none; } .fz_10 { font-size: 10px !important; } .fz_11 { font-size: 11px !important; } .fz_12 { font-size: 12px !important; } .fz_13 { font-size: 13px !important; } .fz_14 { font-size: 14px !important; } .fz_15 { font-size: 15px !important; } .fz_16 { font-size: 16px !important; } .fz_17 { font-size: 17px !important; } .fz_18 { font-size: 18px !important; } .fz_19 { font-size: 19px !important; } .fz_20 { font-size: 20px !important; } .fz_21 { font-size: 21px !important; } .fz_22 { font-size: 22px !important; } .fz_23 { font-size: 23px !important; } .fz_24 { font-size: 24px !important; } .fz_25 { font-size: 25px !important; } .fz_26 { font-size: 26px !important; } .fz_27 { font-size: 27px !important; } .fz_28 { font-size: 28px !important; } .fz_29 { font-size: 29px !important; } .fz_30 { font-size: 30px !important; } .list-unstyled { list-style: none; padding: 0; margin: 0; } .lh_1_25 { line-height: 1.25; } .lh_1 { line-height: 1; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: 700; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .red, .text-danger { color: #d83030 !important; } .blue, .text-info { color: #0090FF; } .bg-info { background: #0090FF; } .text-secondary { color: #755C3E; } .green, .text-success { color: #31D96A !important; fill: #31D96A !important; } .green path, .text-success path { fill: #31D96A !important; } .yellow, .text-warning { color: #FFE600 !important; } .text-light { color: #b8afaa !important; } .svg-success path, .svg-success rect { fill: #31D96A; } .svg-danger path, .svg-danger rect { fill: #d83030; } ul.list_info, ol.list_info { padding: 10px 0 0 0; margin: 0; list-style: none; } ul.list_info li, ol.list_info li { padding-bottom: 4px; } /*# sourceMappingURL=all.css.map */