/* Общие стили */
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    background-color: #f8f9fa;
    color: #333;
}

/* Стили для секции hero */
#hero {
    height: 80vh;
    background: url('https://via.placeholder.com/1920x800') no-repeat center center/cover;
}

.hero-content {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 40px;
    border-radius: 10px;
}

.animated-btn {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.animated-btn:hover {
    transform: scale(1.1);
    background-color: #ff6600;
}

/* Карточки с услугами */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* Адаптивные стили */
@media (max-width: 768px) {
    #hero {
        height: 50vh;
    }
}

        .main-form-service--loading {
            min-height: 539px
        }

        .main-form-service__price {
            align-items: flex-end;
            display: flex;
            justify-content: space-between;
            line-height: 1.2;
            position: relative
        }

        .main-form-service__loader {
            bottom: -20px;
            position: absolute;
            right: 0
        }
    
        @media (min-width:768px) {
            .calculator-contacts__button {
                margin-top: 40px
            }

            .calculator-contacts__align {
                text-align: center
            }
        }
    
        .order-services-edit-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            width: 100%
        }

        .order-services-edit-item:last-child {
            margin-bottom: 0
        }

        .order-services-edit-item__wrapper {
            flex-shrink: 0;
            min-width: 110px;
            padding-left: 10px
        }
    
        .calculator-window-banner {
            align-items: center;
            border-radius: 8px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, .17);
            display: flex;
            justify-content: space-between;
            padding: 10px
        }

        .calculator-window-banner__bage {
            align-items: center;
            background:
                /*savepage-url=/_nuxt/img/bage.7ac9b4a.svg*/
                url() 50%/contain no-repeat;
            color: #fff;
            display: flex;
            flex-shrink: 0;
            height: 50px;
            justify-content: center;
            margin-left: 15px;
            width: 50px
        }
    
        .calculator-application-addition__section {
            border-bottom: 1px solid #cbc9c9
        }

        .calculator-application-addition__discount {
            align-items: center;
            background-color: #58b874;
            border-radius: 12px;
            color: #fff;
            display: inline-flex;
            height: 20px;
            padding: 0 10px
        }
    
        .calculator-checkbox {
            display: flex;
            flex-direction: column;
            position: relative
        }

        .calculator-checkbox__item.ui-checkbox {
            margin-bottom: 0
        }

        .calculator-checkbox__addition-text {
            margin-left: 44px
        }

        .calculator-checkbox__wrap {
            align-items: center;
            display: flex;
            position: relative
        }

        .calculator-checkbox__question {
            cursor: pointer;
            margin-left: 10px
        }
    
        .calculator-application-inventory__checkbox {
            margin-bottom: 20px
        }

        .calculator-application-inventory__checkbox:last-child {
            margin-bottom: 0
        }
   
        .yandex-map .ymaps-2-1-74-float-button {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 0 4px rgba(0, 0, 0, .17);
            height: 36px;
            max-width: 36px;
            width: 36px
        }

        .yandex-map .ymaps-2-1-74-zoom__plus {
            border-bottom: 1px solid #cbc9c9;
            border-radius: 50% 50% 0 0;
            height: 38px
        }

        .yandex-map .ymaps-2-1-74-zoom__minus {
            border-radius: 0 0 50% 50%;
            height: 38px
        }

        .yandex-map .ymaps-2-1-74-zoom {
            height: 0;
            padding: 35px 0 36px;
            width: 36px
        }

        .yandex-map .ymaps-2-1-74-zoom__plus .ymaps-2-1-74-zoom__icon {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJub25lIi8+PGxpbmUgeDE9IjIiIHkxPSI4IiB4Mj0iMTQiIHkyPSI4IiBmaWxsPSJub25lIiBzdHJva2U9IiMzNTM1MzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48bGluZSB4MT0iOCIgeTE9IjIiIHgyPSI4IiB5Mj0iMTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM1MzUzNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=)
        }

        .yandex-map .ymaps-2-1-74-zoom__minus .ymaps-2-1-74-zoom__icon {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHRpdGxlPi08L3RpdGxlPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIvPjxsaW5lIHgxPSIyIiB5MT0iOCIgeDI9IjE0IiB5Mj0iOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzUzNTM1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
        }

        .yandex-map .ymaps-2-1-74-float-button-icon {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        .yandex-map .ymaps-2-1-74-map-copyrights-promo {
            display: none
        }
    
        .calculator-address-map {
            position: relative
        }

        .calculator-address-map__btn {
            line-height: 25px;
            padding: 5px 15px;
            width: 100%
        }

        .calculator-address-map__text {
            min-height: 1em
        }

        .calculator-address-map__btn-change {
            background-color: #fff;
            border-radius: 25px;
            box-shadow: 0 0 4px rgba(0, 0, 0, .17);
            padding: 7px 30px
        }

        .calculator-address-map__btn-close {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODg5MSAxOS42ODc1TDEuMTExMzMgMTAuNUw4Ljg4OTEgMS4zMTI1IiBzdHJva2U9IiMzODMxMjkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat 50%;
            background-size: 10px 23px;
            cursor: pointer;
            height: 65px;
            left: 0;
            outline: 0;
            position: absolute;
            top: 30px;
            transform: translateY(-50%);
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 50px;
            z-index: 1;
            -webkit-tap-highlight-color: transparent
        }

        .calculator-address-map__btn-next.ui-button {
            bottom: 60px;
            left: 50%;
            position: fixed;
            transform: translateX(-50%);
            width: calc(100% - 40px);
            z-index: 1
        }

        @media (min-width:768px) {
            .calculator-address-map__btn-next.ui-button {
                width: auto
            }
        }

        .calculator-address-map__wrap {
            left: 50%;
            position: absolute;
            text-align: center;
            top: 60px;
            transform: translateX(-50%);
            width: calc(100% - 40px);
            z-index: 1
        }

        @media (min-width:768px) {
            .calculator-address-map__wrap {
                top: 60px;
                width: auto
            }
        }

        .calculator-address-map__map {
            overflow: hidden
        }

        @media (min-width:768px) {
            .calculator-address-map__map {
                position: static
            }
        }

        .calculator-address-map__point {
            height: 40px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -100%);
            width: 40px;
            z-index: 1
        }

        @media (min-width:768px) {
            .calculator-address-map__point {
                display: none
            }
        }

        .calculator-address-map__list-button {
            color: #383129;
            cursor: pointer;
            padding: 15px 0 15px 25px;
            position: relative;
            text-align: left
        }

        .calculator-address-map__list-button:before {
            background-image: url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgNDAgNDAiCj4KICA8cmVjdAogICAgd2lkdGg9IjQwIgogICAgaGVpZ2h0PSI0MCIKICAgIGZpbGw9Im5vbmUiCiAgLz4KICA8cGF0aAogICAgZD0iTTE5LjU0LDM5Ljc4QS41OC41OCwwLDAsMCwyMCw0MGEuNjEuNjEsMCwwLDAsLjQ2LS4yMWMuNTktLjcsMTQuMjctMTcuMTMsMTQuMjctMjUuMDZhMTQuNzMsMTQuNzMsMCwxLDAtMjkuNDYsMEM1LjI3LDIyLjY2LDE5LDM5LjA5LDE5LjU0LDM5Ljc4Wk0xMy4yMiwxNS4zQTYuNzksNi43OSwwLDEsMSwyMCwyMi4wOCw2Ljc5LDYuNzksMCwwLDEsMTMuMjIsMTUuM1oiCiAgICBmaWxsPSIjZWQyODI4IgogICAgZmlsbC1ydWxlPSJldmVub2RkIgogIC8+Cjwvc3ZnPgo=);
            content: "";
            display: block;
            height: 20px;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 20px
        }

        .calculator-address-map__loader.loader-cover {
            position: fixed
        }
   
        .calculator-address-new {
            display: flex;
            flex-direction: column;
            flex-grow: 1
        }

        .calculator-address-new__alert {
            margin-top: 20px;
            padding-left: 28px;
            position: relative
        }

        .calculator-address-new__alert:before {
            background:
                /*savepage-url=/_nuxt/img/bus.987fb0c.svg*/
                url();
            content: "";
            height: 18px;
            left: 0;
            position: absolute;
            top: 0;
            width: 18px
        }

        .calculator-address-new__popup.ui-popup>.ui-popup__block {
            padding: 0
        }

        .calculator-address-new__btn {
            margin-top: auto
        }

        .calculator-address-new__row {
            display: flex
        }

        .calculator-address-new__row-input {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .calculator-address-new__checkbox {
            margin-bottom: 0
        }

        @media (min-width:768px) {
            .calculator-address-new__hint.ui-hint {
                max-width: calc(100% - 180px)
            }
        }

        .calculator-address-new__input.ui-input {
            margin-bottom: 20px;
            width: calc(50% - 10px)
        }

        @media (min-width:1280px) {
            .calculator-address-new__input.ui-input {
                width: calc(25% - 10px)
            }
        }

        .calculator-address-new__pointer {
            align-items: center;
            cursor: pointer;
            display: flex;
            justify-content: flex-end;
            width: 180px
        }

        .calculator-address-new__pointer-img {
            margin-right: 10px
        }

        .calculator-address-wrong {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .calculator-address-wrong__card {
            background: #f2f2f2;
            border-radius: 8px;
            flex-direction: column;
            padding: 20px;
            width: 100%
        }

        .calculator-address-wrong__card--turkey {
            background: #fff4e9
        }

        .calculator-address-wrong__app-link {
            align-items: center;
            cursor: pointer;
            display: flex;
            flex-direction: column
        }

        .calculator-application-first-step__header {
            border-bottom: 1px solid #cbc9c9;
            margin: -40px -20px 10px;
            padding: 40px 20px 30px
        }

        @media (min-width:768px) {
            .calculator-application-first-step__header {
                margin: -40px 0 10px;
                padding: 40px 10px 30px;
                text-align: center
            }
        }

        @media (min-width:1280px) {
            .calculator-application-first-step__header {
                margin: -50px 0 10px
            }
        }

        .calculator-application-first-step__header-title {
            margin-bottom: 10px
        }

        @media (min-width:768px) {
            .calculator-application-first-step__header-title {
                margin-bottom: 20px
            }
        }

        .calculator-payment__radio:last-child {
            margin-bottom: 0
        }

        .loader-stick {
            position: relative;
            width: 100%
        }

        .loader-stick__text {
            margin-bottom: 18px;
            text-align: center
        }

        .loader-stick__loading-line {
            background: #f2f2f2;
            border-radius: 10px;
            height: 7px;
            overflow: hidden;
            position: relative
        }

        .loader-stick__loading-progress {
            background: linear-gradient(90deg, #ff9000, #ffa225 77.76%, #ffc42b);
            border-radius: 10px;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transform: scaleX(0);
            transform-origin: 0 0;
            transition: .2s;
            width: 100%
        }

        .notify {
            border-radius: 5px;
            color: #383129;
            display: flex;
            padding: 20px
        }

        .notify .notify {
            padding: 0
        }

        .notify--orange {
            background: #fff4e9
        }

        .notify--grey {
            background-color: #f2f2f2
        }

        .notify__icon {
            display: flex;
            height: 100%;
            margin-right: 10px;
            margin-top: 3px
        }

        .notify__icon--without-title {
            margin-top: 2px
        }

        .notify__icon img {
            height: 18px;
            width: 18px
        }

        .notify__title {
            font-size: 16px;
            font-weight: 600;
            line-height: 22px;
            margin-bottom: 10px
        }

        .notify__title--large {
            font-size: 18px;
            line-height: 25px;
            margin-bottom: 15px
        }

        .notify__description hr {
            background-color: #ff9000;
            border: 0;
            display: block;
            height: 1px;
            margin: 15px 0;
            opacity: .28
        }

        .notify ul li {
            font-size: 16px;
            line-height: 22px
        }

        .notify ul li:before {
            content: "-";
            margin-right: 4px
        }

        .notify ul li:not(:last-child) {
            margin-bottom: 10px
        }

        .calculator-time-choose[data-v-cbee6d16] {
            position: relative
        }

        .calculator-time-choose__row[data-v-cbee6d16] {
            display: flex;
            justify-content: space-between
        }

        .calculator-time-choose__row--disabled[data-v-cbee6d16] {
            opacity: .05
        }

        .calculator-time-choose__cell[data-v-cbee6d16] {
            width: calc(50% - 10px)
        }

        .calculator-time-choose__loader-stick.loader-stick[data-v-cbee6d16] {
            bottom: 0;
            left: 0;
            position: absolute;
            z-index: 3
        }

        .calculator-time-choose__flash--disabled[data-v-cbee6d16] {
            opacity: .05
        }

        .application-second-step__back {
            cursor: pointer
        }

        .calculator-application {
            padding-bottom: 20px
        }

        @media (min-width:768px) {
            .calculator-application {
                padding-bottom: 0
            }
        }

        .calculator-application__section {
            border-bottom: 1px solid #cbc9c9;
            padding: 20px 0
        }

        .calculator-application__section:first-of-type {
            padding-top: 0
        }

        .calculator-application__section:last-of-type {
            border-bottom: none;
            margin-bottom: 20px;
            padding-bottom: 0
        }

        .swiper-container {
            list-style: none;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            padding: 0;
            position: relative;
            z-index: 1
        }

        .swiper-container-no-flexbox .swiper-slide {
            float: left
        }

        .swiper-container-vertical>.swiper-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .swiper-wrapper {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            position: relative;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            width: 100%;
            z-index: 1
        }

        .swiper-container-android .swiper-slide,
        .swiper-wrapper {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .swiper-container-multirow>.swiper-wrapper {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .swiper-container-free-mode>.swiper-wrapper {
            margin: 0 auto;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out
        }

        .swiper-slide {
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 100%;
            position: relative;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            width: 100%
        }

        .swiper-slide-invisible-blank {
            visibility: hidden
        }

        .swiper-container-autoheight,
        .swiper-container-autoheight .swiper-slide {
            height: auto
        }

        .swiper-container-autoheight .swiper-wrapper {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-transition-property: height, -webkit-transform;
            transition-property: height, -webkit-transform;
            transition-property: transform, height;
            transition-property: transform, height, -webkit-transform
        }

        .swiper-container-3d {
            -webkit-perspective: 1200px;
            perspective: 1200px
        }

        .swiper-container-3d .swiper-cube-shadow,
        .swiper-container-3d .swiper-slide,
        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top,
        .swiper-container-3d .swiper-wrapper {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top {
            height: 100%;
            left: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 10
        }

        .swiper-container-3d .swiper-slide-shadow-left {
            background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
            background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
            background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
            background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
            background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
            background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-wp8-horizontal,
        .swiper-container-wp8-horizontal>.swiper-wrapper {
            -ms-touch-action: pan-y;
            touch-action: pan-y
        }

        .swiper-container-wp8-vertical,
        .swiper-container-wp8-vertical>.swiper-wrapper {
            -ms-touch-action: pan-x;
            touch-action: pan-x
        }

        .swiper-button-next,
        .swiper-button-prev {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 27px 44px;
            cursor: pointer;
            height: 44px;
            margin-top: -22px;
            position: absolute;
            top: 50%;
            width: 27px;
            z-index: 10
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            cursor: auto;
            opacity: .35;
            pointer-events: none
        }

        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23007aff' d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z'/%3E%3C/svg%3E");
            left: 10px;
            right: auto
        }

        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23007aff' d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z'/%3E%3C/svg%3E");
            left: auto;
            right: 10px
        }

        .swiper-button-prev.swiper-button-white,
        .swiper-container-rtl .swiper-button-next.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23fff' d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z'/%3E%3C/svg%3E")
        }

        .swiper-button-next.swiper-button-white,
        .swiper-container-rtl .swiper-button-prev.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23fff' d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z'/%3E%3C/svg%3E")
        }

        .swiper-button-prev.swiper-button-black,
        .swiper-container-rtl .swiper-button-next.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z'/%3E%3C/svg%3E")
        }

        .swiper-button-next.swiper-button-black,
        .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z'/%3E%3C/svg%3E")
        }

        .swiper-button-lock {
            display: none
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
            z-index: 10
        }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 10px;
            left: 0;
            width: 100%
        }

        .swiper-pagination-bullets-dynamic {
            font-size: 0;
            overflow: hidden
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            position: relative;
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            -webkit-transform: scale(.66);
            -ms-transform: scale(.66);
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            -webkit-transform: scale(.66);
            -ms-transform: scale(.66);
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }

        .swiper-pagination-bullet {
            background: #000;
            border-radius: 100%;
            display: inline-block;
            height: 8px;
            opacity: .2;
            width: 8px
        }

        button.swiper-pagination-bullet {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin: 0;
            padding: 0
        }

        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }

        .swiper-pagination-bullet-active {
            background: #007aff;
            opacity: 1
        }

        .swiper-container-vertical>.swiper-pagination-bullets {
            right: 10px;
            top: 50%;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0)
        }

        .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
            display: block;
            margin: 6px 0
        }

        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 8px
        }

        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: top .2s, -webkit-transform .2s;
            -webkit-transition: top .2s, -webkit-transform .2s;
            transition: transform .2s, top .2s;
            transition: transform .2s, top .2s, -webkit-transform .2s
        }

        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: left .2s, -webkit-transform .2s;
            -webkit-transition: left .2s, -webkit-transform .2s;
            transition: transform .2s, left .2s;
            transition: transform .2s, left .2s, -webkit-transform .2s
        }

        .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: right .2s, -webkit-transform .2s;
            -webkit-transition: right .2s, -webkit-transform .2s;
            transition: transform .2s, right .2s;
            transition: transform .2s, right .2s, -webkit-transform .2s
        }

        .swiper-pagination-progressbar {
            background: rgba(0, 0, 0, .25);
            position: absolute
        }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #007aff;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
            width: 100%
        }

        .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            -webkit-transform-origin: right top;
            -ms-transform-origin: right top;
            transform-origin: right top
        }

        .swiper-container-horizontal>.swiper-pagination-progressbar,
        .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
            height: 4px;
            left: 0;
            top: 0;
            width: 100%
        }

        .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
        .swiper-container-vertical>.swiper-pagination-progressbar {
            height: 100%;
            left: 0;
            top: 0;
            width: 4px
        }

        .swiper-pagination-white .swiper-pagination-bullet-active {
            background: #fff
        }

        .swiper-pagination-progressbar.swiper-pagination-white {
            background: hsla(0, 0%, 100%, .25)
        }

        .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
            background: #fff
        }

        .swiper-pagination-black .swiper-pagination-bullet-active {
            background: #000
        }

        .swiper-pagination-progressbar.swiper-pagination-black {
            background: rgba(0, 0, 0, .25)
        }

        .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
            background: #000
        }

        .swiper-pagination-lock {
            display: none
        }

        .swiper-scrollbar {
            background: rgba(0, 0, 0, .1);
            border-radius: 10px;
            position: relative;
            -ms-touch-action: none
        }

        .swiper-container-horizontal>.swiper-scrollbar {
            bottom: 3px;
            height: 5px;
            left: 1%;
            position: absolute;
            width: 98%;
            z-index: 50
        }

        .swiper-container-vertical>.swiper-scrollbar {
            height: 98%;
            position: absolute;
            right: 3px;
            top: 1%;
            width: 5px;
            z-index: 50
        }

        .swiper-scrollbar-drag {
            background: rgba(0, 0, 0, .5);
            border-radius: 10px;
            height: 100%;
            left: 0;
            position: relative;
            top: 0;
            width: 100%
        }

        .swiper-scrollbar-cursor-drag {
            cursor: move
        }

        .swiper-scrollbar-lock {
            display: none
        }

        .swiper-zoom-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            width: 100%;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

        .swiper-zoom-container>canvas,
        .swiper-zoom-container>img,
        .swiper-zoom-container>svg {
            max-height: 100%;
            max-width: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

        .swiper-slide-zoomed {
            cursor: move
        }

        .swiper-lazy-preloader {
            -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
            animation: swiper-preloader-spin 1s steps(12) infinite;
            height: 42px;
            left: 50%;
            margin-left: -21px;
            margin-top: -21px;
            position: absolute;
            top: 50%;
            -webkit-transform-origin: 50%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            width: 42px;
            z-index: 10
        }

        .swiper-lazy-preloader:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-linecap='round' stroke-width='11' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100%;
            content: "";
            display: block;
            height: 100%;
            width: 100%
        }

        .swiper-lazy-preloader-white:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-linecap='round' stroke-width='11' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
        }

        @-webkit-keyframes swiper-preloader-spin {
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes swiper-preloader-spin {
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        .swiper-container .swiper-notification {
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            z-index: -1000
        }

        .swiper-container-fade.swiper-container-free-mode .swiper-slide {
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out
        }

        .swiper-container-fade .swiper-slide {
            pointer-events: none;
            -webkit-transition-property: opacity;
            transition-property: opacity
        }

        .swiper-container-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-fade .swiper-slide-active,
        .swiper-container-fade .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube {
            overflow: visible
        }

        .swiper-container-cube .swiper-slide {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100%;
            pointer-events: none;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            visibility: hidden;
            width: 100%;
            z-index: 1
        }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-next,
        .swiper-container-cube .swiper-slide-next+.swiper-slide,
        .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }

        .swiper-container-cube .swiper-slide-shadow-bottom,
        .swiper-container-cube .swiper-slide-shadow-left,
        .swiper-container-cube .swiper-slide-shadow-right,
        .swiper-container-cube .swiper-slide-shadow-top {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 0
        }

        .swiper-container-cube .swiper-cube-shadow {
            background: #000;
            bottom: 0;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            height: 100%;
            left: 0;
            opacity: .6;
            position: absolute;
            width: 100%;
            z-index: 0
        }

        .swiper-container-flip {
            overflow: visible
        }

        .swiper-container-flip .swiper-slide {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            pointer-events: none;
            z-index: 1
        }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-flip .swiper-slide-active,
        .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-flip .swiper-slide-shadow-bottom,
        .swiper-container-flip .swiper-slide-shadow-left,
        .swiper-container-flip .swiper-slide-shadow-right,
        .swiper-container-flip .swiper-slide-shadow-top {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 0
        }

        .swiper-container-coverflow .swiper-wrapper {
            -ms-perspective: 1200px
        }

        .top-employee-card {
            align-items: center;
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            box-sizing: border-box;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 20px;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 250px;
            -webkit-tap-highlight-color: transparent;
            transition: transform .3s, box-shadow .3s;
            transition-timing-function: ease
        }

        @media (min-width:768px) {
            .top-employee-card:hover {
                box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .12);
                transform: translateY(-4px)
            }
        }

        .top-employee-card:focus {
            border-color: #ff9000
        }

        .top-employee-card__img-wrapper {
            background-color: #c4c4c4;
            border-radius: 50%;
            box-shadow: 0 3px 4px rgba(0, 0, 0, .17);
            height: 100px;
            margin-bottom: 20px;
            overflow: hidden;
            width: 100px
        }

        .top-employee-card__img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .top-employee-card__title {
            font-size: 18px;
            font-weight: 600;
            line-height: 1.3em;
            margin-bottom: 10px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .top-employee-card__text-wrapper {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px
        }

        .top-employee-card__star {
            margin-left: 5px;
            margin-right: 5px
        }

        .top-employee-card__text {
            line-height: 1.3em;
            padding-left: 5px
        }

        .top-employee-card__text--decor {
            border-left: 1px solid #383129
        }

        .top-employee-card__link {
            align-items: center;
            display: flex;
            justify-content: center
        }

        .top-employee-card__arrow {
            padding-left: 10px
        }

        .top-employee-pop-up>:last-child {
            margin-bottom: 0
        }

        .top-employee-pop-up__header {
            display: flex;
            flex-direction: row;
            justify-content: space-between
        }

        .top-employee-pop-up__img-wrapper {
            background-color: #c4c4c4;
            border-radius: 50%;
            box-shadow: 0 3px 4px rgba(0, 0, 0, .17);
            flex-shrink: 0;
            height: 70px;
            margin-left: 40px;
            overflow: hidden;
            width: 70px
        }

        @media (min-width:768px) {
            .top-employee-pop-up__img-wrapper {
                height: 90px;
                width: 90px
            }
        }

        .top-employee-pop-up__img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .top-employee-pop-up__header-inner {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            width: 100%
        }

        @media (min-width:768px) {
            .top-employee-pop-up__header-inner {
                align-items: flex-start;
                width: auto
            }
        }

        .top-employee-pop-up__name {
            font-size: 24px
        }

        @media (min-width:768px) {
            .top-employee-pop-up__name {
                font-size: 30px
            }
        }

        .top-employee-pop-up__stat {
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .top-employee-pop-up__icon {
            height: 16px;
            width: 16px
        }

        .top-employee-pop-up__content {
            border-top: 1px solid #f2f2f2
        }

        .top-employee-pop-up__content>:last-child {
            margin-bottom: 0
        }

        .service-details-popup__footer[data-v-35cb9731] {
            border-top: 1px solid #cbc9c9;
            margin-top: -20px;
            padding-bottom: 20px;
            padding-top: 20px
        }

        @media (min-width:768px) {
            .service-details-popup__footer[data-v-35cb9731] {
                padding-bottom: 0
            }
        }

        .page-banner {
            background-color: #fdf8f4;
            background-position: 50%;
            background-size: cover;
            min-height: 60vh;
            padding: 20px 0;
            position: relative
        }

        @media (min-width:768px) {
            .page-banner {
                min-height: 505px;
                padding: 50px 0
            }
        }

        .page-banner:before {
            background-color: hsla(0, 0%, 97%, .75);
            bottom: 0;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        @media (min-width:768px) {
            .page-banner:before {
                display: none
            }
        }

        .page-banner__wrap {
            position: relative
        }

        @media (min-width:768px) {
            .page-banner__wrap {
                align-items: flex-start;
                display: flex;
                justify-content: space-between
            }
        }

        .page-banner__mobile-image {
            border-radius: 5px
        }

        .page-banner--mobile {
            min-height: auto;
            padding-bottom: 20px
        }

        .page-banner--mobile:before {
            background-color: #fff
        }

        .page-banner--center {
            align-items: center;
            color: #fff;
            display: flex;
            height: 500px
        }

        .page-banner--center:before {
            display: none
        }
   
        .eco-chemistry-shop {
            align-items: center;
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            margin-top: 40px;
            max-width: 1120px
        }

        @media (min-width:768px) {
            .eco-chemistry-shop {
                margin-bottom: 0;
                margin-top: 0
            }
        }

        .eco-chemistry-shop__text-header {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 6px
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__text-header {
                margin-bottom: -20px
            }
        }

        .eco-chemistry-shop__pagination {
            align-items: center;
            bottom: -26px;
            display: flex;
            left: 50%;
            transform: translateX(-50%)
        }

        .eco-chemistry-shop__slides {
            margin-bottom: -20px;
            width: 100%
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__slides {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                margin-bottom: 0;
                overflow: hidden
            }
        }

        @media (min-width:1280px) {
            .eco-chemistry-shop__slides {
                align-items: stretch;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-bottom: 0;
                overflow: hidden
            }
        }

        .eco-chemistry-shop__card {
            margin-bottom: 30px
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__card {
                margin-bottom: -20px;
                padding: 10px 0
            }
        }

        @media (min-width:1280px) {
            .eco-chemistry-shop__card {
                margin-bottom: 0;
                padding: 10px 0 0
            }
        }

        .eco-chemistry-shop__card-item {
            border: 1px solid #cbc9c9;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__card-item {
                align-items: flex-start;
                border: 0;
                flex-direction: row;
                padding: 20px 0
            }
        }

        @media (min-width:1280px) {
            .eco-chemistry-shop__card-item {
                flex-direction: column;
                height: 100%;
                max-width: 283px;
                padding: 20px 0 0;
                width: 100%
            }
        }

        .eco-chemistry-shop__text {
            display: flex;
            flex-direction: column;
            padding: 20px
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__text {
                margin-left: 40px;
                padding: 0
            }
        }

        @media (min-width:1280px) {
            .eco-chemistry-shop__text {
                height: 100%;
                margin-left: 0;
                padding: 20px 0 0
            }
        }

        .eco-chemistry-shop__button {
            padding: 13px 19px;
            width: 100%
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__button {
                margin-right: auto;
                width: auto
            }
        }

        @media (min-width:1280px) {
            .eco-chemistry-shop__button {
                margin-top: auto;
                width: 100%
            }
        }

        .eco-chemistry-shop__title {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.4;
            margin-bottom: 10px
        }

        @media (min-width:768px) {
            .eco-chemistry-shop__title {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 20px
            }
        }

        .eco-chemistry-shop .custom-swiper {
            margin-bottom: 10px;
            position: relative
        }

        @media (min-width:768px) {
            .eco-chemistry-shop .custom-swiper {
                height: 190px;
                margin-bottom: 10px;
                width: 275px
            }
        }

        @media (min-width:1280px) {
            .eco-chemistry-shop .custom-swiper {
                height: 240px;
                margin-bottom: 10px;
                margin-right: 0;
                width: 283px
            }
        }

        .eco-chemistry-shop .custom-swiper__wrap {
            border-radius: 7px 7px 0 0;
            height: 185px;
            padding: 0
        }

        @media (min-width:768px) {
            .eco-chemistry-shop .custom-swiper__wrap {
                border-radius: 8px;
                height: inherit
            }
        }

        .eco-chemistry-shop .custom-swiper .swiper-slide {
            margin: 0
        }

        .eco-chemistry-shop .custom-swiper .swiper-slide img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .eco-chemistry-shop .custom-swiper .swiper-pagination-bullet {
            opacity: 1
        }

        .eco-chemistry-shop .custom-swiper .swiper-pagination-bullet:after {
            background: #cbc9c9;
            border-radius: 100%
        }

        .eco-chemistry-shop .custom-swiper .swiper-pagination-bullet-active:after {
            background: #ff9000
        }
    
        .before-after-gallary-image__img {
            background-color: #eee;
            height: 100%;
            width: 100%
        }
    
        .before-after-gallery-slider-arrow {
            cursor: pointer
        }

        .before-after-gallery-slider-arrow:hover path {
            fill: #9d9c9c
        }
    
        .before-after-gallery-slider {
            height: 100%;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 100%
        }

        .before-after-gallery-slider .custom-swiper--with-controls {
            padding: 0
        }

        .before-after-gallery-slider__next,
        .before-after-gallery-slider__prev {
            align-items: center;
            display: flex;
            height: 40px;
            justify-content: center;
            position: absolute;
            top: 45%;
            width: 40px
        }

        .before-after-gallery-slider__next {
            right: -45px
        }

        .before-after-gallery-slider__prev {
            left: -45px;
            transform: rotate(180deg)
        }

        .before-after-gallery-slider .custom-swiper {
            display: flex;
            height: 100%;
            justify-content: center;
            width: 100%
        }

        .before-after-gallery-slider .custom-swiper .swiper-wrapper {
            align-items: center;
            display: flex
        }

        .before-after-gallery-slider .custom-swiper .swiper-slide {
            margin-left: 0;
            margin-right: 0;
            width: 100%
        }

        .before-after-gallery-slider .custom-swiper .swiper-pagination {
            bottom: calc(env(safe-area-inset-bottom) + 15px);
            position: fixed
        }
   
        .before-after-gallery__slide[data-v-1897ae09] {
            border-radius: 3px;
            cursor: pointer;
            height: 170px;
            line-height: 0;
            overflow: hidden;
            width: 240px
        }

        @media (min-width:768px) {
            .before-after-gallery__slide[data-v-1897ae09] {
                height: 250px;
                width: 350px
            }
        }

        .before-after-gallery__slider .ui-popup__block[data-v-1897ae09] {
            height: 100%;
            padding-bottom: 40px
        }

        @media (min-width:768px) {
            .before-after-gallery__slider .ui-popup__block[data-v-1897ae09] {
                max-height: 590px
            }
        }

        .before-after-gallery__slider .ui-popup__block-container[data-v-1897ae09] {
            align-items: center;
            display: flex;
            height: 100%
        }
    
        .him-steps__slider[data-v-b58bb46a] {
            margin: 0 -20px
        }

        .him-steps__card[data-v-b58bb46a] {
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            height: 240px;
            padding: 30px 20px;
            position: relative;
            text-align: center;
            width: 240px
        }

        @media (min-width:768px) {
            .him-steps__card[data-v-b58bb46a] {
                border: 0;
                height: auto;
                padding: 0;
                width: auto
            }

            .him-steps__card[data-v-b58bb46a]:first-child:before {
                display: none
            }

            .him-steps__card[data-v-b58bb46a]:before {
                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDcgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDE0TDYgNy41TDEgMSIgc3Ryb2tlPSIjMzUzNTM1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
                content: "";
                display: block;
                height: 15px;
                left: 0;
                position: absolute;
                top: 69px;
                width: 7px
            }
        }

        @media (min-width:1280px) {
            .him-steps__card[data-v-b58bb46a]:before {
                left: -8px
            }
        }

        .him-steps__steps[data-v-b58bb46a] {
            margin-top: 25px
        }

        @media (min-width:768px) {
            .him-steps__steps[data-v-b58bb46a] {
                margin-top: 30px
            }
        }

        @media (min-width:1280px) {
            .him-steps__steps[data-v-b58bb46a] {
                margin-top: 45px
            }
        }

        .him-steps__grid[data-v-b58bb46a] {
            justify-content: center
        }
   
        .equipment__subtitle {
            font-size: 16px;
            padding-left: 20px
        }

        @media (min-width:768px) {
            .equipment__subtitle {
                font-size: 18px;
                padding-left: 0;
                text-align: center
            }
        }

        .equipment__item {
            align-items: center;
            background: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            padding: 20px
        }

        @media (min-width:768px) {
            .equipment__item {
                padding: 30px
            }
        }

        .equipment__item.swiper-slide {
            width: 260px
        }

        @media (min-width:768px) {
            .equipment__item.swiper-slide {
                width: 310px
            }
        }

        .equipment__img-wrapper {
            margin-bottom: 20px;
            position: relative;
            width: 162px
        }

        .equipment__img {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
            width: 100%
        }
   
        .services-slider-card {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 8px;
            display: block;
            height: 100%;
            margin-bottom: 15px;
            padding: 15px 20px
        }

        @media (min-width:768px) {
            .services-slider-card {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 20px
            }
        }

        .services-slider-card:last-child {
            margin-bottom: 0
        }

        .services-slider-card__wrap {
            align-items: center;
            display: flex;
            justify-content: space-between
        }

        .services-slider-card__wrap--has-mobile-icon {
            justify-content: normal
        }

        .services-slider-card__button {
            align-items: center;
            display: flex;
            justify-content: space-around
        }

        .services-slider-card__button:not(.full-width) {
            height: 43px;
            padding: 0;
            width: 46px
        }

        .services-slider-card__button.full-width {
            margin-top: 20px
        }

        .services-slider-card__title {
            margin-bottom: 5px
        }

        @media (min-width:768px) {
            .services-slider-card__title {
                margin-bottom: 0;
                min-height: 50px;
                text-align: center
            }
        }

        .services-slider-card__description {
            font-weight: 700
        }

        @media (min-width:768px) {
            .services-slider-card__description {
                font-weight: 600
            }
        }

        .services-slider-card__img {
            height: 80px;
            margin: 2px auto;
            width: 80px
        }

        .services-slider-card__img--mobile {
            height: 50px;
            margin: 0 20px 0 0;
            width: 50px
        }

        .services-slider-card__img img {
            max-height: 100%;
            max-width: 100%
        }

        @media (min-width:768px) {
            a.services-slider-card:hover {
                border-color: #ff9000
            }
        }
   
        .services-slider__row[data-v-088f33c3] {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            overflow: visible
        }

        .services-slider .swiper-slide[data-v-088f33c3] {
            height: auto;
            margin: 0 10px 10px
        }

        @media (min-width:768px) {
            .services-slider .swiper-slide[data-v-088f33c3] {
                width: 275px
            }

            .services-slider .swiper-slide--static[data-v-088f33c3] {
                margin: 0 10px
            }
        }
    
        @media (min-width:768px) {
            .application-contact {
                align-items: center;
                display: flex;
                flex-direction: column
            }
        }

        .application-contact__form {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        @media (min-width:768px) {
            .application-contact__form {
                max-width: 400px;
                width: 100%
            }
        }

        .application-contact__btn,
        .application-contact__input {
            margin-bottom: 20px;
            width: 100%
        }

        .application-contact__btn {
            margin-top: 20px
        }

        @media (min-width:768px) {
            .application-contact__btn {
                width: auto
            }
        }

        .application-contact__error {
            color: #f44a49;
            font: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            text-align: center
        }

        .application-contact__link {
            cursor: pointer;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }
    
        h3 {
            font-size: 20px
        }

        @media (min-width:768px) {
            h3 {
                font-size: 24px
            }
        }
    
        .page-banner-header {
            margin-bottom: 60px;
            max-width: 600px
        }

        @media (min-width:768px) {
            .page-banner-header {
                margin-bottom: 0;
                width: calc(100% - 360px)
            }
        }

        .page-banner-header__title {
            margin-bottom: 15px
        }

        @media (min-width:768px) {
            .page-banner-header__title {
                margin-bottom: 20px
            }
        }

        .page-banner-header__text {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .page-banner-header__text {
                margin-bottom: 40px
            }
        }

        @media (min-width:1280px) {
            .page-banner-header__text {
                margin-bottom: 50px;
                padding-right: 40px
            }
        }

        .page-banner-header__text a {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .page-banner-header__btn {
            width: 100%
        }

        @media (min-width:768px) {
            .page-banner-header__btn {
                width: auto
            }
        }
    
        .page-banner-form {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 15px -2px hsla(29, 45%, 65%, .28);
            margin-top: 20px;
            overflow: hidden;
            padding: 20px;
			
        }

        @media (min-width:768px) {
            .page-banner-form {
                margin-top: 0;
                padding: 30px;
				width: 450px;
            }
        }
    
        .master-list {
            color: #383129
        }

        .master-list__title {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .master-list__title {
                margin-bottom: 40px
            }
        }

        .master-list__button-line {
            padding-bottom: 30px
        }

        @media (min-width:768px) {
            .master-list__button-line {
                padding-bottom: 0
            }
        }
    
        .promocode {
            align-items: center;
            background: #fff4e9;
            border-radius: 8px;
            justify-content: space-between;
            padding: 10px 15px
        }

        .promocode__hint {
            font-size: 16px
        }

        @media (min-width:768px) {
            .promocode__hint {
                font-size: 12px
            }
        }
   
        .service-about__text {
            height: 154px;
            overflow: hidden
        }

        @media (min-width:768px) {
            .service-about__text {
                height: 88px
            }
        }

        .service-about__button {
            align-items: center;
            cursor: pointer;
            display: flex;
            width: -moz-fit-content;
            width: fit-content
        }

        .service-about__button-img {
            transform: rotate(180deg)
        }

        .service-about--open .service-about__text {
            height: auto
        }

        .service-about--open .service-about__button-img {
            transform: none
        }
    
        .himchistka-page {
            display: flex;
            flex-direction: column
        }

        .himchistka-page__equipment .custom-section__title {
            margin-bottom: 20px
        }

        .himchistka-page__text {
            margin-left: 20px;
            margin-right: 20px;
            padding-right: 20px;
            position: relative;
            text-align: left
        }

        @media (min-width:768px) {
            .himchistka-page__text {
                margin-left: 0;
                margin-right: 0;
                text-align: center
            }
        }

        .himchistka-page__note {
            border: 1px solid #cbc9c9;
            border-radius: 50%;
            color: #cbc9c9;
            cursor: pointer;
            display: inline-block;
            font-size: 8px;
            font-weight: 600;
            height: 12px;
            line-height: 12px;
            outline: 0;
            text-align: center;
            transform: translateY(-3px) translateX(2px);
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 12px;
            -webkit-tap-highlight-color: transparent
        }

        .himchistka-page__context {
            position: absolute;
            right: 2px;
            top: -4px
        }

        .himchistka-page__context-wrap {
            padding: 5px 20px;
            text-align: center
        }
   
        .office-services__tabs-line[data-v-ddb8cf2c] {
            border-bottom: 1px solid #cbc9c9;
            display: flex;
            justify-content: center
        }

        .office-services__tab[data-v-ddb8cf2c] {
            color: #9d9c9c;
            cursor: pointer;
            margin: 0 15px;
            padding-bottom: 20px;
            position: relative
        }

        @media (min-width:1280px) {
            .office-services__tab[data-v-ddb8cf2c] {
                margin: 0 40px
            }
        }

        .office-services__tab[data-v-ddb8cf2c]:after {
            background-color: #ff9000;
            bottom: -1px;
            content: "";
            display: block;
            height: 3px;
            left: 0;
            position: absolute;
            transform: scaleY(0);
            transition: .2s;
            width: 100%
        }

        .office-services__tab--active[data-v-ddb8cf2c] {
            color: #383129
        }

        .office-services__tab--active[data-v-ddb8cf2c]:after {
            transform: scaleY(1)
        }

        .office-services__slider[data-v-ddb8cf2c] {
            margin: 25px -20px 0
        }

        .office-services__button[data-v-ddb8cf2c] {
            margin-top: auto
        }

        .office-services__card[data-v-ddb8cf2c] {
            border: 1px solid #cbc9c9;
            border-radius: 3px;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: flex-start;
            padding: 20px;
            text-align: center
        }

        .office-services__slide[data-v-ddb8cf2c] {
            height: auto;
            width: 238px
        }

        @media (min-width:768px) {
            .office-services__slide[data-v-ddb8cf2c] {
                width: 313px
            }
        }

        .office-services__wrap:first-child .office-services__slide-img--type-office[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/office-1@1x.3a0f390.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:first-child .office-services__slide-img--type-office[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/office-1@2x.9ef4500.jpg*/
                    url()
            }
        }

        .office-services__wrap:first-child .office-services__slide-img--type-public[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/public-1@1x.dfabaed.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:first-child .office-services__slide-img--type-public[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/public-1@2x.39e4bb2.jpg*/
                    url()
            }
        }

        .office-services__wrap:first-child .office-services__slide-img--type-food[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/food-1@1x.9ef1bd3.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:first-child .office-services__slide-img--type-food[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/food-1@2x.a3829ff.jpg*/
                    url()
            }
        }

        .office-services__wrap:first-child .office-services__slide-img--type-studio[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/studio-1@1x.cccdb40.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:first-child .office-services__slide-img--type-studio[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/studio-1@2x.9016881.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(2) .office-services__slide-img--type-office[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/office-2@1x.b83bdf8.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(2) .office-services__slide-img--type-office[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/office-2@2x.2789042.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(2) .office-services__slide-img--type-public[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/public-2@1x.055fec0.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(2) .office-services__slide-img--type-public[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/public-2@2x.270b0e0.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(2) .office-services__slide-img--type-food[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/food-2@1x.59982b6.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(2) .office-services__slide-img--type-food[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/food-2@2x.42cfef8.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(2) .office-services__slide-img--type-studio[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/studio-2@1x.9135cdf.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(2) .office-services__slide-img--type-studio[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/studio-2@2x.98b3156.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(3) .office-services__slide-img--type-office[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/office-3@1x.067debc.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(3) .office-services__slide-img--type-office[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/office-3@2x.50c75b4.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(3) .office-services__slide-img--type-public[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/public-3@1x.52a0e12.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(3) .office-services__slide-img--type-public[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/public-3@2x.6bd116d.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(3) .office-services__slide-img--type-food[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/food-3@1x.ea5c8d2.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(3) .office-services__slide-img--type-food[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/food-3@2x.6f9ce0a.jpg*/
                    url()
            }
        }

        .office-services__wrap:nth-child(3) .office-services__slide-img--type-studio[data-v-ddb8cf2c] {
            background-image:
                /*savepage-url=/_nuxt/img/studio-3@1x.4790413.jpg*/
                url()
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .office-services__wrap:nth-child(3) .office-services__slide-img--type-studio[data-v-ddb8cf2c] {
                background-image:
                    /*savepage-url=/_nuxt/img/studio-3@2x.be45ffa.jpg*/
                    url()
            }
        }

        .office-services__slide-img[data-v-ddb8cf2c] {
            background-repeat: no-repeat;
            background-size: 100%;
            height: 110px;
            margin: -20px -20px 20px;
            overflow: hidden
        }

        @media (min-width:768px) {
            .office-services__slide-img[data-v-ddb8cf2c] {
                height: 210px
            }
        }
  
        .office-advantages__slider[data-v-043fdd20] {
            margin: 25px -20px 0
        }

        .office-advantages__title[data-v-043fdd20] {
            font-size: 20px;
            font-weight: 600;
            line-height: 27px;
            margin-bottom: 20px
        }

        @media (min-width:768px) {
            .office-advantages__title[data-v-043fdd20] {
                font-size: 24px;
                font-weight: 600;
                line-height: 33px
            }
        }

        .office-advantages__list[data-v-043fdd20] {
            width: 100%
        }

        .office-advantages__list li[data-v-043fdd20] {
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            line-height: 1.4;
            margin-bottom: 10px;
            padding-left: 16px;
            position: relative;
            text-align: left
        }

        .office-advantages__list li[data-v-043fdd20]:before {
            background: #ff9000;
            border-radius: 50%;
            content: "";
            display: block;
            height: 6px;
            left: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 8px;
            width: 6px
        }

        .office-advantages__card[data-v-043fdd20] {
            align-items: center;
            border: 1px solid #cbc9c9;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: flex-start;
            padding: 30px 20px;
            text-align: center
        }

        .office-advantages__slide[data-v-043fdd20] {
            height: auto;
            width: 238px
        }

        @media (min-width:768px) {
            .office-advantages__slide[data-v-043fdd20] {
                width: 313px
            }
        }

        .office-advantages__wrap .office-advantages__slide-img--type-quality[data-v-043fdd20] {
            background-image:
                /*savepage-url=/_nuxt/img/quality.ae8064a.svg*/
                url()
        }

        .office-advantages__wrap .office-advantages__slide-img--type-service[data-v-043fdd20] {
            background-image:
                /*savepage-url=/_nuxt/img/service.731a135.svg*/
                url()
        }

        .office-advantages__wrap .office-advantages__slide-img--type-guarantees[data-v-043fdd20] {
            background-image:
                /*savepage-url=/_nuxt/img/guarantees.3406715.svg*/
                url()
        }

        .office-advantages__slide-img[data-v-043fdd20] {
            background-repeat: no-repeat;
            background-size: 100%;
            height: 80px;
            overflow: hidden;
            width: 80px
        }
   
        .office-feedback__slide[data-v-4c7f59e2] {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            display: flex;
            flex-direction: column;
            height: auto;
            justify-content: space-between;
            margin: 0 10px;
            padding: 30px;
            width: 270px
        }

        @media (min-width:768px) {
            .office-feedback__slide[data-v-4c7f59e2] {
                min-height: 350px;
                width: 430px
            }
        }

        .office-feedback__slide-img[data-v-4c7f59e2] {
            align-items: center;
            display: flex;
            height: 70px
        }

        .office-feedback__slide-img img[data-v-4c7f59e2] {
            height: 40px
        }

        .office-feedback__original[data-v-4c7f59e2] {
            color: #ff9000
        }
    
        .order-brief__title {
            margin-bottom: 20px;
            text-align: center
        }

        @media (min-width:768px) {
            .order-brief__title {
                margin-bottom: 40px
            }
        }
    
        .step-form__row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px
        }
   
        .filter-menu {
            border-bottom: 1px solid #cbc9c9;
            display: flex;
            justify-content: space-between;
            margin: 0 -20px 20px;
            padding: 0 20px;
            z-index: 10
        }

        @media (min-width:768px) {
            .filter-menu {
                justify-content: center;
                margin: 0 0 25px;
                padding: 0;
                position: static
            }
        }

        @media (min-width:1280px) {
            .filter-menu {
                margin-bottom: 30px
            }
        }

        .filter-menu__option {
            border-bottom: 4px solid transparent;
            box-sizing: border-box;
            cursor: pointer;
            display: flex;
            justify-content: center;
            line-height: 20px;
            margin-left: 5px;
            margin-right: 5px;
            outline: 0;
            padding-bottom: 16px;
            padding-top: 20px;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent
        }

        .filter-menu__option:first-child {
            margin-left: 0
        }

        .filter-menu__option:last-child {
            margin-right: 0
        }

        @media (min-width:768px) {
            .filter-menu__option {
                font-size: 18px;
                margin-left: 40px;
                margin-right: 40px
            }
        }

        .filter-menu__option--active {
            border-bottom-color: #ff9000;
            color: #383129
        }

        .filter-menu__option:hover {
            color: #383129
        }

        .filter-menu--lite {
            justify-content: flex-start;
            width: 100%
        }

        @media (min-width:768px) {
            .filter-menu--lite {
                border-bottom: none;
                margin-bottom: 0
            }
        }

        @media (min-width:1280px) {
            .filter-menu--lite {
                margin-bottom: 0
            }
        }

        .filter-menu--lite .filter-menu__option {
            border-bottom: none;
            color: #9d9c9c;
            font-size: 16px;
            line-height: 22px;
            margin-left: 5px;
            margin-right: 5px;
            padding-bottom: 10px;
            padding-right: 30px;
            padding-top: 5px;
            position: relative
        }

        @media (min-width:768px) {
            .filter-menu--lite .filter-menu__option {
                font-size: 20px;
                font-weight: 600;
                padding-bottom: 0
            }
        }

        .filter-menu--lite .filter-menu__option:hover {
            color: #383129
        }

        .filter-menu--lite .filter-menu__option:first-child {
            margin-left: 0
        }

        .filter-menu--lite .filter-menu__option:last-child {
            margin-right: 0;
            padding-right: 0
        }

        .filter-menu--lite .filter-menu__option:last-child:after {
            display: none
        }

        .filter-menu--lite .filter-menu__option:after {
            background-color: #cbc9c9;
            content: "";
            height: 1px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 20px
        }

        .filter-menu--lite .filter-menu__option--active {
            color: #383129
        }

        .filter-menu--small {
            justify-content: flex-start
        }

        .filter-menu--small .filter-menu__option {
            font-size: 14px;
            margin-left: 14px;
            margin-right: 14px
        }

        @media (min-width:768px) {
            .filter-menu--small .filter-menu__option {
                font-size: 16px;
                margin-left: 40px;
                margin-right: 40px
            }
        }

        .filter-menu--small .filter-menu__option:first-child {
            margin-left: 20px
        }

        .filter-menu--small .filter-menu__option:last-child {
            margin-right: 20px
        }
    
        .service-section__accordion {
            margin-bottom: -1px
        }

        .service-section__select {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .service-section__filter {
                margin-bottom: 35px;
                margin-left: auto;
                margin-right: auto
            }
        }

        @media (min-width:1280px) {
            .service-section__filter {
                width: 100%
            }
        }

        @media (min-width:768px) {
            .service-section__banner {
                border-bottom: 0;
                margin-bottom: 20px;
                padding-bottom: 0
            }
        }

        .service-section__button-wrap {
            margin-top: 20px;
            text-align: center
        }

        @media (min-width:768px) {
            .service-section__button-wrap {
                margin-top: 0;
                text-align: right
            }
        }

        .service-section__button-wrap--center {
            text-align: center
        }

        @media (min-width:768px) {
            .service-section__button-wrap--center {
                text-align: center
            }
        }

        .service-section__button {
            width: 100%
        }

        @media (min-width:768px) {
            .service-section__button {
                width: auto
            }
        }

        .service-section__img {
            border-radius: 8px;
            display: none;
            width: 100%
        }

        @media (min-width:768px) {
            .service-section__img {
                display: block;
                margin: 0 auto
            }
        }

        .service-section__card {
            border-top: 1px solid #cbc9c9
        }

        @media (min-width:768px) {
            .service-section__card {
                background-color: #f2f2f2;
                border: 0;
                border-radius: 8px;
                cursor: pointer;
                display: flex;
                flex-direction: column;
                height: 100%;
                justify-content: space-between;
                padding: 20px
            }
        }

        .service-section__card--white {
            background-color: #fff
        }
    
        .our-managers {
            position: relative
        }

        .our-managers .custom-swiper__nav-button {
            margin-top: -70px
        }

        .our-managers__card {
            align-items: center;
            display: flex;
            flex-direction: column
        }

        .our-managers__card.swiper-slide {
            width: 230px
        }

        .our-managers__card-image {
            border-radius: 8px;
            height: 248px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 230px
        }

        .our-managers__card-desc {
            height: 3rem
        }
    
        .services-slider__card {
            padding: 20px 65px 0
        }
    
        .promo-card {
            background-color: #fff;
            border-radius: 3px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .17);
            cursor: pointer;
            height: 100%;
            overflow: hidden;
            position: relative;
            text-align: center
        }

        .promo-card__img {
            background-color: #9d9393;
            min-height: 230px
        }

        @media (min-width:768px) {
            .promo-card__img {
                min-height: 268px
            }
        }

        .promo-card__img img {
            background-color: #fff;
            display: block;
            width: 100%
        }

        .promo-card__discount {
            align-items: center;
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA2NyAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNjcgNGE0IDQgMCAwIDAtNC00SDEuODAzYTEgMSAwIDAgMC0uODQ5IDEuNTNMMTAuNjA4IDE3IC45NTQgMzIuNDdBMSAxIDAgMCAwIDEuODAzIDM0SDYzYTQgNCAwIDAgMCA0LTRWNHoiIGZpbGw9IiNFRDI4MjgiLz48L3N2Zz4=) no-repeat 50%;
            background-size: cover;
            border-radius: 3px;
            color: #fff;
            display: flex;
            justify-content: flex-end;
            line-height: 1.3em;
            padding: 6px 10px 6px 21px;
            position: absolute;
            right: -4px;
            top: 10px
        }

        .promo-card__info {
            padding: 20px
        }

        .promo-card__title {
            font-size: 20px;
            line-height: 1.4
        }

        .promo-card__link {
            color: #9d9c9c;
            font-weight: 400;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }
    
        @media (min-width:768px) {
            .promotions-page__main {
                margin-bottom: 30px
            }
        }

        @media (min-width:1280px) {
            .promotions-page__main {
                margin-top: 89px
            }
        }

        @media (min-width:768px) {
            .promotions-page__text {
                font-size: 18px;
                line-height: 1.5
            }
        }

        .promotions-page__title {
            text-align: center
        }

        @media (min-width:768px) {
            .promotions-page__title {
                margin-bottom: 30px
            }
        }

        @media (min-width:1280px) {
            .promotions-page__title {
                margin-bottom: 45px
            }
        }

        .promotions-page__card-wrap {
            margin-bottom: 20px
        }

        .promotions-page .ui-button {
            color: #fff;
            -webkit-text-decoration: none;
            text-decoration: none
        }
    
        .form-popup {
            background:
                /*savepage-url=/_nuxt/img/mobile.410b776.jpg*/
                url() bottom no-repeat;
            background-size: 272px;
            box-sizing: border-box;
            height: calc(100vh - 50px);
            padding: 0
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .form-popup {
                background:
                    /*savepage-url=/_nuxt/img/mobile-2x.24a52c7.jpg*/
                    url() bottom no-repeat;
                background-size: 272px
            }
        }

        @media (min-width:768px) {
            .form-popup {
                background:
                    /*savepage-url=/_nuxt/img/desktop.48d79c4.jpg*/
                    url() 100% 100% no-repeat;
                background-size: 210px;
                height: auto;
                padding: 67px 250px 117px 0
            }
        }

        @media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),
        (min-width:768px) and (min-resolution:144dpi) {
            .form-popup {
                background:
                    /*savepage-url=/_nuxt/img/desktop-2x.a738778.jpg*/
                    url() 100% 100% no-repeat;
                background-size: 210px
            }
        }

        .form-popup__button {
            margin: 30px auto 0
        }

        .form-popup__title {
            margin-bottom: 20px
        }

        .form-popup__text {
            display: inline-block;
            font-size: 16px;
            line-height: 22px;
            max-width: 332px
        }

        .vacancy-form-new {
            position: relative
        }

        .vacancy-form-new__link {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .vacancy-form-new__lh {
            line-height: 1.2
        }

        .vacancy-form-new__loader.loader-cover {
            background-color: transparent;
            z-index: 20
        }

        .vacancy-form-new__request .ui-popup__block {
            padding-bottom: 0
        }
    
        .vacancies-app-banner {
            display: flex;
            flex-direction: column
        }

        @media (min-width:768px) {
            .vacancies-app-banner {
                background: #f2f2f2;
                border-radius: 12px;
                flex-direction: row
            }

            .vacancies-app-banner--light {
                background: #fff
            }
        }

        .vacancies-app-banner__left,
        .vacancies-app-banner__right {
            width: 100%
        }

        @media (min-width:768px) {

            .vacancies-app-banner__left,
            .vacancies-app-banner__right {
                width: 50%
            }
        }

        .vacancies-app-banner__left {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        @media (min-width:768px) {
            .vacancies-app-banner__left {
                padding-left: 50px
            }
        }

        .vacancies-app-banner__right {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            height: 370px;
            margin-top: 30px
        }

        @media (min-width:768px) {
            .vacancies-app-banner__right {
                height: 360px;
                margin-top: 40px
            }
        }

        @media (min-width:1280px) {
            .vacancies-app-banner__right {
                height: 430px
            }
        }

        .vacancies-app-banner__btn-mobile {
            display: block;
            width: 100%
        }

        @media (min-width:768px) {
            .vacancies-app-banner__btn-mobile {
                display: none
            }
        }

        .vacancies-app-banner__btn-desktop {
            display: none
        }

        @media (min-width:768px) {
            .vacancies-app-banner__btn-desktop {
                display: block
            }
        }
   
        .self-employment-timeline {
            flex-shrink: 1;
            justify-content: center
        }

        .self-employment-timeline__step {
            display: flex;
            flex-direction: row;
            margin-bottom: 25px
        }

        .self-employment-timeline__step:last-child {
            margin-bottom: 0
        }

        @media (min-width:768px) {
            .self-employment-timeline__step {
                margin-bottom: 0
            }
        }

        .self-employment-timeline__step-counter {
            align-items: center;
            background-color: #ff9000;
            border-radius: 50%;
            color: #fff;
            display: flex;
            flex-shrink: 0;
            font-size: 16px;
            font-weight: 600;
            height: 25px;
            justify-content: center;
            margin-right: 20px;
            width: 25px
        }

        @media (min-width:768px) {
            .self-employment-timeline__step-counter {
                font-size: 20px;
                height: 40px;
                width: 40px
            }
        }

        .self-employment-timeline__step-text {
            max-width: 320px
        }

        .self-employment-timeline__step-text a {
            color: #ff9000;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }
   
        .vacancies-offers {
            flex-shrink: 1;
            justify-content: center
        }

        .vacancies-offers__item {
            margin-bottom: 40px
        }

        .vacancies-offers__item:last-child {
            margin-bottom: 0
        }

        @media (min-width:768px) {
            .vacancies-offers__item {
                text-align: center
            }
        }

        .vacancies-offers__img {
            margin-bottom: 10px;
            max-height: 80px;
            max-width: 100%
        }

        .vacancies-offers__text {
            display: inline-block;
            max-width: 320px
        }
    
        .vacancies-conditions {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center
        }

        .vacancies-conditions--nn {
            gap: 20px
        }

        @media (min-width:768px) {
            .vacancies-conditions--nn {
                gap: 20px
            }
        }

        @media (min-width:1280px) {
            .vacancies-conditions--nn {
                gap: 40px
            }
        }

        .vacancies-conditions__card {
            background-color: #f2f2f2;
            border-radius: 8px;
            flex-direction: column;
            padding: 25px 0;
            width: 100%
        }

        @media (min-width:768px) {
            .vacancies-conditions__card {
                width: calc(50% - 10px)
            }
        }

        @media (min-width:1280px) {
            .vacancies-conditions__card {
                width: calc(33.33333% - 13.33333px)
            }
        }

        .vacancies-conditions__inner {
            flex-direction: column
        }

        .vacancies-conditions__our,
        .vacancies-conditions__their {
            border-radius: 15px;
            width: -moz-max-content;
            width: max-content
        }

        .vacancies-conditions__our {
            align-items: center;
            background-color: #ff9000;
            box-shadow: 0 4px 10px 0 rgba(94, 47, 0, .25);
            display: flex;
            padding: 5px 10px;
            position: relative
        }

        .vacancies-conditions__their {
            background-color: #cbc9c9;
            color: rgba(0, 0, 0, .5);
            margin-top: -7px;
            padding: 10px 15px
        }

        .vacancies-conditions__icon {
            align-items: center;
            background: #fff;
            border-radius: 50%;
            display: flex;
            height: 36px;
            justify-content: center;
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(50%, -50%);
            width: 36px
        }
    
        .vacancies-calculator {
            -moz-column-gap: 90px;
            column-gap: 90px;
            display: flex;
            justify-content: space-between
        }

        .vacancies-calculator__left,
        .vacancies-calculator__right {
            width: 100%
        }

        .vacancies-calculator__left {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        @media (min-width:768px) {
            .vacancies-calculator__left {
                max-width: 330px
            }
        }

        @media (min-width:1280px) {
            .vacancies-calculator__left {
                max-width: 455px
            }
        }

        .vacancies-calculator__right {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 12px;
            display: none;
            height: 568px;
            max-width: 420px
        }

        @media (min-width:768px) {
            .vacancies-calculator__right {
                display: block;
                height: 578px
            }
        }

        .vacancies-calculator__days {
            margin-top: 25px
        }

        @media (min-width:768px) {
            .vacancies-calculator__days {
                margin-top: 30px
            }
        }

        .vacancies-calculator__income {
            margin-top: 20px
        }

        @media (min-width:768px) {
            .vacancies-calculator__income {
                margin-top: 30px
            }
        }
    
        .vacansies-feedback-slide[data-v-4fe3a3b6] {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 0 4px rgba(0, 0, 0, .17);
            flex-shrink: 0;
            height: auto;
            margin: 0 10px;
            padding: 30px;
            width: 240px
        }

        @media (min-width:768px) {
            .vacansies-feedback-slide[data-v-4fe3a3b6] {
                margin: 2px 7.5px;
                padding: 20px;
                width: 320px
            }
        }

        .vacansies-feedback-slide__img[data-v-4fe3a3b6] {
            background-color: #ccc;
            border-radius: 50%;
            flex-shrink: 0;
            height: 90px;
            margin-right: 20px;
            overflow: hidden;
            position: relative;
            width: 90px;
            z-index: 1
        }

        @media (max-width:767px) {
            .vacansies-feedback-slide__img[data-v-4fe3a3b6] {
                height: 80px;
                margin-right: 10px;
                width: 80px
            }
        }

        .vacansies-feedback-slide__img img[data-v-4fe3a3b6] {
            min-height: 100%;
            min-width: 100%
        }
    
        .vacancies-feedback-slider--grid {
            margin-bottom: -20px;
            margin-left: -20px;
            margin-right: -20px
        }

        .vacancies-feedback-slider__slide-wrap.swiper-slide {
            height: 276px;
            padding: 4px 0;
            width: 308px
        }

        .vacancies-feedback-slider__slide-wrap.swiper-slide .vacansies-feedback-slide {
            margin: 0;
            width: 100%
        }

        .vacancies-feedback-slider__slide-wrap .vacansies-feedback-slide {
            height: 100%;
            margin: 0
        }

        .vacancies-feedback-slider__slide-wrap--grid {
            margin: 0 0 20px !important;
            padding-left: 20px;
            padding-right: 20px;
            width: 100% !important
        }

        .vacancies-feedback-slider__slide-wrap--grid .vacansies-feedback-slide {
            margin: 0 !important
        }
    
        .vacancies-call-questions {
            background: #f2f2f2;
            border-radius: 12px;
            display: flex;
            flex-direction: column
        }

        .vacancies-call-questions--light {
            background: #fff
        }
    
        .guide {
            justify-content: center;
            position: relative
        }

        .guide__snake {
            display: none;
            position: absolute
        }

        @media (min-width:768px) {
            .guide__snake {
                display: block;
                right: -2px;
                top: 18%
            }
        }

        @media (min-width:1280px) {
            .guide__snake {
                right: -10px;
                top: 80px
            }
        }

        .guide__wrap {
            counter-increment: listcounter;
            margin-bottom: 30px;
            position: relative
        }

        .guide__wrap:before {
            background: #ff9000;
            bottom: -15px;
            content: "";
            left: 22px;
            position: absolute;
            top: 40px;
            width: 1px
        }

        @media (min-width:768px) {
            .guide__wrap {
                margin-bottom: 40px
            }

            .guide__wrap:before {
                display: none
            }
        }

        @media (min-width:1280px) {
            .guide__wrap {
                margin-bottom: 50px
            }
        }

        .guide__wrap:last-child:before {
            background: 0 0
        }

        .guide__item {
            border-radius: 8px;
            height: 100%;
            padding: 0 0 0 40px;
            position: relative
        }

        @media (min-width:768px) {
            .guide__item {
                background: #f2f2f2;
                padding: 20px 15px
            }
        }

        @media (min-width:1280px) {
            .guide__item {
                padding: 30px 20px 20px
            }
        }

        .guide__title {
            display: flex;
            margin-bottom: 15px
        }

        @media (min-width:768px) {
            .guide__title {
                min-height: 56px
            }
        }

        .guide__title:before {
            align-items: center;
            background: #ff9000;
            border-radius: 50%;
            color: #fff;
            content: counter(listcounter);
            display: flex;
            flex-shrink: 0;
            font-size: 16px;
            height: 25px;
            justify-content: center;
            left: 0;
            line-height: 25px;
            margin-right: 15px;
            position: absolute;
            top: 0;
            width: 25px
        }

        @media (min-width:768px) {
            .guide__title:before {
                height: 30px;
                position: static;
                width: 30px
            }
        }

        @media (min-width:1280px) {
            .guide__title:before {
                font-size: 20px;
                height: 40px;
                line-height: 40px;
                width: 40px
            }
        }

        .guide--white .guide__title {
            color: #ff9000
        }

        @media (min-width:768px) {
            .guide--white .guide__title {
                color: #383129
            }
        }

        .guide--white .guide__title:before {
            color: #383129
        }

        @media (min-width:768px) {
            .guide--white .guide__title:before {
                color: #f2f2f2
            }
        }

        .guide--white .guide__description {
            color: #f2f2f2
        }

        @media (min-width:768px) {
            .guide--white .guide__description {
                color: #383129
            }
        }
   
        .page-banner-work {
            background-color: #fdf8f4;
            background-position: 50%;
            background-size: cover;
            min-height: 60vh;
            padding: 20px 0;
            position: relative
        }

        .page-banner-work:before {
            background-color: hsla(0, 0%, 97%, .75);
            bottom: 0;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        @media (min-width:768px) {
            .page-banner-work {
                min-height: 505px
            }

            .page-banner-work:before {
                display: none
            }

            .page-banner-work:after {
                background-color: hsla(0, 0%, 97%, .5)
            }
        }

        @media (min-width:1280px) {
            .page-banner-work:after {
                display: none
            }
        }

        .page-banner-work__wrap {
            flex-direction: column;
            position: relative
        }

        .page-banner-work__wrap img {
            border-radius: 5px
        }

        @media (min-width:768px) {
            .page-banner-work__wrap {
                align-items: flex-start;
                display: flex;
                justify-content: space-between
            }

            .page-banner-work {
                padding: 50px 0
            }
        }

        .page-banner-work--mobile {
            height: calc(100vh - 104px);
            max-height: 600px;
            min-height: 460px;
            padding-bottom: 20px
        }

        .page-banner-work--mobile .container,
        .page-banner-work--mobile .page-banner-work__wrap {
            height: 100%
        }

        .page-banner-work--mobile .page-banner-work__wrap {
            display: flex;
            justify-content: space-between
        }

        .page-banner-work--mobile:before {
            background-color: transparent
        }

        .page-banner-work--center {
            align-items: center;
            color: #fff;
            display: flex;
            height: 500px
        }

        .page-banner-work--center:before {
            display: none
        }
  
        .vacancies-page__employment-title {
            margin: 40px 0 25px;
            text-align: left
        }

        @media (min-width:768px) {
            .vacancies-page__employment-title {
                margin: 50px 0 30px;
                text-align: center
            }
        }

        @media (min-width:1280px) {
            .vacancies-page__employment-title {
                margin: 70px 0 45px
            }
        }

        .vacancies-page__btn {
            width: 100%
        }

        @media (min-width:768px) {
            .vacancies-page__btn {
                width: auto
            }
        }

        .vacancies-page .page-banner__wrap {
            flex-direction: column
        }

        .vacancies-page__link-section {
            background: #fff4e9
        }

        .vacancies-page__link-section .custom-section__content {
            padding: 20px
        }

        @media (min-width:768px) {
            .vacancies-page__link-section .custom-section__content {
                text-align: center
            }
        }

        .vacancies-page__link {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }
   
        .garantii-form {
            position: relative
        }

        .garantii-form__callback {
            align-items: center;
            display: flex;
            flex-direction: column
        }

        .garantii-form__link {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .garantii-form__lh {
            line-height: 1.2
        }

        .garantii-form__loader.loader-cover {
            background-color: transparent;
            z-index: 20
        }

        .garantii-form__request .ui-popup__block {
            padding-bottom: 0
        }
   
        .garantii-form-section {
            background: #fff;
            border-radius: 12px;
            margin: 0 auto;
            padding: 20px
        }

        @media (min-width:768px) {
            .garantii-form-section {
                padding: 30px 40px;
                text-align: center
            }
        }

        @media (min-width:1280px) {
            .garantii-form-section {
                max-width: 980px;
                padding: 30px 50px
            }
        }
  
        .garantii-chat__item {
            padding-left: 15px
        }

        .garantii-chat__item:nth-child(2n) {
            padding: 0 15px 0 0
        }

        @media (min-width:768px) {
            .garantii-chat__item {
                padding-left: 25px;
                padding-right: 78px
            }

            .garantii-chat__item:nth-child(2n) {
                padding: 0 25px 0 98px
            }
        }

        @media (min-width:1280px) {
            .garantii-chat__item {
                padding-right: 170px
            }

            .garantii-chat__item:nth-child(2n) {
                padding: 0 25px 0 170px
            }
        }

        .garantii-chat__box {
            border-radius: 3px;
            display: flex;
            padding: 20px;
            position: relative
        }

        @media (min-width:768px) {
            .garantii-chat__box {
                padding: 30px
            }
        }

        .garantii-chat__box:after {
            content: "";
            height: 15px;
            position: absolute;
            top: 0;
            width: 15px
        }

        @media (min-width:768px) {
            .garantii-chat__box:after {
                height: 25px;
                width: 25px
            }
        }

        .garantii-chat__box--user {
            background: #f2f2f2;
            border-top-left-radius: 0
        }

        .garantii-chat__box--user:after {
            background: linear-gradient(45deg, transparent 50%, #f2f2f2 0);
            right: 100%
        }

        .garantii-chat__box--domovenok {
            background: #fef2e8;
            border-top-right-radius: 0
        }

        .garantii-chat__box--domovenok:after {
            background: linear-gradient(-45deg, transparent 50%, #fef2e8 0);
            left: 100%
        }

        .garantii-chat__ava {
            align-items: center;
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            flex-shrink: 0;
            height: 30px;
            justify-content: center;
            margin-right: 10px;
            overflow: hidden;
            position: relative;
            width: 30px
        }

        @media (min-width:768px) {
            .garantii-chat__ava {
                height: 50px;
                margin-right: 20px;
                width: 50px
            }
        }

        .garantii-chat__ava img {
            max-width: 100%
        }
    
        .garantii-problem {
            justify-content: center
        }

        .garantii-problem__item {
            align-items: center;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            display: flex;
            height: 100%;
            justify-content: center;
            padding: 20px;
            text-align: center
        }

        @media (min-width:768px) {
            .garantii-problem__item {
                padding: 30px
            }
        }
    
        .garantii-time-info {
            margin-top: 20px;
            padding-top: 20px
        }

        @media (min-width:768px) {
            .garantii-time-info {
                margin-top: 30px;
                padding-top: 30px
            }
        }

        @media (min-width:1280px) {
            .garantii-time-info {
                margin-top: 40px;
                padding-top: 40px
            }
        }

        .time-line__text {
            margin: 0 auto;
            max-width: 280px
        }

        .time-line__item {
            margin-bottom: 100px;
            position: relative
        }

        .time-line__item img {
            height: 80px;
            width: 80px
        }

        .time-line__item:last-child {
            margin-bottom: 0
        }

        .time-line__item:last-child:after {
            display: none
        }

        @media (min-width:768px) {
            .time-line__item {
                margin-bottom: 0
            }
        }

        .time-line__item:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA1MyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUyLjcwNzEgOC43MDcxMUM1My4wOTc2IDguMzE2NTggNTMuMDk3NiA3LjY4MzQyIDUyLjcwNzEgNy4yOTI4OUw0Ni4zNDMxIDAuOTI4OTMyQzQ1Ljk1MjYgMC41Mzg0MDggNDUuMzE5NSAwLjUzODQwOCA0NC45Mjg5IDAuOTI4OTMyQzQ0LjUzODQgMS4zMTk0NiA0NC41Mzg0IDEuOTUyNjIgNDQuOTI4OSAyLjM0MzE1TDUwLjU4NTggOEw0NC45Mjg5IDEzLjY1NjlDNDQuNTM4NCAxNC4wNDc0IDQ0LjUzODQgMTQuNjgwNSA0NC45Mjg5IDE1LjA3MTFDNDUuMzE5NSAxNS40NjE2IDQ1Ljk1MjYgMTUuNDYxNiA0Ni4zNDMxIDE1LjA3MTFMNTIuNzA3MSA4LjcwNzExWk0wIDlINTJWN0gwVjlaIiBmaWxsPSIjMzgzMTI5Ii8+Cjwvc3ZnPgo=);
            background-position: 50%;
            background-repeat: no-repeat;
            content: "";
            display: block;
            height: 16px;
            left: calc(50% - 26.5px);
            margin: 20px 0;
            position: absolute;
            top: calc(100% + 20px);
            transform: rotate(90deg);
            width: 53px
        }

        @media (min-width:768px) {
            .time-line__item:after {
                left: calc(100% - 15px);
                margin: 0;
                top: 40px;
                transform: rotate(0)
            }
        }

        @media (min-width:1280px) {
            .time-line__item:after {
                left: calc(100% - 15px);
                margin: 0;
                top: 40px;
                transform: rotate(0)
            }
        }
  
        .slider-cards__content {
            padding: 20px
        }

        .slider-cards__img-wrap {
            background-position: 50%;
            background-size: cover;
            flex-shrink: 0;
            height: 160px;
            overflow: hidden
        }

        @media (min-width:768px) {
            .slider-cards__img-wrap {
                height: calc(100% + 2px);
                min-height: 247px;
                width: 300px
            }
        }

        @media (min-width:1280px) {
            .slider-cards__img-wrap {
                width: 400px
            }
        }

        .slider-cards__sub-title {
            color: #9d9c9c
        }

        .slider-cards__slide.swiper-slide {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            height: auto;
            margin-right: 20px;
            overflow: hidden;
            width: 240px
        }

        @media (min-width:768px) {
            .slider-cards__slide.swiper-slide {
                display: flex;
                width: 708px
            }
        }

        @media (min-width:1280px) {
            .slider-cards__slide.swiper-slide {
                width: 880px
            }
        }
   
        .warranty-page__breakdowns .custom-section__content {
            border-top: 1px solid #cbc9c9
        }
   
        .our-works {
            padding: 0;
            position: relative
        }

        .our-works__slide {
            cursor: pointer;
            height: 360px;
            padding-left: 10px;
            padding-right: 10px
        }

        .our-works__slide.swiper-slide {
            width: auto
        }

        .our-works__popup .video-handler-alt {
            height: 580px
        }

        .our-works .custom-swiper .swiper-slide {
            width: 265px
        }

        .our-works .ui-popup__block {
            align-items: center;
            display: grid;
            padding: 50px 20px 20px
        }

        .our-works .ui-loader {
            height: 300px
        }
  
        .prices-slider__card {
            background-size: cover;
            border-radius: 8px;
            font-size: 18px;
            height: 200px;
            margin-bottom: -20px;
            padding: 30px
        }

        @media (min-width:768px) {
            .prices-slider__card {
                height: 290px
            }
        }

        .prices-slider__card-price {
            font-size: 20px;
            font-weight: 600
        }

        @media (min-width:1280px) {
            .prices-slider__card-price {
                font-size: 24px
            }
        }
    
        .prices-table__button[data-v-1431ef04] {
            cursor: pointer;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .prices-table__table[data-v-1431ef04] {
            width: 100%
        }

        .prices-table__table-item[data-v-1431ef04] {
            display: flex;
            justify-content: space-between;
            padding: 10px 0
        }

        .prices-table__table-item[data-v-1431ef04]:not(:last-child) {
            border-bottom: 1px solid #f2f2f2
        }

        .prices-table__table-item__title[data-v-1431ef04] {
            max-width: 216px
        }
   
        .podderzhka-page {
            display: flex;
            flex-direction: column
        }

        .podderzhka-page__link-section .custom-section__content {
            padding: 0
        }
   
        .generalnaya_uborka {
            display: flex;
            flex-direction: column
        }
   
        .about-us .about-us__slide {
            height: auto
        }

        .about-us__slider .swiper-container {
            margin: 0 -20px;
            padding: 0 40px
        }

        @media (min-width:768px) {
            .about-us__slider .swiper-container {
                margin: 0;
                padding: 0
            }
        }

        .about-us__card {
            border: 1px solid #cbc9c9;
            border-radius: 8px;
            height: 100%;
            padding: 20px
        }

        @media (min-width:1280px) {
            .about-us__card {
                padding: 30px
            }
        }

        .about-us__card-icon {
            display: flex;
            justify-content: center;
            margin-bottom: 20px
        }

        .about-us__card-icon img {
            display: block;
            height: 80px;
            width: 80px
        }

        .about-how {
            background-color: #f2f2f2;
            background-size: cover;
            padding: 40px 0
        }

        @media (min-width:768px) {
            .about-how {
                background-position-x: 60%;
                padding: 50px 0
            }
        }

        .about-how__title {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .about-how__title {
                margin-bottom: 30px
            }
        }

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

        .snake-timeline {
            display: flex;
            padding: 10px 0;
            position: relative
        }

        @media (min-width:768px) {
            .snake-timeline:after {
                border: 2px solid #ff9000;
                border-radius: 22px;
                content: "";
                height: calc(50% - 4px);
                position: absolute;
                width: calc(100% + 18px);
                z-index: 2
            }

            .snake-timeline:first-child:after {
                display: none
            }

            .snake-timeline:nth-child(2n):after {
                border-bottom-left-radius: 0;
                border-left: none;
                border-top-left-radius: 0;
                height: calc(50% - 4px);
                left: -22px;
                top: calc(50% + 1px);
                width: calc(100% + 40px)
            }

            .snake-timeline:nth-child(2n):last-child:after {
                background-color: #ff9000;
                border: 0;
                height: 2px;
                left: -20px;
                top: calc(50% + 1px);
                width: 20px
            }

            .snake-timeline:nth-child(odd) .snake-timeline__content {
                margin-right: 20px
            }

            .snake-timeline:nth-child(odd):after {
                border-bottom-right-radius: 0;
                border-right: none;
                border-top-right-radius: 0;
                height: 50%;
                left: -20px;
                top: -1px;
                width: calc(100% - 2px)
            }
        }

        .snake-timeline:last-child .snake-timeline__header:after {
            display: none
        }

        .snake-timeline__content {
            position: relative;
            width: 100%;
            z-index: 3
        }

        @media (min-width:768px) {
            .snake-timeline__content {
                border-radius: 8px;
                margin: 9px 0;
                min-height: 158px;
                padding: 30px
            }

            .snake-timeline__content--grey {
                background-color: #f2f2f2
            }

            .snake-timeline__content--white {
                background-color: #fff
            }
        }

        .snake-timeline__header {
            display: flex
        }

        .snake-timeline__header:after {
            background-color: #ff9000;
            bottom: 0;
            content: "";
            height: calc(100% - 50px);
            left: 14px;
            position: absolute;
            width: 2px
        }

        @media (min-width:768px) {
            .snake-timeline__header:after {
                display: none
            }
        }

        .snake-timeline__counter {
            align-items: center;
            background: #ff9000;
            border-radius: 50%;
            color: #fff;
            display: flex;
            font-size: 16px;
            height: 30px;
            justify-content: center;
            margin-right: 20px;
            min-width: 30px;
            width: 30px
        }

        .snake-timeline__title {
            font-size: 20px;
            font-weight: 600;
            line-height: 28px;
            margin-bottom: 10px
        }

        @media (min-width:768px) {
            .snake-timeline__title {
                margin-bottom: 20px
            }
        }

        .snake-timeline__text {
            letter-spacing: .01em;
            padding-left: 50px;
            text-align: left
        }

        @media (min-width:768px) {
            .snake-timeline__text {
                padding-left: 0
            }
        }

        .about-timeline__list {
            margin: 20px 0
        }

        @media (min-width:768px) {
            .about-timeline__list {
                margin: 30px 0
            }
        }

        @media (min-width:1280px) {
            .about-timeline__list {
                margin: 40px 0
            }
        }

        .about-timeline__action {
            display: flex;
            justify-content: center
        }

        .about-team-slide {
            border-radius: 8px;
            overflow: hidden;
            position: relative
        }

        .about-team-slide__name {
            margin-bottom: 5px
        }

        .about-team-slide__info {
            background: linear-gradient(180deg, rgba(56, 49, 41, 0), rgba(56, 49, 41, .277) 10.42%, rgba(56, 49, 41, .61) 22.92%, #383129);
            bottom: 0;
            color: #fff;
            left: 0;
            padding: 20px;
            position: absolute;
            width: 100%
        }

        .about-team-slide__img {
            display: block;
            width: 100%
        }

        .about-team__slide[data-v-691b4a72] {
            height: 240px;
            margin: 0 10px;
            width: 229px
        }

        .about-history {
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        @media (min-width:768px) {
            .about-history {
                gap: 20px
            }
        }

        .about-history__card {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            gap: 15px;
            justify-content: space-between
        }

        .about-history__card:last-of-type .about-history__line {
            background-image: none
        }

        .about-history__card:last-of-type .about-history__description,
        .about-history__card:last-of-type .about-history__image-wrap {
            padding-bottom: 0
        }

        @media (min-width:768px) {
            .about-history__card {
                flex-direction: row;
                gap: 15px
            }

            .about-history__card:nth-of-type(2n) {
                flex-direction: row-reverse
            }
        }

        @media (min-width:1280px) {
            .about-history__card {
                gap: 45px
            }
        }

        .about-history__description {
            font-size: 16px;
            order: 2;
            width: 100%
        }

        @media (min-width:768px) {
            .about-history__description {
                font-size: 18px;
                line-height: 1.4;
                order: 1;
                padding-bottom: 25px
            }
        }

        .about-history__year-wrap {
            align-items: flex-start;
            align-self: stretch;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            order: 1
        }

        @media (min-width:768px) {
            .about-history__year-wrap {
                align-items: center;
                order: 2
            }

            .about-history__year {
                font-size: 50px;
                line-height: 1.3;
                text-align: center;
                width: 115px
            }
        }

        .about-history__line {
            display: none
        }

        @media (min-width:768px) {
            .about-history__line {
                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIyMTgiIHZpZXdCb3g9IjAgMCA0IDIxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMFYyMjUiIHN0cm9rZT0iI0ZGOTYyQiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtZGFzaGFycmF5PSIxNSIvPgo8L3N2Zz4K) repeat-y;
                display: block;
                height: 100%;
                margin-top: 25px;
                width: 4px
            }
        }

        .about-history__image-wrap {
            box-sizing: content-box;
            height: 275px;
            order: 3;
            width: 100%
        }

        @media (min-width:768px) {
            .about-history__image-wrap {
                padding-bottom: 25px
            }
        }

        .about-history__image {
            border-radius: 12px;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .about-history__show {
            color: #ff9000;
            display: block
        }

        @media (min-width:768px) {
            .about-history__show {
                display: none
            }
        }

        .email-subscribe {
            margin: 0 auto;
            max-width: 590px;
            position: relative;
            text-align: center
        }

        .email-subscribe__form {
            align-items: flex-start;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .email-subscribe__form-input {
            width: 100%
        }

        @media (min-width:768px) {
            .email-subscribe__form-input {
                width: calc(70% - 10px)
            }
        }

        .email-subscribe__form-input .ui-input__hint {
            bottom: -15px;
            position: absolute
        }

        .email-subscribe__form-button {
            margin-top: 20px;
            order: 2;
            width: 100%
        }

        @media (min-width:768px) {
            .email-subscribe__form-button {
                margin-top: 0;
                order: 1;
                width: calc(30% - 10px)
            }
        }

        .email-subscribe__form-footer {
            margin-top: 15px;
            order: 1
        }

        @media (min-width:768px) {
            .email-subscribe__form-footer {
                margin-top: 15px;
                order: 2
            }
        }

        .lightbox-gallery--static {
            align-items: center;
            display: flex;
            justify-content: center
        }

        .lightbox-gallery--static .lightbox-gallery__slide {
            margin: 0 10px
        }

        .lightbox-gallery__slide {
            cursor: pointer;
            height: auto
        }

        .lightbox-gallery__lightbox .ui-popup__block,
        .lightbox-gallery__slide {
            align-items: center;
            display: flex;
            width: auto
        }

        .lightbox-gallery__lightbox .ui-popup__block-container {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            width: 100%
        }

        .lightbox-gallery__lightbox .ui-popup__block-container img {
            max-height: 100%;
            max-width: 100%
        }

        .about-page__clients-text {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .about-page__clients-text {
                margin-bottom: 30px
            }
        }

        @media (min-width:1280px) {
            .about-page__clients-text {
                margin-bottom: 45px
            }
        }
    
        .glazhka-slider__slide.swiper-slide {
            border: 1px solid #cbc9c9;
            border-radius: 3px;
            height: 243px;
            padding: 30px 20px 20px;
            position: relative;
            text-align: center;
            width: 240px
        }

        @media (min-width:768px) {
            .glazhka-slider__slide.swiper-slide {
                padding: 20px
            }
        }

        .glazhka-slider__img {
            margin-top: 40px;
            width: 80px
        }

        .glazhka-prices__cards {
            gap: 20px
        }

        @media (min-width:768px) {
            .glazhka-prices__cards {
                gap: 0
            }
        }

        .glazhka-prices__card {
            background-position: 50%;
            background-size: cover;
            border-radius: 8px;
            height: 200px;
            padding: 30px;
            width: 100%
        }

        @media (min-width:768px) {
            .glazhka-prices__card {
                height: 290px
            }
        }

        .glazhka-prices__card-price {
            font-size: 20px
        }

        @media (min-width:1280px) {
            .glazhka-prices__card-price {
                font-size: 24px
            }
        }

 a {
		color:#ff9000;
	}
	a:hover {
		color: #ff9600;
		text-decoration: underline;
	}
	.btn-primary {
		color: #fff;
		background-color: #ff9000;
		border-color: #ff9600;
	}
	.btn-primary:hover {
		color: #fff;
		background-color: #ff9d00;
		border-color: #ff9900;
	}
	.btn-primary.focus, .btn-primary:focus {
		color: #fff;
		background-color: #ff9d00;
		border-color: #ff9900;
		box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
	}
	
	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
		color: #fff;
		background-color: #ff5c00;
		border-color: #ff9d00;
	}
	
        a,
        abbr,
        acronym,
        address,
        applet,
        article,
        aside,
        audio,
        big,
        blockquote,
        body,
        canvas,
        caption,
        center,
        cite,
        code,
        dd,
        del,
        details,
        dfn,
        div,
        dl,
        dt,
        em,
        embed,
        fieldset,
        figcaption,
        figure,
        footer,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        header,
        hgroup,
        html,
        i,
        iframe,
        img,
        input,
        ins,
        kbd,
        label,
        legend,
        li,
        mark,
        menu,
        nav,
        object,
        ol,
        output,
        p,
        pre,
        q,
        ruby,
        s,
        samp,
        section,
        small,
        span,
        strike,
        strong,
        sub,
        summary,
        sup,
        table,
        tbody,
        td,
        textarea,
        tfoot,
        th,
        thead,
        time,
        tr,
        tt,
        u,
        ul,
        var,
        video {
            border: 0;
            box-sizing: border-box;
            font: inherit;
            margin: 0;
            padding: 0;
            vertical-align: baseline
			
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block
        }

        body {
            line-height: 1;
            min-width: 320px;
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            color: #383129;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px
        }

        ol,
        ul {
            list-style: none
        }

        blockquote,
        q {
            quotes: none
        }

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

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

        a,
        input {
            outline: 0
        }

        a {
            color: inherit;
            -webkit-text-decoration: none;
            text-decoration: none
        }

        button {
            background: 0 0;
            border: 0;
            cursor: pointer;
            outline: 0
        }

        input[type=text] {
            -webkit-appearance: none
        }

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

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

        input[type=search]::-ms-clear,
        input[type=search]::-ms-reveal {
            display: none;
            height: 0;
            width: 0
        }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration,
        input[type=search]::-webkit-search-results-button,
        input[type=search]::-webkit-search-results-decoration {
            display: none
        }

        .ui-tab {
            align-items: center;
            color: #978686;
            cursor: pointer;
            display: flex;
            gap: 10px;
            padding: 13px 10px;
            position: relative;
            white-space: nowrap
        }

        .ui-tab:after {
            background: #ff9000;
            bottom: 0;
            content: "";
            display: block;
            height: 2px;
            left: 10px;
            position: absolute;
            right: 10px;
            transform: scaleY(0);
            transform-origin: bottom;
            transition: .2s
        }

        @media (min-width:1280px) {
            .ui-tab:hover {
                color: #393131;
                transition: .2s
            }

            .ui-tab:hover:after {
                background-color: #d2caca;
                transform: scaleY(1)
            }
        }

        .ui-tab__icon {
            display: inline-block;
            height: 20px;
            vertical-align: middle;
            width: 20px
        }

        .ui-tab__icon--left {
            margin-right: 8px
        }

        .ui-tab__icon--right {
            margin-left: 8px
        }

        .ui-tab--active:after {
            transform: scaleY(1)
        }

        .ui-tabs {
            margin: 0 -20px;
            overflow: auto
        }

        .ui-tabs__list {
            display: flex;
            padding: 0 10px
        }

        .ui-tabs__list--grow {
            width: 100%
        }

        .ui-tabs__list--grow .ui-tab {
            flex-grow: 1;
            justify-content: center;
            text-align: center;
            white-space: inherit
        }

        .ui-tabs__list--grow .ui-tab:after {
            left: 0;
            right: 0
        }

        .ui-tabs--no-align {
            margin: 0
        }

        .ui-tabs--no-align .ui_tabs__list {
            padding: 0
        }

        .ui-switch-counter {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            display: flex;
            height: 42px;
            overflow: hidden;
            padding: 0;
            position: relative
        }

        .ui-switch-counter__button {
            align-items: center;
            border-left: 1px solid #cbc9c9;
            cursor: pointer;
            display: flex;
            font-size: 16px;
            height: 40px;
            justify-content: space-around;
            line-height: 22px;
            opacity: 1;
            padding: 0 12px;
            position: relative;
            transition: .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 30%;
            z-index: 2
        }

        .ui-switch-counter__button:first-child {
            border-left: none
        }

        @media (min-width:1280px) {
            .ui-switch-counter__button:hover {
                background-color: #f2f2f2
            }
        }

        .ui-switch-counter__button--active {
            background-color: #ff9000;
            color: #fff
        }

        .ui-switch-counter__button--active:hover {
            background-color: #ff9000;
			
        }

        .ui-switch-counter__button--active .ui-switch-counter__input {
            border-color: #fff;
            color: #fff;
			background :#f88d20;
        }

        .ui-switch-counter__button--ghost {
            
            border: 0;
            bottom: -1px;
            height: auto;
            left: 0;
            position: absolute;
            top: -1px;
            transition: .2s;
            z-index: 1
        }

        .ui-switch-counter__button--loading {
            opacity: 0
        }

        .ui-switch-counter__input {
            -webkit-appearance: none;
            background-color: transparent;
            border: 0;
            border-bottom: 1px solid #383129;
            border-radius: 0;
            line-height: 16px;
            max-width: 80px;
            min-width: 40px;
            padding: 3px 5px;
            text-align: center;
            width: 80%
        }

        .ui-switch-counter__input-text {
            margin-left: 5px
        }

        .ui-stars {
            display: flex;
            flex-direction: row-reverse;
            flex-shrink: 0;
            justify-content: space-between;
            position: relative;
            width: 190px;
            -webkit-tap-highlight-color: transparent
        }

        .ui-stars--disabled {
            pointer-events: none
        }

        .ui-stars .ui-stars:hover .ui-stars__label:hover~.ui-stars__label,
        .ui-stars .ui-stars__input:checked~.ui-stars__label,
        .ui-stars:hover .ui-stars__label:hover {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48bWFzayBpZD0iYSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMCAwaDMwdjMwSDB6Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNGRkJGMTkiIGQ9Im0xNSAyNC43MDUtOC4wODcgNC4zMzNhMSAxIDAgMCAxLTEuNDU4LTEuMDQ3TDcgMTguNzc4LjQxOCAxMi4yNDNhMSAxIDAgMCAxIC41NTgtMS42OTlsOS4wNzMtMS4zMzlMMTQuMS44NTVhMSAxIDAgMCAxIDEuOCAwbDQuMDUgOC4zNSA5LjA3NCAxLjM0YTEgMSAwIDAgMSAuNTU4IDEuNjk4TDIzIDE4Ljc3OGwxLjU0NSA5LjIxM2ExIDEgMCAwIDEtMS40NTggMS4wNDd6Ii8+PC9nPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain
        }

        .ui-stars--small .ui-stars__label {
            height: 24px;
            width: 24px
        }

        .ui-stars--small {
            width: 160px
        }

        .ui-stars--extra-small .ui-stars__label {
            height: 18px;
            width: 18px
        }

        .ui-stars--extra-small {
            width: 130px
        }

        .ui-stars__input {
            display: none
        }

        .ui-stars__label {
            align-items: center;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48bWFzayBpZD0iYSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMCAwaDMwdjMwSDB6Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNEMkNBQ0EiIGQ9Im0xNSAyNC43MDUtOC4wODcgNC4zMzNhMSAxIDAgMCAxLTEuNDU4LTEuMDQ3TDcgMTguNzc4LjQxOCAxMi4yNDNhMSAxIDAgMCAxIC41NTgtMS42OTlsOS4wNzMtMS4zMzlMMTQuMS44NTVhMSAxIDAgMCAxIDEuOCAwbDQuMDUgOC4zNSA5LjA3NCAxLjM0YTEgMSAwIDAgMSAuNTU4IDEuNjk4TDIzIDE4Ljc3OGwxLjU0NSA5LjIxM2ExIDEgMCAwIDEtMS40NTggMS4wNDd6Ii8+PC9nPjwvc3ZnPg==);
            cursor: pointer;
            display: flex;
            height: 30px;
            position: relative;
            width: 30px;
            -webkit-tap-highlight-color: transparent
        }

        .ui-stars__label,
        .ui-stars__label--half {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain
        }

        .ui-stars__label--half {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48bWFzayBpZD0iYSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMCAwaDMwdjMwSDB6Ii8+PC9tYXNrPjxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBtYXNrPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjRkZCRjE5IiBkPSJNMTUuMDAxLjI5M2EuOTkuOTkgMCAwIDAtLjkuNTYzbC00LjA1IDguMzUxLTkuMDc0IDEuMzM5YTEgMSAwIDAgMC0uNTU4IDEuNjk5TDcgMTguNzc5bC0xLjU0NSA5LjIxNGExIDEgMCAwIDAgMS40NTggMS4wNDdsOC4wODctNC4zMzN6Ii8+PHBhdGggZmlsbD0iI0QyQ0FDQSIgZD0iTTE1LjAwMS4yOTNjLjM1OSAwIC43MTguMTg4LjkuNTYzbDQuMDUgOC4zNTEgOS4wNzQgMS4zMzlhMSAxIDAgMCAxIC41NTggMS42OTlsLTYuNTgyIDYuNTM0IDEuNTQ2IDkuMjE0YTEgMSAwIDAgMS0xLjQ1OSAxLjA0N2wtOC4wODctNC4zMzN6Ii8+PC9nPjwvc3ZnPg==)
        }

        .ui-stars .ui-stars__label:hover~.ui-stars__label,
        .ui-stars__label--active,
        .ui-stars__label:hover {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48bWFzayBpZD0iYSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMCAwaDMwdjMwSDB6Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNGRkJGMTkiIGQ9Im0xNSAyNC43MDUtOC4wODcgNC4zMzNhMSAxIDAgMCAxLTEuNDU4LTEuMDQ3TDcgMTguNzc4LjQxOCAxMi4yNDNhMSAxIDAgMCAxIC41NTgtMS42OTlsOS4wNzMtMS4zMzlMMTQuMS44NTVhMSAxIDAgMCAxIDEuOCAwbDQuMDUgOC4zNSA5LjA3NCAxLjM0YTEgMSAwIDAgMSAuNTU4IDEuNjk4TDIzIDE4Ljc3OGwxLjU0NSA5LjIxM2ExIDEgMCAwIDEtMS40NTggMS4wNDd6Ii8+PC9nPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain
        }

        .ui-popup {
            background-color: rgba(0, 0, 0, .5);
            bottom: 0;
            left: 0;
            overflow: auto;
            position: fixed;
            right: 0;
            top: 0;
            transition: .2s;
            z-index: 99
        }

        @media (min-width:768px) {
            .ui-popup {
                align-items: flex-start;
                background-color: rgba(0, 0, 0, .65);
                display: flex;
                justify-content: center;
                padding: 50px 0
            }
        }

        .ui-popup__block {
            background-color: #fff;
            box-shadow: 0 4px 17px rgba(31, 28, 26, .15);
            margin: auto;
            min-height: 100%;
            padding: 50px 20px 0;
            position: relative;
            transition: .2s;
            width: 100%
        }

        @media (min-width:768px) {
            .ui-popup__block {
                border-radius: 12px;
                min-height: auto;
                padding: 50px
            }
        }

        @media (min-width:1280px) {
            .ui-popup__block {
                padding: 50px
            }
        }

        .ui-popup__block--menu-wrap {
            padding: 40px 0 20px
        }

        .ui-popup__close {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgZmlsbD0iIzlkOWM5YyIgdmlld0JveD0iMCAwIDIzIDIzIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43MDkgNS43MDdhMSAxIDAgMCAwLTEuNDE1LTEuNDE0bC01LjI5MyA1LjI5NC01LjI5NC01LjI5NGExIDEgMCAwIDAtMS40MTQgMS40MTRsNS4yOTQgNS4yOTQtNS4yOTQgNS4yOTNhMSAxIDAgMSAwIDEuNDE0IDEuNDE1bDUuMjk0LTUuMjk0IDUuMjkzIDUuMjk0YTEgMSAwIDAgMCAxLjQxNS0xLjQxNWwtNS4yOTQtNS4yOTN6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
            background-size: contain;
            cursor: pointer;
            font-size: 16px;
            height: 40px;
            position: absolute;
            right: 10px;
            top: 10px;
            transition: .1s;
            width: 40px;
            z-index: 3
        }

        .ui-popup__close,
        .ui-popup__close:hover {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 22px
        }

        .ui-popup__close:hover {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIzIDIzIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43MDkgNS43MDdhMSAxIDAgMCAwLTEuNDE1LTEuNDE0bC01LjI5MyA1LjI5NC01LjI5NC01LjI5NGExIDEgMCAwIDAtMS40MTQgMS40MTRsNS4yOTQgNS4yOTQtNS4yOTQgNS4yOTNhMSAxIDAgMSAwIDEuNDE0IDEuNDE1bDUuMjk0LTUuMjk0IDUuMjkzIDUuMjk0YTEgMSAwIDAgMCAxLjQxNS0xLjQxNWwtNS4yOTQtNS4yOTN6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
        }

        .ui-popup--flex .ui-popup__block {
            display: flex;
            flex-direction: column
        }

        .ui-popup--flex .ui-popup__block-container {
            display: flex;
            flex-direction: column;
            flex-grow: 1
        }

        .ui-popup--down {
            align-items: flex-end;
            display: flex;
            justify-content: center;
            padding: max(10%, 52px) 0 0
        }

        .ui-popup--down .ui-popup__block {
            border-radius: 12px 12px 0 0;
            margin-bottom: 0;
            max-width: 100%;
            min-height: 0;
            padding-right: 0
        }

        .ui-popup--down .ui-popup__block--menu-wrap .ui-popup__block-container {
            padding: 0
        }

        .ui-popup--down .ui-popup__block-container {
            padding-bottom: 40px;
            padding-right: 20px;
            width: 100%
        }

        @media (min-width:768px) {
            .ui-popup--down .ui-popup__block-container {
                padding-bottom: 0;
                padding-right: 40px
            }
        }

        @media (min-width:1280px) {
            .ui-popup--down .ui-popup__block-container {
                padding-right: 50px
            }
        }

        .ui-popup-show-enter,
        .ui-popup-show-leave-active {
            background-color: transparent
        }

        .ui-popup-show-enter .ui-popup__block,
        .ui-popup-show-leave-active .ui-popup__block {
            opacity: 0;
            transform: translateY(10px)
        }

        .ui-popup-show-enter.ui-popup--down .ui-popup__block,
        .ui-popup-show-leave-active.ui-popup--down .ui-popup__block {
            opacity: 1;
            transform: translateY(100%)
        }

        .ps-container:hover>.ps-scrollbar-y-rail:hover {
            background-color: transparent
        }

        .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
            background-color: hsla(0, 0%, 76%, .3)
        }

        .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
            background-color: hsla(0, 0%, 76%, .3);
            border-radius: 5px;
            position: absolute;
            right: 0;
            transition: none;
            width: 6px;
            z-index: 2
        }

        .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
            background-color: hsla(0, 0%, 76%, .3)
        }

        .ps-container.ps-in-scrolling.ps-y:hover>.ps-scrollbar-y-rail,
        .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
            background-color: transparent
        }

        .ps-container>.ps-scrollbar-y-rail,
        .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
        .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
            width: 6px
        }

        .ps-container>.ps-scrollbar-y-rail {
            transition: none
        }

        .ps__rail-y {
            width: 7px
        }

        .ps__rail-x:focus,
        .ps__rail-x:hover,
        .ps__rail-y:focus,
        .ps__rail-y:hover {
            background-color: #f5f4f4;
            z-index: 1
        }

        .ps__rail-y:focus>.ps__thumb-y,
        .ps__rail-y:hover>.ps__thumb-y,
        .ps__thumb-y {
            background-color: #d2d0d0;
            width: 5px
        }

        .ps__thumb-y {
            right: 1px;
            z-index: 2
        }

        .select-list {
            position: relative
        }

        .select-list__addition-text {
            color: #9d9c9c;
            margin-left: 10px
        }

        .select-list__addition-img {
            margin-left: 10px;
            vertical-align: middle
        }

        .select-list .menu-line--selected {
            font-weight: 600
        }

        .select-list .menu-line--selected:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBmaWxsPSIjMzgzMTI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS45OTkgMy43ODVhMSAxIDAgMCAxIC4wMTYgMS40MTRsLTguNTY4IDguNzczLTUuNC00LjY2NWExIDEgMCAwIDEgMS4zMDctMS41MTRsMy45NzYgMy40MzUgNy4yNTUtNy40MjdhMSAxIDAgMCAxIDEuNDE0LS4wMTYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            background-size: cover;
            content: "";
            height: 18px;
            position: absolute;
            right: 14px;
            top: 14px;
            width: 18px
        }

        .ui-select {
            cursor: pointer;
            font-size: 16px;
            position: relative;
            text-align: left;
            width: 100%
        }

        .ui-select--open .ui-select__label {
            color: #383129
        }

        .ui-select--open .ui-select__select:after {
            transform: rotate(180deg)
        }

        .ui-select--open .ui-select__fieldset,
        .ui-select--open .ui-select__fieldset:hover,
        .ui-select--open .ui-select__list,
        .ui-select--open .ui-select__list:hover {
            border-color: #383129
        }

        @media (min-width:768px) {
            .ui-select--open .ui-select__fieldset {
                border-radius: 5px 5px 0 0
            }
        }

        .ui-select--disabled .ui-select__label {
            color: #e5e4e4
        }

        .ui-select--disabled .ui-select__fieldset {
            border-color: #e5e4e4;
            cursor: default
        }

        .ui-select--disabled .ui-select__fieldset:hover {
            border-color: #e5e4e4
        }

        .ui-select--disabled .ui-select__select:after {
            opacity: .5
        }

        .ui-select--error .ui-select__hint {
            color: #f44a49
        }

        .ui-select--error .ui-select__select:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiBmaWxsPSIjZjQ0YTQ5IiB2aWV3Qm94PSIwIDAgMTcgOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3NS4yNjZBLjc2Ny43NjcgMCAwIDEgMS4yMzguMTcxTDguNSA2LjA3OSAxNS43NjIuMTdhLjc2Ny43NjcgMCAwIDEgMS4wNjMuMDk1LjcyNy43MjcgMCAwIDEtLjA5NyAxLjA0TDguNSA4IC4yNzIgMS4zMDZBLjcyNy43MjcgMCAwIDEgLjE3NS4yNjYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain
        }

        .ui-select--error .ui-select__fieldset,
        .ui-select--error .ui-select__fieldset:hover {
            border-color: #f44a49
        }

        .ui-select--light.ui-select--open .ui-select__fieldset,
        .ui-select--light.ui-select--open .ui-select__list {
            border-color: #cbc9c9
        }

        .ui-select--light .ui-select__select {
            background-color: #383129;
            color: #f2f2f2
        }

        .ui-select--light .ui-select__select:after {
            filter: invert(100%)
        }

        .ui-select--light .ui-select__fieldset {
            border-color: #9d9c9c
        }

        .ui-select--light .ui-select__fieldset:hover {
            border-color: #cbc9c9
        }

        .ui-select--light .ui-select__list {
            background-color: #433c35;
            border-color: #9d9c9c;
            color: #f2f2f2
        }

        .ui-select--light .ui-select__list:hover {
            border-color: #cbc9c9
        }

        .ui-select--light .ui-select__list .menu-line:hover {
            background-color: #4a443c
        }

        .ui-select--light .ui-select__list .menu-line:after {
            filter: invert(100%)
        }

        .ui-select--light .ui-select__label {
            color: #9d9c9c
        }

        .ui-select--light .ui-select__label.ui-select__label--on-border {
            color: #fff
        }

        .ui-select--white.ui-select--open .ui-select__fieldset,
        .ui-select--white.ui-select--open .ui-select__list {
            border-color: #383129
        }

        .ui-select--white .ui-select__select {
            background-color: #fff
        }

        .ui-select--white .ui-select__select:after {
            filter: invert(100%)
        }

        .ui-select--white .ui-select__fieldset {
            border-color: #cbc9c9
        }

        .ui-select--white .ui-select__list {
            background-color: #fff;
            border-color: #9d9c9c
        }

        .ui-select--white .ui-select__list .menu-line:after {
            filter: invert(100%)
        }

        .ui-select--white .ui-select__label {
            color: #9d9c9c
        }

        .ui-select--no-legend .ui-select__label.ui-select__label--on-border {
            display: none
        }

        .ui-select__select {
            border-radius: 5px;
            height: 50px;
            line-height: 22px;
            padding: 14px 40px 12px 16px;
            position: relative
        }

        .ui-select__select--no-border {
            border: 0
        }

        @media (min-width:768px) {
            .ui-select__select {
                padding: 14px 50px 12px 16px
            }
        }

        .ui-select__select:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgOCI+PHBhdGggZmlsbD0iIzM4MzEyOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3NS4yNjZBLjc2Ny43NjcgMCAwIDEgMS4yMzguMTcxTDguNSA2LjA3OSAxNS43NjIuMTdhLjc2Ny43NjcgMCAwIDEgMS4wNjMuMDk1LjcyNy43MjcgMCAwIDEtLjA5NyAxLjA0TDguNSA4IC4yNzIgMS4zMDZBLjcyNy43MjcgMCAwIDEgLjE3NS4yNjYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 8px;
            position: absolute;
            right: 16px;
            top: 22px;
            transition: .2s;
            width: 17px
        }

        .ui-select__selected {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .ui-select__list {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 0 0 5px 5px;
            border-top: none;
            opacity: 1;
            overflow: hidden;
            position: absolute;
            top: 50px;
            transform: translateY(0);
            transition: .1s;
            width: 100%;
            z-index: 5
        }

        .ui-select__label {
            color: #9d9c9c;
            font-size: 16px;
            height: 16px;
            left: 12px;
            line-height: 16px;
            overflow: hidden;
            position: absolute;
            text-overflow: ellipsis;
            top: 16px;
            transition: .2s;
            white-space: nowrap;
            width: calc(100% - 64px)
        }

        .ui-select__label--on-border {
            font-size: 12px;
            padding: 0 4px;
            top: -8px;
            width: calc(100% - 24px);
            z-index: 2
        }

        .ui-select__fieldset {
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            height: 56px;
            position: absolute;
            top: -6px;
            transition: .2s;
            width: 100%;
            z-index: 4
        }

        .ui-select__fieldset--no-legend {
            height: 50px;
            top: 0
        }

        .ui-select__fieldset:hover {
            border-color: #9d9c9c
        }

        .ui-select__legend {
            color: transparent;
            font-size: 12px;
            height: 12px;
            margin-left: 12px;
            max-width: calc(100% - 12px);
            overflow: hidden;
            text-overflow: ellipsis;
            transition: .2s
        }

        .ui-select__legend--active {
            padding: 0 4px
        }

        .ui-select__hint {
            color: #9d9c9c;
            font-size: 12px;
            line-height: 18px;
            margin-top: 4px
        }

        .ui-select-show-enter-active,
        .ui-select-show-leave-active {
            opacity: 0;
            transform: translateY(-10px)
        }

        .ui-notify {
            border-radius: 8px;
            display: flex;
            padding: 15px;
            position: relative
        }

        .ui-notify--orange {
            background: #fff4e9;
            color: #ec7700
        }

        .ui-notify--grey {
            background-color: #f2f2f2
        }

        .ui-notify--red {
            background-color: #ffeae9;
            color: #f44a49
        }

        .ui-notify--green {
            background-color: #e3f3e8;
            color: #378f51
        }

        .ui-notify--white {
            background-color: #fff
        }

        .ui-notify__icon {
            display: flex;
            height: 100%;
            margin-right: 10px
        }

        .ui-notify__icon img {
            height: 18px;
            width: 18px
        }

        .ui-notify__link:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgOCI+PHBhdGggZmlsbD0iIzM4MzEyOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3NS4yNjZBLjc2Ny43NjcgMCAwIDEgMS4yMzguMTcxTDguNSA2LjA3OSAxNS43NjIuMTdhLjc2Ny43NjcgMCAwIDEgMS4wNjMuMDk1LjcyNy43MjcgMCAwIDEtLjA5NyAxLjA0TDguNSA4IC4yNzIgMS4zMDZBLjcyNy43MjcgMCAwIDEgLjE3NS4yNjYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 15px;
            position: absolute;
            right: 10px;
            top: calc(50% - 7.5px);
            transform: rotate(-90deg);
            width: 15px
        }

        .ui-loader {
            align-items: center;
            display: inline-flex;
            justify-content: space-around
        }

        .ui-loader--cover {
            background-color: rgba(0, 0, 0, .1);
            bottom: 0;
            display: flex;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1000
        }

        .ui-input {
            border-radius: 5px;
            display: inline-flex;
            flex-direction: column;
            position: relative;
            text-align: left;
            width: 100%
        }

        @media (min-width:768px) {
            .ui-input:hover .ui-input__fieldset {
                border-color: #9d9c9c
            }
        }

        .ui-input__group {
            position: relative;
            transition: .2s ease-out
        }

        .ui-input__fieldset {
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            height: calc(100% + 8px);
            line-height: 18px;
            position: absolute;
            top: -8px;
            transition: .2s;
            width: 100%
        }

        .ui-input__legend {
            color: transparent;
            font-size: 12px;
            margin-left: 12px;
            transition: .2s;
            white-space: nowrap
        }

        .ui-input__input {
            font: inherit;
            font-size: 16px;
            height: 48px;
            line-height: 22px;
            padding: 0 16px;
            transition: .2s ease-out;
            width: 100%
        }

        .ui-input__input::-webkit-input-placeholder {
            color: #9d9c9c;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            font-weight: 400
        }

        .ui-input__input:-moz-placeholder,
        .ui-input__input::-moz-placeholder {
            color: #9d9c9c;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            font-weight: 400
        }

        .ui-input__input:-ms-input-placeholder {
            color: #9d9c9c;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            font-weight: 400
        }

        .ui-input__input {
            background: 0 0;
            color: #383129;
            outline: 0;
            position: relative
        }

        textarea.ui-input__input {
            border-bottom: 10px solid transparent;
            border-top: 10px solid transparent;
            height: 100px;
            padding: 10px 20px;
            resize: none
        }

        .ui-input--light .ui-input__input {
            color: #9d9c9c
        }

        .ui-input--light .ui-input__fieldset {
            border-color: #9d9c9c
        }

        @media (min-width:768px) {
            .ui-input--light:hover .ui-input__fieldset {
                border-color: #cbc9c9
            }
        }

        .ui-input__label {
            color: #9d9c9c;
            font-size: 16px;
            height: 16px;
            left: 16px;
            line-height: 16px;
            max-width: calc(100% - 32px);
            overflow: hidden;
            position: absolute;
            text-overflow: ellipsis;
            top: 16px;
            transition: .2s;
            white-space: nowrap
        }

        .ui-input__hint {
            color: #9d9c9c;
            font-size: 12px;
            line-height: 13px;
            padding: 4px 16px 0 0
        }

        .ui-input--textarea .ui-input__label {
            top: 24px
        }

        .ui-input--underline {
            border-radius: 0
        }

        .ui-input--underline .ui-input__group {
            border-bottom: 1px solid #cbc9c9
        }

        .ui-input--underline .ui-input__input {
            border: 0;
            border-bottom: 10px solid transparent;
            border-radius: 0;
            border-top: 10px solid transparent;
            font-size: 16px;
            height: 100px;
            padding: 10px 0 0
        }

        .ui-input--underline .ui-input__label {
            left: 0;
            padding: 0;
            top: 12px
        }

        .ui-input--active .ui-input__label,
        .ui-input--focused .ui-input__label {
            font-size: 12px;
            top: -9px;
            z-index: 2
        }

        .ui-input--active .ui-input__legend,
        .ui-input--focused .ui-input__legend {
            padding: 0 4px
        }

        .ui-input--active.ui-input--light .ui-input__label,
        .ui-input--focused.ui-input--light .ui-input__label {
            color: #cbc9c9
        }

        .ui-input--active .ui-input__group,
        .ui-input--focused .ui-input__group {
            border-color: #383129
        }

        .ui-input--focused .ui-input__fieldset {
            border: 1px solid #383129
        }

        .ui-input--focused .ui-input__label {
            color: #383129
        }

        .ui-input--focused:hover .ui-input__fieldset {
            border: 1px solid #383129
        }

        .ui-input--focused.ui-input--light .ui-input__fieldset {
            border-color: #fff
        }

        .ui-input--focused.ui-input--light .ui-input__input,
        .ui-input--focused.ui-input--light .ui-input__label {
            color: #fff
        }

        .ui-input--disabled {
            cursor: default;
            opacity: .5;
            pointer-events: none
        }

        .ui-input--disabled.ui-input--light {
            opacity: .3
        }

        .ui-input--error .ui-input__hint {
            color: #f44a49
        }

        .ui-input--error .ui-input__fieldset {
            border-color: #f44a49
        }

        .ui-input-number {
            align-items: flex-start;
            display: flex;
            gap: 15px
        }

        .ui-input--mobile {
            width: 100%
        }

        .ui-input--mobile .ui-input__input {
            padding: 0 48px 0 16px
        }

        .ui-select--code {
            max-width: 115px
        }

        .ui-select--code .ui-select__list {
            top: 49px
        }

        .ui-select--code .ui-select__fieldset {
            height: 53px;
            top: -4px
        }

        .ui-select--code .ui-select__select {
            padding-right: 0
        }

        .ps {
            overflow: hidden !important;
            overflow-anchor: none;
            -ms-overflow-style: none;
            touch-action: auto;
            -ms-touch-action: auto
        }

        .ps__rail-x {
            bottom: 0;
            height: 15px
        }

        .ps__rail-x,
        .ps__rail-y {
            display: none;
            opacity: 0;
            position: absolute;
            transition: background-color .2s linear, opacity .2s linear;
            -webkit-transition: background-color .2s linear, opacity .2s linear
        }

        .ps__rail-y {
            right: 0;
            width: 15px
        }

        .ps--active-x>.ps__rail-x,
        .ps--active-y>.ps__rail-y {
            background-color: transparent;
            display: block
        }

        .ps--focus>.ps__rail-x,
        .ps--focus>.ps__rail-y,
        .ps--scrolling-x>.ps__rail-x,
        .ps--scrolling-y>.ps__rail-y,
        .ps:hover>.ps__rail-x,
        .ps:hover>.ps__rail-y {
            opacity: .6
        }

        .ps .ps__rail-x.ps--clicking,
        .ps .ps__rail-x:focus,
        .ps .ps__rail-x:hover,
        .ps .ps__rail-y.ps--clicking,
        .ps .ps__rail-y:focus,
        .ps .ps__rail-y:hover {
            background-color: #eee;
            opacity: .9
        }

        .ps__thumb-x {
            bottom: 2px;
            height: 6px;
            transition: background-color .2s linear, height .2s ease-in-out;
            -webkit-transition: background-color .2s linear, height .2s ease-in-out
        }

        .ps__thumb-x,
        .ps__thumb-y {
            background-color: #aaa;
            border-radius: 6px;
            position: absolute
        }

        .ps__thumb-y {
            right: 2px;
            transition: background-color .2s linear, width .2s ease-in-out;
            -webkit-transition: background-color .2s linear, width .2s ease-in-out;
            width: 6px
        }

        .ps__rail-x.ps--clicking .ps__thumb-x,
        .ps__rail-x:focus>.ps__thumb-x,
        .ps__rail-x:hover>.ps__thumb-x {
            background-color: #999;
            height: 11px
        }

        .ps__rail-y.ps--clicking .ps__thumb-y,
        .ps__rail-y:focus>.ps__thumb-y,
        .ps__rail-y:hover>.ps__thumb-y {
            background-color: #999;
            width: 11px
        }

        @supports (-ms-overflow-style:none) {
            .ps {
                overflow: auto !important
            }
        }

        @media (-ms-high-contrast:none),
        screen and (-ms-high-contrast:active) {
            .ps {
                overflow: auto !important
            }
        }

        .hint-list {
            background-color: #fff;
            margin: 0;
            padding: 0;
            position: relative;
            width: 100%
        }

        .hint-list,
        .hint-list__item {
            -webkit-tap-highlight-color: transparent
        }

        .hint-list__item {
            cursor: pointer;
            list-style: none;
            padding: 12px 15px
        }

        @media (min-width:768px) {
            .hint-list__item {
                padding: 12px 15px
            }

            .hint-list__item--selected {
                background-color: #f3f3f3
            }
        }

        .hint-list__text {
            color: #383129;
            font-size: 16px;
            line-height: 1em;
            margin-bottom: 3px
        }

        .ui-hint {
            box-sizing: border-box;
            position: relative;
            width: 100%;
            -webkit-tap-highlight-color: transparent
        }

        @media (min-width:768px) {
            .ui-hint {
                min-height: auto
            }
        }

        .ui-hint__container {
            position: relative
        }

        @media (min-width:768px) {
            .ui-hint__container {
                border-bottom: none;
                margin-left: 0
            }
        }

        .ui-hint__container:before {
            border: 4px solid #88979f;
            border-radius: 50%;
            content: "";
            display: none;
            height: 5px;
            left: 10px;
            position: absolute;
            top: 17px;
            width: 5px;
            z-index: 1000
        }

        .ui-hint__list {
            background-color: #fff;
            border: 0;
            box-sizing: border-box;
            width: 100%
        }

        .ui-hint__list--pc {
            border: 1px solid #cbc9c9;
            border-radius: 0 0 3px 3px;
            left: 0;
            position: absolute;
            top: 45px;
            z-index: 100
        }

        @media (min-width:768px) {
            .ui-hint__list {
                border: 1px solid #cbc9c9;
                border-radius: 0 0 3px 3px;
                left: 0;
                position: absolute;
                top: 45px;
                z-index: 100
            }
        }

        .ui-hint__icon-close {
            align-items: center;
            cursor: pointer;
            display: flex;
            height: 100%;
            padding-left: 10px;
            padding-right: 10px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10
        }

        .ui-hint__icon-close:focus,
        .ui-hint__icon-close:focus:not(:active) {
            outline: 0
        }

        @media (min-width:768px) {
            .ui-hint__icon-close:hover svg path {
                stroke: #383129
            }
        }

        .icon-dots {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNCAyMCI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiMzNTM1MzUiLz48Y2lyY2xlIGN4PSIyIiBjeT0iMTAiIHI9IjIiIGZpbGw9IiMzNTM1MzUiLz48Y2lyY2xlIGN4PSIyIiBjeT0iMTgiIHI9IjIiIGZpbGw9IiMzNTM1MzUiLz48L3N2Zz4=);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            display: block;
            height: 20px;
            width: 20px
        }

        .ui-context {
            display: inline-flex;
            position: relative
        }

        .ui-context__trigger {
            cursor: pointer
        }

        .ui-context__menu {
            background-color: #fff;
            border-radius: 10px;
            filter: drop-shadow(0 4px 16px rgba(56, 49, 41, .28));
            margin-top: 20px;
            padding: 15px 0;
            position: absolute;
            top: 100%;
            width: 320px;
            z-index: 3
        }

        .ui-context__menu-small {
            width: 160px
        }

        .ui-context__tail {
            height: 16px;
            margin-right: -7px;
            top: -8px;
            transform: rotate(45deg);
            width: 16px
        }

        .ui-context__tail,
        .ui-context__tail:after {
            background-color: #fff;
            border-radius: 4px;
            position: absolute
        }

        .ui-context__tail:after {
            content: "";
            height: 20px;
            left: 0;
            top: 0;
            width: 20px
        }

        .ui-context__popup-wrap {
            margin: 0 -20px -20px
        }

        .ui-context--up-orient .ui-context__menu {
            bottom: 100%;
            margin-bottom: 30px;
            margin-top: 0;
            top: auto
        }

        .ui-context--up-orient .ui-context__tail {
            bottom: -8px;
            top: auto
        }

        .ui-context--up-orient .ui-context__tail:after {
            bottom: 0;
            content: "";
            left: auto;
            right: 0;
            top: auto
        }

        .ui-checkbox {
            align-items: center;
            align-items: flex-start;
            cursor: pointer;
            display: flex;
            margin-bottom: 20px;
            position: relative;
            text-align: left;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        @media (min-width:1280px) {
            .ui-checkbox:hover .ui-checkbox__visual {
                border-color: #ff9000
            }
        }

        .ui-checkbox__label {
            font-size: 16px;
            line-height: 22px;
            width: 100%
        }

        .ui-checkbox__visual {
            background: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 3px;
            flex-shrink: 0;
            height: 22px;
            margin-right: 15px;
            position: relative;
            width: 22px
        }

        .ui-checkbox__visual:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIyIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNi4wMzEgMTEuOCA5LjQxNiAxNWw3LjYxNS04Ii8+PC9zdmc+);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 22px;
            content: "";
            display: inline-block;
            height: 22px;
            vertical-align: middle;
            width: 22px
        }

        .ui-checkbox__visual {
            transition: .2s ease-out
        }

        .ui-checkbox__visual:after {
            left: 50%;
            margin: -11px 0 0 -11px;
            position: absolute;
            top: 50%;
            transform: scale(0);
            transition: .3s ease-out
        }

        .ui-checkbox--radio .ui-checkbox__visual {
            border-radius: 50%
        }

        .ui-checkbox--radio .ui-checkbox__visual:after {
            background: #fff;
            border-radius: 50%;
            height: 8px;
            margin: -4px 0 0 -4px;
            width: 8px
        }

        @media (min-width:1280px) {
            .ui-checkbox--switch:hover .ui-checkbox__visual {
                background: #9d9c9c
            }
        }

        .ui-checkbox--switch .ui-checkbox__visual {
            background: #cbc9c9;
            border: 0;
            border-radius: 25px;
            box-sizing: border-box;
            height: 20px;
            width: 37px
        }

        .ui-checkbox--switch .ui-checkbox__visual:after {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 3px 4px rgba(0, 0, 0, .17);
            height: 18px;
            left: 1px;
            margin: 0;
            top: 1px;
            transform: none;
            transition: .1s ease-out;
            width: 18px
        }

        .ui-checkbox--switch .ui-checkbox__input:checked~.ui-checkbox__visual:after {
            left: 18px
        }

        .ui-checkbox--button {
            align-items: center;
            display: inline-flex;
            justify-content: center;
            margin: 0;
            padding: 0
        }

        @media (min-width:1280px) {
            .ui-checkbox--button:hover .ui-checkbox__visual {
                background: #f2f2f2;
                border: 1px solid #cbc9c9
            }
        }

        .ui-checkbox--button .ui-checkbox__visual {
            border-radius: 22px;
            cursor: pointer;
            font: inherit;
            font-size: 16px;
            font-weight: 400;
            height: auto;
            line-height: 22px;
            padding: 12px 20px;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: auto
        }

        .ui-checkbox--button .ui-checkbox__visual:after {
            display: none
        }

        .ui-checkbox--button .ui-checkbox__input:checked~.ui-checkbox__visual {
            background: #ff9000;
            color: #fff
        }

        .ui-checkbox__input {
            display: none
        }

        .ui-checkbox__input:checked~.ui-checkbox__visual {
            background-color: #ff9000;
            border-color: #ff9000
        }

        .ui-checkbox__input:checked~.ui-checkbox__visual:after {
            transform: scale(1)
        }

        .ui-checkbox--disabled {
            cursor: auto;
            opacity: .3
        }

        .ui-checkbox--disabled.ui-checkbox--button .ui-checkbox__visual {
            background: #f2f2f2
        }

        .ui-checkbox--inactive {
            cursor: auto
        }

        .ui-checkbox--light.ui-checkbox--checkbox .ui-checkbox__visual,
        .ui-checkbox--light.ui-checkbox--radio .ui-checkbox__visual {
            background: 0 0
        }

        .ui-checkbox--light.ui-checkbox--checkbox .ui-checkbox__input:checked~.ui-checkbox__visual,
        .ui-checkbox--light.ui-checkbox--radio .ui-checkbox__input:checked~.ui-checkbox__visual {
            background-color: #ff9000
        }

        .ui-checkbox--light .ui-checkbox__label {
            color: #fff
        }

        .ui-checkbox--inverse {
            width: 100%
        }

        .ui-checkbox--inverse .ui-checkbox__visual {
            margin-left: auto;
            margin-right: 0;
            order: 2
        }

        .ui-checkbox--inverse .ui-checkbox__label {
            padding-right: 15px
        }

        .ui-checkbox--border {
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            padding: 15px
        }

        .ui-checkbox--border.ui-checkbox--checked {
            background: #fdf8f4;
            border: 1px solid #ff9000
        }

        .ui-button {
            align-items: center;
            background-color: #ff9000;
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            display: inline-flex;
            font: inherit;
            font-size: 16px;
            font-weight: 400;
            justify-content: center;
            line-height: 1.4;
            padding: 13px 20px;
            position: relative;
            transition: .2s ease-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        @media (min-width:768px) {
            .ui-button {
                padding-left: 30px;
                padding-right: 30px
            }
        }

        .ui-button[disabled] {
            background-color: #eeeceb;
            color: #b5b3b1;
            cursor: default;
            pointer-events: none
        }

        .ui-button--orange:active {
            background-color: #ed7d0b
        }

        @media (min-width:1280px) {
            .ui-button--orange:hover {
                background-color: #f88d20
            }

            .ui-button--orange:focus {
                background-color: #ed7d0b
            }
        }

        .ui-button--grey {
            background-color: #9d9393
        }

        .ui-button--grey:active {
            background: #706060
        }

        @media (min-width:1280px) {
            .ui-button--grey:hover {
                background: #988686
            }

            .ui-button--grey:focus {
                background: #706060
            }
        }

        .ui-button--white {
            background: #fff;
            border: 1px dashed #cbc9c9;
            color: inherit;
            padding-bottom: 11px;
            padding-top: 11px
        }

        .ui-button--white:active {
            background: #e0dede
        }

        @media (min-width:1280px) {
            .ui-button--white:hover {
                background: #f2f2f2
            }

            .ui-button--white:focus {
                background: #e0dede
            }
        }

        .ui-button--white[disabled] {
            border: 1px dashed transparent
        }

        .ui-button--green {
            background: #58b874
        }

        .ui-button--green:active {
            background: #31874a
        }

        @media (min-width:1280px) {
            .ui-button--green:hover {
                background: #489d61
            }

            .ui-button--green:focus {
                background: #31874a
            }
        }

        .ui-button--red {
            background: #f44a49
        }

        .ui-button--red:active {
            background: #cb2d2c
        }

        @media (min-width:1280px) {
            .ui-button--red:hover {
                background: #e73e3d
            }

            .ui-button--red:focus {
                background: #cb2d2c
            }
        }

        .ui-button-counter {
            height: 30px;
            max-width: 100px;
            width: 100%
        }

        .ui-button-counter__counter {
            display: flex;
            height: 100%
        }

        .ui-button-counter__btn {
            font-size: 12px;
            height: 100%;
            line-height: 12px;
            padding: 0;
            width: 100%
        }

        .ui-button-counter__control {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 3px;
            cursor: pointer;
            height: 100%;
            outline: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 30px;
            -webkit-tap-highlight-color: transparent
        }

        @media (min-width:1280px) {
            .ui-button-counter__control:hover {
                background-color: #f2f2f2;
                border-color: #f2f2f2
            }
        }

        .ui-button-counter__control:disabled {
            color: #cbc9c9;
            opacity: .3
        }

        .ui-button-counter__control--plus {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjMzgzMTI5IiBkPSJNMCA2aDE0djJIMHoiLz48cGF0aCBmaWxsPSIjMzgzMTI5IiBkPSJNOCAwdjE0SDZWMHoiLz48L3N2Zz4=)
        }

        .ui-button-counter__control--minus,
        .ui-button-counter__control--plus {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            background-size: 14px
        }

        .ui-button-counter__control--minus {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjMzgzMTI5IiBkPSJNMCAwaDE0djJIMHoiLz48L3N2Zz4=)
        }

        .ui-button-counter__output {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 40px
        }

        .ui-alert {
            background: #ff9000;
            border-radius: 5px;
            color: #fff;
            left: 10px;
            max-width: 100%;
            opacity: 1;
            padding: 20px 40px 20px 20px;
            position: fixed;
            right: 10px;
            top: 10px;
            transform: translate(0);
            transition: .2s;
            z-index: 99
        }

        @media (min-width:768px) {
            .ui-alert {
                left: auto;
                max-width: 400px
            }
        }

        @media (min-width:1280px) {
            .ui-alert {
                max-width: 600px
            }
        }

        .ui-alert--success {
            background-color: #58b874
        }

        .ui-alert--error {
            background-color: #f44a49
        }

        .ui-alert__close {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAxOC40IDE4LjQiPjxwYXRoIGQ9Im0uNyAxNy43IDE3LTE3TS4wMDUgMTYuOTg1IDE2Ljk3NS4wMTVsMS40MTQgMS40MTQtMTYuOTcgMTYuOTd6TTE3LjcgMTcuNy43LjciLz48cGF0aCBkPSJNLjAwNSAxLjQyOSAxLjQxOS4wMTVsMTYuOTcgMTYuOTctMS40MTQgMS40MTR6Ii8+PC9zdmc+);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer;
            height: 16px;
            position: absolute;
            right: 10px;
            top: 10px;
            width: 16px
        }

        @media (min-width:768px) {
            .ui-alert__close {
                right: 10px;
                top: 10px
            }
        }

        @media (min-width:1280px) {
            .ui-alert__close:hover {
                opacity: .9
            }
        }

        .ui-alert-fade-enter-active,
        .ui-alert-fade-leave-active {
            opacity: 0
        }

        .ui-alert-slideX-enter-active,
        .ui-alert-slideX-leave-active {
            opacity: 0;
            transform: translateX(100%)
        }

        .ui-alert-slideY-enter-active,
        .ui-alert-slideY-leave-active {
            opacity: 0;
            transform: translateY(-100%)
        }

        .ui-accordion {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 5px
        }

        .ui-accordion--opened .ui-accordion__head:after {
            transform: rotate(0)
        }

        .ui-accordion--flat {
            background-color: transparent;
            border-left: 0;
            border-radius: 0;
            border-right: 0;
            margin-bottom: -1px
        }

        .ui-accordion--flat:first-child:not(.ui-accordion--flat:last-child) {
            border-top: 0
        }

        .ui-accordion--flat:last-child:not(.ui-accordion--flat:first-child) {
            border-bottom: 0
        }

        .ui-accordion--flat .ui-accordion__head {
            padding: 20px 25px 20px 5px
        }

        @media (min-width:768px) {
            .ui-accordion--flat .ui-accordion__head {
                padding: 35px 50px 35px 20px
            }
        }

        @media (min-width:1280px) {
            .ui-accordion--flat .ui-accordion__head {
                padding: 30px 60px 30px 20px
            }
        }

        .ui-accordion--flat .ui-accordion__head:after {
            right: 5px
        }

        @media (min-width:768px) {
            .ui-accordion--flat .ui-accordion__head:after {
                right: 30px
            }
        }

        @media (min-width:1280px) {
            .ui-accordion--flat .ui-accordion__head:after {
                right: 35px
            }
        }

        .ui-accordion--flat .ui-accordion__body-inner {
            padding: 0 25px 0 5px
        }

        @media (min-width:768px) {
            .ui-accordion--flat .ui-accordion__body-inner {
                padding: 0 50px 20px 20px
            }
        }

        @media (min-width:1280px) {
            .ui-accordion--flat .ui-accordion__body-inner {
                padding: 0 60px 20px 20px
            }
        }

        .ui-accordion__head {
            cursor: pointer;
            padding: 20px 45px 20px 20px;
            position: relative
        }

        .ui-accordion__head:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiMzODMxMjkiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMSAxLjUgNi41IDUgNi41LTUiLz48L3N2Zz4=);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 8px;
            position: absolute;
            right: 15px;
            top: 30px;
            transform: rotate(-90deg);
            transition: .2s;
            width: 15px
        }

        @media (min-width:768px) {
            .ui-accordion__head:after {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgOCI+PHBhdGggZmlsbD0iIzM4MzEyOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3NS4yNjZBLjc2Ny43NjcgMCAwIDEgMS4yMzguMTcxTDguNSA2LjA3OSAxNS43NjIuMTdhLjc2Ny43NjcgMCAwIDEgMS4wNjMuMDk1LjcyNy43MjcgMCAwIDEtLjA5NyAxLjA0TDguNSA4IC4yNzIgMS4zMDZBLjcyNy43MjcgMCAwIDEgLjE3NS4yNjYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: contain;
                height: 10px;
                right: 30px;
                top: 43px;
                width: 21px
            }
        }

        @media (min-width:1280px) {
            .ui-accordion__head:after {
                right: 35px;
                top: 40px
            }
        }

        @media (min-width:768px) {
            .ui-accordion__head {
                padding: 35px 50px 35px 30px
            }
        }

        @media (min-width:1280px) {
            .ui-accordion__head {
                padding: 30px 60px 30px 30px
            }
        }

        .ui-accordion__body {
            overflow: hidden;
            transition: .3s
        }

        .ui-accordion__body-inner {
            padding: 0 45px 20px 20px
        }

        @media (min-width:768px) {
            .ui-accordion__body-inner {
                padding: 0 50px 35px 30px
            }
        }

        @media (min-width:1280px) {
            .ui-accordion__body-inner {
                padding: 0 60px 30px 30px
            }
        }

        .stop-scroll {
            overflow: hidden
        }

        @media (min-width:768px) {

            .stop-scroll .ui-header-plate,
            .stop-scroll body {
                overflow-y: scroll
            }
        }

        .tac {
            text-align: center
        }

        .tar {
            text-align: right
        }

        .tal {
            text-align: left
        }

        .flex-center {
            justify-content: center
        }

        .flex-align-center,
        .flex-center {
            align-items: center;
            display: flex
        }

        .ma-a {
            margin: auto
        }

        .ma-0 {
            margin: 0
        }

        .ma-10 {
            margin: 10px
        }

        .ma-15 {
            margin: 15px
        }

        .ma-20 {
            margin: 20px
        }

        .ma-25 {
            margin: 25px
        }

        .ma-30 {
            margin: 30px
        }

        .ma-35 {
            margin: 35px
        }

        .ma-40 {
            margin: 40px
        }

        .ma-45 {
            margin: 45px
        }

        .ma-50 {
            margin: 50px
        }

        .mb-a {
            margin-bottom: auto
        }

        .mb-0 {
            margin-bottom: 0
        }

        .mb-5 {
            margin-bottom: 5px
        }

        .mb-10 {
            margin-bottom: 10px
        }

        .mb-15 {
            margin-bottom: 15px
        }

        .mb-20 {
            margin-bottom: 20px
        }

        .mb-25 {
            margin-bottom: 25px
        }

        .mb-30 {
            margin-bottom: 30px
        }

        .mb-35 {
            margin-bottom: 35px
        }

        .mb-40 {
            margin-bottom: 40px
        }

        .mb-45 {
            margin-bottom: 45px
        }

        .mb-50 {
            margin-bottom: 50px
        }

        .mt-a {
            margin-top: auto
        }

        .mt-0 {
            margin-top: 0
        }

        .mt-5 {
            margin-top: 5px
        }

        .mt-10 {
            margin-top: 10px
        }

        .mt-15 {
            margin-top: 15px
        }

        .mt-20 {
            margin-top: 20px
        }

        .mt-25 {
            margin-top: 25px
        }

        .mt-30 {
            margin-top: 30px
        }

        .mt-35 {
            margin-top: 35px
        }

        .mt-40 {
            margin-top: 40px
        }

        .mt-45 {
            margin-top: 45px
        }

        .mt-50 {
            margin-top: 50px
        }

        .ml-a {
            margin-left: auto
        }

        .ml-0 {
            margin-left: 0
        }

        .ml-5 {
            margin-left: 5px
        }

        .ml-10 {
            margin-left: 10px
        }

        .ml-15 {
            margin-left: 15px
        }

        .ml-20 {
            margin-left: 20px
        }

        .ml-25 {
            margin-left: 25px
        }

        .ml-30 {
            margin-left: 30px
        }

        .ml-40 {
            margin-left: 40px
        }

        .ml-50 {
            margin-left: 50px
        }

        .mr-a {
            margin-right: auto
        }

        .mr-0 {
            margin-right: 0
        }

        .mr-5 {
            margin-right: 5px
        }

        .mr-10 {
            margin-right: 10px
        }

        .mr-15 {
            margin-right: 15px
        }

        .mr-20 {
            margin-right: 20px
        }

        .mr-25 {
            margin-right: 25px
        }

        .mr-30 {
            margin-right: 30px
        }

        .mr-40 {
            margin-right: 40px
        }

        .mr-50 {
            margin-right: 50px
        }

        .pa-0 {
            padding: 0
        }

        .pa-5 {
            padding: 5px
        }

        .pa-10 {
            padding: 10px
        }

        .pa-15 {
            padding: 15px
        }

        .pa-20 {
            padding: 20px
        }

        .pa-25 {
            padding: 25px
        }

        .pa-30 {
            padding: 30px
        }

        .pa-35 {
            padding: 35px
        }

        .pa-40 {
            padding: 40px
        }

        .pa-45 {
            padding: 45px
        }

        .pa-50 {
            padding: 50px
        }

        .pb-0 {
            padding-bottom: 0
        }

        .pb-5 {
            padding-bottom: 5px
        }

        .pb-10 {
            padding-bottom: 10px
        }

        .pb-15 {
            padding-bottom: 15px
        }

        .pb-20 {
            padding-bottom: 20px
        }

        .pb-25 {
            padding-bottom: 25px
        }

        .pb-30 {
            padding-bottom: 30px
        }

        .pb-35 {
            padding-bottom: 35px
        }

        .pb-40 {
            padding-bottom: 40px
        }

        .pb-45 {
            padding-bottom: 45px
        }

        .pb-50 {
            padding-bottom: 50px
        }

        .pt-0 {
            padding-top: 0
        }

        .pt-5 {
            padding-top: 5px
        }

        .pt-10 {
            padding-top: 10px
        }

        .pt-15 {
            padding-top: 15px
        }

        .pt-20 {
            padding-top: 20px
        }

        .pt-25 {
            padding-top: 25px
        }

        .pt-30 {
            padding-top: 30px
        }

        .pt-35 {
            padding-top: 35px
        }

        .pt-40 {
            padding-top: 40px
        }

        .pt-45 {
            padding-top: 45px
        }

        .pt-50 {
            padding-top: 50px
        }

        .pl-0 {
            padding-left: 0
        }

        .pl-5 {
            padding-left: 5px
        }

        .pl-10 {
            padding-left: 10px
        }

        .pl-15 {
            padding-left: 15px
        }

        .pl-20 {
            padding-left: 20px
        }

        .pl-25 {
            padding-left: 25px
        }

        .pl-30 {
            padding-left: 30px
        }

        .pl-35 {
            padding-left: 35px
        }

        .pl-40 {
            padding-left: 40px
        }

        .pl-45 {
            padding-left: 45px
        }

        .pl-50 {
            padding-left: 50px
        }

        .pr-0 {
            padding-right: 0
        }

        .pr-5 {
            padding-right: 5px
        }

        .pr-10 {
            padding-right: 10px
        }

        .pr-15 {
            padding-right: 15px
        }

        .pr-20 {
            padding-right: 20px
        }

        .pr-25 {
            padding-right: 25px
        }

        .pr-30 {
            padding-right: 30px
        }

        .pr-35 {
            padding-right: 35px
        }

        .pr-40 {
            padding-right: 40px
        }

        .pr-45 {
            padding-right: 45px
        }

        .pr-50 {
            padding-right: 50px
        }

        .no-wrap {
            white-space: nowrap
        }

        .overflow {
            overflow: hidden
        }

        .full-width {
            width: 100%
        }

        @media (min-width:768px) {
            .full-width--mobile {
                width: auto
            }
        }

        .d-block {
            display: block
        }

        .d-flex {
            display: flex
        }

        .d-iflex {
            display: inline-flex
        }

        .d-inline {
            display: inline
        }

        .d-none,
        .on-desktop {
            display: none
        }

        @media (min-width:1280px) {
            .on-desktop {
                display: block
            }
        }

        .on-tablet {
            display: none
        }

        @media (min-width:768px) {
            .on-tablet {
                display: block
            }
        }

        .container,
        .container-fluid {
            margin-left: auto;
            margin-right: auto;
            padding-left: 20px;
            padding-right: 20px
        }

        .container {
            max-width: 1160px
        }

        .row {
            box-sizing: border-box;
            flex: 0 1 auto;
            flex-direction: row;
            margin-left: -10px;
            margin-right: -10px
        }
	.background-container {
	  position: relative;
	  width: 100%;
	  height: 570px;
	}
.video{
	position: absolute;max-width: 500px;border-radius: 20px;top: 23px;
}
		.background-container::before {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 99.99999%;
		  height: 100%;
		  background-image: url('/media/imgs/okna.jpg');
		  background-size: cover;
		  background-position: center;
		  opacity: 0.3; /* Прозрачность только для фона */
		  z-index: 1;
		}
		
		
		@media (max-width: 883px) {
			.background-container {
				position: relative;
				width: 100%;
				height: 900px;
			}
			.video{
				max-width: 300px;
			}
		}
		
        .row,
        .row-wrap {
            display: flex;
            flex-wrap: wrap;
			justify-content: center;
        }

        .row-wrap {
            align-items: flex-start
        }

        .row.reverse {
            flex-direction: row-reverse
        }

        .col.reverse {
            flex-direction: column-reverse
        }

        .col-xs,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9,
        .col-xs-offset-0,
        .col-xs-offset-1,
        .col-xs-offset-10,
        .col-xs-offset-11,
        .col-xs-offset-12,
        .col-xs-offset-2,
        .col-xs-offset-3,
        .col-xs-offset-4,
        .col-xs-offset-5,
        .col-xs-offset-6,
        .col-xs-offset-7,
        .col-xs-offset-8,
        .col-xs-offset-9 {
            box-sizing: border-box;
            flex: 0 0 auto;
            padding-left: 10px;
            padding-right: 10px
        }

        .col-xs {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }

        .col-xs-1 {
            flex-basis: 8.33333333%;
            max-width: 8.33333333%
        }

        .col-xs-2 {
            flex-basis: 16.66666667%;
            max-width: 16.66666667%
        }

        .col-xs-3 {
            flex-basis: 25%;
            max-width: 25%
        }

        .col-xs-4 {
            flex-basis: 33.33333333%;
            max-width: 33.33333333%
        }

        .col-xs-5 {
            flex-basis: 41.66666667%;
            max-width: 41.66666667%
        }

        .col-xs-6 {
            flex-basis: 50%;
            max-width: 50%
        }

        .col-xs-7 {
            flex-basis: 58.33333333%;
            max-width: 58.33333333%
        }

        .col-xs-8 {
            flex-basis: 66.66666667%;
            max-width: 66.66666667%
        }

        .col-xs-9 {
            flex-basis: 75%;
            max-width: 75%
        }

        .col-xs-10 {
            flex-basis: 83.33333333%;
            max-width: 83.33333333%
        }

        .col-xs-11 {
            flex-basis: 91.66666667%;
            max-width: 91.66666667%
        }

        .col-xs-12 {
            flex-basis: 100%;
            max-width: 100%
        }

        .col-xs-offset-0 {
            margin-left: 0
        }

        .col-xs-offset-1 {
            margin-left: 8.33333333%
        }

        .col-xs-offset-2 {
            margin-left: 16.66666667%
        }

        .col-xs-offset-3 {
            margin-left: 25%
        }

        .col-xs-offset-4 {
            margin-left: 33.33333333%
        }

        .col-xs-offset-5 {
            margin-left: 41.66666667%
        }

        .col-xs-offset-6 {
            margin-left: 50%
        }

        .col-xs-offset-7 {
            margin-left: 58.33333333%
        }

        .col-xs-offset-8 {
            margin-left: 66.66666667%
        }

        .col-xs-offset-9 {
            margin-left: 75%
        }

        .col-xs-offset-10 {
            margin-left: 83.33333333%
        }

        .col-xs-offset-11 {
            margin-left: 91.66666667%
        }

        .start-xs {
            justify-content: flex-start;
            text-align: left
        }

        .center-xs {
            justify-content: center;
            text-align: center
        }

        .end-xs {
            justify-content: flex-end;
            text-align: right
        }

        .top-xs {
            align-items: flex-start
        }

        .middle-xs {
            align-items: center
        }

        .bottom-xs {
            align-items: flex-end
        }

        .around-xs {
            justify-content: space-around
        }

        .between-xs {
            justify-content: space-between
        }

        .first-xs {
            order: -1
        }

        .last-xs {
            order: 1
        }

        @media only screen and (min-width:768px) {

            .col-sm,
            .col-sm-1,
            .col-sm-10,
            .col-sm-11,
            .col-sm-12,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9,
            .col-sm-offset-0,
            .col-sm-offset-1,
            .col-sm-offset-10,
            .col-sm-offset-11,
            .col-sm-offset-12,
            .col-sm-offset-2,
            .col-sm-offset-3,
            .col-sm-offset-4,
            .col-sm-offset-5,
            .col-sm-offset-6,
            .col-sm-offset-7,
            .col-sm-offset-8,
            .col-sm-offset-9 {
                box-sizing: border-box;
                flex: 0 0 auto;
                padding-left: 10px;
                padding-right: 10px
            }

            .col-sm {
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%
            }

            .col-sm-1 {
                flex-basis: 8.33333333%;
                max-width: 8.33333333%
            }

            .col-sm-2 {
                flex-basis: 16.66666667%;
                max-width: 16.66666667%
            }

            .col-sm-3 {
                flex-basis: 25%;
                max-width: 25%
            }

            .col-sm-4 {
                flex-basis: 33.33333333%;
                max-width: 33.33333333%
            }

            .col-sm-5 {
                flex-basis: 41.66666667%;
                max-width: 41.66666667%
            }

            .col-sm-6 {
                flex-basis: 50%;
                max-width: 50%
            }

            .col-sm-7 {
                flex-basis: 58.33333333%;
                max-width: 58.33333333%
            }

            .col-sm-8 {
                flex-basis: 66.66666667%;
                max-width: 66.66666667%
            }

            .col-sm-9 {
                flex-basis: 75%;
                max-width: 75%
            }

            .col-sm-10 {
                flex-basis: 83.33333333%;
                max-width: 83.33333333%
            }

            .col-sm-11 {
                flex-basis: 91.66666667%;
                max-width: 91.66666667%
            }

            .col-sm-12 {
                flex-basis: 100%;
                max-width: 100%
            }

            .col-sm-offset-0 {
                margin-left: 0
            }

            .col-sm-offset-1 {
                margin-left: 8.33333333%
            }

            .col-sm-offset-2 {
                margin-left: 16.66666667%
            }

            .col-sm-offset-3 {
                margin-left: 25%
            }

            .col-sm-offset-4 {
                margin-left: 33.33333333%
            }

            .col-sm-offset-5 {
                margin-left: 41.66666667%
            }

            .col-sm-offset-6 {
                margin-left: 50%
            }

            .col-sm-offset-7 {
                margin-left: 58.33333333%
            }

            .col-sm-offset-8 {
                margin-left: 66.66666667%
            }

            .col-sm-offset-9 {
                margin-left: 75%
            }

            .col-sm-offset-10 {
                margin-left: 83.33333333%
            }

            .col-sm-offset-11 {
                margin-left: 91.66666667%
            }

            .start-sm {
                justify-content: flex-start;
                text-align: left
            }

            .center-sm {
                justify-content: center;
                text-align: center
            }

            .end-sm {
                justify-content: flex-end;
                text-align: right
            }

            .top-sm {
                align-items: flex-start
            }

            .middle-sm {
                align-items: center
            }

            .bottom-sm {
                align-items: flex-end
            }

            .around-sm {
                justify-content: space-around
            }

            .between-sm {
                justify-content: space-between
            }

            .first-sm {
                order: -1
            }

            .last-sm {
                order: 1
            }
        }

        @media only screen and (min-width:1280px) {
            .container {
                max-width: 1160px
            }

            .col-lg,
            .col-lg-1,
            .col-lg-10,
            .col-lg-11,
            .col-lg-12,
            .col-lg-2,
            .col-lg-3,
            .col-lg-4,
            .col-lg-5,
            .col-lg-6,
            .col-lg-7,
            .col-lg-8,
            .col-lg-9,
            .col-lg-offset-0,
            .col-lg-offset-1,
            .col-lg-offset-10,
            .col-lg-offset-11,
            .col-lg-offset-12,
            .col-lg-offset-2,
            .col-lg-offset-3,
            .col-lg-offset-4,
            .col-lg-offset-5,
            .col-lg-offset-6,
            .col-lg-offset-7,
            .col-lg-offset-8,
            .col-lg-offset-9 {
                box-sizing: border-box;
                flex: 0 0 auto;
                padding-left: 10px;
                padding-right: 10px
            }

            .col-lg {
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%
            }

            .col-lg-1 {
                flex-basis: 8.33333333%;
                max-width: 8.33333333%
            }

            .col-lg-2 {
                flex-basis: 16.66666667%;
                max-width: 16.66666667%
            }

            .col-lg-3 {
                flex-basis: 25%;
                max-width: 25%
            }

            .col-lg-4 {
                flex-basis: 33.33333333%;
                max-width: 33.33333333%
            }

            .col-lg-5 {
                flex-basis: 41.66666667%;
                max-width: 41.66666667%
            }

            .col-lg-6 {
                flex-basis: 50%;
                max-width: 50%
            }

            .col-lg-7 {
                flex-basis: 58.33333333%;
                max-width: 58.33333333%
            }

            .col-lg-8 {
                flex-basis: 66.66666667%;
                max-width: 66.66666667%
            }

            .col-lg-9 {
                flex-basis: 75%;
                max-width: 75%
            }

            .col-lg-10 {
                flex-basis: 83.33333333%;
                max-width: 83.33333333%
            }

            .col-lg-11 {
                flex-basis: 91.66666667%;
                max-width: 91.66666667%
            }

            .col-lg-12 {
                flex-basis: 100%;
                max-width: 100%
            }

            .col-lg-offset-0 {
                margin-left: 0
            }

            .col-lg-offset-1 {
                margin-left: 8.33333333%
            }

            .col-lg-offset-2 {
                margin-left: 16.66666667%
            }

            .col-lg-offset-3 {
                margin-left: 25%
            }

            .col-lg-offset-4 {
                margin-left: 33.33333333%
            }

            .col-lg-offset-5 {
                margin-left: 41.66666667%
            }

            .col-lg-offset-6 {
                margin-left: 50%
            }

            .col-lg-offset-7 {
                margin-left: 58.33333333%
            }

            .col-lg-offset-8 {
                margin-left: 66.66666667%
            }

            .col-lg-offset-9 {
                margin-left: 75%
            }

            .col-lg-offset-10 {
                margin-left: 83.33333333%
            }

            .col-lg-offset-11 {
                margin-left: 91.66666667%
            }

            .start-lg {
                justify-content: flex-start;
                text-align: left
            }

            .center-lg {
                justify-content: center;
                text-align: center
            }

            .end-lg {
                justify-content: flex-end;
                text-align: right
            }

            .top-lg {
                align-items: flex-start
            }

            .middle-lg {
                align-items: center
            }

            .bottom-lg {
                align-items: flex-end
            }

            .around-lg {
                justify-content: space-around
            }

            .between-lg {
                justify-content: space-between
            }

            .first-lg {
                order: -1
            }

            .last-lg {
                order: 1
            }
        }

        .title {
            font-size: 24px;
            font-weight: 600;
            line-height: 31px
        }

        @media (min-width:768px) {
            .title {
                font-size: 27px;
                font-weight: 600;
                line-height: 35px
            }
        }

        @media (min-width:1280px) {
            .title {
                font-size: 30px;
                font-weight: 600;
                line-height: 39px
            }
        }

        .title-50 {
            font-size: 28px;
            font-weight: 600;
            line-height: 34px
        }

        @media (min-width:768px) {
            .title-50 {
                font-size: 40px;
                font-weight: 600;
                line-height: 52px
            }
        }

        @media (min-width:1280px) {
            .title-50 {
                font-size: 50px;
                font-weight: 600;
                line-height: 65px
            }
        }

        .title-30 {
            font-size: 24px;
            font-weight: 600;
            line-height: 31px
        }

        @media (min-width:768px) {
            .title-30 {
                font-size: 27px;
                font-weight: 600;
                line-height: 35px
            }
        }

        @media (min-width:1280px) {
            .title-30 {
                font-size: 30px;
                font-weight: 600;
                line-height: 39px
            }
        }

        .title-24 {
            font-size: 20px;
            font-weight: 600;
            line-height: 28px
        }

        @media (min-width:768px) {
            .title-24 {
                font-size: 24px;
                font-weight: 600;
                line-height: 34px
            }
        }

        .title-20 {
            font-size: 18px;
            font-weight: 600;
            line-height: 25px
        }

        @media (min-width:768px) {
            .title-20 {
                font-size: 20px;
                font-weight: 600;
                line-height: 28px
            }
        }

        .title-18 {
            font-size: 18px;
            font-weight: 600;
            line-height: 25px
        }

        .text-p,
        .text-p-18 {
            font-size: 16px;
            line-height: 22px
        }

        @media (min-width:768px) {
            .text-p-18 {
                font-size: 18px;
                line-height: 27px
            }
        }

        .text-p-16 {
            font-size: 16px;
            line-height: 22px
        }

        .text-p-14 {
            font-size: 14px;
            line-height: 20px
        }

        .text-p-12 {
            font-size: 12px;
            line-height: 18px
        }

        .text-p--bold {
            font-weight: 600
        }

        .text-p--normal {
            font-weight: 400
        }

        .text-p--grey {
            color: #9d9c9c
        }

        .text-p--green {
            color: #58b874
        }

        .text-p--white {
            color: #fff
        }

        .text-p--red {
            color: #ed2828
        }

        .ui-list {
            text-align: left
        }

        .ui-list li {
            margin-bottom: 20px;
            padding-left: 25px;
            position: relative
        }

        .ui-list li:before {
            background-color: #383129;
            border-radius: 50%;
            content: "";
            height: 8px;
            left: 0;
            position: absolute;
            top: .5em;
            width: 8px
        }

        .ui-list--space-10 li {
            margin-bottom: 10px
        }

        .ui-list--white li {
            color: #fff
        }

        .ui-list--white li:before {
            background-color: #fff
        }

        .ui-list--orange li:before {
            background-color: #ff9000
        }

        .ui-list--red li:before {
            background-color: #f44a49
        }

        .text-link {
            cursor: pointer;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .text-link--orange {
            color: #ff9000
        }

        @media (min-width:1280px) {
            .text-link:hover {
                -webkit-text-decoration: none;
                text-decoration: none
            }
        }

        .grey-text {
            color: #9d9c9c
        }

        .white-text {
            color: #fff
        }

        .green-text {
            color: #58b874
        }

        .ui-icon {
            display: inline-block;
            vertical-align: middle
        }

        .menu-line {
            cursor: pointer;
            display: block;
            line-height: 22px;
            padding: 12px 20px;
            position: relative
        }

        @media only screen and (min-width:768px) {
            .menu-line:hover {
                background-color: #f2f2f2
            }
        }

        .menu-line--disabled {
            opacity: .75;
            pointer-events: none
        }

        .menu-line--flex {
            align-items: center;
            display: flex;
            gap: 10px
        }

        .editors-text {
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            margin-bottom: 25px
        }

        .editors-text img {
            max-width: 100%
        }

        .editors-text h2 {
            font-size: 20px;
            font-weight: 600;
            line-height: 27px;
            margin-bottom: 20px
        }

        @media (min-width:768px) {
            .editors-text h2 {
                font-size: 24px;
                font-weight: 600;
                line-height: 33px
            }
        }

        .editors-text h3 {
            font-size: 18px;
            font-weight: 600;
            line-height: 25px;
            margin-bottom: 20px
        }

        @media (min-width:768px) {
            .editors-text h3 {
                font-size: 20px;
                line-height: 27px
            }
        }

        .editors-text p {
            margin-bottom: 20px
        }

        .editors-text p b {
            font-weight: 600
        }

        .editors-text a {
            color: #353535;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .editors-text ol,
        .editors-text ul {
            list-style: none;
            margin: 0 0 20px;
            padding: 0
        }

        .editors-text ol li,
        .editors-text ul li {
            margin-bottom: 10px
        }

        .editors-text ol li {
            counter-increment: list-0
        }

        .editors-text ol li:before {
            content: counter(list-0, decimal) ". ";
            display: inline-block;
            white-space: nowrap
        }

        .editors-text ul li {
            line-height: 22px;
            padding-left: 16px;
            position: relative
        }

        .editors-text ul li:before {
            background: #353535;
            border-radius: 50%;
            content: "";
            display: block;
            height: 6px;
            left: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 8px;
            width: 6px
        }

        .editors-text blockquote {
            background: #f2f2f2;
            border: 0;
            border-radius: 8px;
            font-size: 18px;
            font-weight: 600;
            line-height: 140%;
            margin: 35px 0;
            padding: 30px
        }

        .editors-text blockquote:before {
            color: #ff9000;
            content: "\412\430\436\43D\43E!";
            display: block;
            font-size: 18px;
            font-weight: 600;
            line-height: 140%;
            margin-bottom: 10px
        }

        .editors-text--article p {
            font-size: 18px;
            line-height: 1.5;
            text-align: left !important
        }

        .editors-text--article br {
            display: none
        }

        .editors-text--article ol li,
        .editors-text--article ul li {
            font-size: 18px;
            line-height: 1.5
        }

        .editors-text--article ul li {
            padding-left: 20px
        }

        .editors-text--article ul li:before {
            background: #ff9000;
            content: "";
            height: 8px;
            left: 0;
            position: absolute;
            top: 10px;
            width: 8px
        }

        .editors-text--article img {
            display: block;
            margin: 20px auto;
            max-width: 100%;
            width: auto !important
        }

        .editors-text--article h2 {
            margin-top: 45px
        }

        .editors-text--article h3 {
            margin-top: 35px
        }

        .editors-text--article h2,
        .editors-text--article h3,
        .editors-text--article p {
            margin-bottom: 15px
        }

        .content-card {
            background: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 8px;
            padding: 20px
        }

        @media (min-width:768px) {
            .content-card {
                padding: 30px
            }
        }

        .nuxt-progress {
            background-color: #000;
            height: 2px;
            left: 0;
            opacity: 1;
            position: fixed;
            right: 0;
            top: 0;
            transition: width .1s, opacity .4s;
            width: 0;
            z-index: 999999
        }

        .nuxt-progress.nuxt-progress-notransition {
            transition: none
        }

        .nuxt-progress-failed {
            background-color: red
        }

        html {
            min-height: 100%;
            width: 100%
        }

        .page,
        body {
            margin: 0;
            min-height: 100%;
            width: 100%
        }

        .page {
            background: #fff;
            color: #383129;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            padding: 0;
            position: relative;
            -webkit-font-smoothing: antialiased
        }

        .page__wrap {
            box-sizing: border-box;
            min-height: 100%;
            min-width: 320px
        }

        .page-header[data-v-340745c0] {
            height: 94px;
            z-index: 11
        }

        .page-header--topped[data-v-340745c0] {
            height: 156px
        }

        @media (min-width:768px) {
            .page-header[data-v-340745c0] {
                height: 101px
            }
        }

        .page-header__fix[data-v-340745c0] {
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 11
        }

        .page-header--short[data-v-340745c0] {
            height: 50px
        }

        @media (min-width:768px) {
            .page-header--short[data-v-340745c0] {
                height: 53px
            }
        }

        .app-hint {
            align-items: center;
            background: #f2f2f2;
            display: flex;
            margin-top: -60px;
            padding: 10px 20px;
            position: relative;
            transition: .2s;
            width: 100%;
            z-index: 3
        }

        .app-hint--showed {
            margin-top: 0
        }

        .app-hint__button-close {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDE5OTIgOC41NzkwNEw4LjU3NzgyIDEuNDIxMTQiIHN0cm9rZT0iIzM4MzEyOSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTguNTc3ODIgOC41NzkwNEwxLjQxOTkyIDEuNDIxMTQiIHN0cm9rZT0iIzM4MzEyOSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) 50% no-repeat;
            cursor: pointer;
            height: 18px;
            margin-right: 10px;
            width: 18px
        }

        .app-hint__logo {
            background: #fff
                /*savepage-url=/_nuxt/img/logo.97bb7cb.svg*/
                url() 50% no-repeat;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            height: 40px;
            margin-right: 10px;
            width: 40px
        }

        .app-hint__title {
            font-weight: 600
        }

        .app-hint__link {
            background: #ff9000;
            border-radius: 5px;
            color: #fff;
            margin-left: auto;
            padding: 4px 15px
        }

        .page-header-top[data-v-3f29a2ba] {
            background: #fff;
            height: 70px;	
            padding: 12px 0;
            position: relative;
            z-index: 3
        }

        .page-header-top--select-open[data-v-3f29a2ba] {
            z-index: 1
        }

        @media (min-width:768px) {
            .page-header-top[data-v-3f29a2ba] {
                height: 70px
            }
        }

        .page-header-top__logo-link[data-v-3f29a2ba] {
            display: block
        }

        .page-header-top__logo[data-v-3f29a2ba] {
            display: block;
            height: 26px
        }

        @media (min-width:768px) {
            .page-header-top__logo[data-v-3f29a2ba] {
				height: 50px;
				width: 100%;
            }
        }

        .orders-counter-new {
            padding-left: 26px;
            position: relative
        }

        .orders-counter-new__counter {
            line-height: 14px;
            margin-bottom: 2px
        }

        .orders-counter-new__text {
            line-height: 12px
        }

        .orders-counter-new:before {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzU4Qjg3NCIgZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMFoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEuODAzIDUuMDE1YS43ODQuNzg0IDAgMCAxIDAgMS4wNGwtNC41MDkgNC45M2EuNjMyLjYzMiAwIDAgMS0uOTUgMEw0LjE5NiA4LjYzOGEuNzg0Ljc4NCAwIDAgMSAwLTEuMDQuNjMyLjYzMiAwIDAgMSAuOTUgMEw2LjgyIDkuNDI2bDQuMDMzLTQuNDFhLjYzMi42MzIgMCAwIDEgLjk1MSAwWiIvPjwvc3ZnPg==) 50% no-repeat;
            border-radius: 50%;
            content: "";
            display: block;
            height: 16px;
            left: 0;
            margin-top: -10px;
            position: absolute;
            top: 50%;
            width: 16px
        }

        .orders-counter-new-fade-enter-active,
        .orders-counter-new-fade-leave-active {
            transition: opacity .5s
        }

        .orders-counter-new-fade-enter,
        .orders-counter-new-fade-leave-to {
            opacity: 0
        }

        .page-header-bottom {
            position: relative;
			background:#fff;
        }

        .page-header-bottom__container[data-v-33facd59] {
            display: flex;
            padding-left: 10px;
            padding-right: 10px
        }

        @media (min-width:768px) {
            .page-header-bottom__container[data-v-33facd59] {
                padding-right: 20px
            }
        }

        .page-header-bottom__line[data-v-33facd59] {
            background: #fff;
            overflow: auto;
            position: relative;
            transition: all .3s ease-out
        }

        .page-header-bottom__line--mainlist[data-v-33facd59] {
            position: relative;
            z-index: 2
        }

        .page-header-bottom__line--mainlist[data-v-33facd59]:after {
            background: #f2f2f2;
            bottom: 0;
            content: "";
            height: 1px;
            left: 0;
            position: absolute;
            right: 0;
            z-index: -1
        }

        .page-header-bottom__line--sublist[data-v-33facd59] {
            box-shadow: 0 2px 8px rgba(56, 49, 41, .13)
        }

        .page-header-bottom__menu-more[data-v-33facd59] {
            align-items: center;
            display: flex
        }

        .page-header-bottom__menu-more[data-v-33facd59]:after {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSI0IiBmaWxsPSJub25lIj48ZyBmaWxsPSIjMzgzMTI5IiBvcGFjaXR5PSIuNjUiPjxjaXJjbGUgY3g9IjIiIGN5PSIyIiByPSIyIi8+PGNpcmNsZSBjeD0iOSIgY3k9IjIiIHI9IjIiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjIiIHI9IjIiLz48L2c+PC9zdmc+) 50% no-repeat;
            content: "";
            height: 4px;
            margin-left: 8px;
            width: 18px
        }

        .page-header-bottom__login[data-v-33facd59] {
            align-items: center;
            display: flex
        }

        .page-header-bottom__login[data-v-33facd59]:after {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMzgzMTI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNOSAyMGg2djBhMyAzIDAgMCAwIDMtMy4wMDFWN2EzIDMgMCAwIDAtMy0zSDkiLz48cGF0aCBzdHJva2U9IiMzODMxMjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xMSA5IDMgMy0zIDNNMTMuNSAxMkg1Ii8+PC9zdmc+) 50% no-repeat;
            content: "";
            height: 24px;
            margin-left: 10px;
            width: 24px
        }

        .menuSlide-enter[data-v-33facd59],
        .menuSlide-leave-to[data-v-33facd59] {
            box-shadow: none;
            transform: translateY(-100%)
        }

        .page-header-link {
            cursor: pointer;
            display: block;
            opacity: .65;
            padding: 13px 10px;
            position: relative;
            white-space: nowrap
        }

        .page-header-link:after {
            background: #ff9000;
            bottom: 0;
            content: "";
            display: block;
            height: 2px;
            left: 10px;
            position: absolute;
            right: 10px;
            transform: scaleY(0);
            transform-origin: bottom;
            transition: .2s
        }

        @media (min-width:1280px) {
            .page-header-link {
                margin-right: 15px
            }

            .page-header-link:hover {
                opacity: 1
            }

            .page-header-link:hover:after {
                background-color: #9d9c9c;
                opacity: .7;
                transform: scaleY(1)
            }
        }

        .page-header-link.nuxt-link-active:after {
            transform: scaleY(1)
        }

        .page-header-menu {
            background: #fff;
            height: calc(100vh - 50px);
            left: 0;
            overflow: auto;
            padding-bottom: 140px;
            padding-top: 80px;
            position: absolute;
            top: 0;
            transition: .4s;
            width: 100%;
            z-index: 2
        }

        @media (min-width:768px) {
            .page-header-menu {
                border-bottom: 1px solid #9d9c9c;
                height: auto;
                max-height: calc(100vh - 103px);
                overflow: auto;
                top: 100%;
                z-index: 1
            }
        }

        @media (min-width:1280px) {
            .page-header-menu {
                padding-top: 40px
            }
        }

        .page-header-menu__link {
            border-bottom: 1px solid transparent;
            display: table
        }

        @media (min-width:1280px) {
            .page-header-menu__link:hover {
                border-bottom: 1px solid
            }
        }

        .page-header-menu__desktop-container {
            position: relative
        }

        .page-header-menu__close {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTAuOTE1IDkuNSA2Ljg5My02Ljg5My0xLjQxNS0xLjQxNEw5LjUgOC4wODYgMi42MDggMS4xOTMgMS4xOTMgMi42MDcgOC4wODYgOS41bC02Ljg5MyA2Ljg5MyAxLjQxNSAxLjQxNEw5LjUgMTAuOTE0bDYuODkzIDYuODkzIDEuNDE1LTEuNDE0TDEwLjkxNSA5LjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) 50% no-repeat;
            cursor: pointer;
            height: 20px;
            opacity: .6;
            position: absolute;
            right: 20px;
            top: 0;
            width: 20px
        }

        .page-header-menu__close:hover {
            opacity: 1
        }

        .slideup-enter,
        .slideup-leave-to {
            transform: translateY(100%)
        }

        .index-page__clients-text {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .index-page__clients-text {
                margin-bottom: 30px
            }
        }

        @media (min-width:1280px) {
            .index-page__clients-text {
                margin-bottom: 45px
            }
        }

        .calculator-new__loader {
            position: fixed
        }

        .calculator-new--orange {
            background-color: #fdf8f4
        }

        .calculator-new--mosenergo {
            background: #e9edf2
        }

        .calculator-form-banner {
            position: relative
        }

        .calculator-form-banner__rating {
            align-items: center;
            cursor: pointer;
            display: flex;
            gap: 13px
        }

        .calculator-form-banner__rating span {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .calculator-form-banner__guaranty {
            display: inline-flex
        }

        .calculator-form-banner__content {
            padding: 20px 0 30px;
            position: relative
        }

        @media (min-width:768px) {
            .calculator-form-banner__content {
                max-width: 435px;
                padding: 50px 40px 50px 0
            }
        }

        @media (min-width:1280px) {
            .calculator-form-banner__content {
                max-width: 620px;
                padding: 70px 75px 70px 0
            }
        }

        .calculator-form-banner__title {
            position: relative
        }

        .calculator-form-banner__title:after {
            background-image:
                /*savepage-url=/_nuxt/img/orange-stars.b81b52c.svg*/
                url();
            background-repeat: no-repeat;
            bottom: -39px;
            content: "";
            height: 70px;
            position: absolute;
            right: -20px;
            width: 70px
        }

        @media (min-width:768px) {
            .calculator-form-banner__title:after {
                bottom: -46px;
                right: -42px
            }
        }

        .calculator-form-banner__image {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .calculator-form-banner__image-wrap {
            padding: 0
        }

        .calculator-form-banner__back {
            bottom: 0;
            display: none;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        @media (min-width:768px) {
            .calculator-form-banner__back {
                display: flex
            }
        }

        .calculator-form-banner__price {
            align-items: flex-end;
            display: flex;
            justify-content: space-between;
            line-height: 1.2;
            position: relative
        }

        @media (min-width:768px) {
            .calculator-form-banner__wrap {
                display: flex
            }
        }

        .calculator-form-banner__wrap-column {
            display: flex;
            flex-direction: column
        }

        .calculator-form-banner__move-fixer {
            padding: 10px 20px;
            transition: box-shadow .2s;
            width: 100%;
            z-index: 5
        }

        @media (min-width:768px) {
            .calculator-form-banner__move-fixer {
                padding: 0
            }
        }

        .calculator-form-banner__move-fixer--active {
            background: #fff;
            bottom: 0;
            box-shadow: 0 -3px 17px rgba(0, 0, 0, .11);
            left: 0;
            position: fixed
        }

        .calculator-form-banner__loader {
            bottom: -20px;
            position: absolute;
            right: 0
        }

        .calculator-form-banner__summary {
            height: 100px;
            margin: 0 -20px
        }

        @media (min-width:768px) {
            .calculator-form-banner__summary {
                margin: 0
            }
        }

        .calculator-form-banner__eco-promo-bg {
            background-image:
                /*savepage-url=/_nuxt/img/eco_promo_m.71022dc.jpg*/
                url();
            background-position-x: center;
            background-size: cover
        }

        @media (min-width:768px) {
            .calculator-form-banner__eco-promo-bg {
                background-image:
                    /*savepage-url=/_nuxt/img/eco_promo.682b89a.jpg*/
                    url()
            }
        }

        .link-section {
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            align-items: flex-start;
            display: flex;
            justify-content: center;
            padding: 25px 20px
        }

        @media (min-width:768px) {
            .link-section {
                align-items: center;
                justify-content: center;
                padding: 34px 0
            }
        }

        @media (min-width:1280px) {
            .link-section:hover {
                background-color: #e5e5e5
            }
        }

        .custom-section {
            background-color: #f2f2f2;
            background-position: 50%;
            background-size: cover
        }

        .custom-section--white,
        .custom-section--white:nth-of-type(2n),
        .custom-section:nth-of-type(2n) {
            background-color: #fff
        }

        .custom-section--grey,
        .custom-section--grey:nth-of-type(2n) {
            background-color: #f2f2f2
        }

        .custom-section--dark {
            background-color: #383129
        }

        .custom-section--dark .custom-section__title {
            color: #f2f2f2
        }

        .custom-section--dark:nth-of-type(2n) {
            background-color: #383129
        }

        .custom-section--orange,
        .custom-section--orange:nth-of-type(2n) {
            background-color: #ff9000
        }

        .custom-section__content {
            box-sizing: border-box;
            padding-bottom: 10px;
            padding-top: 10px;
            width: 100%
        }

        @media (min-width:1280px) {
            .custom-section__content {
                padding-bottom: 10px;
                padding-top: 10px
            }
        }

        .custom-section__title {
            margin-bottom: 25px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: left
        }

        @media (min-width:768px) {
            .custom-section__title {
                margin-bottom: 35px;
                text-align: center
            }
        }

        @media (min-width:1280px) {
            .custom-section__title {
                margin-bottom: 45px
            }
        }

        .custom-section__title--center {
            padding-left: 0;
            padding-right: 0
        }

        .how-it-work {
            display: flex;
            flex-direction: column
        }

        .how-it-work__inner {
            margin-bottom: 30px
        }

        @media (min-width:768px) {
            .how-it-work__inner {
                display: flex;
                justify-content: space-between
            }
        }

        .how-it-work__item {
            align-items: center;
            display: flex;
            flex-direction: column;
            margin-bottom: 30px
        }

        @media (min-width:768px) {
            .how-it-work__item {
                margin-bottom: 0;
                padding-left: 20px;
                padding-right: 20px;
                width: 230px
            }
        }

        @media (min-width:1280px) {
            .how-it-work__item {
                width: 273px
            }
        }

        .how-it-work__item:last-child {
            margin-bottom: 0
        }

        .how-it-work__img-wrapper {
            margin-bottom: 30px;
            position: relative;
            width: 230px
        }

        @media (min-width:768px) {
            .how-it-work__img-wrapper {
                margin-bottom: 25px;
                margin-right: 0
            }
        }

        .how-it-work__img {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
            width: 100%
        }

        .how-it-work__text-wrapper {
            align-items: flex-start;
            display: flex;
            flex-direction: column
        }

        .price-card[data-v-3d59a147] {
            padding-bottom: 10px
        }

        .price-card.swiper-slide[data-v-3d59a147] {
            width: 268px
        }

        @media (min-width:768px) {
            .price-card.swiper-slide[data-v-3d59a147] {
                width: 288px
            }
        }

        .custom-swiper .swiper-slide {
            height: auto;
            margin-left: 10px;
            margin-right: 10px
        }

        .custom-swiper--with-controls {
            margin: 0 auto;
            max-width: 1316px;
            position: relative
        }

        @media (min-width:768px) {
            .custom-swiper--with-controls {
                padding: 0 88px
            }
        }

        .custom-swiper--with-controls .custom-swiper__wrap {
            padding: 0 0 0 10px
        }

        @media (min-width:768px) {
            .custom-swiper--with-controls .custom-swiper__wrap {
                padding: 0
            }
        }

        .custom-swiper__wrap {
            overflow: hidden;
            padding: 0 10px;
            position: relative
        }

        .custom-swiper__hover-sections {
            bottom: 0;
            display: flex;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 4
        }

        .custom-swiper__phantom-slide {
            flex: 1 1 auto;
            height: 100%
        }

        .custom-swiper__nav-button {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDEwTDEgMTkiIHN0cm9rZT0iIzM4MzEyOSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) 50% no-repeat, #fff;
            background-size: 8px 16px;
            border: 0;
            border-radius: 50%;
            box-shadow: 0 1px 6px rgba(0, 0, 0, .17);
            display: none;
            height: 48px;
            margin-top: -24px;
            position: absolute;
            top: 50%;
            width: 48px
        }

        @media (min-width:768px) {
            .custom-swiper__nav-button {
                display: block
            }
        }

        .custom-swiper__nav-button--next {
            right: 20px
        }

        .custom-swiper__nav-button--prev {
            left: 20px;
            transform: rotate(180deg)
        }

        .custom-swiper__pagination {
            align-items: center;
            bottom: -30px;
            display: flex;
            left: 50%;
            transform: translateX(-50%)
        }

        .custom-swiper .swiper-pagination-bullet {
            background: 0 0;
            height: auto;
            outline: 0;
            padding: 5px;
            width: auto
        }

        .custom-swiper .swiper-pagination-bullet:after {
            background: #000;
            border-radius: 100%;
            content: "";
            display: block;
            height: 8px;
            position: relative;
            width: 8px;
            z-index: 2
        }

        .custom-swiper .swiper-pagination-bullet-active:after {
            background: #ff9000
        }

        .price-cards-card,
        .price-cards-card__wrap {
		border-radius: 8px;
		/* box-shadow: 0 4px 9px rgba(0, 0, 0, .12); */
		display: block;
		display: flex
	;
		flex-direction: column;
		height: 100%;
		width: 100%;
			
        }

        .price-cards-card__wrap {
            cursor: pointer
        }

        .price-cards-card__header {
            align-items: center;
            background-color: #ff9000;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            color: #fff;
            display: flex;
            flex-shrink: 0;
            justify-content: center;
            min-height: 80px;
            padding: 0 50px
        }

        .price-cards-card__content {
            background-color: #fff;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 20px 30px 30px
        }

        .price-cards-card__description {
            align-items: flex-start;
            border-bottom: 1px solid #cbc9c9;
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            min-height: 71px;
            padding-bottom: 20px
        }

        .price-cards-card__price {
            margin-top: auto
        }

        .price-cards-card__services {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        .custom-list {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .custom-list>:last-child {
            margin-bottom: 0
        }

        .custom-list__item {
            line-height: 1.4em;
            margin-bottom: 20px;
            padding-left: 25px;
            position: relative
        }

        .custom-list__item a {
            color: #ff9000;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

        @media (min-width:768px) {
            .custom-list__item {
                font-size: 18px
            }
        }

        .custom-list__item:before {
            background-color: #383129;
            border-radius: 50%;
            content: "";
            display: block;
            height: 6px;
            left: 0;
            position: absolute;
            top: calc(.7em - 3px);
            width: 6px
        }

        @media (min-width:768px) {
            .custom-list--two-column {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-bottom: -10px
            }

            .custom-list--two-column .custom-list__item {
                width: calc(50% - 35px)
            }
        }

        @media (min-width:1280px) {
            .custom-list--two-column .custom-list__item {
                width: calc(50% - 45px)
            }
        }

        .custom-list--big .custom-list__item {
            font-size: 16px
        }

        @media (min-width:768px) {
            .custom-list--big .custom-list__item {
                font-size: 18px
            }
        }

        @media (min-width:1280px) {
            .custom-list--big .custom-list__item {
                font-size: 20px
            }
        }

        .custom-list--orange-dot .custom-list__item:before {
            background-color: #ff9000
        }

        .custom-list--red-cross .custom-list__item:before {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xLjQwMDM5IDEyLjU5OTlMMTIuNjAwNCAxLjM5OTkiIHN0cm9rZT0iI0VEMjgyOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KICAgIDxwYXRoIGQ9Ik0xMi42MDA0IDEyLjU5OTlMMS40MDAzOSAxLjM5OTkiIHN0cm9rZT0iI0VEMjgyOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg==) no-repeat 50%;
            background-size: 14px 14px;
            height: 14px;
            top: calc(.7em - 7px);
            width: 14px
        }

        .custom-list--white-tick .custom-list__item {
            padding-left: 30px
        }

        .custom-list--white-tick .custom-list__item:before {
            background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMjIgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgcng9IjExIiBmaWxsPSIjRkY5NjJCIi8+CjxwYXRoIGQ9Ik02LjA5OTk4IDExLjY1TDkuNzQ2NDkgMTQuOEwxNS45IDguNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat 50%;
            background-size: 20px 20px;
            height: 20px;
            top: calc(.7em - 10px);
            width: 20px
        }

        .custom-list--green-arrow .custom-list__item:before {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik05LjQ3OTY2IDAuNDM1Nzk5QzguOTgyNDIgMC4xMzk3NzEgOC4zNDcwMiAwLjMxNTQ3OSA4LjA2MTE0IDAuODI5NTUxTDQuMTM4MjYgNy44NTY4TDEuOTUzNDggNS4yMDQ3MUMxLjU1NzkxIDQuNzUwNDMgMS4wMzIyMSA0LjUxNDkzIDAuNTM1NzAzIDQuODEwOTZDMC4wMzg0NjI1IDUuMTA3NzIgLTAuMTY3MDEgNS44MjE2NCAwLjE1NDc3NyA2LjI3OTU5TDMuMTk1MDcgOS45NzAwM0MzLjQyMjQ2IDEwLjI2NDYgMy42ODIgMTAuNDQxMSAzLjk1MzMyIDEwLjQ5MTRMMy45NTU1MyAxMC40OTU4TDMuOTgzMzQgMTAuNDk3M0M0LjA0NDc3IDEwLjUwNjggNC45NjMxOCAxMC42NzYgNS4zNTg3NSA5Ljk3MDExTDkuODYxNDggMS45MDQ1MkMxMC4xNDcyIDEuMzg5NTUgOS45NzY5IDAuNzMyNTYxIDkuNDc5NjYgMC40MzU3OTlaIiBmaWxsPSIjNThCODc0Ii8+Cjwvc3ZnPgo=) no-repeat 50%;
            background-size: 10px 10px;
            height: 10px;
            top: calc(.7em - 5px);
            width: 10px
        }

        .custom-list--mobile-white-text .custom-list__item,
        .custom-list--white-text .custom-list__item {
            color: #fff
        }

        @media (min-width:768px) {
            .custom-list--mobile-white-text .custom-list__item {
                color: #383129
            }
        }

        .custom-list--numbered {
            list-style: decimal;
            padding-left: 25px
        }

        .custom-list--numbered .custom-list__item {
            padding-left: 5px
        }

        .custom-list--numbered .custom-list__item:before {
            display: none
        }

        .custom-list--color-white {
            color: #fff
        }

        .custom-list--color-white .custom-list__item:before {
            background-color: #fff
        }

        @media (min-width:768px) {
            .features {
                margin-bottom: -40px
            }
        }

        .features .swiper-wrapper {
            justify-content: stretch
        }

        .features__card.swiper-slide {
            background-color: #fff;
            border: 1px solid #cbc9c9;
            border-radius: 5px;
            height: auto;
            padding: 30px 20px;
            position: relative;
            text-align: center;
            width: 240px
        }

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

        .features__icon-img {
            height: 80px;
            -o-object-fit: contain;
            object-fit: contain;
            width: 80px
        }

        .features__mob-text br {
            display: none
        }

        .features__text {
            margin: 0 auto
        }

        .features__counter {
            color: #fff;
            display: block;
            font-size: 26px;
            margin-left: -7px;
            padding: 0 3px;
            position: absolute;
            text-align: center
        }

        .features__counter:after {
            background-color: #fff;
            border-radius: 3px;
            content: "";
            display: block;
            height: 3px;
            margin-top: 1px;
            width: calc(100% + 2px)
        }

        .download-app-section {
            display: none
        }

        @media (min-width:1280px) {
            .download-app-section {
                background: #383129;
                background-size: cover;
                border-radius: 8px;
                box-sizing: border-box;
                display: block;
                margin-top: 70px;
                padding: 50px 490px 50px 110px;
                position: relative;
                width: 100%
            }

            .download-app-section:after {
                background:
                    /*savepage-url=/_nuxt/img/iphone@1x.a3d2c57.png*/
                    var(--savepage-url-14) no-repeat 50%;
                background-size: contain;
                bottom: 0;
                content: "";
                height: 424px;
                position: absolute;
                right: 82px;
                width: 338px
            }
        }

        @media (min-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
        (min-width:1280px) and (min-resolution:144dpi) {
            .download-app-section:after {
                background:
                    /*savepage-url=/_nuxt/img/iphone@2x.eecf8df.png*/
                    url() no-repeat 50%;
                background-size: contain
            }
        }

        .download-app-section__title {
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 30px;
            font-weight: 600;
            line-height: 1.4em
        }

        .download-app-section__form {
            width: 310px
        }

        .download-app-section__btn {
            width: 100%
        }

        .numbered-features {
            display: flex;
            flex-direction: column
        }

        .numbered-features__inner {
            margin-bottom: 30px
        }

        @media (min-width:768px) {
            .numbered-features__inner {
                display: flex;
                justify-content: space-around
            }
        }

        .numbered-features__item {
            align-items: center;
            display: flex;
            margin-bottom: 35px
        }

        @media (min-width:768px) {
            .numbered-features__item {
                box-sizing: border-box;
                flex-direction: column;
                margin-bottom: 0;
                padding-left: 20px;
                padding-right: 20px;
                text-align: center;
                width: 230px
            }
        }

        @media (min-width:1280px) {
            .numbered-features__item {
                width: 270px
            }
        }

        .numbered-features__item:last-child {
            margin-bottom: 0
        }

        .numbered-features__img-wrapper {
            margin-right: 20px;
            position: relative;
            width: 80px
        }

        @media (min-width:768px) {
            .numbered-features__img-wrapper {
                margin-bottom: 15px;
                margin-right: 0
            }
        }

        .numbered-features__img {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 80px;
            width: 80px
        }

        .numbered-features__img--calendar {
            background-image:
                /*savepage-url=/_nuxt/img/star.6a72439.svg*/
                var(--savepage-url-15)
        }

        .numbered-features__img--girl {
            background-image:
                /*savepage-url=/_nuxt/img/hand.09c71c4.svg*/
                var(--savepage-url-16)
        }

        .numbered-features__img--tools {
            background-image:
                /*savepage-url=/_nuxt/img/tool.5de9d4e.svg*/
                var(--savepage-url-17)
        }

        .numbered-features__text-wrapper {
            display: flex;
            flex-direction: column
        }

        .numbered-features__title {
            font-size: 26px;
            font-weight: 600;
            line-height: 1em;
            margin-bottom: 5px
        }

        .numbered-features__text {
            font-size: 18px;
            line-height: 1.2em
        }

        .numbered-features__counter {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2
        }

        .numbered-features__counter span {
            color: #fff;
            display: block;
            font-size: 26px;
            margin-left: -7px;
            padding: 0 3px;
            text-align: center
        }

        .numbered-features__counter span:after {
            background-color: #fff;
            border-radius: 3px;
            content: "";
            display: block;
            height: 3px;
            margin-top: 1px;
            width: calc(100% + 2px)
        }

        .numbered-features__link {
            align-items: center;
            align-self: center;
            display: flex;
            justify-content: space-between
        }

        .top-employee__slider {
            justify-content: center
        }

        @media (min-width:768px) {
            .top-employee .swiper-container {
                margin-bottom: -20px;
                margin-top: -20px
            }

            .top-employee .swiper-wrapper {
                padding-bottom: 20px;
                padding-top: 20px
            }

            .top-employee .swiper-slide {
                width: 250px
            }
        }

        .top-employee__slide.swiper-slide {
            width: 250px
        }

        .review-media {
            padding: 0 20px;
            position: relative
        }

        @media (min-width:768px) {
            .review-media {
                padding: 0
            }
        }

        .review-media--column {
            align-items: flex-start
        }

        .review-media--column,
        .review-media__header {
            display: flex;
            flex-direction: column
        }

        @media (min-width:768px) {
            .review-media__header {
                flex-direction: row;
                justify-content: center
            }
        }

        .review-media__slide {
            width: 100%
        }

        @media (min-width:768px) {
            .review-media__slide.swiper-slide {
                width: 313px
            }
        }

        @media (min-width:1280px) {
            .review-media__slide.swiper-slide {
                width: 360px
            }
        }

        @media (min-width:768px) {
            .review-media__slide {
                margin-right: 20px
            }
        }

        .review-media__wrap {
            display: flex;
            margin-top: 20px
        }

        .review-media__card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 9px rgba(0, 0, 0, .12);
            margin-bottom: 20px;
            padding: 20px;
            width: 100%
        }

        .review-media__card--video {
            background-color: #000;
            height: 180px;
            padding: 0
        }

        @media (min-width:768px) {
            .review-media__card--video {
                align-items: center;
                justify-content: center
            }

            .review-media__card {
                display: flex;
                flex-direction: column;
                height: 332px;
                justify-content: space-between;
                margin-right: 0
            }
        }

        .review-media__img-wrapper {
            align-items: center;
            background-color: #e5e5e5;
            border-radius: 50%;
            display: flex;
            flex-shrink: 0;
            height: 45px;
            justify-content: center;
            margin-right: 15px;
            overflow: hidden;
            width: 45px
        }

        .review-media__img {
            width: 100%
        }

        .review-media__text {
            margin-bottom: auto;
            max-height: 220px;
            overflow: hidden
        }

        .review-media__reverse {
            display: flex;
            flex-direction: column-reverse
        }

        .review-media__stars-wrapper {
            display: flex;
            margin-top: 0
        }

        .review-media__card-rate {
            display: flex;
            margin-top: 20px
        }

        @media (min-width:768px) {
            .review-media__all-reviews {
                margin-top: 10px
            }
        }

        @media (min-width:1280px) {
            .review-media__all-reviews {
                margin-top: 25px
            }
        }

        .star {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwb2x5Z29uIHBvaW50cz0iOSAxNC4zMiAzLjc1IDE3LjA4IDQuNzUgMTEuMjMgMC41IDcuMDkgNi4zNyA2LjI0IDkgMC45MiAxMS42MyA2LjI0IDE3LjUgNy4wOSAxMy4yNSAxMS4yMyAxNC4yNSAxNy4wOCA5IDE0LjMyIiBmaWxsPSIjRkZCRjE5Ii8+Cjwvc3ZnPgo=) no-repeat 0 0;
            background-size: contain;
            color: transparent;
            display: block;
            font: 0/0 a;
            height: 18px;
            width: 18px
        }

        .star--stroke {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cG9seWdvbiBwb2ludHM9IjkgMTQuMzIgMy43NSAxNy4wOCA0Ljc1IDExLjIzIDAuNSA3LjA5IDYuMzcgNi4yNCA5IDAuOTIgMTEuNjMgNi4yNCAxNy41IDcuMDkgMTMuMjUgMTEuMjMgMTQuMjUgMTcuMDggOSAxNC4zMiIgZmlsbD0iI2NiYzljOSIvPgo8L3N2Zz4=)
        }

        .star--active,
        .star--active~.star {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwb2x5Z29uIHBvaW50cz0iOSAxNC4zMiAzLjc1IDE3LjA4IDQuNzUgMTEuMjMgMC41IDcuMDkgNi4zNyA2LjI0IDkgMC45MiAxMS42MyA2LjI0IDE3LjUgNy4wOSAxMy4yNSAxMS4yMyAxNC4yNSAxNy4wOCA5IDE0LjMyIiBmaWxsPSIjRkZCRjE5Ii8+Cjwvc3ZnPgo=)
        }

        .video-handler {
            background-position: 50%;
            background-size: cover;
            border-radius: 8px;
            cursor: pointer;
            height: 500px;
            overflow: hidden;
            position: relative
        }

        @media (max-width:1024px) {
            .video-handler {
                height: 388px
            }
        }

        @media (max-width:567px) {
            .video-handler {
                height: 180px
            }
        }

        .video-handler--alt {
            height: 100%;
            margin: 0
        }

        .video-handler__video {
            border-radius: 8px;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .video-handler__client {
            bottom: 20px;
            justify-content: flex-start;
            left: 20px
        }

        .video-handler__client,
        .video-handler__play {
            align-items: center;
            display: flex;
            position: absolute;
            right: 0
        }

        .video-handler__play {
            background-color: #fff;
            background-size: 10px 10px;
            border-radius: 50%;
            bottom: 0;
            height: 33px;
            justify-content: center;
            left: 0;
            margin: auto;
            top: 0;
            transition: .2s;
            width: 33px
        }

        @media (min-width:768px) {
            .video-handler__play {
                height: 50px;
                width: 50px
            }
        }

        @media (min-width:1280px) {
            .video-handler__play {
                height: 70px;
                width: 70px
            }
        }

        .video-handler__play:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA3ODggNS41NjY5OEMxMy41NDU5IDYuMzA1OTQgMTMuNTQ1OSA4LjQwMDQ0IDEyLjA3ODggOS4xMzkzOUwyLjg5OTcxIDEzLjc2MjlDMS41Njk1NyAxNC40MzI5IDMuMjQ3MjVlLTA3IDEzLjQ2NiAzLjkxNzE1ZS0wNyAxMS45NzY3TDguMDc2MzdlLTA3IDIuNzI5NjlDOC43NDYyN2UtMDcgMS4yNDAzNCAxLjU2OTU3IDAuMjczNDk4IDIuODk5NzEgMC45NDM0ODZMMTIuMDc4OCA1LjU2Njk4WiIgZmlsbD0iI0ZGOTYyQiIvPgo8L3N2Zz4K);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 10px;
            margin-left: 4px;
            width: 10px
        }

        @media (min-width:768px) {
            .video-handler__play:after {
                height: 15px;
                width: 15px
            }
        }

        @media (min-width:1280px) {
            .video-handler__play:after {
                height: 22px;
                width: 22px
            }
        }

        .video-handler__play-alt {
            align-items: center;
            background-color: #ff9000;
            background-size: 10px 10px;
            border-radius: 50%;
            bottom: 20px;
            display: flex;
            height: 54px;
            justify-content: center;
            margin: auto;
            pointer-events: none;
            position: absolute;
            right: 20px;
            transition: .2s;
            width: 54px;
            z-index: 1
        }

        .video-handler__play-alt:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDguMjY3OTVDMTguMzMzMyA5LjAzNzc1IDE4LjMzMzMgMTAuOTYyMyAxNyAxMS43MzIxTDMuNSAxOS41MjYzQzIuMTY2NjcgMjAuMjk2MSAwLjUwMDAwMSAxOS4zMzM4IDAuNTAwMDAxIDE3Ljc5NDJMMC41MDAwMDIgMi4yMDU3N0MwLjUwMDAwMiAwLjY2NjE3IDIuMTY2NjcgLTAuMjk2MDggMy41IDAuNDczNzJMMTcgOC4yNjc5NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 20px;
            margin-left: 4px;
            width: 20px
        }

        .video-handler__preview {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .schedule-features {
            align-items: center;
            background-color: #fff;
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            padding: 20px
        }

        @media (min-width:768px) {
            .schedule-features {
                flex-direction: row-reverse;
                justify-content: space-between;
                padding: 50px 60px
            }
        }

        .schedule-features__img {
            margin: 0 auto;
            -o-object-fit: contain;
            object-fit: contain;
            padding: 0 75px;
            width: 100%
        }

        @media (min-width:768px) {
            .schedule-features__img {
                margin: 0;
                padding: 0;
                width: 275px
            }
        }

        @media (min-width:1280px) {
            .schedule-features__img {
                width: auto
            }
        }

        .schedule-features__item {
            padding-left: 30px;
            position: relative
        }

        .schedule-features__item:before {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDBMMTMuOTcxIDguMDI5TDIyIDExTDEzLjk3MSAxMy45NzFMMTEgMjJMOC4wMjkgMTMuOTcxTDAgMTFMOC4wMjkgOC4wMjlMMTEgMFoiIGZpbGw9IiMzODMxMjkiLz4KPC9zdmc+Cg==) 50% no-repeat;
            background-size: contain;
            color: transparent;
            content: ".";
            left: 0;
            position: absolute;
            top: 0;
            width: 22px
        }

        .schedule-features__main {
            margin-top: 35px
        }

        @media (min-width:768px) {
            .schedule-features__main {
                margin-top: 0
            }
        }

        .schedule-features__list {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-top: 20px
        }

        @media (min-width:768px) {
            .schedule-features__list {
                margin-top: 30px
            }
        }

        .schedule-features__btn {
            margin-top: 70px;
            width: 100%
        }

        @media (min-width:768px) {
            .schedule-features__btn {
                margin-top: 45px;
                width: auto
            }
        }

        @media (min-width:768px) {
            .founder-speech {
                align-items: flex-start;
                display: flex
            }

            .founder-speech__title {
                display: none
            }
        }

        .founder-speech__head {
            align-items: center;
            display: flex;
            margin-bottom: 30px
        }

        .founder-speech__text p {
            line-height: 22px
        }

        .founder-speech__img {
            background:
                /*savepage-url=/_nuxt/img/founder-mob.5ffd0b1.jpg*/
                url() 50% no-repeat;
            background-size: cover;
            border-radius: 50%;
            flex-shrink: 0;
            height: 80px;
            margin-right: 20px;
            width: 80px
        }

        @media (-webkit-min-device-pixel-ratio:1.5),
        (min-resolution:144dpi) {
            .founder-speech__img {
                background:
                    /*savepage-url=/_nuxt/img/founder-mob2x.c9442be.jpg*/
                    url() 50% no-repeat;
                background-size: cover
            }
        }

        @media (min-width:768px) {
            .founder-speech__img {
                background:
                    /*savepage-url=/_nuxt/img/founder-tablet.249ba3a.jpg*/
                    url() 50% no-repeat;
                background-size: cover;
                height: 100px;
                width: 100px
            }
        }

        @media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),
        (min-width:768px) and (min-resolution:144dpi) {
            .founder-speech__img {
                background:
                    /*savepage-url=/_nuxt/img/founder-tablet2x.72844cb.jpg*/
                    url() 50% no-repeat;
                background-size: cover
            }
        }

        @media (min-width:1280px) {
            .founder-speech__img {
                background:
                    /*savepage-url=/_nuxt/img/founder.6f22986.jpg*/
                    var(--savepage-url-35) 50% no-repeat;
                background-size: cover;
                height: 130px;
                margin-right: 40px;
                width: 130px
            }
        }

        @media (min-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
        (min-width:1280px) and (min-resolution:144dpi) {
            .founder-speech__img {
                background:
                    /*savepage-url=/_nuxt/img/founder2x.cc43be4.jpg*/
                    url() 50% no-repeat;
                background-size: cover
            }
        }

        .founder-speech__p-right {
            display: none;
            margin-bottom: 0;
            text-align: right
        }

        @media (min-width:768px) {
            .founder-speech__p-right {
                display: block
            }
        }

        .image-slider--static[data-v-3a15bf84] {
            align-items: center;
            display: flex;
            justify-content: center
        }

        .image-slider--static .image-slider__slide[data-v-3a15bf84] {
            margin: 0 10px
        }

        .image-slider__slide[data-v-3a15bf84] {
            align-items: center;
            display: flex;
            height: auto;
            margin: 0 10px;
            width: auto
        }

        .image-slider__slide--clickable[data-v-3a15bf84] {
            cursor: pointer;
            transition-duration: .2s
        }

        .image-slider__slide--clickable[data-v-3a15bf84]:hover {
            opacity: .8
        }

        .image-slider-slide {
            align-items: center;
            display: flex;
            justify-content: center
        }

        .image-slider-slide--pointer {
            cursor: pointer
        }

        .questions__title {
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .questions__title {
                margin-bottom: 30px
            }
        }

        @media (min-width:1280px) {
            .questions__title {
                margin-bottom: 45px
            }
        }

        .questions-item {
            margin-bottom: 10px
        }

        .questions-item:last-child {
            margin-bottom: 0
        }

        @media (min-width:768px) {
            .questions-item {
                margin-bottom: 20px
            }
        }

        @media (min-width:1280px) {
            .questions-item {
                margin-bottom: 30px
            }
        }

        .questions-item .editors-text,
        .questions-item .editors-text p:last-child {
            margin-bottom: 0
        }

        .cases__slide {
            margin-bottom: 10px
        }

        .cases .swiper-slide {
            width: 90%
        }

        @media (min-width:768px) {
            .cases .swiper-slide {
                width: 450px
            }
        }

        .cases-item {
            align-items: flex-start;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .12);
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 20px
        }

        .cases-item__slide {
            background-color: #fff;
            width: 100%
        }

        .cases-item .swiper-slide {
            height: 300px;
            margin: 0
        }

        .cases-item .custom-swiper__wrap {
            padding: 0
        }

        .cases-item .swiper-container {
            border-radius: 8px
        }

        .cases-item .cases-item__pagination {
            align-items: center;
            display: flex;
            justify-content: center;
            padding: 10px;
            position: relative
        }

        @media (min-width:768px) {
            .cases-item .cases-item__pagination {
                padding: 15px
            }
        }

        .cases-item__image {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .cases-item__content {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 100%
        }

        .cases-item .ui-list li {
            margin-bottom: 10px;
            padding-left: 16px
        }

        .cases-item .ui-list li:last-child {
            margin-bottom: 0
        }

        .cases-item__button {
            margin-top: auto
        }

        .page-footer {
            background-color: #412344
        }

        .page-footer__inner {
            box-sizing: border-box;
            padding-bottom: 40px;
            padding-top: 40px;
            width: 100%
        }

        @media (min-width:768px) {
            .page-footer__inner {
                margin: 0 auto;
                padding-left: 40px;
                padding-right: 40px
            }
        }

        .page-footer__inner>:last-child {
            margin-bottom: 0
        }

        .page-footer__top {
            display: none
        }

        @media (min-width:768px) {
            .page-footer__top {
                display: flex;
                margin-bottom: 30px
            }

            .page-footer__bottom {
                display: flex;
                justify-content: space-between
            }
        }

        .page-footer-form {
            display: none
        }

        @media (min-width:768px) {
            .page-footer-form {
                border-bottom: 1px solid hsla(0, 1%, 61%, .4);
                display: flex;
                justify-content: space-between;
                margin-bottom: 30px;
                padding-bottom: 30px
            }
        }

        .page-footer-form__title {
            color: #fff;
            margin-right: 20px
        }

        @media (min-width:1280px) {
            .page-footer-form__title {
                max-width: 410px
            }
        }

        @media (min-width:768px) {
            .page-footer-form__title {
                min-width: 265px
            }
        }

        .page-footer-form__form {
            display: flex;
            flex-grow: 2;
            justify-content: flex-end
        }

        .page-footer-form__form .ui-input {
            width: 265px
        }

        .page-footer-form__form .ui-input__hint {
            left: 0;
            position: absolute;
            top: calc(100% - 6px)
        }

        .page-footer-form__form .ui-button {
            background-color: transparent;
            color: #fff;
            height: 48px;
            margin-left: 20px;
            margin-top: -2px
        }

        .page-footer-form__form .ui-button:hover {
            background-color: #473f35
        }

        .page-footer-form__form .ui-button:focus {
            background-color: #322d26
        }

        .page-footer-form__form .ui-button:disabled {
            background-color: #bebab5
        }

        .page-footer-top__list {
            list-style: none;
            margin: 0 40px 0 0;
            padding: 0
        }

        @media (min-width:1280px) {
            .page-footer-top__list {
                width: 280px
            }
        }

        .page-footer-top__list>:last-child {
            margin-right: 0
        }

        .page-footer-top__list-item {
            color: #fff;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px
        }

        .page-footer-top__list-link {
            color: #b1b0b0;
            font-weight: 400
        }

        @media (min-width:768px) {
            .page-footer-top__list-link:hover {
                color: #fff
            }
        }

        .page-footer-top__list-link--white {
            color: #fff
        }

        @media (min-width:768px) {
            .page-footer-top__list-link--white:hover {
                color: #f2f2f2
            }
        }

        @media (min-width:768px) {
            .page-footer-bottom__main {
                border-top: 1px solid hsla(0, 1%, 61%, .4);
                display: flex;
                flex-direction: row-reverse;
                justify-content: space-between;
                padding-top: 20px
            }
        }

        .page-footer-bottom__phone {
            display: none
        }

        @media (min-width:768px) {
            .page-footer-bottom__phone {
                display: block;
                margin-bottom: 10px
            }
        }

        .page-footer-bottom__column {
            align-items: center;
            display: flex;
            flex-direction: column;
            text-align: center
        }

        @media (min-width:768px) {
            .page-footer-bottom__column {
                align-items: flex-start;
                text-align: left;
                width: 50%
            }

            .page-footer-bottom__column--right {
                align-items: flex-end;
                display: flex;
                justify-content: flex-end
            }
        }

        .page-footer-bottom__apps-wrapper {
            margin-bottom: 20px
        }

        @media (min-width:768px) {
            .page-footer-bottom__apps-wrapper {
                margin-bottom: 0
            }
        }

        .page-footer-bottom__copyright {
            border-top: 1px solid hsla(0, 1%, 61%, .4);
            color: #b1b0b0;
            padding-top: 20px;
            text-align: center;
            width: 100%
        }

        .page-footer-bottom__copyright--no-border {
            border: 0
        }

        @media (min-width:768px) {
            .page-footer-bottom__copyright {
                border-top: none;
                margin-bottom: 20px;
                padding-top: 0;
                text-align: left
            }
        }

        .page-footer-bottom__link {
            color: #b1b0b0
        }

        .page-footer-bottom__payments.page-footer-payments {
            display: none
        }

        @media (min-width:768px) {
            .page-footer-bottom__payments.page-footer-payments {
                display: flex
            }
        }

        .page-footer-bottom__bug-report {
            color: #b1b0b0;
            margin-bottom: 20px;
            text-align: right
        }

        @media (min-width:768px) {
            .page-footer-bottom__bug-report {
                margin-bottom: 0;
                margin-top: 20px
            }
        }

        .social-links {
            display: inline-flex;
            justify-content: space-between;
            min-width: 180px
        }

        .social-links__link {
            align-items: center;
            background-color: #f2f2f2;
            border-radius: 50%;
            display: flex;
            height: 36px;
            justify-content: center;
            outline: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 36px;
            -webkit-tap-highlight-color: transparent
        }

        .social-links__link svg {
            fill: #383129
        }

        .social-links__link:last-child {
            margin-right: 0
        }

        @media (min-width:768px) {

            .social-links__link:focus svg,
            .social-links__link:hover svg {
                fill: #fff
            }
        }

        .social-links__link--inverted {
            background-color: #383129
        }

        .social-links__link--inverted svg {
            fill: #fff
        }

        .social-links__link--inverted.social-links__link--youtube polygon {
            fill: #383129
        }

        @media (min-width:768px) {

            .social-links__link--tg:focus,
            .social-links__link--tg:hover {
                background-color: #08c
            }

            .social-links__link--ok:focus,
            .social-links__link--ok:hover {
                background-color: #ed812b
            }
        }

        .social-links__link--youtube polygon {
            fill: #fff
        }

        @media (min-width:768px) {

            .social-links__link--youtube:focus,
            .social-links__link--youtube:hover {
                background-color: red
            }

            .social-links__link--youtube:focus polygon,
            .social-links__link--youtube:hover polygon {
                fill: red
            }

            .social-links__link--vk:focus,
            .social-links__link--vk:hover {
                background-color: #45668e
            }
        }

        .page-footer-apps {
            display: flex
        }

        .page-footer-apps__app {
            flex-shrink: 0;
            height: 37px;
            margin-right: 25px;
            width: 125px
        }

        .page-footer-apps__app:last-child {
            margin-right: 0
        }

        .page-footer-apps__img {
            height: auto;
            width: 100%
        }

        .page-footer-payments {
            display: flex
        }

        .page-footer-payments__item {
            display: block;
            margin-right: 30px
        }

        .page-footer-payments__item:last-child {
            margin-right: 0
        }

        .page-footer-payments__img {
            height: 25px;
            width: auto
        }

    
        .page-error__image {
            width: 300px
        }

        @media (min-width:768px) {
            .page-error__image {
                width: 460px
            }
        }
   
        .page-header-burger {
            cursor: pointer;
            height: 24px;
            padding: 5px 3px;
            position: relative;
            width: 24px
        }

        .page-header-burger__line {
            background: #383129;
            border-radius: 3px;
            height: 2px;
            left: 3px;
            margin-bottom: 4px;
            position: absolute;
            transition: .2s;
            width: 18px
        }

        .page-header-burger__line:first-child {
            top: 5px;
            transform: scaleX(1)
        }

        .page-header-burger__line:nth-child(2),
        .page-header-burger__line:nth-child(3) {
            top: 11px;
            transform: rotate(0)
        }

        .page-header-burger__line:nth-child(4) {
            top: 17px;
            transform: scaleX(1)
        }

        .page-header-burger--active .page-header-burger__line:first-child {
            transform: scaleX(0)
        }

        .page-header-burger--active .page-header-burger__line:nth-child(2) {
            transform: rotate(45deg)
        }

        .page-header-burger--active .page-header-burger__line:nth-child(3) {
            transform: rotate(-45deg)
        }

        .page-header-burger--active .page-header-burger__line:nth-child(4) {
            transform: scaleX(0)
        }
    
        .page-header-sublist[data-v-e04756f2] {
            display: flex;
            overflow: auto;
            padding-left: 10px;
            padding-right: 10px
        }
   
        .page-header-menu-bottom[data-v-5dacc347] {
            align-items: center;
            background: #fff;
            bottom: 0;
            box-shadow: 0 -2px 8px rgba(56, 49, 41, .13);
            display: flex;
            left: 0;
            padding: 20px;
            position: fixed;
            right: 0;
            transition: .2s
        }

        .page-header-menu-bottom__soc-item[data-v-5dacc347] {
            align-items: center;
            background: #f2f2f2;
            border-radius: 8px;
            cursor: pointer;
            display: inline-flex;
            height: 46px;
            justify-content: center;
            margin-left: 15px;
            width: 46px
        }
   
        .page-header-menu-vacancies {
            background: #fff4e9;
            border-radius: 13px;
            display: flex;
            justify-content: space-between;
            padding: 20px
        }

        .page-header-menu-vacancies__text {
            display: flex;
            flex-direction: column
        }
   
        .page-header-emergency {
            background: #ffbf19;
            order: 3;
            padding-bottom: 20px;
            padding-right: 20px;
            padding-top: 20px;
            position: relative;
            z-index: 3
        }

        .page-header-emergency-close {
            background: url(data:image/svg+xml;base64,PHN2ZyAgdmlld0JveD0iMCAwIDEwIDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS40MTk5MiA4LjU3OTA0TDguNTc3ODIgMS40MjExNCIgc3Ryb2tlPSIjMzgzMTI5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC41Nzc4MiA4LjU3OTA0TDEuNDE5OTIgMS40MjExNCIgc3Ryb2tlPSIjMzgzMTI5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) 50%/contain no-repeat;
            cursor: pointer;
            height: 18px;
            position: absolute;
            right: 20px;
            top: 20px;
            width: 18px
        }
   
        .loader {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            width: 100%
        }
   
        .loader-cover {
            background-color: rgba(0, 0, 0, .1);
            bottom: 0;
            display: flex;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1000
        }
    
        .bug-report-form__action {
            display: flex;
            justify-content: center
        }

        .bug-report-form__grid {
            position: relative
        }

        .bug-report-form__grid .loader-cover {
            background-color: hsla(0, 0%, 100%, .2)
        }

        .bug-report-form__icon {
            display: block;
            height: 70px;
            margin: 10px auto 20px;
            width: 70px
        }
    
        .email-form {
            background-image:
                /*savepage-url=/_nuxt/img/email.bad7c8d.svg*/
                url();
            background-position: right 0;
            background-repeat: no-repeat;
            background-size: 229px auto
        }

        @media (min-width:768px) {
            .email-form {
                margin: -40px;
                padding: 40px
            }
        }

        @media (min-width:1280px) {
            .email-form {
                min-width: 550px
            }
        }

        .email-form__text {
            color: #383129;
            font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Arial", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 25px
        }

        @media (min-width:768px) {
            .email-form__text {
                font-size: 16px;
                line-height: 27px;
                margin-bottom: 30px;
                max-width: 350px
            }
        }
 section {
	 padding:10px;
 }