/* Start:/local/templates/aqua/components/bitrix/catalog.section.list/chess/style.css?17274175413732*/
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);

body {
    margin: 0;
    overflow-x: hidden;
    font-family: Muller, sans-serif;
    background-color: #e5e5e5
}

.a-clear {
	font-size: 12px;
    color: #efefef;
    text-decoration: none
}

.a-clear:visited {
    color: #dbdbdb
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px
}

@font-face {
    font-weight: 400;
    font-family: Muller;
    font-style: normal;
    src: url(/fonts/MullerRegular.eot?7580691d75359fc9d258bc69a8933525);
    src: local("Muller Regular"), local("MullerRegular"), url(/fonts/MullerRegular.eot?7580691d75359fc9d258bc69a8933525) format("embedded-opentype"), url(/fonts/MullerRegular.woff2?33ae73af0bab56f7dd13124d64540421) format("woff2"), url(/fonts/MullerRegular.woff?3582a987cefb6de667fff97c4044f902) format("woff"), url(/fonts/MullerRegular.ttf?7c0a0b947ca151baae3e7798d22a6918) format("truetype")
}

.buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 46px
}

@media screen and (max-width: 1000px) {
    .buttons {
        margin-bottom: 20px
    }
}

.button {
    display: flex;
    align-items: center;
    padding: 4px 16px;
    color: #6c8391;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    line-height: 1;
    white-space: nowrap;
    background-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    border-radius: 21px;
    cursor: pointer
}

.button__svg {
    padding: 8px;
    color: #6c8391
}

@media screen and (max-width: 1000px) {
    .button {
        padding: 10px 16px;
        font-size: 12px
    }

    .button__svg {
        width: 10px;
        height: 10px;
        padding: 4px
    }
}

.flat {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: unset !important;
    width: 35px;
    height: 35px;
    color: #efefef;
    font-size: 18px;
    text-align: center;
    background-color: #59778a;
    border-radius: 50%
}

.flat__tooltip {
    display: none
}

.flat:hover .flat__tooltip {
    position: absolute;
    display: block
}

.flat_sold {
    background-color: #a8c7da
}

@media screen and (max-width: 1000px) {
    .flat {
        width: 26px;
        height: 26px;
        font-size: 12px
    }
}

.floor {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 35px 1fr;
    align-items: center;
    color: #324a59;
    font-size: 24px
}

@media screen and (max-width: 1000px) {
    .floor {
        grid-gap: 18px;
        grid-template-columns:16px 1fr;
        font-size: 12px
    }
}

.floor__flats {
    display: grid;
    grid-gap: 15px;
    grid-template-columns:repeat(17, 1fr)
}

@media screen and (max-width: 1000px) {
    .floor__flats {
        grid-gap: 2px
    }
}

.floors__inner {
    display: grid;
    grid-gap: 5px;
	max-width: 700px;
}

@media screen and (max-width: 1000px) {
    .floors__inner {
        display: grid;
        grid-gap: 12px;
        margin: 33px 0 47px 22px;
        padding-bottom: 19px;
        overflow-x: scroll
    }
}

.tooltip {
    position: relative;
    top: -100px;
    right: -190px;
    z-index: 1;
    display: grid;
    grid-gap: 24px;
    grid-template-columns:120px 1fr;
    width: auto;
    max-width: 600px;
    height: auto;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    color: #1c3d4e;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 15px
}

@media screen and (max-width: 1000px) {
    .tooltip {
        display: none
    }
}

.tooltip__image {
    height: 171px;
    width: auto;
    max-width: unset;
}

.tooltip__list {
    display: grid;
    grid-gap: 16px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    list-style-type: none
}

/* End */
/* /local/templates/aqua/components/bitrix/catalog.section.list/chess/style.css?17274175413732 */