/* Current PHP header and hero rules; source: web/css/residential/site.css. */
@media (min-width: 992px) {
body.kk-reference-page .main-block .col-md-6:first-child {

        width: 58.33333333%;
    
}

body.kk-reference-page .main-block .col-md-6:first-child .domrf-link {

        display: none;
    
}

body.kk-reference-page .main-block .col-md-6:last-child {

        width: 41.66666667%;
    
}
}

body.kk-reference-page .main-block .col-md-6:last-child .main-min-block:first-child p {

    margin-bottom: 0;

}

body.kk-reference-page .width-header {

    background: rgba(0,0,0,.3);

}

body.kk-reference-page .header-block .sup-menu {

    display: flex;

}

body.kk-reference-page .header-block.container {

    padding: 24px 48px;

}

body.kk-reference-page .header-block svg path {

    fill: white;

}

body.kk-reference-page .header-block.is-fixed svg {

    filter: invert(1) !important;

}

body.kk-reference-page .header-block .sup-menu::before {

    position: absolute;
    transition: .2s;
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: var(--main-color);
    z-index: -1;

}

body.kk-reference-page .header-block .sup-menu {

    cursor: pointer;

}

body.kk-reference-page .header-block .sup-menu:hover::before {

    transform: rotate(90deg);

}

body.kk-reference-page .header-block > * {

    position: relative;
    z-index: 1;

}

body.kk-reference-page .header-block {

    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 24px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 32px;

}

body.kk-reference-page .header-block::before {

    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;

}

body.kk-reference-page .header-block.is-fixed {

    top: 0;
    padding: 24px 48px;

}

body.kk-reference-page .header-block.is-fixed::before {

    opacity: 1;

}

body.kk-reference-page .header-block .kkvartal-nav {

    display: flex;
    align-items: center;
    gap: 20px;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 350;

}

body.kk-reference-page .header-block .kkvartal-menu {

    display: none;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: none;

}

body.kk-reference-page .header-block .kkvartal-menu span {

    display: block;
    width: 32px;
    height: 2px;
    margin: 4px auto;
    border-radius: 999px;
    background: #fff;
    transition: transform .22s ease, opacity .22s ease;

}

body.kk-reference-page .header-block.is-fixed .kkvartal-menu span {

    background: #000;

}

body.kk-reference-page .header-block .kkvartal-nav a {

    font-size: 16px;
    color: #fff;

}

body.kk-reference-page .header-block.is-fixed .kkvartal-nav a {

    font-size: 16px;
    color: #000;

}

@media (max-width: 1399px) {
body.kk-reference-page .header-block .kkvartal-nav {

        position: absolute;
        top: calc(100% + 14px);
        right: 0;
        display: grid;
        width: min(320px, calc(100vw - 56px));
        max-height: calc(100vh - 120px);
        max-height: calc(100dvh - 120px);
        gap: 0;
        overflow-y: auto;
        border-radius: 8px;
        background: rgba(66, 69, 85, .98);
        box-shadow: 0 22px 60px rgba(16, 36, 44, .24);
        opacity: 0;
        transform: translateY(-8px);
        pointer-events: none;
        transition: opacity .22s ease, transform .22s ease;
    
}

body.kk-reference-page .header-block .kkvartal-menu {

        position: absolute;
        top: 50%;
        right: 18px;
        display: block;
        flex: 0 0 44px;
        margin-left: auto;
        transform: translateY(-50%);
    
}

body.kk-reference-page .header-block .kkvartal-nav a {

        padding: 16px 20px;
        color: #fff !important;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    
}

body.kk-reference-page .header-block .kkvartal-nav.is-open {

        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    
}
}

body.kk-reference-page .width-header {

    background: none;

}

body.kk-reference-page .main-block a.custom-button {

    margin-top: 15px;

}

@media (max-width: 550px) {
body.kk-reference-page .main-block .mb__title {

        font-size: 48px;
    
}
}

body.kk-reference-page .main-block {

    position: relative;
    color: #FFF;
    height: 74vh;
    background-image: var(--main-block-img);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

}

body.kk-reference-page .main-block .link-map {

    display: flex;
    align-items: center;

}

body.kk-reference-page .main-block .link-map svg {

    margin-right: 14px;

}

body.kk-reference-page .main-block .link-map {

    color: #6C757E;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    font-family: 'Onest', sans-serif;
    line-height: 18px;

}

body.kk-reference-page .main-block .dark-img {

    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 0;
    animation-name: anim-op;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: .5s;

}

body.kk-reference-page .main-block .main-object-logo {

    margin-top: 86px;
    text-align: center;

}

body.kk-reference-page .main-block .row:not(.main-object-logo) {

    display: flex;
    

}

body.kk-reference-page .main-block .end-time {

    display: inline-block;
    padding: 11px 18px;
    margin-top: 30px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-family: 'Onest', sans-serif;
    line-height: 18px;
    border-radius: 15px;
    background: var(--secondary-color);

}

body.kk-reference-page .main-block .main-title {

    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 0.75px;
    text-transform: uppercase;

}

body.kk-reference-page .main-block .main-desc {

    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 0;
    max-width: 512px;

}

body.kk-reference-page .main-block .custom-button {

    margin-top: 38px;

}

body.kk-reference-page .main-block .row .col-md-6:last-child {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;

}

body.kk-reference-page .main-block .main-min-block {

    display: inline-block;
    width: 363px;
    text-align: left;
    background: #fff;
    border-radius: 30px;
    color: #161616;
    padding: 30px 33px;

}

body.kk-reference-page .main-block .main-min-block .lineLeft {

    animation-delay: 0.9s;


}

body.kk-reference-page .main-block .col-md-6 .lineUp {

    animation-delay: 1.8s;
    opacity: 0;
    animation-fill-mode: forwards;

}

body.kk-reference-page .main-block .col-md-6 .end-time.lineUp,
body.kk-reference-page .main-block .col-md-6 .custom-button.lineUp {

    animation-delay: 1.6s;

}

body.kk-reference-page .main-block .col-md-6 .lineLeft {

    animation-delay: .8s;
    opacity: 0;
    animation-fill-mode: forwards;

}

body.kk-reference-page .main-block .main-min-block.map-link a,
body.kk-reference-page .main-block .main-min-block.map-link a circle,
body.kk-reference-page .main-block .main-min-block.map-link a path {

    transition: .3s;

}

body.kk-reference-page .main-block .main-min-block.map-link a:hover {

    color: var(--main-color);

}

body.kk-reference-page .main-block .main-min-block.map-link a:hover circle {

    fill: var(--main-color);
    stroke: var(--main-color);

}

body.kk-reference-page .main-block .main-min-block.map-link a:hover path {

    stroke: #FFF;

}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-carousel {

    height: 108px;
    position: absolute;
    bottom: 0;
    left: 0;

}

body.kk-reference-page .main-block .main-min-block.objects-slide p {

    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    font-family: 'Onest', sans-serif;
    line-height: 27px;

}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-carousel .owl-item {

    height: 108px;

}

body.kk-reference-page .main-block .main-min-block.objects-slide {

    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(8px);
    color: #FFF;
    padding-bottom: 0;
    height: 172px;

}

body.kk-reference-page .main-block .main-min-block.objects-slide img {

    width: 140px;
    position: absolute;
    right: 15px;
    bottom: 0;

}

body.kk-reference-page .main-block .main-min-block.objects-slide .main-block-desc {

    position: absolute;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-family: 'Onest', sans-serif;
    line-height: 18px;
    left: 116px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;

}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav {

    display: flex;
    position: absolute;
    top: 5px;
    left: 28px;
    bottom: 0;
    margin: auto;
    align-items: center;

}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-prev circle,
body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-prev path,
body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-next circle,
body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-next path {

    transition: .3s;

}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-prev:hover circle,
body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-next:hover circle {

    fill: var(--main-color);
    stroke: var(--main-color);

}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-prev:hover path,
body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav .owl-next:hover path {

    stroke: #FFF;

}

body.kk-reference-page .main-block .main-min-block:not(:first-child) {

    margin-top: 23px;

}

body.kk-reference-page .main-block .main-min-block p {

    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;

}

body.kk-reference-page .main-block .main-min-block:not(.objects-slide) span {

    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25px;
    color: #6C757E;

}

body.kk-reference-page .main-block .main-min-block span svg {

    margin-right: 15px;

}

body.kk-reference-page .main-block .container {

    height: 100%;
    padding-bottom: 52px;

}

body.kk-reference-page .main-block .mb__row {

    display: flex;
    align-items: flex-end;
    height: 100%;

}

body.kk-reference-page .main-block .mb__descr_position {

    margin-left: 45px;
    display: grid;
    gap: 13px;
    color: #fff;

}

body.kk-reference-page .main-block .mb__title {

    font-size: 80px;
    font-weight: 500;
    line-height: 100%;

}

body.kk-reference-page .main-block .mb__description {

    font-size: 18px;
    font-weight: 400;

}

body.kk-reference-page .main-block .mb__min_price {

    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0;

}

body.kk-reference-page .main-block .position_descriptions {

    margin-right: 48px;
    display: flex;
    gap: 8px;
    justify-content: end;

}

body.kk-reference-page .main-block .mn__descr {

    max-width: max-content;
    padding: 4px 12px;
    border-radius: 50px;
    border: 1px solid var(--line-grey);
    font-weight: 400;
    font-size: 14px;
    color: #fff;

}

body.kk-reference-page .main-block .mb__button_podbor {

    --kk-cta-color: #ee4237;
    position: relative;
    width: max-content;
    background: var(--kk-cta-color);
    padding: 14px 22px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .3s;

}

body.kk-reference-page .kkvartal-page--index .main-block {

    overflow: hidden;

}

body.kk-reference-page .main-block .mb__button_podbor:hover,
body.kk-reference-page .main-block .mb__button_podbor:focus-visible {

    background: #d7352c;
    color: #fff;

}

body.kk-reference-page .main-block .mb__button_podbor::before,
body.kk-reference-page .main-block .mb__button_podbor::after {

    content: '';
    position: absolute;
    inset: -2px;
    border: 2px solid var(--kk-cta-color);
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    animation: kk-cta-pulse 3s ease-out infinite;

}

body.kk-reference-page .main-block .mb__button_podbor::after {

    animation-delay: .6s;

}

@keyframes kk-cta-pulse {

    0% { transform: scale(1); opacity: 0; }
    10% { opacity: .8; }
    40%, 100% { transform: scale(1.1, 1.45); opacity: 0; }

}

@media (prefers-reduced-motion: reduce) {
body.kk-reference-page .main-block .mb__button_podbor::before,
body.kk-reference-page .main-block .mb__button_podbor::after {

        animation: none;
    
}
}

body.kk-reference-page .footer-block .kkvartal-menu {

    display: none;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);

}

body.kk-reference-page .footer-block .kkvartal-menu span {

    display: block;
    width: 20px;
    height: 2px;
    margin: 4px auto;
    border-radius: 999px;
    background: #fff;
    transition: transform .22s ease, opacity .22s ease;

}

body.kk-reference-page .mobile-version,
body.kk-reference-page a.mobile-version,
body.kk-reference-page .main-block .main-min-block.mobile-version {

    display: none;

}

@media (max-width: 1200px) {
body.kk-reference-page .header-block .header-flats {

        display: none;
    
}
}

@media (max-width: 992px) {
body.kk-reference-page .main-block {

        height: 100%;
    
}

body.kk-reference-page .main-block .main-min-block.mobile-version {

        display: inline-block;
    
}

body.kk-reference-page .main-block .main-min-block:first-child,
body.kk-reference-page .main-block .main-min-block.map-link:not(.mobile-version) {

        display: none;
    
}

body.kk-reference-page .main-block .row:not(.main-object-logo) {

        margin-top: 35px;
    
}

body.kk-reference-page .main-block .end-time span {

        display: none;
    
}

body.kk-reference-page .main-block .main-title {

        font-size: 46px;
        line-height: 57px;
    
}

body.kk-reference-page .main-block .main-desc {

        width: 320px;
        font-size: 19px;
        line-height: 24px;
    
}

body.kk-reference-page .main-block .row .col-md-6:last-child {

        position: absolute;
        bottom: -74px;
        left: 0;
        right: 0;
    
}

body.kk-reference-page .main-block .main-min-block {

        margin: auto;
    
}

body.kk-reference-page .main-block .main-min-block:last-child {

        box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.07);
    
}

body.kk-reference-page .main-block .row {

        justify-content: center;
    
}

body.kk-reference-page .main-block .col-md-6:first-child {

        padding-left: 0;
        padding-right: 0;
    
}
}

@media (max-width: 550px) {
body.kk-reference-page .main-block {

        background-color: rgba(22, 22, 22, .5);
        background-blend-mode: multiply;
    
}

body.kk-reference-page .main-block .position_descriptions {

        justify-content: left;
        margin-top: 40px;
    
}

body.kk-reference-page .main-block .mb__button_podbor {

        width: 100%;
        box-sizing: border-box;
        text-align: center;
        line-height: 20px;
        font-size: 13px;
        padding: 14px 24px;
    
}

body.kk-reference-page .main-block .mb__min_price {

        margin-bottom: 4px;
        font-size: 24px;
        font-weight: 400;
    
}

body.kk-reference-page .main-block .mb__descr_position {

        grid-template-columns: minmax(0, 1fr);
        min-width: 0;
        gap: 12px;
        margin-left: 0;
    
}

body.kk-reference-page .main-block .mb__description {

        font-size: 16px;
        margin-bottom: 0;
    
}

body.kk-reference-page .main-block .mb__title {

        margin-top: 64px;
        font-size: 48px;
        margin-bottom: 0;
    
}

body.kk-reference-page .main-block .main-title {

        font-size: 24px;
        line-height: 36px;
    
}

body.kk-reference-page div.header-block li.header-item a.sup-menu {

        margin-left: 0;
        margin-right: 0;
    
}

body.kk-reference-page .main-block .main-min-block.objects-slide {

        height: 135px;
    
}

body.kk-reference-page .main-block .main-min-block.objects-slide p span {

        display: inline-block;
        color: #FFF;
        font-size: 22px;
        font-style: normal;
        font-weight: 300;
        line-height: 27px;
        text-transform: uppercase;
    
}

body.kk-reference-page .main-block .main-min-block.objects-slide p {

        position: absolute;
        top: 0;
    
}

body.kk-reference-page div.header-block li.header-item.header-logo a {

        margin-right: 0;
    
}

body.kk-reference-page div.header-block li.header-item.header-logo a svg {

        width: 180px;
    
}

body.kk-reference-page .header-block .header-sales-phone,
body.kk-reference-page .desktop,
body.kk-reference-page .main-block .main-min-block.objects-slide .main-block-desc,
body.kk-reference-page .close-popup p {

        display: none !important;
    
}

body.kk-reference-page .main-block .main-min-block.objects-slide .owl-nav {

        display: inline-block;
        bottom: 5px;
        top: auto;
    
}

body.kk-reference-page .header-block .header-item a:last-child {

        display: flex;
        margin-right: 80px;
    
}

body.kk-reference-page .header-block .header-item a:first-child {

        margin-left: 80px;
    
}

body.kk-reference-page .full-menu .dop-button > a,
body.kk-reference-page .main-block .main-min-block p {

        font-size: 17px;
    
}

body.kk-reference-page .main-block .end-time {

        font-size: 16px;
    
}

body.kk-reference-page .main-block .main-title {

        margin-top: 18px;
    
}

body.kk-reference-page .main-block .main-desc {

        margin-top: 13px;
    
}

body.kk-reference-page .main-block .main-min-block {

        width: 320px;
        height: 130px;
        padding: 26px 0 27px 33px;
    
}

body.kk-reference-page .main-block .main-min-block span {

        margin-top: 15px;
    
}
}

@media (max-width: 359px) {
body.kk-reference-page .main-block .mb__title {

        font-size: 42px;
    
}
}