/*PC 10.333*/

body{
    --green: #b2dbbf;
    --yellow: #FFE866;
    --darkorange: #FFD166;
    --blue: #6AA4D8;
    --gray: rgb(50, 50, 50);
    --orange: #FF9166;
    --brandcolor: #1B6BB2;
    --lite-blue: #A6CFF2;
    --white: #FFFFFF;
    --lite-gray: #F7F7F7;
    --black500: #363636;
    --firm: #1A6BB2;
    --yellow2: #FFD466;
    --orange2: #FFB699;
    --light500: #E9EDEE;
    --light100: #E2E7E9;
    --light100rgb: 226, 231, 233;
    --birch: #79E0EC;
    --firm100: #D3E7F8;
    --firm200: #A6CFF2;
    --firm300: #7AB6EB;
    --firm700: #145085;
    --border-size-2: solid 0.194rem;
}
button{
    font-family: Montserrat;
}
@font-face {
    font-family: 'Nerko';
    src: url('fonts/NerkoOne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.woff2') format('woff2'),
    url('fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-Thin */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.woff2') format('woff2'),
    url('fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-SemiBold */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-Bold */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
    url('fonts/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-ExtraBold */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
    url('fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-ExtraLight */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLight.woff2') format('woff2'),
    url('fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-Light */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.woff2') format('woff2'),
    url('fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-Medium */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
    url('fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Montserrat-Regular */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
    url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body::-webkit-scrollbar {
    height: 0;
    width: 0;
}
body::-webkit-scrollbar-track {
    background-color: transparent;
    opacity: 0.48;
}
body::-webkit-scrollbar-thumb {
    background-color: transparent;

    /* Если нужно - добавьте :hover и:active */
}
body::-webkit-scrollbar-thumb:vertical {
    max-height: 0;
}
body::-webkit-scrollbar-thumb:horizontal {
    min-width:0;
}

*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:var(--gray);
    font-weight: 400;
    margin:0;
    padding:0;
    list-style-type: none;
    text-decoration: none;
}

html{
    overflow-x: hidden;
}
input{
    border: none;
    background: transparent;
    resize: none;
}

input:focus{
    background: transparent;
    outline:none;
    border:none;
    box-shadow: none;
}

input::placeholder{
    color: var(--gray);
    font-family: Montserrat, Roboto, serif;
    font-weight: normal;
    font-size: 1.258rem  /* 13.0003/10.333 */;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.left {
    float:left;
}

.right {
    float:right;
}
.clear{
    clear:both;
}
.border-rad{
    border-radius: 0.968rem;
}

.flex{
    display: flex;
}

.flex-x-center{
    justify-content: center;
}
.flex-y-center{
    align-items: center;
}


.flex-xy-center{
    align-items: center;
    justify-content: center;
}

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

*{
    color:var(--gray);
    font-weight: 400;
    font-size: 1.935rem;
    margin:0;
    padding:0;
    list-style-type: none;
    text-decoration: none;
}

html, body {
    background-color:#FFFFFF;
    font-family: Montserrat;
    font-weight:400;
    font-size: 0.54vw;
    scroll-behavior: smooth;
}

a, :after, :before, button[type="submit"], input[type="submit"], svg{
    transition: all 0.5s ease;
    /**
     * Для эксплорера
     */
    -ms-user-select: none;

    /**
     * Для мозилы
     */
    -moz-user-select: none;

    /**
     * Для Сафари и Хрома
     */
    -webkit-user-select: none;
    user-select:none;
}
.clear{
    clear:both;
}
.border-rad{
    border-radius: 1.936rem;
}
.wrapper{
    width: 100%;
    overflow: hidden;
}
h1{
    font-size: 4.645rem;
    font-weight: 500;
}
header{
    width: calc(100% - (5.806rem * 2));
    height: 15.484rem;
    padding: 0 5.806rem;
}
.bold{
    font-weight: 600;
}
.header-menu{
    width: 100%;
}
.logo-header{
    height: 11.903rem;
    margin-right: 5.806rem;
    margin-top:-0.7rem;
}
.header-menu-text{
    gap: 2.903rem;
    padding-left: 0;
    white-space: nowrap;
}
.logo-header-block{
    width: 14.903rem;
}
.header-menu-text span{
    font-size: 1.935rem;
    transition: color 0.25s ease;
}
.header-menu-text span:hover{
    color: var(--brandcolor );
}
.circle-button-blue{
    width: 7.742rem;
    height: 7.742rem;
    background-color: var(--brandcolor);
    border-radius: 50%;
    cursor: pointer;
}
.circle-button-blue:hover .circle-button-white{
    transform: scale(1.06);
}
.circle-button-white{
    width: 4.452rem;
    height: 4.452rem;
    background-color: var(--white);
    border-radius: 50%;
    transition: transform 0.3s ease;
}
.circle-button-white svg{
    width: 2.129rem;
    height: 2.3226rem;
}
.header-button-menu{
    width: 100%;
    gap: 2.903rem;
    margin-right: -7.6rem;
    justify-content: flex-end;
}
.contacts-menu{
    width: 46.516rem;
    height: 9.677rem;
    border-radius: 5.806rem 0 0 5.806rem;
    background-color: var(--gray);
}
.header-number{
    padding: 0.871rem 2.903rem ;
    background-color: var(--white);
    border-radius: 5.806rem;
    margin-right: 2.203rem;
    position: relative;
    overflow: hidden;
}
.header-number .gradient-hidden{
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent -10% , #fff 100%);
    z-index: 1;
    position: absolute;
}
.header-number a{
    font-size: 2.323rem;
    font-weight: 700;
}
.green-circle{
    width: 4.548rem;
    height: 4.548rem;
    background-color: #82e3ae;
    border-radius: 50%;
    margin-right: 1.452rem;
}
.green-circle svg{
    width: 4.548rem;
    height: 4.548rem;
    transition: transform 0.25s ease;
    cursor: pointer;
}
.green-circle svg:hover{
    transform: scale(0.8);
}
.blue-circle{
    width: 4.548rem;
    height: 4.548rem;
    background-color: var(--brandcolor);
    border-radius: 50%;
    margin-right: 0.387rem;
    transition: transform 0.25s ease;
    cursor: pointer;
}
.blue-circle svg:hover{
    transform: scale(0.8);
}

.blue-circle svg{
    width: 3rem;
    height: 3rem;
}

.wrapper-content{
    width: 100%;
    min-height: calc(100vh - 41rem);
    overflow: hidden;
    position: relative;
    transition: margin-left 0.5s ease, opacity 0.5s ease;
}

.wrapper-content.home .lead-magnit{
    z-index: 6;
}
.wrapper-content.home .yellow_projects_svg{
    z-index: 0;
}

.slide-enter-active,
.slide-leave-active {
    transition: margin-left 0.5s ease, opacity 0.5s ease;
}

.slide-enter {
    margin-left: 20rem;
    opacity:1;
}

.slide-leave-to {
    margin-left: -20rem;
    opacity:0;
}
.new-places .orange-title-under-text{
    top:20.66rem;
}
.orange-title-under-text{
    width: 77.674rem;
    height: 3.558rem;
    background-color: var(--orange);
    border-radius: 0 5.806rem 5.806rem 0;
    position: absolute;
    top: 10.555rem;
    left: -0.268rem;
    z-index: 1;
}
.accent-title-box{
    width: 100%;
    margin-left: 5.806rem;
}
.accent-title{
    width: 77.968rem;
    font-size: 6.194rem;
    font-weight: 500;
    text-transform: capitalize;
    position: absolute;
    z-index: 2;
}
.new-places.active .np-green-line{
    stroke-dasharray: 1600,2000;
    opacity: 1;
}
.np-green-line{
    width: 75.548rem;
    height: 97.58rem;
    position: absolute;
    z-index: 4;
    left: 50rem;
    top: -22.7rem;
    stroke-dasharray: 00,2000;
    opacity: 0;
    pointer-events: none;
    transition: stroke-dasharray 4s cubic-bezier(0.65, 0.44, 0.35, 0.57) 0.25s,opacity 0.5s ease 0.25s;
}

.np-blue-line{
    width: 77.613rem;
    height: 238.66rem;
    position: absolute;
    z-index: 2;
    right: -1rem;
    top: -58rem;
    pointer-events: none;
}


.new-places.active .np-container-img-1{
    left: 11.613rem;
}
.np-container-img-1{
    width: 109.161rem;
    height: 66.387rem;
    border-radius: 8.71rem;
    overflow: hidden;
    position: absolute;
    top: 26.097rem;
    left: -5.806rem;
    z-index: 1;
    transition: left 2s ease 0.25s;
}
.np-container-img-1 img{
    width: 100%;
    height: auto;
}
.new-places.active .np-container-img-2{
    right: 9.806rem;
}
.np-container-img-2{
    width: 67.839rem;
    height: 79.935rem;
    border-radius: 8.71rem;
    overflow: hidden;
    position: absolute;
    right: 0rem;
    z-index: 5;
    transition: right 2s ease 0.25s;
}
.new-places{
    width: 100%;
    height: 105rem;
    position: relative;
}
.np-container-img-2 img{
    width: auto;
    height: 100%;
    margin-left:-17rem;
}
.geo-info{
    padding: 1.065rem 2.226rem 1.065rem 1.452rem;
    background-color: var(--gray);
    border-radius: 5.806rem;
    position: absolute;
    top: 5.806rem;
    left: 5.806rem;
    cursor: pointer;
}
.yellow_projects_svg{
    width: 185.806rem;
    height: 29.032rem;
    position: absolute;
    top: -14.4rem;
    left: 0;
}
.geo-info svg{
    width: 4.355rem;
    height: 4.355rem;
    transition: transform 0.5s ease;
}
.geo-info .circle-white{
    width: 4.355rem;
    height: 4.355rem;
    background: var(--white);
    border-radius: 100%;
}

.geo-info:hover svg{
    transform:scale(1.28) translate(0,-0.6rem);
}
.management-container-img.first .geo-info{
    transform: scale(0.86);
    top: 3.806rem;
    left: 2.806rem;
}
.management-container-img.first .geo-info:hover{
    transform: scale(0.98);
}
.geo-info:hover{
    transform:scale(1.04) translate(0,0);
}
.geo-info span{
    font-size: 2.323rem;
    font-weight: 600;
    color: var(--white);
    margin-left: 2.903rem;
    transition: transform 0.25s ease;
}
.np-desc-text{
    width: 100%;
}
.how-work .green_svg_work{
    stroke-dasharray:0,1500;
    opacity: 0;
    transition: stroke-dasharray 3s ease 0.25s, opacity 1s ease 0.25s ;

    pointer-events: none;
}
.main-reinvest .how-work.active .green_svg_work,
.main-invest .how-work.active .green_svg_work,
.main-manage .how-work.active .green_svg_work{
    display:none;
}
.cost-services.management .green-path{
    top:-19.661rem;
}

.how-work.active .green_svg_work{
    stroke-dasharray:2264,1500;
    opacity:1;
}
.np-text {
    font-size: 3.097rem;
    width: 60.194rem;
    position: absolute;
    right: 3rem;
    top: 82.226rem;
    z-index: 2;
}
.green-title-under-text{
    width: 64.606rem;
    height: 2.323rem;
    background-color: var(--green);
    border-radius: 5.806rem 0 0 5.806rem;
    position: absolute;
    right: 0;
    top: 87.132rem;
    z-index: 1;
}
.our-services{
    width: 100%;
    margin-top: 3.677rem;
    overflow-x:auto;
    cursor:grab;
}
.our-services-blue-arrow{
    display: none;
}

.orange-line-manage,
.orange-line-reinvest,
.orange-line-invest{
    width: 83.806rem;
    height: 2.903rem;
    position: absolute;
    z-index: 1;
    top:17.9rem;
    left:-22rem;
    background:var(--orange);
    border-radius: 2.903rem
}
.orange-line-reinvest{
    width: 96.306rem;
    height: 2.603rem;
    top:11.9rem;
}

.orange-line-manage{
    width: 79.306rem;
    height: 2.403rem;
    top:19.76rem;
}
.green_svg_work{
    width: 185.806rem;
    height: 43.258rem;
    position: absolute;
    top: -18.5rem;
    left:0;
}
.services-cards::-webkit-scrollbar{
    display:none;
}
.services-cards .service-card:last-child{
    opacity: 0;
    margin-left:6rem;
}
.services-cards .service-card:first-child{
    margin-left:14rem;
}
.services-cards{
    width: 100%;
    height: calc(64rem + 5.806rem);
    gap: 2.903rem;
    cursor:grab;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

}
.service-card{
    width: 47.323rem;
    height: 63.387rem;
    margin-top:5.806rem;
    background-color: var(--lite-gray);
    border-radius: 8.516rem;
    transition: transform 0.25s ease;
    cursor: pointer;
}
.service-card:hover{
    transform: scale(1.05);
}
.img-service-container{
    width: 47.323rem;
    height: 28.452rem;
    border-radius: 8.516rem;
    overflow: hidden;
    position: relative;
}
.img-service-container img {
    width: 100%;
    height: auto;
    transition: transform 0.8s ease;
    position: absolute;

    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.service-card:hover .img-service-container img {
    transform: scale(1.1);
}
.packet {
    padding: 1.452rem 2.903rem;
    background-color: var(--white);
    font-size: 2.323rem;
    font-weight: 500;
    margin-top: -18rem;
    position: relative;
    border-radius: 8.613rem;
    opacity: 0;
    transform: translateY(-1.935rem);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.service-card:hover .packet {
    opacity: 1;
    transform: translateY(0);
}
.service-card span{
    width: 35.613rem;
    height: 14.516rem;
    margin-top: 2.903rem;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.service-card button:hover{
    background-color: #414349;
}
.service-card button{
    font-size: 2.903rem;
    font-weight: 500;
    color: var(--white);
    padding: 1.452rem 5.806rem;
    border: none;
    border-radius: 8.613rem;
    background-color: var(--gray);
    transition: background-color 0.25s ease;
    margin-top: 5.806rem;
    cursor: pointer;
}
.our-projects-container-img.first img{
    width:100%;
    height:100%;
}
.how-work{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 4.677rem;
}
.how-work h1 {
    width: 100%;
    position: relative;
    z-index: 2;
}
.how-work-cards{
    width: calc(100% - (18.968rem * 2));
    padding: 0 18.968rem;
    margin-top: 3.677rem;
    position: relative;
    z-index: 6;
    gap: 2.903rem;
}
.hw-green-line{
    width: 206.903rem;
    height: 41.806rem;
    position: absolute;
    z-index: 1;
    top: -20rem;
    left: -16rem;
    pointer-events: none;
}
.work-card{
    padding: 5.806rem;
    border-radius: 8.71rem;
    background-color: var(--white);
}
.hw-head{
    width: 63.065rem;
    font-size: 3.871rem;
    font-weight: 500;
}
.hw-desc{
    width: 135.484rem;
    margin-top: 2.903rem;
    font-size: 3.097rem;
}
.hw-desc ul{
    margin-left:5rem;
}
.hw-desc ul,
.hw-desc li,
.hw-desc span{
    position: relative;
    width: 100%;
    display: inline-block;
    font-size: inherit;
}

.hw-desc ul,
.hw-desc li{
    list-style: disc;
    display: list-item;
}




.hw-desc span:before{
    content: "";
    width: 0.30rem;
    height: 0.30rem;
    border-radius: 100%;
    left: -1.871rem;
    top: 1.774rem;
    position: absolute;
    background-color: #000;
}
.work-card.blue{
    border: solid 0.677rem #6AA4D8;
    transition: border 0.25s ease;
}
.work-card.lite-blue{
    border: solid 0.677rem #A6CFF2;
    transition: border 0.25s ease;
}
.work-card.green{
    border: solid 0.677rem #B2DBBF;
    transition: border 0.25s ease;
}
.work-card.yellow{
    border: solid 0.677rem #FFE866;
    transition: border 0.25s ease;
}
.work-card.orange{
    border: solid 0.677rem #FF9166;
    transition: border 0.25s ease;
}
.work-card.dark-yellow{
    border: solid 0.677rem #FFD166;
    transition: border 0.25s ease;
}
.work-card.blue:hover,
.work-card.lite-blue:hover,
.work-card.green:hover,
.work-card.yellow:hover,
.work-card.dark-yellow:hover,
.work-card.orange:hover{
    border: solid 0.677rem var(--brandcolor);
}
.hw-yellow-line{
    width: 190.258rem;
    position: absolute;
    bottom: -36rem;
    left: -5rem;
    z-index: 1;
    top: 71rem;
}
.projects-imgs {
    width: 100%;
    height: 108rem;
    position: relative;
    z-index: 5;
    margin-top: 5.806rem;
}
.projects-imgs h1{
    width: 100%;
}
.photos-project {
    width: 100%;
    margin-top: 5.503rem;
    gap: 2.903rem;
}

.project-line:hover {
    animation-play-state: paused;
}
.project-line {
    display: flex;
    width: 200%; /* Удвоенная ширина для создания эффекта бесконечной ленты */
    gap: 2.903rem;
    animation-duration: 30s; /* Длительность анимации */
    animation-timing-function: linear;
    animation-iteration-count: infinite; /* Бесконечная анимация */
}

/* Анимация для верхнего и нижнего рядов (движение влево) */
.top-row, .bottom-row {
    animation-name: slideLeft;
}

/* Анимация для среднего ряда (движение вправо) */
.middle-row {
    animation-name: slideRight;
}

@keyframes slideLeft {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%); /* Сдвигаем влево на половину ширины */
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-50%); /* Начинаем сдвиг вправо */
    }
    100% {
        transform: translateX(0%);
    }
}

.project-container-img:hover{
    transform: scale(1.1);
    filter: drop-shadow(0rem 0rem 0.884rem rgba(0, 0, 0, 0.5));
}
.project-container-img {
    width: 42.097rem;
    height: 30.1rem;
    border-radius: 5.129rem;
    overflow: hidden;
    flex-shrink: 0; /* Запрещаем сжатие элементов */
    transition: transform 0.5s ease;
}

.project-container-img img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Чтобы изображения заполняли контейнер */
}
.project-line:nth-child(2n){
    margin-left: -15rem;
}
.photos-project{
    width: 100%;
    margin-top: 5.806rem;
    gap: 2.903rem;
}
.project-container-img{
    width: 42.097rem;
    height: 30.1rem;
    border-radius: 5.129rem;
    overflow: hidden;
}
.project-container-img img{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
}

.pp-orange-line{
    width: 94.548rem;
    height: 88.742rem;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 43rem;
}
.lead-magnit{
    width: 100%;
    margin-top: 9.677rem;
    position: relative;
}
.lead-form-box{
    width: calc(100% - (18.194rem * 2));
    padding: 0 18.194rem;
}
.lead-form{
    width: 64.355rem;
    height: 85.065rem;
    background-color: var(--lite-gray);
    border-radius: 8.71rem;
}
.lm-head{
    width: 52.065rem;
    font-size: 4.645rem;
    font-weight: 600;
    margin-top: 5.806rem;
}
.lm-desc{
    width: 51.387rem;
    font-weight: 500;
    margin-top: 2.903rem;
}
.orange-arrow-mob{
    width: 92.71rem;
    height: 88.742rem;
    position: absolute;
    left: -5rem;
    top: -75rem;
    z-index: 1;
    stroke-dasharray: 0, 1000;
    opacity: 0;
    transition: stroke-dasharray 4s cubic-bezier(0.65, 0.44, 0.35, 0.57) 0.25s,opacity 0.5s ease 0.25s;
}
.lead-magnit.active .orange-arrow-mob{
    stroke-dasharray: 2000, 1000;
    opacity: 1;
}
.lead-form input{
    width: calc(51.968rem - (5.226rem* 2) - (0.581rem* 2));
    height: calc(5.226rem - (0.581rem* 2));
    border: solid 0.581rem var(--green);
    border-radius: 5.226rem;
    padding-left: 5.226rem;
    padding-right: 5.226rem;
    font-weight: 600;
    color: #323232;
}
.input-text::-webkit-input-placeholder,
.input-num::-webkit-input-placeholder,
.textarea-container textarea::-webkit-input-placeholder{
    font-size: 1.935rem;
    font-weight: 600;
    color: rgba(50, 50, 50, 0.5);
}
.input-text{
    margin-top: 2.903rem;
}
.input-num{
    margin-top: -0.581rem;
}
.lead-form input,
.textarea-container textarea {
    border: solid 0.581rem var(--green);
    border-radius: 5.226rem;
    transition: border-radius 0.3s ease, border-color 0.3s ease;
}

.lead-form input:focus,
.textarea-container textarea:focus {
    border-radius: 1rem;
    border-color: var(--green);
    outline: none;
}
.textarea-container{
    width: 51.968rem;
    height: 18.1rem;
    border: solid 0.581rem var(--green);
    border-radius: 5.226rem;
    font-weight: 600;
    color: rgba(50, 50, 50, 0.5);
    margin-top: 2.903rem;
    position: relative;
}
.textarea-container textarea{
    width: calc(51.968rem - (5.226rem * 2));
    height: calc(18.1rem - 2.613rem);
    font-weight: 600;
    border: none;
    color: rgba(50, 50, 50, 0.5);
    padding-top: 2.613rem;
    padding-left: 5.226rem;
    padding-right: 5.226rem;
    background-color: transparent;
    resize: none;
    outline: none;
}
.icon-circle{
    width: 4.452rem;
    height: 4.452rem;
    border-radius: 50%;
    background-color: var(--gray);
    transition: background-color 0.25s ease;
    cursor: pointer;
}
.icon-circle:hover{
    background-color: #707070;
}
.icon-circle svg:first-child:hover{
    transform: scale(0.9);
}
.icon-circle svg:first-child{
    width: 2.323rem;
    height: 2.323rem;
}
.icon-circle svg:last-child{
    width: 2.903rem;
    height: 2.903rem;
}
.textarea-container-icons{
    position: absolute;
    right: 2.903rem;
    top: 10.645rem;
    gap: 1.452rem;
}
.orange-big-btn {
    width: 51.968rem;
    height: 9.387rem;
    background-color: var(--orange);
    position: relative;
    font-size: 2.903rem;
    font-weight: 600;
    color: var(--white);
    border-radius: 7.742rem;
    border: none;
    margin-top: 2.903rem;
    transition: transform 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
}
.orange-big-btn:after {
    content: "*";
    position: absolute;
    font-size: 2.7rem;
    color: #fff;
    top: 2rem;
}

.orange-big-btn:hover {
    transform: scale(0.97);
    background-color: #FA703A;
}
.contact-under-btn{
    width: 44.032rem;
    justify-content: space-between;
    margin-top: 1.903rem;
}
.contact-under-btn span:first-child{
    font-size: 2.903rem;
    font-weight: 600;
    margin-left:-0.5rem;
}
.contact-under-btn span:last-child{
    font-weight: 600;
}
.cub-legal{
    display: inline-block;
    width: 51.1rem;
    font-weight: 400;
    color: rgba(50, 50, 50, 0.5);
    margin-top: 1.452rem;
}
.lm-containers-img{
    width: calc(100% - 64.355rem);
    height: 85.065rem;
    white-space: nowrap;
    z-index: 5;
}
.container-img{
    width: 41.850rem;
    height: 41.850rem;
    border-radius: 7.742rem;
    overflow: hidden;
}
.lead-magnit.active .lm-containers-img .container-img:nth-child(1){

    animation: transform1ImgLeft 2s cubic-bezier(0.5,-0.01, 0.5, 1.01) 1 0s;
}
.lead-magnit.active .lm-containers-img .container-img:nth-child(2){
    animation: transform2ImgRight 2s cubic-bezier(0.5,-0.01, 0.5, 1.01) 1 0s;
}

.lead-magnit.active .lm-containers-img .container-img:nth-child(3){
    animation: transform3ImgLeft 2s cubic-bezier(0.5,-0.01, 0.5, 1.01) 1 0s;
}

.lead-magnit.active .lm-containers-img .container-img:nth-child(4){
    animation: transform4ImgRight 2s cubic-bezier(0.5,-0.01, 0.5, 1.01) 1 0s;
}
.lm-containers-img img{
    width: 100%;
    height: auto;
}
@keyframes transform4ImgRight {
    0% {
        transform: translate(0rem,0rem) rotate(0deg);
    }
    50% {
        transform: translate(1rem,7rem) rotate(8deg);
    }
    100%{
        transform: translate(0rem,0rem) rotate(0deg);
    }
}
@keyframes transform3ImgLeft {
    0% {
        transform: translate(0rem,0rem) rotate(0deg);
    }
    50% {
        transform: translate(-10rem,2rem) rotate(-11deg);
    }
    100%{
        transform: translate(0rem,0rem) rotate(0deg);
    }
}
@keyframes transform2ImgRight {
    0% {
        transform: translate(0rem,0rem) rotate(0deg);
    }
    50% {
        transform: translate(5rem,-6rem) rotate(11deg);
    }
    100%{
        transform: translate(0rem,0rem) rotate(0deg);
    }
}
@keyframes transform1ImgLeft {
    0% {
        transform: translate(0rem,0rem) rotate(0deg);
    }
    50% {
        transform: translate(-6rem,-4rem) rotate(-6deg);
    }
    100%{
        transform: translate(0rem,0rem) rotate(0deg);
    }
}
.container-img:nth-child(1n){

}
.container-img:nth-child(3n), .container-img:nth-child(4n){
    margin-top: 0.484rem;
}
.container-img:nth-child(2n), .container-img:nth-child(4n){
    margin-left: 0.484rem;
}
.lm-blue-line{
    width: 25.323rem;
    height: 50.806rem;
    position: absolute;
    right: -3rem;
    top: 16rem;
    z-index: 1;
}
.faq {
    width: 100%;
    height: 9.387rem;
    border-left: 1.02rem solid #323232;
    border-right: 1.02rem solid #323232;
    border-bottom: 1.02rem solid #323232;
    border-radius: 5.4rem 5.4rem 5.4rem 5.4rem;
    flex-wrap: wrap;
    transition: height 0.25s ease, border-radius 0.25s ease;
}

.faq.active {
    border-radius: 5.36rem 5.36rem 10rem 10rem;
}
.answer ul {

    padding-left: 2.903rem;
    padding-top: 0.968rem;
}


.answer li {
    list-style: disc;
    margin-bottom: 0.968rem;
    font-weight: 600;
    font-size: 1.935rem;
    font-variant: small-caps;
}

.faq-box{
    width: 100%;
    margin-top: 11.613rem;
    position: relative;
    z-index: 6;
}
.faq-box h1{
    width: 100%;
    position: relative;
    z-index: 5;
    font-weight: 400;
}
.faq-container{
    width: calc(100% - calc(10.113rem * 2));
    margin-top: 5.06rem;
    gap: 2.903rem;
    margin-left: 10.113rem;
    position: relative;
    z-index: 5;
}
.ques{
    width: calc(100% + 0.774rem);
    height: calc(9.387rem - 1.02rem + 0.774rem);
    background-color: var(--gray);
    margin-top:-0.194rem;
    margin-left:-0.387rem;
    border-radius: 8.71rem;
    justify-content: space-between;
    padding-top:1.02rem;
    cursor: pointer;
    transition: background-color 0.25s ease;
}

.ques:hover{

    background-color: rgb(30, 30, 30);
}
.ques-head{
    font-size: 2.903rem;
    font-weight: 600;
    color: var(--white);
    margin-left: 9.677rem;
    margin-top:-0.8rem;
}
.ques svg{
    width: 4.452rem;
    height: 4.452rem;
    cursor: pointer;
    margin-right: 9.677rem;
    transition: transform 0.25s ease;
    margin-top:-0.8rem;
}

.faq.active .ques svg{
    transform:rotate(90deg);
}
.answer{
    width: calc(100% - (5.806rem * 2));
    height: 0;
    transition: height 0.25s ease;
    display: inline-block;
    font-weight: 600;
    margin-left: 5.806rem;
    overflow: hidden;
    padding-top: 2.903rem;
    margin-bottom: 5.516rem;
}
.answer span{
    font-weight: 600;
}
.reviews{
    width: 100%;
    height: auto;
    margin-top: 17.677rem;
    position: relative;
    z-index: 5;
}
.heart-line.active{
    stroke-dasharray: 4000,1000;
    opacity: 1;
}
.heart-line{
    width: 185.806rem;
    height: 38.032rem;
    position: absolute;
    top: -17rem;
    z-index: 1;
    stroke-dasharray: 0,1000;
    transition: stroke-dasharray 4s ease-in-out, opacity 0.25s ease;
    opacity:0;
    pointer-events: none;
}
.reviews-container{
    width: 100%;
}
.reviews-container h1{
    width: 100%;
    position: relative;
    z-index: 5;
}
.reviews-box{
    width: 100%;
    height: auto;
    margin-top: 5.806rem;
    gap: 2.903rem;
    align-items: start;

}
.r-box{
    width: 50.903rem;
    height: auto;
    background-color: var(--lite-gray);
    border: solid 0.581rem var(--gray);
    border-radius: 7.742rem;
    position: relative;
    z-index: 5;
    transition: transform 0.3s ease, border 0.3s ease;
    cursor:pointer;
}
.r-box:hover{
    transform: scale(1.02);
    border: solid 0.581rem var(--brandcolor);
}
.stars-container{
    width: 100%;
    margin-top: -2.323rem;
}
.stars-container svg{
    width: 4.645rem;
    height: 4.548rem;
}
.reviews-user{
    width: 45.968rem;
    height: 8.129rem;
    border-radius: 7.742rem;
    background-color: var(--gray);
    margin-top: 2.516rem;
}
.user-content{
    width: 100%;
}
.avatar-container-img{
    width: 4.839rem;
    height: 4.839rem;
    margin-left: 2.516rem;
    border-radius: 50%;
    border: solid 0.29rem var(--white);
    overflow: hidden;
}
.avatar-container-img img{
    width: 100%;
    height: auto;
}
.name-qualification{
    margin-left: 2.516rem;
}
.reviews-name{
    font-size: 2.323rem;
    font-weight: 500;
    color: var(--white);
}
.reviews-qualification{
    font-size: 1.935rem;
    font-weight: 500;
    color: var(--green);
}
.reviews-date{
    font-size: 2.323rem;
    color: rgba(255, 255, 255, 0.7);
    justify-content: flex-end;
    margin-right: 4.548rem;
    display: flex;
    align-items: center;
}
.reviews-text{
    width: 40.258rem;
    max-height: 18rem;
    margin-top: 2.903rem;
    font-size: 2.323rem;
    margin-bottom: 3rem;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 1s ease, -webkit-line-clamp 0.5s ease 1s,color 0.25s ease;
}
.reviews-text:hover{
    color: #085397;
}
.r-box.active .reviews-text{
    max-height: 85rem;
    -webkit-line-clamp: 30;
}
.reviews-photo-card-img{
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 7.258rem 7.258rem;
}
.r-container-slider-img{
    width: 15.1rem;
    height: 12.194rem;
    border-radius: 3.581rem;
    transition: transform 0.25s ease, filter 0.25s ease;
    cursor: pointer;
}
.r-container-slider-img:hover{
    transform: scale(1.04);
    z-index: 3;
    filter:drop-shadow(0rem 0rem 0.484rem #262644);
}
.r-container-slider-img img{
    width: 100%;
    height: auto;
}
.r-slider-img{
    width: 300%;
    margin-left: -6rem;
    margin-top:3.5rem;
}
.reviews-photos{
    width: 50.903rem;
    height: 20rem;
    margin-top:3.581rem;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}
.reviews-big-container-img{
    width: 50.71rem;
    height: 32.613rem;
    margin-top: 12.1rem;
    overflow: hidden;
}
.reviews-big-container-img img{
    width: 100%;
    height: auto;
}
.nav-slider{
    position: absolute;
    bottom: 2.323rem;
    gap: 0.581rem;
}
.nav-slider-circle{
    width: 1.355rem;
    height: 1.355rem;
    background-color: var(--white);
    border-radius: 50%;
}
.reviews-slider:hover{
    animation-play-state: paused;
}
.reviews-slider{
    width: 200%;
    margin-top: 3.1rem;
    gap: 2.806rem;
    margin-left: 4rem;
}
.reviews-slider-box{
    width: 43.258rem;
    height:auto;
    border: solid 0.387rem var(--yellow);
    background: var(--lite-gray);
    border-radius: 4.645rem;
    transition: transform 0.25s ease;
    cursor:pointer;
}

.reviews-slider-box:hover{
    transform:scale(1.04);
}
.reviews-slider {
    display: flex;
    width: 200%; /* Удвоенная ширина для создания эффекта бесконечной ленты */
    gap: 2.806rem;
    margin-left: 4rem;

    align-items: flex-start;
    animation: slideReviews 30s linear infinite; /* Анимация длительностью 30 секунд, линейная, бесконечная */
}

@keyframes slideReviews {
    0% {
        transform: translateX(0%); /* Начальное положение */
    }
    100% {
        transform: translateX(-50%); /* Конечное положение (сдвигаем на половину ширины контейнера) */
    }
}

.reviews-slider-box {
    width: 43.258rem;
    height: auto;
    border: solid 0.387rem var(--yellow);
    border-radius: 4.645rem;
    flex-shrink: 0; /* Запрещаем сжатие элементов */
}

.rs-reviews-user {
    width: 100%;
    margin-top: 2.032rem;
}

.rs-user-content {
    width: 100%;
}

.rs.avatar-container-img {
    border: solid 0.29rem var(--gray);
}

.rs.reviews-name {
    color: var(--gray);
}

.rs.reviews-date {
    color: rgba(50, 50, 50, 0.7);
}

.rs.reviews-text {
    width: 38.516rem;
    margin-top: 2.032rem;
}

.rs.stars-container {
    margin-top: 1.355rem;
}

.rs.stars-container svg {
    width: 4.065rem;
    height: 3.968rem;
    gap: 0.484rem;
    padding-bottom: 0.968rem;
}
.rs-reviews-user{
    width: 100%;
    margin-top: 2.032rem;
}
.rs-user-content {
    width: 100%;
}
.rs.avatar-container-img{
    border: solid 0.29rem var(--gray);
    background: #fff;
}
.rs.reviews-name{
    color: var(--gray);
}
.rs.reviews-date{
    color: rgba(50, 50, 50, 0.7);
}
.rs.reviews-text{
    width: 38.516rem;
    margin-top: 2.032rem;
    min-height: 14rem;
    max-height: 14rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 1s ease, -webkit-line-clamp 0.5s ease 1s,color 0.25s ease;
}

.rs.reviews-text:hover{
    color: #085397;
}
.reviews-slider-box.active .rs.reviews-text{
    max-height: 100rem;
    -webkit-line-clamp: 30;
}
.rs.stars-container{
    margin-top: 1.355rem;
}
.rs.stars-container svg{
    width: 4.065rem;
    height: 3.968rem;
    gap: 0.484rem;
    padding-bottom: 0.968rem;
}
.blue-btn {
    width: auto;
    border: none;
    border-radius: 7.742rem;
    background-color: var(--brandcolor);
    font-weight: 600;
    color: var(--white);
    padding: 2.903rem 8.71rem;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.blue-btn:hover {
    transform: scale(1.03);
}
.btn-lead {
    width: 100%;
    margin-top: 3.577rem;
}
footer{
    width: 100%;
    position: relative;
}
footer .personal:hover{
    opacity:1;
    transition: opacity 0.3s ease;
}
footer .personal{
    position: absolute;
    left:2.1rem;
    bottom:1.7rem;
    opacity: 0.6;
    color:#fff;
}
.footer-menu{
    width: 100%;
    height: 20.032rem;
    background-color: var(--gray);
    border-radius: 8.71rem 8.71rem 0 0;
    margin-top: 5.806rem;
    justify-content: space-between;
}
.footer-menu span{
    color: var(--white);
    font-size: 2.323rem;
}
.legal-info{
    display: inline-block;
    width: 28.355rem;
    margin-left: 4.71rem;
}
.address-footer{
    display: inline-block;
    width: 30.677rem;
    margin-left: 8.71rem;
}
.time-work-footer{
    display: inline-block;
    width: 21.645rem;
    margin-left: 8.71rem;
    margin-right: 5.806rem;
}
.footer-menu-left svg:hover{
    transform:scale(1.06);
}
.footer-menu-left svg{
    width: auto;
    height: 8.452rem;
    margin-left: 5.806rem;
    margin-right: 0;
    cursor: pointer;
    margin-top: 0.1rem;
    transition: transform 0.25s ease;
}
.footer-menu-right{
    margin-right: 5.806rem;
}






.new-places-invest{
    width: 100%;
    height: 87.452rem;
    position: relative;
}
.new-places-invest span.accent-title{
    width: 58.548rem;
    left: 13.452rem;
    top: 5.613rem;
}
.npi-container-img{
    width: 71.1rem;
    height: 49.5rem;
    border-radius: 6rem;
    margin-top: 31.968rem;
    margin-left: 8.129rem;
    overflow: hidden;
}

.new-places-invest .npi-container-img.first{
    transform:scale(0.9) translate(0,-5rem);
    opacity: 0;
    transition: transform 1s ease 0.25s, opacity 1s ease 0.25s ;
}
.npi-container-img.first .geo-info{
    transform:scale(0.8);
    top: 2.806rem;
    left: -0.194rem;
}
.new-places-invest.active .npi-container-img.first{
    transform:scale(1) translate(0,0rem);
    opacity:1;
}
.new-places-invest .rectangle-blue{
    transform:scale(0.9) translate(0,-7rem);
    opacity: 0;
    transition: transform 1s ease 0.75s, opacity 1s ease 0.75s ;
}
.new-places-invest.active .rectangle-blue{
    transform:scale(1) translate(0,0rem);
    opacity:1;
}
.new-places-invest .npi-container-img-2.third{
    transform:scale(0.9) translate(0,-8rem);
    opacity: 0;
    transition: transform 1s ease 1.25s, opacity 1s ease 1.25s ;
}
.new-places-invest.active .npi-container-img-2.third{
    transform:scale(1) translate(0,0rem);
    opacity:1;
}
.new-places-invest .black-path{
    stroke-dasharray: 2100,2000;
    stroke-dashoffset: -5441;
    opacity:0;
    transition: stroke-dasharray 2s ease 1.25s, opacity 1s ease 1.25s ;
}
.new-places-invest.active .black-path{
    stroke-dasharray: 3430,2000;
    opacity:1;
}
.npi-container-img img{
    width: 100%;
    height: auto;
}
.npi-container-img-2{
    width: 97.3rem;
    height: 76.1rem;
    border-radius: 9rem;
    position: absolute;
    right: 5.806rem;
    top: 7rem;
    z-index: 2;
    overflow: hidden;
}
.npi-container-img-2 img{
    width: 100%;
    height: auto;
    margin-top:-3rem;
}
.rectangle-blue{
    border-radius: 9rem;
    width: 78.6rem;
    height: 71.4rem;
    background-color: var(--brandcolor);
    position: absolute;
    right: 14.71rem;
    top: 7.806rem;
    z-index: 1;
}
.black-path{
    width: 77.903rem;
    height: 37.839rem;
    right: 0;
    top: 54.194rem;
    position: absolute;
    z-index: 3;
}

.orange-arrow{
    width: 87.71rem;
    height: 88.645rem;
    position: absolute;
    top: 118.677rem;
    left: 0.968rem;
    z-index: 1;
}
.cost-services{
    width: 100%;
    height: 64.742rem;
    margin-top: 9.677rem;
    position: relative;
}
.cost-services h1{
    width: 100%;
}
.cost-cards-container{
    width: 100%;
    margin-top: 5.806rem;
    gap: 2.903rem;
}
.cost-card{
    width: 47.129rem;
    height: 29.516rem;
    border-radius: 9rem;
    background-color: var(--lite-gray);
    position: relative;
    z-index: 2;
}


.price-desc{
    width: 34.29rem;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    margin-top:5.806rem;
}
.price-invest{
    width: 34.29rem;
    font-weight: 600;
    font-size: 3.2rem;
    font-variant: small-caps;
    color: #6aa4d8;
    margin-top: 2.903rem;
    text-align: center;
}

.cost-cards-container .cost-card:nth-child(3) .price-invest{
    font-weight: 500;
}
.cost-cards-container .cost-card:nth-child(3) .price-desc{
    margin-top:9.145rem;
}
.cost-cards-container .cost-card:nth-child(2) .price-desc{
    margin-top:7.21rem;
}


.price-invest.other-margin{
    margin-top: 5.806rem;
}
.cost-card.other-margin{
    width: 47.129rem;
    height: 53.226rem;
}
.disclaimer-price{
    width: 93.065rem;
    font-weight: 500;
    font-size: 2.4rem;
    text-align: center;
    position: absolute;
    left: 19.355rem;
    top: 43.935rem;
    z-index: 2;
}
.green-path{
    width: 185.806rem;
    height: 42.097rem;
    position: absolute;
    z-index: 1;
    top: 13.339rem;
    stroke-dasharray: 0,1000;
    transition: stroke-dasharray 4s ease 0.25s ;
}
.green-path.active{
    stroke-dasharray: 2600,1000;
}
.our-services.invest, .our-services.reinvest{
    margin-top: 9.677rem;
}
.blue-zig-zag{
    width: 190.806rem;
    height: 21.613rem;
    position: absolute;
    top: -9.226rem;
    left: -4.1rem;
    z-index: 1;
}
.btn-container{
    width: 100%;
}


.wrapper div.new-places-management{
    height: auto;
}
.new-places-reinvest{
    width: 100%;
    height: 106rem;
    position: relative;
}
.new-places-reinvest .accent-title{
    width: 62.419rem;
    left: 21.097rem;
}
.geo-info span{
    width: initial;
    margin-left: 1.355rem;
    margin-top:-0.5rem;
}
.reinvest-container-img{
    width: 103.6rem;
    height: 77rem;
    border-radius: 9rem;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    left: 15.29rem;
    top: 28.258rem;
}
.reinvest-container-img img{
    width: 100%;
}
.reinvest-container-img.first{
    transform: scale(0.9);
    left: -5rem;
    transition: transform 2s ease 0.25s, left 2s ease 0.25s;
}
.reinvest-container-img.first.active{
    transform: scale(1);
    left:15.29rem;
}

.reinvest-container-img.second{
    transform: scale(1.1);
    filter:grayscale(0);
    left: 90.226rem;
    transition: transform 2s ease 0.25s, left 2s ease 0.25s,filter 1s ease 1s, z-index 2s ease 1s;
    z-index: 3;

}
.reinvest-container-img.second img{
    transition: filter 1s ease;
    filter:grayscale(0.5) !important;
}
.reinvest-container-img.second.active img{
}
.reinvest-container-img.second.active{
    transform: scale(1);
    left:95.226rem;
    z-index:1;
}
.reinvest-container-img.second.active img{
    transform: scale(1);
}
.reinvest-container-img.second{
    width: 73.6rem;
    height: 99.2rem;
    border-radius: 9rem;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 95.226rem;
    top: 0;
}
.reinvest-container-img.second img{
    width: 100%;
    height: auto;
}
.blue-arrow{
    width: 77.645rem;
    height: 92.419rem;
    position: absolute;
    z-index: 3;
    right: -25rem;
    bottom: -19rem;
    opacity: 0;

    transform:rotate( -30deg);
    transition: transform 2s ease 0.25s,
    opacity 2s ease 0.25s ,
    right 2s ease,
    bottom 2s ease;
}

.blue-arrow.active{
    opacity:1;
    transform:rotate( 0deg);
    bottom:-4rem;
    right: 0;
}
.blue-zig-zag.reinvest{
    top: 742.774rem;
}
.cost-card.long{
    width: 97.065rem;
    height: 20.806rem;
    position: absolute;
    top: 44.226rem;
    left: 19.355rem;
    border-radius: 6rem;
}

.main-reinvest .our-services{
    margin-top:9.677rem;
}
.price-desc.long{
    width: 80.097rem;
    font-weight: 500;
    font-size: 2rem;
    text-align: initial;
    margin-top:2.274rem;
}
.price-invest.long{
    width: 82.613rem;
    font-weight: 600;
    font-size: 2.4rem;
    text-align: initial;
}
.legal-under-price{
    width: 100%;
}
.legal-price b{
    font-weight: 500;
}
.legal-price{
    width: 128.548rem;
    font-weight: 400;
    font-size: 2rem;
    font-variant: small-caps;
    color: #323232;
    margin-top: 2.903rem;
    display: inline-block;
}
.cost-services.reinvest{
    height: auto;
}





.new-places-management{
    width: 110%;
    height: auto;
}
.blue-rectangle-left{
    width: 11.6rem;
    height: 71.6rem;
    border-radius: 0 9rem 9rem 0;
    margin-top: 55.355rem;
    background-color: var(--brandcolor);
}
.new-places-management .accent-title{
    width: 78.194rem;
    left: 7.3rem;
}
.geo-info-text{
    width: initial;
    margin-left: 1.355rem;
}

.new-places-management.active .orange-line-wave{
    stroke-dasharray: 1600,2000;
}
.new-places-management .orange-line-wave{
    stroke-dasharray: 0,2000;
    transition: stroke-dasharray 4s ease 0.25s;
}
.new-places-management .blue-rectangle-left{
    opacity:0;
    transform: translate(-10rem,0);
    transition: opacity 1s ease-out 1.5s, transform 1s ease-out 1.5s;
}
.new-places-management .management-container-img.thrid{
    opacity:0;
    transform: translate(-10rem,0);
    transition: opacity 1s ease-out 1.25s, transform 1s ease-out 1.25s;
}
.new-places-management .management-container-img.first{
    opacity:0;
    transform: translate(-10rem,0);
    transition: opacity 1s ease-out 0.75s, transform 1s ease-out 0.75s;
}
.new-places-management .management-container-img.second{
    opacity:0;
    transform: translate(-10rem,0);
    transition: opacity 1s ease-out 0.25s, transform 1s ease-out 0.25s;
}
.new-places-management.active .blue-rectangle-left,
.new-places-management.active .management-container-img.first,
.new-places-management.active .management-container-img.thrid,
.new-places-management.active .management-container-img.second{
    transform: translate(0,0);
    opacity:1;
}
.management-container-img{
    width: 60.2rem;
    height: 84.1rem;
    border-radius: 9rem;
    overflow: hidden;
    margin-top: 27.581rem;
    margin-left: 10.806rem;
    position: relative;
    z-index: 2;
}
.management-container-img img{
    width: 100%;
    height: auto;
}
.management-container-img.second{
    width: 91.2rem;
    height: 129.5rem;
    overflow: hidden;
    border-radius: 9rem;
    margin-top: 0;
    margin-right: 9.677rem;
    position: relative;
    z-index: 5;
}
.management-container-img.second img{
    width: auto;
    height: 100%;
}
.cost-services.management{
    height: auto;
}
.cost-card.management{
    width: initial;
    height: initial;
    border-radius: 9rem;
    padding: 6rem 9rem;
}
.blue-text-management{
    font-weight: 500;
    font-size: 3rem;
    font-variant: small-caps;
    text-align: center;
    color: #6aa4d8;
}
.price-desc-management{
    font-weight: 500;
    font-size: 3rem;
    font-variant: small-caps;
    text-align: center;
}
.price-invest-management{
    font-weight: 500;
    font-size: 2.4rem;
    font-variant: small-caps;
    text-align: center;
    margin-top: 2.903rem;
}
.green-path.management{
    top: -17.161rem;
}
.blue-zig-zag.management{
    top: 726.774rem;
}
.blue-zig-zag.invest{
    top: 706.774rem;
}




.new-places.our-projects{
    width: 100%;
    height: 104.839rem;
    position: relative;
    margin-top: 2.903rem;
}
.accent-title.our-projects{
    width: 99.16rem;
    top: 5.71rem;
    left: 4.677rem;
}
.our-projects-container-img{
    width: 48.776rem;
    height: 65.034rem;
    border-radius: 9rem;
    overflow: hidden;
    position: absolute;
    left: -21.839rem;
    top: 26.807rem;
    z-index: 3;
}
.our-projects.active .our-projects-container-img.first{
    transform: scale(1) translate(0,0);
    opacity:1;
    transition: transform 1s ease 0.25s, opacity 1s ease 0.25s;
}
.our-projects-container-img.first{
    transform: scale(0.9) translate(-5rem,0);
    opacity:0;
}

.our-projects.active .our-projects-container-img-second{
    transform: scale(1) translate(0,0);
    opacity:1;
    transition: transform 1s ease 0.75s, opacity 1s ease 0.75s;
}
.our-projects-container-img-second{
    transform: scale(0.9) translate(-5rem,0);
    opacity:0;
}

.our-projects.active .our-projects-container-img-thrid{
    transform: scale(1) translate(0,0);
    opacity:1;
    transition: transform 1s ease 1.25s, opacity 1s ease 1.25s;
}
.our-projects-container-img-thrid{
    transform: scale(0.9) translate(-5rem,0);
    opacity:0;
}
.our-projects-container-img-second{
    width: 80.906rem;
    height: 78.777rem;
    border-radius: 9rem;
    overflow: hidden;
    left: 45.065rem;
    top: 26.807rem;
    position: absolute;
    z-index: 3;
}
.our-projects-container-img-second img{
    width: auto;
    height: 100%;
}
.our-projects-container-img-thrid{
    width: 103.068rem;
    height: 87.196rem;
    border-radius: 9rem;
    overflow: hidden;
    position: absolute;
    right: -21.29rem;
    top: 0;
    z-index: 2;
}
.our-projects-container-img-thrid img{
    width: auto;
    height: 100%;
}
.green-title{
    width: 164.516rem;
    height: 59.806rem;
    position: absolute;
    top: 55.677rem;
    left: -10.968rem;
    z-index: 2;
    stroke-dasharray: 0,3000;
    opacity:0;
    transition: stroke-dasharray 4s ease, opacity 0.25s ease;
}

.green-title.active{

    opacity:1;
    stroke-dasharray: 2507,3000;
}
.actual-object{
    width:100%;
}
.actual-objects{
    width: 100%;
    position: relative;
    z-index: 5;
    margin-top: 9.678rem;
}
.actual-objects h1{
    width: 100%;
    text-transform: capitalize;
}
.mobile{
    display:none;
}
.container-info-img{
    width: 115.746rem;
    height: 74.519rem;
    border-radius: 8.71rem;
    overflow: hidden;
    position: relative;
    left: 9.678rem;
    top: 9.678rem;
}
.actual-object#heart .container-info-img img{
    transform: scale(-1,1);
}
.container-info-img img{
    width: 100%;
    height: auto;
}
.actual-object#legend .container-info-img img{
    margin-top:-12rem;
}
.actual-object#tushino .container-info-img img{
    width: 162%;
    height: auto;
    margin-left: -28rem;
}

.actual-object#liner .container-info-img img{
    width: 114%;
    margin-left: -8rem;
}
.actual-objects-info{
    padding: 2.903rem;
    border-radius: 4.355rem;
    gap: 0.677rem;
    background: #fff;
    position: absolute;
    left: 5.807rem;
    bottom: 25.936rem;
}
.actual-objects-info span{
    font-variant: small-caps;
    text-align: center;
}
.ao-head{
    font-weight: 400;
    font-size: 2.903rem;
    text-align: center;
}
.ao-desc{
    font-weight: 600;
    font-size: 2.903rem;
    margin-top: 0.677rem;
    text-align: center;

}
.actual-objects-info.repair{
    bottom: 5.807rem;
}
.actual-objects-info.price{
    padding: 2.903rem 5.807rem;
    right: 2.903rem;
    bottom: 2.903rem;
    left: initial;
}
.ao-desc.orange{
    font-weight: 600;
    font-size: 2.903rem;
    color: #ff9166;
    text-align: center;
}
.ao-desc.blue{
    color: #6aa4d8;
    text-align: center;
}
.actual-objects-info-box{
    margin-right: 9.678rem;
    margin-top: 9.678rem;
    gap: 2.903rem;
}
.ao-info-card{
    padding: 2.903rem;
    border: 0.677rem solid #a6cff2;
    border-radius: 4.355rem;
    background: var(--lite-gray);
}
.ao-head.info{
    height: 7.5rem;
    width: 40.453rem;
}
.ao-desc.info{
    margin-top: 2.71rem;
}
.blue-our-ser_svg{
    width: 39rem;
    height: 136.355rem;
    position: absolute;
    top:337rem;
    left:0;
    z-index: -1;
}
.yellow-arrow{
    width: 77.39rem;
    height: 17.581rem;
    position: absolute;
    top: 87.261rem;
    right: 27rem;
    transform:scale(1.1,1);
    z-index:-1;
}
.legal-under-info {
    width: 100%;
    margin-top: 2.71rem;
    margin-left: 9.678rem;
}
.information-under-card{
    padding: 5.807rem;
    border: 0.677rem solid #323232;
    border-radius: 8.71rem;
    margin-left: 9.678rem;
    margin-top: 2.903rem;
    background: #FFFFFF;
}
.information-under-card span{
    width: 154.844rem;
    font-size: 2.903rem;
    display: block;
}
.blue-zig-zag.our-projects{
    top: -7rem;
}
.blue-zig-zag.our-projects{
    top: 328rem;
}

.orange-line-wave{
    width: 104.613rem;
    height: 28.065rem;
    position: absolute;
    left: 0;
    top: 100rem;
    z-index: 3;
}

.management-container-img.second{
    position: relative;
    z-index: 5;

}

.modal-wrapper.active{
    opacity: 1;
    pointer-events: initial;
}
.modal-wrapper{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left:0;
    top:0;
    z-index: 999;
    opacity:0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.modal-auth{
    width: 59.5rem;
    height: 28rem;
    position: absolute;
    left: calc(50% - (59.5rem / 2) - 3.806rem);
    top: calc(50% - (28rem / 2) - 1rem);
    background: #fff;
    z-index: 10;
    border-radius: 5.71rem;
    padding: 1rem 3.806rem;
}
.modal-auth .buttons{
    gap:2rem;
}
.modal-bg{
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0.21);
    position: absolute;
    z-index: 5;
}

.modal-auth .desc strong{
    font-weight: 600;
}
.modal-auth .title{
    font-weight: 600;
    font-size: 3rem;
    margin-top: 1.7rem;
    margin-left: 0.9rem;
}

.modal-auth .desc{
    margin-top: 2rem;
}
.modal-auth .btn-teg:first-child:hover{
    background: #f8a585;
}
.modal-auth .btn-teg:last-child:hover{
    background: #3079b9;
}
.modal-auth .btn-teg:first-child{
    background: var(--orange);
}
.modal-auth .btn-teg:last-child{
    background: var(--brandcolor);
}
.modal-auth .btn-teg{
    font-size: 2.903rem;
    font-weight: 500;
    color: var(--white);
    padding: 1.452rem 5.806rem;
    border: none;
    border-radius: 8.613rem;
    background-color: var(--gray);
    transition: background-color 0.25s ease;
    margin-top: 2.806rem;
    cursor: pointer;
}
.new-places-management.accent-title{

}



.wrapper-content.profile{
    width: calc(100% - 30rem);
    margin-left:15rem;
    overflow:initial;
}
.profile-calendar{
    width: 100%;
}
.code_home .input:hover{
    border: 0.194rem solid var(--firm);
    color:var(--firm);
}
.code_home .input{
    width: 100%;
    min-height: 4.0646rem;
    cursor:pointer;
    transition: border 0.175s ease,
    color 0.175s ease;
    white-space: nowrap;
}
.code_home{
    width: 29.0324rem;
    height: 4.0646rem;
    position: relative;
    margin-left: 1.7419rem;
}

.window-select span:hover{
    color:var(--firm700);
    background: var(--firm200);
}
.window-select span{
    padding:.78125rem 1rem;
    cursor:pointer;
    transition: background 0.175s ease,
    color 0.175s ease;
    border-radius: .7742rem;
    font-size: 1.3549rem;
    font-weight: 700;
}
.window-select.show{
    opacity:1;
    pointer-events: initial;
}
.date-filter-box .window-select.show{
    opacity:1;
    pointer-events: initial;
}

.window-select{
    width:calc(100% - 0.625rem * 2);
    padding:.875rem .625rem;
    position: absolute;
    left:0;
    top:calc(100% + 1.1875rem);
    background: #FAFDFF;
    border: 0.194rem solid var(--firm100);
    border-radius: 1.875rem;
    color:var(--black500);
    display:flex;
    flex-direction: column;
    gap:.7742rem;
    opacity:0;
    transition: opacity 0.175s ease;
    z-index:2;
    pointer-events: none;
}
.code_home .input:hover{
    border: 0.194rem solid var(--firm);
    color:var(--firm);
}
.code_home .input{
    width: 100%;
    min-height: 4.0646rem;
    cursor:pointer;
    transition: border 0.175s ease,
    color 0.175s ease;
}
.code_home{
    width: 29.0324rem;
    height: 4.0646rem;
    position: relative;
    margin-left: 1.7419rem;
}

.code_home .window-select span:hover{
    color:var(--firm700);
    background: var(--firm200);
}
.code_home .window-select span{
    padding:.78125rem 1rem;
    cursor:pointer;
    transition: background 0.175s ease,
    color 0.175s ease;
    border-radius: .7742rem;
}
.code_home .window-select.show{
    opacity:1;
}
.code_home .window-select{
    width:100%;
    padding:.875rem .625rem;
    position: absolute;
    right:0;
    top:calc(100% + 1.1875rem);
    background: #FAFDFF;
    border: 0.194rem solid var(--firm100);
    border-radius: 1.875rem;
    color:var(--black500);
    display:flex;
    flex-direction: column;
    gap:.7742rem;
    opacity:0;
    transition: opacity 0.175s ease;
}

.report:hover {
    background: var(--black500);
    color:#fff;
    transform: scale(1.12);
}
.report {
    padding: .7742rem 3.0968rem;
    border: var(--border-size-2) var(--black500);
    margin-left: 22.5485rem;
    font-size: 1.3548rem;
    font-weight: 700;
    color: var(--black500);
    cursor:pointer;
}

.filter-header{
    height: 4.8389rem;
    display:flex;
    align-items: center;
    background-color:#fbfbfb;
    font-size: 2.323rem;
    font-weight: 600;
    border-radius: 1.4516rem 1.4516rem 0 0;
    margin-left:5rem;
}
.right-filter-body{
    margin-right: 6.9678rem;
}
.left-filter-body{
    margin-left:6.0002rem;
}
.right-filter-body,
.left-filter-body{
    display:flex;
    align-items: center;
}
.left-filter-body h2{
    font-size:1.742rem;
    font-weight: 400;
}
.filter-body{
    height: 10.4516rem;
    display: flex;
}
.code_home .input{
    height: 4.0646rem;
    display: flex;
    align-items: center;
    font-size: 1.3548rem;
    font-weight: 700;
    border-radius: 1.4516rem;
    border: var(--border-size-2) var(--black500);
    padding: 0 3.0968rem 0 3.0968rem ;
}
.pencil:hover svg{
    width:2.4323rem;
    height:2.4323rem;
    stroke: var(--light100);
}
.pencil svg{
    width:2.0323rem;
    height:2.0323rem;
    stroke:#1A6BB2;
    transition: background 0.175s ease,
    width 0.175s ease,
    height 0.175s ease;
}
.pencil:hover {
    background-color: #1A6BB2;
    width:4.8rem;
    height:4.8rem;
}
.search:hover svg {
    stroke: var(--light100);
    width:1.9355rem;
    height:1.9355rem;
}
.pencil {
    width: 4.0645rem;
    height: 4.0645rem;
    border-radius: 2.9032rem;
    border: var(--border-size-2) var(--firm);
    margin-left: .7742rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.175s ease,
    width 0.175s ease,
    height 0.175s ease;
    cursor:pointer;
}
.search svg{
    width:1.9355rem;
    height:1.9355rem;
}
.search{
    width: 4.0645rem;
    height: 4.0645rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.9032rem;
    border: var(--border-size-2) var(--firm);
    margin-left: .7742rem;
    stroke:#1A6BB2;
    transition: background 0.175s ease,
    width 0.175s ease,
    height 0.175s ease;
    cursor:pointer;
}

.search:hover {
    background-color: #1A6BB2;
    width:4.8rem;
    height:4.8rem;
}
.filter-body .date{
    margin-left:6.0002rem;
    font-size:1.7419rem;
    font-weight: 400;
}
.date {
    font-size: 1.7419rem;
    font-weight:400;
}
.between_date{
    font-size: 1.7419rem;
    font-weight: 700;
    margin-left: .9677rem;
}
.between_date.left_margin{
    margin-left:1.5484rem;
}
.date_button {
    width:17.3226rem;
    height: 4.0645rem;
    border: var(--border-size-2) var(--black500);
    border-radius: 1.4516rem;
    font-size:1.7419rem;
    font-weight: 700;
    margin-left: .7742rem;
}
.rent {
    font-size: 1.7419rem;
    font-weight: 700;
}
.sorting_word {
    font-size: 1.7419rem;
    font-weight: 700;
}
.filter_sorting .rent,
.filter_sorting .sorting{
    display: flex;
    align-items: center;
}
.filter_sorting {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 3.0968rem;

}
.filter{
    display: flex;
    justify-content: center;
    gap: .7742rem;
    margin-left: 1.5484rem;
}
.filter li.opacity{
    opacity:0.5
}
.filter li.active{
    transform:scale(0.92);
}
.filter li:hover{
    opacity:1;
}
.filter li{
    border: var(--border-size-2);
    border-radius: 2.9032rem;
    padding: 1.0645rem 1.5484rem;
    font-size:1.3548rem;
    font-weight: 700;
    cursor:pointer;
    transition: background 0.175s ease,
    opacity 0.175s ease,
    transform 0.175s ease;
}
.filter li.green-cust.active,
.filter li.green-cust:hover {
    background-color: var(--green);
}
.filter li.green-cust{
    border-color: var(--green);
}
.filter li.orange-cust.active,
.filter li.orange-cust:hover {
    background-color: var(--orange2);
}
.filter li.orange-cust{
    border-color: var(--orange2);
}
.filter li.yellow-cust.active,
.filter li.yellow-cust:hover{
    background-color: var(--yellow2);
}
.filter li.yellow-cust{
    border-color: var(--yellow2);
}
.filter li.blue-cust.active,
.filter li.blue-cust:hover {
    background-color: var(--firm200);
}
.filter li.blue-cust{
    border-color: var(--firm200);
}
.filter li.birch-cust.active,
.filter li.birch-cust:hover{
    background-color: var(--birch);
}
.filter li.birch-cust{
    border-color: var(--birch);
}
.pay_list{
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    gap:1.5484rem;
    margin-top:6.5807rem;
}
.total_block {
    width: calc(32.7098rem - .9677rem);
    position: relative;
    border: .4839rem solid var(--firm);
    border-radius: .2903rem 2.9032rem 2.9032rem 2.9032rem;
    margin-top:-2rem;
    transition: opacity 0.3s ease;
}

.left-top-stick{
    position: absolute;
    left:-.4439rem;
    top:-.4439rem;
    font-size:2.3226rem;
    padding: 1.3548rem 3.2903rem 1.3548rem 2.9032rem;
    background-color: var(--firm);
    color:var(--light500);
    border-radius: 0 2.9032rem 2.9032rem 2.9032rem;
    font-weight: 600;
}
.rub_total{
    font-size: 3.871rem;
    font-weight: 700;
    margin-left: 3.0968rem;
    margin-top:6.271rem;
    white-space: nowrap;
    margin-right: 3.09rem;
}
.date_between_total {
    font-size: 1.7419rem;
    font-weight: 400;
    margin-left: 3.0968rem;
    margin-bottom: 1.9355rem;
    margin-right: 1.9355rem;
    white-space: nowrap;
}
.info-circle{
    width: 2.903rem;
    height:  2.903rem;
    position: absolute;
    right: calc( 1.22rem - 0.4839rem);
    bottom: calc( 1.2rem - 0.4839rem);
    opacity: 0;
}
.info-circle.active{
    opacity: 1;
}
.price_block .title .title-bg{
    width:calc(100% + .9677rem);
    height:100%;
    position: absolute;
    left:-0.4839rem;
    top:0;
    border-radius: 2.9032rem;
}
.price_block .title span{
    z-index: 1;
    font-size: 1.742rem;
    font-weight: 600;
}


.price_block .date_between_total{
    margin-top:.7742rem;
}
.price_block .rub_total{
    margin-top:1.1613rem;
    font-size: 3.0968rem;
    margin-right:3.0968rem;
}
.price_block .title{
    position: relative;
    border-radius: 2.9032rem;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.7419rem;
    padding:1.0645rem 3.0968rem;
    margin-top:-.4839rem;
}
.price_block.opacity{
    opacity:0.5;
}
.price_block.birch .info-circle{
    bottom: calc(1.2rem - 0.4839rem);
}
.price_block{
    display: flex;
    flex-direction: column;
    border-radius: 2.9032rem;
    border: .4839rem solid;
    opacity:1;
    transition: opacity 0.175s ease, transform 0.3s ease;
}

.price_block.blue{
    border-color:var(--firm200);
}
.price_block.blue .title .title-bg{
    background: var(--firm200);
}
.price_block.yellow{
    border-color:var(--yellow2);
}
.price_block.yellow .title .title-bg{
    background: var(--yellow2);
}
.price_block.orange{
    border-color:var(--orange2);
}
.price_block.orange .title .title-bg{
    background: var(--orange2);
}
.price_block.green{
    border-color:var(--green);
}
.price_block.green .title .title-bg{
    background: var(--green);
}
.price_block.birch{
    border-color:var(--birch);
}
.price_block.birch .title .title-bg{
    background: var(--birch);
}
.docs-block {
    position: relative;
    background-color:rgba(var(--light100rgb),0.5);
    width: 100%;
    border-radius: 1.4516rem;
    margin-top: 3.0968rem;
    margin-bottom: 6rem;
}
div.theme--light.v-application{
    background-color: #F5F8F9;
    font-family: Montserrat;
}
.docs-title {
    width:24.2911rem;
    height:3.0969rem;
    position: absolute;
    top:0;
    left:3.0968rem;
    font-size: 1.7419rem;
    font-weight: 700;
    background-color: #F5F8F9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 1.4516rem 1.4516rem;
}
.docs-contract {
    width:100%;
    padding:2.4194rem 0 1.9355rem 0;
    background-color: #F5F8F9;
    border-radius:1.4516rem ;
    border-bottom: .4839rem solid var(--firm300);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.7419rem;
    font-weight: 700;
}

.docs-list:last-child {
    margin-bottom:3.484rem;
}
.docs-list{
    width:calc(100% - (3.0968rem * 2));
    margin-left: 3.0968rem;
    display:flex;
    flex-direction: column;
    gap: 1.5484rem;
    margin-top:6.0002rem;
}
.docs-name{
    margin-left: 4.6452rem;
}
.docs-contract-block{
    margin-left: 4.6452rem;
}
.docs-buttons svg:hover{
    stroke: #1A6BB2;
}
.docs-buttons {
    display: flex;
    gap: 1.5484rem;
    margin-right: 6rem;
    stroke: #363636;
    cursor: pointer;
    transition: stroke 0.175s ease,
    transform 0.175s ease;
}

.info-non-documents{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size:3rem;
    color:var(--firm);
}

.wrapper.non-docs{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left:0;
    top:0;
    margin:0;
    background-color: #F5F8F9;
}

.wrapper-block{
    width:inherit;
    height: inherit;
}



/*10.333*/

@media only screen and (max-width: 700px) {
    .wrapper{
        width:100vw;
        padding: 0 1.90rem;
    }
    .report {
        margin-left:1.54rem;
    }
    .date_between_total{
        margin-left: 2.0968rem;
        margin-right: 0.9355rem;
        margin-bottom: 0.9355rem;
    }
    .filter_sorting{
        margin-top:1.0968rem;
    }
    .price_block .title span{
        font-size:1.442rem;
    }
    .price_block div.title{
        padding:1.0645rem 1.9068rem;
    }

    .rub_total{
        margin-left:1.4968rem;
        margin-top:5.871rem;
        font-size:2.971rem;
        margin-right: 1.4968rem;
    }

    .total_block .date_between_total{
        margin-bottom:0;
    }
    .total_block{
        width:calc(24.7098rem - .9677rem);
        margin-top:-1rem;
    }

    .date_between_total{
        font-size:1.4419rem;
    }
    .pay_list {
        margin-top:2.58rem;
    }

    /* .price_block .rub_total{
        margin-top:0.5613rem;
        font-size: 2.6968rem;
    }
    .price_block .date_between_total{
        margin-top:0;
        margin-bottom: 0.7355rem;
    } */
    .filter-body{
        width:calc(100% - 3rem);
        height: 14.4516rem;
        flex-direction: column;
        justify-content: initial;
    }
    .code_home{
        width: 24.0324rem;
    }
    .right-filter-body,
    .left-filter-body{
        margin-right:2rem;
        margin-top:2rem;
        margin-left:2rem;
        justify-content: space-between;
    }
    .filter-body .date{
        margin-left:0;
    }
    .between_date{
        display:none;
    }
    .code_home .input{
        justify-content: center;
        width: calc(100% - 3.0968rem * 2);
        height: 4rem;
        align-items: center;
        padding-left: 3.0968rem;
        display: flex;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /* flex-wrap: wrap; */
    }
    .filter_sorting{
        flex-direction: column;
    }
    .filter_sorting .rent{
        display:none;
    }

    .sorting ul.filter{
        margin-top:1rem;
        padding-left:0;
        margin-left:0;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .filter_sorting .sorting{
        align-items:initial;
        flex-direction: column;
    }
    .sorting_word{
        margin-top:0;
        margin-left:0.7rem;
    }
}
.sms-cloud-block-mob-default,
.sms-cloud-block-mobile{
    display:none;
}


.sms-cloud-block {
    width: calc(58.554rem - 2.71rem - 5.328rem);
    height: calc(44.032rem - 3.871rem - 2.903rem);
    position: absolute;
    z-index: 5;
    left: 2.937rem;
    top: 59.419rem;
    padding: 3.871rem 2.71rem 2.903rem 5.328rem;
}
.sms-cloud-block svg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sms-cloud-block-content-txt{
    font-size: 2.323rem;
    font-weight: 500;
}
.sms-cloud-block-content{
    position: relative;
    z-index: 1;
}
.sms-cloud-block svg path.border{
    fill:var(--sms-color-block);
}
.sms-cloud-block .btn-num.phone:hover{
    background: #fff;
    border:0.387rem solid var(--sms-color-block);
    color:#323232;

}
.sms-cloud-block .btn-num.phone{
    background: var(--sms-color-block);
    border: 0.387rem solid var(--sms-color-block);
}
.sms-cloud-block .btn-num.black:active{
    transform: scale(0.96);
}
.sms-cloud-block .btn-num.black:hover{
    background-color:#fff;
    color:#323232;
}
.sms-cloud-block .btn-num.black{
    background: #323232;
    font-size: 1.935rem;
    color: #fff;
    margin-top:1.742rem;
    border: 0.387rem solid #323232;
}
.sms-cloud-block .btn-num{
    width: calc(100% - 0.387rem * 2);
    height: calc(6.484rem - 0.387rem * 2);
    border-radius: 8.71rem;
    margin-top:2.903rem;
    font-size: 2.323rem;
    font-weight: 600;
    transition: border 0.3s ease, background 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    border: 0.387rem solid #323232;
    color: #fff;
}
.new-places-invest .sms-cloud-block svg{
    transform: scale(-1,1) translateX(-1.7rem);
}
.new-places-invest .sms-cloud-block{
    top:24rem;
    right:3.237rem;
    left: initial;
}

.reinvest-sms-cloud-block{
    width: calc(58.473rem - 2.71rem - 5.247rem);
    height: calc(38.613rem - 3.871rem - 2.903rem);
    position: absolute;
    z-index: 5;
    left: 5.495rem;
    top: 54.581rem;
    padding: 3.871rem 2.71rem 2.903rem 4.15rem;
}
.reinvest-sms-cloud-block svg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.reinvest-sms-cloud-block-content {
    position: relative;
    z-index: 1;
}
.reinvest-sms-cloud-block-content-txt{
    font-size: 2.323rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.71rem;
    color: #000000;
}
.reinvest-sms-cloud-block-content .btn-free-call{
    width: calc(37.355rem - 0.387rem);
    height: calc(6.484rem - 0.387rem);
    border-radius: 8.71rem;
    margin-top: 2.903rem;
    margin-left: 5.5rem;
    font-size: 1.935rem;
    font-weight: 700;
    transition: background 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    background-color: #323232;
    color: white;
    border: 0.387rem solid #323232;
}
.btn-free-call:hover{
    background-color: white;
    color:#323232;
}
.new-places-management .reinvest-sms-cloud-block{
    width: calc(58.42rem - 4.033rem - 3.871rem);
    height: calc(35.806rem - 3.871rem - 2.903rem);
    left: initial;
    right: 4.193rem;
    top: 79.161rem;
    z-index: 8;
    padding: 3.871rem 4.033rem 2.903rem 3.871rem;
}
.new-places-management .btn-free-call{
    margin-left: calc(10.548rem - 4rem);
    border: 0.387rem solid #323232;
    width: calc(37.355rem - 0.387rem * 2);
    height: calc(6.484rem - 0.387rem * 2);
}
.new-places-management .btn-free-call:hover{
    background-color: white;
    color:#323232;
}



.tippy-box[data-theme~='rented'] strong{
    font-weight: 600;
    font-size:1.5rem;
}
.tippy-box[data-theme~='rented'] {
    padding: 2rem;
    background-color: #fff;
    color: yellow;
    border:0.4839rem solid var(--orange2);
    border-radius: 2.9032rem;
    font-size:1.5rem;
}




.new-places-home {
    width: 100%;
    height: calc(144.774rem - 14.613rem);
    position: relative;
}
.home-title-text-block{
    z-index: 2;
    width: 113.419rem;
    height: 15.097rem;
    position: absolute;
    top: calc(23.323rem - 14.613rem);
}
.home-title-text{
    font-size: 6.194rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 7.8rem;
}
.active .home-img-1{
    opacity:1;
    transform: scale(1);
}
.home-img-1{
    z-index: 1;
    position: absolute;
    width: 105.774rem;
    height: 74.613rem;
    left: 38.032rem;
    top: calc(42.774rem - 14.613rem);
    transform:scale(0.92);
    opacity:0;
    transition: transform 0.8s ease 0.5s, opacity 0.8s ease 0.5s;
}
.active .home-img-left img{
    opacity:1;
    transform: translate(0);
    transition: transform 0.3s ease;
}
.home-img-left img:nth-child(1){
    transition: transform 0.8s ease 0.8s, opacity 0.8s ease 0.8s;
}
.home-img-left img:nth-child(2){
    transition: transform 0.8s ease 1.1s, opacity 0.8s ease 1.1s;
}
.home-img-left img:nth-child(3){
    transition: transform 0.8s ease 1.4s, opacity 0.8s ease 1.4s;
}

.home-img-left img{
    opacity:0;
    transform: translate(-4rem);
}
.home-img-left{
    width: 29.903rem;
    height: auto;
    position: absolute;
    top: calc(41.226rem - 15.484rem);
    gap: 4.742rem;
    left: -2.613rem;
}
.home-img-left img{
    height: 24.484rem;
}
.active .home-img-3{
    transform:scale(1);
    opacity:1;
}
.home-img-3{
    position: absolute;
    z-index: 3;
    width: 54.387rem;
    height: 55.355rem;
    right: 5.419rem;
    transform:scale(0.92);
    opacity:0;
    transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
}
.active .new-places-home-content svg{
    stroke-dasharray: 2400,2400;
}
.new-places-home-content svg{
    position: absolute;
    z-index: 3;
    width: 151.387rem;
    height: 56.516rem;
    right: -12.194rem;
    top: calc(82.355rem - 14.613rem);
    stroke-dasharray: 0,2400;
    transition: stroke-dasharray 3s ease 1.5s;

}
.new-places-home .title-banners-home-yellow-line{
    display: none;
}

.home-title-text-line{
    position: absolute;
    width: 113.419rem;
    height: 2.71rem;
    background-color: #B2DBBF;
    border-radius: 5.806rem;
    left: -2.613rem;
    top: calc(34.258rem - 14.613rem);
}
.switch-inform-block-mobile{
    display: none;
}
.switch-inform-table {
    position: relative;
    width: 100%;
    height: 200rem;
    left: 0;
}
.inform-table-1,
.inform-table-2{
    pointer-events:none;
}
.inform-table-1 {
    position: absolute;
    left: 11.548rem;
    top: 0;
    width: 147.29rem;
    height: 185.129rem;
}
.inform-table-2 {
    position: absolute;
    left: 21.675rem;
    top: 5.526rem;
    width: 151.355rem;
    height: 185.71rem;
}

.inform-table-1 svg{
    position: absolute;
    width: 147.29rem;
    height: 185.129rem;
    z-index: 7;
}
.inform-table-2 svg{
    position: absolute;
    z-index: 6;
    width: 151.355rem;
    height: 185.71rem;
}
.inform-table-content {
    width: 100%;
    height: 185.129rem;
    position: absolute;
    left:0;
    top:0;
    z-index: 8;
}
.inform-table-content-block{
    width: 100%;
    margin-top: 19.742rem;
    pointer-events:initial;
    cursor: pointer;
}
.inform-table-title{
    width: 61rem;
    height: 11rem;
    top: 0;
    left: 0;
    padding: 9.41rem 0 0 20.032rem;
    position: absolute;
    font-size: 4.645rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    pointer-events: initial;
    cursor: pointer;
}

.inform-table-description {
    width: calc(135.2347rem - calc(8.226rem - 1.355rem)*2);
    border: 1.355rem solid #EBEBEB;
    border-radius: 5.806rem;
    padding: calc(5.806rem - 1.355rem) calc(8.226rem - 1.355rem) calc(5.806rem - 1.355rem) calc(8.226rem - 1.355rem);
    font-size: 2.323rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.817rem;
    margin-top: 5.806rem;
}
.inform-table-description.uniq-scale-1{
    width: calc(139.2347rem - calc(8.226rem - 1.355rem)* 2);
}
/*!*.inform-table-2 .inform-table-description {*!*/
/*!*    padding:  ;*!*/
/*}*/

.inform-table-list-title {
    margin-top: 5.806rem;
    font-size: 4.645rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 100%;
}
.inform-table-list-box {
    width: 137.9rem;
    margin-top: 5.806rem;
    gap: 2.903rem;
}

.inform-table-list-box.uniq-scale-2{
    width: 141.2rem;
}

.inform-table-list-element.green{
    border: 1.355rem solid var(--green);
    transition: border 0.25s ease;
}
.inform-table-list-element.yellow{
    border: 1.355rem solid var(--yellow);
    transition: border 0.25s ease;
}
.inform-table-list-element.darkorange{
    border: 1.355rem solid var(--darkorange);
    transition: border 0.25s ease;
}
.inform-table-list-element.orange{
    border: 1.355rem solid var(--orange);
    transition: border 0.25s ease;
}
.inform-table-list-element.green:hover,
.inform-table-list-element.yellow:hover,
.inform-table-list-element.darkorange:hover,
.inform-table-list-element.orange:hover{
    border: solid 1.355rem var(--brandcolor);
}

.inform-table-list-element{
    width: calc(100% - 5.806rem*2);
    padding: calc(5.806rem - 1.355rem);
    border-radius: 8.71rem;
}
.inform-table-list-element li {
    list-style-type: disc;
}
.inform-table-list-element ul {
    gap: 0.484rem;
}
.inform-table-list-element-title{
    font-size: 3.871rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
}
.inform-table-list-element-point {
    margin-left: 2.323rem;
    margin-top: 2.903rem;
    font-size: 1.935rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
}
.inform-table-2 .inform-table-title{
    color: #FFFFFF;
    font-weight: 600;
    left: initial;
    right: 0;
    width: 54.35rem;
    height: 10rem;
    padding: 4.386rem 10.839rem 0 10.20rem;
    cursor: pointer;
}
.inform-table-2 .inform-table-content{
    left: initial;
    right: 0;
}
.switch-inform-table .non-active .inform-table-title,
.switch-inform-table .non-active .inform-table-description,
.switch-inform-table .non-active .inform-table-list-title,
.switch-inform-table .non-active .inform-table-list-element-title,
.switch-inform-table .non-active .inform-table-list-element,
.switch-inform-table .non-active .inform-table-list-element-point li,
.switch-inform-table .non-active .inform-table-list-element-point ul
{
    color: #fff;
}
.non-active .inform-table-content-block{
    opacity:0;
}

.switch-inform-table .active .background-svg path{
    fill: #F7F7F7;
}

.non-active .inform-table-content-block{
    transition: opacity 0s ease;
}

.active .inform-table-content-block{
    transition: opacity 1s ease-out;
}
.switch-inform-table .background-svg path{
    transition: fill 0.15s ease;
}
.switch-inform-table .non-active .background-svg path{
    fill: #414141;
}
.switch-inform-table .active .inform-table-title,
.switch-inform-table .active .inform-table-description,
.switch-inform-table .active .inform-table-list-title,
.switch-inform-table .active .inform-table-list-element-title,
.switch-inform-table .active .inform-table-list-element,
.switch-inform-table .active .inform-table-list-element-point li,
.switch-inform-table .active .inform-table-list-element-point ul{
    color: #323232;
}
.switch-inform-table .active {
    z-index: 10;
}
.switch-inform-table .non-active {
    z-index: 9;
}
.switch-inform-table .inform-table-title,
.switch-inform-table .inform-table-description,
.switch-inform-table .inform-table-list-title,
.switch-inform-table .inform-table-list-element-title,
.switch-inform-table .inform-table-list-element,
.switch-inform-table .inform-table-list-element-point li,
.switch-inform-table .inform-table-list-element-point ul{
    transition: border-color 0.3s ease;
}

.inform-table-1,
.inform-table-2 {
    transition: transform 0.6s ease;
}

.inform-table-1.non-active:hover {
    transform: translateX(-2rem);
}
.inform-table-2.non-active:hover{
    transform: translateX(2rem);
}
.filter-block{
    width: calc(100% - 0.774rem * 2);
    height: calc(10.839rem - 0.774rem * 2);
    border: 0.774rem solid #323232;
    border-radius: 5.806rem;
}



.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
    transform: translateY(3rem);
}

.logo-yandex{
    width: 13.903rem;
    height: 6.097rem;
    margin-left: -2.3rem;
    margin-top:4rem;
    transition: transform 0.25s ease;
    cursor:pointer;
}

.logo-yandex path{
    top:1rem;
}
.logo-yandex{
    transition: transform 0.25s ease;
}
.logo-yandex:hover{
    transform:scale(1.1) translateY(-0.3rem);
}

.new-places-home .sms-cloud-block .btn-num.black{
    width: 39.097rem;
    margin-left:calc(50% - 39.097rem / 2);
}
.new-places-home .sms-cloud-block{
    left:initial;
    width: calc(58.452rem - 3.871rem - 3.871rem);
    height: calc(35.806rem - 3.871rem - 2.903rem);
    padding:3.871rem 2.71rem 2.903rem 3.571rem;
    right:2.937rem;
    top:60.919rem;
}
.month-box.big-mobile{
    transition: height 0.3s ease,opacity 0.3s ease,padding 0.3s ease, margin-bottom 0.3s ease;
}
.cal_show-enter-active,
.cal_show-active {
    transition:transform 0.3s ease, opacity 0.3s ease;
}

.cal_show-enter-to,
.cal_show-leave-from {
    opacity: 0;
    transform: translateY(-5rem);
}
.modal-sales-block{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 10;
}

.modal-sales.birch{
    border: 0.555rem solid var(--birch);
}
.modal-sales.orange{
    border: 0.555rem solid var(--orange2);
}
.modal-sales{
    width: calc(65.613rem - calc(5.613rem + 4.742rem) - 0.555rem * 2);
    height: auto;
    background-color: #F7F7F7;
    border: 0.555rem solid var(--green);
    border-radius: 2.903rem;
    padding: 2.419rem 5.613rem 5.129rem 4.742rem;
    pointer-events: initial;
}
.modal-sales-title{
    font-size: 2.516rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    margin-left: calc(17.129rem - 4.742rem);
}
.modal-other-title{
    font-size: 2.516rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    margin-left: calc(21.729rem  - 4.742rem);
}

.modal-sales-list::-webkit-scrollbar{
    width: 1.548rem;
    height: 52.161rem;

}

.modal-sales-list::-webkit-scrollbar-track {
    background-color: #ECF1F5;
    border-radius: 0.968rem;
}

.modal-sales-list::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 0.968rem;
}
.modal-sales.orange .modal-sales-list::-webkit-scrollbar-thumb {
    background-color: var(--orange2);
    border-radius: 0.968rem;
}

.modal-sales-list{
    width: calc(100% + 5.2rem);
    margin-top: 4.742rem;
    padding-left: 4.742rem;
    margin-left: calc(-0.774rem - 4.742rem);
    max-height: 57rem;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: initial;
}
.modal-sales-list.opacity .modal-sales-element{
    opacity:0.6;
}

.modal-sales-list .modal-sales-element:hover{
    background-color: #e0eaf3;
    border: 0.581rem solid #e0eaf3;
}
.modal-sales-element{
    width: calc(100% - 3.3rem);
    height: calc(6.097rem - 0.581rem * 2);
    margin-top: 1.935rem;
    border: 0.581rem solid #ECF1F5;
    border-radius: 1.548rem;
    background-color: #ECF1F5;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease , background-color 0.3s ease, border 0.3s ease, border-radius 0.3s ease;
    cursor: pointer;
}
.modal-sales-list.opacity .modal-sales-element:hover{
    opacity: 1;
}
.modal-sales-list.opacity .modal-sales-element.active:hover{
    background-color: #ECF1F5;
    border: 0.581rem solid #467fad;
}

.modal-sales.orange .modal-sales-list.opacity .modal-sales-element.active:hover{
    background-color: #ECF1F5;
    border: 0.581rem solid var(--orange2);
}
.modal-sales-list.opacity .modal-sales-element.active{
    height: calc(22.742rem - 0.581rem * 2);
    border: 0.581rem solid #6AA4D8;
    border-radius: 2.903rem;
    opacity: 1;
}
.modal-sales.orange .modal-sales-list.opacity .modal-sales-element.active{
    height: calc(22.742rem - 0.581rem * 2);
    border: 0.581rem solid var(--orange2);
    border-radius: 2.903rem;
    opacity: 1;
}

.modal-sales-element.active .modal-sales-element-name{
    opacity: 1;
}

.modal-sales-element-name.other{
    width: 50rem;
    font-weight: 400;
    margin-top: calc(2.959rem - 0.581rem);
}
.modal-sales-element-name{
    width: 31rem;
    height: 2rem;
    margin-left: 2.323rem;
    margin-top: calc(2.129rem - 0.581rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.935rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    color: #323232;
}
.modal-sales-element-name-product{
    width: 31rem;
    height: 2rem;
    margin-left: 2.323rem;
    margin-top: calc(2.129rem - 0.581rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.129rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    color: #323232;
}

.modal-sales-element.active .modal-sales-element-money{
    color: #6AA4D8;
}
.modal-sales.orange .modal-sales-element.active .modal-sales-element-money{
    color: var(--orange2);
}
.modal-sales.orange .modal-sales-element.active .money-ruble{
    color: var(--orange2);
}

.modal-sales-element-money.birch{
    color: var(--birch);
}
.modal-sales-element-money.orange{
    color: var(--orange2);
}
.modal-sales-element-money{
    margin-right: calc(4.258rem - 0.581rem);
    margin-top: calc(1.55rem - 0.581rem);
    font-size: 2.903rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--green);
    opacity: 1;
    transition: color 0.3s ease;
}
.modal-sales-element.active .money-ruble{
    color: #6AA4D8;
}
.money-ruble.birch{
    color: var(--birch);
}
.money-ruble.orange{
    color: var(--orange2);
}
.money-ruble{
    margin-top: 1.258rem;
    font-size: 2.323rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--green);
    opacity: 1;
    transition: color 0.3s ease;
}

.modal-sales-element-date.other{
    width: 18.516rem;
    margin-top: 2.4rem;
}
.modal-sales-element-date{
    width: 33.968rem;
    height: 3.79rem;
    border:0.387rem solid#FF9166;
    border-radius: 2.903rem;
    margin-top: 2.323rem;
    margin-left: 2.419rem;
    font-size: 1.742rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.387rem;
}
.modal-sales-element-contract strong{
    font-weight: 600;
}
.modal-sales-element-contract{
    margin-top: 2.323rem;
    margin-left: 2.419rem;
    font-size: 1.935rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
}
.modal-sales-element-sales-number strong{
    font-weight: 600;
}
.modal-sales-element-sales-number{
    margin-top: 2.419rem;
    margin-left: 2.419rem;
    font-size: 1.935rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
}
.noty_body span{
    margin-bottom: 11px;
}
.profile-btn-components-border{
    position: relative;
    width: calc(48rem - 0.774rem * 2);
    height: calc(9.677rem - 0.774rem * 2);
    border-radius: 5.806rem;
}
.profile-btn-components-box{
    width: 100%;
    height: 100%;
}
.profile-btn-components-border .reports-btn:first-child{
    border-left: 0.774rem solid #6AA4D8;
    border-radius: 5.806rem 0 0 5.806rem;
    transition: border-color 0.6s ease;
}
.profile-btn-components-border .reports-btn:last-child{
    border-right: 0.774rem solid #6AA4D8;
    border-radius: 0 5.806rem 5.806rem 0;
    transition: border-color 0.6s ease;
}
.reports-btn{
    position: relative;
    width: calc(100%/3);
    height: 100%;
    border-top: 0.774rem solid;
    border-bottom: 0.774rem solid;
    border-color: #6AA4D8;
    cursor: pointer;
}

.reports-btn span{
    font-size: 1.548rem;
    font-weight: 700;
    color: #090B25;
    transition: color 0.6s ease;
}
.reports-btn svg{
    width: 4.065rem;
    height: 4.065rem;
    fill: #090B25;
}
.reports-btn.active{
    width: calc(100%/3);
    height: 100%;
    border-color: #FF9166;
}
.profile-btn-components-border .reports-btn.active:first-child{
    border-left: 0.774rem solid  #FF9166;
    border-radius: 5.806rem 0 0 5.806rem;
}
.profile-btn-components-border .reports-btn.active:last-child{
    border-right: 0.774rem solid  #FF9166;
    border-radius: 0 5.806rem 5.806rem 0;
}
.reports-btn.active span{
    color: #FF9166;
}
.reports-btn.active svg{
    fill: #FF9166;
}

/*.btn-profile-components span{*/

/*}*/
/*.btn-profile-components {*/
/*    margin-bottom: 2.903rem;*/
/*    margin-top: 2.323rem;*/
/*}*/
/*.btn-profile-components span:first-child{*/
/*    margin-left:0;*/
/*}*/
/*.btn-profile-components span{*/
/*    height: calc(5.226rem - 0.581rem * 2);*/
/*    font-size: 1.935rem;*/
/*    font-weight: 700;*/
/*    border-radius: 8.71rem;*/
/*    border: 0.581rem solid #323232;*/
/*    margin-left: 3rem;*/
/*    cursor: pointer ;*/
/*    background-color: #FFFFFF;*/
/*    opacity: 0.25;*/
/*}*/
/*.btn-reports{*/
/*    width: calc(17.806rem - 0.581rem * 2);*/
/*}*/
/*.btn-calendar{*/
/*    width: calc(23.129rem - 0.581rem * 2);*/
/*}*/
/*.btn-reports.active{*/
/*    opacity: 1;*/
/*}*/
/*.btn-calendar.active{*/
/*    opacity: 1;*/
/*}*/



.month-list{

    width: 100%;
    height: auto;
    gap: 1.355rem 2.323rem;
    flex-wrap: wrap;
}
.calendar-block{
    width: calc(154.839rem - 4.839rem * 2);
    height: calc(126.194rem - 4.839rem * 2);
    background-color:#B5C0C9B2;
    border-radius: 5.806rem;
    padding: 4.839rem;
    margin-top: 3rem;
}
.month-box{
    width: calc(25% - 2px* 2 - 2.323rem* 3 / 4 - 0.774rem* 2);
    height: calc(37.935rem - 0.387rem * 2);
    background-color:#FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 2.903rem;
    padding: 0 0.774rem;
    position: relative;
    transition:transform 0.3s ease, margin-bottom 0.3s ease, height 0.3s ease;
}
.month-title{
    width: 100%;
    height: 3.871rem;
    margin-top: 0.774rem;
    font-size: 1.935rem;
    font-weight: 600;
    line-height: 3.097rem;

}
.date-table{
    width: 100%;
}
.date-table-week {
    width: 100%;
}
.date-table-week span{
    width: 14.286%;
    height: 4.645rem;
    font-size: 1.742rem;
    line-height: 2.323rem;
    font-weight: 600;
    color: #323232;
}
.date-table-week-letter.weekend{
    color: #FF9166;
}

.date-table-days{
    width: 100%;
}
.date-table-day-cell{
    width: 14.286%;
    height: 4.645rem;
    font-size: 1.742rem;
    line-height: 2.323rem;
    font-weight: 400;
    transition: border-radius 0.3s ease-out, background 0.3s ease, color 0.3s ease;
    cursor:pointer;
}
.date-table-day-cell.hover{
    background: #2c8add !important;
    color:#fff;
}
.date-table-day-cell.empty{
    cursor: initial;
}
.date-table-day-cell.green{
    background-color: #B2DBBFB2;
}
.date-table-day-cell.blue{
    background-color: #A6CFF2;
    color: #F7F7F7;
}
.date-table-day-cell.blue-orange{
    background: linear-gradient(to right, #A6CFF2 45%, #FF9166 55%);
}
.date-table-day-cell.orange{
    background-color: #FF9166;
    color: #F7F7F7;
}
.date-table-day-cell.orange-yellow{
    background: linear-gradient(to right, #FF9166 45%,#FFE866 55%);
}
.date-table-day-cell.yellow-orange{
    background: linear-gradient(to right, #FFE866 45%,#FF9166 55%);
}
.date-table-day-cell.green-orange{
    background: linear-gradient(to right, #B2DBBFB2 45%,#FF9166 55%);
}
.date-table-day-cell.orange-green{
    background: linear-gradient(to right, #FF9166 45%,#B2DBBFB2 55%);
}
.date-table-day-cell.yellow-blue{
    background: linear-gradient(to right, #FFE866 45%, #A6CFF2 55%);
}
.date-table-day-cell.blue-yellow{
    background: linear-gradient(to right, #A6CFF2 45%, #FFE866 55%);
}
.date-table-day-cell.yellow-green{
    background: linear-gradient(to right, #FFE866 45%, #B2DBBFB2 55%);
}
.date-table-day-cell.green-yellow{
    background: linear-gradient(to right, #B2DBBFB2 45%, #FFE866 55%);
}
.date-table-day-cell.blue-green{
    background: linear-gradient(to right, #A6CFF2 45%, #B2DBBFB2 55%);
}

.date-table-day-cell.green-blue{
    background: linear-gradient(to right, #B2DBBFB2 45%, #A6CFF2 55%);
}
.date-table-day-cell.yellow{
    background-color: #FFE866;
}
.date-table-day-cell.ones{
    border-radius: 2.323rem;
}
.date-table-day-cell.start{
    border-radius:  2.323rem 0 0 2.323rem;
}
.date-table-day-cell.end{
    border-radius: 0 2.323rem 2.323rem 0;
}
.block-calendar-modal{
    position: absolute;
    z-index: 3;
    right: calc(-100% - 2.9rem);
    top: -0.11rem;
}
.block-calendar-modal.left-pos{
    right: calc(100% + 2.6rem);
}
.calendar-modal-box{
    width: calc(34.60rem - 3.484rem - 3.194rem - 0.581rem * 2);
    height: calc(37.49rem - 3.968rem - 3.097rem - 0.581rem * 2);
    border: 0.581rem solid #FFFFFF;
    border-radius: 2.903rem;
    padding: 3.968rem 3.484rem 3.097rem 3.194rem;
    background-color: #FFFFFF;
}
.calendar-modal-box.yellow{
    border: 0.581rem solid #FFE866;
}
.calendar-modal-date{
    width:  calc(100% - 0.387rem* 2);;
    height: calc(4.839rem - 0.387rem * 2);
    border: 0.387rem solid #FF9166;
    border-radius: 2.903rem;
    font-size: 1.742rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.387rem;
    margin-top: 2.903rem;
}
.calendar-modal-title{
    font-size: 2.323rem;
    font-weight: 600;
    line-height: 2.5rem;
    letter-spacing: 0;
}
.calendar-modal-contract strong{
    font-weight: 600;
}
.calendar-modal-contract{
    width: 101%;
    font-size: 1.935rem;
    font-weight: 400;
    line-height: 2.2rem;
    margin-top: 2.129rem;
}
.calendar-modal-sale{
    margin-top: 2.129rem;
}
.calendar-modal-sum{
    position: absolute;
    font-size: 2.903rem;
    font-weight: 600;
    line-height: 100%;
    bottom: 2.903rem;
    right: 3rem;
    color: #FF9166;
}
.calendar-modal-sale{
    font-size: 1.935rem;
    font-weight: 400;
    line-height: 2.2rem;
    margin-top: 2.329rem;
}
.calendar-modal-sale strong {
    font-weight: 600;
}
.calendar-money-ruble{
    font-size:  2.235rem;
    margin-top: 1.258rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    color: #FF9166;
}
.selectBlock{
    display: none;
}
.month-box.mobile-opacity.opacity-full{
    opacity: 0.2;
}
.click-box-month{
    width: 102%;
    height: 102%;
    border-radius: 2.903rem;
    opacity: 0;
    left:-1%;
    top:-1%;
    pointer-events: none;
    position: absolute;
}
.not-found-404{
    width: 100%;
    font-size: 40rem;
    opacity: 0.4;
    margin-top: -7rem;
}
.not-found-text{
    width: 100%;
    font-size: 4rem;
    margin-top: -2rem;
}
.statistic-block{
    width: 100%;
    height: auto;
}
.statistic-document-block{
    width: calc(155.71rem - 7.294rem - 5.19rem);
    height: calc(43.935rem - 7.345rem - 4.357rem);
    background-color: #F7F7F7;
    border-radius: 2.903rem;
    margin-top: 5rem;
    padding: 7.345rem 7.294rem 4.357rem 5.19rem;
}
.document-list{
    width: 100%;
    gap: calc(0.677rem - 0.581rem);
}
.document-element{
    width: calc(143.226rem - 7.258rem - 5.419rem);
    height: calc(7.548rem - 2.323rem - 2.323rem);
    background-color: #F7F7F7;
    border-radius: 1.645rem;
    border-bottom: 0.581rem solid #6AA4D8;
    padding: 2.323rem 7.258rem 2.323rem 5.419rem;
    position: relative;
    font-size: 1.935rem;
    font-weight: 600;
}

.document-element-svg svg{
    width: 2.71rem;
    height: 2.71rem;
}
.document-element-svg{
    height: 2.71rem;
    gap: 1.839rem;
    position: absolute;
    right: 7.258rem;
}
.statistic-table-block{
    width: calc(100% - 4.839rem - 8.613rem - 0.774rem * 2);
    height: calc(65.226rem -  3.871rem - 3.968rem - 0.774rem * 2);
    position:relative;
    padding: 3.871rem 4.839rem 3.968rem 8.613rem;
    background-color: rgba(247, 247, 247, 0.5);
    margin-top: 4.839rem;
    border-radius: 5.806rem;
    border: 0.774rem solid #1B6BB2;
}
.statistic-table-block-title{
    width: auto;
    height: 4.742rem;
    font-size: 2.323rem;
    font-weight: 700;
    margin-left: -3.774rem;
}
.statistic-date-filter{
    width: auto;
    height: 4.742rem;
    font-size: 1.935rem;
    font-weight: 400;
    gap: 3.871rem;
    margin-left: 17.419rem;
}
.date-filter-block{
    width: auto;
    height: 2.419rem;
    position: relative;
}
.date-filter-block svg{
    width: 1.258rem;
    height: 0.871rem;
    margin-left: 0.677rem;
    transition: transform 0.3s ease-in-out;
}
.rotate-arrow{
    transform: scaleY(-1);
    transform-origin: center;
}

.statistic-date-filter .date-filter-range:hover{
    color:#92C2A1;
}
.date-filter-range{
    width: auto;
    height: 100%;
    font-size: 1.935rem;
    font-weight: 600;
    margin-left: 0.774rem;
    transition: color 0.3s ease;
    cursor:pointer;
}
.date-filter-block-word{
    font-weight: 600;
    color: #323232;
    opacity: 0.5;
}
.filter-btn-show-all-time{
    width: 46.645rem;
    height: 4.742rem;
    font-size: 1.935rem;
    margin-right: -3.29rem;
    font-weight: 600;
    border-radius: 2.903rem;
    background-color: #F7F7F7;
}
.statistic-table-list{
    width: 100%;
    height: 43.839rem;
    background-color: #FFFFFF;
    margin-top:2.419rem;
    gap: 2.903rem;
}
.statistic-table-name{
    position: relative;
    width: 45.581rem;
    height: 43.839rem;
    border-radius: 3.194rem;
    background-color: #A6CFF2;
}
.statistic-table{
    position: relative;
    width: 29.032rem;
    height: 43.839rem;
    border-radius: 3.194rem;
    font-size: 2.71rem;
    font-weight: 700;
    background-color: #f5f5f5;
}
.statistic-table.yellow{
    background-color: #FFE866;
}
.statistic-table.orange{
    background-color: #FF9166;
}
.statistic-table.green{
    background-color: #B2DBBF;
}
.statistic-table-title{
    position: absolute;
    top: 1.935rem;
    font-size: 2.71rem;
    font-weight: 700;
}
.statistic-table-name .statistic-table-title{
    top: 1.935rem;
}
.statistic-table-name .table-name-list{
    width: calc(45.1rem  - 0.29rem * 2);
}
.table-name-list{
    position: absolute;
    width: calc(28.7rem - 0.29rem * 2);
    height: calc(36.968rem - 0.29rem * 2);
    background-color: #f5f5f5;
    border: 0.29rem solid #A6CFF2;
    border-radius: 3.194rem;
    bottom: 0.066rem;
}
.table-name-list.yellow{
    border: 0.29rem solid #FFE866;
}
.table-name-list.orange{
    border: 0.29rem solid #FF9166;
}
.table-name-list.green{
    border: 0.29rem solid #B2DBBF;
}
.string-container{
    width: 100%;
    height: 31.355rem;
}

.table-string-ruble{
    color: #1B6BB2;
    font-size: 2.323rem;
    font-weight: 600;
    opacity: 0.75;
    margin-left: 0.584rem;
}
.table-string strong{
    font-weight: 700;
    font-size: 2.323rem;
}
.table-string{
    height: 6rem;
    font-size: 2.323rem;
    font-weight: 600;
    margin-left: 3.968rem;
}
.statistic-table-name .table-string{
    font-weight: 500;
    margin-left: 2.226rem;
}
.result-box{
    position: absolute;
    width: 36rem;
    height: 4.935rem;
    right: 4.258rem;
    bottom: 1.3rem;
}
.result-box-front-title{
    position: absolute;
    width: calc(12.29rem - 0.29rem);
    height: calc(100% - 0.484rem *2);
    border: 0.484rem solid #1B6BB2 ;
    background-color: #1B6BB2;
    border-radius: 0.194rem 2.516rem 2.516rem 2.516rem;
    z-index: 2;
    font-size: 1.935rem;
    font-weight: 600;
    color: #FFFFFF;
}
.result-box-background{
    width: 100%;
    height: calc(100% - 0.484rem*2);
    position: absolute;
    background-color: #F7F7F7;
    border: 0.484rem solid #1B6BB2 ;
    border-radius: 0.581rem 2.613rem 2.516rem 2.613rem;
}
.result-box-background .table-string{
    margin-left: 15.2rem;
}
.result-box-background .table-string-ruble{
    opacity: 1;
}
.statistic-obj-block{
    width: 155.71rem;
    height: 17.323rem;
}
.obj-block-title{
    width: 100%;
    height: 6.581rem;
}
.obj-block-title-background{
    width: 63rem;
    height: 100%;
    background-color: rgba(247, 247, 247, 0.5);
}
.obj-block-title-txt{
    position: absolute;
    font-size: 2.323rem;
    font-weight: 600;
    left: 14.71rem;
    top: 12.661rem;
}

.obj-block-filter{
    width: 100%;
    height: 11.419rem;
    background-color: rgba(247, 247, 247, 0.5);
    border-radius: 5.226rem;
}
.filter-obj-choice{
    margin-left: 2.903rem;
    font-size: 1.935rem;
    font-weight: 400;
}
.filter-date-choice{
    margin-left: 7.258rem;
    font-size: 1.935rem;
    font-weight: 400;
}
.filter-obj-list{
    width: calc(31.065rem - 0.29rem *2);
    height: calc(5.032rem - 0.29rem *2);
    border: 0.29rem solid #323232;
    border-radius: 2.613rem;
    margin-left: 2.903rem;
    font-size: 1.935rem;
    font-weight: 600;
}
.filter-obj-choice svg{
    width: 5.129rem;
    height: 5.129rem;
    margin-left: 1.355rem;
}
.filter-date-choice strong{
    font-size: 1.935rem;
    font-weight: 600;
    margin-left: 2.613rem;
}
.filter-date-list{
    width: calc(22.742rem - 0.29rem *2);
    height: calc(5.032rem - 0.29rem *2);
    border: 0.29rem solid #323232;
    border-radius: 2.613rem;
    margin-left: 2.903rem;
    font-size: 1.935rem;
    font-weight: 600;
    letter-spacing: 0.33rem;
}
.statistic-analytics-color-block{
    width: 100%;
    height: 23.323rem;
    margin-top: 5.806rem;
    column-gap: 5.613rem;
}
.analytics-color-box{
    width: calc(25% - 5.613rem);
    height: calc(100% - 0.774rem * 2);
    border: 0.774rem solid #82E3AECC;
    border-radius: 2.903rem;
    overflow: hidden;
    position: relative;
}
.analytics-color-box.green{
    border: 0.774rem solid #82E3AECC;
}
.analytics-color-box.blue{
    border: 0.774rem solid #6AA4D8CC;
}
.analytics-color-box.orange{
    border: 0.774rem solid #FF9166;
}
.analytics-color-box.yellow{
    border: 0.774rem solid #FFE866CC;
}
.analytics-color-box svg{
    width: 31.839rem;
    height: 23.323rem;
    margin-left: 2rem;
    margin-top: -0.75rem;
}
.analytics-color-box.blue svg{
    width: 34.548rem;
    margin-left: -1rem;
}
.analytics-color-box.orange svg{
    width: 22.355rem;
    margin-left: 11rem;
}
.analytics-color-box.yellow svg{
    width: 18.677rem;
    margin-left: 15rem;
    margin-top: -0.8rem;
}
.analytics-color-box-text{
    position: absolute;
    top: calc(2.903rem - 0.774rem);
    left: calc(3.871rem - 0.774rem);
}
.analytics-color-box-title{
    font-size: 3.097rem;
    font-weight: 700;
}
.analytics-color-box-sub-title{
    font-size: 2.323rem;
    font-weight: 700;
}
.analytics-color-box-result{
    margin-top: 5.323rem;
    margin-left: -1.355rem;
    font-size: 4.645rem;
    font-weight: 700;
}
.statistic-result-of-years{
    position: relative;
    width: calc(100% - 0.774rem * 2);
    height: calc(59.613rem - calc(5.323rem - 0.774rem) - 0.774rem * 2);
    border: 0.774rem solid #B2DBBF;
    border-radius: 5.806rem;
    margin-top: 4.839rem;
    padding: calc(5.323rem - 0.774rem) 0 0 0;
}
.statistic-result-line-chart{
    position: absolute;
    left: 2rem;
    top: 13.742rem;
}
.statistic-result-line-chart-tag-list{
    width: 5.806rem;
    height: auto;
}
.statistic-result-line-chart-tag{
    width: 100%;
    height: 0.871rem;
    border-radius: 0.968rem;
}
.statistic-result-line-chart-tag.blue{
   background-color: #1B6BB2;
}
.statistic-result-line-chart-name{
    font-size: 2.578rem;
    font-weight: 600;
}
.statistic-result-of-years-title{
    height: 4.742rem;
    font-size: 2.323rem;
    font-weight: 700;
    margin-left: 4.839rem;
}
.statistic-result-of-years .statistic-date-filter{
    margin-left: 63.194rem;
}
.statistic-result-and-stat{
    margin-top: calc(5.806rem - 0.774rem);;
    width: 154.839rem;
    height: 45.097rem;
    justify-content: space-between;
}
.statistic-result-of-year-diagram{
    position: relative;
    width: calc(94.452rem - 2.806rem - 2.903rem - 0.774rem *2);
    height: calc(45.097rem - 4.839rem - 4.645rem - 0.774rem *2);
    border: 0.774rem solid #FF9166;
    border-radius: 2.903rem;
    padding: 4.839rem 2.806rem 4.645rem 2.903rem;
}
.statistic-diagram-block{
    width: calc(55.548rem - 0.774rem *2);
    height: calc(45.097rem - 0.774rem *2);
    border: 0.774rem solid #6AA4D8;
    border-radius: 2.903rem;
    position: relative;
}
.statistic-diagram-block .statistic-result-and-stat-title{
    margin-top: 3rem;
}
.statistic-result-and-stat-title{
    width: 100%;
    font-size: 2.323rem;
    font-weight: 700;
    margin-left: 1.935rem;
}
.result-year-chart{
    position: absolute;
    width: calc(100% - 2.806rem - 2.903rem);
    height:30rem;
    bottom: 2.419rem;
    left: 2.903rem;
}
.resulYearLineChart{
    position: relative;
    width: 100%;
    height: calc(100% - calc(5.323rem - 0.774rem) - 0.774rem * 2);
}
.doughnut-Chart{
    position: absolute;
    width: 29.903rem;
    height: 29.613rem;
    right: 2.903rem;
    bottom: 2.871rem;
}
.statistic-result-diagram-season{
    width: auto;
    height: calc(2.289rem + 0.318rem);
    position: relative;
}
.statistic-result-diagram-season-name{
    font-size: 1.941rem;
    font-weight: 700;
}

.statistic-result-diagram-season:after{
    content:'';
    width: 100%;
    height: 2px;
    background: #3b3b3b;
    position: absolute;
    bottom:0;
    left:0;
}
.statistic-result-diagram-season.blue:after{
    background: #1B6BB2;
}
.statistic-result-diagram-season.pink:after{
    background: #EE88AD;
}
.statistic-result-diagram-season.green:after{
    background: #82E3AE;
}
.statistic-result-diagram-season.orange:after{
    background: #FF9166;
}
.statistic-result-diagram-season-block{
    margin-top: 2.903rem;
    margin-right: calc(2.903rem + 0.774rem);
    gap: 1.306rem;
}
.result-of-season{
    width: 16.645rem;
    height: 28.839rem;
    position: absolute;
    left: calc(1.742rem - 0.774rem);
    top: calc(12.387rem - 0.774rem);
}
.result-of-season-color-box-list{
    width: 16.645rem;
    height: 100%;
    row-gap: 1.355rem;
}
.result-of-season-color-box{
    width: calc(16.645rem - 0.29rem *2);
    height: calc(25% - 1.355rem);
    border: 0.29rem solid #1B6BB2;
    border-radius: 0.774rem;
}
.result-of-season-color-box span{
    font-size: 1.548rem;
    font-weight: 700;
}
.result-of-season-color-box.blue{
    border: 0.29rem solid #1B6BB2;
}
.result-of-season-color-box.pink{
    border: 0.29rem solid #EE88AD;
}
.result-of-season-color-box.green{
    border: 0.29rem solid #82E3AE;
}
.result-of-season-color-box.orange{
    border: 0.29rem solid #FF9166;
}
.season-color-box-result{
    margin-top: 0.774rem;
}
.filter-general-block.hidden-month .filter-general-body{
    width: auto;
}
.filter-general-block{
    width: calc(100% - 6.871rem - 5.806rem - 0.774rem * 2);
    height: calc(10.839rem - 0.774rem * 2);
    padding: 0 6.871rem 0 5.806rem;
    border: 0.774rem solid #323232;
    border-radius: 5.806rem;
    position: relative;
    margin-top: 3.871rem;
}
.general-block-account{
    height: 100%;
    font-size: 2.323rem;
    font-weight: 600;
    color: #323232;
    white-space: nowrap;
}
.date-filter-name,
.object-filter-name{
    font-size: 1.935rem;
    font-weight: 400;
    color: #323232;
    white-space: nowrap;
}
.object-filter-box{
    position: relative;
    width:auto;
    height: calc(5.032rem - 0.387rem * 2);
    border: 0.387rem solid #090B25;
    border-radius: 2.613rem;
    margin-left: 1.355rem;
}
.object-filter-box .input{
    width: calc(100% - 5.226rem * 2);
    min-width: calc(27.065rem - 5.226rem * 2);
    height: 100%;
    font-size: 1.935rem;
    font-weight: 600;
    min-height: 4.0646rem;
    cursor:pointer;
    white-space: nowrap;
    padding: 0 5.226rem 0 5.226rem;
}
.date-filter-box .window-select,
.object-filter-box .window-select{
    width:calc(100% - 0.625rem * 2);
    padding:.875rem .625rem;
    position: absolute;
    left:0;
    top:calc(100% + 1.1875rem);
    background: #FAFDFF;
    border: 0.194rem solid var(--firm100);
    border-radius: 1.875rem;
    color:var(--black500);
    display:flex;
    flex-direction: column;
    gap:.7742rem;
    opacity:0;
    transition: opacity 0.175s ease;
    z-index:2;
    pointer-events: none;
}
.date-filter-box.show,
.object-filter-box .window-select.show{
    opacity:1;
    pointer-events: initial;
}
.date-filter-box .window-select span,
.object-filter-box .window-select span{
    padding:.78125rem 1rem;
    cursor:pointer;
    transition: background 0.175s ease,
    color 0.175s ease;
    border-radius: .7742rem;
    font-size: 1.3549rem;
    font-weight: 700;
}
.date-filter-box .window-select span:hover,
.object-filter-box .window-select span:hover{
    color:var(--firm700);
    background: var(--firm200);
}
.date-filter-box{
    position: relative;
    width: auto;
    height: auto;
    border: 0.581rem solid #82E3AE;
    border-radius: 2.613rem;
    margin-left: 1.355rem;
}
.date-filter-box .input{
    width: calc(100% - 5.226rem * 2);
    min-width: calc(20.968rem - 4.09rem * 2);
    height: 100%;
    padding: 0 5.226rem 0 5.226rem;
    font-size: 1.935rem;
    font-weight: 600;
    letter-spacing: 0.194rem;
    min-height: 4.0646rem;
    cursor:pointer;
    white-space: nowrap;
}
.filter-general-body{
    height: 100%;
    width: calc(100% - 14.806rem - 32.419rem);
    justify-content: space-between;
}

.modal-sales.orange{
    border: 0.555rem solid var(--orange2);
}