/* Start:/local/css/elements/v2026/btn.light.css?1785935758235*/
.btn-light{
    --button-background: #ECF7F0;
    --button-color: #386753;

    --buttion-hover-background: #DBEFE1;
    --button-hover-color: #2D5242;

    --button-disabled-background: #E4E6E5;
    --button-disabled-color: #939997;
}
/* End */


/* Start:/local/css/elements/v2026/btn.outline-light.css?1785935758286*/
.btn-outline-light{
    --button-background: transparent;
    --button-color: #ECF7F0;
    --button-border-color: #ECF7F0;

    --button-hover-color: #DBEFE1;
    --button-hover-border-color: #DBEFE1;

    --button-disabled-color: #AEB3B2;
    --button-disabled-border-color: #AEB3B2;
}
/* End */


/* Start:/uslugi/style.css?17859357587830*/
.uslugi h2{
    font-weight: 600;
}
.uslugi-top{
    --gap: 4px;

    display: flex;
    flex-flow: column-reverse;
    gap: var(--gap);

    width: 100%;
}
.uslugi-top > * {
    width: 100%;
}
.uslugi-top__text{
    background-color: #568972;
    color: white;
    padding: 20px 16px;
}
.uslugi-top__image{
    background-image: url(https://www.gwd.ru/upload/medialibrary/061/0617359a1734edd601b32b3c3901a24c.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    height: 195px;
}
.uslugi-top__label{
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 16px;
}
.uslugi-top h1{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 16px;
    font-weight: 600;
}
.uslugi-top__description{
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 35px;
}
.uslugi-top__buttons{
    display: flex;
    flex-flow: column;
    gap: 12px;
}
@media (min-width: 440px) {

}
@media (min-width: 992px) {
    .uslugi-top{
        --gap: 14px;
        flex-flow: row nowrap;

        height: 657px;
        align-items: stretch;
    }
    .uslugi-top__image{
        height: unset;
        background-image: url(https://www.gwd.ru/upload/medialibrary/4f3/4f3ddd929cd277670fa20054f21de14d.jpg);
        width: calc(40% - var(--gap) / 2);

        border-radius: 12px 0 0 12px;
    }
    .uslugi-top__text{
        width: calc(60% - var(--gap) / 2);
        height: unset;

        border-radius: 0 12px 12px 0;
    }
    .uslugi-top__text-boundary {
        margin-left: auto;
        width: 560px;
        height: 100%;

        padding-right: 33px;

        display: flex;
        flex-flow: column;
        justify-content: center;

    }
    .uslugi-top__label{
        font-size: 24px;
        opacity: 0.6;
        font-weight: 600;

        margin-bottom: 42px;
    }
    .uslugi-top h1{
        font-size: 64px;
        margin-bottom: 22px;
    }
    .uslugi-top__description{
        font-size: 18px;
        line-height: 1.3;
        font-weight: 400;
        margin-bottom: 62px;
    }

    .uslugi-top__buttons{
        flex-flow: row;
        gap: 19px;
    }
    .uslugi-top__buttons > *:first-child{
        width: 316px;
    }
}
@media (min-width: 1200px) {
    .uslugi-top__text-boundary {
        margin-left: auto;
        width: 670px;
    }
}
@media (min-width: 1400px) {
    .uslugi-top__text-boundary {
        margin-left: auto;
        width: 780px;
    }
}
@media (min-width: 1780px) {
    .uslugi-top__text,
    .uslugi-top__image{
        width: calc(50% - var(--gap) / 2);
    }
    .uslugi-top__text-boundary {
        margin-left: auto;
        width: calc(1700px / 2 - var(--gap) / 2 - 12px);

        padding-right: 86px;
    }
}


.uslugi-states, .uslugi-way{
    margin-top: 82px;
}
@media (min-width: 992px) {
    .uslugi-states{
        margin-top: 120px;
    }
}

.uslugi-why{
    margin-top: 82px;

    background-color: #2D5242;
    padding-top: 32px;
    padding-bottom: 32px;

    color: white;
}
.uslugi-why__row{
    margin-bottom: -24px;
}
@media (min-width: 992px) {
    .uslugi-why{
        margin-top: 66px;
        margin-bottom: 0;
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .uslugi-why__row{
        margin-bottom: 0;
    }
}
@media (min-width: 1680px) {
    .uslugi-why__row{
        padding-left: 143px;
        padding-right: 143px;
    }
}
.uslugi-why h4{
    color: #BDD9C6;
    text-align: center;
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 400;
}

.uslugi-why__item{
    border: 2px solid #386753;
    padding: 32px 20px;

    border-radius: 12px;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

    margin-bottom: 24px;
}
.uslugi-why__item-content{
    width: min-content;
}
.uslugi-why__item-value{
    font-size: 64px;
    line-height: 1.2;
    white-space: nowrap;
}

.uslugi-way-container{
    margin-top: 80px;
}
@media (min-width: 992px) {
    .uslugi-why__item{
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
}


.uslugi-built{
    margin-top: 80px;
    margin-bottom: -32px;
}
.uslugi-built h2{
    margin-bottom: 32px;
}
.uslugi-built__item{
    position: relative;
    display: block;
    text-decoration: none;
    color: black;
    margin-bottom: 32px;
}
.uslugi-built__item-image{
    display: block;
}
.uslugi-built__item-image img{
    width: 100%;
    height: 380px;

    border-radius: 12px;
    
    object-fit: cover;
    object-position: center;
}
.uslugi-built__item-lines{
    display: flex;
    flex-flow: column;

    margin-top: 16px;
}
.uslugi-built__item-title{
    font-size: 24px;
    font-weight: 600;
}
.uslugi-built__item-descrition{
    opacity: 0.7;
    line-height: 1.3;
    margin-top: 8px;
    margin-bottom: 0;
}
.uslugi-built__item-pseudolink{
    margin-top: 22px;
    font-size: 18px;
    white-space: nowrap;

    color: #386753;

    font-weight: 500;
    display: block;

    text-decoration: none;
}
.uslugi-built__item-pseudolink svg{
    width: 24px;
    height: 24px;
    vertical-align: bottom;

}
@media (max-width: 991px) {
    .uslugi-built__item-pseudobutton{
        display: none;
    }
}

@media (min-width: 992px) {
    .uslugi-built__item-image img{
        height: 546px;
    }
    .uslugi-built__item-lines{
        flex-flow: row wrap;
        align-items: center;
        gap: 8px;

        margin-top: 22px;
    }
    .uslugi-built__item-title{
        order: 1;
        flex: 1 1 60%;
    }
    .uslugi-built__item-descrition{
        order: 3;
    }
    .uslugi-built__item-pseudolink{
        order: 2;
        flex: 0 1 35%;

        text-align: right;

        margin-top: 0;
        padding-right: 10px;

        text-decoration: none;
    }

    .uslugi-built__item-pseudobutton{
        position: absolute;
        top: 22px;
        right: 52px;

        width: 48px;
        height: 48px;

        display: flex;
        justify-content: center;
        align-items: center;

        background-color: #fff;
        border-radius: 999px;

    }
    .uslugi-built__item-pseudobutton svg{
        width: 32px;
        height: 32px;

        color: #00513A;
    }
}
@media (hover: hover) {
    .uslugi-built__item-image{
        opacity: 1;
        transition: opacity 0.2s;
    }
    .uslugi-built__item:hover .uslugi-built__item-image{
        opacity: 0.8;
    }
}

.uslugi-articles{
    margin-top: 80px;
    margin-bottom: 80px;
}
.uslugi-articles__h2{
    margin-bottom: 22px;
}

.uslugi-articles__link{
    text-align: right;
    margin-top: 6px;
}
.uslugi-articles__link a{
    font-size: 18px;
    text-decoration: none;
    color: #386753;
    font-weight: 600;

    display: flex;
    align-items: center;
    width: fit-content;

    margin-left: auto;
}
.uslugi-articles__link svg{
    width: 24px;
    height: 24px;

    color: #386753;
    opacity: 0.5;

    margin-left: 12px;
}
.uslugi-articles .article-card-small{
    margin-bottom: 16px;
}



@media (max-width: 991px) {
    .uslugi-articles .row > *{
        order: 2;
    }
    .uslugi-articles__h2{
        order: 1!important;
    }
    .uslugi-articles__link{
        order: 3!important;
    }
}

@media (min-width: 992px) {
    .uslugi-articles__h2{
        margin-bottom: 32px;
    }
    .uslugi-articles__link{
        margin-top: 0;
    }
    .uslugi-articles__link a{
        font-size: 32px;
        margin-bottom: 32px;
    }
    .sulugi-articles .article-card-small{
        margin-bottom: 0;
    }
}

@media (min-width: 992px) and (max-width: 1600px)  {
    .d-min1600-block {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .uslugi-top__image{
        aspect-ratio: 16/9;
        height: auto;
    }

    .uslugi-built__item-pseudolink{
        margin-top: 8px;
    }

}
/* End */


/* Start:/local/components/vue/uslugi/uslugi-state-tab/style.css?17859357582154*/
.uslugi-state-tab {
    --bg-image: '';
    --height: 282px;
    --padding: 22px;

    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border-radius: 12px;
    overflow: hidden;

    height: var(--height);
    position: relative;

    color: white;

    display: flex;
    flex-flow: column;
    justify-content: flex-end;

    transition: flex-basis 0.2s;

    text-decoration: none;

    padding: var(--padding);
    cursor: pointer;
}
.uslugi-state-tab::before{
    content: '';

    display: block;
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    opacity: 1;
    transition: opacity 0.2s;
}
.uslugi-state-tab.--active::before {
    opacity: 0;
}
.uslugi-state-tab__title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    position: relative;
}
.uslugi-state-tab__description{
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 12px;
    margin-bottom: 0;
}
.uslugi-state-tab__icon{
    --size: 48px;

    position: absolute;
    top: 22px;
    right: 22px;

    width: 48px;
    height: 48px;

    background: white;
    border-radius: 999px;

    transform: translateY(0);

    transition: transform 0.2s;
}
.uslugi-state-tab.--active .uslugi-state-tab__icon{
    transform: translateY(calc(var(--height) - var(--size) - var(--padding) * 2));
}
.uslugi-state-tab__icon svg{
    width: 32px;
    height: 32px;

    transition: opacity 0.2s;

    position: absolute;
    top: 8px;
    left: 8px;

    opacity: 1;

    color: #00513A;
    fill: #00513A;
}
.uslugi-state-tab__icon svg.--active{
    opacity: 0;
    width: 18px;
    height: 18px;
    margin: 7px;
}
.uslugi-state-tab.--active .uslugi-state-tab__icon svg.--default{
    opacity: 0;
}
.uslugi-state-tab.--active .uslugi-state-tab__icon svg.--active{
    opacity: 1;
}

@media (min-width: 992px) {
    .uslugi-state-tab {
        flex: 1 1 20%;
    }
    .uslugi-state-tab.--active{
        flex: 1 1 33%;
    }
}

/* End */


/* Start:/local/components/vue/uslugi/uslugi-state-content/style.css?17859357583720*/
.uslugi-state-content{
    background-color: #EFF7F1;

    display: flex;
    flex-flow: column;

    gap: 16px;

    padding: 16px;

    border-radius: 12px;
}
.uslugi-state-content__text{
    display: flex;
    flex-flow: column;

    flex-shrink: 0;
    flex-grow: 0;

    margin-bottom: 26px;
}
.uslugi-state-content__title{
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 600;
}
.uslugi-state-content__description{
    margin-bottom: 0;
}
.uslugi-state-content__button{
    margin-top: 42px;
    width: 100%;
}
.uslugi-state-content__card{
    background-color: white;
    align-self: stretch;

    height: 264px;

    padding: 72px 16px 22px;

    box-shadow: 0 4px 15px 0 rgba(107, 142, 116, 0.15);
    position: relative;

    border-radius: 12px;

    flex-shrink: 0;
    flex-grow: 0;

    display: flex;
    flex-flow: column;
}
.uslugi-state-content__card-label{
    position: absolute;
    top: 22px;
    left: 16px;

    max-width: 50%;

    font-size: 12px;
    line-height: normal;

    opacity: 0.4;
    color: #161919;

    text-transform: uppercase;
}
.uslugi-state-content__card-badge{
    position: absolute;
    top: 22px;
    right: 16px;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;

    padding: 6px 12px;

    border-radius: 999px;
}
.uslugi-state-content__card-badge.--free{
    background-color: #B9EAFF;
    color: #0741AE;
}
.uslugi-state-content__card-badge.--paid{
    background-color: #E7FFF1;
    color: #00513A;
}
.uslugi-state-content__card-badge.--client{
    background-color: #D2D8FB;
    color: #2A2D8E;
}
.uslugi-state-content__card-icon{
    width: 42px;
    height: 42px;

    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #DBEFE1;
    border-radius: 999px;
}
.uslugi-state-content__card-icon svg{
    width: 20px;
    height: 20px;
}
.uslugi-state-content__card-title{
    font-size: 18px;
    line-height: 1.2;

    margin-top: 12px;

    margin-bottom: 64px;
}
.uslugi-state-content__card-link{
    font-size: 18px;
    line-height: 1.2;
    display: inline-block;
    text-decoration: none;
}
.uslugi-state-content__card-link svg{
    width: 1em;
    height: 1em;
}

@media (min-width: 992px) {
    .uslugi-state-content{
        flex-flow: row nowrap;

        gap: 24px;

        padding: 42px;
    }
    .uslugi-state-content__text{
        justify-content: center;
        align-items: flex-start;

        margin-right: auto;

        font-size: 18px;
        line-height: 1.3;

        margin-bottom: 0;

        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: 30%;
    }
    .uslugi-state-content__title{
        font-size: 32px;
        margin-bottom: 22px;
    }
    .uslugi-state-content__button{
        margin-top: 62px;
        width: 320px;
    }
    .uslugi-state-content__card{
        height: unset;
        /*width: 243px;*/

        padding: 126px 16px 22px;

        flex-shrink: 1.2;
        flex-grow: 0;
        flex-basis: 25%;
    }


    .uslugi-state-content__card-label {
        font-size: 12px;
    }
    .uslugi-state-content__card-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 31px;
    }
    .uslugi-state-content__card-icon svg{
        width: 32px;
        height: 32px;
    }
    .uslugi-state-content__card-title {
        margin-top: auto;
        margin-bottom: 16px;
    }
    .uslugi-state-content__card-link{
        display: block;
    }
}

@media (min-width: 1400px) {
    .uslugi-state-content__text{
        flex-shrink: 0;
        flex-grow: 1.2;
        flex-basis: 40%;
    }
    .uslugi-state-content__button{
        width: 408px;
    }
    .uslugi-state-content__card{
        flex-basis: 20%;
    }
}
/* End */


/* Start:/local/components/vue/uslugi/uslugi-states/style.css?1785935758632*/
.uslugi-states__tabs{
    display: flex;
    flex-flow: row nowrap;
    gap: 20px;
}

.uslugi-states__description{
    margin-top: 22px;
    margin-bottom: 22px;
    opacity: 0.7;
    line-height: 1.3;
}
@media (max-width: 991px) {
    .uslugi-state-tab{
        margin-bottom: 8px;
    }
    .uslugi-state__collapse{
        display: block;
        padding-bottom: 60px;
    }
    .uslugi-state__content:last-child{
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .uslugi-state-content{
        margin-top: 24px;
    }
    .uslugi-states__description{
        font-size: 18px;
        margin-bottom: 32px;
    }
}
/* End */


/* Start:/local/components/vue/uslugi/uslugi-way-content/style.css?17859357584393*/
.uslugi-way-content{
    background-color: #EFF7F1;
    border-radius: 12px;

    display: flex;
    flex-flow: column-reverse;

    padding: 32px 16px 42px;
}
.uslugi-way-content__text{
    flex-shrink: 0;
}
.uslugi-way-content__title{
    font-size: 24px;
    margin-bottom: 22px;
    margin-top: 42px;
    font-weight: 600;
}
.uslugi-way-content__description{
    line-height: 1.3;
    opacity: 0.7;
}
.uslugi-way-content__list{
    list-style: none;
    padding-left: 36px;
    margin-top: 32px;
}
.uslugi-way-content__list > li{
    position: relative;

    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.uslugi-way-content__list > li + li{
    margin-top: 16px;
}
.uslugi-way-content__list > li::before{
    content: '';
    display: block;
    background-image: url(/local/icons/green-check.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;

    position: absolute;
    top: 0;
    left: -36px;
}
.uslugi-way-content__button{
    width: 100%;
    margin-top: 42px;
}
.uslugi-way-content__cards{
    display: flex;
    flex-flow: row;
    align-items: stretch;
    gap: 25px;

    width: fit-content;
}
@media (max-width: 767px) {
    .uslugi-way-content__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px;

        overflow-x: scroll;
        overflow-y: hidden;
    }
    .uslugi-way-content__cards {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.uslugi-way-content__card{
    width: 70vw;
    height: 108vw;
    flex-shrink: 0;
    flex-grow: 0;

    border-radius: 12px;
    padding: 22px 16px;
    
    background-color: white;

    display: flex;
    flex-flow: column;

    position: relative;

    overflow: clip;
}
.uslugi-way-content__card.--image{
    object-fit: cover;
    object-position: center;

    /*display: block;*/
}
.uslugi-way-content__card-title{
    font-size: 18px;
    font-weight: 600;
}
.uslugi-way-content__card-description{
    font-size: 14px;
    font-weight: 400;
    margin-top: 14px;
}
.uslugi-way-content__card-image{
    width: calc(100% + 16px * 2);
    margin: -22px -16px 28px;

    object-fit: cover;
    object-position: center;
}
.uslugi-way-content__card-link{
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 16px;
}
.uslugi-way-content__card-link svg{
    width: 24px;
    height: 24px;
}
.uslugi-way-content__label{
    position: absolute;
    top: 22px;
    left: 22px;

    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: white;
}

.uslugi-way-content__badge{
    position: absolute;
    top: 22px;
    right: 22px;

    line-height: 16px;
    padding: 6px 12px;
    border-radius: 999px;

}
.uslugi-way-content__badge.--free{
    background-color: #B9EAFF;
    color: #0741AE;
}
.uslugi-way-content__badge.--paid{
    background-color: #E7FFF1;
    color: #00513A;
}
.uslugi-way-content__badge.--client{
    background-color: #D2D8FB;
    color: #2A2D8E;
}
@media (max-width: 991px) {
    .uslugi-way-content__card-image{
        flex-grow: 1;
    }
}
@media (min-width: 992px) {
    .uslugi-way-content{
        display: flex;
        flex-flow: row nowrap;
        gap: 62px;
        justify-content: space-between;

        padding: 32px 32px 69px;
    }

    .uslugi-way-content__text{
        display: flex;
        flex-flow: column;
    }
    .uslugi-way-content__cards-wrapper{
        overflow: hidden;
    }

    .uslugi-way-content__cards{
        width: unset;
        height: 100%;
        gap: 20px;
    }
    .uslugi-way-content__card{
        height: unset;
        width: unset;
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: 50%;

        padding: 22px;
    }

    .uslugi-way-content__title{
        margin-top: 0;
    }

    .uslugi-way-content__card-image{
        flex-shrink: 1;
        flex-grow: 1;
        width: calc(100% + 22px * 2);

        margin: -22px -22px 12px;
    }

    .uslugi-way-content__button{
        /*margin-top: auto;*/
        width: 385px;
    }
}
@media (min-width: 1780px) {
    .uslugi-way-content__card{
        --xxxl-flex-basis: none;
        height: 457px;
        flex-basis: var(--xxxl-flex-basis);
    }
}

.uslugi-way-content__card.--image{
    padding: 0;
}
.uslugi-way-content__card.--image .uslugi-way-content__card-image{
    width: 100%;
    height: 100%;
    margin: 0;
}
/* End */


/* Start:/local/components/vue/uslugi/uslugi-way/style.css?1785935758959*/
.uslugi-way__nav-wrapper{
    margin-top: 22px;
    margin-bottom: 16px;
}
.uslugi-way__nav-pill{
    display: flex;
    align-items: center;
    gap: 8px;

    font-size: 16px;
}
.uslugi-way__nav-pill svg{
    width: 24px;
    height: 24px;
}
@media (max-width: 991px) {
    .uslugi-way .nav-pills{
        flex-wrap: nowrap;
    }

    .nav-link {
        padding: 8px 16px;
    }
    .uslugi-way__nav-wrapper{
        overflow-x: scroll;
        overflow-y: hidden;

        margin-left: -12px;
        margin-right: -12px;

        padding-left: 12px;
        padding-right: 12px;
    }

    .uslugi-way-content{
        margin-left: -12px;
        margin-right: -12px;
    }
}
@media (min-width: 992px) {
    .uslugi-way__nav-wrapper{
        margin-top: 32px;
        margin-bottom: 22px;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    .uslugi-way__nav-wrapper .nav-link{
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* End */


/* Start:/local/components/vue/misc/bottom-popup-panel/style.css?17809037402971*/
.bottom-popup{
    position: fixed;

    width: 100vw;

    bottom: 0;
    left: 0;
    z-index: 1000000;

    display: flex;
    flex-flow: column;

    padding: 16px;
    gap: 8px;

    transform: translateY(100%);

    border-radius: 24px 24px 0 0;

    background: white;
}
@media (min-width: 768px) {
    .bottom-popup{
        padding: 24px;
        gap: 12px;
    }
}
@media (min-width: 992px) {
    .bottom-popup{
        padding: 40px;
        gap: 20px;
    }
}
@media (hover: none) {
    .bottom-popup{
        padding-top: 30px;
    }
    .bottom-popup__handle{
        width: 10rem;
        height: 3rem;

        position: absolute;
        padding-top: 0.8rem;
        top: 0;
        display: flex;
        justify-content: center;
        left: calc(50% - 5rem);
    }
    .bottom-popup__handle::before{
        content: '';
        display: block;

        width: 7.7rem;
        height: 4px;
        border-radius: 999px;

        background-color: var(--black-a25);
    }
}
@media (hover: hover) {
    .bottom-popup__handle{
        display: none;
    }
}
@media (min-width: 992px) {
    .bottom-popup{
        width: fit-content;
        left: calc(50% - 450px);
        bottom: unset;

        border-radius: 24px;
    }
}
.bottom-popup.--transition{
    transition: transform 0.15s;
}
.bottom-popup__header{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;

    position: relative;

    flex-shrink: 0;
}
.bottom-popup__name{
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 0;
}

.bottom-popup__scroller{
    /*background: white;*/
    overflow-y: auto;
    overflow-x: hidden;

    flex-shrink: 1;
    flex-grow: 1;

}
.bottom-popup__scroller.no-scroll{
    overflow-y: hidden;
}

.bottom-popup__footer{
    display: flex;
    flex-flow: column;
    gap: 1.2rem;
}
@media (min-width: 768px) {
    .bottom-popup__footer{
        flex-flow: row;
    }
}
@media (max-width: 767px) {
    .bottom-popup__footer .btn {
        width: 100%;
    }
}
.bottom-popup__close{
    border: none;
    background: none;
    padding: 0;
    width: 3.2rem;
    height: 3.2rem;

    position: absolute;
    right: 0;
    top: -50px;

    fill: white;
}
.bottom-popup__close > * {
    width: 2rem;
    height: 2rem;
}
.bottom-popup__background{
    display: none;

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(4px);

    opacity: 0;

    transition: opacity 0.15s;
    z-index: 100000;
}

body.--stages-gallery .bottom-popup.--stage-gallery-popup{
    z-index: 100000;
}

body.--stages-gallery .bottom-popup__background.--stage-gallery-popup-bg{
    z-index: 99999;
    backdrop-filter: blur(4px);
}

.fancybox-container,
.fancybox__container{
    z-index: 2147483647 !important;
}

body.--filters-open{
    overflow: hidden;
}

body.--filters-open .mob_contact{
    display: none!important;
}
/* End */


/* Start:/local/components/vue/form/validated-input/style.css?17791020571025*/
.validated-input{
    position: relative;
    display: block;

    --error-color: #B62326;
}
.form-group > label.validated-input,
.form-row > [class*=col-] > label.validated-input{
    margin-bottom: 0;
}
/*.validated-input .err-required{*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*border-radius: var(--bs-input-border-radius);*/
    /*border: 1px solid var(--error-color);*/
    /*color: var(--error-color);*/
    /*display: flex;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*align-items: center;*/
    /*background: white;*/
    /*padding-left: 20px;*/
    /*font-size: 12px;*/
    /*margin-top: 5px;*/

    /*cursor: pointer;*/
/*}*/
/*.validated-input .err-invalid{*/
/*    color: var(--error-color);*/
/*    margin-top: 5px;*/
/*    font-size: 12px;*/
/*}*/

.validated-input__err{
    color: var(--error-color);
    margin-top: 4px;
    font-size: 12px;
}
.validated-input__err svg{
    color: var(--error-color);
    width: 17px;
    height: 17px;

    vertical-align: text-bottom;
}



/* End */


/* Start:/local/components/vue/form/checkboxes/checkbox/style.css?17459244211196*/
.checkbox-component{
    --box-size: 2.6rem;

    position: relative;
    display: flex;
    align-items: center;

    padding-left: calc(var(--box-size) + 10px);
    min-height: var(--box-size);

    line-height: normal;
    cursor: pointer;
}
.checkbox-component > input{
    display: none;
}
.checkbox__box{
    width: var(--box-size);
    height: var(--box-size);
    border-radius: 0.5rem;

    display: block;

    position: absolute;
    top: 0;
    left: 0;

    box-shadow: 0 0 0 0.5rem #ffffff;
    border: 0.2rem solid #eeeeee;
    background: #eeeeee;
    color: #333;

    transition: background-color 0.2s, border 0.2s;
}
.checkbox__box::before{
    display: inline-block;
    transform-origin: center center;
    transform: scale(0);
    font-size: 2.3rem;

    transition: transform 0.2s;
}
.checkbox-component > input:checked ~ .checkbox__box::before{
    transform: scale(1);
}
.checkbox-component > input:checked ~ .checkbox__box,
.checkbox-component:hover > input:not(:disabled) ~ .checkbox__box {
    /*border-color: var(--color-green-toxic, #99cc33);*/
}
.checkbox-component.--disabled > .checkbox__box{
    opacity: 0.5;
}
.checkbox-component.--disabled{
    color: #aaa;
}
/* End */


/* Start:/local/components/vue/form/checkboxes/checkbox-approve/style.css?17863705552103*/
.checkbox-approve{
    --box-size: 2rem;

    --link-color: #aaa;

    --box-border-color: #aaa;
    --box-bg: white;
    --check-color: var(--box-bg);

    --link-hover-color: #2B6D3C;
    --box-hover-bg: #2B6D3C;

    --box-checked-border-color: #2B6D3C;
    --box-checked-bg: #2B6D3C;


    font-size: 1.4rem;
    color: var(--color-text-default, #333);
    padding-top: 0;
    padding-left: 2.5rem;


}
.checkbox-approve__wrapper{
    position: relative;

}
.checkbox-approve .checkbox__box{
    border-width: 0.1rem;
    /*color: white;*/
    background-color: var(--box-bg);
    border-color: var(--box-border-color);
    box-shadow: none;
}
.checkbox-approve .checkbox__box svg{
    fill: var(--check-color);
    margin-left: 2px;
    z-index: 1000;
    opacity:0;
    transition: opacity 0.15s;
    width: 14px;
    height: 14px;

    position: relative;
    top: -1px;
}
.checkbox-approve > input:checked ~ .checkbox__box{
    background-color: var(--box-checked-bg) ;
}
.checkbox-approve .checkbox__box,
.checkbox-approve > input:checked ~ .checkbox__box{
    /*border-color: var(--color-text-default, #333);*/
}
.checkbox-approve > input:checked ~ .checkbox__box svg{
    opacity: 1;
}
.checkbox-approve .checkbox__box::before{
    font-size: 1.8rem;
}

.checkbox-approve > input:checked ~ .checkbox__box:hover,
.checkbox-approve .checkbox__box:hover {
    /*border-color: var(--color-green-yellowish, #a2c037);*/
    /*color: var(--color-green-yellowish, #a2c037);*/
    background-color: var(--box-hover-bg);
}

.checkbox-approve__link{
    display: inline-block;

    color: var(--link-color);
    text-decoration: none;

    border-bottom: 1px dashed var(--link-color);

    margin-left: 0.5rem;

    transition: color 0.15s, border-color 0.15s;
}
.checkbox-approve__link:hover {
    color: var(--link-hover-color);
    border-color: var(--link-hover-color);
}
.checkbox-approve.--required .checkbox__box{
    border-color: var(--color-red-error, red);
}
.checkbox-approve__required {
    position: absolute;
    top: var(--box-size);
    left: 0;
    color: var(--color-red-error, red)
}
/* End */


/* Start:/local/css/elements/v2026/btn.dark.css?1785935758234*/
.btn-dark{
    --button-background: #386753;
    --button-color: #ECF7F0;

    --buttion-hover-background: #2D5242;
    --button-hover-color: #DBEFE1;

    --button-disabled-background: #E4E6E5;
    --button-disabled-color: #939997;
}
/* End */


/* Start:/local/components/vue/modals/wide-illustrated-form-modal/style.css?17859357582931*/


.wide-illustrated-form-modal .bottom-popup{

}
.wide-illustrated-form-modal__form{
    position: relative;
}
.wide-illustrated-form-modal__image{
    position: relative;
    margin-bottom: 24px;
}
.wide-illustrated-form-modal__image::before{
    content: '';
    display: block;

    padding-top: 65%;
    position: relative;
}
.wide-illustrated-form-modal__image img{
    height: 100%;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;

    object-fit: cover;
    object-position: center;

    border-radius: 12px;
}
.wide-illustrated-form-modal .checkbox-approve{
    --box-border-color: #7A807E;
    --box-bg: white;
}
.wide-illustrated-form-modal__header{
    font-size: 24px;
    margin-bottom: 12px;
}
.wide-illustrated-form-modal__description{
    margin-bottom: 24px;
}
.wide-illustrated-form-modal__button{
    width: 100%;
}
@media (min-width: 992px) {
    .wide-illustrated-form-modal .bottom-popup{
        width: 960px;
        left: calc(50% - 480px);

        padding: 24px;
    }

    .wide-illustrated-form-modal__inner{
        display: flex;
        flex-flow: row nowrap;
        width: 100%;
        gap: 43px;
    }
    .wide-illustrated-form-modal__image{
        flex: 1 1 auto;
        margin-bottom: 0;
    }
    .wide-illustrated-form-modal__image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .wide-illustrated-form-modal__form{
        flex: 1 0 60%;
        width: 55%;

        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    .wide-illustrated-form-modal__header{
        font-size: 40px;
    }
    .wide-illustrated-form-modal__button{
        width: auto;
    }
}

@media (min-width: 1200px) {
    .wide-illustrated-form-modal .bottom-popup{
        width: 1140px;
        left: calc(50% - 570px);
    }
    .wide-illustrated-form-modal .btn{
        width: 235px;
    }
}

@media (min-width: 1400px) {
    .wide-illustrated-form-modal .bottom-popup{
        width: 1300px;
        left: calc(50% - 650px);
    }
}

@media (min-width: 1780px) {
    .wide-illustrated-form-modal .bottom-popup{
        width: 1500px;
        left: calc(50% - 750px);
    }
}

.wide-illustrated-form-modal__success{
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    flex-flow: column;

    background-color: white;

    background-image: url('/local/components/vue/modals/wide-illustrated-form-modal/success-bg-mob.svg');
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
}
@media (min-width: 992px) {
    .wide-illustrated-form-modal__success{
        background-image: url('/local/components/vue/modals/wide-illustrated-form-modal/success-bg.svg');
    }

    .wide-illustrated-form-modal__form{
        width: 20%;
        flex-basis: 20%;
        padding: 48px 0;
    }
}
/* End */


/* Start:/local/js/vendor/libs/flatpickr/flatpickr.css?177857756216166*/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* End */


/* Start:/local/components/vue/misc/modal-component/style.css?17791020571496*/
.vue-modal-fade-enter,
.vue-modal-fade-leave-to{
    opacity: 0;
}
.vue-modal-fade-enter-active,
.vue-modal-fade-leave-active{
    transition: opacity 0.2s;
}
.vue-modal-fade-enter-to,
.vue-modal-fade-leave{
    opacity: 1;
}

body.vue-modal-shown{
    overflow: hidden;
}
body.vue-modal-shown .mob_contact{
    display: none!important;
}
.vue-modal__bg{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(4px);

    transition: opacity 0.15s;

    z-index: 999999999999;
}
.vue-modal__content{
    position: relative;
}
.vue-modal__close{
    position: absolute;

    right: 16px;
    top: 16px;

    width: 24px;
    height: 24px;
    border-radius: 999px;

    border: none;
    fill: white;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;

    background-color: #F5F5F5;
}
.vue-modal__close svg{
    width: 16px;
    height: 16px;

    color: #333;
    fill: #333;
}
.vue-modal__close:focus,
.vue-modal__close:active{
    outline: none;
}

.vue-modal__panel{
    min-width: calc(100% - 30rem);
    max-height: calc(100vh - 10rem);
    overflow-y: auto;

    background: var(--color-background-default);
    border-radius: 1.2rem;
}
@media (min-width: 576px) {
    .vue-modal__panel {
        min-width: 38rem;
    }
}
/* End */


/* Start:/local/components/vue/form/radio/radio-button-2/style.css?1779102057651*/
.radio-button-2__input{
    display: none;
}

.radio-button-2{
    display: inline-flex;

    justify-content: center;
    align-items: center;

    text-align: center;

    border: 1px solid #E4E6E5;
    background-color: white;

    padding: 8px 12px;
    line-height: 1.25;

    font-size: 16px;
    font-weight: 500;

    color: #2E3332;

    transition: background-color 0.2s, border-color 0.2s;

    border-radius: 8px;
}

.radio-button-2:not(:disabled) {
    cursor: pointer;
}
.radio-button-2:hover{
    background-color: #B5E5CF;
    border-color: #B5E5CF;
}
.radio-button-2.active{
    background-color: #B5E5CF;
    border-color: #386753;
}
/* End */


/* Start:/local/assets/modal-form-with-date/style.css?17791020574092*/
@media (min-width: 992px) {
    .date-form__wrapper .bottom-popup {
        width: 600px;
        left: calc(50% - 300px);
        padding: 0 0 0;

        border-radius: 22px;

    }

    .date-form__wrapper .bottom-popup__close{
        border-radius: 999px;
        background-color: #F5F5F5;
        fill: #333;

        top: 32px;
        right: 35px;
    }
    .date-form{
        padding: 56px 32px 40px;
    }
    .date-form__wrapper .bottom-popup__scroller::-webkit-scrollbar{
        width: 10px;
        background: transparent;

    }
    .date-form__wrapper .bottom-popup__scroller::-webkit-scrollbar-button{
        background: transparent;
        height: 22px;
    }
    .date-form__wrapper .bottom-popup__scroller::-webkit-scrollbar-thumb{
        background-color: #c6c6c6;
        border-radius: 5px;
    }
}
.date-form .row{
    margin-left: -8px;
    margin-right: -8px;
}
.date-form .row > [class*=col] {
    padding-left: 8px;
    padding-right: 8px;
}
.date-form .date-form__date-input{
    display: none;
}
.date-form .flatpickr-calendar{
    box-shadow: none;
    border: 1px solid #E4E6E5;
}
.date-form .flatpickr-calendar,
.date-form .flatpickr-calendar .flatpickr-days,
.date-form .flatpickr-calendar .dayContainer {
    width: 100%;
    max-width: unset;
}
@media (min-width: 992px) {
    .date-form .flatpickr-calendar {
        width: calc(48px * 7);
        max-width: unset;
    }
    .date-form .flatpickr-calendar .flatpickr-days,
    .date-form .flatpickr-calendar .dayContainer {

    }
}
.date-form .flatpickr-months .flatpickr-next-month:hover svg,
.date-form .flatpickr-months .flatpickr-prev-month:hover svg{
    fill: #386753;
}
.date-form .flatpickr-weekdays{
    height: 48px;
}
.date-form .flatpickr-weekday{
    font-size: 16px;
    color: #2E3332;
}
.date-form .flatpickr-day{
    width: 48px;
    height: 48px;
    max-width: unset;
    max-height: unset;
    /*flex-basis: unset;*/

    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
    color: black;

    border-radius: 0;
    border-color: transparent;

    background-color: #D5F2E4;
}
.date-form .flatpickr-current-month input.cur-year{
    color: black;
    font-weight: 600;
}
.date-form .flatpickr-day.today{
    background-color: #386753;
    color: white;
}
.date-form .flatpickr-day:hover,
.date-form .flatpickr-day.selected:focus{
    background-color: #B5E5CF;
    color: black;
}
.date-form .flatpickr-day.prevMonthDay,
.date-form .flatpickr-day.nextMonthDay{
    background-color: #F0F2F1;
    color: #939997;
}
.date-form .flatpickr-day.flatpickr-disabled{
    color: black;
    background: white;
    cursor: default!important;
}
.date-form .flatpickr-day.selected{
    background-color: #B5E5CF;
    border-color: #386753;
}
.date-form .flatpickr-day.selected:hover{
    color: black;
}
.date-form__time-slots__wrapper{
    width: min-content;
    flex-shrink: 1;
    flex-grow: 1;
}
.date-form__time-slots{

    width: 100%;

    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    gap: 8px;
    justify-content: stretch;
}
.date-form__time-slot {
    width: calc(50% - 4px);
    display: block;
}
.date-form__time-slot .radio-button__box{
    width: 100%;
    display: block;
    text-align: center;
}

.date-form__bottom{
    display: flex;
    flex-flow: column;

}
.date-form__submit{
    width: 100%;
}
@media (min-width: 992px) {
    .date-form__bottom{
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
    }
    .date-form__submit{
        width: fit-content;
    }
}

.date-form__success{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 20px;

    width: 90vw;
    padding: 62px 16px 32px;
}
.date-form__success h3{
    font-size: 24px;
    color: black;
    font-weight: 600;
    margin-bottom: 0;
}
.date-form__success p{
    text-align: center;
}
@media(min-width: 992px) {
    .date-form__success{
        width: 600px;
        padding: 88px 32px 40px;
    }
}
.date-form__success svg{
    width: 82px;
    height: 56px;

    color: #386753;
}

/* End */


/* Start:/local/components/vue/articles/article-card-small/style.css?17859357581089*/
.article-card-small{
    background-color: #EFF7F1;

    border-radius: 12px;
    height: 150px;
    width: 100%;

    padding: 6px 6px 6px 6px;

    display: flex;
    gap: 25px;

    text-decoration: none;
    color: black;
}
.article-card-small__image{
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    position: relative;

    object-position: center;
}

.article-card-small__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.article-card-small__title{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.article-card-small__read-time{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    opacity: 0.8;
}
@media (min-width: 1600px) {
    .article-card-small{
        height: 180px;
    }
}

@media (max-width: 768px) {
    .article-card-small__title {
        font-size: 16px;
    }

    .article-card-small__read-time {
        font-size: 16px;
    }

    .article-card-small {
        gap: 12px;
        height: 110px;
    }

    .article-card-small__image {
        aspect-ratio: 4 / 3;
    }

}

/* End */


/* Start:/local/include-areas/main/technology/style.css?17821270663700*/
.main-tech{
    margin-top: 64px;
    margin-bottom: 64px;

    position: relative;
}
@media(min-width: 992px) {
    .main-tech{
        margin-top: 88px;
        margin-bottom: 88px;

        height: 527px;
    }
}
@media (min-width: 1760px) {
    .main-tech{
        height: 532px;
    }
}
.main-tech__header{
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0;
}
@media(min-width: 992px) {
    .main-tech__header{
        font-size: 40px;
    }
}
@media(min-width: 1760px) {
    .main-tech__header{
        font-size: 44px;
    }
}

.main-tech .nav-pills{
    background: #f1f1f1;
    flex-wrap: nowrap;
    margin-top: 20px;
}
@media (max-width: 991px) {
    .main-tech__nav-wrapper{
        overflow-x: scroll;
        margin-left: -12px;
        margin-right: -12px;
        padding-bottom: 4px;
    }
    .main-tech .nav-pills{
        margin-left: 12px;
        margin-right: 12px;
    }
}
.main-tech .nav-pills > .nav-item > .nav-link{
    color: rgba(0, 0, 0, 0.5);
    line-height: normal;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}
.main-tech .nav-pills > .nav-item > .nav-link:hover{
    background: rgba(255, 255, 255, 0.7);
}
.main-tech .nav-pills > .nav-item > .nav-link.active{
    background: white;
    color: black;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}

.main-tech__title{
    margin-top: 17px;
    font-size: 24px;
    font-weight: 600;
}
.main-tech__description{
    margin-top: 8px;
    font-size: 16px;
}
@media (min-width: 992px) {
    .main-tech__title{
        margin-top: 40px;
        font-size: 32px;
    }
    .main-tech__description{
        width: 480px;
    }
}
.main-tech__closeups{
    display: flex;
    flex-flow: row nowrap;
    gap: 20px;

    margin-top: 32px;
}
.main-tech__closeup{
    flex: 0 0 calc(50% - 10px);
}
.main-tech__closeup-image-wrapper{
    width: 100%;
    position: relative;
}
.main-tech__closeup-image-wrapper::before{
    display: block;
    content: '';
    padding-top: 55%;
}
.main-tech__closeup-image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    border-radius: 8px;
    overflow: hidden;

    object-fit: cover;
    object-position: center;
}
@media (min-width: 992px) {
    .main-tech__closeup{
        flex: unset;
        width: 211px;
    }
}

.main-tech__closeup-hint{
    font-size: 14px;
    opacity: 0.8;
    margin-top: 8px;
}

.main-tech__visual{
    width: 100%;
    margin-top: -10px;
}
@media(min-width: 992px) {
    .main-tech__visual{
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: unset;
        margin-top: 0;

        z-index: -1;
    }
}

.main-tech__bottom{
    margin-top: 32px;
}
@media (min-width: 992px) {
    .main-tech__bottom{
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        margin-top: 48px;
    }
}

.main-tech__projects-link{
    --button-background: #386753;
    --button-color: white;

    --button-hover-background: rgba(56, 103, 83, 0.8);
    --button-hover-color: white;

    font-size: 18px;
}
@media (max-width: 991px) {
    .main-tech__projects-link{
        width: 100%;
        margin-bottom: 20px;
    }
}

.main-tech__preview{
    width: 40px;
    height: 40px;

    border-radius: 999px;
    border: 2px solid white;
}
@media(max-width: 991px) {
    .main-tech__previews{
        margin: 0 auto;
        width: fit-content;
    }
}
.main-tech__preview + .main-tech__preview{
    margin-left: -20px;
}
.main-tech__projects-count{
    opacity: 0.6;
    letter-spacing: 0.5px;
    margin-left: 4px;
}

/* End */
/* /local/css/elements/v2026/btn.light.css?1785935758235 */
/* /local/css/elements/v2026/btn.outline-light.css?1785935758286 */
/* /uslugi/style.css?17859357587830 */
/* /local/components/vue/uslugi/uslugi-state-tab/style.css?17859357582154 */
/* /local/components/vue/uslugi/uslugi-state-content/style.css?17859357583720 */
/* /local/components/vue/uslugi/uslugi-states/style.css?1785935758632 */
/* /local/components/vue/uslugi/uslugi-way-content/style.css?17859357584393 */
/* /local/components/vue/uslugi/uslugi-way/style.css?1785935758959 */
/* /local/components/vue/misc/bottom-popup-panel/style.css?17809037402971 */
/* /local/components/vue/form/validated-input/style.css?17791020571025 */
/* /local/components/vue/form/checkboxes/checkbox/style.css?17459244211196 */
/* /local/components/vue/form/checkboxes/checkbox-approve/style.css?17863705552103 */
/* /local/css/elements/v2026/btn.dark.css?1785935758234 */
/* /local/components/vue/modals/wide-illustrated-form-modal/style.css?17859357582931 */
/* /local/js/vendor/libs/flatpickr/flatpickr.css?177857756216166 */
/* /local/components/vue/misc/modal-component/style.css?17791020571496 */
/* /local/components/vue/form/radio/radio-button-2/style.css?1779102057651 */
/* /local/assets/modal-form-with-date/style.css?17791020574092 */
/* /local/components/vue/articles/article-card-small/style.css?17859357581089 */
/* /local/include-areas/main/technology/style.css?17821270663700 */