.about-project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 769px) {
    .about-project__column {
        width: 31%;
        padding-right: 20px
    }

    .about-project__column:nth-child(2n) {
        width: 69%;
        padding-right: 0
    }
}

.about-project__column_case-page {
    width: 50%
}

.about-project__column_case-page:nth-child(2n) {
    width: 50%
}

@media (max-width: 768px) {
    .about-project__column_case-page {
        width: 100%
    }

    .about-project__column_case-page:nth-child(2n) {
        width: 100%
    }
}

.about-project__title {
    padding-right: 15px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

@media (min-width: 961px) {
    .about-project__title_offset-bottom {
        margin-bottom: 35px
    }
}

.about-project__subtitle:not(:first-child) {
    margin-top: 30px
}

.about-project__text {
    margin-top: 15px
}

.about-project__text_none-margin {
    margin-top: 22px
}

@media (min-width: 769px) {
    .about-project__text_none-margin {
        margin: 0
    }
}

.info-project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 60px
}

@media (min-width: 769px) {
    .info-project {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 73px
    }
}

.info-project_case-page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px
}

@media (min-width: 545px) {
    .info-project_case-page {
        margin-top: 50px
    }
}

@media (min-width: 769px) {
    .info-project_case-page {
        margin-top: 0
    }
}

.info-project_with_separate {
    width: auto;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 769px) {
    .info-project_with_separate {
        width: 100%
    }
}

.info-project__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.info-project__row:not(:first-child) {
    margin-top: 50px
}

@media (min-width: 961px) {
    .info-project__row:not(:first-child) {
        margin-top: 65px
    }
}

.info-project__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    width: 100%
}

@media (min-width: 545px) {
    .info-project__column {
        width: 45%
    }

    .info-project__column:not(:nth-child(-n+3)) {
        margin-top: 60px
    }
}

@media (min-width: 769px) {
    .info-project__column {
        width: 33.33%
    }

    .info-project__column:not(:nth-child(-n+3)) {
        margin-top: 0
    }
}

.info-project__column_case-page {
    width: 50%
}

@media (max-width: 544px) {
    .info-project__column_case-page:not(:first-child) {
        margin-top: 0
    }
}

.info-project__column_with_separate {
    position: relative;
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px
}

@media (min-width: 545px) {
    .info-project__column_with_separate {
        width: calc(33.33% - 30px)
    }
}

.info-project__column_with_separate:not(:first-child):before {
    position: absolute;
    top: 50%;
    left: -14px;
    width: 1px;
    height: 46px;
    content: '';
    -webkit-transform: rotate(30deg) translateY(-50%);
    transform: rotate(30deg) translateY(-50%);
    background-color: #e0e0e0
}

@media (max-width: 544px) {
    .info-project__column_with_separate:not(:first-child):before {
        top: 10px;
        left: -16px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

@media (max-width: 544px) {
    .info-project__column_with_separate:not(:first-child) {
        margin-top: 0
    }
}

@media (max-width: 544px) {
    .info-project__column_with_separate:nth-child(odd):before {
        content: none
    }
}

@media (max-width: 544px) {
    .info-project__column_with_separate:nth-child(n+3) {
        margin-top: 50px
    }
}

.info-project__icon {
    font-size: 4.1rem
}

.info-project__separate:not(:last-child) {
    position: relative;
    width: 45px;
    height: 1px;
    content: '';
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    background-color: #e0e0e0;
    -ms-flex-item-align: center;
    align-self: center
}

@media (max-width: 767px) {
    .info-project__separate:nth-of-type(even) {
        display: none
    }
}

@media (max-width: 544px) {
    .info-project__separate {
        display: none
    }
}

.info-project__data {
    margin-top: 20px
}

.info-project__count {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 3.4rem;
    line-height: 1.2;
    position: relative;
    width: 100px;
    padding-bottom: 30px;
    text-align: center
}

.info-project__count::after {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 58px;
    height: 1px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #5ccae9
}

@media (min-width: 545px) {
    .info-project__count {
        padding-bottom: 40px
    }

    .info-project__count::after {
        bottom: 20px
    }
}

@media (min-width: 961px) {
    .info-project__count {
        font-size: 3.6rem
    }
}

.info-project__count_without-line {
    padding-bottom: 20px;
    font-weight: 200
}

.info-project__count_without-line::after {
    display: none
}

.info-project__name {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 20px
}

.info-project__subname {
    font-family: inherit;
    font-weight: 200;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center
}

@media (min-width: 545px) {
    .info-project__subname {
        font-size: 1.6rem
    }
}

@media (min-width: 961px) {
    .info-project__subname {
        font-size: 1.8rem
    }
}

.info-project__text {
    max-width: 100%;
    text-align: center
}

@media (min-width: 545px) {
    .info-project__text {
        max-width: none
    }
}

.info-project__text_case-page {
    font-weight: 400
}

@media (min-width: 961px) {
    .info-project__text_case-page {
        margin-left: 30px
    }
}

@media (min-width: 961px) and (pointer: fine) {
    .info-project__text_case-page:hover {
        color: inherit
    }
}

.info-project-short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 65px;
    width: 100%
}

@media (min-width: 960px) {
    .info-project-short {
        margin-top: 87px
    }
}

.info-project-short__item {
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px
}

.info-project-short__item:nth-child(n+3) {
    margin-top: 40px
}

@media (min-width: 544px) {
    .info-project-short__item {
        width: calc(25% - 30px);
        margin-left: 15px;
        margin-right: 15px
    }

    .info-project-short__item:nth-child(n+3) {
        margin-top: 0
    }

    .info-project-short__item:nth-child(n+5) {
        margin-top: 55px
    }
}

@media (min-width: 961px) {
    .info-project-short__item {
        width: calc(16.66% - 30px)
    }

    .info-project-short__item:nth-child(n+5) {
        margin-top: 0
    }
}

.info-project-short__name {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.5
}

.info-project-short__description {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 13px
}

.accordion {
    position: relative;
    cursor: pointer
}

.accordion::after {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'     viewBox='0 0 25 25'%3E%3Cpath fill='currentColor' d='M13 0H12V12H0V13H12V25H13V13H25V12H13V0Z'     /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.accordion_lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
    padding: 25px 100px 26px 61px;
    line-height: 1.5;
    color: #020303;
    outline: none;
    background: #fff
}

.accordion_lg::after {
    top: 50%;
    right: 60px;
    width: 25px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 960px) {
    .accordion_lg {
        padding: 24px 100px 26px 71px
    }

    .accordion_lg::after {
        right: 71px
    }
}

@media (max-width: 768px) {
    .accordion_lg {
        padding: 21px 70px 20px 20px
    }
}

@media (max-width: 544px) {
    .accordion_lg {
        padding: 25px 55px 25px 20px;
        font-size: 2.6rem;
        line-height: 1.15
    }

    .accordion_lg::after {
        right: 18px;
        height: 21px
    }
}

.accordion_md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.5;
    padding: 40px 30px 40px 0;
    border-bottom: thin solid #e0e0e0
}

.accordion_md::after {
    top: 50%;
    right: -6px;
    width: 22px;
    height: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 960px) {
    .accordion_md {
        padding: 25px 70px 25px 0;
        font-size: 2.2rem
    }

    .accordion_md::after {
        right: 13px
    }
}

@media (max-width: 544px) {
    .accordion_md {
        padding: 15px 60px 15px 0
    }

    .accordion_md::after {
        right: 9px
    }
}

.accordion_sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.5;
    padding: 24px 40px 24px 24px
}

.accordion_sm::after {
    top: 50%;
    right: 20px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none'       xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.7'%3E%3Crect x='8.40039' width='1.2' height='18'       fill='%23020303'/%3E%3Crect x='18' y='8.3999' width='1.2' height='18' transform='rotate(90 18 8.3999)'       fill='%23020303'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accordion_arrow {
    margin-top: -1px;
    border-top: thin solid #e0e0e0
}

.accordion_arrow::after {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    right: 20px;
    top: 45%;
    content: '';
    width: 14px;
    height: 14px;
    background-image: none;
    border-bottom: thin solid #828282;
    border-left: thin solid #828282;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.accordion.active::after {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'       viewBox='0 0 25 25'%3E%3Crect width='25' height='25' fill='currentColor' fill-opacity='0'       /%3E%3Crect width='25' height='1' y='12' fill='%23020303'/%3E%3C/svg%3E")
}

.accordion.active.accordion_arrow::after,
.accordion.active.accordion_technology::after {
    top: 55%;
    background-image: none;
    -webkit-transform: translateY(-50%) rotate(-225deg);
    transform: translateY(-50%) rotate(-225deg)
}

.accordion.active.accordion_sm::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'     viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13 0H12V12H0V13H12V25H13V13H25V12H13V0Z'     /%3E%3C/svg%3E");
    -webkit-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%)
}

.accordion_calculator {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    position: relative;
    display: block;
    padding: 24px 40px 24px 20px;
    background-color: #fafafa;
    color: #020303
}

.accordion_technology {
    font-family: inherit;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4;
    position: relative;
    display: block;
    padding: 20px 40px 20px 20px;
    background-color: #fafafa;
    color: #556170;
    text-transform: uppercase
}

.accordion_technology::after {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    right: 22px;
    top: 45%;
    content: '';
    width: 10px;
    height: 10px;
    background-image: none;
    border-bottom: thin solid #828282;
    border-left: thin solid #828282;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.accordion_technology_active {
    background-color: #f0f0f0
}

.accordion__logo-wrapper {
    max-width: 120px;
    height: 30px
}

.accordion__logo {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    height: 100%
}

.accordion__title {
    margin-left: 35px
}

.accordion__subtitle {
    position: absolute
}

@media (min-width: 960px) {
    .accordion__subtitle {
        left: 195px;
        padding-right: 105px
    }
}

@media (min-width: 1200px) {
    .accordion__subtitle {
        left: 255px
    }
}

.panel {
    overflow: hidden;
    display: none
}

.panel__layout {
    margin-left: 75px;
    margin-right: 75px;
    padding-bottom: 80px
}

.panel__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 80px
}

.panel__footer-description {
    max-width: 460px
}

.panel__footer-subtitle {
    margin-top: 10px
}

.panel_clear-padding {
    margin: 0 -20px
}

.panel_white_bg {
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04)
}

.active {
    background-color: #f7f7f7
}

.extended-subtitle {
    margin-top: 40px;
    padding: 20px;
    background: #fff
}

@media (min-width: 768px) {
    .extended-subtitle {
        padding: 40px 65px
    }
}

.extended-subtitle__row {
    margin-top: 20px
}

@media (min-width: 768px) {
    .extended-subtitle__row {
        margin-top: 40px
    }
}

.extended-subtitle__column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 20px
}

@media (min-width: 768px) {
    .extended-subtitle__column {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .extended-subtitle__column:not(:last-of-type)::after {
        position: absolute;
        right: 6px;
        width: 1px;
        height: 50px;
        content: '';
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        background: #e0e0e0
    }
}

@media (min-width: 768px) {
    .extended-subtitle__column:nth-of-type(2) .extended-subtitle__info-description {
        max-width: 58px
    }
}

@media (min-width: 768px) {
    .extended-subtitle__column:nth-of-type(3) .extended-subtitle__info-description {
        max-width: 80px
    }
}

.extended-subtitle__info-number {
    min-width: 34px
}

@media (min-width: 768px) {
    .extended-subtitle__info-number {
        min-width: unset
    }
}

.extended-subtitle__info-description {
    margin-left: 10px
}

@media (min-width: 768px) {
    .extended-subtitle__info-description {
        min-width: unset;
        max-width: 134px;
        margin-left: 20px
    }
}

.our-resume_no-margin-bottom {
    margin-bottom: 0
}

.our-resume__description {
    margin-top: 40px
}

.our-resume__list {
    padding-top: 40px
}

@media (min-width: 769px) {
    .our-resume__list {
        padding-top: 48px
    }
}

@media (min-width: 961px) {
    .our-resume__list {
        padding-top: 60px
    }
}

.our-resume__list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.our-resume__list .slick-list {
    width: 100%
}

.our-resume__list .slick-slide {
    height: auto
}

.our-resume__list .slick-slide .resume__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.our-resume__list .slick-slide .resume__columns:last-child {
    margin-top: auto
}

.our-resume__list .slick-slide .resume__col {
    margin-right: 14px
}

.our-resume__list .slick-slide .resume__col:last-child {
    margin-right: 0
}

.our-resume__list .slick-slide .resume__separator {
    margin-right: 12px
}

.our-resume__list .slick-slide .resume__experience {
    margin-right: 4px
}

.our-resume__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px;
    background-color: #fff
}

@media (min-width: 545px) {
    .our-resume__description {
        padding: 20px 50px
    }
}

@media (min-width: 961px) {
    .our-resume__description {
        padding: 20px 65px
    }
}

.our-resume__description-icon {
    min-width: 45px;
    height: 45px;
    margin-right: 20px
}

@media (max-width: 545px) {
    .our-resume__description-icon {
        margin-right: 10px
    }
}

.our-resume__button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.our-resume__button {
    margin-left: auto
}

.our-resume__select {
    z-index: 2;
    width: 100%;
    color: #58595b
}

@media (min-width: 545px) {
    .our-resume__select {
        width: 65.5%
    }
}

@media (min-width: 961px) {
    .our-resume__select {
        width: calc(33.3% - 24px)
    }
}

.our-resume__select .select__head {
    margin-right: 0;
    padding-left: 0;
    color: #58595b
}

.our-resume__select .select__list {
    overflow-y: auto;
    max-height: 360px;
    padding: 0
}

.our-resume__search-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 58px
}

@media (min-width: 545px) {
    .our-resume__search-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 59px
    }
}

@media (min-width: 961px) {
    .our-resume__search-buttons {
        margin-top: 80px
    }
}

.our-resume__search-buttons_without-filter {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px
}

@media (min-width: 769px) {
    .our-resume__search-buttons_without-filter {
        margin-top: 48px
    }
}

@media (min-width: 961px) {
    .our-resume__search-buttons_without-filter {
        margin-top: 35px
    }
}

.our-resume__search-buttons .nothing-found {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 1.7rem;
    line-height: 1.6;
    margin-top: 11px
}

@media (max-width: 544px) {
    .our-resume__button-request {
        min-width: 170px
    }
}

.resume {
    position: relative;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .resume:not(:last-child) {
        margin-bottom: 20px
    }
}

.resume::after {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    background-color: transparent
}

.resume:hover::after {
    display: none
}

@media (min-width: 769px) {
    .resume:hover::after {
        display: block;
        background-color: #5ccae9
    }
}

.resume_without_hover:hover::after {
    content: none
}

.resume__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 103px 20px 20px;
    text-align: left;
    color: #020303;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07)
}

@media (min-width: 1025px) {
    .resume__body {
        padding: 110px 20px 20px
    }
}

@media (min-width: 1256px) {
    .resume__body {
        padding: 135px 30px 40px
    }
}

.resume__body:hover {
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07)
}

.resume__body::after {
    position: absolute;
    top: 12px;
    right: 32px;
    width: 68px;
    height: 60px;
    content: '';
    background: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/et-pdf-new.svg") 50% 50%/contain no-repeat
}

@media (min-width: 657px) {
    .resume__body::after {
        right: 20px
    }
}

@media (min-width: 961px) {
    .resume__body::after {
        right: 30px;
        top: 23px
    }
}

.resume__body_impersonal::after {
    right: unset;
    left: 20px
}

@media (min-width: 961px) {
    .resume__body_impersonal::after {
        top: 15px;
        left: 30px
    }
}

.resume__body_qa::after {
    position: absolute;
    top: 14px;
    left: 26px
}

@media (min-width: 545px) {
    .resume__body_qa::after {
        top: 19px;
        left: 28px
    }
}

@media (min-width: 769px) {
    .resume__body_qa::after {
        top: 14px;
        left: 29px;
        width: 48px;
        height: 45px
    }
}

@media (min-width: 1025px) {
    .resume__body_qa::after {
        top: 12px;
        left: 32px;
        width: 73px;
        height: 60px
    }
}

.resume__body + .resume__body {
    margin-top: 30px
}

@media screen and (min-width: 769px) {
    .resume__body + .resume__body {
        margin-top: 0
    }
}

@media (pointer: fine) {
    .resume__body:hover {
        -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.1)
    }
}

.resume__body_popup {
    padding: 100px 20px 20px
}

.resume__body_popup::after {
    top: 5px;
    left: 25px
}

.resume__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 769px) {
    .resume__title {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width: 544px) {
    .resume__title {
        margin-bottom: 18px;
        font-size: 3.4rem;
        line-height: 1.17
    }
}

.resume__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.resume__experience {
    display: block;
    margin-right: 10px
}

@media (min-width: 657px) {
    .resume__experience {
        margin-right: 2px
    }
}

@media (min-width: 961px) {
    .resume__experience {
        margin-right: 10px
    }
}

.resume__experience_portfolio {
    line-height: 1
}

.resume__experience-description {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.2rem;
    max-width: 90px
}

@media (min-width: 657px) {
    .resume__experience-description {
        font-size: 1.2rem;
        line-height: 1.9rem
    }
}

@media (min-width: 1084px) {
    .resume__experience-description {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.resume__experience-description_portfolio {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.resume__experience-description_popup {
    font-size: 1.2rem
}

.resume__photo-wrapper {
    position: absolute;
    top: 30px;
    left: 29px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.resume__photo {
    width: 100%;
    height: 100%
}

.resume__name {
    position: relative;
    overflow: hidden;
    height: 58px;
    margin-bottom: 43px
}

@media (min-width: 961px) {
    .resume__name {
        margin-bottom: 65px;
        height: 62px
    }
}

.resume__name_portfolio {
    height: auto;
    margin-bottom: 5px
}

@media (min-width: 545px) {
    .resume__name_portfolio {
        margin-bottom: 10px
    }
}

.resume__position {
    width: 100%;
    margin-bottom: 30px
}

@media (min-width: 545px) {
    .resume__position {
        margin-bottom: 20px
    }
}

@media (min-width: 1025px) {
    .resume__position {
        margin-bottom: 50px
    }
}

.resume__position_qa {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.3;
    max-width: 290px;
    min-height: 65px;
    overflow: visible;
    white-space: normal
}

@media (max-width: 961px) {
    .resume__position_qa {
        font-size: 2.2rem
    }
}

.resume__position_extra_margin_bottom {
    margin-bottom: 72px
}

@media (min-width: 545px) {
    .resume__position_extra_margin_bottom {
        margin-bottom: 44px
    }
}

@media (min-width: 1025px) {
    .resume__position_extra_margin_bottom {
        margin-bottom: 94px
    }
}

.resume__technologies {
    display: block;
    overflow: hidden;
    margin-bottom: auto;
    padding-bottom: 20px
}

.resume__technologies-title {
    position: relative;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
}

.resume__technologies-text_with_max-height {
    overflow: hidden;
    min-height: 50px
}

@media (min-width: 769px) {
    .resume__technologies-text_with_max-height {
        max-height: 68px
    }
}

@media (min-width: 961px) {
    .resume__technologies-text_with_max-height {
        max-height: 78px
    }
}

.resume__technologies-text_popup {
    max-height: 56px
}

@media (min-width: 961px) {
    .resume__technologies-text_popup {
        max-height: 68px
    }
}

.resume__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    margin-top: auto
}

.resume__columns:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-bottom: 0
}

.resume__columns_border_top {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0
}

.resume__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: 11px
}

@media (min-width: 657px) {
    .resume__col {
        margin-right: 14px
    }
}

@media (min-width: 961px) {
    .resume__col {
        margin-right: 22px
    }
}

.resume__col:last-child {
    margin-right: 0
}

.resume__separator {
    height: 40px;
    margin-right: 5px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    border-left: 1px solid #e3e3e3
}

@media (min-width: 545px) {
    .resume__separator {
        margin-right: 18px
    }
}

@media (min-width: 961px) {
    .resume__separator {
        margin-right: 22px
    }
}

.resume__price {
    margin-left: auto
}

.resume__price-currency {
    margin-right: -3px
}

.resume__price-value {
    position: relative;
    font-size: 2.6rem
}

@media (min-width: 769px) {
    .resume__price-value {
        font-size: 2rem
    }
}

@media (min-width: 961px) {
    .resume__price-value {
        font-size: 2.6rem
    }
}

.resume__price-units::before {
    content: '/';
    letter-spacing: 0.4rem
}

.resume__button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 768px) {
    .resume__button-row {
        margin: 0
    }
}

.resume__button-row_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.resume__link {
    display: block
}

.highlight {
    color: #020303;
    background-color: #5ccae9
}

.list_numbered {
    list-style: inside decimal
}

.list_numbered .list__item {
    padding-left: 0
}

.list_numbered .list__item::before {
    content: none
}

.list_counter .list__item:not(:first-child) {
    margin-top: 10px
}

.list_counter .list__item:before {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.2rem;
    top: 0;
    counter-increment: technology;
    content: counter(technology);
    color: #556170;
    background: none
}

.list_dotted .list__item::before {
    top: 7px;
    width: 6px;
    height: 6px;
    background: #020303;
    border-radius: 50%
}

.list_checked .list__item:not(:first-child) {
    margin-top: 10px
}

.list_checked .list__item::before {
    top: 12px;
    width: 8px;
    height: 7px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none"         viewBox="0 0 9 8"%3E%3Cpath stroke="%23556170" d="M.5 4l3 2.5L8 1"/%3E%3C/svg%3E');
    background-color: transparent
}

.list_checked_md .list__item {
    padding-left: 18px
}

@media (min-width: 545px) {
    .list_checked_md .list__item {
        padding-left: 28px
    }
}

.list_checked_md .list__item::before {
    top: 8px
}

@media (min-width: 545px) {
    .list_checked_md .list__item::before {
        top: 10px
    }
}

.list_color_white {
    color: #fff
}

.list_color_white .list__item::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none"         viewBox="0 0 9 8"%3E%3Cpath stroke="%23ffffff" d="M.5 4l3 2.5L8 1"/%3E%3C/svg%3E')
}

.list_indent_top_20 .list__item:not(:first-child) {
    margin-top: 20px
}

.list_indent_top_10 .list__item:not(:first-child) {
    margin-top: 10px
}

.list_article_page {
    margin-top: 20px;
    margin-bottom: 20px
}

.list_article_page > .list_article_page {
    margin-left: 30px
}

.list_article_page .list__item {
    padding-left: 20px
}

@media (min-width: 657px) {
    .list_article_page .list__item {
        padding-left: 30px
    }
}

.list_article_page .list__item:not(:first-child) {
    margin-top: 10px
}

.list_fintech_page .list__item:not(:first-child) {
    margin-top: 10px
}

.list_maintenance_page .list__item:not(:first-child),
.list_qa_page .list__item:not(:first-child),
.list_aws_page .list__item:not(:first-child),
.list_data_science_page .list__item:not(:first-child) {
    margin-top: 10px
}

.list_vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list_vertical .list__item:not(:first-child) {
    margin-top: 0
}

@media (min-width: 768px) {
    .list_vertical .list__item:not(:first-child) {
        margin-top: 10px
    }
}

.list_vertical .list__item:nth-child(n+2) {
    margin-bottom: 10px
}

.list_unstyled .list__item {
    margin-top: 10px;
    padding-left: 0
}

.list_unstyled .list__item::before {
    content: none
}

.list_unstyled .list__item:not(:first-child) {
    margin-top: 0
}

.list__item {
    position: relative;
    padding-left: 20px
}

.list__item::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 11px;
    height: 9px;
    content: '';
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub2       5lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA0LjAwMDY1TDMuOTk5ODUgNi41MDA1TDguNSAxIiBzdHJ       va2U9IiMwMjAzMDMiLz4KPC9zdmc+Cg==") no-repeat
}

.list__item:not(:first-child) {
    margin-top: 20px
}

.list__item-descr {
    margin-top: 10px
}

.list__link {
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.list__link:hover {
    color: #5ccae9
}

.specifics__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 46px
}

@media (min-width: 769px) {
    .specifics__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 46px 30px 0 0
    }
}

.specifics__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    width: 33%
}

.specifics__item-wrapper:nth-of-type(1)::after,
.specifics__item-wrapper:nth-of-type(4)::after {
    display: none
}

@media (min-width: 769px) {
    .specifics__item-wrapper {
        display: block;
        width: auto;
        text-align: center
    }

    .specifics__item-wrapper:nth-of-type(4)::after {
        display: block
    }
}

.specifics__item-wrapper:not(:first-of-type) {
    padding-left: 23px
}

@media (min-width: 545px) {
    .specifics__item-wrapper:not(:first-of-type) {
        padding-left: 35px
    }
}

@media (min-width: 769px) {
    .specifics__item-wrapper:not(:first-of-type) {
        padding-left: 75px
    }
}

@media (min-width: 961px) {
    .specifics__item-wrapper:not(:first-of-type) {
        padding-left: 100px
    }
}

.specifics__item-wrapper:not(:first-of-type)::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 40px;
    content: '';
    -webkit-transform: rotate(30deg) translateY(-50%);
    transform: rotate(30deg) translateY(-50%);
    border-left: 1px solid #e0e0e0
}

.specifics__item-wrapper:nth-of-type(4) {
    padding-left: 0
}

@media (min-width: 769px) {
    .specifics__item-wrapper:nth-of-type(4) {
        padding-left: 75px
    }
}

@media (min-width: 961px) {
    .specifics__item-wrapper:nth-of-type(4) {
        padding-left: 100px
    }
}

.specifics__item {
    text-align: center
}

@media (pointer: fine) {
    .specifics__item:hover .specifics__item-link {
        text-decoration: underline;
        color: #5ccae9
    }
}

.specifics__item-top {
    padding: 18px 0 15px;
    border-bottom: 1px solid #5ccae9
}

.specifics__item-bottom {
    padding: 10px 0;
    line-height: 1.4
}

.specifics__item-title {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 3.6rem;
    line-height: 1.5
}

.specifics__item-title span {
    font-size: 1.8rem
}

.specifics__item-link {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    display: block;
    font-size: 1.6rem
}

.filter-tag {
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.95;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding: 2px 37px 2px 15px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    background-color: #e0e0e0
}

.filter-tag:not(:last-child) {
    margin-right: 10px
}

@media (pointer: fine) {
    .filter-tag:hover {
        background-color: #5ccae9
    }
}

.filter-tag:after,
.filter-tag:before {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 1px;
    height: 15px;
    content: '';
    background-color: #556170
}

.filter-tag:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.filter-tag:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.filter-tag_active {
    background-color: #5ccae9
}

.filter-tag_static {
    padding-right: 15px;
    cursor: default
}

.filter-tag_static:before,
.filter-tag_static:after {
    content: none
}

.filter-tag_translucent {
    color: #fff;
    background: rgba(2, 3, 3, 0.4)
}

.filter-tag_translucent:hover {
    background: rgba(2, 3, 3, 0.4)
}

@media (min-width: 545px) {
    .filter-tag_mobile {
        display: none
    }
}

@media (max-width: 544px) {
    .filter-tag_desktop-tablet {
        display: none
    }
}

.filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.filter_bg-white {
    color: #020303;
    background-color: #fff
}

.filter_margin_top {
    margin-top: 40px
}

@media (min-width: 545px) {
    .filter_margin_top {
        margin-top: 60px
    }
}

.filter__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 60px;
    margin-bottom: 24px
}

@media (min-width: 961px) {
    .filter__image-wrap {
        margin-bottom: 31px
    }
}

.filter__image {
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    display: block;
    width: auto;
    height: 48px;
    max-width: 85px;
    opacity: .5;
    color: #a5abb3;
    will-change: transform;
    -webkit-filter: grayscale(1) contrast(50%) brightness(60%);
    filter: grayscale(1) contrast(50%) brightness(60%)
}

.filter__image_page_fintech {
    max-width: 120px;
    height: 35px
}

@media (min-width: 657px) {
    .filter__image_page_fintech {
        height: 60px
    }
}

.filter__image-carousel {
    max-width: 50%;
    max-height: 60px
}

.filter__name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.filter__name {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.6;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    margin-bottom: 5px;
    text-align: center;
    border-bottom: thin solid #556170
}

.filter__name_without-border {
    border: none;
    width: 80%
}

.filter__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    width: 25.33%;
    min-height: 129px
}

.filter__item:nth-child(1n) {
    margin-bottom: 33px
}

@media (min-width: 545px) {
    .filter__item {
        width: 33.33%
    }

    .filter__item:nth-child(1n) {
        margin-bottom: 70px
    }
}

@media (min-width: 769px) {
    .filter__item {
        width: 8.5%;
        min-height: auto
    }

    .filter__item:nth-child(1n) {
        margin-bottom: 0
    }
}

@media (min-width: 961px) {
    .filter__item {
        width: 7.66%
    }
}

@media (pointer: fine) {
    .filter__item:hover .filter__name {
        color: #5ccae9;
        border-color: #5ccae9
    }

    .filter__item:hover .filter__image {
        opacity: .8
    }
}

.filter__item:active .filter__name {
    color: #f2cb00;
    border-color: #f2cb00
}

.filter__item .line-slash::before {
    display: none;
    top: 78%;
    left: -78%;
    height: 43px;
    opacity: 1;
    color: #58595b
}

@media (min-width: 769px) {
    .filter__item .line-slash::before {
        display: block
    }
}

@media (min-width: 961px) {
    .filter__item .line-slash::before {
        left: -100%
    }
}

@media (max-width: 768px) {
    .filter__item:nth-child(4n),
    .filter__item:nth-child(5n),
    .filter__item:nth-child(6n) {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .filter__item:nth-child(4) .line-slash::before {
        border-left: none
    }
}

.filter__item:first-child .line-slash::before {
    border-left: none
}

.filter_col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.filter_col-3 .filter__image-wrap {
    margin: -5px 0 17px
}

.filter_project_1c {
    margin-top: 40px;
    margin-bottom: 0
}

@media (min-width: 545px) {
    .filter_project_1c {
        padding: 0 50px 12px
    }
}

@media (min-width: 961px) {
    .filter_project_1c {
        padding: 0 80px 0
    }
}

.technology-carousel__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 545px) {
    .technology-carousel__layout {
        padding-bottom: 40px
    }
}

@media (min-width: 961px) {
    .technology-carousel__layout {
        padding-bottom: 40px
    }
}

.technology-carousel__layout .slick-list {
    width: 100%
}

.technology-carousel__layout .slick-next,
.technology-carousel__layout .slick-prev {
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.technology-carousel__layout .slick-prev {
    left: 0
}

.technology-carousel__layout .slick-next {
    right: 0
}

.technology-carousel__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-top: 40px;
    width: 100%
}

@media (min-width: 657px) {
    .technology-carousel__list {
        margin-top: 60px
    }
}

.technology-carousel__list:before,
.technology-carousel__list:after {
    content: '';
    display: block;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 1
}

@media (min-width: 544px) {
    .technology-carousel__list:before,
    .technology-carousel__list:after {
        width: 25px
    }
}

.technology-carousel__list:before {
    left: 0
}

@media (min-width: 545px) {
    .technology-carousel__list:before {
        left: -8px
    }
}

@media (min-width: 1080px) {
    .technology-carousel__list:before {
        left: 0
    }
}

.technology-carousel__list:after {
    right: 0
}

@media (min-width: 545px) {
    .technology-carousel__list:after {
        right: -8px
    }
}

@media (min-width: 1080px) {
    .technology-carousel__list:after {
        right: 0
    }
}

.technology-carousel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    min-height: 129px
}

@media (pointer: fine) {
    .technology-carousel__item[href]:hover .technology-carousel__name {
        color: #5ccae9;
        border-color: #5ccae9
    }

    .technology-carousel__item[href]:hover .ftechnology-carousel__image {
        opacity: .8
    }
}

.technology-carousel__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 60px;
    margin-bottom: 24px
}

@media (min-width: 657px) {
    .technology-carousel__image-wrap {
        margin-bottom: 35px
    }
}

@media (min-width: 961px) {
    .technology-carousel__image-wrap {
        margin-bottom: 31px
    }
}

.technology-carousel__image {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
    width: auto;
    height: 48px;
    max-width: 85px;
    opacity: .5;
    color: #a5abb3;
    will-change: transform;
    -webkit-filter: grayscale(1) contrast(50%) brightness(60%);
    filter: grayscale(1) contrast(50%) brightness(60%)
}

.technology-carousel__image_page_fintech {
    max-width: 120px;
    height: 35px
}

@media (min-width: 657px) {
    .technology-carousel__image_page_fintech {
        height: 60px
    }
}

.technology-carousel__image-carousel {
    max-width: 50%;
    max-height: 48px
}

.technology-carousel__icon {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: auto;
    height: 45px;
    opacity: .8;
    color: #adadad
}

.technology-carousel__name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.technology-carousel__name-wrap_two-lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.technology-carousel__name-wrap_two-lines .technology-carousel__name {
    line-height: 1.4;
    display: inline-block;
    width: 100%
}

.technology-carousel__name {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin-bottom: 5px;
    padding-bottom: 2px;
    text-align: center
}

@media (min-width: 545px) {
    .technology-carousel__name {
        padding-bottom: 4px
    }
}

@media (min-width: 961px) {
    .technology-carousel__name {
        padding-bottom: 1px
    }
}

.technology-carousel__slash:before {
    content: '';
    display: block;
    height: 40px;
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    -webkit-transform: skewX(-30deg) translateX(-50%);
    transform: skewX(-30deg) translateX(-50%);
    border-left: 1px solid #e0e0e0
}

@media (min-width: 961px) {
    .technology-carousel__slash:before {
        top: 85px
    }
}

.technology-carousel .slick-dots {
    bottom: unset
}

.technology-carousel__item {
    min-height: auto
}

.technology-carousel__item.js-slick-first .technology-carousel__slash::before,
.technology-carousel__item.js-slick-last .technology-carousel__slash::before {
    opacity: 0
}

.technology-carousel__item.slick-active:not(.js-slick-first) .technology-carousel__slash::before {
    opacity: 1
}

.technology-carousel__item.slick-slide:nth-child(n) {
    margin-bottom: 0
}

@media (max-width: 544px) {
    .cv-count {
        margin-top: 15px
    }
}

.cv-count_without-filter {
    margin-top: 0
}

@media (max-width: 544px) {
    .cv-count_mobile-hidden {
        display: none
    }
}

.cv-count__icon {
    width: auto;
    height: 23px;
    margin-right: 7px
}

.hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 20px;
    background: #fafafa
}

@media (min-width: 545px) {
    .hint {
        padding: 20px 50px
    }
}

@media (min-width: 1025px) {
    .hint {
        padding: 20px 65px
    }
}

.hint_align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 768px) {
    .hint_wrap-tablet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.hint_white_bg {
    background: #fff
}

.hint_without_indents {
    margin: 0;
    padding: 0
}

.hint_without_padding {
    padding: 0
}

.hint_padding-qa {
    padding-top: 39px;
    padding-bottom: 39px
}

.hint__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 769px) {
    .hint__content_padding-right {
        padding-right: 30px
    }
}

.hint__text {
    max-width: 600px
}

@media (min-width: 961px) {
    .hint__text {
        max-width: 700px
    }
}

.hint__text_full-width {
    max-width: none
}

.hint__text .bold {
    font-weight: 500
}

.hint__button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 769px) {
    .hint__button {
        margin-left: auto
    }
}

@media (max-width: 768px) {
    .hint__button {
        margin-top: 20px
    }
}

.hint svg {
    width: auto;
    height: 45px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (min-width: 545px) {
    .hint svg {
        margin-right: 25px
    }
}

@media (min-width: 1025px) {
    .hint svg {
        margin-right: 50px
    }
}

.hint_gray {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px;
    background-color: #fafafa
}

@media (max-width: 960px) {
    .hint_gray {
        margin-top: 90px
    }
}

@media (max-width: 544px) {
    .hint_gray {
        display: none
    }
}

.resume-filter {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.7rem
}

.resume-filter__wrapper {
    position: relative
}

.resume-filter__wrapper.js-active .resume-filter__dropdown {
    pointer-events: all;
    opacity: 1
}

.resume-filter__wrapper.js-active .resume-filter__search:after {
    top: 58%;
    -webkit-transform: translateY(-50%) rotate(-225deg);
    transform: translateY(-50%) rotate(-225deg)
}

.resume-filter__search {
    position: relative;
    overflow: hidden;
    margin-right: 0;
    padding: 5px 34px 10px 0;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #828282;
    border-bottom: 2px solid rgba(117, 117, 117, 0.6)
}

.resume-filter__search:after {
    position: absolute;
    top: 45%;
    right: 3px;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: 1px solid #5ccae9;
    border-left: 1px solid #5ccae9
}

.resume-filter__search.is-open:after {
    top: 58%;
    -webkit-transform: translateY(-50%) rotate(-225deg);
    transform: translateY(-50%) rotate(-225deg)
}

.resume-filter__dropdown {
    position: absolute;
    z-index: 1;
    top: calc(100% + 8px);
    left: 0;
    overflow-y: auto;
    width: 100%;
    min-width: 180px;
    max-height: 360px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    pointer-events: none;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.12)
}

.resume-filter__dropdown:before,
.resume-filter__dropdown:after {
    position: sticky;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 20px;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #fff), to(rgba(255, 255, 255, 0.001)));
    background: linear-gradient(#fff 25%, rgba(255, 255, 255, 0.001))
}

.resume-filter__dropdown:after {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.resume-filter__dropdown.is-open {
    pointer-events: all;
    opacity: 1
}

.resume-filter__dropdown-item {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    padding: 3px 16px 3px
}

@media (pointer: fine) {
    .resume-filter__dropdown-item:hover {
        background-color: #f6f7f8
    }
}

.resume-filter__item-checkbox {
    display: none
}

.resume-filter__item-checkbox:checked + .resume-filter__item-label:before {
    background: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/careers/checkbox-fill.svg") no-repeat
}

.resume-filter__item-label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 28px;
    cursor: pointer;
    color: #444343
}

.resume-filter__item-label:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/careers/checkbox-empty.svg") no-repeat
}

.soft-dev-approach__title_small {
    max-width: 920px
}

.soft-dev-approach__subtitle {
    margin-top: 60px
}

.soft-dev-approach__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px
}

.soft-dev-approach__grid_with_subtitle {
    margin-top: 0
}

.soft-dev-approach__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media (max-width: 544px) {
    .soft-dev-approach__item:not(:first-child) {
        margin-top: 40px
    }
}

@media (min-width: 545px) {
    .soft-dev-approach__item {
        margin-top: 40px
    }
}

.soft-dev-approach__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.soft-dev-approach__item-title {
    width: 100%
}

.soft-dev-approach__item-icon {
    width: auto;
    height: 45px;
    margin-bottom: 10px
}

@media (min-width: 1025px) {
    .soft-dev-approach__item-icon {
        margin-bottom: 20px
    }
}

.soft-dev-approach__item-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ebebeb;
    color: #828282;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    color: #828282
}

.soft-dev-approach__item-text {
    margin-top: 10px
}

@media (min-width: 1025px) {
    .soft-dev-approach__item-text {
        margin-top: 20px
    }
}

.soft-dev-approach__list {
    margin-top: 10px
}

@media (min-width: 961px) {
    .soft-dev-approach__list {
        margin-top: 20px
    }
}

.business-domains {
    position: relative
}

.business-domains__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 1025px) {
    .business-domains__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.business-domains__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1025px) {
    .business-domains__description {
        width: 100%;
        max-width: 445px;
        margin-right: 110px
    }
}

@media (min-width: 886px) {
    .business-domains__row_flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 961px) {
    .business-domains__row_flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.business-domains__button {
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width: 961px) {
    .business-domains__button {
        left: 35px
    }
}

@media (min-width: 1081px) {
    .business-domains__button {
        left: 0
    }
}

@media (min-width: 1201px) {
    .business-domains__button {
        position: relative;
        bottom: 0;
        max-width: 210px;
        margin-top: 40px
    }
}

@media (min-width: 886px) {
    .business-domains__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.business-domains__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 545px) {
    .business-domains__list {
        margin-top: 20px
    }
}

@media (min-width: 1025px) {
    .business-domains__list {
        margin-top: -40px;
        margin-bottom: 0
    }
}

.business-domains__list-item {
    margin-top: 40px;
    line-height: 0
}

.business-domains__list-subitem {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-top: 10px
}

.business-domains__link {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media (min-width: 545px) {
    .business-domains__link {
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none
    }
}

@media (pointer: fine) {
    .business-domains__link:hover {
        border-bottom: thin solid #5ccae9
    }
}

.solution {
    padding-top: 60px;
    padding-bottom: 60px;
    color: #020303
}

@media (min-width: 545px) {
    .solution {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 961px) {
    .solution {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.solution__title {
    margin-bottom: 27px
}

@media (min-width: 545px) {
    .solution__title {
        margin-bottom: 11px
    }
}

@media (min-width: 961px) {
    .solution__title {
        margin-bottom: 27px
    }
}

.solution__text {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    max-width: 875px;
    margin-bottom: 23px
}

@media (min-width: 545px) {
    .solution__text {
        margin-bottom: 20px;
        font-size: 1.8rem
    }
}

.solution__accordion {
    width: 100%;
    counter-reset: num
}

.solution__accordion-item {
    position: relative;
    padding-left: 80px
}

.solution__accordion-item::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.14;
    position: absolute;
    z-index: 1;
    top: 43px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    content: "0" counter(num);
    counter-increment: num;
    border-radius: 50%;
    background: #5ccae9
}

.solution__accordion-item::after {
    position: absolute;
    top: 83px;
    bottom: -2em;
    left: 18px;
    width: 4px;
    content: '';
    background: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/dot3.svg") 50% 50%
}

.solution__accordion-item:last-child::after {
    display: none
}

@media (max-width: 960px) {
    .solution__accordion-item::before {
        top: 22px
    }

    .solution__accordion-item::after {
        top: 66px
    }
}

@media (max-width: 544px) {
    .solution__accordion-item {
        padding-left: 46px
    }

    .solution__accordion-item::before {
        top: 12px;
        width: 30px;
        height: 30px
    }

    .solution__accordion-item::after {
        top: 21px;
        left: 13px;
        width: 3px
    }
}

.solution__accordion-text {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative;
    max-width: 960px;
    margin: 27px 0;
    padding-left: 35px
}

.solution__accordion-text:first-child {
    margin-top: 42px
}

.solution__accordion-text:last-child {
    margin-bottom: 0;
    padding-bottom: 65px;
    border-bottom: 1px solid #f7f7f7
}

.solution__accordion-text::before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 19px;
    height: 19px;
    content: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/complete-icon.svg")
}

@media (min-width: 545px) {
    .solution__accordion-text {
        font-size: 1.6rem
    }
}

@media (max-width: 960px) {
    .solution__accordion-text:first-child {
        margin-top: 18px
    }

    .solution__accordion-text:last-child {
        padding-bottom: 18px
    }
}

.calculator {
    background: #fff
}

.calculator_tech-section {
    width: 100%;
    margin-bottom: 30px
}

.calculator__team {
    width: 100%;
    margin-bottom: 62px;
    padding: 73px 15px 61px
}

@media (min-width: 961px) {
    .calculator__team {
        margin-bottom: 72px;
        padding: 102px 15px 70px
    }
}

.calculator__team_technology_page {
    margin-bottom: 40px;
    padding: 0
}

.calculator__team_technology_page:first-of-type {
    margin-top: 40px
}

@media (min-width: 961px) {
    .calculator__team_technology_page:first-of-type {
        margin-top: 60px
    }
}

.calculator__team_maintenance_page {
    margin-bottom: 40px;
    padding: 0
}

.calculator__team_maintenance_page:first-of-type {
    margin-top: 64px
}

@media (min-width: 961px) {
    .calculator__team_maintenance_page:first-of-type {
        margin-top: 80px
    }
}

.calculator__team_maintenance_page:last-of-type {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: thin solid #e0e0e0
}

.calculator__team_maintenance_page .calculator__row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.calculator__team_maintenance_page .calculator__list {
    width: 100%
}

.calculator__team_maintenance_page .calculator__item {
    max-width: 225px
}

.calculator__team_maintenance_page .calculator__item:not(:first-child) {
    margin-left: 60px
}

.calculator__team_technology_page_pb_40 {
    padding-bottom: 40px
}

.calculator__team_designers_page {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: thin solid #e0e0e0
}

.calculator__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.calculator__row_gray_bg {
    margin-top: 64px;
    margin-bottom: 40px;
    padding: 28px 30px 18px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fafafa
}

@media (min-width: 1025px) {
    .calculator__row_gray_bg {
        margin-top: 0;
        padding: 38px 28px 30px 40px
    }
}

.calculator__row_design_page {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.calculator__row_design_page .calculator__item_sm {
    margin-left: 0
}

.calculator__row_design_page .calculator__item_sm:not(:first-of-type) {
    margin-left: 60px
}

.calculator__row_wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -70px 32px
}

@media (min-width: 1025px) {
    .calculator__row_wrap {
        margin: 0 -40px 32px
    }
}

.calculator__row_without_margin_bottom {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .calculator__row-title {
        width: 100%
    }
}

.calculator__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.calculator__column {
    position: relative;
    width: 100%;
    padding-right: 0
}

.calculator__column_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1025px) {
    .calculator__column_flex {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.calculator__column_technology_page {
    margin-bottom: 32px
}

.calculator__column-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%
}

@media (min-width: 961px) {
    .calculator__column-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.calculator__column-item:not(:first-child) {
    padding-left: 60px
}

@media (min-width: 961px) {
    .calculator__column-item:not(:first-child) {
        padding-right: 0
    }
}

.calculator__title {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 21px;
    margin-left: 56px
}

@media (min-width: 961px) {
    .calculator__title {
        margin-bottom: 11px
    }
}

.calculator__title_without_margin_left {
    margin-bottom: 22px;
    margin-left: 0
}

.calculator__number {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 400;
    color: #5ccae9
}

.calculator__text {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 58px;
    margin-left: 56px
}

@media (min-width: 961px) {
    .calculator__text {
        margin-bottom: 56px
    }
}

.calculator__text_wide {
    margin-top: 21px;
    margin-bottom: 54px
}

@media (min-width: 961px) {
    .calculator__text_wide {
        margin-bottom: 56px
    }
}

.calculator__text_without_margin_left {
    margin-left: 0;
    margin-bottom: 25px
}

.calculator__text_without_margin {
    margin-bottom: 0
}

.calculator__toggles {
    padding: 8px 0
}

.calculator__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    background-color: #fff
}

.calculator__toggle_checkbox {
    min-height: 18px;
    padding-left: 30px
}

.calculator__toggle_checkbox .calculator__toggle-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff
}

.calculator__toggle_checkbox .calculator__toggle-box::after {
    position: relative;
    top: -2px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 8px;
    content: '';
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    border-bottom: 3px solid #5ccae9;
    border-left: 3px solid #5ccae9
}

.calculator__toggle_radio {
    padding-left: 24px
}

.calculator__toggle_radio .calculator__toggle-box {
    position: absolute;
    top: 1px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1px solid #58595b;
    border-radius: 50%;
    background: #fff
}

.calculator__toggle_radio .calculator__toggle-box::after {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    content: '';
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    opacity: 0;
    border-radius: 50%;
    background: #5ccae9
}

.calculator__input {
    position: absolute;
    z-index: -1000;
    opacity: 0
}

.calculator__input:checked ~ .calculator__toggle-box::after {
    opacity: 1
}

.calculator__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
    min-width: 200px
}

.calculator__item_sm {
    width: 225px;
    margin-left: 9%
}

.calculator__item_sm:not(:first-of-type) {
    margin-left: 12%
}

@media (max-width: 1024px) {
    .calculator__item_sm {
        margin-top: 26px;
        margin-left: 0
    }

    .calculator__item_sm:not(:first-of-type) {
        margin-left: 16%
    }
}

.calculator__item_row {
    width: calc(25% - 80px);
    margin-left: 38px;
    margin-right: 38px
}

@media (max-width: 1024px) {
    .calculator__item_row {
        width: calc(50% - 140px);
        margin-left: 70px;
        margin-right: 70px
    }
}

.calculator__item-text {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    position: relative;
    max-width: 185px;
    padding-right: 10px
}

@media (min-width: 961px) {
    .calculator__item-text {
        max-width: none
    }
}

.calculator__item-text-inner {
    margin-right: 26px
}

.calculator__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 9px;
    padding-right: 140px
}

@media (min-width: 961px) {
    .calculator__list {
        margin-bottom: 32px
    }
}

.calculator__list:last-child {
    max-width: 345px;
    padding-right: 104px
}

@media (max-width: 1024px) {
    .calculator__list:last-child {
        max-width: none
    }
}

@media (max-width: 960px) {
    .calculator__list:last-child {
        margin-bottom: 21px
    }
}

.calculator__list_small {
    margin-bottom: 32px;
    margin-right: 30px;
    padding-right: 0
}

.calculator__list_small:last-child {
    margin-right: 0;
    padding-right: 0
}

@media (min-width: 1025px) {
    .calculator__list_small:last-child {
        max-width: 218px
    }
}

.calculator__list_small:last-child .calculator__form {
    margin-right: 0
}

@media (max-width: 1024px) {
    .calculator__list_db {
        margin-top: -96px
    }
}

@media (max-width: 960px) {
    .calculator__list_db {
        margin-top: -109px
    }
}

@media (max-width: 1024px) {
    .calculator__list {
        width: 50%;
        padding-right: 70px;
        margin-right: 0
    }

    .calculator__list:last-child {
        padding-right: 70px
    }

    .calculator__list:nth-child(even) {
        padding-right: 0;
        padding-left: 70px
    }
}

.calculator__list_domain {
    padding-right: 0
}

@media (max-width: 960px) {
    .calculator__list_domain {
        margin-bottom: 0
    }

    .calculator__list_domain:nth-child(even) {
        padding-left: 0
    }
}

.calculator__list_domain:last-child {
    padding-right: 0
}

.calculator__list_technology_page {
    margin-bottom: 0
}

.calculator__list_maintenance_page:last-child {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: none;
    padding-right: 0
}

.calculator__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto
}

.calculator__legend {
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    width: 100%
}

.calculator__counter {
    width: 28px;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.17;
    opacity: 1;
    text-align: center;
    color: #828282;
    border: none;
    background-color: transparent;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -webkit-text-fill-color: #828282
}

.calculator__counter::-webkit-outer-spin-button,
.calculator__counter::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.calculator__counter:disabled {
    color: #828282;
    -webkit-text-fill-color: #828282
}

.calculator__btn {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    opacity: .6;
    border-radius: 50%;
    background-color: #adadad
}

@media (pointer: fine) {
    .calculator__btn:hover {
        cursor: pointer;
        opacity: 1;
        background-color: #5ccae9
    }
}

.calculator__btn:active {
    background-color: #5ccae9
}

.calculator__btn_add::before,
.calculator__btn_remove::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calculator__btn_add::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgOC4zIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMy4zIDVIMFYzLjNoMy4zVjBINXYzLjNoMy4zVjVINXYzLjNIMy4zVjV6Ii8+Cjw         vc3ZnPgo=") no-repeat center/50%
}

.calculator__btn_add,
.calculator__btn_remove {
    opacity: .35
}

.calculator__btn_remove::before {
    width: 8px;
    height: 2px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgMS43Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOC4zIDBIMHYxLjdoOC4zVjB6Ii8+Cjwvc3ZnPgo=") no-repeat center/contain
}

.calculator__btn_active {
    opacity: .8
}

.calculator__btn_active + .calculator__counter {
    color: #020303;
    -webkit-text-fill-color: #020303
}

.calculator__tech {
    width: 100%;
    margin-bottom: 62px;
    padding-bottom: 59px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 961px) {
    .calculator__tech {
        margin-bottom: 71px;
        padding-bottom: 70px
    }
}

.calculator__tech_domains {
    margin-bottom: 55px;
    padding-bottom: 20px
}

.calculator__tech-name {
    width: 100%;
    margin-bottom: 19px
}

.calculator__link {
    position: relative;
    padding-left: 5px;
    font-weight: 500;
    cursor: pointer
}

.calculator__button {
    margin-right: auto
}

.calculator__button-row {
    margin-top: 20px
}

.calculator__slider {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.calculator__slider .calculator__column {
    padding-right: 4px
}

.calculator__slider .calculator-button__line {
    padding-top: 99px
}

@media (min-width: 961px) {
    .calculator__slider .calculator-button__line {
        padding-top: 108px
    }
}

.calculator__slider-line {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.14;
    position: relative;
    padding: 45px 54px 5px 0
}

@media (min-width: 961px) {
    .calculator__slider-line {
        padding: 106px 54px 20px 0
    }
}

.calculator__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.calculator__button-wrap .calculator-button__line {
    margin-left: 0
}

.calculator-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.calculator-header__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 55px
}

.calculator-header__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

@media (min-width: 657px) {
    .calculator-header__column {
        width: calc(48% - 30px);
        margin-right: 15px;
        margin-left: 15px;
        padding: 0 15px
    }
}

@media (min-width: 961px) {
    .calculator-header__column {
        width: calc(50% - 30px)
    }
}

@media (min-width: 1025px) {
    .calculator-header__column {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: calc(40% - 34px)
    }
}

.calculator-header__column:first-of-type {
    width: 100%;
    padding: 0
}

@media (min-width: 769px) {
    .calculator-header__column:first-of-type {
        width: calc(50% - 30px)
    }
}

@media (min-width: 961px) {
    .calculator-header__column:first-of-type {
        width: calc(50% - 30px)
    }
}

@media (min-width: 1025px) {
    .calculator-header__column:first-of-type {
        width: calc(60% - 30px)
    }
}

.calculator-header__column_content-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.calculator-header__column .svg-icon-man {
    width: 50px;
    height: 27px
}

.calculator-header__title {
    margin-bottom: 20px
}

@media (min-width: 657px) {
    .calculator-header__title {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 961px) {
    .calculator-header__title {
        margin-left: 15px;
        margin-bottom: 68px;
        padding: 0
    }
}

.calculator-header__subtitle {
    margin-bottom: 35px
}

.calculator-header__text {
    margin-bottom: 40px
}

@media (min-width: 961px) {
    .calculator-header__text {
        margin-top: 5px;
        margin-bottom: 0
    }
}

.calculator-header__feature {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.2;
    position: relative;
    padding-right: 35px
}

@media (min-width: 769px) {
    .calculator-header__feature {
        padding-right: 55px
    }
}

.calculator-header__feature:last-child {
    padding-right: 0;
    padding-left: 35px
}

@media (min-width: 769px) {
    .calculator-header__feature:last-child {
        padding-left: 55px
    }
}

.calculator-header__icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 37px;
    height: 27px
}

.calculator-header__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    width: 120px
}

@media (min-width: 769px) {
    .calculator-header__count {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.calculator-header__count-num {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 3.2rem;
    line-height: 1.2;
    margin-right: 11px;
    margin-bottom: 9px;
    margin-top: 8px
}

@media (min-width: 961px) {
    .calculator-header__count-num {
        margin-right: 12px;
        margin-bottom: 0;
        font-size: 3.6rem
    }
}

.calculator-button__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto
}

.calculator-button__line_align_left {
    margin-left: 0
}

.calculator-button_align_right {
    margin-left: auto
}

.ui-slider-helper {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    z-index: 10;
    bottom: calc(100% + 4px);
    left: 50%;
    min-width: 90px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #020303;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.11);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.11)
}

.ui-slider-helper::after {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.ui-slider-helper:hover {
    cursor: pointer
}

.ui-slider-helper_pos_start {
    left: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.ui-slider-helper_pos_start .ui-slider-helper__row::after {
    left: 0;
    -webkit-transform: translate(18px, 100%);
    transform: translate(18px, 100%)
}

.ui-slider-helper_pos_end {
    right: 0;
    left: auto;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.ui-slider-helper_pos_end .ui-slider-helper__row::after {
    right: 0;
    left: auto;
    -webkit-transform: translate(-18px, 100%);
    transform: translate(-18px, 100%)
}

.ui-slider-helper__item {
    display: block
}

.ui-slider-helper__row {
    position: relative;
    display: block;
    padding: 10px 3px 8px
}

.ui-slider-helper__row::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.ui-slider-helper__footer {
    padding: 3px 16px 8px;
    font-size: 1.3rem;
    line-height: 1.17;
    background: #5ccae9
}

.ui-slider-helper__footer:empty {
    display: none
}

.ui-slider-helper__footer::after {
    border-top-color: #5ccae9
}

.popup_calc .popup__container {
    max-width: 850px
}

.calc-results__duration-description {
    font-size: 2.6rem;
    font-weight: 100
}

.calc-results__row {
    margin-right: auto;
    margin-left: auto
}

.calc-results__row_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.calc-results__column {
    width: calc(100% - 24px);
    margin-right: 12px;
    margin-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.calc-results__column:not(:first-child) {
    margin-top: 40px
}

@media (min-width: 657px) {
    .calc-results__column {
        width: calc(50% - 24px)
    }

    .calc-results__column:not(:first-child) {
        margin-top: 0
    }
}

.calc-results__column .calc-results__team-item {
    width: 100%
}

.calc-results__column .calc-results__team-item:nth-child(odd) {
    margin-right: 0
}

.calc-results__column .calc-results__team-item:nth-child(even) {
    padding-right: 0
}

.calc-results__column-title {
    margin-bottom: 10px
}

@media (min-width: 545px) {
    .calc-results__column-title {
        margin-right: 3px;
        margin-bottom: 30px
    }
}

.calc-results__counter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 5px;
    margin-left: auto
}

@media (min-width: 961px) {
    .calc-results__counter-wrap {
        margin-right: 3px
    }
}

.calc-results__counter {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.17;
    width: 28px;
    margin: 0;
    opacity: 1;
    text-align: center;
    color: #828282;
    border: none;
    background-color: transparent;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -webkit-text-fill-color: #828282
}

.calc-results__counter::-webkit-outer-spin-button,
.calc-results__counter::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.calc-results__counter:disabled {
    color: #828282;
    -webkit-text-fill-color: #828282
}

.calc-results__btn {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    opacity: .6;
    border-radius: 50%;
    background-color: #adadad
}

@media (pointer: fine) {
    .calc-results__btn:hover {
        cursor: pointer;
        opacity: 1;
        background-color: #5ccae9
    }
}

.calc-results__btn:active {
    background-color: #5ccae9
}

.calc-results__btn_add::before,
.calc-results__btn_remove::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calc-results__btn_add::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgOC4zIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMy4zIDVIMFYzLjNoMy4zVjBINXYzLjNoMy4zVjVINXYzLjNIMy4zVjV6Ii8+Cjw         vc3ZnPgo=") no-repeat center/50%
}

.calc-results__btn_add,
.calc-results__btn_remove {
    opacity: .35
}

.calc-results__btn_remove::before {
    width: 8px;
    height: 2px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgMS43Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOC4zIDBIMHYxLjdoOC4zVjB6Ii8+Cjwvc3ZnPgo=") no-repeat center/contain
}

.calc-results__btn_active {
    opacity: .8
}

.calc-results__btn_active + .calculator__counter {
    color: #020303;
    -webkit-text-fill-color: #020303
}

.calc-results_clear-all {
    margin-top: 15px
}

.calc-results__container_top {
    padding: 40px 20px
}

@media (min-width: 657px) {
    .calc-results__container_top {
        padding: 30px 40px 40px
    }
}

.calc-results__container_bottom {
    padding: 40px 20px;
    background-color: #fafafa
}

@media (min-width: 657px) {
    .calc-results__container_bottom {
        padding: 40px 40px 50px
    }
}

.calc-results__header {
    display: block;
    color: #020303
}

.calc-results__price {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 3rem;
    line-height: 1.17
}

.calc-results__price-title {
    font-family: inherit;
    font-weight: 100;
    font-style: normal;
    font-size: 3rem;
    line-height: 1.17;
    display: inline-block;
    margin-right: 8px
}

.calc-results__price-value {
    display: inline-block;
    margin-right: 3px;
    font-size: 2.6rem
}

.calc-results__price-value span {
    padding-left: 5px
}

.calc-results__price-duration {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    color: #020303
}

.calc-results__price-duration::before {
    height: 30px
}

.calc-results__team-wrapper {
    margin-top: 20px
}

.calc-results__team-title {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 30px
}

.calc-results__team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    min-width: 100%;
    max-height: 224px
}

@media (max-width: 544px) {
    .calc-results__team_maintenance {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 544px) {
    .calc-results__team_maintenance .calc-results__team-item {
        width: 100%
    }

    .calc-results__team_maintenance .calc-results__team-item:nth-child(odd) {
        margin-right: 0
    }

    .calc-results__team_maintenance .calc-results__team-item:nth-child(even) {
        padding-right: 0
    }
}

.calc-results__team-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc((100% - 50px) / 2);
    font-weight: 400;
    line-height: 1.5;
    color: #020303;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
    padding-top: 8px
}

.calc-results__team-item:nth-child(odd) {
    margin-right: 50px
}

.calc-results__team-item:nth-child(even) {
    padding-right: 30px
}

.calc-results__team-name {
    font-size: 1.6rem
}

.calc-results__team-count {
    font-size: 1.8rem
}

.calc-results__team-count_font_md {
    font-size: 1.6rem
}

.calc-results__team-active .calc-results__team-count,
.calc-results__team-active .calc-results__team-name {
    opacity: 1;
    color: #020303
}

.calc-results__team-active .calc-results__team-name {
    margin-top: 5px
}

.calc-results__project-period:empty {
    display: none
}

.calc-results__column-number {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    margin-left: 10px;
    vertical-align: middle;
    color: #020303;
    border-radius: 50%;
    background-color: #5ccae9
}

.calc-results__column-number:empty {
    display: none
}

.calc-results__price-sale {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    font-size: 2.6rem;
    font-weight: 100
}

.calc-results__price-sale::before {
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    content: '';
    -webkit-transform: rotate(30deg) translateY(-50%);
    transform: rotate(30deg) translateY(-50%);
    border-left: 1px solid #e0e0e0
}

.calc-results__price-without-sale {
    display: inline-block;
    text-decoration: line-through
}

.calc-results__price-without-sale::first-letter {
    text-decoration: none
}

.calc-results__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 651px;
    margin-top: 15px
}

@media (max-width: 544px) {
    .calc-results__contacts {
        display: none
    }
}

.calc-results__contacts .phone {
    text-shadow: none
}

.calc-results__info {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-left: 10px
}

.calc-results__contacts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 22px;
    font-size: 1.6rem;
    color: #020303
}

.calc-results__contacts-item::before {
    font-size: 2.2rem
}

.calc-results__contacts-item_email {
    -webkit-transition: color 1ms ease;
    transition: color 1ms ease
}

.calc-results__contacts-item_email:hover {
    color: #5ccae9
}

.calc-results__contacts-title {
    color: #adadad
}

.calc-results__title {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.2rem;
    line-height: 1.3;
    max-width: 625px;
    text-align: left;
    color: #020303
}

@media (min-width: 545px) {
    .calc-results__title {
        font-size: 2.6rem
    }
}

@media (min-width: 657px) {
    .calc-results__title_mobile {
        display: none
    }
}

@media (max-width: 656px) {
    .calc-results__title_desktop {
        display: none
    }
}

.calc-results__technology-used {
    margin-top: 12px
}

.calc-results__technology-used li {
    font-size: 1.6rem;
    color: #020303
}

.technology-out::after {
    display: block;
    width: 20px;
    height: 2px;
    margin: 12px 0 auto;
    content: '';
    background-color: #adadad
}

.calc-results__technology-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 185px;
    padding-right: 40px
}

.calc-results__technology {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 9px
}

.calc-results__technology-title {
    min-width: 50%;
    padding-top: 5px
}

.calc-results__carousel {
    margin-top: 15px;
    padding: 0 40px
}

@media (max-width: 979px) {
    .calc-results__carousel {
        display: none
    }
}

.calc-results__carousel .slick-list::after,
.calc-results__carousel .slick-list::before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    width: 25px;
    content: '';
    opacity: 0
}

.calc-results__carousel .slick-list::before {
    left: 0;
    background-image: linear-gradient(90deg, #fff, transparent 15px)
}

.calc-results__carousel .slick-list::after {
    right: 0;
    background-image: linear-gradient(-90deg, #fff, transparent 15px)
}

.calc-results__carousel .slick-list_overlay_left::before,
.calc-results__carousel .slick-list_overlay_right::after {
    opacity: 1
}

.calc-results__carousel .slick-arrow {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 16px;
    height: 16px;
    padding: 0;
    text-indent: -9999px;
    border: 1px solid #adadad;
    border-bottom: transparent;
    border-left: transparent;
    background: none
}

.calc-results__carousel .slick-arrow:hover {
    border-color: #5ccae9
}

.calc-results__carousel .slick-arrow.slick-prev {
    left: 4px;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.calc-results__carousel .slick-arrow.slick-next {
    right: 4px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.calc-results__carousel-item {
    min-width: 90px;
    margin: 0 7px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    color: #020303;
    border-radius: 4px;
    background: #f2f2f2
}

.calc-results__carousel-item_active {
    background: #5ccae9
}

.calc-results__button_clear-all {
    margin-top: 10px;
    margin-left: auto
}

@media (min-width: 545px) {
    .calc-results__button_clear-all {
        margin-left: unset
    }
}

.calc-results__form {
    margin-top: 30px
}

@media (min-width: 545px) {
    .calc-results__form {
        margin-top: 40px
    }
}

@media (max-width: 560px) {
    .calc-results__form-column {
        width: 100%
    }

    .calc-results__form-column + .calc-results__form-column {
        margin-top: 25px
    }
}

.calc-results__form-button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 38px
}

.calc-results__form-button-row_flex {
    margin-top: auto
}

.calc-results__form-button-row_side_margin {
    width: 100%;
    margin-right: 12px;
    margin-left: 12px
}

.calc-results__form-button-row_no_margin {
    margin-left: 0;
    margin-right: 0
}

.calc-results__form-button {
    min-width: 100%
}

@media (min-width: 545px) {
    .calc-results__form-button {
        min-width: 178px
    }
}

.calc-results__form-button:first-child {
    margin-right: 30px
}

.calc-results__form-button_flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: auto;
    margin-top: auto
}

.calc-results__form-button_flex:first-child {
    margin-right: 0
}

.calc-results__form-button_side_right {
    margin-left: auto
}

.calc-results__form-button_side_right:first-child {
    margin-right: 0
}

.calc-results__special-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 40px;
    padding: 20px;
    background-color: #ffe963;
    width: 100%
}

@media (min-width: 657px) {
    .calc-results__special-offer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.calc-results__special-offer-icon {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0
}

.form__column {
    margin-right: 30px;
    padding: 0
}

.form__column:last-of-type {
    margin-right: 0
}

.form__column_lg {
    margin-right: 50px
}

.form__column_2 {
    width: 50%
}

.cost-popup .form__row {
    margin-top: 30px
}

.cost-popup .form__info {
    margin-bottom: 10px
}

.icon-mail::before {
    position: relative;
    width: 22px;
    height: 17px;
    margin-right: 15px;
    content: '';
    vertical-align: middle;
    background: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/mail.svg")
}

.control__field.textarea.textarea_sm {
    padding-left: 0
}

.popup__section .counter_active {
    background-color: transparent
}

.popup__section .cost-popup__button_removed ~ .js-calculator-save-button {
    width: 100%
}

.popup__section .js-counter-discount-result {
    display: none
}

.attach-cv__title_web-dev-page {
    max-width: 880px
}

.attach-cv__title_supply-chain-page {
    max-width: 915px
}

.attach-cv__title_security-page {
    max-width: 920px
}

.gift-option {
    display: none
}

.gift-option__title {
    width: 100%
}

@media (min-width: 545px) {
    .gift-option__title {
        width: auto
    }
}

.gift-option.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent
}

@media (min-width: 374px) {
    .gift-option.active {
        white-space: nowrap
    }
}

.gift-option .gift-img {
    display: inline-block;
    margin-right: 15px
}

.gift-option_link .gift-option__text {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.2rem;
    position: relative;
    color: #020303
}

.gift-option_link .gift-option__text::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #020303;
    bottom: 0;
    left: 0
}

.gift-option_link:hover {
    cursor: pointer
}

.gift-option_link:hover .gift-option__text {
    color: #5ccae9
}

.gift-option_link:hover .gift-option__text::before {
    background: #5ccae9
}

.calc-results__container .gift-option.active {
    margin-top: 40px
}

.calc-results__container .form__button-additional-text {
    margin: 0;
    padding-right: 10px
}

.review-card {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 20px 52px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05)
}

@media (min-width: 545px) {
    .review-card {
        padding: 40px 40px 52px
    }
}

@media (min-width: 1025px) {
    .review-card {
        padding: 70px 60px 52px
    }
}

.review-card + .review-card {
    margin-top: 10px
}

@media (min-width: 961px) {
    .review-card + .review-card {
        margin-top: 20px
    }
}

.review-card_slider {
    padding: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 657px) {
    .review-card_slider {
        padding-bottom: 34px
    }
}

@media (min-width: 657px) {
    .review-card_slider .review-card__review-link {
        position: absolute;
        bottom: 2px
    }
}

.review-card__layout {
    position: relative
}

.review-card__section + .review-card__section {
    margin-top: 40px
}

.review-card__section_video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 657px) {
    .review-card__section_video {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.review-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative
}

.review-card__personal-data-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 545px) {
    .review-card__personal-data-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.review-card__person-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.review-card__personal-data {
    margin-top: 10px
}

@media (min-width: 545px) {
    .review-card__personal-data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        margin-left: 20px
    }
}

.review-card__name_link {
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    position: relative
}

@media (pointer: fine) {
    .review-card__name_link:hover {
        color: #5ccae9
    }
}

.review-card__title {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.6;
    text-transform: uppercase
}

.review-card__title:not(:first-of-type) {
    margin-top: 40px
}

.review-card__linkedin-icon {
    position: absolute;
    bottom: 2px;
    width: auto;
    height: 20px;
    margin-left: 8px
}

.review-card__text {
    margin-top: 10px
}

.review-card__position:not(:first-child) {
    margin-top: 5px
}

.review-card__location {
    margin-top: 10px
}

.review-card__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.review-card__location-img {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    -o-object-fit: cover;
    object-fit: cover
}

.review-card__clutch-widget {
    position: absolute;
    top: 0;
    right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 190px
}

@media (min-width: 544px) {
    .review-card__clutch-widget {
        position: relative;
        top: unset
    }
}

.review-card__review {
    margin-top: 20px
}

.review-card__review-link-row {
    margin-top: 40px
}

.review-card__review-link-row_mobile {
    text-align: right
}

@media (min-width: 657px) {
    .review-card__review-link-row_mobile {
        display: none
    }
}

.review-card__technologies-item {
    position: relative;
    display: inline-block;
    margin-top: 10px
}

.review-card__technologies-item:not(:last-of-type) {
    padding-right: 22px
}

.review-card__technologies-item:not(:last-of-type):after {
    position: absolute;
    right: 9px;
    width: 1px;
    height: 100%;
    content: '';
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background: #e0e0e0
}

.review-card__project-info-content {
    width: 100%
}

@media (min-width: 657px) {
    .review-card__project-info-content_video {
        width: 74%
    }
}

@media (min-width: 657px) {
    .review-card__project-info-content_video .review-card__project-info-wrapper {
        margin-right: 40px
    }
}

@media (min-width: 961px) {
    .review-card__project-info-content_video .review-card__project-info-wrapper {
        margin-right: 74px
    }
}

.review-card__project-info-content_video .review-card__project-info-item:nth-child(n+3) {
    margin-top: 40px
}

.review-card__project-info-wrapper + .review-card__project-info-wrapper {
    margin-top: 40px
}

@media (min-width: 545px) {
    .review-card__project-info-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 545px) {
    .review-card__project-info-column:first-of-type {
        width: 39%
    }
}

@media (min-width: 1025px) {
    .review-card__project-info-column:first-of-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width: 545px) {
    .review-card__project-info-column {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media (min-width: 545px) {
    .review-card__project-info-column + .review-card__project-info-column {
        margin-left: 6%
    }
}

@media (max-width: 544px) {
    .review-card__project-info-column + .review-card__project-info-column {
        margin-top: 40px
    }
}

@media (max-width: 1024px) {
    .review-card__project-info-item:nth-child(n+3) {
        margin-top: 40px
    }
}

@media (max-width: 885px) {
    .js-content-hidden .js-satisfied-client-card__review-text {
        margin-bottom: 200px
    }
}

.review-card__wrapper.js-content-hidden {
    overflow: hidden
}

.show-more-less-button {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.4;
    position: relative
}

.show-more-less-button::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin-top: 4px;
    content: '';
    -webkit-transform: translateY(-50%) rotate(-225deg);
    transform: translateY(-50%) rotate(-225deg);
    border-bottom: thin solid #020303;
    border-left: thin solid #020303
}

.show-more-less-button .show-more-less-button__more {
    display: none
}

.show-more-less-button.js-content-hidden::before {
    margin-top: 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.show-more-less-button.js-content-hidden .show-more-less-button__less {
    display: none
}

.show-more-less-button.js-content-hidden .show-more-less-button__more {
    display: block
}

.show-more-less-button__more,
.show-more-less-button__less {
    position: relative
}

.show-more-less-button__more::after,
.show-more-less-button__less::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    content: '';
    border-bottom: 1px solid #020303
}

.show-more-less-button {
    display: inline-block;
    margin: 15px 0 20px;
    padding: 0 15px 0 0;
    border: 0;
    background: #fff
}

@media (min-width: 886px) {
    .show-more-less-button {
        display: none
    }
}

.clutch-widget-hardcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.clutch-widget-hardcode__icon {
    width: auto;
    height: 44px
}

.clutch-widget-hardcode__review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 15px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.clutch-widget-hardcode__stars-icon {
    width: 82px
}

.clutch-widget-hardcode__link {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.1;
    position: relative;
    margin-top: 6px;
    letter-spacing: 0.1rem;
    text-transform: uppercase
}

@media (pointer: fine) {
    .clutch-widget-hardcode__link:hover:after {
        border-color: #5ccae9
    }
}

.clutch-widget-hardcode__link::after {
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    position: absolute;
    top: 4px;
    right: -6px;
    width: 4px;
    height: 4px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: thin thin 0 0;
    border-style: solid;
    border-color: #020303
}

.satisfied-client-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px;
    background-color: #fafafa
}

@media (min-width: 657px) {
    .satisfied-client-video {
        width: 210px
    }
}

@media (min-width: 1025px) {
    .satisfied-client-video {
        width: 285px
    }
}

.satisfied-client-video__text {
    margin-top: 20px
}

.satisfied-client-video__player {
    height: 155px;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.satisfied-client-video__name {
    margin-bottom: 7px
}

@media (min-width: 1201px) {
    .our-satisfied-clients__mobile-nav {
        display: none
    }
}

.our-satisfied-clients__cards-wrapper {
    position: relative;
    margin-top: 20px
}

.our-satisfied-clients__slider-wrapper {
    position: relative
}

@media (min-width: 657px) {
    .our-satisfied-clients__slider-wrapper .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
        width: calc(100% - 400px);
        padding-top: 22px;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(2%, #fff), to(#fff));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 2%, #fff 100%)
    }
}

.our-satisfied-clients__slider-wrapper .slick-arrow {
    position: absolute;
    z-index: 2;
    bottom: 280px
}

@media (max-width: 1200px) {
    .our-satisfied-clients__slider-wrapper .slick-arrow {
        bottom: 0;
        width: 40%
    }

    .our-satisfied-clients__slider-wrapper .slick-arrow::after {
        content: none
    }
}

.our-satisfied-clients__slider-wrapper .slick-prev {
    left: -25px
}

@media (max-width: 1200px) {
    .our-satisfied-clients__slider-wrapper .slick-prev {
        left: 0;
        width: calc(50% - 25px)
    }
}

.our-satisfied-clients__slider-wrapper .slick-next {
    right: -20px
}

@media (max-width: 1200px) {
    .our-satisfied-clients__slider-wrapper .slick-next {
        right: 0;
        width: calc(50% - 25px)
    }
}

@media (max-width: 885px) {
    .our-satisfied-clients__video {
        max-width: 440px;
        margin-top: 40px
    }
}

.our-satisfied-clients__button-row {
    margin-top: 40px;
    text-align: right
}

@media (min-width: 657px) {
    .our-satisfied-clients__button-row {
        position: absolute;
        right: -15px;
        bottom: 0;
        min-width: 210px;
        margin-top: 0;
        padding-right: 15px;
        background: #fff
    }
}

.project {
    overflow: hidden;
    max-height: 645px
}

.project__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.project__wrapper {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.project__wrapper.slick-initialized {
    opacity: 1
}

.project__wrapper .slick-arrow {
    position: absolute;
    top: 0;
    height: 100%
}

.project__wrapper .slick-prev {
    right: 101%
}

.project__wrapper .slick-next {
    left: 102%
}

.project__count {
    padding-right: 20px;
    border-right: 1px solid #e0e0e0
}

.project__count-number {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.2rem;
    line-height: 1.5;
    padding-left: 10px;
    margin-right: 5px
}

.project__name-wrapper {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: calc(100% - 200px);
    opacity: 0;
    max-height: 30px
}

.project__name-wrapper.slick-initialized {
    opacity: 1
}

.project__name {
    padding-left: 20px
}

.project__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.project__column {
    width: 58%;
    margin-right: 34px
}

.project__column:nth-child(2) {
    margin-right: 0;
    width: calc(42% - 34px)
}

.project__row {
    margin-bottom: 15px
}

.project__row:last-child {
    margin-bottom: 0
}

@media (min-width: 961px) {
    .project__row {
        margin-bottom: 30px
    }
}

.project__row_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 47px
}

.project__row_flex:last-child {
    margin-bottom: 0
}

@media (min-width: 961px) {
    .project__row_flex {
        margin-bottom: 35px
    }
}

.project__row-item {
    width: 50%
}

.project__row-item:last-child {
    padding-left: 10px
}

@media (min-width: 961px) {
    .project__row-item:last-child {
        padding-left: 15px
    }
}

.project__description {
    margin-top: 15px
}

.project__feedback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #fafafa;
    width: 100%
}

.project__technology {
    display: inline-block;
    line-height: 2
}

.project__technology:not(:last-child) {
    position: relative;
    padding-right: 20px
}

.project__technology:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 1px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%) skewX(-20deg);
    transform: translate(-50%, -50%) skewX(-20deg);
    background-color: #e0e0e0
}

.project__feedback-info {
    width: 27%;
    margin-right: 30px
}

.project__feedback-text {
    width: calc(73% - 30px)
}

.project__feedback-position {
    margin-top: 10px
}

.project__amount-row {
    width: 100%;
    text-align: center;
    margin-top: 15px
}

@media (min-width: 961px) {
    .project__amount-row {
        margin-top: 0
    }
}

.calc-counter_full-width {
    width: 100%
}

.calc-counter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 226px;
    margin-top: 20px
}

.calc-counter__name {
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    position: relative;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px
}

.calc-counter__name_with_tooltip {
    padding-right: 24px
}

.calc-counter__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.calc-counter__button {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    opacity: .6;
    border-radius: 50%;
    background-color: #adadad
}

@media (pointer: fine) {
    .calc-counter__button:hover {
        cursor: pointer;
        opacity: 1;
        background-color: #5ccae9
    }
}

.calc-counter__button:active {
    background-color: #5ccae9
}

.calc-counter__button_add::before,
.calc-counter__button_remove::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calc-counter__button_add::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgOC4zIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMy4zIDVIMFYzLjNoMy4zVjBINXYzLjNoMy4zVjVINXYzLjNIMy4zVjV6Ii8+Cjw         vc3ZnPgo=") no-repeat center/50%
}

.calc-counter__button_add,
.calc-counter__button_remove {
    opacity: .35
}

.calc-counter__button_remove::before {
    width: 8px;
    height: 2px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgMS43Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOC4zIDBIMHYxLjdoOC4zVjB6Ii8+Cjwvc3ZnPgo=") no-repeat center/contain
}

.calc-counter__button_active {
    opacity: .8
}

.calc-counter__button_active + .calc-counter__input {
    color: #020303;
    -webkit-text-fill-color: #020303
}

.calc-counter__input {
    width: 28px;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.17;
    text-align: center;
    opacity: 1;
    color: #828282;
    border: none;
    background-color: transparent;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -webkit-text-fill-color: #828282
}

.calc-counter__input::-webkit-outer-spin-button,
.calc-counter__input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.calc-counter__input:disabled {
    color: #828282;
    -webkit-text-fill-color: #828282
}

.calc-counter__info {
    position: absolute;
    bottom: 10px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.calc-counter__info-icon {
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    position: absolute;
    width: 100%;
    height: auto;
    cursor: pointer;
    color: #556170
}

@media (pointer: fine) {
    .calc-counter__info-icon:hover {
        color: #5ccae9
    }
}

.calc-counter__info-icon:active {
    color: #020303
}

.calculator__btn {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    opacity: .6;
    border-radius: 50%;
    background-color: #adadad
}

@media (pointer: fine) {
    .calculator__btn:hover {
        cursor: pointer;
        opacity: 1;
        background-color: #5ccae9
    }
}

.calculator__btn:active {
    background-color: #5ccae9
}

.calculator__btn_add::before,
.calculator__btn_remove::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calculator__btn_add::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgOC4zIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMy4zIDVIMFYzLjNoMy4zVjBINXYzLjNoMy4zVjVINXYzLjNIMy4zVjV6Ii8+Cjw         vc3ZnPgo=") no-repeat center/50%
}

.calculator__btn_add,
.calculator__btn_remove {
    opacity: .35
}

.calculator__btn_remove::before {
    width: 8px;
    height: 2px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg         MCA4LjMgMS43Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOC4zIDBIMHYxLjdoOC4zVjB6Ii8+Cjwvc3ZnPgo=") no-repeat center/contain
}

.calculator__btn_active {
    opacity: .8
}

.calculator__btn_active + .calculator__counter {
    color: #020303;
    -webkit-text-fill-color: #020303
}

.calculator-extended {
    counter-reset: section
}

.calculator-extended__hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.calculator-extended__hint_tech_page {
    margin-top: 40px
}

@media (min-width: 961px) {
    .calculator-extended__hint_tech_page {
        margin-top: 60px
    }
}

.calculator-extended__hint-icon {
    width: 55px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (min-width: 657px) {
    .calculator-extended__hint-icon {
        margin-top: 4px
    }
}

.calculator-extended__hint-description_with_icon {
    max-width: 665px;
    margin-left: 40px
}

.calculator-extended__header-info {
    margin-top: 20px
}

@media (min-width: 657px) {
    .calculator-extended__header-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 40px
    }
}

@media (min-width: 1025px) {
    .calculator-extended__header-info {
        margin-top: 60px
    }
}

@media (min-width: 657px) {
    .calculator-extended__header-description {
        max-width: 665px;
        padding-right: 35px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (min-width: 657px) {
    .calculator-extended__header-description_long {
        max-width: 950px
    }
}

.calculator-extended__header-counter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width: 657px) {
    .calculator-extended__header-counter-container {
        min-width: 394px
    }
}

.calculator-extended__header-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 657px) {
    .calculator-extended__header-counter {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.calculator-extended__header-counter + .calculator-extended__header-counter {
    padding-left: 45px
}

.calculator-extended__header-counter + .calculator-extended__header-counter::before {
    position: absolute;
    top: 0;
    left: 14px;
    width: 1px;
    height: 100%;
    content: '';
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
    background: #e0e0e0
}

.calculator-extended__header-counter-icon {
    width: auto;
    height: 28px
}

.calculator-extended__header-counter-num,
.calculator-extended__header-counter-text {
    margin-left: 10px
}

.calculator-extended__column_margin-top {
    margin-top: 20px
}

.calculator-extended__column_count_4 .checkbox-wrapper {
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px
}

@media (min-width: 961px) {
    .calculator-extended__column_count_4 .checkbox-wrapper {
        width: calc(25% - 30px)
    }
}

.calculator-extended__column_from-scratch,
.calculator-extended__column_connect-the-existing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.calculator-extended__column_from-scratch {
    max-height: 360px
}

@media (min-width: 961px) {
    .calculator-extended__column_from-scratch {
        max-height: 228px
    }
}

.calculator-extended__column_connect-the-existing {
    max-height: 190px
}

@media (min-width: 961px) {
    .calculator-extended__column_connect-the-existing {
        max-height: 110px
    }
}

.calculator-extended__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calculator-extended__row_count_4 .checkbox-wrapper {
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px
}

@media (min-width: 961px) {
    .calculator-extended__row_count_4 .checkbox-wrapper {
        width: calc(25% - 30px)
    }
}

.calculator-extended__row_count_4 .radio-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.calculator-extended__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 20px
}

.calculator-extended__item_sm {
    width: 174px;
    margin-left: 9%
}

.calculator-extended__item_sm:not(:first-of-type) {
    margin-left: 12%
}

@media (max-width: 1024px) {
    .calculator-extended__item_sm {
        margin-top: 26px;
        margin-left: 0
    }

    .calculator-extended__item_sm:not(:first-of-type) {
        margin-left: 16%
    }
}

.calculator-extended__item_row {
    width: calc(25% - 80px);
    margin-right: 38px;
    margin-left: 38px
}

@media (max-width: 1024px) {
    .calculator-extended__item_row {
        width: calc(50% - 140px);
        margin-right: 70px;
        margin-left: 70px
    }
}

.calculator-extended__item_with_counter {
    max-width: 226px
}

.calculator-extended__item-text {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    position: relative;
    display: inline-block;
    max-width: 185px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width: 961px) {
    .calculator-extended__item-text {
        max-width: none
    }
}

.calculator-extended__item-text_with_counter {
    padding-right: 26px
}

.calculator-extended__item-text-inner {
    margin-left: 26px
}

.calculator-extended__management {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.calculator-extended__counter {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.17;
    width: 28px;
    margin: 0;
    text-align: center;
    opacity: 1;
    color: #828282;
    border: none;
    background-color: transparent;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -webkit-text-fill-color: #828282
}

.calculator-extended__counter::-webkit-outer-spin-button,
.calculator-extended__counter::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.calculator-extended__counter:disabled {
    color: #828282;
    -webkit-text-fill-color: #828282
}

.calculator-extended__wrapper_desktop {
    display: none
}

@media (min-width: 657px) {
    .calculator-extended__wrapper_desktop {
        display: block
    }
}

.calculator-extended__section {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: thin solid #e0e0e0
}

.calculator-extended__section:first-of-type {
    margin-top: 80px
}

.calculator-extended__section_without_border {
    padding-bottom: 0;
    border: none
}

.calculator-extended__section_without_extra_margin_top:first-of-type {
    margin-top: 60px
}

.calculator-extended__section-title_counter::before {
    content: "0" counter(section) ".";
    counter-increment: section
}

.calculator-extended__section-description {
    margin-top: 20px
}

.calculator-extended__section-hint {
    margin-top: 20px
}

.calculator-extended__scheme {
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding-bottom: 20px
}

.calculator-extended__anchor {
    position: absolute;
    top: -100px
}

.calculator-extended__form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.calculator-extended__form_margin-top {
    margin-top: 20px
}

.calculator-extended__form-legend {
    position: relative;
    display: inline-block;
    width: 100%
}

.calculator-extended__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calculator-extended__form-fieldset_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.calculator-extended__form-fieldset_margin_top {
    margin-top: 40px
}

.calculator-extended__form-item_hint {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.calculator-extended__form-item_hint + .calculator-extended__form-item_hint {
    margin-left: 20px
}

.calculator-extended__radio-btn,
.calculator-extended__toggle,
.calculator-extended__checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.calculator-extended__radio-btn_margin-top,
.calculator-extended__toggle_margin-top,
.calculator-extended__checkbox_margin-top {
    margin-top: 20px
}

.calculator-extended__toggle.disabled {
    color: #828282
}

.calculator-extended__toggle-switcher_text_both_sides {
    margin-right: 20px;
    margin-left: 20px
}

.calculator-extended__button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 40px
}

.calculator-extended__calc-button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 60px
}

.calculator-extended__duration-line,
.calculator-extended__budget-line {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.14;
    position: relative;
    margin-top: 20px;
    padding: 45px 54px 5px 0
}

@media (min-width: 961px) {
    .calculator-extended__duration-line,
    .calculator-extended__budget-line {
        margin-top: 40px;
        padding: 106px 54px 20px 0
    }
}

.calculator-extended__budget-line {
    padding: 20px 0;
    overflow-x: hidden
}

@media (min-width: 657px) {
    .calculator-extended__budget-line {
        padding: 20px 54px 20px 0
    }
}

@media (min-width: 961px) {
    .calculator-extended__budget-line {
        padding: 10px 54px 30px 0
    }
}

.click-hint .calculator-extended__info-icon-wrapper::after,
.click-hint .checkbox__info-icon-wrapper::after,
.click-hint .calc-counter__info::after {
    position: absolute;
    top: 130%;
    right: -4px;
    width: 130px;
    height: 76px;
    pointer-events: none;
    background-image: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/icons/push-to-action-icons/click-here-arrow-top-right.svg");
    background-repeat: no-repeat;
    background-position: center
}

@media (min-width: 961px) {
    .click-hint .calculator-extended__info-icon-wrapper::after,
    .click-hint .checkbox__info-icon-wrapper::after,
    .click-hint .calc-counter__info::after {
        right: -2px;
        width: 140px;
        height: 85px
    }
}

.click-hint_arrow-top-left .calculator-extended__info-icon-wrapper::after,
.click-hint_arrow-top-left .calc-counter__info::after {
    right: unset;
    left: 0;
    background-image: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/icons/push-to-action-icons/click-here-arrow-top-left.svg")
}

@media (min-width: 961px) {
    .click-hint_arrow-top-left .calculator-extended__info-icon-wrapper::after,
    .click-hint_arrow-top-left .calc-counter__info::after {
        width: 144px
    }
}

.click-hint_arrow-bottom-left .calculator-extended__info-icon-wrapper::after,
.click-hint_arrow-bottom-left .checkbox__info-icon-wrapper::after {
    top: unset;
    right: unset;
    bottom: 130%;
    left: 2px;
    background-image: url("https://d3jqtupnzefbtn.cloudfront.net/andersenlab/new-andersensite/icons/push-to-action-icons/click-here-arrow-bottom-left.svg")
}

@media (min-width: 961px) {
    .click-hint_arrow-bottom-left .calculator-extended__info-icon-wrapper::after,
    .click-hint_arrow-bottom-left .checkbox__info-icon-wrapper::after {
        width: 144px;
        height: 82px
    }
}

.click-hint_main .calc-counter:last-of-type .calc-counter__info::after {
    content: ''
}

.click-hint_banking .checkbox-wrapper:last-of-type .checkbox__info-icon-wrapper::after {
    content: ''
}

.click-hint_aws .calculator-extended__column:last-of-type .calculator-extended__info-icon-wrapper::after {
    content: ''
}

.click-hint_qa .checkbox-wrapper:nth-of-type(2) .checkbox__info-icon-wrapper::after {
    content: ''
}

.popup .cost-popup__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.6;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.popup .cost-popup__title-text {
    margin-right: 10px
}

.cost-popup {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 600px;
    padding: 40px 20px 115px
}

.cost-popup_full {
    height: auto;
    padding: 40px 30px 60px
}

.cost-popup_no_padding {
    padding: 0
}

.cost-popup_xs {
    height: 530px;
    padding-left: 30px;
    padding-right: 30px
}

.cost-popup .form__row:nth-child(5) {
    margin-top: 28px
}

.cost-popup .form__row_calculator {
    margin-top: 28px
}

.cost-popup .form__contacts-phone {
    margin-bottom: 10px
}

.cost-popup .control__field {
    font-size: 1.6rem
}

.cost-popup__buttons {
    position: absolute;
    bottom: 40px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
    background-color: #fff
}

.cost-popup__buttons_contact {
    bottom: 60px;
    padding: 0 30px
}

.cost-popup__buttons_special-offer {
    bottom: 70px
}

.cost-popup__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    height: 47px;
    padding: 0
}

.cost-popup__button:not(:only-child) {
    width: 45%
}

.cost-popup__button_removed {
    display: none
}

.cost-popup__button:not(:first-child) {
    margin-left: auto
}

.cost-popup__icon {
    width: 11px;
    height: 11px;
    margin-right: 7px
}

.cost-popup .calculator__counter {
    padding: 0
}

.cost-popup .calculator__counter:disabled {
    color: #020303;
    -webkit-text-fill-color: #020303
}

.cost-popup__special-offer {
    position: absolute;
    bottom: 18px;
    left: 0;
    padding-right: 30px;
    padding-left: 30px
}

.dev_margin_top {
    margin-top: 30px
}

.dev__tab {
    margin-bottom: 10px
}

.dev__calculator {
    display: none;
    margin-top: 0
}

.dev__title {
    margin-bottom: 20px
}

.dev__description {
    margin-top: 20px;
    margin-bottom: 20px
}

.dev__description_hint {
    opacity: .6
}

.dev__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2px;
    margin-bottom: 10px;
    padding: 0 20px
}

.dev__list_short {
    padding: 0
}

.dev__list_short .dev__item:first-child {
    margin-top: 0
}

.dev__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 26px;
    margin: 11px 0 7px
}

.dev__item_without_margin_top {
    margin-top: 0
}

.label_brand {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.4;
    position: relative;
    padding-left: 37px;
    cursor: pointer
}

.label_brand::before {
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none'        xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.73077L4.79532 8.5L11.5 1' stroke='white'        stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    border: thin solid #e0e0e0;
    border-radius: 2px
}

.input_brand {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden
}

.input_brand:checked + .label_brand::before {
    background-color: #5ccae9;
    border-color: transparent
}

.input_brand:checked ~ .dev__calculator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.duration__header {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.duration__header_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.duration__column:first-child {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.4
}

.duration__column:last-child {
    position: relative;
    padding-left: 30px
}

.duration__column:last-child::before {
    position: absolute;
    left: 15px;
    top: 3px;
    content: ' ';
    width: 1px;
    height: 15px;
    background-color: #e0e0e0
}

.duration__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 40px
}

.duration__time {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 3.4rem;
    line-height: 1.2;
    margin-right: 15px
}

.duration__time_sm {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.6
}

.duration__description {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #828282
}

.popup-calc-gifts__container {
    max-width: 1050px
}

.popup-calc-gifts__section {
    padding: 40px 20px
}

@media (min-width: 657px) {
    .popup-calc-gifts__section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 769px) {
    .popup-calc-gifts__section {
        padding: 110px 80px
    }
}

@media (min-width: 1025px) {
    .popup-calc-gifts__section {
        padding: 110px 90px
    }
}

.popup-calc-gifts__image {
    margin-top: 60px
}

@media (min-width: 657px) {
    .popup-calc-gifts__image {
        width: 200px;
        margin-top: 0;
        margin-right: 60px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 1025px) {
    .popup-calc-gifts__image {
        width: 230px
    }
}

.popup-calc-gifts__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.popup-calc-gifts__form {
    margin-top: 20px
}

.popup-calc-gifts__button-row {
    margin-top: 60px
}

.popup-calc-gifts.popup_active {
    display: block
}

.cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cost_with_side_padding {
    padding-right: 20px;
    padding-left: 20px
}

.cost__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 60px
}

.cost__row_right_side {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cost__total {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.29;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cost__button {
    margin-top: 40px
}

@media (min-width: 494px) {
    .cost__button {
        width: 280px;
        margin: 40px auto 0
    }
}

.cost__button-counter {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: transparent
}

.cost__button-counter_right_side {
    margin-left: auto
}

.cost__edit {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 20px 20px 15px auto
}

.cost .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 20px;
    margin-bottom: 25px;
    margin-top: 20px
}

.cost .list__section:not(:last-of-type) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: thin solid #e0e0e0
}

.cost .list__name {
    font-family: inherit;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #556170
}

.cost .list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cost .list__item:not(:first-child) {
    margin-top: 15px
}

.cost .list__item-name {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.4;
    padding-right: 5px
}

.cost .list__item-count {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.3
}

.cost .list__item-discount {
    margin-right: -13px
}

.cost .list__icon {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    margin-top: -2px
}

.cost__tab {
    width: 100%;
    border: none;
    text-align: left
}

.cost__tab:not(:first-child) {
    margin-top: 15px
}

.cost__tab:active {
    background-color: #f0f0f0
}

.cost__tab-title {
    margin-right: 10px
}

.count {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.29;
    display: none;
    min-width: 45px;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #e0e0e0;
    white-space: nowrap
}

.count + .count {
    margin-left: 10px
}

.count_empty {
    color: #828282
}

.count_active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.discount {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.discount_line {
    position: relative;
    padding-left: 15px
}

.discount_line::after {
    position: absolute;
    content: ' ';
    top: 0;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #e0e0e0
}

.discount__count {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.2;
    width: 34px;
    height: 20px;
    margin-left: 10px;
    margin-bottom: -2px;
    padding: 2px 0;
    background-color: #5ccae9;
    text-align: center
}

.discount__triangle {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    margin-top: 2px;
    border: 10px solid transparent;
    border-left: 9px solid #5ccae9
}

.discount__triangle:after {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 4px;
    height: 4px;
    content: ' ';
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.discount_hidden {
    display: none
}

.counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    padding: 7px 15px;
    border-radius: 20px;
    background-color: #e0e0e0;
    color: #828282
}

.counter path,
.counter rect {
    stroke: #828282
}

.counter_active {
    background-color: #5ccae9;
    color: #020303
}

.counter_active path,
.counter_active rect {
    stroke: #020303
}

.counter__icon {
    margin-right: 5px
}

.counter__icon_man {
    width: 16px;
    height: 12px
}

.counter__column {
    position: relative
}

.counter__column:not(:first-child) {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px
}

.counter__column:not(:first-child):before {
    position: absolute;
    left: 9px;
    top: 3px;
    width: 1px;
    height: 12px;
    content: ' ';
    background-color: #e8c302
}

.counter_active .counter__column_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 657px) {
    .calculator-wrapper_mobile {
        display: none
    }
}

.calculator-wrapper_desktop {
    display: none
}

@media (min-width: 657px) {
    .calculator-wrapper_desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 100%
    }
}

.counter-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 249px;
    margin-bottom: 60px
}

.counter-contact__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-right: 20px
}

.counter-contact__count {
    margin-left: 10px
}

.counter-contact__icon path,
.counter-contact__icon rect {
    stroke: #adadad
}

.counter-contact__icon_man {
    width: 30px;
    height: 22px
}

.counter-contact__icon_calendar {
    width: 23px;
    height: 23px
}

.accordion {
    position: relative;
    cursor: pointer
}

.accordion::after {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'     viewBox='0 0 25 25'%3E%3Cpath fill='currentColor' d='M13 0H12V12H0V13H12V25H13V13H25V12H13V0Z'     /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.accordion_lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
    padding: 25px 100px 26px 61px;
    line-height: 1.5;
    color: #020303;
    outline: none;
    background: #fff
}

.accordion_lg::after {
    top: 50%;
    right: 60px;
    width: 25px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 960px) {
    .accordion_lg {
        padding: 24px 100px 26px 71px
    }

    .accordion_lg::after {
        right: 71px
    }
}

@media (max-width: 768px) {
    .accordion_lg {
        padding: 21px 70px 20px 20px
    }
}

@media (max-width: 544px) {
    .accordion_lg {
        padding: 25px 55px 25px 20px;
        font-size: 2.6rem;
        line-height: 1.15
    }

    .accordion_lg::after {
        right: 18px;
        height: 21px
    }
}

.accordion_md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.5;
    padding: 40px 30px 40px 0;
    border-bottom: thin solid #e0e0e0
}

.accordion_md::after {
    top: 50%;
    right: -6px;
    width: 22px;
    height: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 960px) {
    .accordion_md {
        padding: 25px 70px 25px 0;
        font-size: 2.2rem
    }

    .accordion_md::after {
        right: 13px
    }
}

@media (max-width: 544px) {
    .accordion_md {
        padding: 15px 60px 15px 0
    }

    .accordion_md::after {
        right: 9px
    }
}

.accordion_sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.5;
    padding: 24px 40px 24px 24px
}

.accordion_sm::after {
    top: 50%;
    right: 20px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none'       xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.7'%3E%3Crect x='8.40039' width='1.2' height='18'       fill='%23020303'/%3E%3Crect x='18' y='8.3999' width='1.2' height='18' transform='rotate(90 18 8.3999)'       fill='%23020303'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accordion_arrow {
    margin-top: -1px;
    border-top: thin solid #e0e0e0
}

.accordion_arrow::after {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    right: 20px;
    top: 45%;
    content: '';
    width: 14px;
    height: 14px;
    background-image: none;
    border-bottom: thin solid #828282;
    border-left: thin solid #828282;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.accordion.active::after {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'       viewBox='0 0 25 25'%3E%3Crect width='25' height='25' fill='currentColor' fill-opacity='0'       /%3E%3Crect width='25' height='1' y='12' fill='%23020303'/%3E%3C/svg%3E")
}

.accordion.active.accordion_arrow::after,
.accordion.active.accordion_technology::after {
    top: 55%;
    background-image: none;
    -webkit-transform: translateY(-50%) rotate(-225deg);
    transform: translateY(-50%) rotate(-225deg)
}

.accordion.active.accordion_sm::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'     viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13 0H12V12H0V13H12V25H13V13H25V12H13V0Z'     /%3E%3C/svg%3E");
    -webkit-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%)
}

.accordion_calculator {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    position: relative;
    display: block;
    padding: 24px 40px 24px 20px;
    background-color: #fafafa;
    color: #020303
}

.accordion_technology {
    font-family: inherit;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4;
    position: relative;
    display: block;
    padding: 20px 40px 20px 20px;
    background-color: #fafafa;
    color: #556170;
    text-transform: uppercase
}

.accordion_technology::after {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    right: 22px;
    top: 45%;
    content: '';
    width: 10px;
    height: 10px;
    background-image: none;
    border-bottom: thin solid #828282;
    border-left: thin solid #828282;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.accordion_technology_active {
    background-color: #f0f0f0
}

.accordion__logo-wrapper {
    max-width: 120px;
    height: 30px
}

.accordion__logo {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    height: 100%
}

.accordion__title {
    margin-left: 35px
}

.accordion__subtitle {
    position: absolute
}

@media (min-width: 960px) {
    .accordion__subtitle {
        left: 195px;
        padding-right: 105px
    }
}

@media (min-width: 1200px) {
    .accordion__subtitle {
        left: 255px
    }
}

.panel {
    overflow: hidden;
    display: none
}

.panel__layout {
    margin-left: 75px;
    margin-right: 75px;
    padding-bottom: 80px
}

.panel__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 80px
}

.panel__footer-description {
    max-width: 460px
}

.panel__footer-subtitle {
    margin-top: 10px
}

.panel_clear-padding {
    margin: 0 -20px
}

.panel_white_bg {
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04)
}

.active {
    background-color: #f7f7f7
}

.dark-cases + .dark-cases {
    padding-top: 0
}

.dark-cases_row {
    margin-top: -5px
}

.dark-cases_footer {
    margin-bottom: 75px;
    padding-top: 0
}

@media (min-width: 545px) {
    .dark-cases_footer {
        margin-bottom: 100px
    }
}

@media (min-width: 961px) {
    .dark-cases_footer {
        margin-bottom: 120px
    }
}

.dark-cases_design-page {
    padding-bottom: 65px
}

@media (min-width: 545px) {
    .dark-cases_design-page {
        padding-bottom: 100px
    }
}

.dark-cases_index_page {
    padding-bottom: 40px
}

@media (min-width: 545px) {
    .dark-cases_index_page {
        padding-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .dark-cases_with_filter .dark-case_wide .dark-case__resources {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 25%;
        margin: 0;
        padding: 0;
        border-top: none;
        border-left: none;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.dark-cases_with_filter .dark-case_wide .dark-case__logo {
    bottom: 35px
}

.dark-cases_with_filter .dark-case__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0
}

.dark-cases_with_filter .dark-case__resources {
    display: block;
    margin-top: 27px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0
}

.dark-cases_with_filter .dark-case__logo {
    bottom: 30px
}

.dark-cases_with_filter .dark-case__preview-logo {
    bottom: 30px
}

.dark-cases__row {
    margin-right: -15px;
    margin-left: -15px
}

.dark-cases__filter-title {
    display: none
}

@media (min-width: 1024px) {
    .dark-cases__filter-title {
        display: block;
        width: 100%;
        margin-bottom: 55px
    }
}

.dark-cases__title {
    display: inline-block
}

.dark-cases__link .h1 {
    -webkit-transition: border-bottom .1s ease;
    transition: border-bottom .1s ease;
    border-bottom: 1px solid transparent
}

@media (pointer: fine) {
    .dark-cases__link:hover .h1 {
        border-bottom: 1px solid #5ccae9
    }
}

.dark-case {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    position: relative;
    padding: 0;
    margin-top: 10px;
    text-align: left;
    border: 0;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 657px) {
    .dark-case {
        margin-top: 20px
    }
}

@media (min-width: 961px) {
    .dark-case {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.dark-case::after {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    background-color: transparent
}

@media (pointer: fine) {
    .dark-case:hover {
        -webkit-box-shadow: 2px 4px 7px rgba(2, 3, 3, 0.1);
        box-shadow: 2px 4px 7px rgba(2, 3, 3, 0.1)
    }

    .dark-case:hover .dark-case__picture::before,
    .dark-case:hover .dark-case__preview_video::before {
        opacity: .1
    }

    .dark-case:hover::after {
        background-color: #5ccae9
    }
}

.dark-case:active .dark-case__picture::before,
.dark-case:active .dark-case__preview_video::before {
    opacity: .1
}

.dark-case:active::after {
    background-color: #5ccae9
}

.dark-case_wide {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 40px
}

@media (min-width: 961px) {
    .dark-case_wide {
        margin-top: 60px
    }
}

.dark-case_wide .dark-case__preview {
    height: 100%
}

@media (min-width: 768px) {
    .dark-case_wide .dark-case__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 40px
    }
}

.dark-case_wide .dark-case__desc {
    margin-bottom: 0
}

.dark-case_wide .dark-case__footer {
    display: none
}

@media (min-width: 1024px) {
    .dark-case_wide .dark-case__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 10px
    }
}

.dark-case_wide .dark-case__filters {
    width: 75%
}

.dark-case_wide .dark-case__resources {
    margin-top: 30px;
    padding-bottom: 10px;
    padding-left: 0
}

@media (min-width: 768px) {
    .dark-case_wide .dark-case__resources {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 40px;
        padding: 0 0 0 40px;
        border-top: none;
        border-left: 1px solid #e3e3e3;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 234px;
        flex: 0 0 234px
    }
}

@media (min-width: 1024px) {
    .dark-case_wide .dark-case__resources_filter {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 25%;
        margin: 0;
        padding: 0;
        border-top: none;
        border-left: none;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.dark-case_wide .dark-case__resources-info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dark-case_big .dark-case__picture {
    height: 320px
}

@media (min-width: 961px) {
    .dark-case_big .dark-case__picture {
        height: 500px
    }
}

.dark-case_big .dark-case__video {
    top: 50%;
    width: 170%
}

@media (min-width: 768px) {
    .dark-case_big .dark-case__resources {
        padding-left: 32px
    }
}

.dark-case_box-shadow {
    -webkit-box-shadow: 0 2px 12px rgba(2, 3, 3, 0.05);
    box-shadow: 0 2px 12px rgba(2, 3, 3, 0.05)
}

.dark-case_popup {
    margin-top: 40px
}

.dark-case_popup .dark-case__picture {
    min-height: unset;
    height: 215px
}

.dark-case_popup .dark-case__logo {
    bottom: calc(100% + 25px);
    left: 25px;
    max-width: 150px;
    height: auto;
    max-height: 40px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.dark-case_popup .dark-case__body {
    height: auto;
    padding: 20px 25px
}

.dark-case_popup .dark-case__resources {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.dark-case_popup .dark-case__resources-icon {
    width: 26px;
    height: auto
}

.dark-case_pointer:hover {
    cursor: pointer
}

.dark-case__preview {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(224, 224, 224, 0.4);
    background-position: 50% 50%;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 769px) {
    .dark-case__preview_video {
        display: none
    }
}

.dark-case__picture,
.dark-case__preview_video {
    position: relative;
    overflow: hidden;
    height: 320px;
    min-height: 320px
}

.dark-case__picture:before,
.dark-case__preview_video:before {
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    background: #fff
}

.dark-case__picture_clickable,
.dark-case__preview_video_clickable {
    cursor: pointer
}

.dark-case__video {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .dark-case__video {
        display: none
    }
}

@media (max-width: 1200px) {
    .dark-case__video_tinkoff {
        -webkit-transform: translateY(-50%) scale(1.15);
        transform: translateY(-50%) scale(1.15)
    }
}

@media (max-width: 1024px) {
    .dark-case__video_tinkoff {
        -webkit-transform: translateY(-50%) scale(1.35);
        transform: translateY(-50%) scale(1.35)
    }
}

@media (max-width: 960px) {
    .dark-case__video_tinkoff {
        -webkit-transform: translateY(-50%) scale(1.45);
        transform: translateY(-50%) scale(1.45)
    }
}

@media (max-width: 885px) {
    .dark-case__video_tinkoff {
        -webkit-transform: translateY(-50%) scale(1.55);
        transform: translateY(-50%) scale(1.55)
    }
}

@media (max-width: 885px) {
    .dark-case__video_tui,
    .dark-case__video_siemens {
        -webkit-transform: translateY(-50%) scale(1.2);
        transform: translateY(-50%) scale(1.2)
    }
}

@media (max-width: 885px) {
    .dark-case__video_mercedes {
        -webkit-transform: translateY(-50%) scale(1.1);
        transform: translateY(-50%) scale(1.1)
    }
}

.dark-case__video.perfomance-lab {
    top: 60%
}

.dark-case__body {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    padding: 40px 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #fff
}

@media (min-width: 657px) {
    .dark-case__body {
        padding-right: 40px;
        padding-left: 40px
    }
}

.dark-case__body_active_popup {
    z-index: 6
}

.dark-case__info {
    width: 100%;
    margin-bottom: auto
}

.dark-case__desc_our_projects {
    margin-bottom: 30px
}

.dark-case__footer {
    display: none
}

@media (min-width: 1024px) {
    .dark-case__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: auto
    }
}

.dark-case__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dark-case__filter-icon {
    margin-right: 5px
}

.dark-case__resources {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 0;
    color: #040405;
    border-top: 1px solid #e3e3e3
}

.dark-case__resources_filter {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0
}

.dark-case__resources-title {
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 961px) {
    .dark-case__resources-title {
        margin-bottom: 5px
    }
}

.dark-case__resources-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.dark-case__resources-location,
.dark-case__resources-team,
.dark-case__resources-duration {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.95;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    padding: 2px 10px;
    border: 1px solid #ececec;
    border-radius: 4px
}

.dark-case__resources-location:not(:first-child),
.dark-case__resources-team:not(:first-child),
.dark-case__resources-duration:not(:first-child) {
    margin-left: 10px
}

.dark-case__resources-location {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.dark-case__resources-location:hover {
    background-color: #5ccae9
}

.dark-case__resources-name {
    margin-top: 5px;
    margin-left: 10px
}

.dark-case__resources-icon {
    margin-left: auto;
    color: #5ccae9
}

.dark-case__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    bottom: calc(100% + 40px);
    left: 40px;
    width: 140px;
    height: 50px
}

.dark-case__logo-svg {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    color: #fff
}

.dark-case__preview-logo {
    position: absolute;
    right: 40px;
    bottom: calc(100% + 30px)
}

@media (min-width: 768px) {
    .dark-case_wide .dark-case__logo {
        position: absolute;
        bottom: calc(100% + 35px);
        left: 39px
    }
}

.carousel .dark-case__desc {
    height: 96px
}

.calc-efficiency {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 50%;
    visibility: hidden;
    width: 100%;
    max-width: none;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    opacity: 0;
    background-color: #fafafa;
    pointer-events: none
}

.calc-efficiency__title {
    display: inline-block
}

.calc-efficiency__toggle-button {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 30px;
    padding: 0;
    border: none;
    background-color: transparent
}

.calc-efficiency.js-no-button .calc-efficiency__panel-wrapper {
    display: block
}

.calc-efficiency.js-no-button .calc-efficiency__button {
    display: none
}

.calc-efficiency__panel-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calc-efficiency__panel {
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease;
    padding-top: 10px
}

.calc-efficiency__form-wrapper {
    visibility: hidden;
    margin-top: 40px
}

.calc-efficiency__button {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: auto
}

.calc-efficiency .svg-icon-scroll-arrow {
    display: none
}

.calc-efficiency .gift-option {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calc-efficiency .gift-option.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calc-efficiency .gift-option .gift-img {
    display: inline-block;
    margin: 0 15px 0 40px
}

.calc-efficiency .gift-option_link .gift-option__text {
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.2rem;
    position: relative;
    color: #020303
}

.calc-efficiency .gift-option_link .gift-option__text::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #020303;
    bottom: 0;
    left: 0
}

.calc-efficiency .gift-option_link:hover {
    cursor: pointer
}

.calc-efficiency .gift-option_link:hover .gift-option__text {
    color: #5ccae9
}

.calc-efficiency .gift-option_link:hover .gift-option__text::before {
    background: #5ccae9
}

.js-calc-efficiency-visible {
    visibility: unset;
    opacity: 1;
    pointer-events: all
}

.js-calc-efficiency-close .calc-efficiency__panel .calc-results__form {
    margin-top: 0
}

.js-calc-efficiency-close .calc-efficiency__form-wrapper {
    max-height: 0;
    margin-top: 0
}

.js-no-button .calc-efficiency__form-wrapper {
    visibility: visible
}

.projects-map {
    position: relative;
    overflow: hidden
}

.projects-map__layout {
    overflow: hidden
}

.projects-map__container {
    position: relative
}

.projects-map__wrapper {
    height: 700px
}

.projects-map__filter {
    margin-bottom: 20px
}

.projects-map__title {
    margin-bottom: 40px
}

.projects-map__info {
    padding: 10px 20px
}

.projects-map__count {
    font-size: 1.4rem;
    font-weight: bold;
    color: #020303
}

.projects-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    font-size: 1.6rem
}

.projects-filter__item {
    margin-top: 10px;
    margin-right: 10px;
    list-style: none
}

.projects-filter__item:last-child {
    margin-right: 0
}

.projects-filter__item-button {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.95;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    display: inline-block;
    padding: 2px 15px;
    cursor: pointer;
    color: #556170;
    border: 0;
    border-radius: 4px;
    background-color: #ececec
}

.projects-filter__item-button.js-active,
.projects-filter__item-button:hover {
    background-color: #5ccae9
}

.projects-filter__item-button_all {
    position: absolute;
    top: 30px;
    left: 30px
}

.projects-filter__item-count {
    font-family: inherit;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.95;
    display: inline-block;
    margin-left: 10px
}

.client-projects__modal {
    width: 95%;
    padding: 40px 40px 20px
}

.client-projects__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.client-projects__list {
    overflow-y: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
    height: 330px;
    padding-right: 10px
}

.client-projects__list-header {
    margin-bottom: 20px
}

.client-projects__item {
    position: relative;
    padding: 21px 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-top: 1px solid #e0e0e0
}

.client-projects__item.js-active,
.client-projects__item:hover {
    background: #fafafa
}

.client-projects__item.js-active .arrow-rotated,
.client-projects__item:hover .arrow-rotated {
    color: #5ccae9
}

.client-projects__item:last-child {
    border-bottom: 1px solid #e0e0e0
}

.client-projects__item-arrow {
    right: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.client-projects__item-name,
.client-projects__item-domain {
    font-size: 1.6rem
}

.client-projects__item,
.client-projects__list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.client-projects__name,
.client-projects__item-name {
    width: 80px
}

.client-projects__name,
.client-projects__domain {
    font-weight: bold;
    color: #020303
}

.client-project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 40px;
    font-size: 1.4rem;
    line-height: 2.6rem
}

.client-project__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.client-project__title {
    font-weight: bold;
    color: #020303
}

.client-project__location,
.client-project__domain,
.client-project__country,
.client-project_margin {
    margin-right: 40px
}

@media (max-width: 960px) {
    .client-project__location,
    .client-project__domain,
    .client-project__country,
    .client-project_margin {
        margin-right: 30px
    }
}

.client-project__technology {
    position: relative;
    display: inline-block;
    padding-right: 20px
}

.client-project__technology:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 1px;
    height: 20px;
    content: '';
    -webkit-transform: translate(-50%, -50%) skewX(-20deg);
    transform: translate(-50%, -50%) skewX(-20deg);
    background-color: #e0e0e0
}

.client-project__footer {
    margin-top: 20px
}

.once-project {
    font-size: 1.6rem;
    line-height: 2.8rem
}

.once-project__modal {
    width: 600px;
    padding: 60px 40px
}

.once-project__footer {
    margin-top: 40px
}

.client-projects,
.once-project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: modal_background_reverse .6s ease-in-out;
    animation: modal_background_reverse .6s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.client-projects.js-active,
.once-project.js-active {
    -webkit-animation: modal_background .6s ease-in-out;
    animation: modal_background .6s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: 700px;
    bottom: 0;
    top: auto
}

.client-projects.js-active .client-projects__modal,
.client-projects.js-active .once-project__modal,
.once-project.js-active .client-projects__modal,
.once-project.js-active .once-project__modal {
    -webkit-animation: modal_translate .5s ease-in-out;
    animation: modal_translate .5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.client-projects__modal,
.once-project__modal {
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-animation: modal_translate_reverse .5s ease-in-out;
    animation: modal_translate_reverse .5s ease-in-out;
    background-color: #fff;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.js-active.projects-filter .projects-filter__dropdown {
    height: 400px
}

.js-lock .client-projects__modal,
.js-lock .once-project__modal {
    display: none
}

@-webkit-keyframes modal_background {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: rgba(2, 3, 3, 0)
    }
    to {
        background-color: rgba(2, 3, 3, 0.8)
    }
}

@keyframes modal_background {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: rgba(2, 3, 3, 0)
    }
    to {
        background-color: rgba(2, 3, 3, 0.8)
    }
}

@-webkit-keyframes modal_background_reverse {
    0% {
        opacity: 1;
        background-color: rgba(2, 3, 3, 0.8)
    }
    95% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        background-color: rgba(2, 3, 3, 0)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes modal_background_reverse {
    0% {
        opacity: 1;
        background-color: rgba(2, 3, 3, 0.8)
    }
    95% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        background-color: rgba(2, 3, 3, 0)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes modal_translate {
    from {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes modal_translate {
    from {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes modal_translate_reverse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    95% {
        -webkit-transform: translateY(1000px) scale(1);
        transform: translateY(1000px) scale(1)
    }
    100% {
        -webkit-transform: translateY(1000px) scale(0);
        transform: translateY(1000px) scale(0)
    }
}

@keyframes modal_translate_reverse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    95% {
        -webkit-transform: translateY(1000px) scale(1);
        transform: translateY(1000px) scale(1)
    }
    100% {
        -webkit-transform: translateY(1000px) scale(0);
        transform: translateY(1000px) scale(0)
    }
}

.gm-style-iw.gm-style-iw-c {
    border-radius: 0
}

.gm-style-iw.gm-style-iw-c .gm-ui-hover-effect {
    display: none !important
}


/*# sourceMappingURL=styles-technology.v.5ce6f06ac.min.css.map */