h1,
h2.head {
    font-size: 178%;
    font-weight: 500;
    text-transform: uppercase;
}
.subhead {
    font-size: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}
h2 {
    font-size: 178%;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
}
h3 {
    font-size: 130%;
    font-weight: 500;
}

a { 
    text-decoration: underline;
    color: #E5CB6A ;
}
@media all and (max-width: 991px) {
    h1,
    h2.head {
        font-size: 89%;
    }
    h2 { 
        font-size: 111%;
        margin-bottom: 30px; 
    }
}

body {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 18px; /* 5.56 */
    color: #10232F;
    line-height: 1.2;
}
body > svg { display: none; }

/* HEADER */
.header {
}
.header .wrap {
    border-bottom: 4px solid #F5F5F5;
    padding: 15px 0;
}
.header__burger {
    display: none;
    position: absolute;
}
.header .logo,
.footer .logo {
    display: inline-block;
}
.header .logo,
.footer .logo {
    margin-right: 30px;
    width: 213px;
    flex-shrink: 0;
}
    /* .header .logo img { height: 88px; } */

.header .burger {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
    border: 1px solid #4c4c4c;
    border-radius: 3px;
    padding: 5px;
    width: 35px;
}
.header .burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #4c4c4c;
}

.header .burger span + span { margin-top: 5px; }

.header__top {
    padding: 20px 0 30px;
    background: #10232F;
}
    .header__top .wrap-block ,
    .footer .wrap-block {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        gap: 50px;
    }
.header__contacts-wrap,
.footer__contacts-wrap {
    display: flex;
    gap: 35px;
}
.header__contacts,
.footer__contacts {
    position: relative;
    color: #fff;
    white-space: nowrap;
}
    .header__contacts .head,
    .footer__contacts .head {
        font-weight: 500;
        margin-bottom: 5px;
    }
    .header__contacts p,
    .footer__contacts p {
        position: relative;
        line-height: 1.4;
        margin-bottom: 0;
        font-size: 89%;
    }
    .header__contacts p span,
    .footer__contacts p span { display: block;}
    .header__contacts.adr svg,
    .footer__contacts.adr svg {
        top: 0;
    }
    .header__contacts svg,
    .footer__contacts svg {
        position: absolute;
        left: 0;
        top: 0;
        fill: #E5CB6A;
        stroke: #E5CB6A;
    }
    .header__contacts.wtime,
    .header__contacts.adr,
    .footer__contacts.wtime,
    .footer__contacts.adr {
        padding-left: 50px;
        position: relative;
    }
    .header__contacts.wtime,
    .footer__contacts.wtime { padding-left: 65px; }

.header__tel,
.footer__tel  {
    font-weight: 500;
    /* line-height: 40px; */
    order: 3;
    color: #fff;
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 0 60px;
    white-space: nowrap;
}
    .header__tel a[href^="tel"],
    .footer__tel a[href^="tel"] {
        font-size: 111%;
        text-decoration: none;
        vertical-align: middle;
        color: #fff;
    }
    .header__tel a[href^="tel"] span,
    .footer__tel a[href^="tel"] span {
        font-size: 100%;
    }
    .header__tel .icon,
    .header__tel svg,
    .footer__tel .icon,
    .footer__tel svg {
        width: 42px !important;
        height: 42px !important;
        vertical-align: middle;
        border-radius: 0;
        position: absolute;
    }
    .header__tel .icon,
    .footer__tel .icon {
        right: 0;
        top: 5px;
    }
    .header__tel svg,
    .footer__tel svg {
        left: 0;
        top: 5px;
        margin-top: 0;
        fill: #E5CB6A;
    }
    
.header__btm {
    background: #fff;
}
.header__menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__menu .menu-list {
    list-style: none;
    padding: 0;
    margin: 0 -30px 0 -25px;
    padding: 25px 0;
}
    .header__menu .menu-list li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 30px;
        position: relative;
        font-size: 111%;
    }
    .header__menu .menu-list li + li { border-left: 2px solid #10232F; }
        .header__menu .menu-list li a { 
            text-decoration: none;
            color: #10232F;
            display: block;
            padding: 0 0;
            text-transform: uppercase;
            font-weight: 500;
            line-height: 1;
        }
        .header__menu .menu-list li a:hover { 
            text-decoration: underline; 
        }
        .header__menu .menu-list li.active a,
        .header__menu .menu-list li a.active {
        }

/* FOOTER */
.footer {
    padding: 30px 0;
    background: #10232F;
    margin-top: 30px;
}

@media all and (max-width: 1399px) {
    .header .container,
    .footer .container  { max-width: 100%; }
    .header__top .wrap-block,
    .footer__top .wrap-block  {
        gap: 30px;
    }
    .header .logo,
    .footer .logo { margin-right: 0; }
}

@media all and (max-width: 1199px) {
    .header__contacts,
    .footer__contacts { white-space: normal;}
    .header__contacts .head,
    .footer__contacts .head { font-size: 85%; }
    .header__contacts p,
    .footer__contacts p { font-size: 75%; word-wrap: break-word;}
    .header__menu .menu-list,
    .footer__menu .menu-list { margin: 0 -15px 0 -10px; }
    .header__menu .menu-list li,
    .footer__menu .menu-list li { 
        padding: 0 15px;
        font-size: 100%;
    }
}
@media all and (max-width: 991px) {
    .header {
        position: relative;
    }
    .header__burger {
        display: block;
        position: fixed;
        background: #E5CB6A;
        border-radius: 4px;
        width: 38px;
        padding: 11px 7px;
        right: 15px;
        top: 10px;
        z-index: 110;
    }
    .header__burger span {
        height: 3px;
        border-radius: 2px;
        background-color: #10232F;
        display: block;
    }
    .header__burger span + span {
        margin-top: 4px;
    }
    .header__burger.active {
        height: 39px;
    }
    .header__burger.active span:last-child { display: none; }
    .header__burger.active span {
        transform: rotate(45deg);
    }
    .header__burger.active span:first-child { 
        margin-top: 7px; 
    }
    .header__burger.active span:nth-child(2) { 
        margin-top: -2px; 
    }
    .header__burger.active span + span {
        transform: rotate(135deg);
    }

    .header__top {
        padding: 20px 0;
    }
    .header__top .wrap-block,
    .footer .wrap-block {
        display: block;
        text-align: center;
    }
    .header__contacts-wrap,
    .footer__contacts-wrap {
        justify-content: center;
        margin-top: 15px;
    }
    .header__contacts,
    .footer__contacts {
        text-align: left;
        display: inline-block;
        padding-left: 55px;
    }
    .header__contacts.wtime {}
    .header__contacts.adr p,
    .footer__contacts.adr p {
        padding-left: 0;
    }
    .header__contacts.adr svg {
       
    }
    .header__tel a[href^="tel"],
    .footer__tel a[href^="tel"] {
        font-size: 89%;
    }
    .header__tel a[href^="tel"] span,
    .footer__tel a[href^="tel"] span {
        font-size: 125%;
    }
    .header__tel .icon, .header__tel svg,
    .footer__tel .icon, .header__tel svg {
        transform: scale(0.85);
    }
    .header__tel,
    .footer__tel {
        max-width: 260px;
        margin: 15px auto 0;
        text-align: left;
        padding: 0 50px;
    }


    .header__btm { border-top: none; }
    .header__menu {
        display: none;
        text-align: center;
        width: 100%;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 100;
        box-shadow: 0 10px 10px rgba(0,0,0,.3);
    }
    .header__menu.active {
        display: block;
        position: fixed;
        background: #10232F;
    }
    .header__menu .menu-list { 
        margin-bottom: 15px; 
        margin-left: 0;
        margin-right: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .header__menu .menu-list li { 
        font-size: 100%;
        padding: 0 5px;
        display: block;
        margin: 10px 0;
    }
    .header__menu .menu-list li a { 
        color: #fff; 
        padding: 10px 0;
        border: none;
    }
    .header__menu .menu-list li a:hover { border: none; }

}
@media all and (max-width: 575px) {
    .header__top .wrap-block {
    }
    .header__contacts-wrap,
    .footer__contacts-wrap { 
        flex-wrap: wrap; 
        gap: 10px;
    }
    .header__contacts,
    .footer__contacts {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .header__contacts .head,
    .footer__contacts .head {
        margin-bottom: 5px;
        font-size: 78%;
    }
    .header__contacts p,
    .footer__contacts p { 
        white-space: nowrap;
        padding-right: 15px;
        font-size: 78%;
    }
    .header__contacts svg,
    .footer__contacts svg {
        transform: scale(0.7);
    }
    .header__contacts.adr svg,
    .footer__contacts.adr svg  { left:  7px;  }
    .header__contacts p span,
    .footer__contacts p span { 
        display: inline;
        white-space: normal;
    }
    .header__contacts.wtime,
    .footer__contacts.wtime { padding-left: 50px; }
} /* @media */

/* Page Wrap */
.page-wrap {
    padding-top: 0;
}
.common-block {
    padding: 80px 0;
}
.common-block.bg-dark { 
    background: #10232F;
    color: #fff;
}

.icon-line {
    width: 120px;
    height: 120px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-image: url('../images/icon-bg.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 7px;
}
    .icon-line.gold { background-image: url('../images/icon-bg-gld.svg'); }
    .icon-line img {
        width: auto;
        max-width: 100%;
    }
    .icon-line .wrap {
        width: 100%;
        height: 100%;
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        background: #E5CB6A;
        border-radius: 50%;
    }
    .icon-line.gold .wrap { background: #10232F; }
    .bg-dark .icon-line.gold .wrap { background: #E5CB6A; }

.list-common {
    padding: 0;
    margin: 0;
    list-style: none;
}
    .list-common li {
        position: relative;
        padding-left: 25px;
    }
    .list-common li:before {
        content: "";
        width: 10px;
        height: 10px;
        background: #19B023;
        position: absolute;
        top: 6px;
        left: 0;
        border-radius: 50%;
    }
    .list-common li + li { margin-top: 15px; }
.text-sm { font-size: 85%; }
.head-block {
    display: inline-block;
    background: rgba(16,35,47,.5);
    border-radius: 0 135px 135px 0;
    padding: 50px 40px;
    backdrop-filter: blur(5px);
}
    .head-block h1:before,
    .head-block h1:after,
    .head-block h2:before,
    .head-block h2:after { display: none;}
    .head-block h1,
    .head-block h2 { 
        margin: 0; 
        text-transform: uppercase;
        font-size: 222%;
        padding: 0;
        line-height: 1.2;
        font-weight: 500;
    }
    .head-block {
        color: #fff;
    }
    .head-block span {
        display: block;
        font-size: 150%;
        color: #fff;
        font-weight: 700;
    }

.list-base {
    margin: -50px -30px 0 -30px;
    text-align: center;  
    display: flex;
    flex-wrap: wrap;  
    justify-content: center;
}
    .list-base .item {
        margin-top: 50px;
        padding: 0 30px;
    }
    .list-base.list-3 .item { width: 33.33333%; }
    .list-base.list-2 .item { width: 50%; }
    .list-base.list-4 .item { width: 25%; }
    .list-base .item .wrap-block {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .list-base .item .wrap-block.top { align-items: start; }
    .list-base .item .text {
        width: calc( 100% - 130px );
        text-transform: uppercase;
        font-weight: 600;
        font-size: 111%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        word-break: break-word;
    }
    .list-base .item .text-block {

    }
    .list-base .item .text-block.text-left { 
        text-align: left; 
        padding-left: 15px;
        margin-right: auto;
    }
    .list-base .item .text-block .head {
        color: #E5CB6A;
        font-size: 111%;
        font-weight: 500;
        margin-bottom: 7px;
        text-transform: uppercase;
    }
    .list-base .item .text-block p { margin-bottom: 0; }
    .list-base .item .text-block p span { 
        display: block;
        white-space: nowrap;
    }
.tech-list ul {
    list-style: none;
    padding: 0;
    margin: -30px -15px 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
    .tech-list li {
        position: relative;
        padding: 0 15px;
        margin-left: -5px;
        margin-top: 30px;
        width: 25%;
        padding-left: 40px;
    }
    .tech-list li:before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        background: #10232F;
        border-radius: 50%;
        position: absolute;
        left: 15px;
        top: 3px;
    }
@media all and (max-width: 1199px) {
    .common-block {
        padding: 50px 0;
    }

    .list-base { margin-top: -30px }
    .list-base .item {
        margin-top: 30px;
    }
    .list-base.list-3 .item { width: 50%; }
    .list-base.list-4 .item { width: 50%; }
    
    .list-base.list-2 {
        margin: -30px 0 0 0;
        text-align: center;    
    }
    .list-base.list-2 .item {
        padding: 0 !important;
        width: 100% !important;
    }
    .list-base.list-2 .item .wrap-block {
        justify-content: start;
    }
    .list-base.list-2 .item .text {
        text-align: left;
        padding-left: 15px;
    }
    .tech-list li { width: 50%; }
}
@media all and  (max-width: 991px) {  
    .common-block {
        padding: 30px 0;
    }
    .head-block { 
        border-radius: 0 50px 50px 0;
        padding: 10px 15px;
    }
        .head-block h1, 
        .head-block h2 {
            font-size: 90%;
            padding-left: 0 !important;
        }
        .head-block span { font-size: 142%; }

    .list-base {
        margin: -30px -15px 0 -15px;
        text-align: center;    
    }
}
@media all and  (max-width: 767px) { 
    .icon-line {
        width: 64px;
        height: 64px;
        padding: 4px;
    }
        .icon-line .wrap {
            padding: 10px;
        }
        .icon-line img { width: 70%; }

    .list-base {
        margin: -30px 0 0 0;
        text-align: center;    
    }
    .list-base.list-3 .item,
    .list-base.list-4 .item {
        padding: 0 !important;
        width: 100% !important;
        max-width: 290px !important;
    }
    .list-base .item .wrap-block {
        gap: 25px;
        justify-content: start;
    }
    .list-base .item .text-block.text-left { padding-left: 0; }
    .list-base .item .text,
    .list-base .item .text-block p {
        width: auto;
        text-align: left;
        font-size: 78%;
    }
    .list-base .item .text-block .head {
        font-size: 100%;
    }
    .list-base.list-2 .item .text { padding-left: 0; }
    .tech-list li { width: 100%; }
}

/* KK TOP Block */
.kktop-block {
    margin-top: 0;
    background-image: url('../images/kp/top-image.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
    .kktop-block .container { 
        position: relative;
        height: 530px;
    }
    .kktop-block h1 { padding: 0 !important; }
    .kktop-block .wrap-block {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: start;
        padding-bottom: 50px;
    }
@media all and (max-width: 991px) {
    .kktop-block {
        background-image: url('../images/kp/top-image_mob.jpg');
        background-attachment: unset;
    }
    .kktop-block .container {
        height: 350px;
        padding: 0;
    }
    .kktop-block .wrap-block {
        justify-content: start;
        padding-top: 25px;
        padding-bottom: 0;
    }
}

.kkdesc-block {
    overflow: hidden;
}
.kkdesc__list {
    margin: -50px -30px 0 -30px;
    text-align: center;  
    display: flex;
    flex-wrap: wrap;  
}
    .kkdesc__list .item {
        margin-top: 50px;
        padding: 0 30px;
        width: 33.33333%;
    }
    .kkdesc__list .item .wrap-block {
        display: flex;
        align-items: center;
    }
    .kkdesc__list .item .text {
        width: calc( 100% - 120px );
        text-transform: uppercase;
        font-weight: 600;
        font-size: 111%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
@media all and (max-width: 1199px) {
    .kkdesc__list { margin-top: -30px }
    .kkdesc__list .item {
        margin-top: 30px;
        width: 50%;
    }
}
@media all and (max-width: 991px) {
    .kkdesc-block { margin-top: 0;  }
    .kkdesc__list {
        margin: -30px -15px 0 -15px;
        text-align: center;    
    }
    .kkdesc__list .item {
        padding: 0 15px;
    }
}
@media all and (max-width: 767px) {
    .kkdesc-block { margin-top: 0;  }
    .kkdesc__list {
        margin: -30px 0 0 0;
        text-align: center;    
    }
    .kkdesc__list .item {
        padding: 0;
        width: 100%;
        max-width: 250px;
    }
    .kkdesc__list .item .wrap-block {
        gap: 25px;
    }
    .kkdesc__list .item .text {
        width: auto;
        text-align: left;
        font-size: 78%;
    }
}
    
/* KK Advantages */
.kkadvantages-block {
    background: #10232F;
    padding: 50px 0;
}
.kkadvantages__list {
    margin: -30px 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    counter-reset: adv 0;
}
.kkadvantages__list .item {
    position: relative;
    margin-top: 30px;
    counter-increment: adv 1;
    padding: 0 15px;
    width: 100%;
    max-width: 300px;
}
    .kkadvantages__list .item .image {
        width: 191px;
        margin: 0 auto 30px;
        position: relative;
    }
        .kkadvantages__list .item .image:before {
            content: "0"counter(adv)".";
            color: #fff;
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #E5CB6A;
            color: #10232F;
            font-size: 111%;
            line-height: 1;
            right: 0;
            top: 64px;
            right: -88px;
            z-index: 2;
        }
        .kkadvantages__list .item .image:after {
            content: "";
            display: block;
            position: absolute;
            width: 90px;
            height: 1px;
            border-top: 1px dashed #fff;
            top: 84px;
            right: -111px;
            z-index: 1;
        }
        .kkadvantages__list .item .image span {
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            width: 8px;
            height: 12px;
            background-image: url('../images/icon-chevron.svg');
            background-repeat: no-repeat;
            background-size: contain;
            top: 79px;
            right: -114px;
        }
        .kkadvantages__list .item:last-child .image:before,
        .kkadvantages__list .item:last-child .image:after,
        .kkadvantages__list .item:last-child  .image span { display: none; }
    .kkadvantages__list .item .text {
        font-weight: 600;
        font-size: 111%;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
    }
@media all and (max-width: 1399px) { 
    .kkadvantages__list .item .image:before {
        right: -65px;
    }
    .kkadvantages__list .item .image:after {
        width: 60px;
        right: -75px;
    }
    .kkadvantages__list .item .image span { right: -80px; }
}
@media all and (max-width: 1399px) { 
    .kkadvantages__list .item .image:before,
    .kkadvantages__list .item .image:after,
    .kkadvantages__list .item .image span  {
        display: none;
    }
}
@media all and (max-width: 991px) {
    .kkadvantages-block { padding: 20px 0; }
    .kkadvantages__list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .kkadvantages__list .item {
        width: 100%;
        height: auto;
    }
    .kkadvantages__list .item .wrap-block {
        max-width: 290px;
    }
    .kkadvantages__list .item .image {
        width: 144px;
        margin-bottom: 15px;
        margin-left: 25px;
        margin-right: 0;
    }  
    .kkadvantages__list .item .text {
        font-size: 78%;
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .kkadvantages__list .item .text { max-width: 200px; }
    .kkadvantages__list .item .image:before,
    .kkadvantages__list .item .image:after,
    .kkadvantages__list .item .image span  {
        display: flex;
    }
    .kkadvantages__list .item .image span  {
        transform: rotate(180deg);
    }
    .kkadvantages__list .item .image:before {
        width: 34px;
        height: 34px;
        border-radius: 17px;
        font-size: 88%;
        top: 46px;
        right: -47px;
    }
    .kkadvantages__list .item .image span {
        top: 148px;
        right: -20px;
    }
    .kkadvantages__list .item .image:after {
        top: 63px;
        width: 60px;
        border: 1px dashed #fff;
        border-left: none;
        height: 92px;
    }
    .kkadvantages__list .item:last-child .image:after,
    .kkadvantages__list .item:last-child  .image span { display: block; }
    .kkadvantages__list .item:last-child .image:before { display: flex; }
}

/* Plan View */
.planview-block {}
.plan_full-block {
    text-align: center;
    margin: 0 auto;
    max-width: 830px;
    position: relative;
}
.plan_full-block a {
    position: relative;
}
    .plan_full-block a > svg {
        position: absolute;
        fill: #E5CB6A;
        top: 50%;
        left: 50%;
        margin-top: -74px;
        margin-left: -74px;
    }
    .plan_full-block a:hover > svg {
        fill: #fff;
    }
@media all and (max-width: 991px) {
    .planview-block .container {
        padding: 0;
        margin: 0;
    }
    .plan_full-block a > svg {
        transform: scale(0.4);
    }
}

/* KP List */
#projects { overflow: hidden; }
#projects + section {}
.cat-list {}
.cat-list .item-block {
    position: relative;
    z-index: 10;
    /* overflow: hidden; */
}
.cat-list .item-block + .item-block { margin-top: 80px; }
.cat-list .item-block__image {
    position: absolute;
    z-index: 10;
}
.cat-list.house .item-block__image {
    position: relative;
    z-index: 1;
}
.cat-list.house .item-block__image img {
    border-radius: 30px 0 30px 0;
}
.cat-list.house .item-block__image .name {
    font-size: 145%;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: -180px;
}
    .cat-list.house .item-block__image .image-add {
        display: flex;
        flex-wrap: wrap;
        margin: 0 15% 0 25px;
        margin-top: -130px;
    }
    .cat-list.house .item-block__image .image-add .item {
        padding: 0 15px;
        width: 50%;
    }
    .cat-list.house .item-block__image .image-add .wrap {
        display: block;
        background: #fff;
        border-radius: 30px 0 30px 0;
        padding: 15px;
        box-shadow: 0 5px 4px rgba(0,0,0,0.25);
        color: #10232F;
        text-decoration: none;
        text-align: center;
    }
    .cat-list.house .item-block__image .image-add span {
        font-size: 89%;
        font-weight: 600;
        margin-bottom: 10px;
        display: block;
    }
    .cat-list.house .item-block__image .image-add .wrap img { 
        width: 80%; 
        border-radius: 0;
    }
.cat-list .item-block__info {
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 5;
}
.cat-list .item-block__info .wrap {
    background: #10232F;
    box-shadow: 5px 5px 4px rgba(217,217,217,.25);
    padding: 35px 35px;
    border-radius: 30px 0 30px 0;
}
    .cat-list .item-block__info h2 {
        color: #fff;
        font-size: 178%;
    }
    .cat-list .item-block__info h2 span {
        display: block;
        font-size: 68%;
    }
    .kk-params {}
    .kk-params ul {
        list-style: none;
        padding: 0;
        margin: 0 -10px 0 -5px;
    }
    .kk-params li {
        display: inline-block;
        margin-left: -5px;
        padding: 0 10px;
        margin-top: 20px;
    }
    .kk-params li .icon,
    .kk-params li span {
        display: inline-block;
        vertical-align: middle;
    }
    .kk-params li span {
        color: #fff;
        font-size: 111%;
        font-weight: 500;
        font-weight: 500;
        padding-left: 5px;
    }
    .cat-list .item-block__info .btn-block { margin-top: 35px; }
    .cat-list .item-block > .btn-block,
    .cat-list .item-block > .slider-wrap { display: none; }
    .cat-list .item-block__info .btn-block .btn {
        height: 60px;
        font-size: 105%;
        font-weight: 500;
        font-weight: 500;
        text-transform: none;
        border-radius: 15px 0px;
        padding: 15px 30px;
        display: inline-block;
    }
    .cat-list .item-block__info .btn-block .btn .icon {
        width: 30px;
        height: 30px;
    }
.cat-list__slider {
}
.item-block__info .slider-wrap {
    margin-top: 45px;
    margin-left: 145px;
    padding-right: 33px;
    padding-bottom: 20px;
}
    .cat-list__slider .item {}
    .cat-list__slider .item img { border-radius: 4px;}
.icon.icon-k {
    width: 50px;
    height: 50px;
    background-position: center;
    background-color: #FFFFFF;
    border: 2px solid #039B12;
    border-radius: 50%;
    background-repeat: no-repeat;
}
.icon-k.house {
    background-image: url('../images/i-k-house.svg');
}
.icon-k.gas {
    background-image: url('../images/i-k-gas.svg');
}
.icon-k.point {
    background-image: url('../images/i-k-point.svg');
}

.cat-list.house .item-block__info > .name  {

}
.house-params {
}
.house-params .param {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.house-params .param.text { align-items: start; }
.house-params .param + .param { margin-top: 35px; }
    .house-params .param .name {
        width: 175px;
        margin-right: auto;
        color: #E5CB6A;
    }
    .house-params .param .text {
        border-radius: 3px;
        padding: 10px 20px;
        width: calc( 100% - 75px );
        color: #10232F
    }
        .house-params .param .text span {
            display: block;
            margin-top: 10px;
            font-size: 89%;
        }
    .house-params .param .value {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        border-radius: 4px;
        text-align: center;
        width: 170px;
        line-height: 20px;
        color: #10232F;
    }
    .house-params .param .name,
    .house-params .param .value,
    .house-params .param .text {
        font-size: 111%;
        font-weight: 600;
    }
    .house-params .param .value,
    .house-params .param .text {
        background: #E5CB6A;
    }
.house-params .btn-block {
    text-align: right;
}
@media all and (max-width: 1399px) {
    #projects + section { margin-top: 100px; }
    .cat-list .item-block + .item-block {
        margin-top: 230px;
    }
    .cat-list .item-block:last-child { margin-bottom: 100px;}
}
@media all and (max-width: 1199px) {
    #projects + section { margin-top: 80px; }
    .cat-list .item-block + .item-block {
        margin-top: 350px;
    }
    .cat-list .item-block:last-child { margin-bottom: 250px; }
}
@media all and (max-width: 991px) {
    #projects + section { margin-top: 0; }
    .cat-list .item-block:last-child { margin-bottom: 0; }
    .cat-list .item-block {
        /* max-width: 320px; */
        margin: 0 auto;
        position: relative;
    }
    .cat-list.house .item-block__image .name {
        position: static;
        font-size: 111%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cat-list.house .item-block__image { padding: 0; }
    .cat-list .item-block__info {
        position: static;
        padding: 0;
    }
    .cat-list.house .item-block__image .image-add {
        margin: 0;
        padding: 0 10%;
        margin-top: -30px;
    }
    .cat-list.house .item-block__image .image-add .item {
        padding: 0;
        width: 100%;
        margin: 0;
    }
    .cat-list .item-block + .item-block { margin-top: 35px; }
    .cat-list.house .item-block__image .image-add span { font-size: 67%;}
    .cat-list.house .item-block__image .image-add .item + .item { margin-top: 20px; }

    .cat-list.house .item-block__image img,
    .cat-list .item-block__info .wrap {
        border-radius: 20px 0 20px 0;
    }
    .cat-list.house .item-block__image .image-add .wrap {
        border-radius: 15px 0 15px 0;
    }
    .cat-list .item-block__info .wrap {
        margin-top: 30px;
        padding: 20px 15px;
    }

    .house-params .param { gap: 7px; }
    .house-params .param .icon {
        width: 34px !important;
        height: 34px !important;
        background-size: 60%;
    }
    .house-params .param .name,
    .house-params .param .text { font-size: 67%;}
    .house-params .param .value {
        font-size: 67%;
        height: 35px;
        line-height: 15px;
    }
    .house-params .param .text {
        width: calc( 100% - 41px );
    }
}

@media all and (max-width: 320px) {

}

/* Banner Wa */
.banner-wa {}
.banner-wa .wrap-block {
    background: linear-gradient(90.53deg, #00B011 1.97%, rgba(0, 176, 17, 0) 103.65%);
    border-radius: 30px 0px;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-wa .text-block {
    padding-left: 50px;
    font-size: 178%;
    color: #fff;
}
.banner-wa .btn-wa {
    border: 1px solid #FFFFFF;
}
@media all and (max-width: 991px) {
    .banner-wa .wrap-block {
        text-align: center;
        display: block;
        padding: 15px;
        background: linear-gradient(137.16deg, #00B011 7.69%, rgba(0, 176, 17, 0) 98.08%);
    }
    .banner-wa .text-block {
        font-size: 78%;
        padding-bottom: 10px;
        padding-left: 0;
    }
}

/* Contacts Block */
.contacts-block {}
.contacts-block .row { position: relative;}
.contacts-block__info {
    padding: 30px 50px;
    clip-path: polygon(0 0, 85% 0, 100% 45%, 80% 100%, 0 100%, 0 50%);
    background: linear-gradient(15.98deg, #00B011 12.68%, rgba(0, 176, 17, 0) 93.27%);
    text-align: center;
}
    .contacts-block__info .logo {
    }
    .contacts-block__info .header__contacts {
        margin-left: 0;
        margin-top: 10px;
    }
    .contacts-block__info .head {
        font-size: 156%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
.btn-nav-block {
    display: block;
    max-width: 330px;
    clip-path: polygon(0 0, 85% 0, 100% 45%, 80% 100%, 0 100%, 0 50%);
    background-color: #00B011;
    padding: 25px 80px 25px 120px;
    color: #fff;
    text-decoration: none;
    font-size: 145%;
    position: relative;
}
.btn-nav-block:hover {
    text-decoration: underline;
    color: #fff;
}
.btn-nav-block + .btn-nav-block { margin-top: 20px; }
.btn-nav-block.grad { background: linear-gradient(255.97deg, #00B011 12.62%, #E7E7E7 107.73%); }
.btn-nav-block:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
}
.btn-nav-block.ya:before {
    width: 68px;
    height: 69px;
    margin-top: -34px;
    left: 23px;
    background-image: url('../images/i-yanavi.png');
}
.btn-nav-block.ggl:before {
    width: 46px;
    height: 66px;
    margin-top: -33px;
    left: 34px;
    background-image: url('../images/i-gglnavi.png');
}
.contacts-block__map {
    position: absolute;
    right: 0;
    clip-path: polygon(30% 0, 100% 0, 100% 50%, 100% 100%, 20% 100%, 0 80%);
    width: 65%;
    padding: 0;
    margin-right: 15px;
}
.contacts-block__map.mob { display: none;}
@media all and (max-width: 1200px) {
    .contacts-block__map {
        width: 60%;
    }
}
@media all and (max-width: 991px) {
    .contacts-block {
    }
    .contacts-block__map {
        display: none;
        width: 100%;
        max-width: 225px;
        height: 220px;
    }
    .contacts-block__map.mob { display: block;}
    .contacts-block__info {
        padding: 5px;
        text-align: center;
        margin-bottom: 70px;
    }
    .contacts-block__info .wrap-block {
        width: 50%;
    }
        .contacts-block__info .logo img {
            width: 68px;
        }
        .contacts-block__info .header__contacts {
            margin-top: 10px;
            margin-left: 5px;
            padding-right: 30px;
            margin-bottom: 10px;
        }
        .contacts-block__info .header__contacts .block { font-size: 50%; }
        .contacts-block__info .head {
            display: none;
        }  
    .btn-nav-block {
        max-width: 105px;
        padding: 5px 25px;
        font-size: 56%;
    } 
    .btn-nav-block.ya:before {
        width: 22px;
        height: 22px;
        margin-top: -11px;
        left: 3px;
    } 
    .btn-nav-block.ggl:before {
        width: 15px;
        height: 20px;
        margin-top: -10px;
        left: 7px;
    }
    .contacts-block__map {
        position: absolute;
        right: 0;
        clip-path: polygon(30% 0, 100% 0, 100% 50%, 100% 100%, 20% 100%, 0 80%);
        width: 65%;
        padding: 0;
        margin-right: 15px;
    }
    .btn-nav-block + .btn-nav-block { margin-top: 5px; }
}

/* KK */
.kk-top {}
.kk-top__banner {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
    .kk-top__banner .kk-params {
        position: absolute;
    }
    .kk-top__banner .kk-params.left   { left: 30px; }
    .kk-top__banner .kk-params.right  { right: 30px; }
    .kk-top__banner .kk-params.top    { top: 10px; }
    .kk-top__banner .kk-params.bottom { bottom: 30px; }
    .kk-top__banner .kk-params.block li {
        display: block;
    }
.kk-top .slider-wrap {
    max-width: 991px;
    margin: 30px auto 0;
}
@media all and (max-width: 991px) {
    .kk-top__banner {
        height: 200px;
        margin-bottom: 20px;
    }
    .kk-top h1 { }
        .kk-top__banner .kk-params {
            position: absolute;
        }
        .kk-top__banner .kk-params.left,
        .kk-top__banner .kk-params.right,
        .kk-top__banner .kk-params.top,
        .kk-top__banner .kk-params.bottom { 
            bottom: -35px;
            left: 5px;
        }
        .kk-top__banner .kk-params.block ul,
        .kk-top__banner .kk-params ul {
            display: flex;
            align-items: center;
        }
        .kk-top__banner .kk-params ul li span {color: #000; }
    .kk-top .slider-wrap {
        margin-top: 40px;
    }
}

/* KK PLAN */
.kk-plan {
}
.kk-plan .legenda {
    font-size: 89%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    gap: 20px;
}
    .kk-plan .legenda .point {
        padding-left: 30px;
        margin-left: 10px;
        display: inline-block;
        position: relative;
        font-weight: 600;
    }
        .kk-plan .legenda .point:before {
            content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -10px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
        }
        .kk-plan .legenda .point.sold     { color: #DC3545; }
        .kk-plan .legenda .point.reserved { color: #E5CB6A; }
        .kk-plan .legenda .point.sold:before     { background: #DC3545; }
        .kk-plan .legenda .point.reserved:before { background: #E5CB6A; }
    .kk-plan .legenda .date {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        padding-left: 35px;
        font-style: italic;
    }
    .kk-plan .legenda .date:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -13px;
        width: 26px;
        height: 26px;
        background-image: url('../images/icon-update.svg');
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .kk-plan .head-block .btn {
        margin-top: 25px;
    }
@media all and (max-width: 991px) {
    .kk-plan .head + .subhead { text-align: left;}
    .kk-plan .legenda {
        font-size: 67%;
        display: block;
        text-align: left;
    }
    .kk-plan .legenda .point {
        padding-left: 25px;
    }
        .kk-plan .legenda .point:before {
            left: 5px;
            top: 50%;
            margin-top: -7px;
            width: 14px;
            height: 14px;
        }
        .kk-plan .legenda .date {
            display: block;
            margin-left: 0;
            margin-top: 10px;
            padding-left: 25px;
        }
        .kk-plan .legenda .date:before {
            left: 0;
            margin-top: -9px;
            width: 15px;
            height: 18px;
        }
    .kk-plan .head-block .btn-block {
        text-align: center;
    }
        .kk-plan .head-block .btn-block .btn { margin-top: 10px; }

    .planview-block,
    .kk-plan {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Genplan Block */
.genplan-block {
    text-align: center;
    margin-top: 40px;
    overflow: hidden;
}
.genplan-block h2 { margin-top: 50px; }
.wrap-block__house {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.genplan-block.gallery .genplan-block__map { 
    width: 100%; 
    margin: 0 15px;
}
.genplan-block .block {
}
.wrap-block__house a.house {
    display: block;
    padding: 5px;
    text-decoration: none;
    position: relative;
}
    .wrap-block__house a.house span {
        display: block
    }
    .wrap-block__house a.house .wrap {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        padding: 5px 10px;
    }
    .wrap-block__house a.house.sold .wrap,
    .wrap-block__house a.house.sold .wrap:before,
    .wrap-block__house a.house.sold .wrap:after     { background-color: rgba(220,53,69,.5); }
    .wrap-block__house a.house.reserved .wrap,
    .wrap-block__house a.house.reserved .wrap:before,
    .wrap-block__house a.house.reserved .wrap:after { background-color: rgba(229,203,106,.5); }
    .wrap-block__house a.house .wrap .num {
        position: absolute;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #E5CB6A;
        color: #fff;
        line-height: 20px;
        top: 50%;
        right: 5px;
        margin-top: -15px;
        color: #10232F;
        font-size: 75%;
        z-index: 1;
    }
    .wrap-block__house a.house .wrap .project,
    .wrap-block__house a.house .wrap .price {
        font-weight: 500;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        padding: 0 7px;
        font-size: 75%;
        color: #fff;
        background: #10232F;
        border-radius: 13px 0px;
        z-index: 1;
        white-space: nowrap;
    }
    .wrap-block__house a.house .wrap .project { width: 110px; }
    .wrap-block__house a.house .wrap .price   { width: 80px; }
    .wrap-block__house a.house:nth-child(even) .wrap .project,
    .wrap-block__house a.house:nth-child(even) .wrap .price {
        left: unset;
        right: 10px;
    }
    .wrap-block__house a.house .wrap .project:before {
        content: "Проект";
        margin-right: 5px;
    }
.genplan-block__map {
    position: relative;
    display: inline-block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.genplan-block__map + .genplan-block__map { margin-top: 50px; }

/* ORDER #1 */
.genplan-block__map.order-1 .wrap-block__house {
    padding: 63px 100px 0 69px;
    display: flex;
    align-items: start;
}
.genplan-block__map.order-1 .wrap-block__house .block {
    clip-path: polygon(93.5% 0%, 100% 100%, 0% 100%, 0% 10.5%);
    display: flex;
    align-items: start;
}
.order-1 .wrap-block__house a.house {
    height: 91px;
}

.order-1 .wrap-block__house .block-1 {
    width: 124px;
    margin-top: 74px;
}
.order-1 .wrap-block__house .block-1 a.house {
    height: 107px;
}
.order-1 .wrap-block__house .block-1 a.house:first-child {
    height: 117px;
}
.order-1 .wrap-block__house .block-1 a.house:first-child .project {
    margin-top: 12px;
    transform: rotate(351deg);
}

.order-1 .wrap-block__house .block-2 {
    margin-top: 21px;
    flex-wrap: nowrap !important;
    margin-left: 48px;
    width: 298px;
    display: flex;
}
.order-1 .wrap-block__house .block-2 > .wrap {
    width: 50%;
}
.order-1 .wrap-block__house .block-2 a.house:first-child {
    height: 111px;
}
.order-1 .wrap-block__house .block-2 a.house {
    height: 89.3px;
}
    /* .order-1 .wrap-block__house .block-2 a.house .wrap .project { width: auto; } */
    /* .order-1 .wrap-block__house .block-2 a.house .wrap .project:before { content: ""; } */
    .order-1 .wrap-block__house .block-2 a.house:first-child .wrap .project {
        margin-top: 37px;
        transform: rotate(351deg);
    }
    .order-1 .wrap-block__house .block-2 .wrap:nth-child(2) a.house:first-child .wrap .project {
        margin-top: 10px;
    }
    .order-1 .wrap-block__house .block-2 a.house:first-child .wrap .num {
        margin-top: 10px;
    }

.order-1 .wrap-block__house .block-3 {
    margin-left: 49px;
    width: 112px;
}
    .order-1 .wrap-block__house .block-3 a.house .wrap .num {
        right: unset;
        left: 5px;
    }
    .order-1 .wrap-block__house .block-3 a.house .wrap .project:before {
        content: "Пр.";
    }
    .order-1 .wrap-block__house .block-3 a.house .wrap .project {
        width: auto;
        justify-content: start;
    }
    .order-1 .wrap-block__house .block-3 a.house .wrap .project,
    .order-1 .wrap-block__house .block-3 a.house .wrap .price {
        margin-left: -5px;
        font-size: 70%;
        width: auto;
    }
    .order-1 .wrap-block__house .block-3 > a.house {
        height: 47px;
        margin-left: auto;
    }
    .order-1 .wrap-block__house .block-3 > a.house:first-child {
        height: 252px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(2) {
        height: 152px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(3) {
        height: 143px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(4) {
        height: 135px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(5) {
        height: 127px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(6) {
        height: 123px;
    }
    
/* ORDER #2 */
.genplan-block__map.order-2 .wrap-block__house {
    padding: 9px 34px 0 67px;
}
.genplan-block__map.order-2 .wrap-block__house .block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.genplan-block__map.order-2 .wrap-block__house .block-1 {
    width: 124px;
}
    .genplan-block__map.order-2 .wrap-block__house .block-1 a.house {
        height: 106.5px;
    }
.genplan-block__map.order-2 .wrap-block__house .block-2 {
    width: 297px;
    margin-left: 48px;
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
}
    .genplan-block__map.order-2 .wrap-block__house .block-2 > .wrap {
        width: 50%;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-2 a.house {
        height: 89px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-2-1 {
        display: flex;
        width: 100%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 0% 68%);
        margin-top: -20px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house:first-child {
        width: 108px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house:first-child .price {
            margin-bottom: 22px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house:nth-child(2) .price {
            margin-bottom: 12px;
        }
    .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house {
        width: 96px;
        height: 141px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house .project {
            width: auto;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house .project:before {
            content: "Пр.";
        }
.genplan-block__map.order-2 .wrap-block__house .block-3 {
    width: 171px;
    margin-left: 51px;
    margin-top: 48px;
    clip-path: polygon(0% 0%, 64% 0%, 100% 100%, 0% 100%);
}
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house {
        height: 116px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 > a.house:nth-child(2) {
        height: 110px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) {
        height: 106px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(4) {
        height: 104px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(5) {
        height: 98px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(6) {
        height: 98px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(7) {
        height: 94px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(8) {
        height: 92px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(9) {
        height: 89px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(10) {
        height: 87px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(11) {
        height: 87px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(12) {
        height: 83px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(13) {
        height: 81px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house .num {
        right: unset;
        left: 100px;
        top: unset;
        bottom: 5px;
        margin-top: 0;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(1) .num,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(2) .num,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) .num,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(4) .num,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(5) .num {
        bottom: 30px;
        left: 72px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(1) .project,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(2) .project,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) .project {
        width: auto;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(1) .project:before,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(2) .project:before,
    .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) .project:before {
        content: "Пр.";
    }
.genplan-block__map.order-2 .wrap-block__house .block-3-1 {
    display: flex;
}
    .genplan-block__map.order-2 .wrap-block__house .block-3-1 a.house {
        width: 50%;
        height: 163px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3-1 .price {
        font-size: 70%;
        width: auto;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3-1 .num {
        left: 40px !important;
    }
.genplan-block__map.order-2 .wrap-block__house .block-4 {
    display: flex;
}
.genplan-block__map.order-2 .wrap-block__house .block-4-1 {
    position: relative;
    width: 125px;
}
    .genplan-block__map.order-2 .wrap-block__house .block-4-1 a.house {
        position: absolute;
        top: -69px;
        height: 174px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 82% 38%, 74% 100%, 0% 92%);
        width: 100%;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-4-1 .num {
        right: unset;
        left: 5px;
    }
.genplan-block__map.order-2 .wrap-block__house .block-4-2 {
    /* width: calc( 100% - 125px ); */
    display: flex;
    transform: rotate(5deg);
    margin-top: 28px;
    margin-left: -26px;
}
    .genplan-block__map.order-2 .wrap-block__house .block-4-2 a.house {
        height: 105px;
        width: 125px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-4-2 a.house:last-child {
        width: 220px;
    }

.genplan-block__map.order-3 .wrap-block__house {
    padding: 64px 66px 0 24px;
}
    .genplan-block__map.order-3 .block-1 {
        display: flex;
        transform: rotate(-2deg);
        clip-path: polygon(0% 42%, 94.5% 8%, 100% 100%, 0% 100%);
    }
    .genplan-block__map.order-3 .block-1-1 {
        display: flex;
        flex-direction: column;
        width: 165px;
    }
    .genplan-block__map.order-3 .block-1 a.house {
        width: 103px;
        height: 202px;
    }
    .genplan-block__map.order-3 .block-1 a.house:nth-child(2) { width: 103px; }
    .genplan-block__map.order-3 .block-1 a.house:nth-child(3) { width: 91px; }
    .genplan-block__map.order-3 .block-1 a.house:nth-child(4) { width: 85px; }
    .genplan-block__map.order-3 .block-1 a.house:nth-child(5) { width: 83px; }
    .genplan-block__map.order-3 .block-1 a.house:nth-child(6) { width: 75px; }
    .genplan-block__map.order-3 .block-1-1 a.house {
        width: 170px !important;
        height: 117px;
        transform: rotate(-3deg);
    }
    .genplan-block__map.order-3 .block-1-1 a.house:nth-child(2) {
        height: 85px;
        margin-left: 23px;
    }
    .genplan-block__map.order-3 .block-1 a.house .num {
        top: unset;
        margin-top: 0;
        bottom: 40px;
        left: 10px;
    }
    .genplan-block__map.order-3 .block-1 a.house .project {
        margin-top: 88px;
        /* transform: rotate(-6deg);  */
    }
    .genplan-block__map.order-3 .block-1 a.house .project:before { content: "Пр." }
    .genplan-block__map.order-3 .block-1 a.house .project,
    .genplan-block__map.order-3 .block-1 a.house .price {
        width: auto;
        font-size: 65%;
    }
    .genplan-block__map.order-3 .block-1-1 a.house .project {
        margin-top: 0;
    }
    .genplan-block__map.order-3 .block-1-1 a.house:nth-child(1) .project {
        margin-top: 20px;
    }
    .genplan-block__map.order-3 .block-1-1 a.house .num {
        left: unset;
        right: 30px;
    }
.genplan-block__map.order-3 .block-2 {
    display: flex;
    transform: rotate(-1.6deg);
    margin-top: 50px;
    margin-left: 7px;
    clip-path: polygon(100% 0%, 100% 98%, 0 53%, 0 0);
}
    .genplan-block__map.order-3 .block-2 a.house {
        width: 113px;
        height: 190px;
    }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(2) { width: 99px; }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(3) { width: 90px; }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(4) { width: 91px; }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(5) { width: 83px; }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(6) { width: 79px; }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(7) { width: 75px; }
    .genplan-block__map.order-3 .block-2 a.house:nth-child(8) { width: 75px; }

    .genplan-block__map.order-3 .block-2 a.house .project, 
    .genplan-block__map.order-3 .block-2 a.house .price {
        width: auto;
        font-size: 65%;
    }
    .genplan-block__map.order-3 .block-2 a.house .project:before {
        content: "Пр.";
    }
    .genplan-block__map.order-3 .block-2 a.house .price {
        margin-bottom: 80px;
    }
    .genplan-block__map.order-3 .block-2 a.house .num {
        top: 35px;
        margin-top: 0;
        left: 10px;
        margin-left: 0;
    }
@media all and (max-width: 991px) {
    .genplan-block h2 { margin-top: 30px; }
    .genplan-block__map {
        max-width: 320px;
    }
    .genplan-block .container { padding: 0; }
    .genplan-block .genplan-block__map {
        margin: 0px auto;
    }
    .genplan-block .genplan-block__map .image-block img { width: 100%; }
        .wrap-block__house a.house {
            padding: 2px;
        }
        .wrap-block__house a.house .wrap {
            padding: 2px;
        }
        .wrap-block__house a.house .wrap .project, .wrap-block__house a.house .wrap .price {
            height: 10px;
            font-size: 33%;
            border-radius: 5px 0;
            padding: 0;
        }
        .wrap-block__house a.house .wrap .project {
            width: 50px;
        }
        .wrap-block__house a.house .wrap .price {
            width: 35px;
        }
        .wrap-block__house a.house .wrap .num {
            font-size: 33%;
            width: 14px;
            height: 14px;
            margin-top: -7px;
        }

    .genplan-block__map.order-1 .wrap-block__house {
        padding: 26px 40px 0 27px;
    }
    .genplan-block__map.order-1 .wrap-block__house .block {
        clip-path: polygon(94% 0%, 99% 100%, 0% 100%, 0% 10.3%)
    }
        .order-1 .wrap-block__house a.house {
            height: 36.4px;
        }
        .order-1 .wrap-block__house .block-1 a.house:first-child .project {
            margin-top: 4px;
        }
        .order-1 .wrap-block__house > div:nth-child(1) a.house:last-child .wrap .price {
            top: 20px;
            left: 24px;
        }
        /* .order-1 .wrap-block__house > div:nth-child(1) a.house:last-child .wrap .num {
            top: 40px;
            right: -55px;
        } */
        .order-1 .wrap-block__house > div:nth-child(1) {
            width: 254px;
        }
        .order-1 .wrap-block__house > div:nth-child(1) a.house:last-child .wrap {
            border-width: 0 62px 84px 0;
        }

        /* .order-1 .wrap-block__house > div:nth-child(2), .order-1 .wrap-block__house > .block > div {
            width: 137px;
        } */
        .order-1 .wrap-block__house .block-1 {
            margin-top: 29px;
            width: 50px;
        }
        .order-1 .wrap-block__house .block-1 a.house:nth-child(1) {
            height: 47px;
        }
        .order-1 .wrap-block__house .block-1 a.house {
            height: 42.5px;
        }

    .order-1 .wrap-block__house .block-2 {
        margin-top: 7px;
        margin-left: 20px;
        width: 119px;
    }
        .order-1 .wrap-block__house .block-2 a.house:first-child {
            height: 45px;
        }
        .order-1 .wrap-block__house .block-2 a.house {
            height: 35.6px;
        }
        .order-1 .wrap-block__house .block-2 a.house:first-child .wrap .project {
            margin-top: 14px;
        }
        .order-1 .wrap-block__house .block-2 a.house:first-child .wrap .num {
            margin-top: 4px;
        }
        .order-1 .wrap-block__house .block-2 a.house .wrap .num {
            margin-top: 0;
            margin-right: -5px;
        }

    .order-1 .wrap-block__house .block-3 {
        margin-left: 18px;
        width: 44px;
    }
    .order-1 .wrap-block__house .block-3 a.house .wrap .project, 
    .order-1 .wrap-block__house .block-3 a.house .wrap .price {
        font-size: 30%;
        margin-left: 0;
        padding: 0 2px;
        height: 9px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:first-child {
        height: 100px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(2) {
        height: 61px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(3) {
        height: 57px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(4) {
        height: 54px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(5) {
        height: 51px;
    }
    .order-1 .wrap-block__house .block-3 > a.house:nth-child(6) {
        height: 49px;
    }

    .genplan-block__map.order-2 .wrap-block__house {
        padding: 3px 13px 0 27px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-1 {
        width: 50px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-1 a.house {
            height: 42.7px;
        }
    .genplan-block__map.order-2 .wrap-block__house .block-2 {
        width: 119px;
        margin-left: 19px;
        margin-top: 19px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-2 a.house {
            height: 35.6px;
        }
    .genplan-block__map.order-2 .wrap-block__house .block-2-1 {
        display: flex;
        width: 100%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 0% 69%);
        margin-top: -5px;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house:first-child {
        width: 43px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house:first-child .price {
            margin-bottom: 8px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house:nth-child(2) .price {
            margin-bottom: 6px;
        }
    .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house {
        width: 38.5px;
        height: 59px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house .project {
            width: auto;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-2-1 a.house .project:before {
            content: "Пр.";
        }
    .genplan-block__map.order-2 .wrap-block__house .block-3 {
        width: 69px;
        margin-left: 20px;
        margin-top: 20px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house {
            height: 46px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 > a.house:nth-child(2) {
            height: 44px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) {
            height: 43px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(4) {
            height: 41px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(5) {
            height: 39px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(6) {
            height: 40px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(7) {
            height: 37px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(8) {
            height: 37px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(9) {
            height: 36px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(10) {
            height: 35px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(11) {
            height: 34px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(12) {
            height: 33px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(13) {
            height: 33px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house .num {
            left: 40px;
            bottom: 2px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(1) .num,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(2) .num,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) .num,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(4) .num,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(5) .num {
            bottom: 11px;
            left: 29px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(1) .project,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(2) .project,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) .project {
            width: auto;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(1) .project:before,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(2) .project:before,
        .genplan-block__map.order-2 .wrap-block__house .block-3 a.house:nth-child(3) .project:before {
            content: "Пр.";
        }
    .genplan-block__map.order-2 .wrap-block__house .block-3-1 {
        display: flex;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-3-1 a.house {
            height: 65px;
        }
    .genplan-block__map.order-2 .wrap-block__house .block-3-1 .price {
        font-size: 30%;
        width: auto;
    }
    .genplan-block__map.order-2 .wrap-block__house .block-3-1 .num {
        left: 15px !important;
        bottom: 15px !important;
    }

    .genplan-block__map.order-2 .wrap-block__house .block-4-1 {
        width: 49px;
    }
        .genplan-block__map.order-2 .wrap-block__house .block-4-1 a.house {
            top: -27px;
            height: 69px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-4-2 {
            margin-top: 13px;
            margin-left: -10px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-4-2 a.house { 
            height: 42px;
            width: 50px;
        }
        .genplan-block__map.order-2 .wrap-block__house .block-4-2 a.house:last-child {
            width: 89px;
        }

    .genplan-block__map.order-3 .wrap-block__house {
        padding: 26px 26px 0 8px;
    }
        .genplan-block__map.order-3 .block-1 {
            clip-path: polygon(0% 42%, 94.5% 7%, 100% 100%, 0% 100%)
        }
        .genplan-block__map.order-3 .block-1 a.house {
            width: 44px;
            height: 80px;
        }
        .genplan-block__map.order-3 .block-1 a.house:nth-child(2) { width: 40px; }
        .genplan-block__map.order-3 .block-1 a.house:nth-child(3) { width: 36px; }
        .genplan-block__map.order-3 .block-1 a.house:nth-child(4) { width: 35px; }
        .genplan-block__map.order-3 .block-1 a.house:nth-child(5) { width: 33px; }
        .genplan-block__map.order-3 .block-1 a.house:nth-child(6) { width: 31px; }
        .genplan-block__map.order-3 .block-1-1 {
            width: 65px;
        }
        .genplan-block__map.order-3 .block-1-1 a.house {
            width: 58px !important;
            height: 44px;
        }
        .genplan-block__map.order-3 .block-1-1 a.house:nth-child(2) {
            height: 37px;
            margin-left: 6px;
        }
        .genplan-block__map.order-3 .block-1 a.house .num {
            bottom: 17px;
            left: 7px;
        }
        .genplan-block__map.order-3 .block-1 a.house .project {
            margin-top: 30px;
        }
        .genplan-block__map.order-3 .block-1 a.house .project:before { content: "Пр." }
        .genplan-block__map.order-3 .block-1 a.house .project,
        .genplan-block__map.order-3 .block-1 a.house .price {
            font-size: 30%;
        }
        .genplan-block__map.order-3 .block-1-1 a.house .project {
            margin-top: 0;
        }
        .genplan-block__map.order-3 .block-1-1 a.house:nth-child(1) .project {
            margin-top: 8px;
        }
        .genplan-block__map.order-3 .block-1-1 a.house .num {
            left: unset;
            right: 5px;
        }

    .genplan-block__map.order-3 .block-2 {
        transform: rotate(-1.6deg);
        margin-top: 19px;
        margin-left: 7px;
        clip-path: polygon(100% 0%, 100% 98%, 0 53%, 0 0);
    }
        .genplan-block__map.order-3 .block-2 a.house {
            width: 42px;
            height: 77px;
        }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(2) { width: 40px; }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(3) { width: 36px; }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(4) { width: 36px; }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(5) { width: 33px; }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(6) { width: 32px; }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(7) { width: 30px; }
        .genplan-block__map.order-3 .block-2 a.house:nth-child(8) { width: 30px; }

        .genplan-block__map.order-3 .block-2 a.house .project, 
        .genplan-block__map.order-3 .block-2 a.house .price {
            width: auto;
            font-size: 30%;
        }
        .genplan-block__map.order-3 .block-2 a.house .project:before {
            content: "Пр.";
        }
        .genplan-block__map.order-3 .block-2 a.house .price {
            margin-bottom: 34px;
        }
        .genplan-block__map.order-3 .block-2 a.house .num {
            top: 12px;
            margin-top: 0;
            left: 6px;
            margin-left: 0;
            transform: scale(.8);
        }
}

/* Children Block */
.kp-children-block {}
.kp-children-block .wrap-block {
    height: 255px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 0 30px;
}
    .kp-children-block .wrap-block .text-block {
        width: 340px;
        background: linear-gradient(105.67deg, #00B011 34.62%, rgba(0, 176, 17, 0) 122.91%);
        border: 1px solid #FFFFFF;
        border-radius: 30px 0px;
        padding: 30px 20px;
        color: #fff;
        font-weight: 500;
        font-weight: 500;
    }
    .kp-children-block .wrap-block .text-block .head {
        font-size: 166%;
        text-transform: uppercase;
    }
@media all and (max-width: 991px) {
    .kp-children-block .container {
        padding: 0;
    }
    .kp-children-block .wrap-block {
        height: 131px;
        padding: 50px 0 0 10px;
    }
    .kp-children-block .wrap-block .text-block {
        width: 184px;
        font-size: 56%;
        padding: 15px 10px;
        border-radius: 15px 0;
    }
    .kp-children-block .wrap-block .text-block .head {
        font-size: 140%;
    }
}

/* COMM */
.comm-block .image-wrap {
    display: flex;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}
    .comm-block .image-wrap .head-block {
        position: absolute;
        bottom: 65px;
        left: 0;
        text-align: left;
        padding: 10px 30px;
    }
    .comm-block .image-wrap .head-block h2 {
        font-size: 111%;
        text-align: left;
        text-transform: lowercase !important;
    }
    .comm-block .image-wrap .head-block h2 span {
        text-transform: uppercase !important;
    }
.comm-wrap {
    margin: 80px 0;
    background-image: url('../images/bg-com.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.comm-wrap .kkadvantages__list {
    flex-wrap: wrap;
    justify-content: center;
    flex-grow: 3;
}
.comm-wrap .kkadvantages__list + .kkadvantages__list { margin-top: 0; }
.comm-wrap .kkadvantages__list:nth-child(2) {
    counter-reset: adv 3;
}
    .comm-wrap .kkadvantages__list .item {
        max-width: 350px;
    }
    .comm-wrap .kkadvantages__list .item .head {
        font-size: 111%;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 5px;
    }
    .comm-wrap .kkadvantages__list .item .text {
        text-transform: none;
        font-weight: 500;
    }
    .comm-wrap .kkadvantages__list .item:last-child .image:before,
    .comm-wrap .kkadvantages__list .item:last-child .image:after,
    .comm-wrap .kkadvantages__list .item:last-child .image span { display: flex; }

    .comm-wrap .kkadvantages__list:nth-child(2) .item:last-child span { display: none; }
    .comm-wrap .kkadvantages__list:nth-child(2) .item:last-child .image:after {
        width: 60px;
        right: -81px;
    }

.gallery-block {
    padding: 50px 50px 0;
}
.gallery-slider .item img {
    border-radius: 6px;
    box-shadow: 0px 6px 23px rgba(207, 218, 232, 0.6);
}
@media all and (max-width: 1399px) {
    .comm-wrap .kkadvantages__list .item .image:before, 
    .comm-wrap .kkadvantages__list .item .image:after, 
    .comm-wrap .kkadvantages__list .item .image span {
        display: flex;
    }
    .comm-wrap .kkadvantages__list:nth-child(2) .item:last-child .image:after {
        width: 40px;
        right: -52px;
    }
}
@media all and (max-width: 1199px) {
    .comm-wrap { margin: 50px 0; }
}
@media all and (max-width: 991px) {
    .comm-wrap { margin: 30px 0; }
}
@media all and (max-width: 767px) {
    .comm-block {
        text-align: center;
    }
    .comm-block .image-wrap { display: inline-block; }
    .comm-block .image-wrap .head-block {
        bottom: 25px;
        padding: 10px 15px;
    }
    .comm-block .image-wrap .head-block h2 {
        font-size: 78%;
    }

    .comm-wrap {
        background-image: url('../images/bg-com_mob.jpg');
    }
    .comm-wrap .kkadvantages__list {
        justify-content: start;
    }
    .comm-wrap .kkadvantages__list .item {
        padding: 0;
    }
    .comm-wrap .kkadvantages__list .item .head {
        text-align: left;
    }
    .comm-wrap .kkadvantages__list .item .image:after {
        top: 62px !important;
        width: 50px !important;
        right: -120px !important;
        height: 90px !important;
    }
    .comm-wrap .kkadvantages__list .item .image:before { right: -65px; }
    .comm-wrap .kkadvantages__list .item .image span {
        top: 145px;
        right: -73px;
    }
    .comm-wrap .kkadvantages__list:nth-child(2) .item:last-child span { display: block; }

    .gallery-block {
        padding-top: 30px
    }
}

/* WHY WE */
.whywe-block {}
.whywe__list {
    display: flex;
    margin: 0 -12px 0 -12px;
    flex-wrap: wrap;
}
    .whywe__list .item {
        width: 50%;
        padding: 0 12px;
        margin-top: 44px;
    }
    .whywe__list .item .wrap {
        overflow: hidden;
        padding: 8px;
    }
    .whywe__list .item .image {
        position: relative;
        width: 180px;
        height: 180px;
        float: left;
        padding: 10px;
        background-image: url('../images/icon-bg.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .whywe__list:nth-child(odd) .item .image {background-image: url('../images/icon-bg-gld.svg');}
        .whywe__list .item .image img { border-radius: 50%; }
    .whywe__list .item .text-block {
        padding-left: 219px;
        padding-right: 15px;
    }
    .whywe__list .item:nth-child(even) .image {
        float: right;
        transform: scale(-1,1);
        background-image: url('../images/icon-bg-gld.svg');
    }
    .whywe__list .item:nth-child(even) .image img { transform: scale(-1,1);}
    .whywe__list:nth-child(odd) .item:nth-child(even) .image {background-image: url('../images/icon-bg.svg');}
    .whywe__list .item:nth-child(even) .text-block {
        padding-right: 219px;
        padding-left: 15px;
    }
    .whywe__list .item .text-block .head {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 111%;
        margin-top: 7px;
    }
    .whywe__list .item .text-block .text {
        margin-top: 7px;
    }
@media all and (max-width: 991px) {
    .whywe__list {
        display: block;
        margin: 0;
        flex-wrap: wrap;
    }
        .whywe__list .item {
            width: 100%;
            padding: 0;
            margin-top: 25px;
        }
        .whywe__list .item .wrap {
            padding: 6px;
        }
        .whywe__list .item:nth-child(even) .wrap {
        }
        .whywe__list .item .image {
            width: 85px;
            height: 85px;
            padding: 5px;
        }
        .whywe__list:nth-child(odd) .item .image { background-image: url('../images/icon-bg.svg');}
        .whywe__list:nth-child(odd) .item:nth-child(even) .image { background-image: url('../images/icon-bg-gld.svg');}
        .whywe__list .item .text-block .head { font-size: 78%;}
        .whywe__list .item .text-block .text { font-size: 67%;}
        .whywe__list .item .text-block {
            padding-left: 95px;
            padding-right: 10px;
        }
        .whywe__list .item:nth-child(even) .text-block {
            padding-right: 95px;
            padding-left: 10px;
        }
}

/* Payment */
.payment-block {}
.payment__list {
    display: flex;
    flex-wrap: wrap;
    margin: -60px -10px 0 -10px;
}
    .payment__list .item {
        width: 25%;
        padding: 0 10px;
        margin-top: 60px;
    }
    .payment__list .item.full { flex-wrap: wrap; }
    .payment__list .item .wrap-block {
        position: relative;
        display: flex;
        align-items: center;
    }
    .payment__list .item .text-block {
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
        width: calc( 100% - 130px );
    }
@media all and (max-width: 1399px) { 
    .payment__list { justify-content: center; }
    .payment__list .item { width: 33.33333%; }
}
@media all and (max-width: 991px) { 
    .payment__list {
        margin-top: -30px;
    }
        .payment__list .item {
            width: 50%;
            margin-top: 30px;
        }
}
@media all and (max-width: 767px) { 
    .payment__list .item .text-block { 
        font-size: 78%; 
        width: calc( 100% - 75px );
    }
}
@media all and (max-width: 575px) { 
    .payment__list {
        margin-top: -20px;
        margin-left: 0;
        margin-right: 0;
    }
        .payment__list .item {
            width: 100%;
            max-width: 290px;
            margin-top: 20px;
            padding: 0;
        }
        .payment__list .item .text-block { 
            text-align: left; 
            padding: 0 10px;
        }
}

/* Bank */
.bank-block {}
.bank__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
    .bank__list .item {}
    .bank__list .item img {
        border: 0.1px solid #CBCBCB;
        border-radius: 5px;
    }
@media all and (max-width: 991px) { 
    .bank__list .item img {
        width: 93px;
    }
}

/*  ADDITIONAL */
.additional-block {
    overflow: hidden;
}
.additional-block h2 { margin-top: 60px; }
.additional__list {
    display: flex;
    justify-content: center;
    margin: -15px -32px;
    flex-wrap: wrap;
}
    .additional__list .item {
        margin-top: 30px;
        padding: 0 32px;
    }
    .additional__list .item .wrap {
        position: relative;
        width: 293px;
        height: 105px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('../images/bg/bg-add.svg');
        padding: 10px 0 0 90px;
    }
    .additional__list .item .icon-add {
        display: block;
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #19B023;
        top: -12px;
        left: -12px;
    }
    .additional__list .item .icon-add:before {
        content: "";
        display: block;
        width: 80px;
        height: 80px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .additional__list .item .icon-add.terrace:before { background-image: url('../images/add/terrace.svg'); }
    .additional__list .item .icon-add.tent:before    { background-image: url('../images/add/tent.svg'); }
    .additional__list .item .icon-add.warm:before    { background-image: url('../images/add/warm.svg'); }
    .additional__list .item .icon-add.repair:before  { background-image: url('../images/add/repair.svg'); }
    .additional__list .item .icon-add.green:before   { background-image: url('../images/add/green.svg'); }
    .additional__list .item .text-block { 
        padding-right: 45px;
    }
    .additional__list .item .text-block .head {
        font-weight: 500;
        font-weight: 500; 
        text-transform: uppercase;
        font-size: 89%;
        color: #19B023;
    }
    .additional__list .item .text-block .text {
        margin-top: 5px;
        font-size: 78%;
    }
    .additional__list .item .text-block .text span {
        font-weight: 500;
        font-weight: 500; 
        display: block;
    }
@media all and (max-width: 991px) {
    .additional-block h2 { margin-top: 40px; }
    .additional__list {
        margin-left: 0;
        margin-right: 0;
    }
    .additional__list .item .icon-add {
        width: 60px;
        height: 60px;
        top: -7px;
        left: -7px;
    }
    .additional__list .item .icon-add:before {
        width: 60px;
        height: 60px;
        background-size: 60%;
    }
    .additional__list .item .wrap {
        padding: 10px 0 0 70px;
        width: 238px;
        height: 86px;
        background-size: 100%;
    }
    .additional__list .item .text-block {
        padding-right: 35px;
    }
    .additional__list .item .text-block .head { font-size: 75%;}
    .additional__list .item .text-block .text { font-size: 60%;}
}
@media all and (max-width: 991px) {
}

/* DOWNLOAD */
.download-block { overflow: hidden;}
.download-btn {
    text-align: center;
    width: 100%;
    max-width: 869px;
    height: 344px;
    margin:  0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../images/bg-download.jpg');
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -100px;
    justify-content: center;
    transition: 0.5s all ease;
    text-decoration: none;
}
.download-btn:hover { 
    text-decoration: none; 
    background-size: 115%;
    text-decoration: none;
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
    .download-btn {
        max-width: 391px;
        height: 155px;
        background-image: url('../images/bg-download_mob.jpg');
        margin-top: -50px;
    }
}

/* MAP */
.map-wrap {
    width: 100%;
    height: 400px;
    margin-top: 30px;
}
.map-block .list-base .item .icon-line img { width: 100%; }
.map-block .list-base .item .text {
    font-size: 100%;
    font-weight: 400;
    text-transform: none;
    text-align: left;
}

@media all and (max-width: 767px) {
    .map-block .list-base .item .icon-line .wrap { padding: 0; }
}

/* NAVI */
.navi-block { overflow: hidden; }
.navi-item {}
.navi-item > .wrap {
    display: flex;
    justify-content: center;
    align-items: end;
}
    .navi-item .image {
        width: 385px;
        flex-shrink: 0;
    }
    .navi-btn__block { 
        margin-left: -90px; 
        margin-bottom: 30px;
    }
    .navi-item .navi-btn { 
        width: 310px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        text-decoration: none;
        text-align: center;
        position: relative;
    }
    .navi-item .navi-btn:hover { 
        text-decoration: underline; 
        color: #10232F;
    }
    .navi-item .navi-btn + .navi-btn { margin-top: 30px; }
    .navi-item .navi-btn .text {
        width: calc( 100% - 110px );
        text-align: center;
        color: #10232F;
        text-transform: uppercase;
        font-weight: 500;
    }
    .navi-item .navi-btn .icon-line {
        width: 102px;
        height: 102px;
    }
    .navi-item .navi-btn img { 
        width: 50%; 
        transition: 0.5 all ease;
    }
@media all and (max-width: 1199px) {
    .navi-btn__block { margin-left: -80px; }
    .navi-item .image { width: 350px; }
    .navi-item .navi-btn {
        width: 250px;
    }
    .navi-item .navi-btn + .navi-btn { margin-top: 15px; }
}
@media all and (max-width: 991px) {
    .navi-item > .wrap { 
        width: 290px;
        margin-bottom: 20px; 
        margin-left: auto;
        margin-right: auto;
    }
    .navi-item .image,
    .navi-item .image img { 
        width: 210px;
    }
    .navi-btn__block { margin-bottom: 15px; }
    .navi-item .navi-btn { height: auto; }
    .navi-item .navi-btn .icon-line {
        width: 56px;
        height: 56px;
    }
    .navi-item .navi-btn .text { 
        width: 110px;
        font-size: 67%; 
    }
}

/* OTHER */
.otherkp-slider {}
.otherkp-slider .item { padding-bottom: 30px; }
.otherkp-slider .owl-nav { margin-top: -30px;}
.otherkp-slider .item > .wrap {
    display: flex;
    text-decoration: none;
    position: relative;
    text-decoration: none;
    color: #10232F;
    gap: 20px;
    padding-left: 10px;
    /* width: 345px;
    height: 229px; */
}
    .otherkp-slider .item .image {
        position: relative;
    }
    .otherkp-slider .item .image:after {
        content: "";
        display: flex;
        text-transform: uppercase;
        font-weight: 500; 
        font-size: 65%;
        position: absolute;
        top: 113px;
        z-index: 1;
        position: absolute;
        text-align: center;
        width: 110px;
        justify-content: center;
        align-items: center;
    }
    .otherkp-slider .item.sold .image:after {
        content: "Продан";
        color: #fff;
    }
    .otherkp-slider .item.reserved .image:after {
        content: "В продаже";
        color: #000;
    }
    .otherkp-slider .item.sold     .image svg { fill: #FF223E; }
    .otherkp-slider .item.sold     .image svg + svg { fill: #BA192D; }
    .otherkp-slider .item.reserved .image svg { fill: #FFC107; }
    .otherkp-slider .item.reserved .image svg + svg { fill: #B18B19; }
    .otherkp-slider .item .image svg {
        position: absolute;
        left: 0;
        top: 105px;
        z-index: 1;
    }
    .otherkp-slider .item .image svg + svg {
        z-index: 0;
        top: 113px;
    }
    .otherkp-slider .item .image img {
        width: 100%;
        border-radius: 50%;
    }
    .otherkp-slider .item .text-block {
    }
    .otherkp-slider .item .text-block .head {
        font-size: 100%;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-weight: 500;
    }
    .otherkp-slider .item .text-block .text {
    }   
@media all and (max-width: 991px) {
    
}
@media all and (max-width: 767px) {
    .otherkp-slider .item .image {
        width: 77px;
        flex-shrink: 0;
    }
    .otherkp-slider .item .icon-line {
        width: 77px;
        height: 77px;
    }
    .otherkp-slider .item .icon-line .wrap { padding: 0; }
    .otherkp-slider .item .image svg { 
        transform: scale(0.7); 
        top: 65px;
        left: -20px;
    }
    .otherkp-slider .item .image svg + svg {
        z-index: 0;
        top: 71px;
        left: -6px;
    }
    .otherkp-slider .item .image:after {
        font-size: 48%;
        top: 75px;
        left: -17px;
    }
    .otherkp-slider .item .text-block .head { font-size: 89%; }
    .otherkp-slider .item .text-block .text { font-size: 78%;}
}

/* COMMON */
.svgs { display: none;}
h1,
h2.head {
    position: relative;
    z-index: 10;
    padding: 20px 0 20px 25px !important;
}
    h1 span,
    h2.head span { color: #00B011;}
    h1:before,
    h1:after,
    h2.head:before,
    h2.head:after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 50%;
        margin-top: -30px;
    }
    h1:before,
    h2.head:before {
        left: 0;
        width: 140px;
        height: 60px;
        background-color: #E7E7E7;
    }
    h1:after,
    h2.head:after {
        left: 140px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 60px 0 0 40px;
        border-color: transparent transparent transparent #E7E7E7;
    }
h1.head-up,
h2.head-up {
    text-transform: uppercase;
    font-size: 156%;
    margin-bottom: 40px;
    margin-top: 20px;
}
    h1.head-up span,
    h2.head-up span {
        color: #00B011;
    }

.btn {
    height: 66px;
    padding: 10px 15px;
    border-radius: 15px 0;
    text-transform: uppercase;
    line-height: 20px;
    white-space: nowrap;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 111%;
    font-weight: 500;
    gap: 15px;
}
.btn-primary {
    background: #E5CB6A;
    color: #10232F;
}
    .btn-primary svg { fill: #10232F; }
.btn-primary:hover,
a:hover > .btn-primary {
    color: #E5CB6A;
    background: #10232F;
}
    .btn-primary:hover svg,
    a:hover > .btn-primary svg { fill: #E5CB6A; }
.btn-secondary { background: #302D3E;}
.btn:active,
.btn:focus {
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.btn-wa {
    background: linear-gradient(269.8deg, #00B011 0.22%, rgba(0, 176, 17, 0) 116.7%);
    border-radius: 30px 0px;
    line-height: 80px;
    padding-top: 0;
    padding-bottom: 0;
    height: 80px;
    font-size: 156%;
    text-transform: none;
    border: none;
}
.btn-wa span { margin-top: -5px;}
.btn.disk {
    border-radius: 20px 0px;
    line-height: 50px;
    padding: 0 25px;
    height: 50px;
    font-size: 125%;
    text-transform: none;
    border: none;
}

.btn .icon,
.btn span {
    display: inline-block;
    vertical-align: middle;
}
.btn .icon:first-child { margin-right: 15px;}
.btn .icon:last-child  { margin-left: 15px;}
.btn .icon-q  { margin-top: -3px }
.btn .icon-wa { margin-top: -5px }

.icon {
    display: inline-block;
    background-repeat: no-repeat;
}
.icon.icon-q {
    width: 28px;
    height: 26px;
    background-image: url('../images/i-q.svg');
}
.icon.icon-wa {
    width: 42px;
    height: 42px;
    background-image: url('../images/i-wa.svg');
    background-size: contain;
    background-position: center;
}
.icon.icon-download {
    width: 75px;
    height: 57px;
    background-image: url('../images/i-download.svg');
    background-size: contain;
}
.icon.icon-arw-round {
    width: 34px;
    height: 35px;
    background-image: url('../images/i-arw-round.svg');
    background-size: contain;
}
.icon.icon-tel-modal {
    width: 25px;
    height: 46px;
    background-image: url('../images/i-tel-modal.svg');
    background-size: contain;
}
.icon.icon-head-adr:before {
    content: "";
    display: block;
    width: 27px;
    height: 40px;
    background-image: url('../images/icon-head-adr.svg');
    background-size: contain;
}
.icon.icon-wtime:before {
    content: "";
    display: block;
    width: 40px;
    height: 37px;
    background-image: url('../images/icon-wtime.svg');
    background-size: contain;
}

.house-params .param .icon {
    width: 66px;
    height: 66px;
    background-color: #E5CB6A;
    background-position: center;
    border-radius: 50%;
    flex-shrink: 0;
}
.icon.icon-house-s     { background-image: url('../images/i-house-s.svg'); }
.icon.icon-house-bed   { background-image: url('../images/i-house-bed.svg'); }
.icon.icon-house-floor { background-image: url('../images/i-house-floor.svg'); }
.icon.icon-house-price { background-image: url('../images/i-house-price.svg'); }
.icon.icon-house-roof  { background-image: url('../images/i-house-roof.svg'); }
.icon.icon-house-final { background-image: url('../images/i-house-final.svg'); }

@media all and (max-width: 991px) {
    h1.head-up,
    h2.head-up {
        font-size: 100%;
        text-align: left !important;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    h1,
    h2.head { padding-left: 10px; }
    h1:before,
    h1:after,
    h2.head:before,
    h2.head:after {
        margin-top: -15px;
    }
    h1:before,
    h2.head:before {
        width: 65px;
        height: 30px;
    }
    h1:after,
    h2.head:after {
        left: 65px;
        border-width: 30px 0 0 15px;
    }
    h1.block span,
    h2.block span { 
        display: block;
    }
    h1.block:before,
    h1.block:after,
    h2.block:before,
    h2.block:after { 
        margin-top: -25px;
    }
    h1.block:before, 
    h2.block:before {
        width: 100px;
        height: 50px;
    }
    h1.block:after,
    h2.block:after {
        left: 100px;
        border-width: 50px 0 0 25px;
    }
    .btn-wa,
    .btn.disk {
        height: 40px;
        font-size: 67%;
        border-radius: 12px 0;
        padding: 0 15px;
        gap: 0;
    }
    .btn.disk svg {
        transform: scale(.6);
    }
    .icon.icon-wa {
        width: 27px;
        height: 27px;
    }
    .icon.icon-download {
        width: 32px;
        height: 24px;
    }
    .btn .icon:first-child { margin-right: 5px; }
    .btn .icon:last-child { margin-left: 5px; }
}

/* SLIDER */
.owl-nav {
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: 0;
    width: 100%;
    z-index: 11;
}
.owl-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 60px;
    border-radius: 0 40px 40px 0;
    background: #10232F !important;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}
.owl-nav button:hover { background: #E5CB6A !important; }
.owl-nav button:hover span { color: #10232F; }
.owl-nav button.owl-prev { border-radius: 40px 0 0 40px; }
.owl-nav button span {
    color: #fff;
    font-size: 40px;
    line-height: 1;
    margin-top: -8px;
    margin-left: -5px;
}
.owl-nav button.owl-prev span { margin-left: 5px; }
.owl-nav .owl-prev { left: -40px; }
.owl-nav .owl-next { right: -40px; }
.owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
    .owl-dots .owl-dot {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 5px;
        background: #10232F !important;
    }
    .owl-dots .owl-dot.active {
        background: #E5CB6A !important;
    }
@media all and (max-width: 991px) {
    .gallery-block {
        padding-left: 0;
        padding-right: 0;
    }
    .owl-nav button {
        width: 27px;
        height: 38px;
        margin-top: -19px;
    }
    .owl-nav button span { 
        font-size: 30px; 
        margin-top: -5px;
        margin-left: -2px;
    }
    .owl-nav button.owl-prev span { margin-left: 2px; }
    .owl-nav .owl-prev { left: 10px; }
    .owl-nav .owl-next { right: 10px; } 
}

/* MODAL */
.modal-dialog { 
    max-width: 450px; 
    margin-left: auto;
    margin-right: auto;
}
.modal-body { padding: 0;}
.modal-body .wrap-block {
    padding: 0 15px;
}
.modal-backdrop.show {
    opacity: .7;
    background: #10232F;
}
.modal-body .image-hex {
    position: relative;
    overflow: hidden;
}
    .modal-body .image-hex::before {
        content: "";
        position: absolute;
        display: block;
        width: 120px;
        height: 100%;
        clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 80% 35%);
        border: none;
        border-top: 10px solid #fff;
        margin-top: -1px;
        right: 0;
        top: 0;
        background: #10232F;
    }
    .modal-body .hex-block {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
        background: #10232F;
        height: 40px;
        margin-left: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-transform: uppercase;
        font-size: 88%;
        margin-top: -2px;
    }

.modal-content {
    border-radius: 3px;
}
.modal-header {
    border-bottom: none;
    padding-top: 25px;
    padding-bottom: 15px;
}
.modal-header h2 { 
    padding: 0; 
    margin: 0;
    font-size: 133%;
    text-align: left;
}
.modal-header .subhead {
    font-size: 111%;
    font-weight: 500; 
    text-transform: uppercase;
    clear: both;
    margin: 15px 0 0;
}
.modal .tel-block {
    display: block;
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 2px solid #F5F5F5;
}
    .modal .tel-block .tel-list > div {
        position: relative;
        text-align: center;
        padding: 0 80px;
    }
    .modal .tel-block .tel-list > div a { 
        font-size: 178%;
        line-height: 40px;
        padding: 15px 0;
        text-align: center;
        position: relative;
        text-decoration: none;
        color: #000;
        font-weight: 500; 
    }
    .modal .tel-block .tel-list > div a.icon {
        display: block;
        font-size: 225%;
        position: absolute;
        width: 70px;
        height: 70px;
        top: 50%;
        margin-top: -35px;
        background: #00B011;
        border-radius: 50%;
        color: #fff;
    }
    .modal .tel-block .tel-list > div a:first-child { left: 0; }
    .modal .tel-block .tel-list > div a:last-child  { right: 0; }
.modal-header { display: block; }
.modal-header .btn-close {
    color: #E5CB6A;
    width: 30px;
    height: 30px;
    border-radius: 50% 0;
    background: #E5CB6A;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    opacity: 1;
    z-index: 10;
}
    .modal-header .btn-close i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 100%;
        width: 18px;
        height: 18px;
        background: #10232F;
        color: #E5CB6A;
        border-radius: 50%;
        line-height: 1;
        padding: 0 0;
        margin: 0 auto;
        text-align: center;
    }
.modal-house .param-list {
	margin: 30px 0 0 0;
}
.modal-house .param-list ul {
	list-style: none;
	padding: 0;
    margin: 0;
    margin-left: 30px;
}
.modal-house .param-list + .param-list { margin-top: 15px; }
.modal-house .param-list.bg-dark {
    background: #10232F !important;
    color: #E5CB6A;
    margin-top: 0;
}
    .modal-house .param-list.bg-dark .wrap-block {
        padding-top: 1px;
        padding-bottom: 1px;
    }
.modal-house .param-list li {
    margin: 15px 0;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 78%;
    gap: 10px;
}
    .modal-house .param-list li:before,
    .modal-house .param-list li:after {
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }
    .modal-house .param-list li:before {
        border-radius: 50%;
        background: #10232F;
    }
    .modal-house .param-list li:after {
        position: absolute;
        top: 0;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
    }
        .modal-house .param-list li.sq:after      { background-image: url('../images/icon-house/sq.svg'); }
        .modal-house .param-list li.project:after { background-image: url('../images/icon-house/project.svg'); }
        .modal-house .param-list li.sqh:after     { background-image: url('../images/icon-house/sqh.svg'); }
        .modal-house .param-list li.terrace:after { background-image: url('../images/icon-house/terrace.svg'); }
        .modal-house .param-list li.gas:after     { background-image: url('../images/icon-house/gas.svg'); }
        .modal-house .param-list li.money:after   { background-image: url('../images/icon-house/money.svg'); }
        .modal-house .param-list li.mans:after    { background-image: url('../images/icon-house/mans.svg'); }
        .modal-house .param-list li.rem:after     { background-image: url('../images/icon-house/rem.svg'); }
    .modal-house .param-list.bg-dark li:before { background-color: #E5CB6A; }

.modal .header__tel {
    max-width: 300px;
    margin: 0 auto;
}
    .modal .header__tel a[href^="tel"] { color: #10232F; }
.modal-house .image-block {
    position: relative;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
    .modal-house .image-block .mark .areanum {
        position: absolute;
        width: 28px;
        height: 28px;
        text-align: center;
        padding: 4px 0;
        line-height: 20px;
        background: #1d2e42;
        font-size: 80%;
        border-radius: 50%;
        left: -14px;
        top: -14px;
    }
    .modal-house .image-block span {
        position: absolute;
        width: 79px;
        height: 83px;
        bottom: -5px;
        right: -5px;
    }
    .modal-house .image-block span.reserved {
        background-image: url('../images/mark-reserved.png');
    }  
    .modal-house .image-block span.sold {
        background-image: url('../images/mark-sold.png');
    }   
    .modal-house .image-block .mark.onsale {
        background-color: rgba(220,53,69,.7);
    }
    .modal-project .image-block {
        position: relative;
        text-align: center;
    }
    .modal-project .image-block + .image-block { margin-top: 10px; }
    .modal-project .image-block + .row { margin-top: 30px; }
    .modal-body .image-block .head {
        display: inline-block;
        color: #10232F;
        text-align: center;
        margin-top: 10px;
    }
    .modal-body .params-block {
        color: #000;
    }
    .modal-body .params-block .head {
        text-align: left;
        text-transform: uppercase;
        color: #00B011;
        font-size: 122%;
        margin-bottom: 15px;
    }
    .modal-body .params-block h2 {
        margin: 0 0 15px;
        padding: 0;
    }
    .modal-body .params-block + .params-block {
        margin-top: 30px;
    }
    .modal-body .params-block ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .modal-body .params-block ul li {
        margin-bottom: 15px;
        position: relative;
        display: flex;
    }
    .modal-body .params-block ul li + li { margin-top: 15px; }
    .modal-body .params-block ul li .icon-block,
    .modal-body .params-block ul li .text-block {
    }

    .modal-body .params-block ul li .icon-block {
        width: 50px;
    }
    .modal-body .params-block ul li .text-block {
        margin-left: 15px;
        max-width: 300px;
        display: flex;
        align-items: center;
        min-height: 50px;
    }

    .modal .image-hex span {
        position: absolute;
        bottom: 0;    
        left: 0;
        color: #fff;
        padding: 5px 15px;
        font-size: 77%;
        text-transform: uppercase;
    }
        .modal .image-hex span.sold            { background: rgba(220,53,69,.5); }
        .modal .image-hex span.sold:before     { content: "Продан"; }
        .modal .image-hex span.reserved        { background: rgba(255,193,7,.5); }
        .modal .image-hex span.reserved:before { content: "Резерв"; }

.modal-info .modal-dialog {
    max-width: 320px;
}
.modal-info .modal-content {
    border: none;
    background: #10232F;
    border-radius: 0;
}
.modal-info .modal-header { text-align: center; }
.modal-info .modal-body {
    padding: 15px;
    text-align: center;
    color: #E5CB6A;
    position: relative;
}
.modal-info .modal-body::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background-image: url('../images/i-arw-dwn.svg');
    background-size: 100%;
}
.modal-info .modal-body .btn-block { 
    padding: 15px 0 30px;     
    display: flex;
    align-items: center;
    justify-content: center;
}
    .modal-info .modal-body .btn { text-transform: uppercase; }
@media all and (max-width: 991px) {
    .modal-dialog { max-width: 310px; }
    .modal .tel-block { padding-left: 0; }
    .modal .tel-block .tel-list > div a.icon {
        width: 45px;
        height: 45px;
    }
    .modal .tel-block .tel-list > div a.icon {
        margin-top: -22px;
    }
    .modal-header .subhead {
        font-size: 87.5%;
    }
    .modal-header {
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .modal-house .param-list li {
    }

    .modal-house .param-list li > div > span { display: block; }
    .modal .tel-block .tel-list > div {
        padding: 0 50px;
    }
    .modal .tel-block {
        margin-top: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .modal-house .param-list {
        margin: 15px 0 0;
    }
    .modal-house .param-list ul { margin-left: 0; }
}