button * {
    pointer-events: none;
}

.p_a2_priceUrls_breadcrumbsClustering_navigator2 {
    color: #444;
}

#content.navigatorSecond {
    padding: 0.7em;
    margin: 0 auto;
}

.navigatorSecond .itemsListScrollable {
    margin: 0;
}

.navigatorSecond .breadcrumbsWrapper {
    font-size: .8em;
}

.navigatorSecond .mainTitlePage {
    color: #444;
    padding: 0;
}

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

.clusterNavigator--desktop {
    display: block;
}

.clusterNavigator {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, 290px) 1fr;
    align-items: start;
    align-content: start;
    grid-gap: 20px;
    font-size: 10px;
}

.clusterNavigator__buttonMap {
    cursor: pointer;
    min-height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    border: none;
    background-color: #fff;
    border-radius: 7px;
    box-shadow:
    0 0 10px rgba(0, 0, 0, 0.3),
    0 0 30px rgb(241 245 240);
    transition: .2s;
}

.clusterNavigator__buttonMap::before {
    content: '';
    display: flex;
    width: 15px;
    height: 15px;
    max-width: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzI2QTZEMSIgZD0iTS0uMDQyIDBsNy45NzEgMyA4LjAzNS0zIDcuOTk1IDMgOC0zdjI5bC04LjAyIDMtOC4wMDUtMy03Ljk5MSAzLTcuOTg0LTN2LTI5eiI+PC9wYXRoPjxwb2x5Z29uIGZpbGw9IiMyMjk1QkMiIHBvaW50cz0iNy45NTgsMzEuOTg3IDE1LjkzNCwyOC45OTMgMTUuOTU4LDI5LjAwMiAxNS45NTgsLTAuMDA1IDcuOTU4LDIuOTgyIj48L3BvbHlnb24+PHBvbHlnb24gZmlsbD0iIzIyOTVCQyIgcG9pbnRzPSIyMy45NTksMi45OTMgMjMuOTU5LDMxLjk4NSAzMS45NTksMjguOTkzIDMxLjk1OSwtMC4wMDciPjwvcG9seWdvbj48cGF0aCBmaWxsPSIjRUZDNzVFIiBkPSJNMjMuOTU5IDIuOTkzbC03Ljk5NS0zLTMuMDc3IDEuMTQ4Yy01LjE3OSA1Ljk2NC0zLjI0NSAxMC45NzcgMy42MiAxNy4xOTYgNS43OTEgNS4yNDUgMTEuNzc3IDguMzE1IDE1LjQ1MSA1LjY1NXYtMjRsLTcuOTk5IDMuMDAxeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMzREIzOUUiIGQ9Ik0zMS45NTktLjAwN2wtOCAzLTcuOTk1LTMtLjAxMS4wMDRjLTcuMTI3IDYuMDQxLTMuNjM1IDkuNDk3IDIuNTkyIDE1LjIyOSA1LjAyOSA0LjYzMSA5LjA1NSA3LjMyIDEzLjQxNCA0Ljc2OC0uMDQ1LTEuOTk2IDAtMTkuOTkgMC0yMC4wMDF6Ij48L3BhdGg+PHBhdGggZmlsbD0iI0Q3QjM1NCIgZD0iTTIzLjk1OSAyLjk5M3YyMC42NTVjMy4xMDQgMS41MTkgNS45MjIgMS44NSA4IC4zNDV2LTI0bC04IDN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI0Q3QjM1NCIgZD0iTTE1Ljk1OC0uMDA1bC0xLjY4NC42MjktMS4zODcuNTE4Yy01LjAzNSA1Ljc5Ny0zLjMzMyAxMC42OTkgMy4wNzEgMTYuNjh2LTE3LjgyN3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjMzdBMThFIiBkPSJNMzEuOTU5LS4wMDdsLTggM3YxNi41MTFjMi43NDkgMS42NCA1LjMxMiAyLjA2MyA4IC40ODktLjA0NS0xLjk5NSAwLTE5Ljk4OSAwLTIweiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMzN0ExOEUiIGQ9Ik0xNS45NTgtLjAwNWwtLjAwMy4wMDEtLjAwMi4wMDFjLTYuMDYgNS4xMzYtNC40NDEgOC40MDQuMDA1IDEyLjc5di0xMi43OTJ6Ij48L3BhdGg+PC9zdmc+);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    transition: .2s;
}

.clusterNavigator__buttonMap::after {
    content: '';
    display: flex;
    width: 15px;
    height: 15px;
    max-width: 0px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDA1IDEzNi43OThMMzc1LjIwMiAxMDcgMjU2IDIyNi4yMDIgMTM2Ljc5OCAxMDcgMTA3IDEzNi43OTggMjI2LjIwMiAyNTYgMTA3IDM3NS4yMDIgMTM2Ljc5OCA0MDUgMjU2IDI4NS43OTggMzc1LjIwMiA0MDUgNDA1IDM3NS4yMDIgMjg1Ljc5OCAyNTZ6IiBmaWxsPSIjZjkzNTIwIj48L3BhdGg+PC9zdmc+);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    transition: .2s;
}


.clusterNavigator__buttonMap--isPressed::before {
    max-width: 0px;
    margin-left: 0;
}

.clusterNavigator__buttonMap--isPressed::after {
    max-width: 15px;
    margin-left: 5px;
}

.clusterNavigator__buttonMap:hover {
    filter: brightness(.95);
}

.clusterNavigator__buttonMap:active {
    box-shadow:
    0 0 10px rgba(0, 0, 0, 0.3) inset,
    0 0 30px rgb(241 245 240) inset;
}

.clusterNavigator__wrapTitleBlock {
    width: 100%;
    box-sizing: border-box;
    grid-column: 1 / -1;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.clusterNavigator__titleBlock {
    display: grid;
    padding: 0 20px;
    grid-template-columns: 1fr;
    grid-gap: 5px;

}

.clusterNavigator__titleBlock p {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

.clusterNavigator .clusterNavigator__clusterList {
    grid-column: 1;
    grid-row: 4;
}

.clusterNavigator__title {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.breadcrumbsWrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbsItem:not(:last-child):after {
    content: "";
    display: inline-flex;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjk0LjEgMjU2TDE2NyAxMjljLTkuNC05LjQtOS40LTI0LjYgMC0zMy45czI0LjYtOS4zIDM0IDBMMzQ1IDIzOWM5LjEgOS4xIDkuMyAyMy43LjcgMzMuMUwyMDEuMSA0MTdjLTQuNyA0LjctMTAuOSA3LTE3IDdzLTEyLjMtMi4zLTE3LTdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45bDEyNy0xMjcuMXoiIGZpbGw9IiM0NDQ0NDQiPjwvcGF0aD48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 10px;
}

.breadcrumbsItem {
    transition: .2s;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
}

.breadcrumbsItem:hover {
    filter: brightness(.7);
}

.clusterNavigator__controls {
    grid-column: 1;
    padding: 20px 10px;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: var(--ui-shadow-block);
}

.breadcrumbsWrapper {
    padding: 0 20px;
}

.clusterNavigator__geo .selectHierarchy__wrap   {
    margin: 0 10px;
}

.clusterNavigator__tableWrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    grid-row: 2 / 7;
}

.clusterNavigator__table {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.firmTableItem__firmPricesSecond *,
.clusterNavigator__controlButton * {
    pointer-events: none;
}

.firmTableItem--extended .firmTableItem__firmPricesSecond * {
    pointer-events: all;
}

.clusterNavigator__sortElements {
    display: none;
}

.clusterNavigator__categories {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.clusterNavigator__geo {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.clusterNavigator__geo .selectHierarchy__wrap {
    min-width: 180px;
}

.clusterNavigator__moreButton {
    width: fit-content;
    margin: 0 auto;
}

.clusterNavigator__moreButton  {
    margin: 0 auto 30px;
}

.clusterNavigator__map {
    position: absolute;
    width: 100%;
    overflow: hidden;

    height: 0;
    max-height: 0;
    opacity: 0;

    display: flex;
    border-radius: 8px;
    box-shadow: var(--ui-shadow-block);
}

.clusterNavigator__firmInfoForMap {
    position: absolute;
    width: 0;
    overflow: hidden;
    display: flex;
    background-color: #fff;
    box-shadow: var(--ui-shadow-block);
    border-radius: 7px;
    margin-top: -10px;
}

.clusterNavigator__map--isShow {
    animation: showMap .5s ease-in-out forwards;
}

.clusterNavigator__firmInfoForMap--isShow {
    animation: showInfo .5s ease-in-out forwards;
    min-height: fit-content;
}

.clusterNavigator__firmInfoForMap--isShow ~ .clusterNavigator__clusterList {
    grid-row: 5;
}

@keyframes showInfo {
    from {
        position: relative;
        max-height: 0;
        height: auto;
        opacity: 0;
        width: 0;
    }
    10% {
        width: 100%;
        opacity: 0;
        height: auto;
        max-height: 0;
    }
    to {
        width: 360px;
        position: relative;
        opacity: 1;
        height: auto;
        max-height: 500px;
        z-index: 50;
    }
}

@keyframes showMap {
    from {
        position: absolute;
        height: 0;
    }
    10% {
        position: relative;
    }
    to {
        position: relative;
        opacity: 1;
        height: 500px;
        max-height: 500px;
    }
}

#navigatorMap {
    height: 500px;
    width: 100%;
}

.clusterNavigator__firmInfoForMap .firmTableItem {
    background-color: transparent;
    box-shadow: none;
    grid-template-columns: 1fr;
}

@media only screen and (max-width: 920px) {

    /* select */
    .clusterNavigator__geo .selectHierarchy__wrap {
        margin: 0;
    }

    #settings_modal .selectHierarchy__option {
        border-radius: 7px;
        color: #222;
        background-color: #f1f1f1;
        width: fit-content;
    }

    #settings_modal .selectHierarchy__element {
        background-color: transparent;
        box-shadow: none;
    }

    #settings_modal .selectHierarchy__optionList {
        position: relative;
        height: fit-content;
        max-height:  none;
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        background-color: transparent;
    }

    #settings_modal .selectHierarchy__display {
        display: none;
    }


    /* .selectHierarchy__wrap.selectHierarchy__wrap--isOpen {
        position: absolute;
        width: 100dvw;
        height: 100dvh;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        z-index: 10;
    }

    .selectHierarchy__wrap.selectHierarchy__wrap--isOpen .selectHierarchy__display {
        display: none;
    }

    .selectHierarchy__wrap.selectHierarchy__wrap--isOpen .selectHierarchy__optionList {
        position: relative;
        margin: auto;
        width: 90dvw;
        padding: 20px;
        box-sizing: border-box;
        max-height: 90dvh;
        height: fit-content;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 5px;
        overflow: auto;
    }

    .selectHierarchy__wrap.selectHierarchy__wrap--isOpen .selectHierarchy__element {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #444444e1;
    }

    .selectHierarchy__wrap.selectHierarchy__wrap--isOpen .selectHierarchy__option {
        width: 100%;
        min-height: 35px;
        text-align: center;
        box-shadow: var(--ui-shadow-input-out);
        background-color: #fff;
        border-radius: 5px;
        font-weight: bold;
    } */

    .clusterNavigator__filterTitle {
        justify-content: start;
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0%;
        color: #444;
    }

    .clusterNavigator {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .clusterNavigator .clusterNavigator__clusterList,
    .clusterNavigator .clusterNavigator__controls,
    .clusterNavigator .clusterNavigator__tableWrap,
    .clusterNavigator .p_a2_basePages2_pageInfo_titleForPage {
        grid-column: auto;
        grid-row: auto;
    }

    .clusterNavigator .clusterNavigator__clusterList .itemsListScrollable {
        margin: 0!important;
    }

    .clusterNavigator__controls {
        padding: 10px;
    }

    .clusterNavigator__clusterRows {
        display: flex;
        flex-wrap: wrap;
        max-height: 120px;
        padding: 10px;
        width: 100%;
        overflow-x: auto;
    }

    .clusterNavigator__clusterRowsRail {
        min-width: 2000px;
    }

    .clusterNavigator__categories {
        display: none;
        overflow: auto;
    }

    .clusterNavigator--mobile {
        display: flex!important;
        justify-content: center;
    }

    .clusterNavigator--desktop {
        display: none;
    }

    .clusterNavigator__content {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .clusterNavigator__controlsBlock {
        transform: translateY(-100%);
        width: 100%;
        position: fixed;
        left: 0;
        opacity: 0;
        pointer-events: none;
        box-sizing: border-box;
        transition: .2s;
    }

    .clusterNavigator__modalControls {
        position: relative;
        text-align: center;
        justify-content: center;
        height: 30px;
    }

    .clusterNavigator__modalTitle {
        font-size: 1.6em;
        font-weight: 900;
        color: #444;
        display: none;
    }

    .clusterNavigator__modalClose {
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
        height: 25px;
        margin: 0;
        padding: 0;
        border: none;
        background-color: transparent;
        margin-top: -5px;
    }

    .clusterNavigator__modalClose svg {
        fill: #999999;
        transition: .2s;
    }

    .clusterNavigator__modalClose svg:hover {
        fill: #444444;
    }

    .clusterNavigator__controlsButtons {
        width: 100%;
        box-sizing: border-box;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 10px;
    }

    .clusterNavigator__controlButton {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 1.3em;
        border: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

    .clusterNavigator__controlButton svg {
        width: 20px;
    }

    .clusterNavigator__searchInput {
        min-height: 40px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        width: 100%;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        margin: 0!important;
    }

    .clusterNavigator__modalShow--sort_control,
    .clusterNavigator__modalShow--filters_control {
        opacity: 1;
        pointer-events: all;
        transform: translate(0);

        background-color: #222222c8;
        top: 0;

        height: 100dvh;
        max-height: 100dvh;
        z-index: 10;
        transition: .2s;
        /* padding: 0; */
    }

    .clusterNavigator__controlsContent {
        background-color: #fff;
        height: auto;
        max-height: 100dvh;
        border-radius: 0 0 7px 7px;
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
        padding: 20px 10px;
    }

    .clusterNavigator__modalShow--sort_control .clusterNavigator__sortElements,
    .clusterNavigator__modalShow--filters_control .clusterNavigator__categories {
        display: grid;
        max-height: calc(100dvh - 70px);
    }

    .clusterNavigator__modalShow--sort_control .clusterNavigator__sortElements {
        display: grid;
    }

    .clusterNavigator__modalShow--filters_control .clusterNavigator__modalTitle--filters,
    .clusterNavigator__modalShow--sort_control .clusterNavigator__modalTitle--sort {
        display: flex;
    }

    /* .clusterNavigator__modalShow--sort_control,
    .clusterNavigator__modalShow--filters_control {
        display: flex;
        height: 100dvh;
        width: 100dvw;
        left: 0;
        top: 0;
        position: absolute;
        background-color: #222;
        z-index: -1;
    } */


    /* .clusterNavigator__modalShow--filters_control {
        z-index: 10;
        background-color: #fff;
    } */

    /* .clusterNavigator__modalShow--filters_control::before {
        content: '';
        display: flex;
        height: 100dvh;
        width: 100dvw;
        left: 0;
        top: 0;
        position: absolute;
        background-color: #222;
        z-index: -1;
    } */

    .clusterNavigator__firmInfoForMap {
        grid-row: 4;
        margin-top: 0;
        width: 100%;
        /* top: 40px; */
    }

    @keyframes showInfo {
        from {
            position: relative;
            max-height: 0;
            height: auto;
            opacity: 0;
            width: 0;
        }
        10% {
            width: 100%;
            opacity: 0;
            height: auto;
            max-height: 0;
        }
        to {
            width: 100%;
            position: relative;
            opacity: 1;
            height: auto;
            max-height: 500px;
            z-index: 50;
        }
    }

    .clusterNavigator__tableWrap {
        transition-duration: .2s;
        transition-delay: .3s;
    }

    .clusterNavigator__firmInfoForMap.clusterNavigator__firmInfoForMap--isShow ~ .clusterNavigator__tableWrap {
        margin-top: -30px;
    }

    .p_a2_priceUrls_breadcrumbsClustering_navigator2 .clusterNavigator__titleBlock,
    .p_a2_priceUrls_breadcrumbsClustering_navigator2 .breadcrumbsWrapper {
        padding: 0;
    }

    .clusterNavigator--main .clusterNavigator__clusterList {
        grid-row: 2;
    }

    /* .p_a2_priceUrls_breadcrumbsClustering_navigator2_paramItem {
        margin: 0 10px;
    } */
}

@media only screen and (max-width: 685px) {
    .clusterNavigator__sortBlock {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .firmPage__modalContainer--active[id^="compact_"],
    .firmPage__modalContainer--active[id^="price-modal_"] {
        width: 100dvw;
        height: 100dvh;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .firmPage__modalContainer--active[id^="compact_"] .firmPage__modalWrap,
    .firmPage__modalContainer--active[id^="price-modal_"] .firmPage__modalWrap {
        max-width: 90dvw;
        max-height: 90dvh;
        height: fit-content;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: var(--ui-shadow-block);
        padding: 20px;
    }

    .firmPage__modalContainer--active[id^="compact_"] .firmPage__modalContent,
    .firmPage__modalContainer--active[id^="price-modal_"] .firmPage__modalContent {
        padding: 0;
    }

    .firmPage__modalContainer--active[id^="compact_"] .modalClose,
    .firmPage__modalContainer--active[id^="price-modal_"] .modalClose {
        padding: 0;
        top: 0;
        right: 0;
        font-size: 1em;
        color: #444;
        margin: 10px;
    }
}

@media only screen and (max-width: 360px) {
    .priceInfo__tableHeader {
        grid-gap: 5px;
    }
}