/*
 * dpss-clean.css
 * Cleaned CSS from dpss theme (originally extracted by extract_css.py).
 * Phase 1: 20,829 → 10,640 lines (removed unused selectors)
 * Phase 2: 10,640 → ~8,568 lines (removed BS3 duplicates/conflicts with BS5)
 * Phase 3: 8,566 → ~7,598 lines (removed WP-only features: reforms, services-tabs,
 *   legislation, composition, bills, pagination BS3, search-public, lastnews,
 *   card-info, digest-subscribe, magiagallery, page-template-home, tag-description;
 *   fixed BS3 .fade.in→.show, filter:alpha, .modal.fade.in→.show)
 * Phase 4: ~7,598 → ~6,700 lines (removed dead WP code: photogallery, media gallery,
 *   calendar widgets, NPA pages, catalog/authority/team, services page, legislation
 *   plenary (.low_*), search filters, date-picker, suggestions, share-related orphans;
 *   fixed .diia wp-content URL; cleaned lowvision orphaned selectors)
 * Phase 5: ~6,700 → ~6,240 lines (removed duplicate/conflicting rules, unused
 *   responsive overrides, dead hover states, empty media queries)
 * Phase 6: ~6,240 → ~5,537 lines (removed dead .main-news block, .tags-outer,
 *   .desctiption.prev/.preview, .news__title--logo/--npa, .ul-list, .ol-list,
 *   .search-NPA-form-header, .services_share, .c-icon; cleaned lowvision
 *   compound selectors; fixed malformed escaped tab)
 * Phase 7: ~5,537 → ~4,843 lines (removed dead code + BS3 conflicts:
 *   .nav-tabs BS3 tab styling, .news__item WP detail page,
 *   .checkbox/.radio class-based BS3 rules, .sidebar WP sidebar,
 *   .share/.share__*/#shareBlock, .sidebar__title/.sidebar__list,
 *   .logo-page-print, .share-block-position, #news_tab_1/4,
 *   .col-f-xl-3 footer, @media print dead rules, lowvision orphans)
 */

/* Team page styles (from kmu.gov.ua) */
.team .team-item {
    margin-bottom: 20px;
    margin-top: 20px;
}

.team .team-item .photo {
    display: block;
    margin: 0 auto 10px;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: #d3d5d9;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.team .team-item .name {
    color: #2d5ca6;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 5px;
    display: block;
    text-decoration: none;
}

.team .team-item .name:hover {
    text-decoration: underline;
    border-bottom: none;
}

.team .team-item .person-name {
    color: #2d5ca6;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.team .team-item .employment {
    color: #000000;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 575.98px) {
    .team .team-item .name {
        font-size: 100%;
    }
}

body.lowvision .team .team-item .photo {
    filter: grayscale(100%);
}

b,
strong {
    font-weight: 700;
    font-family: ProbaPro;
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form-group input[type=checkbox],
.form-group input[type=radio] {
    visibility: hidden !important;
    margin: 0 !important;
    width: 0 !important;
}

@font-face {
    font-family: "ProbaPro";
    font-weight: 400;
    src: url("../fonts/ProbaPro/ProbaPro-Regular.woff2") format("woff2"),
         url("../fonts/ProbaPro/ProbaPro-Regular.woff") format("woff"),
         url("../fonts/ProbaPro/ProbaPro-Regular.otf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "ProbaPro";
    font-weight: 600;
    src: url("../fonts/ProbaPro/ProbaPro-SemiBold.woff2") format("woff2"),
         url("../fonts/ProbaPro/ProbaPro-SemiBold.woff") format("woff"),
         url("../fonts/ProbaPro/ProbaPro-SemiBold.otf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "ProbaPro";
    font-weight: 500;
    src: url("../fonts/ProbaPro/ProbaPro-Medium.woff2") format("woff2"),
         url("../fonts/ProbaPro/ProbaPro-Medium.woff") format("woff"),
         url("../fonts/ProbaPro/ProbaPro-Medium.otf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "ProbaPro";
    font-weight: 700;
    src: url("../fonts/ProbaPro/ProbaPro-SemiBold.woff2") format("woff2"),
         url("../fonts/ProbaPro/ProbaPro-SemiBold.woff") format("woff"),
         url("../fonts/ProbaPro/ProbaPro-SemiBold.otf") format("truetype");
    font-display: swap;
}

hr.divider {
    border-top: 1px solid #e6e9eb;
    margin: 35px 0;
}

.tag {
    display: inline-block;
    line-height: 25px;
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #a7a9af;
    font-family: ProbaPro;
    border: 2px solid #d5deed;
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    margin-bottom: 5px;    transition: 0.2s ease-in-out;
}

.tag:hover {
    color: #d5deed;
    border: 2px solid #d5deed;
}

.news__wrapper {
    padding: 0 40px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
.news__wrapper {
        padding: 20px 40px 0;
    }
}

@media (max-width: 575.98px) {
.news__wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.news__title {
    text-align: center;
}

/* Category/content page heading — exact dpss.gov.ua computed styles */
h1.heading-1, .heading-1 {
    font-size: 40px; line-height: 56px; font-weight: 600;
    color: rgb(0, 0, 0); font-family: ProbaPro;
    margin: 20px 0 15px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
@media (max-width: 767.98px) {
    h1.heading-1, .heading-1 { font-size: 28px; line-height: 40px; }
}

.news__title--text {
    text-align: center;
    font-size: 222.5%;
    line-height: 40px;
    color: #1D1D1B;
    font-family: ProbaPro;
    max-width: 749px;
    margin: 0 auto 12px;
}

@media (max-width: 575.98px) {
.news__title--text {
        font-size: 1.625rem;
        line-height: 32px;
    }
}

.static__list {
    margin: 30px 0 25px;
    border-bottom: 1px solid #e6e9eb;
    border-top: 1px solid #e6e9eb;
    padding: 20px 0 5px;
}

.editor-content a {
    color: #2d5ca6;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.editor-content a:hover {
    text-decoration: underline;
}

@media (max-width: 575.98px) {
.page-content {
        padding: 0 15px;
    }
}

.page-content .date {
    padding-left: 140px;
    margin-bottom: 25px;
}

@media screen and (max-width: 992px) {
.page-content .date {
        padding-left: 0;
    }
}

.page-content .date .day {
    font-family: ProbaPro;
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 24px;
}

@media (max-width: 575.98px) {
.page-content .date .day {
        font-size: 1.125rem;
    }
}

.page-content .date .day-of-week {
    font-family: ProbaPro;
    color: #a7a9af;
    font-size: 100%;
    line-height: 24px;
}

@media (max-width: 575.98px) {
.page-content .date .day-of-week {
        font-size: 0.875rem;
    }
}

body {
    font-size: 18px;
    line-height: 1;
    font-family: ProbaPro;
    background-color: #dee4e7;
}

body * {
    word-break: keep-all;
    overflow-wrap: break-word;
    font-family: ProbaPro;
}

body.active {
    overflow: hidden;
}

.wrapper {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    overflow: visible;
    width: 1220px;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
footer {
    width: 100%;
    max-width: inherit;
    overflow: hidden;
    box-sizing: border-box;
}

@media screen and (max-width: 1240px) {
.wrapper {
        width: 100%;
    }
}

*::selection {
    color: #ffffff;
    background: #304f80;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none;
    outline: none;
}

header * {
    font-family: ProbaPro;
    font-weight: 400;
}

a {
    color: #2d5ca6;
    text-underline-offset: 3px;
}

a span {
    border-bottom: 1px solid transparent;    transition: 0.2s ease-in-out;
}

a:hover span {
    border-bottom: 1px solid #2d5ca6;
}

.scrollToTop {
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 100;
    background-color: #304d7c;
    opacity: .7;
    overflow: hidden;
    border: none;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transform: scale(0.8);    transition: 0.2s ease-in-out;
}

.scrollToTop:hover {
    opacity: 1;
}

.scrollToTop:before {
    content: "";
    display: block;
    height: 20px;
    width: 3px;
    position: absolute;
    top: 15px;
    left: 29px;
    background-color: #fff;    transform: rotate(-45deg);
}

.scrollToTop:after {
    content: "";
    display: block;
    height: 20px;
    width: 3px;
    position: absolute;
    top: 15px;
    right: 30px;
    background-color: #fff;    transform: rotate(45deg);
}

.page-content h1 {
    font-size: 1.875rem;
    line-height: 39px;
    font-family: ProbaPro;
    margin-bottom: 20px;
}

@media (max-width: 575.98px) {
.page-content h1 {
        margin-top: 30px;
        font-size: 1.375rem;
    }
}

.page-content h2 {
    font-size: 1.5rem;
    line-height: 39px;
    font-family: ProbaPro;
    margin-bottom: 15px;
}

@media (max-width: 575.98px) {
.page-content h2 {
        font-size: 1.125rem;
    }
}

.page-content h4 {
    font-size: 1.125rem;
    line-height: 39px;
    font-family: ProbaPro;
}

@media (max-width: 575.98px) {
.page-content h4 {
        font-size: 100%;
    }
}

.page-content p {
    font-size: 100%;
    line-height: 24px;
    font-family: ProbaPro;
    margin-bottom: 15px;
}

@media (max-width: 575.98px) {
.page-content p {
        font-size: 95%;
        margin-bottom: 15px;
    }
}

@media (max-width: 575.98px) {
.main-breadcrumbs {
        padding-left: 15px;
    }
}

@media (max-width: 575.98px) {
footer .site-map-title:before {
        top: 6px;
    }
footer .footer-bg {
        padding-left: 27px;
        padding-right: 26px;
        padding-top: 30px;
    }
footer .map-content.active {
        font-size: 140%;
    }
footer .footer-bottom {
        padding-top: 25px;
    }
footer .footer-bottom .developer .dev {
        font-size: 78%;
    }
footer .footer-bottom .developer .license {
        margin-bottom: 10px;
    }
footer .footer-bottom .developer .license span {
        font-size: 88%;
        top: -6px;
        line-height: 12px;
    }
footer .footer-bottom .description {
        font-size: 84%;
    }
footer .footer-bottom .description .item {
        margin-bottom: 24px;
    }
footer .footer-bottom .description .item span {
        margin-bottom: 22px;
    }
footer .footer-bottom .social-links {
        margin-top: 6px;
        margin-bottom: 9px;
    }
footer .footer-bottom .social-links ul li {
        padding-left: 23px;
        padding-right: 25px;
    }
footer .footer-bottom .additional ul li {
        font-size: 86%;
        padding-top: 7px;
    }
footer .footer-bottom .additional ul li.change-lang .icon {
        top: -5px;
    }
footer .footer-bottom .additional ul li.change-vision .icon {
        top: -5px;
        margin-bottom: 30px;
    }
footer .footer-bottom .change-vision span {
        display: inline-block;
        position: absolute;
        line-height: 16px;
    }
}

@media print {
body {
        font-size: 20px;
    }
.editor-content {
        font-size: 24px;
    }
.editor-content *,
    .editor-content span,
    .editor-content b,
    .editor-content p,
    .editor-content div {
        font-size: 110%;
        line-height: 1.2em;
    }
.editor-content strong {
        font-size: 100%;
        line-height: 1.2em;
    }
.editor-content a {
        font-size: 100%;
        line-height: 1.2em;
    }
@page {
        margin: 1.5cm;
    }
.scrollToTop {
        display: none !important;
    }
}

.editor-content>* {
    margin-bottom: 22px;
}

@media (min-width: 768px) {
.editor-content {
        min-height: 150px;
    }
}

.editor-content p,
.editor-content div {
    font-size: 100%;
    font-family: ProbaPro;
    color: #1D1D1B;
    line-height: 27px;
    word-wrap: break-word;
}

.editor-content div p {
    margin-bottom: 10px;
}

.editor-content img {
    margin: 5px auto 15px;
    display: block;
    max-width: 100%;
}

@media screen and (max-width: 768px) {
.editor-content img {
        width: 100%;
    }
}

.editor-content ul {
    list-style-type: none;
    position: relative;
    margin-top: 15px;
    margin-bottom: 30px;
}

.editor-content ul>li {
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
    font-size: 100%;
    font-family: ProbaPro;
    color: #1D1D1B;
    line-height: 27px;
    word-wrap: break-word;
}

.editor-content ul>li::before {
    position: absolute;
    content: "";
    left: 7px;
    top: 9px;
    height: 5px;
    width: 5px;    border-radius: 50%;
    background-color: #ADC9EA;
}

.editor-content ol {
    padding-left: 0;
    list-style-type: none;
    position: relative;
    margin-bottom: 2em;
    margin-top: 15px;
    counter-reset: num;
}

.editor-content ol>li {
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
    font-size: 100%;
    font-family: ProbaPro;
    color: #1D1D1B;
    line-height: 27px;
    word-wrap: break-word;
}

.editor-content ol>li::before {
    content: counter(num) ".";
    counter-increment: num;
    color: #a9b7d5;
    left: 0;
    top: 0;
    position: absolute;
    font-family: ProbaPro;
    font-size: 0.875rem;
}

.editor-content ul ul {
    padding-left: 60px;
}

.editor-content ul ol {
    padding-left: 60px;
}

.editor-content ol ul {
    padding-left: 60px;
}

.editor-content ol ol {
    padding-left: 60px;
}

footer .footer-bg {
    padding: 10px 40px 22px;
    background-color: #ffffff;
}

@media screen and (max-width: 768px) {
footer .footer-bg {
        padding-top: 40px;
        padding-bottom: 0;
    }
}

footer .site-map-title {
    font-family: ProbaPro;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 140%;
    font-variant: small-caps;
    letter-spacing: 1px;
    top: -3px;
    position: relative;
    margin-top: 20px;
    color: #2d5ca6;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: 0.2s ease-in-out;
}

footer .site-map-title .first {
    font-size: 100%;
}

footer .site-map-title:hover {
    border-bottom: 1px solid #2669e3;
}

@media (max-width: 575.98px) {
footer .site-map-title {
        display: block;
    }
}

footer .site-map-title:before {
    content: "";
    position: absolute;
    display: block;
    right: -20px;
    top: 10px;
    width: 10px;
    height: 6px;    transition: 0.2s ease-in-out;
    background-repeat: no-repeat;    background-size: cover;
    background-position: center center;
    background-image: url("./images/icons/icn-dropdown.png");
}

@media (max-width: 575.98px) {
footer .site-map-title:before {
        right: 0;
    }
}

footer .site-map-title.active:before {    transform: rotate(180deg);
}

footer .footer-bottom {
    padding: 0 20px 35px;
    background-color: #ffffff;
}

@media screen and (max-width: 992px) {
footer .footer-bottom {
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575.98px) {
footer .footer-bottom {
        padding-left: 0;
        padding-right: 0;
    }
}

footer .footer-bottom a {
    color: #2d5ca6;
}

footer .footer-bottom .icon {
    float: left;
    position: relative;
    bottom: 16px;
    margin-right: 15px;
    background-repeat: no-repeat;    background-size: cover;
    background-position: center center;
}

@media screen and (max-width: 1050px) {
footer .footer-bottom .icon {
        margin-right: 0;
    }
}

footer .footer-bottom .description .item {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

footer .footer-bottom .description .item .icon {
    width: 50px;
    max-width: 50px;
    flex: 0 0 50px;
    height: 50px;
    margin-right: 15px;
    position: static;
}

footer .footer-bottom .description .item:nth-child(1) .icon {
    background-image: url("./images/NewIcons/footericon.png");
}

@media screen and (max-width: 768px) {
footer .footer-bottom .description .item:nth-child(1) .icon {
        display: none;
    }
}

footer .footer-bottom .description .item:nth-child(1) span {
    line-height: 1.2;
}

footer .footer-bottom .description .item:nth-child(2) .icon {
    height: 25px;
    background-image: url("./images/NewIcons/beta.svg");
    background-size: contain;
}

@media screen and (max-width: 768px) {
footer .footer-bottom .description .item:nth-child(2) .icon {
        display: none;
    }
}

footer .footer-bottom .description .item span {
    font-size: 100%;

    display: block;
    letter-spacing: 0.1px;
    line-height: 1.1em;
    color: #1D1D1B;

    font-family: ProbaPro;
}

footer .footer-bottom .description .item span .first {
    color: #9397a1;
}

@media screen and (max-width: 768px) {
footer .footer-bottom .description .item span {
        margin-bottom: 30px;
    }
}

footer .footer-bottom .additional {
    float: left;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .additional {
        text-align: center;
        float: none;
        margin-top: 10px;
    }
}

footer .footer-bottom .additional ul .icon {
    height: 25px;
    width: 25px;
}

footer .footer-bottom .additional ul li {
    margin-bottom: 15px;
    line-height: 1.1em;
    color: #2d5ca6;
    cursor: pointer;
    font-family: ProbaPro;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .additional ul li {
        vertical-align: top;
        display: inline-block;
        text-align: left;
        width: 49%;
    }
}

footer .footer-bottom .additional ul li .icon {    background-size: contain;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .additional ul li .icon {
        margin-right: 10px;
    }
}

footer .footer-bottom .additional ul li.change-vision .icon {
    top: 0 !important;
    position: relative !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important;
}

footer .footer-bottom .additional ul li.change-lang .icon {
    background-image: url("./images/icons/icn-language-f.png");
    opacity: .4;
    top: -8px;
}

footer .footer-bottom .additional ul li a {
    color: #2d5ca6;
}

footer .footer-bottom .social-links {
    position: absolute;
    right: 73px;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .social-links {
        float: none;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        position: static;
    }
}

footer .footer-bottom .social-links ul li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .social-links ul li {
        padding-left: 25px;
        padding-right: 25px;
    }
}

footer .footer-bottom .social-links ul li a {
    color: #2d5ca6;
    font-size: 106%;    transition: 0.2s ease-in-out;
}

footer .footer-bottom .social-links ul li a:hover {
    color: #aab3c6;
}

footer .footer-bottom .developer {
    position: relative;
    top: -10px;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .developer {
        margin-top: 25px;
        padding: 0;
        top: 0;
    }
}

footer .footer-bottom .developer .license {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .developer .license {
        text-align: center;
        margin-bottom: 30px;
    }
}

footer .footer-bottom .developer .license .icon {
    width: 50px;
    max-width: 50px;
    flex: 0 0 50px;
    height: 50px;
    margin-right: 15px;    background-size: contain;
    background-image: url("./images/NewIcons/cc-logo.svg");
    position: static;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .developer .license .icon {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}

footer .footer-bottom .developer .license a {
    color: #2d5ca6;
    font-family: ProbaPro;
    font-weight: 500;
}

footer .footer-bottom .developer .license span {
    color: #aab3c6;
    font-size: 88%;
}

footer .footer-bottom .developer .dev {
    float: right;
}

@media (max-width: 991px) {
footer .footer-bottom .developer .dev {
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
footer .footer-bottom .developer .dev {
        position: absolute;
        right: 0;
        top: -75px;
    }
}

footer .footer-bottom .developer .dev .icon {
    width: 30px;
    height: 25px;
    left: 3px;
    top: -3px;
    background-image: none;
}

@media screen and (max-width: 992px) {
footer .footer-bottom .developer .dev .icon {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}

footer .footer-bottom .developer .dev a {
    font-size: 95%;
}

footer .footer-bottom .developer .dev span {
    font-family: ProbaPro;
    font-weight: 500;
    color: #aab3c6;
    font-size: 88%;
}

footer .map-content {
    display: none;
}

footer .map-content.active {
    display: block;
    font-size: 140%;
}

.font-size-btns {
    display: none;
}

header .header-bg {
    padding: 25px 40px 5px;
}

header .main-logo {
    display: flex;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
}

header .main-logo .icon {
    position: relative;
    width: 10px;
    height: 40px;
    background-color: #2669e3;
}

header .main-logo .icon:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 10px;
    height: 20px;
    background-color: #ffe358;
}

header .main-logo_text {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 25px);
    flex: 0 0 calc(100% - 25px);
}

header .main-logo_text span {
    color: #ffffff;
    font-family: ProbaPro;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    height: 20px;
    border-bottom: none !important;
    letter-spacing: 0.36px;
    max-width: 100%;
    flex: 0 1 100%;
}

header .main-logo_text .light {
    color: #ffffff;
    font-family: ProbaPro;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    height: 20px;
    margin-top: 5px;
}

header .header-top {
    padding: 25px 15px 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #577db8;
    height: 70px;
}

header .header-top .menu-icon {
    cursor: pointer;
    width: 19px;
    height: 19px;
    top: -2px;
    position: relative;
    left: 5px;
    background-repeat: no-repeat;    background-size: cover;
    background-position: center center;
    background-image: url("./images/icons/icn-menu.png");
}

header .header-top .menu-icon.close {
    opacity: 1;
    width: 15px;
    height: 15px;
    position: relative;
    left: 20px;
    background-repeat: no-repeat;    background-size: cover;
    background-position: center center;
    background-image: url("./images/icons/icn-closemenu.png");
}

header .sticky-top {
    padding-left: 0;
    padding-right: 0;
    background-color: #304d7c;
}

header .sticky-top .header-top {
    margin-bottom: 0;
}

header .main-title {
    color: #ffffff;
    display: block;
    text-align: center;
}

header .main-title .icon {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 50px;
    background-repeat: no-repeat;    background-size: cover;
    background-position: center center;
    background-image: url("./images/NewIcons/img-coat-of-arms.svg");
}

@media screen and (max-width: 992px) {
header .main-title .icon {
        margin-bottom: 10px;
    }
}

header .main-title .light {
    color: #aab3c6;
    font-size: 100%;
    letter-spacing: .2px;
    padding-top: 2px;
    left: 2px;
    position: relative;
}

@media screen and (max-width: 768px) {
header .main-title .light {
        font-size: 88%;
    }
}

header .additional {
    float: right;
    width: 200px;
    padding-top: 5px;
}

header .additional ul {
    padding-left: 0;
}

header .additional ul li {
    cursor: pointer;
    margin-bottom: 4px;
}

header .additional ul li a,
header .additional ul li button.header-action-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    outline: none;
}

header .additional ul li button.header-action-btn:focus-visible,
header .additional ul li .accessibility-icon:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

header .additional ul li a:hover,
header .additional ul li button.header-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

header .additional ul li:hover a,
header .additional ul li:hover button.header-action-btn,
header .additional ul li:hover span {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 4px;
}

header .additional ul li span {
    color: #ffffff;
    font-family: ProbaPro;
    line-height: 1.2;
    font-size: 14px;
    transition: 0.2s ease-in-out;
}

header .additional ul li .icon {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    position: relative;
}

header .additional ul li.change-lang .icon,
header .additional ul li.change-vision .icon,
header .additional ul li.personal-cabinet .icon,
header .additional ul li.country-info .icon,
header .additional ul li.service-apps .icon {
    background-image: none !important;
    top: 0px;
}

header .additional ul li.change-lang .icon:before,
header .additional ul li.change-vision .icon:before,
header .additional ul li.personal-cabinet .icon:before,
header .additional ul li.country-info .icon:before,
header .additional ul li.service-apps .icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .additional ul li.change-lang .icon:before { content: ""; }
header .additional ul li.change-vision .icon:before { content: ""; }
header .additional ul li.personal-cabinet .icon:before { content: ""; }
header .additional ul li.country-info .icon:before { content: ""; }
header .additional ul li.service-apps .icon:before { content: ""; }

header .additional ul li.change-vision span {
    color: #ffffff;
}

header .social-links {
    float: right;
    margin-right: 20px;
}

header .social-links ul li {
    display: inline-block;
    margin-left: 15px;
    padding-top: 26px;
    padding-bottom: 25px;
}

header .social-links ul li:first-child {
    margin-left: 7px;
}

header .social-links ul li a {
    color: #aab3c6;
    font-size: 100%;    transition: 0.2s ease-in-out;
}

header .social-links ul li a:hover {
    color: #ffffff;
}

header .menu-for-small-devices .header-top {
    padding-bottom: 15px;
    height: 70px;
}

header .menu-for-small-devices .header-top .additional {
    float: right;
    width: inherit;
    margin-right: 20px;
}

header .menu-for-small-devices .header-top .title {
    color: #ffffff;
    font-family: ProbaPro;
    position: relative;
    padding-left: 20px;
    left: -5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

header .menu-for-small-devices .header-top .title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;    background-size: contain;
    background-position: center center;
    background-image: url("./images/icons/icn-back.png");
}

header .menu-for-small-devices .social-links {
    float: none;
    padding-left: 30px;
}

header .menu-for-small-devices .additional {
    float: none;
    padding-left: 30px;
    width: 100%;
}

header .menu-for-small-devices .main-logo {
    position: relative;
    bottom: 25px;
    left: 45px;
    cursor: pointer;
}

header .menu-for-small-devices .menu-container {
    margin: 0;
    display: block;
    border: none;
    padding-left: 30px;
}

header .menu-for-small-devices .menu-container .menu {
    float: none;
    margin-bottom: 30px;
    padding-top: 10px;
}

header .menu-for-small-devices .menu-container .menu ul li {
    display: block;
    float: none;
}

header .menu-for-small-devices .menu-container .menu ul li a,
header .menu-for-small-devices .menu-container .menu ul li button.showSubmenu {
    height: inherit;
    padding: 10px 0 0 10px;
    font-size: 92%;
    line-height: 38px;
    background: none;
    border: none;
    color: inherit;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

header .menu-for-small-devices .menu-container .menu ul li:first-child a,
header .menu-for-small-devices .menu-container .menu ul li:first-child button.showSubmenu {
    padding-left: 10px;
}

header .menu-for-small-devices .menu-container .submenu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #304d7c;
    padding: 0;    transition: 0.4s ease-in-out;
}

header .menu-for-small-devices .menu-container .submenu ul li {
    height: inherit;
}

@media screen and (max-width: 992px) {
header .menu-for-small-devices .menu-container .submenu ul li {
        line-height: 1;
    }
}

header .menu-for-small-devices .menu-container .submenu .header-top {
    padding-left: 50px;
    padding-right: 65px;
    padding-bottom: 30px;
}

header .menu-for-small-devices .menu-container .submenu .menu-icon.close {
    float: right;
}

header .menu-for-small-devices .menu-container .submenu .submenu-container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 992px) {
header .menu-for-small-devices .menu-container .submenu .submenu-container {
        padding-left: 8px;
    }
}

header .menu-for-small-devices .menu-container .submenu .submenu-container .title {
    line-height: 1.2;
    width: 90%;
}

@media screen and (max-width: 992px) {
header .menu-for-small-devices {
        overflow: hidden;
        overflow-y: scroll;
    }
header .menu-for-small-devices .main-logo {
        top: -15px;
        position: relative;
        margin-top: 150px;
    }
header .menu-for-small-devices .old-sm {
        padding-left: 13px;
    }
header .menu-for-small-devices .menu-icon.close {
        left: 16px;
        top: 4px;
    }
header .menu-for-small-devices .social-links {
        padding-left: 17px;
    }
header .menu-for-small-devices .menu-container {
        padding-left: 30px;
    }
header .menu-for-small-devices .menu-container .showSubmenu.active {
        background-color: transparent;
    }
header .menu-for-small-devices .menu-container .showSubmenu.active+.submenu {
        left: 0;
    }
header .menu-for-small-devices .menu-container .submenu {
        left: 100%;
        top: -70px;
        display: block;
    }
header .menu-for-small-devices .menu-container .submenu .header-top {
        padding-left: 27px;
        padding-right: 27px;
        padding-top: 27px;
    }
.menu-for-small-devices .submenu {
        height: 100vh !important;
    }
.menu-for-small-devices {
        height: 100vh;
    }
header .submenu-container {
        height: 100vh;
    }
}

@media (max-width: 575.98px) {
header .main-title .icon {
        width: 30px;
        height: 46px;
        background-size: contain;
        position: relative;
        top: -3px;
        left: -3px;
    }
header .main-title .light {
        margin: 0 auto;
        width: 80%;
        position: relative;
        top: 6px;
    }
header .header-bg {
        padding-bottom: 33px;
    }
header .additional ul li {
        margin-bottom: 0;
    }
header .additional ul li .icon {
        top: -7px;
        left: 14px;
    }
header .additional ul li span {
        padding-left: 40px;
        font-size: 86%;
        line-height: 1;
    }
header .menu-for-small-devices .header-top .menu-icon.close {
        left: 3px;
        top: 5px;
    }
header .menu-for-small-devices .header-top .title {
        padding-left: 30px;
        top: 2px;
        padding-top: 1px;
    }
header .menu-for-small-devices .header-top .additional {
        position: relative;
        top: 0;
        padding: 5px 0 0;
        margin: 0;
    }
header .menu-for-small-devices .header-top .additional ul li .icon {
        left: 2px;
    }
header .menu-for-small-devices .main-logo {
        left: 25px;
        position: relative;
        margin-top: 50px;
        cursor: pointer;
    }
header .menu-for-small-devices .menu-container {
        padding-left: 20px;
    }
header .menu-for-small-devices .menu-container .menu {
        padding-top: 15px;
    }
header .menu-for-small-devices .menu-container .submenu-container {
        padding-top: 15px;
    }
header .menu-for-small-devices .menu-container .submenu ul li {
        margin-bottom: 0;
    }
header .menu-for-small-devices .menu-container .submenu ul li a {
        padding-bottom: 5px;
    }
}

.inside-photo {
    border-bottom: none;
}

.inside-photo:before {
    display: none;
}

@media (max-width: 1199px) {
header .header-bg {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
header .header-bg {
        padding-left: 0;
        padding-right: 0;
    }
}

.main-breadcrumbs {
    padding: 30px 40px 40px;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
.main-breadcrumbs {
        padding-bottom: 0;
    }
}

.main-breadcrumbs .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 10px;    border-radius: 0;
}

.main-breadcrumbs .breadcrumb>li {
    display: inline-block;
}

@media screen and (max-width: 768px) {
.main-breadcrumbs .breadcrumb>li {
        display: none;
    }
.main-breadcrumbs .breadcrumb>li:nth-last-child(2) {
        display: block;
    }
.main-breadcrumbs .breadcrumb>li:nth-last-child(2):before {
        font-size: 87%;
        display: inline-block;
        content: "";
        font-family: "Material-Design-Iconic-Font";
        color: #2669e3;
        padding-left: 0;
        padding-right: 10px;
    }
}

.main-breadcrumbs .breadcrumb>li>a {
    font-family: ProbaPro;
    color: #2d5ca6;
    font-size: 90%;
    border-bottom: 1px solid transparent;    transition: 0.4s ease-in-out;
}

.main-breadcrumbs .breadcrumb>li>a:hover {    transition: 0.4s ease-in-out;
    border-bottom: 1px solid #2d5ca6;
}

.main-breadcrumbs .breadcrumb>li+li:before {
    padding: 0 10px;
    color: #a7a9af;
}

@media screen and (max-width: 768px) {
.main-breadcrumbs .breadcrumb>li+li:before {
        display: none;
    }
}

@media screen and (max-width: 480px) {
.main-breadcrumbs .breadcrumb>li+li:before {
        padding: 0 10px 0 0;
    }
}

.main-breadcrumbs .breadcrumb>li.active {
    font-size: 90%;
    font-family: ProbaPro;
    color: #a7a9af;
    max-width: 750px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 4px;
}

.main-breadcrumbs .breadcrumb>li.active sup {
    font-size: 90%;
}

.form-group {
    position: relative;
}

.form-group label.placeholder {
    position: absolute;
    top: 0;
    left: 25px;
    line-height: 50px;
    color: #2d5ca6;
    cursor: pointer;    transition: 0.1s ease-in-out;
}

.form-group label.error {
    position: absolute;
    color: #990404;
    top: 50px;
    font-size: 0.875rem;
}

.form-group>input {
    position: relative;
    background: #eef0f3;
    color: #2d5ca6;
    line-height: 50px;
    height: 50px;
    margin-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0;
    font-family: ProbaPro;
    font-size: 100%;
    border: 1px solid #eef0f3;    transition: 0.3s ease-in-out;    border-radius: 0;
    box-shadow: none;
}

.form-group>input:focus,
.form-group>input:active,
.form-group>input:visited,
.form-group>input:hover {
    background: #eef0f3;
    border: 1px solid #eef0f3;
    box-shadow: none;    transition: 0.1s ease-in-out;
}

.form-group>input:-webkit-autofill {    -webkit-text-fill-color: #273043 !important;
}

.form-group>input:-webkit-autofill:hover,
.form-group>input:-webkit-autofill:active,
.form-group>input:-webkit-autofill:focus {    -webkit-text-fill-color: #273043 !important;
}

.form-group>input[data-empty="false"]+label.placeholder,
.form-group>input:valid+label.placeholder,
.form-group>input:focus+label.placeholder {
    color: #2d5ca6;
    font-size: 0.75rem;
    transform: translate3d(0, -16px, 0);    transition: 0.2s ease-in-out;
}

.form-group>input.error {
    border-color: #990404;
}

html {
    margin-left: calc(100vw - 100%);
}

@media screen and (max-width: 1100px) {
html {
        margin-left: unset;
    }
}

.modal.gov {
    --bs-modal-bg: transparent;
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0;
    --bs-modal-box-shadow: none;
    --bs-modal-header-border-width: 0;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.modal.gov .modal-dialog {
    max-width: 800px;
    margin: 75px auto;
}

@media screen and (max-width: 768px) {
.modal.gov .modal-dialog {
        width: 100%;
        margin: 0;
    }
}

.modal.gov .gov-ua {
    background-color: #31486c;
    padding-top: 35px;
    padding-left: 65px;
    padding-bottom: 45px;
    position: relative;
}

@media screen and (max-width: 1170px) {
.modal.gov .gov-ua {
        left: 40px;
    }
}

@media screen and (max-width: 768px) {
.modal.gov .gov-ua {
        width: 100%;
        position: static;
        height: inherit;
        padding: 40px;
    }
}

@media screen and (max-width: 375px) {
.modal.gov .gov-ua {
        padding: 20px;
    }
}

.modal.gov .gov-ua .icon-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjAwMDEgMjIuNTk3OUwzNy4xNCAzOS45OTk4TDM5LjM5NzUgMzcuNzA3N0wyMi4yNTc2IDIwLjMwNTlMNDAgMi4yOTIyN0wzNy43NDI1IDAuMDAwMjQzMDE1TDIwLjAwMDEgMTguMDEzOEwyLjI1NzUyIDBMMCAyLjI5MjAzTDE3Ljc0MjYgMjAuMzA1OUwwLjYwMjUzIDM3LjcwOEwyLjg2MDA1IDQwTDIwLjAwMDEgMjIuNTk3OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    top: 20px;
    right: 20px;
    height: 36px;
    width: 36px;
    position: absolute;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.modal.gov .gov-ua .icon-close {
        top: 35px;
        right: 35px;
    }
}

.modal.gov .gov-ua .bottom-link {
    display: block;
    margin-top: 15px;
    width: fit-content;
    color: #ffffff;
    font-family: ProbaPro;
    clear: both;
}

.modal.gov .gov-ua .bottom-link span {    transition: 0.2s ease-in-out;
    border-bottom: 1px solid transparent;
}

.modal.gov .gov-ua .bottom-link span:hover {
    border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
.modal.gov .gov-ua .bottom-link {
        margin-top: 5px;
    }
}

.modal.gov .gov-ua .outer-links {
    float: left;
    color: #ffffff;
    line-height: 30px;
    margin-right: 65px;
}

.modal.gov .gov-ua .outer-links li {
    line-height: 17px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.modal.gov .gov-ua .outer-links {
        margin-right: 0;
        float: none;
        width: 100%;
    }
}

.modal.gov .gov-ua .outer-links:after {
    content: "";
    float: none;
    clear: both;
    display: block;
    height: 1px;
    width: 1px;
}

.modal.gov .gov-ua .outer-links a {
    color: #ffffff;
    font-family: ProbaPro;
}

.modal.gov .gov-ua .outer-links a span {    transition: 0.2s ease-in-out;
    border-bottom: 1px solid transparent;
}

.modal.gov .gov-ua .outer-links a span:hover {
    border-bottom: 1px solid #ffffff;
}

header .menu-for-small-devices {
    visibility: hidden;
}

header .menu-for-small-devices.active {
    visibility: visible;
}

header .additional ul li.change-vision span:focus {
    outline: none;
}

header .additional ul li.change-lang span:focus {
    outline: none;
}

footer .footer-bottom .additional ul li.change-lang span:focus {
    outline: none;
}

footer .footer-bottom .additional ul li.change-vision span:focus {
    outline: none;
}

.diia {
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 12px;
    background-repeat: no-repeat;    background-size: cover;
    background-position: center center;
    background-image: url(./images/diialogo.svg);
}

.no-border-bottom {
    border-bottom: none;
}

.link-skip {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
    overflow: hidden;
    line-height: .2;
    font-size: 1em;
}

body.active header .sticky-top .header-top {
    visibility: hidden;
}

body.active header .menu-for-small-devices .header-top {
    visibility: visible;
}

body.active .main-title {
    visibility: hidden;
}

body.lowvision {
    background: #ffffff;
}

body.lowvision .font-size-btns {
    display: block;
    text-align: center;
    font-family: ProbaPro;
    margin-bottom: 10px;
    padding-left: 48px;
    margin-top: -5px;
}

body.lowvision .font-size-btns .font-size-dec {
    float: left;
    width: 45px;
    height: 20px;
    border: 2px solid #000000;
    margin-right: 20px;
}

body.lowvision .font-size-btns .font-size-inc {
    float: right;
    width: 45px;
    height: 20px;
    border: 2px solid #000000;
}

body.lowvision * {
    color: #000000 !important;
    border-radius: 0 !important;    transition: 0s ease-in-out;
}

body.lowvision .font-btn-dis {
    pointer-events: none;
    opacity: .2;
}

body.lowvision .modal.gov .gov-ua,
body.lowvision select {
    border: 2px solid #000 !important;
}

body.lowvision .static__list {
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}

body.lowvision footer,
body.lowvision hr.divider {
    border-top: 2px solid #000 !important;
}

body.lowvision .modal.gov .gov-ua,
body.lowvision header .menu-for-small-devices {
    background: none;
    background-color: #fff !important;
}

body.lowvision header .main-title .icon {
    background-image: url(./images/NewIcons/gerb.svg);
}

body.lowvision header .menu-container .submenu {
    width: 1220px;
}

body.lowvision .editor-content ol>li:before {
    color: #000000;
}

body.lowvision .close-icon {
    background-color: #000000;
}

body.lowvision footer .footer-bottom {
    border: none !important;
}

body.lowvision footer .footer-bottom .description .item span {
    font-size: 95%;
}

body.lowvision footer .footer-bottom .developer .license span {
    font-size: 90%;
}

body.lowvision .tag {
    font-size: 90%;
    font-family: ProbaPro;
}

body.lowvision a:hover span {
    border-bottom-color: #000;
}

body.lowvision footer .site-map-title:before {
    filter: grayscale(100%);
}

body.lowvision footer .site-map-title:hover {
    border-bottom: 1px solid #000;
}

body.lowvision .editor-content a:hover {
    border-bottom: 1px solid #000;
}

.contact-item h4 i {
    margin-right: 8px;
    color: #6c757d;
    font-size: 16px;
    vertical-align: middle;
}

@media screen and (max-width: 992px) {
#layout-header .header-bg .row .col-md-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
#layout-header .main-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }
#layout-header .main-title .icon {
        margin-left: auto !important;
        margin-right: auto !important;
    }
#layout-header .main-title .light {
        text-align: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 768px) {
#layout-header .header-bg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
#layout-header .header-bg .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
#layout-header .header-bg .row .col-md-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
    }
#layout-header .main-title {
        display: block !important;
        text-align: center !important;
        padding: 0 !important;
        width: 100% !important;
    }
.menu-for-small-devices .menu-sm-wrap-for-scroll {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
.menu-for-small-devices .menu-container {
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }
.menu-for-small-devices .js_hide_if_opened {
        margin: 0 !important;
        padding: 0 !important;
    }
.menu-for-small-devices .additional.old-sm {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: -10px !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
.menu-for-small-devices .additional.old-sm .js_hide_if_opened {
        margin: 0 !important;
        padding: 0 !important;
    }
.menu-for-small-devices .additional.old-sm .actions.actions_header-mobile {
        padding: 0 !important;
        margin: 0 !important;
    }
.additional.old-sm .actions.actions_header-mobile li {
        display: flex !important;
        align-items: center;
        margin-bottom: 10px;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
.additional.old-sm .actions.actions_header-mobile li:first-child {
        margin-top: 0 !important;
    }
.additional.old-sm .actions.actions_header-mobile li:last-child {
        margin-bottom: 0 !important;
    }
.additional.old-sm .actions.actions_header-mobile li .icon {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        float: none !important;
        margin-right: 8px !important;
        margin-left: 0 !important;
        flex-shrink: 0;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        display: inline-flex !important;
    }
.additional.old-sm .actions.actions_header-mobile li span {
        line-height: 1.4;
        display: inline-block !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }
.additional.old-sm .actions.actions_header-mobile li a {
        display: flex !important;
        align-items: center;
        text-decoration: none;
        width: 100%;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
.additional.old-sm .actions.actions_header-mobile li.change-vision {
        cursor: pointer;
        display: flex !important;
        align-items: center;
    }
#menuSm .additional.old-sm ul.actions li {
        display: flex !important;
        align-items: center;
        margin-bottom: 10px !important;
    }
#menuSm .additional.old-sm ul.actions li .icon {
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px !important;
        flex-shrink: 0;
        position: relative !important;
        display: inline-block !important;
    }
#menuSm .additional.old-sm ul.actions li span {
        line-height: 1.4;
    }
}

@media screen and (max-width: 992px) {
.menu-for-small-devices .js_hide_if_opened.additional.old-sm ul.actions.actions_header-mobile > li {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 10px !important;
        padding: 5px 0 !important;
    }
.menu-for-small-devices .js_hide_if_opened.additional.old-sm ul.actions.actions_header-mobile > li > .icon,
    .menu-for-small-devices .js_hide_if_opened.additional.old-sm ul.actions.actions_header-mobile > li > a > .icon {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        margin-right: 8px !important;
        margin-left: 0 !important;
        display: inline-block !important;
        float: none !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
.menu-for-small-devices .js_hide_if_opened.additional.old-sm ul.actions.actions_header-mobile > li > span,
    .menu-for-small-devices .js_hide_if_opened.additional.old-sm ul.actions.actions_header-mobile > li > a > span {
        display: inline-block !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
.menu-for-small-devices .js_hide_if_opened.additional.old-sm ul.actions.actions_header-mobile > li > a {
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
    }
.additional.old-sm .actions.actions_header-mobile li.change-vision .icon:before,
.additional.old-sm .actions.actions_header-mobile li.change-lang .icon:before,
.additional.old-sm .actions.actions_header-mobile li.personal-cabinet .icon:before,
.additional.old-sm .actions.actions_header-mobile li.country-info .icon:before,
.additional.old-sm .actions.actions_header-mobile li.service-apps .icon:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 16px !important;
        color: #6b7588;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
.additional.old-sm .actions.actions_header-mobile li.change-vision .icon:before { content: ""; }
.additional.old-sm .actions.actions_header-mobile li.change-lang .icon:before { content: ""; }
.additional.old-sm .actions.actions_header-mobile li.personal-cabinet .icon:before { content: ""; }
.additional.old-sm .actions.actions_header-mobile li.country-info .icon:before { content: ""; }
.additional.old-sm .actions.actions_header-mobile li.service-apps .icon:before { content: ""; }
}

/* FontAwesome @font-face removed — loaded via fontawesome-5.8.1-all.min.css */

input[type="file"]::-webkit-file-upload-button {

    cursor: pointer;
    background-color: #304d7c;

    color: #fff;
    border: 0;
    border-radius: 0.25rem;
    
    padding: 0 20px;
    height: 40px;

    letter-spacing: .01em;
    font-size: 12px;
    font-weight: 300;
    margin-left: -12px;
    font-family: ProbaPro;
    text-transform: uppercase;
}

input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #304d7c;
    color: #fff;
    transition: 0.5s;
}

input[type=checkbox]+label:before,
input[type=checkbox]+span:before,
input[type=radio]+label:before {
    visibility: visible;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    position: relative;
    top: 6px;
    padding-right: 8px;
    color: #304d7c;

}

input[type=checkbox]+label:hover,
input[type=checkbox]+span:hover,
input[type=radio]+label:hover {
    cursor: pointer;
}

input[type=checkbox]+label:before,
input[type=checkbox]+span:before {
    content: "";
}

input[type=checkbox]+label:hover:before,
input[type=checkbox]+span:hover:before {
    content: "";    opacity: 0.45;

}

input[type=checkbox]:checked+label:before,
input[type=checkbox]:checked+span:before {
    content: "";

}

input[type=checkbox]:checked+label:hover:before,
input[type=checkbox]:checked+span:hover:before {    opacity: 1;
    content: "";
}

.contact-group {
    padding: 0;
}

.contact-item {
    margin-bottom: 20px;
}

.contact-item:last-child {
    margin-bottom: 0;
}

.contact-item h4 {
    margin-bottom: 5px;
}

.contact-item .description {
    margin: 0;
}

.contact-item .description a {
    color: #0066cc;
    text-decoration: none;
}

.contact-item .description a:hover {
    text-decoration: underline;
}

footer .footer-bottom .item h4 {
    margin-bottom: 8px;
    font-weight: 600;
}

footer .footer-bottom .item .description {
    margin: 0;
    line-height: 1.4;
}

footer .footer-bottom .item .description a {
    color: #0066cc;
    text-decoration: none;
}

footer .footer-bottom .item .description a:hover {
    text-decoration: underline;
}

footer .footer-bottom .additional ul li.change-vision {
    display: flex !important;
    align-items: center !important;
}

footer .footer-bottom .additional ul li.change-vision span {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

footer .map-content .site-map_item {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

footer .map-content a {
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    line-height: 1.4;
}

footer .map-content .submenu_child {
    display: block;
    padding: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

@media (min-width: 992px) {
footer .map-content > div,
    footer .map-content .row > div {
        display: inline-block;
        width: 100%;
        margin-right: 5%;
        vertical-align: top;
    }
footer .map-content > div:last-child,
    footer .map-content .row > div:last-child {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
footer .map-content ul {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
footer .map-content ul > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
footer .map-content ul > li > a.showSubmenu {
        display: block !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        color: #1D1D1B !important;
        text-decoration: none !important;
        font-size: 16px !important;
        font-weight: normal !important;
    }
footer .map-content ul > li > a.showSubmenu:hover {
        color: #2d5ca6 !important;
        text-decoration: underline !important;
    }
}

body.lowvision .wcag-tags-item {
    background-color: var(--bs-white) !important;
    border-color: var(--bs-black) !important;
    color: var(--bs-black) !important;
}

body.lowvision .wcag-tags-item.active {
    background-color: var(--bs-black) !important;
    border-color: var(--bs-black) !important;
    color: var(--bs-white) !important;
}

footer .site-map_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .site-map_list li {
    margin-bottom: 14px;
    line-height: 18px;
}

.site-map_item ul li ul{
	padding-left: 20px;
}

footer .site-map_list > li > a {
    font-family: ProbaPro;
    font-weight: 500;
    color: #2d5ca6;
    font-size: 14px;
	text-decoration: none;
}

footer .site-map_list > li > a:hover {
    color: #1e3d6f;
    text-decoration: none;
}

footer .site-map_list ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 20px;
    margin-top: 12px;
    border-left: 1px solid #eaeef6;
}

footer .site-map_list ul li {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 13px;
    line-height: 18px;
}

footer .site-map_list ul li a {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #2d5ca6;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .2px;
    text-decoration: none;
}

footer .site-map_list ul li a:hover {
    color: #1e3d6f;
    text-decoration: underline;
}

footer .site-map_list ul ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 20px;
    margin-top: 12px;
    border-left: 1px solid #eaeef6;
}

footer .site-map_list ul ul li {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 10px;
    line-height: 16px;
}

footer .site-map_list ul ul li a {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #2d5ca6;
    font-size: 82%;
    line-height: 14px;
    letter-spacing: .2px;
    text-decoration: none;
}

footer .site-map_list ul ul li a:hover {
    color: #1e3d6f;
    text-decoration: underline;
}

.site-map_content {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr); 
 	gap: 20px;
	margin: 0;
}

.site-map_content > div {
 	width: auto !important;
	flex: unset !important;
}

@media (max-width: 1199px) {
.site-map_content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
.site-map_content {
    grid-template-columns: 1fr;
  }
}

.site-map_list,
.site-map_list ul,
.site-map_list ul ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.site-map_list li,
.site-map_list ul li,
.site-map_list ul ul li {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.site-map_list ul.site-map_list {
    padding-left: 20px;
    margin-top: 12px;
    border-left: 1px solid #2d5ca6;
	font-size: 12px;
}

@media (max-width: 768.98px) {
ul.site-map_list > li > ul.site-map_list > li > a > span {
   
    margin-top: 12px;
}
ul.site-map_list > li > ul.site-map_list > li {

    padding-left: 20px;
}
}

.site-map_list ul.site-map_list li {
    list-style: none;
	
}

.site-map_list > li:nth-child(3) > ul > li > a > span {
 	font-size: 12px;
	color: #2d5ca6;
}

.site-map_list ul.site-map_list li a {
    word-break: keep-all;
    word-wrap: break-word;
    color: #2d5ca6;
    text-decoration: none;
}

footer .site-map_item .title a {
    font-family: ProbaPro;
    font-weight: 600;
    color: #2d5ca6;
    margin-bottom: 10px;
    font-size: 18px;
}

@media (max-width: 768.98px) {
footer .site-map_item .title a {
    font-size: 25px;
	margin-bottom: 0px;
}
footer .site-map_item ul.site-map_list li a span {
		font-size: 20px;
	}
footer .site-map_item ul.site-map_list li ul.site-map_list li a span {
		font-size: 18px;
		line-height: 30px;
	}
footer .site-map_item ul.site-map_list {
		margin: 5px 0;

	}
footer .site-map_item ul.site-map_list li {
		margin: 5px 0;
		
	}
}

footer .site-map_list a[href*="зразок"],
footer .site-map_list a[href*="Зразок"],
footer .site-map_list a[href*="зразок-пункту"],
footer .site-map_list a[href*="sample"] {
    display: none;
    visibility: hidden;
}

.site-map_list *[class*="sample"],
.site-map_list *[id*="sample"],
.site-map_list a[title*="Зразок"],
.site-map_list a[title*="зразок"] {
    display: none;
}

@media (max-width: 768px) {
.map-content.active ul {
        display: block !important;
        grid-template-columns: none !important;
        padding: 0 !important;
        margin: 0 !important;
		margin-top: 12px !important;
    }
}

@media (max-width: 1199px) and (min-width: 769px) {
.map-content.active ul {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

body.lowvision img,
body.lowvision .background {
    filter: grayscale(100%) !important;
}

/* Mobile search z-index fix (merged from mobile-overrides.css) */
@media (max-width: 991.98px) {
    header .main-search { z-index: 2000; }
    .search-form { z-index: 2001; }
}

/* Button reset for a->button conversions (legacy cleanup) */
button.menu-icon,
button.showSubmenu,
button.scrollToTop,
button.header-action-btn,
.site-map_btn button,
.reform-item button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-appearance: none;
    appearance: none;
}

/* ===== Image size classes (editor + frontend) ===== */
img.size-full { width: 100%; height: auto; }
img.size-1024 { max-width: 1024px; height: auto; }
img.size-800  { max-width: 800px;  height: auto; }
img.size-640  { max-width: 640px;  height: auto; }
img.size-480  { max-width: 480px;  height: auto; }
img.size-300  { max-width: 300px;  height: auto; }
img.size-200  { max-width: 200px;  height: auto; }
img.size-150  { max-width: 150px;  height: auto; }
/* WordPress legacy */
img.size-large { max-width: 1024px; width: 100%; height: auto; }
img.size-medium { max-width: 300px; height: auto; }
img.size-thumbnail { max-width: 150px; height: auto; }

img.alignleft { float: left; margin: 0 20px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 20px; }
img.aligncenter { display: block; margin: 15px auto; }
img.alignnone { margin: 0 0 15px; }

/* Image with caption (TinyMCE figure) */
figure.image { display: table; margin: 15px auto; max-width: 100%; }
figure.image img { display: block; max-width: 100%; height: auto; }
figure.image figcaption {
    display: table-caption; caption-side: bottom;
    text-align: center; font-size: 13px; color: #666;
    padding: 8px 0; font-style: italic;
}

/* Clear floats after aligned images */
.page-content::after,
.editor-content::after {
    content: ""; display: table; clear: both;
}
