@charset "UTF-8";
@font-face {
    font-family: "NotoSansGeorgian-Bold";
    src: url("../fonts/AvenirNextGeorgian-Bold.woff2") format("woff2"), url("../fonts/AvenirNextGeorgian-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NotoSansGeorgian-ExtraBold";
    src: url("../fonts/AvenirNextGeorgian-Heavy.woff2") format("woff2"), url("../fonts/NAvenirNextGeorgian-Heavy.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NotoSansGeorgian-Regular";
    src: url("../fonts/AvenirNextGeorgian-Regular.woff2") format("woff2"), url("../fonts/AvenirNextGeorgian-Regular.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.floor-filter, .inner-infos ul li p, .section-welcome, .footer-bottom__navs .block ul li, .footer-bottom__socials, .footer-bottom, .footer, .section-title, .section, .text-by, .text, .hero-img img, .hero, .header-items, .header {
    width: 100%;
    float: left;
}

.section-title a span, .hero-title, .header-items__left a span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip_flat_status, .tooltip_flat_title span, .tooltip_flat_title h2, .inner-infos ul li span, .building-item__title a, .building-item__title span, .building-item__title h1, .section-welcome h1, .footer-bottom__socials .left-by a, .just .section-title h1, .section-title a, .header-items__right a.book-call {
    font-family: "NotoSansGeorgian-Bold", serif;
}

.footer-bottom__navs .block h4, .footer-top__left h2, .offers-right h2, .offers-left h2, .offers-text h2, .building-text, .text-by span, #floorTooltip .number .tooltip-floor, .hero-title__item a, .hero-title__item .title, .header-items__right ul li a.active, .header-items__left a {
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
}

.text #scrollText, #floorTooltip, .header-items__left .hover-info, .header-items__left a.call, body {
    font-family: "NotoSansGeorgian-Regular", serif;
    font-weight: normal;
}

.navigation-menu__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h1 {
    font-size: 36px;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    text-decoration: none;
    line-height: 1;
}

footer,
header,
nav,
section,
main {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}


body {
    margin: 0;
    background: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #242424;
    position: relative;
}
body:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(to bottom, #f2f2f2, #f2f2f2) 16.66% 0, linear-gradient(to bottom, #f2f2f2, #f2f2f2) 33.33% 0, linear-gradient(to bottom, #fff, #fff) 50% 0, linear-gradient(to bottom, #f2f2f2, #f2f2f2) 66.66% 0, linear-gradient(to bottom, #f2f2f2, #f2f2f2) 83.33% 0;
    background-repeat: no-repeat;
    background-size: 1px 100%;
}

.container {
    max-width: 96%;
}

.header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    z-index: 999;
}
.header .container {
    max-width: 96%;
}
.header-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-items__left, .header-items__center, .header-items__right {
    width: 33.3%;
    display: flex;
}
.header-items__center {
    justify-content: center;
}
.header-items__center img {
    height: 100px;
}
.header-items__left {
    justify-content: flex-start;
}
.header-items__left a {
    color: #fff;
    display: flex;
    align-items: center;
}
.header-items__left a span {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 2px solid #ffff;
    margin-right: 15px;
}
.header-items__left a span svg {
    height: 26px;
}
.header-items__left a strong {
    padding: 8px 10px;
    border-radius: 8px;
    background: #c68484;
    font-size: 8px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'NotoSansGeorgian-Regular';
}
.header-items__left a strong i {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
}
.header-items__left a.call {
    display: flex;
    align-items: center;
    margin-left: 30px;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}
.header-items__left a.call svg {
    margin-right: 15px;
}
.header-items__left .hover-info {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    left: 0;
    background: #fff;
    padding: 15px;
    width: 320px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 100;
}
.header-items__left .progress-bar {
    width: 100%;
    height: 12px;
    background: #f2f2f2;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}
.header-items__left .progress-fill {
    height: 100%;
    background: #26884f;
    width: 0%;
    transition: width 0.4s ease;
}
.header-items__left .progress-text {
    font-size: 11px;
    color: #11301f;
}
.header-items__right {
    justify-content: flex-end;
    align-items: center;
}
.header-items__right a.book-call {
    background: #26884f;
    border-radius: 12px;
    padding: 0px 33px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 13px;
    height: 40px;
    margin-right: 30px;
}
.header-items__right ul {
    display: flex;
    align-items: center;
}
.header-items__right ul li {
    float: left;
    margin-right: 15px;
}
.header-items__right ul li a {
    color: rgba(255, 255, 255, 0.3);
    position: relative;
    display: flex;
    font-size: 14px;
    justify-content: center;
}
.header-items__right ul li a:after {
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    bottom: -44px;
    background: transparent;
}
.header-items__right ul li a.active {
    color: #fff;
}
.header-items__right ul li a.active:after {
    background: rgba(255, 255, 255, 0.1);
}
.header-items__right .wrapper-menu {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    transition: transform 330ms ease-out;
    margin-left: 15px;
}
.header-items__right .wrapper-menu.open {
    transform: rotate(-45deg);
}
.header-items__right .line-menu {
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    height: 3px;
}
.header-items__right .line-menu:hover {
    background-color: #26884f;
}
.header-items__right .line-menu.half {
    width: 50%;
}
.header-items__right .line-menu.start {
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: right;
}
.header-items__right .open .line-menu.start {
    transform: rotate(-90deg) translateX(2px);
    margin-left: -11px;
}
.header-items__right .line-menu.end {
    align-self: flex-end;
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: left;
}
.header-items__right .open .line-menu.end {
    transform: rotate(-90deg) translateX(-3px);
}

.hero {
    height: 100vh;
    overflow: hidden;
    background: #242424;
    position: relative;
}
.hero-img img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    opacity: 0.4;
}
.hero-title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    justify-content: flex-start;
    color: #fff;
    padding-left: 60px;
}
.hero-title__item .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 18px;
}
.hero-title__item .title h1 {
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.hero-title__item .title span {
    color: #fff;
    transition: opacity 0.5s ease;
    font-size: 40px;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.hero-title__item .title span:before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #26884f;
}
.hero-title__item p {
    font-size: 14px;
    line-height: 2;
    margin-top: 30px;
    max-width: 50%;
    opacity: 0.7;
}
.hero-title__item a {
    padding: 15px 33px;
    background: #26884f;
    border-radius: 12px;
    float: left;
    color: #fff;
    margin-top: 30px;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

/* Custom Code For 2nd Button on Mobile View */
.hero-title__item div.a-container{
    display: flex;
    gap: 30px;
}


.hero-title__item a.book-call {
    outline: none;
    display: none; !important
}

@media (max-width: 1200px){
    .hero-title__item a.book-call {
        --border: 3px;
        --pad-top-bot: 15px;
        --pad-left-right: 33px;
        padding: calc(var(--pad-top-bot) - var(--border)) calc(var(--pad-left-right) - var(--border));
        background: #fff;
        border-color: #26884f;
        border-radius: 12px;
        border: var(--border) solid;
        float: left;
        color: #26884f;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .hero-title__item a.book-call {
        margin-top: 20px;
        margin-left: 0px;
    }
    .hero-title__item div.a-container{
        flex-direction: column;
        gap: 0px;
        width: fit-content;
        text-align: center;
    }
}

.hero-ptrn {
    position: absolute;
    right: -210px;
    bottom: -80px;
    opacity: 0.2;
}
.hero-ptrn img {
    width: 1000px;
    height: 1000px;
}

#floorTooltip {
    position: absolute;
    padding: 10px 14px;
    background: #26884f;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.4;
    pointer-events: none;
    display: none;
    z-index: 9999;
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.2s ease;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}
#floorTooltip .number {
    display: flex;
    align-items: center;
    padding: 15px;
}
#floorTooltip .number .tooltip-floor {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-right: 30px;
    margin-right: 30px;
    font-size: 41px;
}
#floorTooltip .sizes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    padding-top: 15px;
}

#floorTooltip.show {
    display: flex;
    transform: scale(1);
    opacity: 1;
}

.st0 {
    fill: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: fill 0.3s;
}
._xlink path {
    fill: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: fill 0.3s;
}
._xtitle path {
    fill: rgba(1, 0, 0, 0);
    cursor: pointer;
    transition: fill 0.3s;
}

._xtitle.active path {
    fill: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: fill 0.3s;
}

._xtitle:hover path {
    fill: rgba(0, 0, 0, 0);
    cursor: not-allowed;
    transition: fill 0.3s;
}

._xtitle.active:hover path {
    fill: rgba(76, 175, 80, 0.3);
    cursor: pointer;
    transition: fill 0.3s;
}

._xlink:hover path {
    fill: rgba(76, 175, 80, 0.3);
    cursor: pointer;
    transition: fill 0.3s;
}

._xlink:hover .st0 {
    fill: rgba(76, 175, 80, 0.3);
    /* green highlight */
}

.live svg {
    width: 100%;
}

#smooth-wrapper {
    height: 100%;
    overflow: auto;
    /* ✅ Needed for native scrollbar */
    position: relative;
}

#smooth-content {
    will-change: transform;
}

.text {
    background: #f2f2f2;
    padding: 80px 0;
}
.text #scrollText {
    font-size: 24px;
    text-align: left;
    line-height: 2;
    color: #000;
}
.text #scrollText span {
    opacity: 0.5;
    transition: opacity 0.5s ease;
    display: inline-block;
}
.text-by {
    border-top: 1px solid #dedede;
    margin-top: 30px;
    padding-top: 30px;
}
.text-by span {
    font-size: 14px;
    color: #11301f;
}

.building-text {
    text-transform: uppercase;
    font-size: 244px;
    position: absolute;
    /* outline */
    -webkit-text-stroke: 1px #ececec;
    -webkit-text-fill-color: transparent;
    top: -50px;
    left: -30px;
    /* fallback */
    z-index: -1;
    color: #ececec;
    width: 1200px;
}

.section {
    padding-top: 80px;
}
.section-title {
    display: flex;
    flex-direction: column;
    position: relative;
    /*padding-top: 250px;*/
}
.section-title p {
    font-size: 14px;
    line-height: 2;
    color: #888;
}
.section-title a {
    border-radius: 12px;
    font-size: 13px;
    color: #11301f;
    display: flex;
    align-items: center;
    float: left;
    margin-top: 30px;
}
.section-title a span {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: #26884f;
    margin-right: 20px;
}
.section-title a span img {
    height: 30px;
}

.offers {
    position: relative;
    padding-top: 0;
}
.offers::before {
    content: "";
    width: 100%;
    height: 200px;
    background: #26884f;
    position: absolute;
    top: 0;
}
.offers figure {
    position: relative;
    z-index: 300;
}
.offers figure img {
    width: 100%;
}
.offers-text {
    position: relative;
    z-index: 300;
    padding-top: 280px;
    padding-left: 60px;
}
.offers-text h2 {
    font-size: 28px;
    color: #26884f;
    margin-bottom: 30px;
}
.offers-text p {
    font-size: 16px;
    color: #888;
    max-width: 80%;
    line-height: 2;
}
.offers-left {
    position: relative;
    z-index: 300;
    padding-right: 60px;
    padding-top: 140px;
    padding-left: 30px;
}
.offers-left h2 {
    font-size: 28px;
    color: #26884f;
    margin-bottom: 30px;
}
.offers-left p {
    font-size: 16px;
    color: #888;
    max-width: 80%;
    line-height: 2;
}
.offers-right {
    position: relative;
    z-index: 300;
    padding-left: 60px;
    padding-top: 140px;
}
.offers-right h2 {
    font-size: 28px;
    color: #26884f;
    margin-bottom: 30px;
}
.offers-right p {
    font-size: 16px;
    color: #888;
    max-width: 80%;
    line-height: 2;
}

.btn-main-black {
    border: 2px solid #26884f;
    display: flex;
    align-items: center;
    color: #26884f;
    padding: 15px 33px;
}
.btn-main-black svg {
    margin-left: 10px;
}

.btn-main {
    background: #26884f;
    padding: 15px 33px;
    border-radius: 12px;
    color: #fff;
    outline: none;
    border: none;
}

.just .section-title {
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.just .section-title__left {
    max-width: 60%;
}
.just .section-title h1 {
    font-size: 24px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .just .section-title {
        flex-direction: column;
        align-items: center;
    }
    .just .section-title .section-btn {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .building .row .col-md-4 {
        align-content: center;
    }
}

/*@media (max-width: 1200px) {*/
/*    .building .col-md-4,*/
/*    .building .col-md-8 {*/
/*        width: 100%;*/
/*    }*/
/*    .building .row {*/
/*        flex-direction: column-reverse;*/
/*    }*/
/*}*/

.footer {
    margin-top: 80px;
    margin-bottom: 15px;
}
.footer-top {
    border: 1px solid #f2f2f2;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 50px 80px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-top__left, .footer-top__right {
    width: 50%;
}
.footer-top__left h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.footer-top__left p {
    font-size: 14px;
    line-height: 1.5;
    color: #888;
}
.footer-top__right form {
    width: 500px;
    display: flex;
    float: right;
    height: 74px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    padding: 5px;
    position: relative;
}
.footer-top__right form input {
    border: none;
    outline: none;
    width: 100%;
    position: absolute;
    width: calc(100% - 150px);
    color: #26884f;
    font-size: 14px;
    padding-left: 30px;
}
.footer-top__right form button {
    position: absolute;
    right: 20px;
}
.footer-bottom {
    border: 1px solid #f2f2f2;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 50px 80px;
    background-color: #fff;
    border-top: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-bottom__socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
    margin-top: 80px;
}
.footer-bottom__socials .left {
    display: flex;
    align-items: center;
}
.footer-bottom__socials .left-by a {
    color: #26884f;
    text-transform: uppercase;
    margin-right: 30px;
}
.footer-bottom__socials .left-socials ul {
    display: flex;
    align-items: center;
}
.footer-bottom__socials .left-socials ul li {
    margin-right: 15px;
}
.footer-bottom__socials .left-socials ul li:last-child {
    margin-right: 0;
}
.footer-bottom__socials .left-socials ul li a {
    color: #000;
}
.footer-bottom__socials .left-socials ul li a:hover {
    color: #26884f;
}
.footer-bottom__socials .right ul {
    display: flex;
}
.footer-bottom__socials .right ul li {
    margin-right: 30px;
}
.footer-bottom__socials .right ul li:last-child {
    margin-right: 0;
}
.footer-bottom__socials .right ul a {
    color: #11301f;
    font-size: 14px;
}
.footer-bottom__socials .right ul a:hover {
    color: #26884f;
}
.footer-bottom__logo {
    display: flex;
    flex-direction: column;
    width: 400px;
}
.footer-bottom__logo img {
    height: 120px;
}
.footer-bottom__logo p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 30px;
    color: #888;
}
.footer-bottom__navs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 450px);
    padding-left: 100px;
    flex-wrap: wrap;
}
.footer-bottom__navs .block {
    display: flex;
    flex-direction: column;
    width: 25%;
}
.footer-bottom__navs .block h4 {
    font-size: 12px;
    margin-bottom: 30px;
    color: #11301f;
}
.footer-bottom__navs .block ul {
    display: flex;
    flex-direction: column;
}
.footer-bottom__navs .block ul li {
    font-size: 14px;
    margin-bottom: 15px;
}
.footer-bottom__navs .block ul li a {
    color: #11301f;
}
.footer-bottom__navs .block ul li a:hover {
    color: #26884f;
}
.footer-bottom__navs .block ul li:last-child {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .footer-top {
        flex-direction: column;
        padding: 30px;
    }
    .footer-top__left, .footer-top__right {
        width: 100%;
    }
    .footer-top__left h2 {
        font-size: 24px;
    }
    .footer-top__right form {
        width: 100%;
        height: 135px;
        flex-direction: column;
        margin-top: 30px;
    }
    .footer-top__right form input {
        width: 100%;
        height: 60px;
        background: none;
    }
    .footer-top__right form button {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 60px;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .footer-bottom {
        padding: 30px;
        flex-direction: column;
    }
    .footer-bottom__logo {
        width: 100%;
    }
    .footer-bottom__logo img {
        height: 30px;
    }
    .footer-bottom__navs {
        padding: 0;
        padding-top: 50px;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-bottom__navs .block {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-bottom__socials {
        margin-top: 20px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .footer-bottom__socials .right ul {
        flex-direction: column;
    }
    .footer-bottom__socials .right ul li {
        margin-bottom: 20px;
    }
}

.transition-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 13;
    visibility: hidden;
}

.transition-overlay .black-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 3;
    background: #f8f9fa;
    -webkit-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
}

.transition-overlay .green-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 2;
    background: red;
    -webkit-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
}

.transition-overlay.open {
    visibility: visible;
}

.transition-overlay.open .green-layer {
    left: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.transition-overlay.open .black-layer {
    left: 0;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.sandwich-btn {
    width: 40px;
    border-radius: 5px;
    height: 40px;
    float: right;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
}

.sandwich-btn span {
    display: block;
    height: 2px;
    width: 18px;
    background: #015077;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.sandwich-btn span:first-child {
    top: 15px;
}

.sandwich-btn span:nth-child(2) {
    top: 23px;
}

.sandwich-btn.open span:first-child {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.sandwich-btn.open span:nth-child(2) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.navigation-menu {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 350;
    visibility: hidden;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.navigation-menu .black-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 3;
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
}

.navigation-menu .green-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 2;
    background: #26884f;
    -webkit-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
}

.navigation-menu .inner {
    color: #fff;
    position: relative;
    z-index: 4;
    -webkit-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    transition: all 0.4s cubic-bezier(0.595, 0.03, 0, 0.88);
    -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.navigation-menu .inner ul {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 102px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.navigation-menu .inner ul li {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 35px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.navigation-menu .inner ul li a {
    font-size: 41px;
    color: #fff;
    position: relative;
}

.navigation-menu .inner ul li a:before {
    content: "";
    width: 0;
    height: 23px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #26884f;
    z-index: -1;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.navigation-menu .inner ul li a:hover {
    text-decoration: none;
}

.navigation-menu .inner ul li a:hover:before {
    width: 100%;
}

.navigation-menu .inner address {
    margin-top: 50px;
    font-size: 14px;
    font-family: Mregular;
    line-height: 25px;
}

.navigation-menu.open {
    visibility: visible;
}

.navigation-menu.open .green-layer {
    left: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.navigation-menu.open .black-layer {
    left: 0;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.navigation-menu.open .inner {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.svg-tooltip {
    position: absolute;
    background: #26884f;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 8px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 300;
}

.header-full {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    color: #11301f;
}
.header-full .header-items__left a {
    color: #11301f;
}
.header-full .header-items__left a span {
    border: 2px solid #26884f;
    color: #26884f;
}
.header-full .header-items__right ul li a {
    color: #888;
}
.header-full .header-items__right ul li a.active {
    color: #26884f;
}
.header-full .header-items__right .line-menu {
    background: #11301f;
}

.section-welcome {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.section-welcome h1 {
    font-size: 24px;
    color: #26884f;
    margin-bottom: 15px;
}
.section-welcome p {
    font-size: 16px;
    line-height: 2;
    max-width: 70%;
    color: #888;
}

.building.floor {
    position: relative;
    margin-bottom: 150px;
}
.building:after {
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    background: url("../img/pattern2.png") no-repeat;
    background-size: 100%;
    right: 0;
    z-index: -1;
    top: 30px;
    right: 0px;
}
.building-item {
    border-radius: 16px;
    padding: 50px;
    background: #fff;
    border: 1px solid #f2f2f2;
    position: relative;
}
.building-item__title {
    position: absolute;
    right: 50px;
    top: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.building-item__title h1 {
    font-size: 34px;
    color: #26884f;
    text-transform: uppercase;
}
.building-item__title span {
    color: #888;
    margin-top: 15px;
}
.building-item__title a {
    padding: 15px 30px;
    border-radius: 12px;
    color: #26884f;
    border: 2px solid #26884f;
    margin-top: 30px;
}
.building-item__floor {
    padding-right: 350px;
}
.building-item .building-small {
    width: 250px;
    height: 250px;
    background: #f2f2f2;
    border-radius: 32px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 50px;
    bottom: -100px;
}

.navigation-menu.open {
    z-index: 400;
}
.navigation-menu.open .green-layer {
    background: none;
}
.navigation-menu.open .black-layer {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16px);
}

.inner-infos {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inner-infos ul {
    border: none !important;
    padding-left: 40px !important;
}
.inner-infos ul li {
    margin-bottom: 30px !important;
    float: left;
}
.inner-infos ul li span {
    color: #c68484;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 15px;
    float: left;
}
.inner-infos ul li p a {
    font-size: 28px !important;
    line-height: 1.5;
}

.navigation-menu__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.flat-path {
    stroke: #333;
    stroke-width: 1;
    cursor: pointer;
}

.tooltip_flat,
.status-label {
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 300;
    pointer-events: none;
}

.status-label {
    background: #c68484;
    font-size: 11px;
    margin-top: 30px;
    transform: rotate(-45deg) !important;
}

.tooltip_flat {
    padding: 30px;
    background: #26884f;
    border-radius: 16px;
}
.tooltip_flat_title {
    display: flex;
    align-items: center;
}
.tooltip_flat_title h2 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.tooltip_flat_title h2:after {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    float: right;
    margin: 0 15px;
}
.tooltip_flat_title span {
    font-size: 14px;
    text-transform: uppercase;
}
.tooltip_flat_status {
    font-size: 13px;
    opacity: 0.8;
    margin-top: 10px;
}

.floor-filter {
    padding: 30px;
    background: #fff;
    border: 1px solid #f2f2f2;
    margin-bottom: 40px;
    border-radius: 16px;
}

.header .green {
    display: none;
}

.header-full .green {
    display: block;
}

.header-full .white {
    display: none;
}

.header-full .header-items__left a span svg g {
    fill: #26884f;
}

.building-item__lot {
    overflow: hidden;
    border-radius: 16px;
}



.news {
    position: relative;
}

.news .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 60px;
    padding-top: 80px;
}
.news .section-title_2 {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 60px;
}

.news .section-title h2:after {
    background: #fff;
}

.news-full {
    background: #26884f;
}

.news-list {
    min-height: 100vh;
    position: relative;
    overflow: hidden;

}
.n-main a {
    color:#363c38; ;
}

.news-list__pattern {
    position: absolute;
    opacity: 0.4!important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}



.news-list__title {
    padding: 0 60px;
}

.news-list__title .title-it {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 65px;
}

.news-list__title .title-it__title h2 {
    font-weight: 600;
    line-height: 45px;
    /* 112.5% */
    letter-spacing: 2.8px;
    margin-bottom: 20px;
    font-size: 24px;
}

.news-list__title .title-it__title span {
    color: #c68484;
    font-size: 14px;
}

.news-list__title .title-it a {
    width: 59px;
    height: 59px;
    border: 1px solid #363c38;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-list__title figure {
    height: 450px;
    border-radius: 15px;
    border-bottom: 10px solid #26884f;
    overflow: hidden;
}

.news-list__title figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n-big {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.n-big__img {
    width: 60%;
    float: left;
    height: 510px;
}

.n-big__img figure {
    height: 100%;
    border-radius: 15px;
    border-bottom: 10px solid #26884f;
    overflow: hidden;
}

.n-big__title {
    width: 40%;
    padding-left: 111px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.n-big__title h2 {
    font-weight: 600;
    line-height: 45px;
    /* 112.5% */
    letter-spacing: 2.8px;
    margin-bottom: 10px;
}

.n-big__title span {
    color: #363c38;
    font-size: 15px;
}

.n-big__title figcaption {
    margin-top: 92px;
    color: var(--Grey-100, #9b9797);
    font-size: 15px;
    line-height: 1.5;
}

.n-big__title a.read-full {
    padding: 10px 20px;
    border-radius: 35px;
    background: #363c38;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
}

.n-big__title a.read-full span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #26884f;
    margin-left: 10px;
}

.n-big__title a.read-full span path,
.n-big__title a.read-full span line {
    stroke: #363c38;
}

.n-main {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.n-main__img {
    width: 100%;
    float: left;
    height: 330px;
}

.n-main__img figure {
    height: 100%;
    border-radius: 16px;
    border-bottom: 5px solid #26884f;
    overflow: hidden;
}

.n-main__img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n-main__title {
    width: 100%;
    padding-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.n-main__title h2 {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.5;
}

.n-main__title span {
    color: #c68484;
    font-size: 13px;
}

.n-main__title figcaption {
    margin-top: 21px;
    color: var(--Grey-100, #9b9797);
    font-size: 13px;
    line-height: 1.5;
}

.text {
    padding: 50px 150px;
    background: none!important;
}

section.text {
    padding: 50px 0!important;
}

.text p {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 30px;
}

.text blockquote {
    opacity: 0.4;
    border-left: 10px solid #26884f;
    padding-left: 30px;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 30px;
}

.posts {
    border-top: 1px solid #9b9797;
    margin-top: 100px;
    padding-top: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}






.news .section-title h2 {
    color: #26884f;
    font-size: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 300;
}

.news .section-title h2:after {
    content: "";
    width: 16px;
    height: 17px;
    background: #26884f!important;
    float: left;
    margin-left: 17px;
    margin-bottom: 10px;
    border-radius: 8px;
}


.flats-ul ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flats-ul ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flats-ul ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #888;
    font-size: 13px;
}

.flats-ul ul li a span {
    width: 25px;
    height: 25px;
    background: #26884f;
    border-radius: 50%;
    float: right;
    margin: 0 13px;
    border: 1px solid #363c38;
}

.flats-ul ul li a span svg path,
.flats-ul ul li a span svg line {
    stroke: #fff;
}

.flats-ul ul li a:hover {
    color: #363c38;
    font-weight: bolder;
    transition: 0.3s all ease-in;
}

.flats-ul ul li:last-child a {
    color: #242424;
    font-weight: bold;
}
.flats-ul ul li:last-child a span {
    display: none;
}


.contact {
    position: relative;
width: 100%
float:left;
}

.contact:before {
    content: "";
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    background: #f2f2f2;
    z-index: -1;
}

.contact-title {
    padding-right: 100px
}

.contact-title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 5px;
    font-size: 14px;
    text-transform: uppercase;
    color: #242424;
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
}

.contact-title span:before {
    content: "";
    width: 53px;
    height: 2px;
    background: #242424;
    float: left;
    margin-right: 30px
}

.contact-title h1 {
    margin-top: 30px;
    font-size: 32px;
    line-height: 130%;
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
    color:  #26884f;
}

.contact-title p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 180%;
    margin-top: 30px;
    color: #888;
    max-width: 80%;
}

.contact form {
    padding-left: 50px;
    padding-right: 60px;
    height: calc(100vh - 102px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact form .form-group {
    margin-bottom: 40px
}

.contact form .form-group input {
    color: #28272c;
    height: 46px;
    border: none;
    line-height: 46px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding:0 20px;
    background: #fff;
    width: 100%;
}

.contact form .form-group textarea {
    height: 110px;
    color: #28272c;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding:0 20px;
    background: #fff;
    width: 100%;
    line-height: 1.5;
    padding-top: 20px;
}

.contact form button {
    background: #26884f;
    color: #fff;
    cursor: pointer;
    padding: 15px 30px;
    border-radius: 8px;
    border: none;
    outline: none;
    font-family: "NotoSansGeorgian-Bold", serif;
}


.contact2 form .form-group {
    margin-bottom: 15px
}

.contact2 form .form-group input {
    color: #28272c;
    height: 46px;
    border: none;
    line-height: 46px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding:0 20px;
    background: #fff;
    width: 100%;
}

.contact2 form .form-group textarea {
    height: 110px;
    color: #28272c;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding:0 20px;
    background: #fff;
    width: 100%;
    line-height: 1.5;
    padding-top: 20px;
}

.contact2 form button {
    background: #26884f;
    color: #fff;
    cursor: pointer;
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 14px;
    border: none;
    outline: none;
    font-family: "NotoSansGeorgian-Bold", serif;
}

.about-header {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 80px;
}

.about-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 50px;
    padding-top: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-header__title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 5px;
    font-size: 14px;
    text-transform: uppercase;
    color: #242424;
    opacity: .7;
    font-family: "NotoSansGeorgian-Bold", serif;
}

.about-header__title span:before {
    content: "";
    width: 53px;
    height: 2px;
    background: #242424;
    float: left;
    margin-right: 30px
}

.about-header__title h1 {
    margin-top: 30px;
    font-size: 32px;
    line-height: 130%;
    color: #26884f;
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
}

.about-header__title h1 strong {
    color: #26884f
}

.about-header__title p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 160%;
    margin-top: 30px;
    color: #888;
}

.about-header__title a {
    float: left;
    background: #26884f;
    color: #fff;
    max-width: 192px;
    font-size: 16px;
    margin-top: 30px
}

.about-header__img {
    width: 100%;
    height: calc(100vh - 162px)
}

.about-header__img figure {
    height: 100%;
    border-radius: 20px;
    overflow: hidden
}

.about-header__img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-radio-group {
    display: flex;
    gap: 10px;
}

.custom-radio-label {
    display: inline-block;
    padding: 15px 30px;
    border: 2px solid #f2f2f2;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    font-family: "NotoSansGeorgian-Bold", serif;
}

.custom-radio-label:hover {
    background-color: #f2f2f2;
}

.custom-radio-label.active {
    background-color: #c68484;
    color: white;
    border-color: #c68484;
}

.custom-radio-input {
    display: none;
}

.topics {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.topics-title h2 {
    color:#c68484;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
}

.cts {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.cts-item {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.cts-item span {
    font-size: 11px;
    letter-spacing: 0;
    color: #c68484;
}

.cts-item span:before {
    display: none;
}

.cts-item  p {
    margin-top: 5px;
}

.cts-item span svg {
    margin-right: 10px;
}

.error {
    margin-top: 15px;
    font-size: 10px;
    font-family: "NotoSansGeorgian-Bold", serif;
    color:#c68484;
    float: left;
    border-color: #c68484 !important;
}

.about-text__img {
    height: 800px;
    margin-top: 80px;
}

.about-text__img figure {
    height: 100%;
}

.about-text__img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-text figcaption {
    margin-top: 80px;
}

.about-text figcaption p {
    margin-bottom: 30px;
    line-height: 1.5;
    font-size: 16px;
    color: #888;
}



.full-project h2 a {
    color: #26884f
}

.full-project h2::after {
    display: none
}





.full-project ul li a {
    color: #a1a1a1
}

.full-project p {
    max-width: 100%;
    font-size: 15px;
    line-height: 2
}

.history-grids {
    width: 100%;
    float: left;
    margin-top: 40px;
    background: #f2f2f2;
    border-radius: 12px;
    padding:50px;
}

.history-grids .grid {
    width: 33%!important;
    float: left;
    padding: 0 0 0 35px;
    position: relative;
    margin-bottom: 30px
}
.history-grids .grid:last-child {
    margin-bottom: 0;
}
.history-grids .grid:before {
    content: "";
    background-color: #26884f;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.history-grids .grid:after {
    content: "";
    background-color: #f2f2f2;
    width: 13px;
    height: 13px;
    border: 3px solid #26884f;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 25px
}

.history-grids .grid:nth-child(odd) {
    width: 100%
}

.history-grids .date {
    font-size: 14px;
    font-weight: 500;
    color: #26884f
}

.project-details-title {
    margin-bottom: 20px
}

.project-details-title h2 {
    margin-top: 0;
    margin-bottom: 0
}

.history-grids .grid span {
    font-family: "NotoSansGeorgian-Bold", serif;
    font-size: 12px;
}

.history-grids .grid h3 {
    font-size: 18px;
    margin: .5em 0 10px;
    position: relative;
    text-transform: uppercase;
    color: #242424;
    margin-top: 12px;
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
}

.history-grids .grid h3:before {
    content: "";
    background-color: #26884f;
    width: 20px;
    height: 1px;
    position: absolute;
    left: -35px;
    top: 7px
}

.projects .full-project {
    padding-top: 100px
}

.projects .full-project h2 {
    text-transform: uppercase;
    color: #26884f;
    font-family: "NotoSansGeorgian-Bold", serif;
    font-size: 24px;
    margin-bottom: 20px;
}


.downDesc {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}



.projects .full-project a.pdf {
    float: left;
    border: 2px solid #26884f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px;
    border-radius: 10px;
    color:#26884f;
    font-family: "NotoSansGeorgian-Bold", serif;
}
.downDesc a.call-request {
    float: left;
    border: 2px solid #c68484;
    background: #c68484;
    display: -webkit-box;
    display: -ms-flexbox;
    min-height: 57px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px;
    border-radius: 10px;
    color:#fff;
    font-family: "NotoSansGeorgian-Bold", serif;
}

.downDesc a.call-request svg {
    margin-right: 15px;
}
.projects .full-project a.pdf svg {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    float: left
}

.projects .full-project a.pdf svg g path {
    fill: #26884f!important
}

.our figure {
    height: 100%
}


.fullp {
    width: 100%;
    float: left;
    border: 1px solid #f2f2f2;
    border-radius: 16px;
    background: #fff;
    padding:50px;
    padding-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 10px 15px 30px rgba(1,0,0,.1);
    min-height: 550px;
}

.projects-images {
    position: relative;
}
.radar {
    position: absolute;
    top: 30px;
    left:30px;
}

.fullp img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}

.tab-buttons {
    position: absolute;
    right: 30px;
    top: -22px;
    display: flex;
    align-items: center;
}

.tab-buttons button {
    border: none;
    outline: none;
    background: #f2f2f2;
    border-radius: 12px;
    padding:15px 20px;
    margin-left: 15px;
    text-transform: uppercase;
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.tab-buttons button.active {
    background: #26884f;
    color: #fff;
}

.projects .full-project {
    padding-left: 60px;
    padding-top: 0px;
}

.full-project .flats-ul ul li a span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border: 1px solid #ececec;
}

.full-project .flats-ul ul li a span svg path, .flats-ul ul li a span svg line {
    stroke: #888;
}

.history-grids .grid h3 sub {
    font-size: 11px;
}


.cta .cta-content {
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 12rem 0;
    position: relative;
    border-radius: 20px;
    overflow: hidden;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta .cta-content:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(1,0,0,.3);
    left: 0;
    top: 0
}

.cta p {
    max-width: 800px;
    display: inline-block
}

.cta a,.cta h2,.cta p {
    position: relative;
    z-index: 300
}

.cta h2 {
    font-size: 34px;
    color: #fff
}

.cta p {
    color: #fff;
    line-height: 2;
    margin-top: 30px
}

.cta .btn-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 300
}

.cta a {
    margin-top: 25px
}



.btn-circle {
    position: relative;
    font-size: 18px;
    padding: 15px 40px;
    padding-left: 35px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-circle:before {
    content: "";
    width: 48px;
    height: 48px;
    background: #26884f;
    z-index: -1;
    left: 0;
    position: absolute;
    top: 0;
    border-radius: 50%;
    -webkit-transition: .3s all ease-in;
    -o-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.btn-circle:hover {
    color: #fff
}

.btn-circle:hover:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.flats-items__item {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #f2f2f2;
    background: #fff;
    border-radius: 16px;
    box-shadow: 10px 15px 30px rgba(1,0,0,.1);
    margin-top: 30px;
    padding:30px;
    margin-right: 30px;
}

.flats-items__item:nth-child(4n) {
    margin-right: 0;
}


.flats-items__item figure {
    width: 300px;
    height: 200px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    border-radius: 16px;
}

.flats-items__item figure  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.desc-flat  {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.projects-inside , .projects-page {
    display: none;
}

/*#svg-container {*/
/*    position: relative;*/
/*}*/

.radar {
    display: none;
}

.flat path {
    transition: fill 0.3s ease, fill-opacity 0.3s ease;
}

.modal-title {
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
    font-size: 18px;
}

.mobile-langs {
    display: none;
}

@media(max-width: 768px) {

}

@media(max-width: 1200px) {
    .building-flat {
        margin-top: 0px;
    }
    .section {
        padding-top: 0px;
    }
    .header-items__left a {
        display: none;
    }
    .header-items__right a.book-call , .langs {
        display: none!important;
    }
    .hero-title {
        padding-left: 30px;
    }
    .header-items__left a.call {
        display: none;
    }
    .hero-ptrn {
        display: none;
    }
    .hero-title__item p {
        max-width: 96%;
    }

    .hero-title__item .title span {
        font-size: 21px;
    }
    .hero-title__item .title h1 {
        font-size: 14px;
    }


    .text #scrollText {
        font-size: 16px;
    }

    .building-text {
        display: none;
    }
    .building .section-title {
        padding-top: 40px;
    }
    .building .col-md-4,
    .building .col-md-8 {
        width: 100%;
    }

    .building .row {
        flex-direction: column-reverse;
    }

    .just .section-title__left {
        max-width: 100%
    }

    .footer-top__right form {
        height: 116px;
    }

    .footer-bottom__logo a {
        display: flex;
        justify-content: center;
    }

    .footer-bottom__logo a img {
        height: 110px;
    }

    .building-small {
        display: none!important;
    }
    .building-item {
        padding:50px 0;
        background: none;
        border: none;
        padding-top: 0;
    }
    .building-item__floor {
        padding-right: 0;
    }

    .floor .row {
        flex-direction: column;
    }

    .section-welcome h1 {
        font-size: 18px;
    }

    .building-item__title {
        top: 200px;
        right: 0;
    }

    .status-label {
        display: none;
    }
    .fullp img {
        width: 80%;
        height: 80%;
    }
    .fullp {
        min-height: 350px;
    }

    .projects .full-project {
        padding-left: 15px;
    }

    .downDesc {
        flex-direction: column;
    }

    .downDesc a.call-request {
        width: 100%;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }

    .projects .full-project a.pdf {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .cta .cta-content {
        padding: 10rem 2rem;
    }
    .cta h2 {
        text-align: center;
        font-size: 24px;
        line-height: 2;
    }
    .history-grids {
        padding: 20px;
    }

    .about-header .row {
        flex-direction: column-reverse;
    }
    .about-text__img {
        height: auto;
        margin-top: 40px;
    }
    .about-header__img {
        height: auto;
    }

    .news .section-title {
        padding-left: 0;
    }

    .news .section-title h2 {
        font-size: 34px;
    }

    .news .section-title h2:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #26884f !important;
        float: left;
        margin-left: 7px;
        margin-bottom: 4px;
        border-radius: 8px;
    }

    .flats-ul ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-list__title {
        padding:0;
    }

    .news-list__title .title-it a {
        display: none;
    }

    .text {
        padding: 30px 0;
    }

    .contact:before {
        display: none;
    }

    .contact-title {
        padding-right: 0;
    }
    .contact form {
        height: auto;
        padding: 0;
    }

    .mobile-langs {
        display: flex;
        position: absolute;
        left:15px;
    }


    .mobile-langs a {
        color: #fff;
        font-family: "NotoSansGeorgian-ExtraBold", serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        -webkit-font-feature-settings: "case" on;
        font-feature-settings: "case" on;
        margin-right: 5px;
    }

    .header-full .mobile-langs a {
        color: #242424;
    }

    .mobile-langs a.active {
        color: #c68484;
    }

    .navigation-menu .inner ul li a {
        font-size: 28px;
    }
}


.modal-backdrop {
    background: rgba(1, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    opacity: 1 !important;
}

.title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    width: 60%;

}

.left-side {
    display: flex;
    align-items: center;
    width: 70%;
}


.title h2 {
    font-family: "NotoSansGeorgian-ExtraBold", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    -webkit-font-feature-settings: "case" on;
    font-feature-settings: "case" on;
    font-size: 21px;
    margin-bottom: 15px;
    color: #26884f;;
}

.title span {
    font-family: "NotoSansGeorgian-Bold", serif;
    font-size: 14px;
    letter-spacing: 1px;
    color: #c68484;
    margin-bottom: 30px;
}

.hero-title__item .title {
    padding: 0;
    width: 100%;
}

.section-title h3 {
    font-size: 16px;
    font-family: "NotoSansGeorgian-Bold", serif;
    color: #26884f;
    margin-bottom: 20px;
}

.building-flat {
    margin-top: 80px;
}

@media(max-width: 1024px) {
    .full-project {
        padding-top: 40px!important;
    }
    .history-grids .grid {
        width: 50% !important;
    }

    .building-flat {
        margin-top: 0px;
    }

    .flats-ul ul li:last-child a {
        margin-top: 15px;
    }
    .navigation-menu .inner ul {
        border: none;
    }

    .inner-infos {
        display: none;
    }
    .section-welcome {
        padding-top: 40px;
    }
    .just .section-title h1 {
        font-size: 21px;
        line-height: 1.5;
    }
    .section-welcome p {
        max-width: 100%;
    }
.building-item__title {
    display: none;
}
    .building.floor {
        margin-bottom: 0;
    }
    .floor .section-welcome p {
        display: none;
    }
    .section-welcome h1 {
        font-size: 21px;
        line-height: 1.5;
    }
    .about-header__title h1 {
        font-size: 24px;
    }

    .about-header__title {
        padding-right: 0;
    }

    .contact {
        width: 100%;
        float: left;
        overflow: hidden;
        padding-top: 80px;
    }

    .topics {
        margin-top: 40px;
    }
    .custom-radio-group {
        flex-direction: column;
    }

    .map2 {
        margin-top: 40px;
        float: left;
        width: 100%;
    }

    .header-items__center img {
        height: 70px;
    }
    .hero-title__item p {
        margin-top: 0;
    }
}