:root {
    --border-radius: 3px;
    --border: 1px solid #DDDDDD;

    --color-background: #F4F6F9;
    --color-background-light: #FBFBFB;
    --color-background-dark: #E5EDFF;
    --color-main: #294D9B;
    --color-main-dark: #0D2866;
    --color-main-alfa: rgba(41, 77, 155, 0.3);
    --color-main-alfa-60: rgba(41, 77, 155, 0.6);
    --color-font: #323232;
    --color-white: #ffffff;
    --color-gray: #999999;
    --color-dark-gray: #666666;
    --color-attention: #C6255F;

    --font-family: 'PT Sans', Arial, Verdana, Helvetica, sans-serif;
    --font-size-xx-small: 10px;
    --font-size-x-small: 12px;
    --font-size-small: 14px;
    --font-size: 16px;
    --font-size-medium: 24px;
    --font-size-large: 32px;
    --font-size-x-large: 48px;

    --padding-x-small: 4px;
    --padding-small: 8px;
    --padding: 16px;
    --padding-medium: 24px;
    --padding-large: 32px;
    --padding-x-large: 48px;

    --column-gap: 16px;
    --column-width: 80px;
    --column-3: calc(3 * var(--column-width) + 2 * var(--column-gap));
    --column-4: calc(4 * var(--column-width) + 3 * var(--column-gap));
    --column-8: calc(8 * var(--column-width) + 7 * var(--column-gap));
    --column-9: calc(9 * var(--column-width) + 8 * var(--column-gap));
    --column-12: calc(12 * var(--column-width) + 11 * var(--column-gap));

    --min-height-photo-wrapper: 481px;
    --min-height-map-wrapper: 481px;
    --min-height-map-wrapper-mobile: 380px;
}

@media screen and (max-width: 720px) {
    :root {

    }
}

* {
    box-sizing: border-box;
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--color-background);
}

.wrapper {
    color: var(--color-font);
    margin: 0 auto;
    max-width: var(--column-12);
}

.wrapper h1 {
    color: var(--color-font);
}

.page-error-wrapper {
    min-height: 80vh;
}

.page-error-wrapper h1 + p {
    margin-top: var(--padding);
}

.footer {
    font-size: var(--font-size-small);
    margin-top: var(--padding-large);
    margin-bottom: var(--padding);
}

@media screen and (max-width: 720px) {
    .wrapper {
        margin-right: var(--padding-small);
        margin-left: var(--padding-small);
    }

    .wrapper h1 {
        font-size: var(--font-size-large);
        margin-top: var(--padding-large);
    }

    .wrapper h1 sup {
        font-size: var(--font-size);
    }
}

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

    .wrapper h1 {
        font-size: var(--font-size-large);
        margin-top: var(--padding-large);
    }

    .wrapper h1 sup {
        font-size: var(--font-size);
    }
}

/* pagination */
.pagination {
    background-color: var(--color-white);
    padding: var(--padding);

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.pagination a {
    border-radius: var(--border-radius);
    background-color: var(--color-background);
    color: var(--color-main);
    font-size: var(--font-size-small);
    margin-right: var(--padding-small);
    /*padding: 7px var(--padding) 8px var(--padding);*/
    text-decoration: none;
    height: 36px;
    width: 36px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.pagination a:last-child {
    margin-right: 0;
}

.pagination a:hover {
    background-color: var(--color-background-dark);
}

.pagination a.active {
    background-color: var(--color-main);
    color: #ffffff;
}

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

    .pagination {
        flex-wrap: wrap;
    }

    .pagination a {
        margin-bottom: var(--padding-small);
    }
}
.button {
    background-color: var(--color-main);
    background-repeat: no-repeat;
    background-position: 8px center;
    border-radius: var(--border-radius);
    border: none;
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-size);
    padding: var(--padding-small) var(--padding) var(--padding-small) var(--padding-large);
    position: relative;
    text-decoration: none;
    /*transition: all 0.3s ease;*/
}

.button sup {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiNDNjI1NUYiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: contain;
    color: var(--color-white);
    font-size: var(--font-size-small);
    height: 24px;
    text-align: center;
    width: 24px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;

    position: absolute;
    top: -8px;
    right: -8px;
}

.button__filter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjMzMzMgMi41SDEuNjY2NjdMOC4zMzMzNCAxMC4zODMzVjE1LjgzMzNMMTEuNjY2NyAxNy41VjEwLjM4MzNMMTguMzMzMyAyLjVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.button__search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTY2NjcgMTUuODMzM0MxMi44NDg2IDE1LjgzMzMgMTUuODMzMyAxMi44NDg2IDE1LjgzMzMgOS4xNjY2N0MxNS44MzMzIDUuNDg0NzcgMTIuODQ4NiAyLjUgOS4xNjY2NyAyLjVDNS40ODQ3NyAyLjUgMi41IDUuNDg0NzcgMi41IDkuMTY2NjdDMi41IDEyLjg0ODYgNS40ODQ3NyAxNS44MzMzIDkuMTY2NjcgMTUuODMzM1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNy41IDE3LjVMMTMuODc1IDEzLjg3NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.button__reset {
    background-color: var(--color-background);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDVMNSAxNSIgc3Ryb2tlPSIjMzIzMjMyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNSA1TDE1IDE1IiBzdHJva2U9IiMzMjMyMzIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    color: var(--color-font);
}

.button:active {
    background-color: var(--color-attention);
    transform: scale(0.9);
}

.button__reset:active {
    background-color: var(--color-gray);
    transform: scale(0.9);
}
.icon {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;

    background-color: var(--color-background);
    border-radius: var(--border-radius);

    display: inline-block;
    height: 36px;
    width: 36px;
}

.icon:hover {
    background-color: var(--color-background-dark);
}

.iconOnButton {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: var(--padding-small) center;
    color: var(--color-main);
    padding-left: calc(var(--padding-small) + 20px + var(--padding-small));
    padding-right: var(--padding);
    text-decoration: none;
    width: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.iconList {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxMEgxNy41IiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgNUgxNy41IiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMTVIMTcuNSIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.iconCross {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCIgc3Ryb2tlPSIjMjk0RDlCIj48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCIgc3Ryb2tlPSIjMjk0RDlCIj48L2xpbmU+PC9zdmc+);
}

.iconView {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxXzYpIj4KPHBhdGggZD0iTTAuODMzMzc0IDEwQzAuODMzMzc0IDEwIDQuMTY2NzEgMy4zMzMzNCAxMCAzLjMzMzM0QzE1LjgzMzQgMy4zMzMzNCAxOS4xNjY3IDEwIDE5LjE2NjcgMTBDMTkuMTY2NyAxMCAxNS44MzM0IDE2LjY2NjcgMTAgMTYuNjY2N0M0LjE2NjcxIDE2LjY2NjcgMC44MzMzNzQgMTAgMC44MzMzNzQgMTBaIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxMi41QzExLjM4MDcgMTIuNSAxMi41IDExLjM4MDcgMTIuNSAxMEMxMi41IDguNjE5MjkgMTEuMzgwNyA3LjUgMTAgNy41QzguNjE5MjkgNy41IDcuNSA4LjYxOTI5IDcuNSAxMEM3LjUgMTEuMzgwNyA4LjYxOTI5IDEyLjUgMTAgMTIuNVoiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF81MV82Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.iconEdit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxXzEwKSI+CjxwYXRoIGQ9Ik0xNC4xNjY2IDIuNDk5OTlDMTQuMzg1NSAyLjI4MTEyIDE0LjY0NTMgMi4xMDc1IDE0LjkzMTMgMS45ODkwNUMxNS4yMTczIDEuODcwNiAxNS41MjM4IDEuODA5NjMgMTUuODMzMyAxLjgwOTYzQzE2LjE0MjggMS44MDk2MyAxNi40NDkzIDEuODcwNiAxNi43MzUzIDEuOTg5MDVDMTcuMDIxMyAyLjEwNzUgMTcuMjgxMSAyLjI4MTEyIDE3LjUgMi40OTk5OUMxNy43MTg4IDIuNzE4ODYgMTcuODkyNCAyLjk3ODY5IDE4LjAxMDkgMy4yNjQ2NkMxOC4xMjk0IDMuNTUwNjMgMTguMTkwMyAzLjg1NzEzIDE4LjE5MDMgNC4xNjY2NUMxOC4xOTAzIDQuNDc2MTggMTguMTI5NCA0Ljc4MjY4IDE4LjAxMDkgNS4wNjg2NUMxNy44OTI0IDUuMzU0NjEgMTcuNzE4OCA1LjYxNDQ1IDE3LjUgNS44MzMzMkw2LjI0OTk2IDE3LjA4MzNMMS42NjY2MyAxOC4zMzMzTDIuOTE2NjMgMTMuNzVMMTQuMTY2NiAyLjQ5OTk5WiIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUxXzEwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.iconPhoto {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxXzEzKSI+CjxwYXRoIGQ9Ik0xOS4xNjY3IDE1LjgzMzNDMTkuMTY2NyAxNi4yNzU0IDE4Ljk5MTEgMTYuNjk5MyAxOC42Nzg2IDE3LjAxMThDMTguMzY2IDE3LjMyNDQgMTcuOTQyMSAxNy41IDE3LjUgMTcuNUgyLjUwMDA0QzIuMDU4MDEgMTcuNSAxLjYzNDA5IDE3LjMyNDQgMS4zMjE1MyAxNy4wMTE4QzEuMDA4OTcgMTYuNjk5MyAwLjgzMzM3NCAxNi4yNzU0IDAuODMzMzc0IDE1LjgzMzNWNi42NjY2N0MwLjgzMzM3NCA2LjIyNDY0IDEuMDA4OTcgNS44MDA3MiAxLjMyMTUzIDUuNDg4MTZDMS42MzQwOSA1LjE3NTU5IDIuMDU4MDEgNSAyLjUwMDA0IDVINS44MzMzN0w3LjUwMDA0IDIuNUgxMi41TDE0LjE2NjcgNUgxNy41QzE3Ljk0MjEgNSAxOC4zNjYgNS4xNzU1OSAxOC42Nzg2IDUuNDg4MTZDMTguOTkxMSA1LjgwMDcyIDE5LjE2NjcgNi4yMjQ2NCAxOS4xNjY3IDYuNjY2NjdWMTUuODMzM1oiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuOTk5OTYgMTQuMTY2N0MxMS44NDA5IDE0LjE2NjcgMTMuMzMzMyAxMi42NzQzIDEzLjMzMzMgMTAuODMzM0MxMy4zMzMzIDguOTkyMzggMTEuODQwOSA3LjUgOS45OTk5NiA3LjVDOC4xNTkwMSA3LjUgNi42NjY2MyA4Ljk5MjM4IDYuNjY2NjMgMTAuODMzM0M2LjY2NjYzIDEyLjY3NDMgOC4xNTkwMSAxNC4xNjY3IDkuOTk5OTYgMTQuMTY2N1oiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF81MV8xMyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.iconMap {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxXzE3KSI+CjxwYXRoIGQ9Ik0xNy41IDguMzMzMzRDMTcuNSAxNC4xNjY3IDEwIDE5LjE2NjcgMTAgMTkuMTY2N0MxMCAxOS4xNjY3IDIuNSAxNC4xNjY3IDIuNSA4LjMzMzM0QzIuNSA2LjM0NDIyIDMuMjkwMTggNC40MzY1NyA0LjY5NjcgMy4wMzAwNEM2LjEwMzIyIDEuNjIzNTIgOC4wMTA4OCAwLjgzMzM0NCAxMCAwLjgzMzM0NEMxMS45ODkxIDAuODMzMzQ0IDEzLjg5NjggMS42MjM1MiAxNS4zMDMzIDMuMDMwMDRDMTYuNzA5OCA0LjQzNjU3IDE3LjUgNi4zNDQyMiAxNy41IDguMzMzMzRaIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxMC44MzMzQzExLjM4MDcgMTAuODMzMyAxMi41IDkuNzE0MDYgMTIuNSA4LjMzMzM0QzEyLjUgNi45NTI2MyAxMS4zODA3IDUuODMzMzQgMTAgNS44MzMzNEM4LjYxOTI5IDUuODMzMzQgNy41IDYuOTUyNjMgNy41IDguMzMzMzRDNy41IDkuNzE0MDYgOC42MTkyOSAxMC44MzMzIDEwIDEwLjgzMzNaIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTFfMTciPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.iconClock {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxXzIxKSI+CjxwYXRoIGQ9Ik05Ljk5OTk2IDE4LjMzMzNDMTQuNjAyMyAxOC4zMzMzIDE4LjMzMzMgMTQuNjAyNCAxOC4zMzMzIDkuOTk5OTlDMTguMzMzMyA1LjM5NzYyIDE0LjYwMjMgMS42NjY2NiA5Ljk5OTk2IDEuNjY2NjZDNS4zOTc1OSAxLjY2NjY2IDEuNjY2NjMgNS4zOTc2MiAxLjY2NjYzIDkuOTk5OTlDMS42NjY2MyAxNC42MDI0IDUuMzk3NTkgMTguMzMzMyA5Ljk5OTk2IDE4LjMzMzNaIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCA1VjEwTDEzLjMzMzMgMTEuNjY2NyIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUxXzIxIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.iconPromo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE2NjcgOS4xNjY2N0wxMCA1TDUuODMzMzcgOS4xNjY2NyIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMTY2NyAxNUwxMCAxMC44MzMzTDUuODMzMzcgMTUiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.iconSetting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4N18yKSI+CjxwYXRoIGQ9Ik0xMCAxMi41QzExLjM4MDcgMTIuNSAxMi41IDExLjM4MDcgMTIuNSAxMEMxMi41IDguNjE5MjkgMTEuMzgwNyA3LjUgMTAgNy41QzguNjE5MjkgNy41IDcuNSA4LjYxOTI5IDcuNSAxMEM3LjUgMTEuMzgwNyA4LjYxOTI5IDEyLjUgMTAgMTIuNVoiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjE2NjYgMTIuNUMxNi4wNTU3IDEyLjc1MTQgMTYuMDIyNiAxMy4wMzAyIDE2LjA3MTYgMTMuMzAwNUMxNi4xMjA3IDEzLjU3MDggMTYuMjQ5NSAxMy44MjAzIDE2LjQ0MTYgMTQuMDE2N0wxNi40OTE2IDE0LjA2NjdDMTYuNjQ2NiAxNC4yMjE1IDE2Ljc2OTUgMTQuNDA1MyAxNi44NTM0IDE0LjYwNzZDMTYuOTM3MyAxNC44MDk5IDE2Ljk4MDUgMTUuMDI2OCAxNi45ODA1IDE1LjI0NThDMTYuOTgwNSAxNS40NjQ5IDE2LjkzNzMgMTUuNjgxNyAxNi44NTM0IDE1Ljg4NDFDMTYuNzY5NSAxNi4wODY0IDE2LjY0NjYgMTYuMjcwMiAxNi40OTE2IDE2LjQyNUMxNi4zMzY5IDE2LjU4IDE2LjE1MyAxNi43MDI5IDE1Ljk1MDcgMTYuNzg2OEMxNS43NDg0IDE2Ljg3MDcgMTUuNTMxNSAxNi45MTM4IDE1LjMxMjUgMTYuOTEzOEMxNS4wOTM1IDE2LjkxMzggMTQuODc2NiAxNi44NzA3IDE0LjY3NDIgMTYuNzg2OEMxNC40NzE5IDE2LjcwMjkgMTQuMjg4MSAxNi41OCAxNC4xMzMzIDE2LjQyNUwxNC4wODMzIDE2LjM3NUMxMy44ODY5IDE2LjE4MjkgMTMuNjM3NSAxNi4wNTQgMTMuMzY3MSAxNi4wMDVDMTMuMDk2OCAxNS45NTYgMTIuODE4IDE1Ljk4OTEgMTIuNTY2NiAxNi4xQzEyLjMyMDIgMTYuMjA1NiAxMi4xMSAxNi4zODEgMTEuOTYxOSAxNi42MDQ2QzExLjgxMzggMTYuODI4MiAxMS43MzQ0IDE3LjA5MDIgMTEuNzMzMyAxNy4zNTgzVjE3LjVDMTEuNzMzMyAxNy45NDIgMTEuNTU3NyAxOC4zNjYgMTEuMjQ1MiAxOC42Nzg1QzEwLjkzMjYgMTguOTkxMSAxMC41MDg3IDE5LjE2NjcgMTAuMDY2NiAxOS4xNjY3QzkuNjI0NjIgMTkuMTY2NyA5LjIwMDcgMTguOTkxMSA4Ljg4ODE0IDE4LjY3ODVDOC41NzU1OCAxOC4zNjYgOC4zOTk5OCAxNy45NDIgOC4zOTk5OCAxNy41VjE3LjQyNUM4LjM5MzUzIDE3LjE0OTIgOC4zMDQyNSAxNi44ODE3IDguMTQzNzQgMTYuNjU3M0M3Ljk4MzIzIDE2LjQzMjggNy43NTg5MyAxNi4yNjE5IDcuNDk5OTggMTYuMTY2N0M3LjI0ODYzIDE2LjA1NTcgNi45Njk4MiAxNi4wMjI3IDYuNjk5NDkgMTYuMDcxN0M2LjQyOTE2IDE2LjEyMDcgNi4xNzk3MSAxNi4yNDk2IDUuOTgzMzEgMTYuNDQxN0w1LjkzMzMxIDE2LjQ5MTdDNS43Nzg1MiAxNi42NDY2IDUuNTk0NzEgMTYuNzY5NiA1LjM5MjM4IDE2Ljg1MzRDNS4xOTAwNSAxNi45MzczIDQuOTczMTcgMTYuOTgwNSA0Ljc1NDE1IDE2Ljk4MDVDNC41MzUxMiAxNi45ODA1IDQuMzE4MjQgMTYuOTM3MyA0LjExNTkxIDE2Ljg1MzRDMy45MTM1OCAxNi43Njk2IDMuNzI5NzcgMTYuNjQ2NiAzLjU3NDk4IDE2LjQ5MTdDMy40MjAwMiAxNi4zMzY5IDMuMjk3MDkgMTYuMTUzMSAzLjIxMzIxIDE1Ljk1MDdDMy4xMjkzNCAxNS43NDg0IDMuMDg2MTcgMTUuNTMxNSAzLjA4NjE3IDE1LjMxMjVDMy4wODYxNyAxNS4wOTM1IDMuMTI5MzQgMTQuODc2NiAzLjIxMzIxIDE0LjY3NDNDMy4yOTcwOSAxNC40NzE5IDMuNDIwMDIgMTQuMjg4MSAzLjU3NDk4IDE0LjEzMzNMMy42MjQ5OCAxNC4wODMzQzMuODE3MDkgMTMuODg2OSAzLjk0NTk3IDEzLjYzNzUgMy45OTQ5OCAxMy4zNjcyQzQuMDQ0IDEzLjA5NjggNC4wMTA5MSAxMi44MTggMy44OTk5OCAxMi41NjY3QzMuNzk0MzQgMTIuMzIwMiAzLjYxODk0IDEyLjExIDMuMzk1MzcgMTEuOTYxOUMzLjE3MTc5IDExLjgxMzkgMi45MDk4IDExLjczNDQgMi42NDE2NSAxMS43MzMzSDIuNDk5OThDMi4wNTc5NSAxMS43MzMzIDEuNjM0MDMgMTEuNTU3NyAxLjMyMTQ3IDExLjI0NTJDMS4wMDg5MSAxMC45MzI2IDAuODMzMzEzIDEwLjUwODcgMC44MzMzMTMgMTAuMDY2N0MwLjgzMzMxMyA5LjYyNDY1IDEuMDA4OTEgOS4yMDA3MyAxLjMyMTQ3IDguODg4MTdDMS42MzQwMyA4LjU3NTYxIDIuMDU3OTUgOC40MDAwMSAyLjQ5OTk4IDguNDAwMDFIMi41NzQ5OEMyLjg1MDgxIDguMzkzNTYgMy4xMTgzMiA4LjMwNDI4IDMuMzQyNzMgOC4xNDM3N0MzLjU2NzE0IDcuOTgzMjYgMy43MzgwOCA3Ljc1ODk2IDMuODMzMzEgNy41MDAwMUMzLjk0NDI0IDcuMjQ4NjYgMy45NzczMyA2Ljk2OTg1IDMuOTI4MzIgNi42OTk1MkMzLjg3OTMgNi40MjkxOSAzLjc1MDQzIDYuMTc5NzQgMy41NTgzMSA1Ljk4MzM0TDMuNTA4MzEgNS45MzMzNEMzLjM1MzM1IDUuNzc4NTYgMy4yMzA0MiA1LjU5NDc0IDMuMTQ2NTUgNS4zOTI0MUMzLjA2MjY3IDUuMTkwMDggMy4wMTk1IDQuOTczMiAzLjAxOTUgNC43NTQxOEMzLjAxOTUgNC41MzUxNSAzLjA2MjY3IDQuMzE4MjcgMy4xNDY1NSA0LjExNTk0QzMuMjMwNDIgMy45MTM2MSAzLjM1MzM1IDMuNzI5OCAzLjUwODMxIDMuNTc1MDFDMy42NjMxIDMuNDIwMDUgMy44NDY5MiAzLjI5NzEyIDQuMDQ5MjUgMy4yMTMyNEM0LjI1MTU4IDMuMTI5MzcgNC40Njg0NSAzLjA4NjIgNC42ODc0OCAzLjA4NjJDNC45MDY1MSAzLjA4NjIgNS4xMjMzOCAzLjEyOTM3IDUuMzI1NzEgMy4yMTMyNEM1LjUyODA0IDMuMjk3MTIgNS43MTE4NiAzLjQyMDA1IDUuODY2NjUgMy41NzUwMUw1LjkxNjY1IDMuNjI1MDFDNi4xMTMwNSAzLjgxNzEyIDYuMzYyNDkgMy45NDYgNi42MzI4MiAzLjk5NTAxQzYuOTAzMTUgNC4wNDQwMyA3LjE4MTk3IDQuMDEwOTQgNy40MzMzMSAzLjkwMDAxSDcuNDk5OThDNy43NDY0NSAzLjc5NDM3IDcuOTU2NjYgMy42MTg5NyA4LjEwNDcyIDMuMzk1NEM4LjI1Mjc5IDMuMTcxODIgOC4zMzIyNCAyLjkwOTgzIDguMzMzMzEgMi42NDE2OFYyLjUwMDAxQzguMzMzMzEgMi4wNTc5OCA4LjUwODkxIDEuNjM0MDYgOC44MjE0NyAxLjMyMTVDOS4xMzQwMyAxLjAwODk0IDkuNTU3OTUgMC44MzMzNDQgOS45OTk5OCAwLjgzMzM0NEMxMC40NDIgMC44MzMzNDQgMTAuODY1OSAxLjAwODk0IDExLjE3ODUgMS4zMjE1QzExLjQ5MTEgMS42MzQwNiAxMS42NjY2IDIuMDU3OTggMTEuNjY2NiAyLjUwMDAxVjIuNTc1MDFDMTEuNjY3NyAyLjg0MzE3IDExLjc0NzIgMy4xMDUxNiAxMS44OTUyIDMuMzI4NzNDMTIuMDQzMyAzLjU1MjMxIDEyLjI1MzUgMy43Mjc3MSAxMi41IDMuODMzMzRDMTIuNzUxMyAzLjk0NDI3IDEzLjAzMDEgMy45NzczNiAxMy4zMDA1IDMuOTI4MzVDMTMuNTcwOCAzLjg3OTMzIDEzLjgyMDIgMy43NTA0NiAxNC4wMTY2IDMuNTU4MzRMMTQuMDY2NiAzLjUwODM0QzE0LjIyMTQgMy4zNTMzOCAxNC40MDUyIDMuMjMwNDUgMTQuNjA3NiAzLjE0NjU4QzE0LjgwOTkgMy4wNjI3IDE1LjAyNjggMy4wMTk1MyAxNS4yNDU4IDMuMDE5NTNDMTUuNDY0OCAzLjAxOTUzIDE1LjY4MTcgMy4wNjI3IDE1Ljg4NCAzLjE0NjU4QzE2LjA4NjQgMy4yMzA0NSAxNi4yNzAyIDMuMzUzMzggMTYuNDI1IDMuNTA4MzRDMTYuNTc5OSAzLjY2MzEzIDE2LjcwMjkgMy44NDY5NSAxNi43ODY3IDQuMDQ5MjhDMTYuODcwNiA0LjI1MTYxIDE2LjkxMzggNC40Njg0OCAxNi45MTM4IDQuNjg3NTFDMTYuOTEzOCA0LjkwNjU0IDE2Ljg3MDYgNS4xMjM0MSAxNi43ODY3IDUuMzI1NzRDMTYuNzAyOSA1LjUyODA3IDE2LjU3OTkgNS43MTE4OSAxNi40MjUgNS44NjY2OEwxNi4zNzUgNS45MTY2OEMxNi4xODI5IDYuMTEzMDggMTYuMDU0IDYuMzYyNTIgMTYuMDA1IDYuNjMyODVDMTUuOTU2IDYuOTAzMTggMTUuOTg5MSA3LjE4MiAxNi4xIDcuNDMzMzRWNy41MDAwMUMxNi4yMDU2IDcuNzQ2NDggMTYuMzgxIDcuOTU2NjkgMTYuNjA0NiA4LjEwNDc1QzE2LjgyODIgOC4yNTI4MiAxNy4wOTAyIDguMzMyMjcgMTcuMzU4MyA4LjMzMzM0SDE3LjVDMTcuOTQyIDguMzMzMzQgMTguMzY1OSA4LjUwODk0IDE4LjY3ODUgOC44MjE1QzE4Ljk5MTEgOS4xMzQwNiAxOS4xNjY2IDkuNTU3OTggMTkuMTY2NiAxMEMxOS4xNjY2IDEwLjQ0MiAxOC45OTExIDEwLjg2NiAxOC42Nzg1IDExLjE3ODVDMTguMzY1OSAxMS40OTExIDE3Ljk0MiAxMS42NjY3IDE3LjUgMTEuNjY2N0gxNy40MjVDMTcuMTU2OCAxMS42Njc3IDE2Ljg5NDggMTEuNzQ3MiAxNi42NzEzIDExLjg5NTNDMTYuNDQ3NyAxMi4wNDMzIDE2LjI3MjMgMTIuMjUzNSAxNi4xNjY2IDEyLjVaIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTg3XzIiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.iconDelete {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCIgc3Ryb2tlPSIjMjk0RDlCIj48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCIgc3Ryb2tlPSIjMjk0RDlCIj48L2xpbmU+PC9zdmc+);
}

.iconTrash {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSA1aDE1TTE1LjgzMyA1djExLjY2N2ExLjY2NyAxLjY2NyAwIDAgMS0xLjY2NiAxLjY2Nkg1LjgzM2ExLjY2NyAxLjY2NyAwIDAgMS0xLjY2Ni0xLjY2NlY1bTIuNSAwVjMuMzMzYTEuNjY3IDEuNjY3IDAgMCAxIDEuNjY2LTEuNjY2aDMuMzM0YTEuNjY3IDEuNjY3IDAgMCAxIDEuNjY2IDEuNjY2VjVNOC4zMzMgOS4xNjd2NU0xMS42NjcgOS4xNjd2NSIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}

.iconUser {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXVzZXIiPjxwYXRoIGQ9Ik0yMCAyMXYtMmE0IDQgMCAwIDAtNC00SDhhNCA0IDAgMCAwLTQgNHYyIj48L3BhdGg+PGNpcmNsZSBjeD0iMTIiIGN5PSI3IiByPSI0Ij48L2NpcmNsZT48L3N2Zz4=);
}

.iconDownload {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTIuNVYxNS44MzMzQzE3LjUgMTYuMjc1NCAxNy4zMjQ0IDE2LjY5OTMgMTcuMDExOCAxNy4wMTE4QzE2LjY5OTMgMTcuMzI0NCAxNi4yNzU0IDE3LjUgMTUuODMzMyAxNy41SDQuMTY2NjdDMy43MjQ2NCAxNy41IDMuMzAwNzIgMTcuMzI0NCAyLjk4ODE2IDE3LjAxMThDMi42NzU1OSAxNi42OTkzIDIuNSAxNi4yNzU0IDIuNSAxNS44MzMzVjEyLjUiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuODMzMzEgOC4zMzMzNEw5Ljk5OTk4IDEyLjVMMTQuMTY2NiA4LjMzMzM0IiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxMi41VjIuNSIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.iconLogin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMi41SDE1LjgzMzNDMTYuMjc1NCAyLjUgMTYuNjk5MyAyLjY3NTU5IDE3LjAxMTggMi45ODgxNkMxNy4zMjQ0IDMuMzAwNzIgMTcuNSAzLjcyNDY0IDE3LjUgNC4xNjY2N1YxNS44MzMzQzE3LjUgMTYuMjc1NCAxNy4zMjQ0IDE2LjY5OTMgMTcuMDExOCAxNy4wMTE4QzE2LjY5OTMgMTcuMzI0NCAxNi4yNzU0IDE3LjUgMTUuODMzMyAxNy41SDEyLjUiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguMzMzMzEgMTQuMTY2N0wxMi41IDEwTDguMzMzMzEgNS44MzMzNCIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNSAxMEgyLjUiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.iconRuble {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgOS4xNjY2N0gxMS42NjY3QzEyLjU1MDcgOS4xNjY2NyAxMy4zOTg2IDguODE1NDggMTQuMDIzNyA4LjE5MDM2QzE0LjY0ODggNy41NjUyMyAxNSA2LjcxNzM5IDE1IDUuODMzMzNDMTUgNC45NDkyOCAxNC42NDg4IDQuMTAxNDMgMTQuMDIzNyAzLjQ3NjMxQzEzLjM5ODYgMi44NTExOSAxMi41NTA3IDIuNSAxMS42NjY3IDIuNUg3LjVWMTcuNSIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNSAxMi41SDExLjY2NjciIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.iconMail {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMzMzIDMuMzMzaDEzLjMzNGMuOTE2IDAgMS42NjYuNzUgMS42NjYgMS42Njd2MTBjMCAuOTE3LS43NSAxLjY2Ny0xLjY2NiAxLjY2N0gzLjMzM2MtLjkxNiAwLTEuNjY2LS43NS0xLjY2Ni0xLjY2N1Y1YzAtLjkxNy43NS0xLjY2NyAxLjY2Ni0xLjY2N3oiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTguMzMzIDUgMTAgMTAuODMzIDEuNjY3IDUiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.iconHeart {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjM2NyAzLjg0MmE0LjU4NCA0LjU4NCAwIDAgMC02LjQ4NCAwTDEwIDQuNzI1bC0uODgzLS44ODNhNC41ODQgNC41ODQgMCAxIDAtNi40ODQgNi40ODNsLjg4NC44ODNMMTAgMTcuNjkybDYuNDgzLTYuNDg0Ljg4NC0uODgzYTQuNTg0IDQuNTg0IDAgMCAwIDAtNi40ODN6IiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
}

.iconPhone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1waG9uZSI+PHBhdGggZD0iTTIyIDE2LjkydjNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzIgMTIuODQgMTIuODQgMCAwIDAgLjcgMi44MSAyIDIgMCAwIDEtLjQ1IDIuMTFMOC4wOSA5LjkxYTE2IDE2IDAgMCAwIDYgNmwxLjI3LTEuMjdhMiAyIDAgMCAxIDIuMTEtLjQ1IDEyLjg0IDEyLjg0IDAgMCAwIDIuODEuN0EyIDIgMCAwIDEgMjIgMTYuOTJ6Ii8+PC9zdmc+);
}

.iconLeft {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjgzMyAxMEg0LjE2N00xMCAxNS44MzMgNC4xNjcgMTAgMTAgNC4xNjciIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.iconRight {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTY3IDEwaDExLjY2Nk0xMCA0LjE2NyAxNS44MzMgMTAgMTAgMTUuODMzIiBzdHJva2U9IiMyOTREOUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
}

.iconLeftWhite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjgzMyAxMEg0LjE2N00xMCAxNS44MzMgNC4xNjcgMTAgMTAgNC4xNjciIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.iconRightWhite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTY3IDEwaDExLjY2Nk0xMCA0LjE2NyAxNS44MzMgMTAgMTAgMTUuODMzIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
}

.iconExpandWhite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgMi41aDV2NU03LjUgMTcuNWgtNXYtNU0xNy41IDIuNWwtNS44MzMgNS44MzNNMi41IDE3LjVsNS44MzMtNS44MzMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}
.menu-breadcrumb {
    color: var(--color-dark-gray);
    font-size: var(--font-size-x-small);
    margin: var(--padding-x-small) auto 0 auto;
    max-width: var(--column-12);
    width: 100%;
}

.menu-breadcrumb span {
    display: inline-block;
}

.menu-breadcrumb span a {
    color: var(--color-dark-gray);
}

.menu-breadcrumb span::after {
    content: '>';
    margin-right: var(--padding-small);
    margin-left: var(--padding-small);
}

.menu-breadcrumb span:last-child::after {
    content: '';
    margin-right: 0;
    margin-left: 0;
}

@media screen and (max-width: 720px) {
    .menu-breadcrumb {
        padding-right: var(--padding-small);
        padding-left: var(--padding-small);
    }
}
/* subway line */
.subway {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDg4MTMgNC40OTc2N0M2LjczNTUgMy4yOTE1NiA1Ljc3ODMzIDMuNDIzNzUgNS4xMjM4OSAzLjk4NTVDMy41MTE3NyA1LjQ4ODk3IDEuNDEyNjcgOC42NDQ2NSAyLjc1NjExIDEzLjE4ODZDMy44ODEyMyAxNy4wMzgyIDguNTYyODQgMTkuNSA4LjU2Mjg0IDE5LjVIMy4xMDUzMkMzLjEwNTMyIDE5LjUgMC4yODczNyAxNi4zMTEyIDAuMDM1NDYyNiAxMi41NjA4Qy0wLjI4MzU5MSA3LjgxOTEzIDEuNTk3MzYgNC44Mjg2NCAzLjc4MDQ0IDIuODc5MTNDNS44MjkxNiAxLjA0NTIgNy43NzcxNCAwLjUgNy43NzcxNCAwLjVMMTEuNzYxOSAxMy42ODEyTDE1Ljc0NjYgMC41QzE1Ljc0NjYgMC41IDE3LjY5NDYgMS4wNDUyIDE5Ljc0MzMgMi44NzkxM0MyMS45MjY0IDQuODI4NjQgMjMuODA3MyA3LjgxOTEzIDIzLjQ4ODMgMTIuNTYwOEMyMy4yMzY0IDE2LjMxMTIgMjAuNDE4NCAxOS41IDIwLjQxODQgMTkuNUgxNC45NjA5QzE0Ljk2MDkgMTkuNSAxOS42NDIxIDE3LjAzODIgMjAuNzY3NiAxMy4xODg2QzIyLjExMTEgOC42NDUxNyAyMC4wMTIgNS40ODk0OSAxOC4zOTk5IDMuOTg1NUMxNy43NDQ5IDMuNDIzNzUgMTYuNzg3OCAzLjI5MTU2IDE2LjQzNTYgNC40OTc2N0MxNS4yMjY1IDguMzQ3MjQgMTEuNzYyNCAxOS4zNzcgMTEuNzYyNCAxOS4zNzdDMTEuNzYyNCAxOS4zNzcgOC4yOTgyMSA4LjM0MzU1IDcuMDg5MTIgNC40OTc2N0g3LjA4ODEzWiIgZmlsbD0iIzkwOTA5MCIvPgo8L3N2Zz4=) no-repeat left center/14px 12px;
    display: inline-block;
    padding-left: 18px;
}

.subway.spb1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDg4MTMgNC40OTc2N0M2LjczNTUgMy4yOTE1NiA1Ljc3ODMzIDMuNDIzNzUgNS4xMjM4OSAzLjk4NTVDMy41MTE3NyA1LjQ4ODk3IDEuNDEyNjcgOC42NDQ2NSAyLjc1NjExIDEzLjE4ODZDMy44ODEyMyAxNy4wMzgyIDguNTYyODQgMTkuNSA4LjU2Mjg0IDE5LjVIMy4xMDUzMkMzLjEwNTMyIDE5LjUgMC4yODczNyAxNi4zMTEyIDAuMDM1NDYyNyAxMi41NjA4Qy0wLjI4MzU5MSA3LjgxOTEzIDEuNTk3MzYgNC44Mjg2NCAzLjc4MDQ0IDIuODc5MTNDNS44MjkxNiAxLjA0NTIgNy43NzcxNCAwLjUgNy43NzcxNCAwLjVMMTEuNzYxOSAxMy42ODEyTDE1Ljc0NjYgMC41QzE1Ljc0NjYgMC41IDE3LjY5NDYgMS4wNDUyIDE5Ljc0MzMgMi44NzkxM0MyMS45MjY0IDQuODI4NjQgMjMuODA3MyA3LjgxOTEzIDIzLjQ4ODMgMTIuNTYwOEMyMy4yMzY0IDE2LjMxMTIgMjAuNDE4NCAxOS41IDIwLjQxODQgMTkuNUgxNC45NjA5QzE0Ljk2MDkgMTkuNSAxOS42NDIxIDE3LjAzODIgMjAuNzY3NiAxMy4xODg2QzIyLjExMTEgOC42NDUxNyAyMC4wMTIgNS40ODk0OSAxOC4zOTk5IDMuOTg1NUMxNy43NDQ5IDMuNDIzNzUgMTYuNzg3OCAzLjI5MTU2IDE2LjQzNTYgNC40OTc2N0MxNS4yMjY1IDguMzQ3MjQgMTEuNzYyNCAxOS4zNzcgMTEuNzYyNCAxOS4zNzdDMTEuNzYyNCAxOS4zNzcgOC4yOTcyMiA4LjM0MzU1IDcuMDg4MTMgNC40OTc2N1oiIGZpbGw9IiNENzFDMzgiLz4KPC9zdmc+Cg==);
}

.subway.spb2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDg4MTMgNC40OTc2N0M2LjczNTUgMy4yOTE1NiA1Ljc3ODMzIDMuNDIzNzUgNS4xMjM4OSAzLjk4NTVDMy41MTE3NyA1LjQ4ODk3IDEuNDEyNjcgOC42NDQ2NSAyLjc1NjExIDEzLjE4ODZDMy44ODEyMyAxNy4wMzgyIDguNTYyODQgMTkuNSA4LjU2Mjg0IDE5LjVIMy4xMDUzMkMzLjEwNTMyIDE5LjUgMC4yODczNyAxNi4zMTEyIDAuMDM1NDYyNyAxMi41NjA4Qy0wLjI4MzU5MSA3LjgxOTEzIDEuNTk3MzYgNC44Mjg2NCAzLjc4MDQ0IDIuODc5MTNDNS44MjkxNiAxLjA0NTIgNy43NzcxNCAwLjUgNy43NzcxNCAwLjVMMTEuNzYxOSAxMy42ODEyTDE1Ljc0NjYgMC41QzE1Ljc0NjYgMC41IDE3LjY5NDYgMS4wNDUyIDE5Ljc0MzMgMi44NzkxM0MyMS45MjY0IDQuODI4NjQgMjMuODA3MyA3LjgxOTEzIDIzLjQ4ODMgMTIuNTYwOEMyMy4yMzY0IDE2LjMxMTIgMjAuNDE4NCAxOS41IDIwLjQxODQgMTkuNUgxNC45NjA5QzE0Ljk2MDkgMTkuNSAxOS42NDIxIDE3LjAzODIgMjAuNzY3NiAxMy4xODg2QzIyLjExMTEgOC42NDUxNyAyMC4wMTIgNS40ODk0OSAxOC4zOTk5IDMuOTg1NUMxNy43NDQ5IDMuNDIzNzUgMTYuNzg3OCAzLjI5MTU2IDE2LjQzNTYgNC40OTc2N0MxNS4yMjY1IDguMzQ3MjQgMTEuNzYyNCAxOS4zNzcgMTEuNzYyNCAxOS4zNzdDMTEuNzYyNCAxOS4zNzcgOC4yOTcyMiA4LjM0MzU1IDcuMDg4MTMgNC40OTc2N1oiIGZpbGw9IiMwMTdEQ0MiLz4KPC9zdmc+Cg==);
}

.subway.spb3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDg4MTMgNC40OTc2N0M2LjczNTUgMy4yOTE1NiA1Ljc3ODMzIDMuNDIzNzUgNS4xMjM4OSAzLjk4NTVDMy41MTE3NyA1LjQ4ODk3IDEuNDEyNjcgOC42NDQ2NSAyLjc1NjExIDEzLjE4ODZDMy44ODEyMyAxNy4wMzgyIDguNTYyODQgMTkuNSA4LjU2Mjg0IDE5LjVIMy4xMDUzMkMzLjEwNTMyIDE5LjUgMC4yODczNyAxNi4zMTEyIDAuMDM1NDYyNyAxMi41NjA4Qy0wLjI4MzU5MSA3LjgxOTEzIDEuNTk3MzYgNC44Mjg2NCAzLjc4MDQ0IDIuODc5MTNDNS44MjkxNiAxLjA0NTIgNy43NzcxNCAwLjUgNy43NzcxNCAwLjVMMTEuNzYxOSAxMy42ODEyTDE1Ljc0NjYgMC41QzE1Ljc0NjYgMC41IDE3LjY5NDYgMS4wNDUyIDE5Ljc0MzMgMi44NzkxM0MyMS45MjY0IDQuODI4NjQgMjMuODA3MyA3LjgxOTEzIDIzLjQ4ODMgMTIuNTYwOEMyMy4yMzY0IDE2LjMxMTIgMjAuNDE4NCAxOS41IDIwLjQxODQgMTkuNUgxNC45NjA5QzE0Ljk2MDkgMTkuNSAxOS42NDIxIDE3LjAzODIgMjAuNzY3NiAxMy4xODg2QzIyLjExMTEgOC42NDUxNyAyMC4wMTIgNS40ODk0OSAxOC4zOTk5IDMuOTg1NUMxNy43NDQ5IDMuNDIzNzUgMTYuNzg3OCAzLjI5MTU2IDE2LjQzNTYgNC40OTc2N0MxNS4yMjY1IDguMzQ3MjQgMTEuNzYyNCAxOS4zNzcgMTEuNzYyNCAxOS4zNzdDMTEuNzYyNCAxOS4zNzcgOC4yOTcyMiA4LjM0MzU1IDcuMDg4MTMgNC40OTc2N1oiIGZpbGw9IiMwMTk5NTkiLz4KPC9zdmc+Cg==);
}

.subway.spb4 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDg4MTMgNC40OTc2N0M2LjczNTUgMy4yOTE1NiA1Ljc3ODMzIDMuNDIzNzUgNS4xMjM4OSAzLjk4NTVDMy41MTE3NyA1LjQ4ODk3IDEuNDEyNjcgOC42NDQ2NSAyLjc1NjExIDEzLjE4ODZDMy44ODEyMyAxNy4wMzgyIDguNTYyODQgMTkuNSA4LjU2Mjg0IDE5LjVIMy4xMDUzMkMzLjEwNTMyIDE5LjUgMC4yODczNyAxNi4zMTEyIDAuMDM1NDYyNyAxMi41NjA4Qy0wLjI4MzU5MSA3LjgxOTEzIDEuNTk3MzYgNC44Mjg2NCAzLjc4MDQ0IDIuODc5MTNDNS44MjkxNiAxLjA0NTIgNy43NzcxNCAwLjUgNy43NzcxNCAwLjVMMTEuNzYxOSAxMy42ODEyTDE1Ljc0NjYgMC41QzE1Ljc0NjYgMC41IDE3LjY5NDYgMS4wNDUyIDE5Ljc0MzMgMi44NzkxM0MyMS45MjY0IDQuODI4NjQgMjMuODA3MyA3LjgxOTEzIDIzLjQ4ODMgMTIuNTYwOEMyMy4yMzY0IDE2LjMxMTIgMjAuNDE4NCAxOS41IDIwLjQxODQgMTkuNUgxNC45NjA5QzE0Ljk2MDkgMTkuNSAxOS42NDIxIDE3LjAzODIgMjAuNzY3NiAxMy4xODg2QzIyLjExMTEgOC42NDUxNyAyMC4wMTIgNS40ODk0OSAxOC4zOTk5IDMuOTg1NUMxNy43NDQ5IDMuNDIzNzUgMTYuNzg3OCAzLjI5MTU2IDE2LjQzNTYgNC40OTc2N0MxNS4yMjY1IDguMzQ3MjQgMTEuNzYyNCAxOS4zNzcgMTEuNzYyNCAxOS4zNzdDMTEuNzYyNCAxOS4zNzcgOC4yOTcyMiA4LjM0MzU1IDcuMDg4MTMgNC40OTc2N1oiIGZpbGw9IiNERTcwMDgiLz4KPC9zdmc+Cg==);
}

.subway.spb5 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDg4MTMgNC40OTc2N0M2LjczNTUgMy4yOTE1NiA1Ljc3ODMzIDMuNDIzNzUgNS4xMjM4OSAzLjk4NTVDMy41MTE3NyA1LjQ4ODk3IDEuNDEyNjcgOC42NDQ2NSAyLjc1NjExIDEzLjE4ODZDMy44ODEyMyAxNy4wMzgyIDguNTYyODQgMTkuNSA4LjU2Mjg0IDE5LjVIMy4xMDUzMkMzLjEwNTMyIDE5LjUgMC4yODczNyAxNi4zMTEyIDAuMDM1NDYyNyAxMi41NjA4Qy0wLjI4MzU5MSA3LjgxOTEzIDEuNTk3MzYgNC44Mjg2NCAzLjc4MDQ0IDIuODc5MTNDNS44MjkxNiAxLjA0NTIgNy43NzcxNCAwLjUgNy43NzcxNCAwLjVMMTEuNzYxOSAxMy42ODEyTDE1Ljc0NjYgMC41QzE1Ljc0NjYgMC41IDE3LjY5NDYgMS4wNDUyIDE5Ljc0MzMgMi44NzkxM0MyMS45MjY0IDQuODI4NjQgMjMuODA3MyA3LjgxOTEzIDIzLjQ4ODMgMTIuNTYwOEMyMy4yMzY0IDE2LjMxMTIgMjAuNDE4NCAxOS41IDIwLjQxODQgMTkuNUgxNC45NjA5QzE0Ljk2MDkgMTkuNSAxOS42NDIxIDE3LjAzODIgMjAuNzY3NiAxMy4xODg2QzIyLjExMTEgOC42NDUxNyAyMC4wMTIgNS40ODk0OSAxOC4zOTk5IDMuOTg1NUMxNy43NDQ5IDMuNDIzNzUgMTYuNzg3OCAzLjI5MTU2IDE2LjQzNTYgNC40OTc2N0MxNS4yMjY1IDguMzQ3MjQgMTEuNzYyNCAxOS4zNzcgMTEuNzYyNCAxOS4zNzdDMTEuNzYyNCAxOS4zNzcgOC4yOTcyMiA4LjM0MzU1IDcuMDg4MTMgNC40OTc2N1oiIGZpbGw9IiM2RTBBNzgiLz4KPC9zdmc+Cg==);
}
.fWK0GSJwFCP11XT3uQK_ {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
}

.J1E_tTMJjcnNm48qNVGt {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all 3.6s ease;
    max-width: 600px;

    position: relative;
}

.ChLucPKpmVMyCYdYATAW {
    color: #404446;
    font-weight: bold;
    font-size: 32px;
    padding: 30px 30px 19px 30px;
}

.MrSsU1ZfGd8oBgb4HKNQ {
    font-size: 18px;
    margin: 0 30px 40px 30px;
}

.w4RhTqQ98E4f2Y1L2Lks {
    background-color: #FCFCFC;
    border-top: 1px solid #E5E5E5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
    padding: 14px 20px 14px 20px;
}

.w4RhTqQ98E4f2Y1L2Lks button {
    margin-right: 14px;
}

.w4RhTqQ98E4f2Y1L2Lks button:last-child {
    margin-right: 0;
}

.E2lSuyoK1fNVELJonOc4 {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDEyQzIzIDE4LjA3NTEgMTguMDc1MSAyMyAxMiAyM0M1LjkyNDg3IDIzIDEgMTguMDc1MSAxIDEyQzEgNS45MjQ4NyA1LjkyNDg3IDEgMTIgMUMxOC4wNzUxIDEgMjMgNS45MjQ4NyAyMyAxMloiIGZpbGw9IiMyOTREOUIiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjYwMDQgOC40MDAwMUw4LjQwMDM5IDE1LjYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjQwMDM5IDguNDAwMDFMMTUuNjAwNCAxNS42IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=) no-repeat center center/24px 24px;
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/* buttons */
.iAhdDa80F7QizJahWOYu {
    background-color: var(--color-main);
    border-radius: var(--border-radius);
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-size);
    padding: 7px var(--padding) 8px var(--padding);
    text-decoration: none;
}

.iAhdDa80F7QizJahWOYu:last-child {
    margin-right: 0;
}

.iAhdDa80F7QizJahWOYu:disabled {
    background-color: #999999;
}

.w4RhTqQ98E4f2Y1L2Lks button[data-icon="cancel"] {
    background-color: #999999;
}

/* mobile */
@media screen and (max-width: 720px) {
    .J1E_tTMJjcnNm48qNVGt {
        margin-left: var(--padding);
        margin-right: var(--padding);
    }
}

/* desktop */
@media screen and (min-width: 721px) {
    .J1E_tTMJjcnNm48qNVGt {
        min-width: 300px;
    }
}
.A27S9zutZv1jYE9ZEsLQ {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}

.MyUaDLCrYSeK7MGVop8N {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDIyXzE0NzYpIj4KPHBhdGggZD0iTTUwIDk1Qzc0Ljg1MjggOTUgOTUgNzQuODUyOCA5NSA1MEM5NSAyNS4xNDcyIDc0Ljg1MjggNSA1MCA1QzI1LjE0NzIgNSA1IDI1LjE0NzIgNSA1MEM1IDc0Ljg1MjggMjUuMTQ3MiA5NSA1MCA5NVoiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzAgMTAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDIyXzE0NzYiPgo8cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=) no-repeat center center/50px 50px;
    display: inline-block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

.EFjnzjoU5M_UtObxjsoP {
    animation: QGqBp3Aazyg2wkGhZc6O 1s infinite linear;
}

@keyframes T8EmhwLsPPRNY0lmHgBc {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes QGqBp3Aazyg2wkGhZc6O {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.menu-main-wrapper {
    background-color: #ffffff;
    border-bottom: var(--border);
}

.menu-main {
    margin: 0 auto;
    max-width: var(--column-12);
    width: 100%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.menu-main-items-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
}

.menu-main-icons-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: center;
}

.menu-main-icons-wrapper > div {
    margin-right: var(--padding-small);

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
}

.menu-main-icons-wrapper > div:last-child {
    margin-right: 0;
}

.menu-main-icons-wrapper > div > a {
    display: inline-block;
}

.menu-main-logo-wrapper {
    display: inline-block;
    padding: 9px 69px 8px 0;
}

.menu-main-logo {
    border: none;
    display: block;
    height: 36px;
    width: 123px;

    flex-shrink: 0;
}

.menu-main-item {
    cursor: pointer;
    margin-right: var(--padding);

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.menu-main-item:last-child {
    margin-right: 0;
}

.menu-main-item-text {
    border-bottom: 2px solid var(--color-white);
    color: var(--color-font);
    font-size: var(--font-size);
    font-weight: bold;
    text-decoration: none;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.menu-main-item-text.active {
    border-bottom: 2px solid var(--color-main);
    color: var(--color-main);
}

.menu-main-item-text:hover {
    color: var(--color-main);
}

.menu-main-sub, .menu-main-hamburger-wrapper {
    display: none;
    position: absolute;

    background-color: #FCFCFC;
    border-radius: var(--border-radius);
    border: var(--border);

    padding: 10px var(--padding) 15px var(--padding);
    z-index: 1;
}

.menu-main-sub a, .menu-main-hamburger-wrapper a {
    color: var(--color-font);
    display: block;
    font-size: var(--font-size);
    line-height: 24px;
    text-decoration: none;
}

.menu-main-sub a:hover, .menu-main-hamburger-wrapper a:hover {
    color: var(--color-main);
}

.menu-main-hamburger {
    margin-top: 8px;
    margin-bottom: 7px;
    flex-shrink: 0;
}

@media screen and (max-width: 720px) {
    .menu-main {
        background-color: #ffffff;
        padding: 0 var(--padding-small) 0 var(--padding-small);
    }

    .menu-main-items-wrapper .menu-main-item {
        display: none;
    }
}
.menu-main-mobile__background {
    background-color: rgba(0, 0, 0, 0.35);
    display: none;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 10000;
}

.menu-main-mobile {
    background-color: var(--color-background);
    min-width: 250px;
    min-height: 100vh;
    width: 80%;

    position: absolute;
    right: 0;
    top: 0;
}

.menu-main-mobile a {
    color: var(--color-font);
    display: block;
    text-decoration: none;
}

.menu-main-mobile__item-headline {
    font-weight: bold;
    padding: var(--padding) 0 0 var(--padding-medium);
}

.menu-main-mobile__item-headline.active {
    color: var(--color-main);
}

.menu-main-mobile__item-hrefs {
    padding: 0 0 0 calc(var(--padding-medium) * 2);
    display: none;
}

.menu-main-mobile__item-hrefs.active {
    display: block;
}

.menu-main-mobile__item-hrefs a {
    margin: var(--padding) 0 0 0;
}

.menu-main-mobile__item-hrefs.active a.active {
    color: var(--color-main);
    font-weight: bold;
}

.menu-main-mobile__item-light {
    padding: var(--padding) 0 0 var(--padding-medium);
}
.search-form {
    margin-top: var(--padding);
}

.search-form__wrapper {
    display: none;

    background-color: var(--color-white);
    border-radius: var(--border-radius);
    padding: var(--padding-medium) var(--padding) var(--padding-medium) var(--padding);
}

.search-form-item {
    margin-bottom: var(--padding);
}

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

.search-form-item__headline {
    color: var(--color-gray);
    display: block;
    font-size: var(--font-size);
}

/* dropdown list */
.search-form-item__list {
    background: var(--color-background) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMSAxIDYgNiA2LTYiIHN0cm9rZT0iI0FBQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat right center/20px 8px;
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: var(--padding-x-small) var(--padding-large) var(--padding-x-small) var(--padding-small);
    overflow-x: hidden;
    min-height: 36px;
    white-space: nowrap;
}

.search-form-item__list.opened {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMSAxIDYgNiA2LTYiIHN0cm9rZT0iIzI5NEQ5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.search-form-item__list-container {
    background-color: var(--color-background-light);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    display: none;
    font-size: var(--font-size);
    padding: var(--padding);

    z-index: 10;
    position: absolute;
}

.search-form-item__list-container label {
    display: block;
    cursor: pointer;
    margin-bottom: var(--padding-x-small);
}

.search-form-item__list-container label:last-child {
    margin-bottom: 0;
}

.search-form-item__list-container label:hover {
    color: var(--color-main);
}

.search-form-item__list-container label span {
    display: inline-block;
    margin-left: var(--padding-x-small);
}

.search-form-item__list-container[data-single="1"] input[type="checkbox"] {
    display: none;
}

/* interval */
.search-form-item__interval {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
}

.search-form-item__interval-item {
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    margin-right: var(--padding-x-small);
    max-width: calc((100% - var(--padding-x-small)) / 2);
    width: 100%;

    min-height: 36px;
    padding: var(--padding-x-small) var(--padding-small) var(--padding-x-small) var(--padding-small);

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-form-item__interval-item:last-child {
    margin-right: 0;
}

.search-form-item__interval-item input[type="text"] {
    background: none;
    border: none;
    display: block;
    font-size: var(--font-size);
    outline: none;
    width: 100%;
}

.search-form-item__interval-item-price input[type="text"] {

}

.search-form-item__interval-item span {
    color: var(--color-gray);
    display: block;
    font-size: var(--font-size-small);
    margin: 0;
    white-space: nowrap;
}

.search-form-item__interval-item span sup {
    font-size: var(--font-size-xx-small);
}

/* checkbox */
.search-form-item__checkbox {
    min-height: 36px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-form-item__checkbox label {
    cursor: pointer;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-form-item__checkbox-item {
    display: none;
}

.search-form-item__checkbox-item + span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgM2EzIDMgMCAwIDEgMy0zaDMwYTMgMyAwIDAgMSAzIDN2MzBhMyAzIDAgMCAxLTMgM0gzYTMgMyAwIDAgMS0zLTNWM3oiIGZpbGw9IiNGNEY2RjkiLz48cGF0aCBkPSJtMjUgMTQtOC4yNSA4TDEzIDE4LjM2NCIgc3Ryb2tlPSIjRTVFREZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 36px 36px;
    color: var(--color-gray);
    padding-left: calc(36px + var(--padding-small));
    min-height: 36px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-form-item__checkbox-item:checked + span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgM2EzIDMgMCAwIDEgMy0zaDMwYTMgMyAwIDAgMSAzIDN2MzBhMyAzIDAgMCAxLTMgM0gzYTMgMyAwIDAgMS0zLTNWM3oiIGZpbGw9IiNGNEY2RjkiLz48cGF0aCBkPSJtMjUgMTQtOC4yNSA4TDEzIDE4LjM2NCIgc3Ryb2tlPSIjMjk0RDlCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
    color: var(--color-font);
}

/* text */
.search-form-item__text {
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    padding: var(--padding-x-small) var(--padding-small) var(--padding-x-small) var(--padding-small);
    min-height: 36px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-form-item__text input[type="text"] {
    border: none;
    background: none;
    display: inline-block;
    font-size: var(--font-size);
    width: 100%;
    outline: none;
}

/* common */
.search-form-item__list,
.search-form-item__modal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

/* buttons */
.search-form__footer {
    background-color: var(--color-white);
    padding: var(--padding);
}

.search-form__wrapper-button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.search-form__wrapper-button button {
    margin-right: var(--padding-x-small);
}

.search-form__wrapper-button button:last-child {
    margin-right: 0;
}

.search-form-button__search,
.search-form-button__reset {
    display: none;
}

.search-form__wrapper-text {
    background-color: var(--color-background-dark);
    font-size: var(--font-size-small);
    padding: var(--padding-small) var(--padding);
}

/* mobile */
@media screen and (max-width: 720px) {

    .search-form-item__headline-checkbox {
        display: none;
    }

    .search-form__section {
        margin-bottom: var(--padding);
    }

    .search-form__section:last-child {
        margin-bottom: 0;
    }

    .search-form-item__interval-item {
        width: 100%;
    }

    .search-form-item__interval-item input[type="text"] {
        display: inline-block;
        max-width: none;
        width: 90%;
    }

    .search-form-item__interval-item span {
        display: inline-block;
    }

    .search-form-item__text-locality {
        display: inline-block;
        width: 100%;
    }

    .search-form__footer > div {
        margin-bottom: var(--padding);
    }

    .search-form__footer > div:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 721px) {
    .search-form__wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .search-form__section {
        font-size: var(--font-size);

        margin-right: var(--padding);
        min-width: 208px;
    }

    .search-form__section:last-child {
        margin-right: 0;
    }

    .search-form-item__interval-item-price {
        padding-left: var(--padding-x-small);
        padding-right: var(--padding-x-small);
    }

    .search-form-item__list-container {
        font-size: var(--font-size-small);
        padding: var(--padding) var(--padding-small) var(--padding) var(--padding-small);
    }

    .search-form__footer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }

    .search-form__footer > div {
        margin-right: var(--padding-large);
    }

    .search-form__footer > div:last-child {
        margin-right: 0;
    }
}
.G2cg0ctOvQKGeAgikvMA {
    color: var(--color-font);
    font-size: var(--font-size);
}

.h2tYfq3iZNul3rDW2SOk a {
    color: var(--color-font);
    display: inline-block;
    font-size: var(--font-size-large);
    font-weight: bold;
    margin-top: var(--padding);
    text-decoration: none;
}

.kB83xSU1uAw7S6VfEUXp {
    color: var(--color-font);
    font-size: var(--font-size);
    font-weight: bold;
}

.VZTkLEAmwjsitmNcOtIi {
    color: var(--color-font);
    font-size: var(--font-size);
    margin-top: var(--padding);
}

.property-image {
    cursor: pointer;
}

.property-image button {
    background-color: var(--color-main-alfa);
    position: absolute;
    top: 50%;
    margin-top: -18px;
    border: none;
    cursor: pointer;
    z-index: 2;
}

.property-image button:hover {
    background-color: var(--color-main-alfa-60);
}

.property-image:hover button {
    display: inline-block;
}

.property-image .prev {
    left: var(--padding-x-small);
}

.property-image .next {
    right: var(--padding-x-small);
}

.property-image .expand {
    top: var(--padding-x-small);
    right: var(--padding-x-small);
    margin-top: 0;
}

.fullscreen-overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
    flex-direction: column;
}

.fullscreen-overlay img {
    border-radius: var(--border-radius);
    display: inline-block;
    margin-top: var(--padding-medium);
    margin-bottom: var(--padding-medium);
    max-width: 90%;
    max-height: calc(100% - var(--padding-medium) * 2);
}

.fullscreen-overlay button {
    border: none;
    cursor: pointer;
    position: absolute;
}

.fullscreen-overlay .prev {
    left: var(--padding-medium);
    top: 50%;
    transform: translateY(-50%);
}

.fullscreen-overlay .next {
    right: var(--padding-medium);
    top: 50%;
    transform: translateY(-50%);
}

.fullscreen-overlay .close {
    top: var(--padding-medium);
    right: var(--padding-medium);
}

.fullscreen-overlay .counter {
    color: white;
    font-size: var(--font-size);
    position: absolute;
    bottom: var(--padding-medium);
    right: var(--padding-medium);
}

.loader {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1IDVDMTMuOTU0IDUgNSAxMy45NTQgNSAyNXM4Ljk1NCAyMCAyMCAyMCAyMC04Ljk1NCAyMC0yMGg1YzAgMTMuODA3LTExLjE5MyAyNS0yNSAyNVMwIDM4LjgwNyAwIDI1IDExLjE5MyAwIDI1IDB2NXoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMjUgMGMxMy44MDcgMCAyNSAxMS4xOTMgMjUgMjVoLTVjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBWMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat center center/36px 36px;
    margin: -18px 0 0 -18px;
    animation: spin 1s linear infinite;
    z-index: 5;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* mobile */
@media screen and (max-width: 720px) {
    .fullscreen-overlay img {
        border-radius: var(--border-radius);
        display: inline-block;
        max-width: calc(100% - 2 * var(--padding-small));
        max-height: 100%;
    }

    .fullscreen-overlay .prev {
        left: var(--padding);
        top: 50%;
        transform: translateY(-50%);
    }

    .fullscreen-overlay .next {
        right: var(--padding);
        top: 50%;
        transform: translateY(-50%);
    }

    .fullscreen-overlay .close {
        top: var(--padding);
        right: var(--padding);
    }
}

@media screen and (min-width: 721px) {
    .property-image button {
        display: none;
    }
}
.property-card {
    margin-top: var(--padding-medium);
    margin-bottom: var(--padding-medium);
}

.property-image-wrapper {
    background-color: #ffffff;
    border-radius: var(--border-radius);
    padding: var(--padding-x-small);
}

.property-image {
    background-color: var(--color-background);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: var(--border-radius);
    position: relative;
    width: 100%;
}

.image-tags {
    position: absolute;
    bottom: var(--padding-x-small);
    left: var(--padding-x-small);
}

.image-counter {
    position: absolute;
    bottom: var(--padding-x-small);
    right: var(--padding-x-small);
}

.image-tags span,
.image-counter span {
    background-color: var(--color-main-alfa);
    border-radius: var(--border-radius);
    color: var(--color-white);
    display: inline-block;
    font-size: var(--font-size-small);
    margin-right: var(--padding-x-small);
    padding: var(--padding-x-small) var(--padding-small);
}

.image-counter span:last-child {
    margin-right: 0;
}

.property-info {
    color: var(--color-font);
}

.property-info .headline {
    font-size: var(--font-size-medium);
    color: var(--color-font);
    font-weight: bold;
}

.property-info .headline:hover {
    color: var(--color-main);
}

.property-info .headline sup {
    font-size: var(--font-size-small);
}

.property-info .headline span {
    display: inline-block;
    margin-right: var(--padding);
}

.property-info .headline span:last-child {
    margin-right: 0;
}

.property-info .location {
    font-size: var(--font-size);
    margin-top: var(--padding);
}

.property-info .subway {
    font-size: var(--font-size);
}

.property-info .details {
    font-size: var(--font-size);
    margin-top: var(--padding);
}

.property-info .details sup {
    font-size: var(--font-size-xx-small);
}

.property-info .description {
    color: var(--color-gray);
    font-size: var(--font-size);
    margin-top: var(--padding);
}

.property-action {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.property-action button {
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    border: 1px solid var(--color-background);
    color: var(--color-main);
    cursor: pointer;
    font-size: var(--font-size);
    margin-right: var(--padding-small);
    min-height: 36px;
    padding: var(--padding-x-small) var(--padding-small) var(--padding-x-small) calc(var(--padding-small) + 20px + var(--padding-small));
}

.property-action button:last-child {
    margin-right: 0;
}

.property-action a {
    margin-right: var(--padding-small);
}

.property-price .price {
    font-size: var(--font-size-medium);
    font-weight: bold;
}

.property-price .price-note sup {
    font-size: var(--font-size-xx-small);
}

.property-price .date {
    color: var(--color-gray);
    font-size: var(--font-size-small);
    margin-top: var(--padding);
}

.property-price .agent img {
    border-radius: var(--border-radius);
}

@media screen and (max-width: 720px) {
    .property-card {
        background-color: var(--color-white);
        border-radius: var(--border-radius);
    }

    .property-image-wrapper {
        width: 100%;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .property-image {
        aspect-ratio: 1.2;
        background-color: var(--color-background);
    }

    .property-info {
        padding: var(--padding) var(--padding) 0 var(--padding);
    }

    .property-price {
        padding: var(--padding) var(--padding) 0 var(--padding);

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .property-price .price-note {
        font-size: var(--font-size);
        margin-top: var(--padding-small);
    }

    .property-price > div:first-child {
        padding-right: var(--padding-small);
        width: 50%;
    }

    .property-price > div:last-child {
        width: 50%;
    }

    .property-price .agent {
        color: var(--color-font);
        font-size: var(--font-size);
        margin-top: var(--padding-small);

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: stretch;
    }

    .property-price .agent img {
        max-width: 50px;
        margin-right: var(--padding-small);
        width: 100%;
    }

    .property-price .date {
        font-size: var(--font-size);
    }

    .property-action {
        padding: var(--padding);
    }
}

@media screen and (min-width: 721px) {
    .property-card {
        display: flex;
        min-height: 330px;
        width: 100%;
    }

    .property-image-wrapper {
        max-width: 392px;
        margin-right: var(--padding-x-small);
        width: 100%;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .property-info {
        background-color: #ffffff;
        border-radius: var(--border-radius);
        max-width: 544px;
        margin-right: var(--padding-x-small);
        padding: var(--padding);
        width: 100%;

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .property-price {
        background-color: #ffffff;
        border-radius: var(--border-radius);
        padding: var(--padding);

        max-width: 192px;
        width: 100%;

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .property-price .price-note {
        font-size: var(--font-size);
        margin-top: var(--padding);
    }

    .property-price .agent {
        color: var(--color-font);
        font-size: var(--font-size-small);

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .property-price .agent img {
        height: auto;
        display: inline-block;
        margin-right: var(--padding-small);
        max-width: 60px;
        width: 100%;
    }
}
.detail-wrapper {
    margin-top: var(--padding);
}

.detail-contact .location {
    margin-top: var(--padding);
}

.detail-contact .date {
    color: var(--color-gray);
    font-size: var(--font-size);
    margin-top: var(--padding);
}

.detail-contact .price-note sup {
    font-size: var(--font-size-xx-small);
}

.detail-contact .agent img {
    border-radius: var(--border-radius);
}

.detail-image-wrapper {
    background-color: #ffffff;
    border-radius: var(--border-radius);
    padding: var(--padding-x-small);

    position: relative;
}

.detail-image-wrapper .property-image-blur {
    position: absolute;
    left: var(--padding-x-small);
    top: var(--padding-x-small);
    right: var(--padding-x-small);
    bottom: var(--padding-x-small);

    border-radius: var(--border-radius);
    overflow: hidden;
}

.detail-image-wrapper .property-image-blur > div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    border-radius: var(--border-radius);
    overflow: hidden;

    background-color: var(--color-background);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    opacity: 0.8;
    transform: scale(1.3);
    filter: blur(50px);
}

.detail-image-wrapper .property-image {
    background-size: contain;
    background-color: unset;
}

.detail-contact .action button,
.detail-wrapper .action-after-photo button {
    border: none;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    width: 100%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.detail-data {
    background-color: var(--color-white);
    border-radius: var(--border-radius);
}

.detail-map {
    background-color: var(--color-white);
    border-radius: var(--border-radius);
}

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

    .detail-wrapper .action-after-photo {
        background-color: var(--color-white);
        border-radius: var(--border-radius);
        padding: var(--padding);
        margin-top: var(--padding);
    }

    .detail-data {
        margin-top: var(--padding);
        padding: var(--padding);
    }

    .detail-data-section {
        margin-top: var(--padding);
    }

    .detail-data-section:first-child {
        margin-top: 0;
    }

    .detail-data-section h3 {
        font-size: var(--font-size-medium);
        font-weight: bold;
    }

    .detail-data-section-items {
        margin-top: var(--padding);
    }

    .detail-data-section-items > div {
        border-bottom: var(--border);
        width: 100%;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-data-section-items > div > span {
        display: inline-block;
        padding-top: var(--padding-small);
        padding-bottom: var(--padding-small);
    }

    .detail-data-section-items > div:last-child {
        border-bottom: none;
    }

    .detail-data-section-items > div:last-child > span {
        padding-bottom: 0;
    }

    .detail-data-section-items > div:first-child > span {
        padding-top: 0;
    }

    .detail-data-description {
        margin-top: var(--padding-large);
    }

    .detail-contact {
        background-color: var(--color-white);
        border-radius: var(--border-radius);
        padding: var(--padding);
        margin-top: var(--padding);

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-contact .price {
        font-size: var(--font-size-large);
        font-weight: bold;
    }

    .detail-contact .price-note {
        font-size: var(--font-size);
    }

    .detail-contact .agent {
        color: var(--color-font);
        font-size: var(--font-size);
        margin-top: var(--padding);

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: stretch;
    }

    .detail-contact .agent img {
        max-width: 50px;
        margin-right: var(--padding-small);
        width: 100%;
    }

    .detail-contact .action {
        margin-top: var(--padding);
    }

    .detail-image-wrapper {
        width: 100%;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-map {
        margin-top: var(--padding);
    }

    .detail-map > div {
        padding: var(--padding);
    }

    .detail-map h3 {
        font-size: var(--font-size-medium);
        font-weight: bold;
    }

    .detail-map .address {
        font-size: var(--font-size);
        margin-top: var(--padding);
    }

    .detail-map .subway {
        font-size: var(--font-size);
    }

    .detail-map .map-wrapper {
        padding: var(--padding-x-small);
    }

    .detail-map .map {
        background-color: var(--color-background);
        border-radius: var(--border-radius);
        border: var(--border);
        min-height: var(--min-height-map-wrapper-mobile);
        width: 100%;
    }
}

@media screen and (min-width: 721px) {
    .detail-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: stretch;
    }

    .detail-information {
        margin-right: var(--padding);
        max-width: var(--column-9);
    }

    .detail-contact-wrapper-desktop {
        max-width: var(--column-3);
    }

    .detail-contact {
        background-color: var(--color-white);
        border-radius: var(--border-radius);
        max-width: var(--column-3);
        padding: var(--padding);
        min-height: var(--min-height-photo-wrapper);

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-contact-fixed {
        position: fixed;
        top: 0;
    }

    .detail-wrapper > div {
        width: 100%;
        flex-shrink: 0;
    }

    .detail-contact .price {
        font-size: var(--font-size-large);
        font-weight: bold;
    }

    .detail-contact .price-note {
        font-size: var(--font-size);
        margin-top: var(--padding);
    }

    .detail-contact .agent {
        color: var(--color-font);
        font-size: var(--font-size);
        margin-top: var(--padding-large);

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-contact .agent img {
        height: auto;
        display: inline-block;
        margin-right: var(--padding-small);
        max-width: 60px;
        width: 100%;
    }

    .detail-contact .action {
        margin-top: var(--padding);
    }

    .detail-image-wrapper {
        max-width: 100%;
        min-height: var(--min-height-photo-wrapper);
        height: 100%;
        width: 100%;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-data {
        margin-top: var(--padding-x-small);
        padding: var(--padding-large);
    }

    .detail-data-sections {
        width: 100%;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .detail-data-section {
        max-width: calc(50% - var(--padding-large) / 2);
        width: 100%;
    }

    .detail-data-section h3 {
        font-size: var(--font-size-medium);
        font-weight: bold;
    }

    .detail-data-section-items {
        margin-top: var(--padding-medium);
    }

    .detail-data-section-items > div {
        border-bottom: var(--border);
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }

    .detail-data-section-items > div > span {
        display: inline-block;
    }

    .detail-data-section-items > div > span:first-child {
        width: 50%;
    }

    .detail-data-section-items > div:last-child {
        border-bottom: none;
    }

    .detail-data-section-items > div:last-child {
        padding-bottom: 0;
    }

    .detail-data-section-items > div:first-child {
        padding-top: 0;
    }

    .detail-data-description {
        margin-top: var(--padding-large);
    }

    .detail-map {
        margin-top: var(--padding-x-small);
    }

    .detail-map > div {
        padding: var(--padding-large);
    }

    .detail-map h3 {
        font-size: var(--font-size-medium);
        font-weight: bold;
    }

    .detail-map .address {
        font-size: var(--font-size);
        margin-top: var(--padding);
    }

    .detail-map .subway {
        font-size: var(--font-size);
    }

    .detail-map .map-wrapper {
        padding: var(--padding-x-small);
    }

    .detail-map .map {
        background-color: var(--color-background);
        border-radius: var(--border-radius);
        border: var(--border);
        min-height: var(--min-height-map-wrapper);
        width: 100%;
    }
}
.page-main-section {
    margin-bottom: var(--padding-large);
}

.page-main-section:last-child {
    margin-bottom: 0;
}

.page-main-section > a {
    color: var(--color-font);
    font-weight: bold;
    font-size: var(--font-size-medium);
    text-decoration: none;
}

.page-main-section > a:hover {
    color: var(--color-main);
}

.page-main-section-item {
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: var(--padding-x-small);
    margin-top: var(--padding-small);
}

.page-main-section-item .photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--border-radius);
    display: block;

    width: 100%;
    aspect-ratio: 1.5;
}

.page-main-section-item .data {
    padding: var(--padding);
}

.page-main-section-item .data .headline {
    font-weight: bold;
}

.page-main-section-item .data .headline span {
    margin-right: var(--padding-small);
}

.page-main-section-item .data .headline span sup {
    font-size: var(--font-size-xx-small);
}

.page-main-section-item .data .address {
    margin-top: var(--padding);
}

.page-main-section-item .data .price {
    margin-top: var(--padding);
}

.page-main-section-item a.action {
    background-color: var(--color-background);
    color: var(--color-main);
    min-height: 36px;
    text-decoration: none;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.page-main-section-item a.action:hover {
    background-color: var(--color-background-dark);
}

@media screen and (max-width: 720px) {
    .page-main-wrapper {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUwLTEwMGMxOTMuMyAwIDM1MCAxNTYuNyAzNTAgMzUwUzQ0My4zIDYwMCAyNTAgNjAwcy0zNTAtMTU2LjctMzUwLTM1MFM1Ni43LTEwMCAyNTAtMTAwem0wIDMwYy02Ny43NTMgMC0xMzAuNTg5IDIxLjA1Ni0xODIuMzIgNTYuOTgyQzEwNC44NDktMzAuMzMyIDE0Ni4yOTYtNDAgMTkwLTQwYzE2MC4xNjMgMCAyOTAgMTI5LjgzNyAyOTAgMjkwUzM1MC4xNjMgNTQwIDE5MCA1NDBjLTQzLjcwNSAwLTg1LjE1Mi05LjY2OS0xMjIuMzItMjYuOTgzQzExOS40MTIgNTQ4Ljk0MyAxODIuMjQ3IDU3MCAyNTAgNTcwYzE3Ni43MzEgMCAzMjAtMTQzLjI2OSAzMjAtMzIwUzQyNi43MzEtNzAgMjUwLTcwek02Mi43MzcgMjEyLjIyNWg0NC44NTFsMy43MzctMzcuMzc1IDQ4LjU4NyAzLjczOHYxNjguMTg3bC0zMy42MzcgMy43Mzh2NDEuMTEySDI1My4zNXYtNDEuMTEybC0zMy42MzctMy43MzhWMTc4LjU4OGw0OC41ODctMy43MzggMy43MzcgMzcuMzc1aDQ0Ljg1MUwzMjAuNjI1IDEzMEg1OWwzLjczNyA4Mi4yMjV6IiBmaWxsPSIjMjk0RDlCIiBmaWxsLW9wYWNpdHk9Ii4yIi8+PC9zdmc+) no-repeat 0 0/300px 300px,
        linear-gradient(180deg, var(--color-main-dark) 0%, var(--color-main) 90%);
    }

    .page-main-wrapper h1 {
        font-size: var(--font-size-large);
        margin-top: var(--padding-x-large);
        line-height: var(--font-size-large);
    }

    .page-main-wrapper h1 + p {
        font-size: var(--font-size);
        margin-top: var(--padding);
        margin-bottom: var(--padding-x-large);
    }
}

@media screen and (min-width: 721px) {
    .page-main-wrapper {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUwLTEwMGMxOTMuMyAwIDM1MCAxNTYuNyAzNTAgMzUwUzQ0My4zIDYwMCAyNTAgNjAwcy0zNTAtMTU2LjctMzUwLTM1MFM1Ni43LTEwMCAyNTAtMTAwem0wIDMwYy02Ny43NTMgMC0xMzAuNTg5IDIxLjA1Ni0xODIuMzIgNTYuOTgyQzEwNC44NDktMzAuMzMyIDE0Ni4yOTYtNDAgMTkwLTQwYzE2MC4xNjMgMCAyOTAgMTI5LjgzNyAyOTAgMjkwUzM1MC4xNjMgNTQwIDE5MCA1NDBjLTQzLjcwNSAwLTg1LjE1Mi05LjY2OS0xMjIuMzItMjYuOTgzQzExOS40MTIgNTQ4Ljk0MyAxODIuMjQ3IDU3MCAyNTAgNTcwYzE3Ni43MzEgMCAzMjAtMTQzLjI2OSAzMjAtMzIwUzQyNi43MzEtNzAgMjUwLTcwek02Mi43MzcgMjEyLjIyNWg0NC44NTFsMy43MzctMzcuMzc1IDQ4LjU4NyAzLjczOHYxNjguMTg3bC0zMy42MzcgMy43Mzh2NDEuMTEySDI1My4zNXYtNDEuMTEybC0zMy42MzctMy43MzhWMTc4LjU4OGw0OC41ODctMy43MzggMy43MzcgMzcuMzc1aDQ0Ljg1MUwzMjAuNjI1IDEzMEg1OWwzLjczNyA4Mi4yMjV6IiBmaWxsPSIjMjk0RDlCIiBmaWxsLW9wYWNpdHk9Ii4yIi8+PC9zdmc+) no-repeat 0 0/700px 700px,
        linear-gradient(180deg, var(--color-main-dark) 0%, var(--color-main) 90%);

        min-height: calc(80vh - 54px); /* для старых браузеров */
        min-height: calc(80dvh - 54px); /* для новых */

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
    }

    .page-main-wrapper h1 {
        color: var(--color-white);
        font-size: var(--font-size-x-large);
        margin-top: 0;
        /*margin-top: var(--padding-x-large);*/
    }

    .page-main-wrapper h1 + p {
        color: var(--color-white);
        font-size: var(--font-size);
        /*margin-bottom: var(--padding-x-large);*/
    }

    .page-main-section-items {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .page-main-section-item {
        margin-right: var(--padding);
        width: var(--column-3);

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
    }

    .page-main-section-item:last-child {
        margin-right: 0;
    }
}