h1 {}

#show_flats {
    width: 215px
}

/*.items_flat.column {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    flex-wrap: wrap*/
/*}*/

/*.items_flat.column .itm {*/
/*    display: block*/
/*}*/

/*.items_flat.column .itm .l {*/
/*    margin: 0*/
/*}*/

/*.items_flat.column .itm .r {*/
/*    width: 100%*/
/*}*/

/*.items_flat.column .itm .r>div {*/
/*    display: block*/
/*}*/


/*.items_flat .itm {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    margin-bottom: 30px;*/
/*    background: #FFFFFF;*/
/*    padding: 40px 30px;*/
/*    border-radius: 10px;*/
/*    border: 1px solid transparent;*/
/*}*/

/*.items_flat .itm:hover {*/
/*    border-color: var(--blue);*/
/*}*/

/*.items_flat .itm:hover .info-flat .header-flat a {*/
/*    color: var(--blue);*/
/*}*/

.plan_compare>div {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 15px;
    align-items: center;
    height: 100%;
}

.assign_div {
    text-align: center;
    width: 15px;
}

.plan_compare i {
    color: #0047B0;
    display: block
}

.plan_compare .planimg_div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    border-radius: 3px;
}

.planimg_div img {
    height: 100%;
    max-height: 165px;
    max-width: 100%;
}

.l_bottom_imgs {
    display: flex;
    justify-content: space-between;
}

.l_bottom_imgs div {
    height: 71px
}

.l_bottom_imgs img {
    width: 100%
}

.items_flat .itm .info-flat .title-builder {
    font-size: 14px;
    margin-bottom: 5px;
    color: #20313B;
}

.items_flat .itm .info-flat .header-flat a {
    display: flex;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #000;
}

.items_flat .itm .info-flat .header-flat a:hover {
    color: var(--blue);
}

.items_flat .itm .attr1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 10px;
    color: #4F4F4F;
    margin-bottom: 10px;
}

.items_flat .itm .attr1 p {
    margin-right: 10px;
}

.items_flat .itm .address {
    font-size: 14px;
    color: #4F4F4F;
    margin-bottom: 20px;
}

.items_flat .itm .desc {
    width: 100%;
    font-size: 14px;
    color: #4F4F4F;
    line-height: 140%;
    letter-spacing: 0.04em;
}

.items_flat .itm .btn {
    width: 190px;
    justify-content: center;
    margin-top: 20px;
}

.items_flat .itm .l {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
}

.items_flat .itm .flat_img {
    max-width: 350px;
    height: auto;
}

.items_flat .itm .l .flat_img img {
    width: 100%;
    height: 100%;
    max-height: 215px;
    object-fit: contain;
}

.items_flat .itm .r {
    width: 100%;
}

.items_flat .itm .r .container-flat {
    display: flex;
    justify-content: space-between;
}

.items_flat .itm .r {
    margin-left: 30px;
}

.items_flat .itm .r .container-flat .prices-flat .top {
    text-align: right;
}

.items_flat .itm .r .container-flat .prices-flat {
    min-width: 150px;
    margin-left: 50px;
}

.items_flat .itm .prices-flat {

}

.items_flat .itm .prices-flat .title-cost {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #4F4F4F;
}

.items_flat .itm .prices-flat .title-cost span {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.02em;
    color: #000000;
}

.items_flat .itm .prices-flat .cost-square {
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #4F4F4F;
    margin-top: 5px;
}

.items_flat .itm .prices-flat .cost-mortgage {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    text-align: right;
    letter-spacing: 0.04em;
    color: #4F4F4F;
    margin-top: 20px;
}

.items_flat .itm .prices-flat .cost-mortgage span {
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    letter-spacing: 0.02em;
    color: var(--blue);
}

@media screen and (max-width: 1200px) {
    .items_flat .itm .r .container-flat .prices-flat {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-left: 0;
        margin-top: 20px;
    }

    .items_flat .itm .prices-flat .cost-mortgage {
        margin-top: 0;
    }

    .items_flat .itm .r .container-flat .prices-flat .top {
        text-align: left;
    }

    .items_flat .itm .r .container-flat {
        flex-direction: column;
    }
}

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

    .items_flat .itm .tel {
        margin: 0 auto;
        margin-top: 20px;
        display: block
    }

    .items_flat .itm {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .items_flat .itm .l {
        margin: 0 auto;
    }

    .items_flat .itm .info-flat .header-flat a,
    .items_flat .itm .attr1 {
        justify-content: center;
    }

    .items_flat .itm .r {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-left: 0;
    }

    .items_flat .itm .desc {
        display: none
    }
}

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

    .items_flat .itm {
        padding: 30px;
    }

    .items_flat .itm .r>div {
        justify-content: center
    }

    .map_secBlock {
        flex-direction: column
    }

    /*#podskazki_ul {*/
    /*    top: 60px;*/
    /*    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);*/
    /*    border-radius: 10px;*/
    /*}*/

    .items_flat .itm .r .container-flat .prices-flat {
        margin-top: 0;
    }

    .items_flat .itm .prices-flat .cost-mortgage span,
    .items_flat .itm .prices-flat .title-cost span {
        font-size: 16px;
        margin-top: 5px;
    }

    .items_flat .itm .prices-flat .cost-mortgage,
    .items_flat .itm .prices-flat .cost-square,
    .items_flat .itm .prices-flat .title-cost {
        font-size: 12px;
    }

    .items_flat .itm .l .flat_img img {
        max-height: 130px;
    }

}

@media screen and (max-width: 490px) {
    .plan_compare {
        width: auto
    }
}