/*! CSS Used from: https://cop.admhmao.ru/assets/dist/style.hmao.ff4d76d6.css */
.body {
    --color-flag: #445916;
}

.logo {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: -webkit-box;
    display: flex;
    float: left;
    position: relative;
    text-decoration: none !important;
    user-select: none;
    width: 458px;
}

.logo,
.logo__center,
.logo__left {
    height: 66px;
}

.logo__left {
    background-image: url(https://cop.admhmao.ru/assets/dist/logo.aa7b2557.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 32px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .01);
    margin-right: 16px;
    overflow: hidden;
    width: 60px;
}

.logo__center {
    max-width: 370px;
    overflow: hidden;
    padding-right: 28px;
    position: relative;
    width: auto;
}

.logo__subtitle,
.logo__title {
    white-space: nowrap;
}

.logo__title {
    color: #445916;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 10px;
}

.logo__subtitle {
    color: #56682c;
    font-size: 12px;
    line-height: 16px;
}

.logo__fadeout {
    background-image: -webkit-linear-gradient(left, hsla(30, 7%, 95%, 0), #f2f1f0 90%);
    background-image: linear-gradient(90deg, hsla(30, 7%, 95%, 0), #f2f1f0 90%);
    background-size: cover;
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    z-index: 1;
}

/*! CSS Used from: https://cop.admhmao.ru/assets/dist/style.d4bb0c57.css */
*,
:after,
:before {
    box-sizing: border-box;
}

body,
h1,
html,
p,
ul {
    font-weight: 400;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    list-style-type: none;
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

a {
    background-color: initial;
}

script,
style {
    display: none !important;
}

:root {
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    -webkit-font-feature-settings: "cpsp"1, "cv10"1, "kern"1, "ss01"1, "ss02"1, "tnum"1, "zero"1;
    font-feature-settings: "cpsp"1, "cv10"1, "kern"1, "ss01"1, "ss02"1, "tnum"1, "zero"1;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    --color-flag: #d52728;
    --color-flag-text: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --form-block-margin: var(--form-gutter) 0;
    --form-group-margin: 0 var(--form-gutter-minor) var(--form-gutter-minor) 0;
    --form-group-padding: 0;
    --form-hr-margin: var(--form-gutter-major) 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #ddd;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60, 11%, 98%, .9);
    --branding-blur: 12px;
    color: #242322;
    font-family: Intervar, -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.b-href,
a {
    -webkit-text-decoration-color: rgba(12, 119, 195, .33);
    -webkit-transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(12, 119, 195, .33);
    text-decoration-thickness: 1px;
    text-underline-offset: .45ex;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
}

.b-href:focus,
a:focus {
    -webkit-text-decoration-color: #0c77c3;
    text-decoration-color: #0c77c3;
}

.b-href:hover,
a:hover {
    -webkit-text-decoration-color: #2485c9;
    color: #2485c9;
    text-decoration-color: #2485c9;
}

.b-href:active,
a:active {
    -webkit-text-decoration-color: #d8443a;
    color: #d8443a;
    text-decoration-color: #d8443a;
}

a.phone,
a[href^="tel:"] {
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
}

.b-href .fa {
    color: inherit;
    font-size: .9em;
}

.b-href .fa,
.b-href .fa:before {
    display: inline;
}

.spacer {
    height: 16px;
}

.lblue {
    color: #3b5bdb !important;
}

.layout {
    background-color: #f2f1f0;
    min-height: 100vh;
    min-width: 980px;
    width: 100%;
}

.layout-main {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.layout-content,
.navigation-top__inner {
    margin: 0 auto;
    max-width: 1348px;
    min-width: 980px;
    padding: 0 24px;
    width: 100%;
}

.layout-content--header {
    padding-bottom: 12px;
    padding-top: 24px;
}

.layout-content--main {
    min-height: calc(100vh - 480px);
    padding-bottom: 24px;
    padding-top: 24px;
}

.navigation-header .header {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: flex;
    height: 94px;
    justify-content: space-between;
}

.navigation-top {
    background: #42413f;
    font-size: 11px;
    height: 40px;
    line-height: 39px;
    width: 100%;
    z-index: 66;
}

.navigation-top__inner {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.navigation-top__left,
.navigation-top__right {
    display: -webkit-box;
    display: flex;
    height: 40px;
    width: 50%;
}

.navigation-top__left {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-left: -8px;
}

.navigation-top__right {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-right: -8px;
}

.navigation-top-item {
    -webkit-box-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: #bcbbb9;
    display: -webkit-box;
    display: flex;
    font-size: 11px;
    height: 40px;
    line-height: 36px;
    margin: 0;
    max-width: 140px;
    min-width: 40px;
    padding: 0 8px;
    position: relative;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.navigation-top-item {
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-top-item:active {
    background-color: #353432;
    color: #fff;
    cursor: pointer;
}

.navigation-top-item:hover {
    background-color: #3c3b39;
    color: #fff;
}

.navigation-tabs {
    margin: 0;
    text-shadow: none;
}

.m-navigation {
    display: none;
}

.m-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: stretch;
    background-color: #464543;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .19);
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: stretch;
    line-height: 48px;
    padding-left: 16px;
    padding-right: 16px;
}

.m-panel-fake {
    display: block;
    height: 48px;
}

.m-panel__flag {
    background-color: #d52728;
    background-color: var(--color-flag);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 1;
}

.m-panel__flag:after,
.m-panel__flag:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    margin-left: -1px;
    position: absolute;
    width: 0;
    z-index: 1;
}

.m-panel__flag:before {
    border-color: #d52728 transparent transparent;
    border-color: var(--color-flag) transparent transparent transparent;
    border-width: 26.67px 10px 0 0;
    top: 0;
}

.m-panel__flag:after {
    border-color: transparent transparent transparent #d52728;
    border-color: transparent transparent transparent var(--color-flag);
    border-width: 26.67px 0 0 10px;
    bottom: 0;
}

.m-panel__title {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    flex-basis: 0;
    overflow: hidden;
    position: relative;
    width: auto;
    z-index: 2;
}

.m-panel__title .m-logo {
    max-width: calc(100vw - 216px);
}

.m-panel__title .m-logo--wide {
    max-width: 218px;
}

.m-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.m-logo,
.m-logo:hover {
    color: #fff;
    color: var(--color-flag-text);
}

.m-logo__subtitle,
.m-logo__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-logo__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

.m-logo__subtitle {
    font-size: 11px;
    font-weight: 300;
    line-height: 14px;
}

.m-panel {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}

.footer {
    background-color: #f2f1f0;
    color: #5b5a58;
    font-size: 14px;
    line-height: 24px;
    min-height: 80px;
    min-width: 980px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.footer:after,
.footer:before {
    content: "";
    display: table;
    line-height: 0;
}

.footer:after {
    clear: both;
}

.footer .layout-content {
    display: -webkit-box;
    display: flex;
}

.footer-menu {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu__item {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 24px;
    margin: 0 12px .5em 0;
    min-width: 0;
    white-space: nowrap;
}

.footer-menu-icon {
    background: #ccc;
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    margin-right: .66ch;
    width: 20px;
}

.footer-menu-icon--phone {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='m493.4 24.6-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px auto;
}

.footer-menu-icon--question {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23fff'%3E%3Cpath d='M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px auto;
}

.footer-copyright {
    min-width: 300px;
}

.footer-copyright,
.footer-menu {
    line-height: 24px;
    min-height: 32px;
    padding: 0;
}

.loading-screen {
    -webkit-backdrop-filter: blur(2px);
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    align-content: center;
    align-items: center;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    display: none;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200;
}

.loading-screen__circle {
    display: none;
    font-size: 28px;
    line-height: 28px;
    margin: 16px auto 8px;
    text-align: center;
}

.loading-screen__caption {
    font-size: 18px;
    line-height: 24px;
    margin: 8px auto 16px;
    padding: 0 0 0 .82em;
    text-align: center;
}

.loading-screen__progressbar {
    font-size: 34px;
    margin: 15% auto 0;
    text-align: center;
    width: 500px;
}

h1 {
    -webkit-font-feature-settings: "cpsp"1, "cv10"1, "kern"1, "ss01"1, "ss02"1, "tnum"0, "zero"1;
    font-feature-settings: "cpsp"1, "cv10"1, "kern"1, "ss01"1, "ss02"1, "tnum"0, "zero"1;
    font-family: inherit;
    font-weight: 400;
}

h1 {
    font-size: 18px;
    font-weight: 550;
    letter-spacing: -.01em;
    line-height: 32px;
    margin-bottom: 16px;
}

p {
    margin: 4px 0;
}

ul {
    margin: 0;
}

.fa {
    display: inline-block;
}

.fa:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: initial;
}

.fal,
.fal:before {
    display: inline-block;
}

.fal:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-family: font awesome light;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: inherit;
    vertical-align: initial;
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}

a:active,
a:focus {
    outline: none;
}

.server-alert {
    background-color: #d8443a;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    width: 100%;
}

.server-alert--mobile-markup {
    display: none;
}

.server-alert__inner {
    margin: 0 auto;
    max-width: 920px;
    padding: 16px;
    width: 100%;
}

.server-alert__inner:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f071";
    display: block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    margin-left: -24px;
    position: absolute;
    top: 16px;
    vertical-align: initial;
}

.server-alert h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: inherit;
    margin: 0 0 12px;
}

.server-alert p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px;
}

.server-alert .b-href {
    -webkit-text-decoration-color: hsla(0, 0%, 100%, .4);
    color: hsla(0, 0%, 100%, .88);
    text-decoration-color: hsla(0, 0%, 100%, .4);
}

.server-alert .b-href:hover {
    -webkit-text-decoration-color: #fff;
    color: #fff;
    text-decoration-color: #fff;
}

.tooltip {
    -webkit-transition: opacity .1s cubic-bezier(.215, .61, .355, 1);
    left: -9999px;
    max-width: 300px;
    opacity: .5;
    position: absolute;
    top: -9999px;
    transition: opacity .1s cubic-bezier(.215, .61, .355, 1);
    width: auto;
    z-index: 200 !important;
}

.tooltip__text {
    background: #fef5e3;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 1.124em;
    overflow: hidden;
    padding: 12px 16px;
    white-space: pre-line;
}

.tooltip:after,
.tooltip:before {
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - 10px);
    position: absolute;
    width: 0;
    z-index: 2;
}

.tooltip:after {
    -webkit-filter: blur(2px);
    border-color: rgba(0, 0, 0, .1) transparent transparent;
    bottom: -12px;
    filter: blur(2px);
    z-index: 1;
}

.tooltip:before {
    border-color: #fef5e3 transparent transparent;
}

.hide--desktop {
    display: none !important;
}

@media (min-width:897px) and (max-width:1099px) {
    :root {
        font-size: 13px;
        line-height: 19px;
    }
}

@media (max-width:896px) {
    .layout {
        min-height: 0;
        min-width: 0;
    }

    .body--fluid .layout-content {
        min-width: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .body--fluid .layout-content--header {
        display: none;
    }

    .navigation-header {
        padding-top: 0;
    }

    .body--fluid .navigation-header .header,
    .body--fluid .navigation-top,
    .body--fluid .navigation-top-fake {
        display: none;
    }

    .body--fluid .m-navigation {
        display: block;
    }

    .footer {
        height: auto;
        margin: 0;
        min-width: 100%;
        padding: 0 0 24px;
    }

    .footer .layout-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .footer-menu__item {
        display: -webkit-box;
        display: flex;
    }

    .footer-copyright,
    .footer-menu {
        height: auto;
        margin: 16px 0;
        min-height: 0;
        width: 100%;
    }

    .server-alert--mobile-markup {
        display: block;
    }

    .server-alert__inner {
        padding-left: 32px;
    }

    .hide--desktop {
        display: block !important;
    }

    .hide--mobile {
        display: none !important;
    }
}

@media screen and (max-width: 640px) {
    .k9f74FJ1gxPDEqSSNr99 {
        grid-gap: 24px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto
    }

    .k9f74FJ1gxPDEqSSNr99.faolFrcqdYw_9E2t4Br5 {
        grid-template-columns: repeat(5, 220px)
    }

    .k9f74FJ1gxPDEqSSNr99.faolFrcqdYw_9E2t4Br5 .HgtZFmLlE7rOmdvUn31a.HfmexLkb5rdK2ShO_UNg {
        grid-column: 1/2
    }

    .k9f74FJ1gxPDEqSSNr99.faolFrcqdYw_9E2t4Br5 .HgtZFmLlE7rOmdvUn31a.HfmexLkb5rdK2ShO_UNg .VRrSZbIdu6SEq95O5Jpc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a {
        background: #f8f8f8;
        cursor: pointer
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .WzaxLgytAx_CfMlvmpRu {
        padding: 16px
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .WzaxLgytAx_CfMlvmpRu .VRrSZbIdu6SEq95O5Jpc {
        -webkit-box-pack: justify;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a.HfmexLkb5rdK2ShO_UNg {
        font-size: 14px;
        grid-column: 1/3;
        grid-row: 1/2
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a.HfmexLkb5rdK2ShO_UNg .VRrSZbIdu6SEq95O5Jpc {
        -webkit-box-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .d_XUcxcZny1ntpoiTvnZ {
        color: #000;
        font-weight: 700;
        margin-bottom: 8px
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .FKZXSv4G4Z9vBWA0xvp2 {
        width: 100%
    }

    .k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .A5IoPnuK9gdKO7j7MeUN {
        color: rgba(36, 39, 41, .5);
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .M5x6K6TvgkTYA0pfu06W a {
        text-decoration: none;
        color: #333
    }

    .JtM1IYVdoUUCvC4dv0B5 {
        display: grid;
        flex-wrap: wrap;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 48px
    }

    .JtM1IYVdoUUCvC4dv0B5.A3jKMrKcqYus3SZXxvpI {
        grid-template-columns: 1fr
    }

    .JtM1IYVdoUUCvC4dv0B5 .vHZlWjdgh8PfUeatmUoD {
        text-align: right
    }

    .dexG4k44dxvNrw9WtPvm {
        grid-gap: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content
    }

    .dexG4k44dxvNrw9WtPvm .wxi3AIWI4GUAjWkYOaDg {
        grid-column: 1/2;
        grid-row: 1/2
    }

    .dexG4k44dxvNrw9WtPvm .tVKdnvNl1wskDqM1iPhv {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .dexG4k44dxvNrw9WtPvm .M5x6K6TvgkTYA0pfu06W {
        grid-column: 2/3;
        grid-row: 1/3
    }

    .dexG4k44dxvNrw9WtPvm.A3jKMrKcqYus3SZXxvpI {
        grid-template-columns: 1fr
    }

    .dexG4k44dxvNrw9WtPvm.A3jKMrKcqYus3SZXxvpI .wxi3AIWI4GUAjWkYOaDg {
        grid-column: 1/2;
        grid-row: 1/2;
        overflow-x: scroll;
        width: 100%
    }

    .dexG4k44dxvNrw9WtPvm.A3jKMrKcqYus3SZXxvpI .tVKdnvNl1wskDqM1iPhv {
        grid-column: 1/2;
        grid-row: 3/4
    }

    .dexG4k44dxvNrw9WtPvm.A3jKMrKcqYus3SZXxvpI .M5x6K6TvgkTYA0pfu06W {
        grid-column: 1/2;
        grid-row: 2/3;
        max-width: 100%;
        overflow-x: scroll
    }

    .dexG4k44dxvNrw9WtPvm .Af3cHHYi3NSXUNthv60G {
        display: -webkit-inline-box;
        display: inline-flex;
        margin-bottom: 16px
    }

    .dexG4k44dxvNrw9WtPvm .Af3cHHYi3NSXUNthv60G .Itx0ZObTFtIWlNSxvBEg {
        color: rgba(36, 39, 41, .5);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-right: 16px
    }

    .b1B23kblpU3QcAZVapxL {
        background: #f8f8f8;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto
    }

    .b1B23kblpU3QcAZVapxL.lfCV0bFwVdMapewGyc7x {
        grid-row-gap: 16px;
        background: #fff;
        grid-template-columns: 1fr
    }

    .b1B23kblpU3QcAZVapxL.lfCV0bFwVdMapewGyc7x .qkBhUkrcgcCrbctldIMt {
        background: #f8f8f8
    }

    .b1B23kblpU3QcAZVapxL .qkBhUkrcgcCrbctldIMt {
        cursor: pointer;
        padding: 16px
    }

    .b1B23kblpU3QcAZVapxL .qkBhUkrcgcCrbctldIMt .yfF7cnV6763tXK0sQKqs {
        color: #0c77c3;
        font-weight: 700;
        margin-bottom: 4px;
        text-decoration: underline
    }

    .b1B23kblpU3QcAZVapxL .qkBhUkrcgcCrbctldIMt:hover {
        opacity: .7
    }
}

@media (min-width:897px) {
    .layout-content--main {
        padding-bottom: 48px;
    }

    .footer {
        margin: -80px auto 0;
        padding: 24px 0;
    }

    .footer .layout-content {
        -webkit-box-pack: justify;
        -webkit-box-align: center;
        align-items: center;
        justify-content: space-between;
    }

    .footer-copyright {
        max-width: 33%;
    }

    .footer-menu__item:last-child {
        margin-right: 0;
    }

    .fake_footer {
        height: 80px;
        pointer-events: none;
    }

    .hide--desktop {
        display: none !important;
    }
}

@media print {

    .fake_footer,
    .navigation-header,
    .navigation-top,
    .tooltip {
        display: none !important;
    }

    .b-href,
    .link {
        border-bottom: none;
    }
}

/*! CSS Used from: Embedded */
.dexG4k44dxvNrw9WtPvm {
    grid-gap: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
}

.dexG4k44dxvNrw9WtPvm .wxi3AIWI4GUAjWkYOaDg {
    grid-column: 1/2;
    grid-row: 1/2;
}

.dexG4k44dxvNrw9WtPvm .tVKdnvNl1wskDqM1iPhv {
    //grid-column: 1/2;
    //grid-row: 2/3;
}

.dexG4k44dxvNrw9WtPvm .M5x6K6TvgkTYA0pfu06W {
    grid-column: 2/3;
    grid-row: 1/3;
}

.dexG4k44dxvNrw9WtPvm .Af3cHHYi3NSXUNthv60G {
    display: -webkit-inline-box;
    display: inline-flex;
    margin-bottom: 16px;
}

.dexG4k44dxvNrw9WtPvm .Af3cHHYi3NSXUNthv60G .Itx0ZObTFtIWlNSxvBEg {
    color: rgba(36, 39, 41, .5);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 16px;
}

/*! CSS Used from: Embedded */
.tvWQslfmRRI5vTjgmtWI {
    display: -webkit-inline-box;
    display: inline-flex;
    margin-bottom: 16px;
}

.tvWQslfmRRI5vTjgmtWI .thC61yjxh9zUXPEf8AUS {
    color: rgba(36, 39, 41, .5);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 16px;
}

.b_xJ4t_s5rhnZ9umQpKf {
    text-align: right;
}

.b_xJ4t_s5rhnZ9umQpKf .woadIo_SVWwFc30v_xJx {
    -webkit-text-decoration-color: #6583b0;
    color: #6583b0;
    text-decoration-color: #6583b0;
}

/*! CSS Used from: Embedded */
.b1B23kblpU3QcAZVapxL {
    background: #f8f8f8;
    display: grid;
    //grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
}

.b1B23kblpU3QcAZVapxL .qkBhUkrcgcCrbctldIMt {
    cursor: pointer;
    padding: 16px;
}

.b1B23kblpU3QcAZVapxL .qkBhUkrcgcCrbctldIMt .yfF7cnV6763tXK0sQKqs {
    color: #0c77c3;
    font-weight: 700;
    margin-bottom: 4px;
    text-decoration: underline;
}

.b1B23kblpU3QcAZVapxL .qkBhUkrcgcCrbctldIMt:hover {
    opacity: .7;
}

/*! CSS Used from: Embedded */
.k9f74FJ1gxPDEqSSNr99 {
    grid-gap: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a {
    background: #f8f8f8;
    cursor: pointer;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .WzaxLgytAx_CfMlvmpRu {
    padding: 16px;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .WzaxLgytAx_CfMlvmpRu .VRrSZbIdu6SEq95O5Jpc {
    -webkit-box-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a.HfmexLkb5rdK2ShO_UNg {
    font-size: 14px;
    grid-column: 1/3;
    grid-row: 1/2;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a.HfmexLkb5rdK2ShO_UNg .VRrSZbIdu6SEq95O5Jpc {
    -webkit-box-pack: justify;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .d_XUcxcZny1ntpoiTvnZ {
    color: #000;
    font-weight: 700;
    margin-bottom: 8px;
}

.k9f74FJ1gxPDEqSSNr99 .HgtZFmLlE7rOmdvUn31a .A5IoPnuK9gdKO7j7MeUN {
    color: rgba(36, 39, 41, .5);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}

/*! CSS Used from: Embedded */
.hBvXfTBNZ6aMwqpM8Dsy {
    grid-gap: 24px;
    display: grid;
    //grid-template-columns: repeat(3, 1fr);
    margin-bottom: 24px;
}

.hBvXfTBNZ6aMwqpM8Dsy .l0BWiiNjZW6n3hDThXSh {
    -webkit-box-align: center;
    align-items: center;
    background: #0c77c3;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    //display: grid;
    grid-template-columns: 66px auto;
    padding: 16px;
    text-align:center;
}

.hBvXfTBNZ6aMwqpM8Dsy .l0BWiiNjZW6n3hDThXSh .NmtnfJjlic9XMHs9Hedm {
    width: 50px;
}

.hBvXfTBNZ6aMwqpM8Dsy .l0BWiiNjZW6n3hDThXSh .SfECKAQFEdb0_28NrdAK {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

/*! CSS Used keyframes */
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/*! CSS Used fontfaces */
@font-face {
    font-display: block;
    font-family: font awesome regular;
    font-style: normal;
    font-weight: 400;
    src: url(https://cop.admhmao.ru/assets/dist/fa_regular_400.33904a1b.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: font awesome light;
    font-style: normal;
    font-weight: 300;
    src: url(https://cop.admhmao.ru/assets/dist/fa_light_300.d3271a56.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: font awesome solid;
    font-style: normal;
    font-weight: 900;
    src: url(https://cop.admhmao.ru/assets/dist/fa_solid_900.54dfc8f5.woff2) format("woff2");
}

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            overflow-x: hidden;
        }
        
        #modalOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.92);
            z-index: 9999;
            display: none;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        
        #modalContainer {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #modalImageWrapper {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 100%;
            max-height: 100%;
        }
        
        #imageLink {
            display: block;
            text-decoration: none;
            cursor: pointer;
            position: relative;
        }
        
        #modalImage {
            display: block;
            border-radius: 8px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
            object-fit: contain;
            transition: opacity 0.3s ease, transform 0.3s ease;
            opacity: 0;
            /* Убираем ограничения по ширине и высоте, чтобы показать оригинальный размер */
            max-width: none;
            max-height: none;
            width: auto;
            height: auto;
        }
        
        #imageLink:hover #modalImage {
            transform: scale(1.02);
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.8);
        }
        
        #modalImage.loaded {
            opacity: 1;
        }
        
        #modalTimer {
            position: absolute;
            top: 25px;
            right: 25px;
            background: rgba(0, 0, 0, 0.85);
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            z-index: 100;
            border: 2px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
            font-family: 'Arial', sans-serif;
        }
        
        #modalClose {
            position: absolute;
            top: 25px;
            right: 25px;
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.85);
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            font-size: 32px;
            cursor: pointer;
            z-index: 101;
            display: none;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
            font-family: 'Arial', sans-serif;
        }
        
        #modalClose:hover {
            background: rgba(220, 0, 0, 0.95);
            transform: scale(1.1);
            border-color: rgba(255, 255, 255, 0.5);
        }
        
        .site-content {
            padding: 20px;
            min-height: 200vh;
            font-family: Arial, sans-serif;
            line-height: 1.6;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
        
        .site-content h1 {
            font-size: 2.5em;
            margin-bottom: 20px;
            text-align: center;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
        
        .site-content p {
            font-size: 1.2em;
            max-width: 800px;
            margin: 0 auto 30px;
            text-align: center;
        }
        
        .loading {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 18px;
            z-index: 99;
            background: rgba(0, 0, 0, 0.7);
            padding: 15px 30px;
            border-radius: 8px;
        }
        
        /* Стиль для подписи ссылки (опционально) */
        .image-caption {
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            text-align: center;
            color: white;
            font-size: 14px;
            background: rgba(0, 0, 0, 0.5);
            padding: 5px;
            border-radius: 4px;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }
        
        #imageLink:hover .image-caption {
            opacity: 1;
        }
        
        /* Адаптивные стили */
        @media (max-width: 768px) {
            #modalTimer, #modalClose {
                width: 50px;
                height: 50px;
                font-size: 20px;
                top: 15px;
                right: 15px;
            }
            
            #modalClose {
                font-size: 26px;
            }
            
            #modalOverlay {
                padding: 10px;
            }
        }
        
        @media (max-width: 480px) {
            #modalTimer, #modalClose {
                width: 40px;
                height: 40px;
                font-size: 18px;
                top: 10px;
                right: 10px;
            }
            
            #modalClose {
                font-size: 22px;
            }
            
            .image-caption {
                font-size: 12px;
                bottom: 5px;
            }
        }
        
        /* Анимация появления */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        .fade-in {
            animation: fadeIn 0.4s ease-out forwards;
        }