@media (min-width: 940px) {
    .mg-main-tariffs__popup-wrapper {
        column-count: 2 !important;
        display: none !important;
    }
}

/* Umumiy uslublar */
.mg-main-tariffs__list1 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.mg-main-tariffs__item1 {
    flex: 1 1 calc(33.333% - 20px); /* Har bir blok 3 qismga bo'linadi */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
}

.mg-main-tariffs__item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.mg-main-tariffs__item-text {
    font-size: 16px;
    margin-bottom: 15px;
}

.mg-main-tariffs__item-price {
    font-size: 20px;
    font-weight: bold;
    color: #1ba445;
    margin-bottom: 15px;
}

.mg-main-tariffs__item-button-more {
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    /* background-color: #1BA445; */
    color: white;
    border-radius: 5px;
    text-align: center;
}
/* 940px ekran kengligi uchun 2 ustunli tartib */
@media (max-width: 940px) {
    .mg-main-tariffs__list1 {
        flex-wrap: wrap; /* Qatorni o'rashni yoqadi */
        gap: 15px; /* Elementlar orasidagi masofa */
    }

    .mg-main-tariffs__item1 {
        flex: 1 1 calc(50% - 15px); /* Har bir elementning kengligi 50% */
    }
}

/* 768px ekran kengligi uchun 1 ustunli tartib */
@media (max-width: 768px) {
    .mg-main-tariffs__list1 {
        flex-direction: column; /* Bloklar bir ustun bo'lib joylashadi */
        gap: 15px;
    }

    .mg-main-tariffs__item1 {
        flex: 1 1 100%; /* Har bir blok 100% kenglikda */
    }

    .mg-main-tariffs__item-title {
        font-size: 16px; /* Kichikroq shrift */
    }

    .mg-main-tariffs__item-text {
        font-size: 14px; /* Matn uchun kichikroq shrift */
    }

    .mg-main-tariffs__item-price {
        font-size: 18px;
    }

    .mg-main-tariffs__item-button-more {
        padding: 8px 15px; /* Tugma hajmini kichiklashtirish */
        font-size: 14px;
    }
}

body {
    position: relative;
}

.batafsil {
    display: flex;
}

.one {
    height: 3500px;
    flex: 2;
}

.one > img {
    width: 100%;
    height: 100%;
}

div.sticky {
    position: sticky;
    top: 50px;
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
        url(../images/van.webp) no-repeat center;
    background-size: cover;
    padding: 50px;
    font-size: 20px;
    height: 900px;
    flex: 1;
}

.modal-backdrop {
    z-index: 10;
}

:root {
    --bs-backdrop-bg: rgba(0, 0, 0, 0.0001);
    /* Hira qora fon */
}

#staticBackdrop > .modal-dialog {
    height: 110px;
}

#staticBackdrop > .modal-dialog > .modal-content {
    padding: 10px 150px;
}

#staticBackdrop > .modal-dialog > .modal-content > .modal-header {
    transition: 1s;
}

#staticBackdrop > .modal-dialog > .modal-content > .modal-header:hover i {
    color: green;
}

#staticBackdrop > .modal-dialog > .modal-content > .modal-header:hover {
    border-bottom: 3px solid green;
}

.mp-main-menu__search_button {
    transition: 0.5s;
}

.mp-main-menu__search_button:hover {
    transform: rotate(15deg);
}

@media (min-width: 640px) {
    .mg-main-tariffs__lis {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 32px;
    }
}

@media (min-width: 416px) {
    .mg-main-tariffs__lis {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 32px;
    }
}

.mg-button {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01px;
    text-align: center;
    color: #fff;
    padding: 20px 32px;
    background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
    border-radius: 40px;
    text-decoration: none;
    text-align: center;
    display: block;
    width: fit-content;
    box-sizing: border-box;
    cursor: pointer;
}

.mg-button:hover {
    box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24),
        0 8px 16px 0 rgba(0, 163, 55, 0.3);
    background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
}

.mg-button:active {
    box-shadow: none;
    background: linear-gradient(0deg, #15b746 0%, #1ca345 100%);
}

.mg-main-top {
    background: #f7f7fb;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 16px;
    overflow: hidden;
}

@media (min-width: 640px) {
    .mg-main-top {
        padding-top: 0;
        padding-bottom: 0;
        background: linear-gradient(
            to right,
            #f7f7fb 0%,
            #f7f7fb 90%,
            #2ea051 90%,
            #2ea051 100%
        );
    }
}

@media (min-width: 1200px) {
    .mg-main-top {
        padding-top: 0;
        padding-bottom: 0;
        background: linear-gradient(
            to right,
            #f7f7fb 0%,
            #f7f7fb 80%,
            #2ea051 80%,
            #2ea051 100%
        );
    }
}

@media (min-width: 640px) {
    .mg-main-top__inner {
        padding-right: 0;
        margin-left: 0;
    }

    .mg-main-top__inner_1 {
        display: grid;
        grid-template-columns: 372px 1fr;
        padding-top: 48px;
        padding-bottom: 48px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1184px;
    }
}

@media (min-width: 1200px) {
    .mg-main-top__inner_1 {
        grid-template-columns: 637px 1fr;
        padding-top: 104px;
        padding-bottom: 104px;
    }
}

.mg-main-top__title {
    font-weight: 600;
    font-size: min(6.875vw, 26px);
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #000;
    margin: 0 0 8px;
}

@media (min-width: 640px) {
    .mg-main-top__title {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .mg-main-top__title {
        font-size: 40px;
        margin-bottom: 16px;
    }
}

.mg-main-top__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #444;
    margin-bottom: 16px;
}

@media (min-width: 640px) {
    .mg-main-top__text {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .mg-main-top__text {
        font-size: 22px;
        line-height: 110%;
        margin-bottom: 24px;
    }
}

.mg-main-top__button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

@media (min-width: 640px) {
    .mg-main-top__button {
        margin-left: 0;
        margin-bottom: 0;
    }
}

.mg-main-top__image {
    text-align: center;
    height: 254px;
    line-height: 0;
    margin-top: 16px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 640px) {
    .mg-main-top__image {
        margin-top: -48px;
        margin-bottom: -48px;
        height: 314px;
        overflow: visible;
    }
}

@media (min-width: 1200px) {
    .mg-main-top__image {
        height: 433.38px;
        margin-top: -104px;
        margin-bottom: -104px;
    }
}

.mg-main-top__image:before {
    content: "";
    background: url("./img/top-bg.svg") left / cover no-repeat;
    height: 100%;
    width: 768px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-102px);
}

@media (min-width: 640px) {
    .mg-main-top__image:before {
        left: 50px;
        transform: translateX(0);
    }
}

@media (min-width: 1200px) {
    .mg-main-top__image:before {
        left: 312px;
    }
}

.mg-main-top__image img {
    position: absolute;
    width: 433px;
    left: 50%;
    transform: translateX(-149px);
    top: 32px;
}

@media (min-width: 640px) {
    .mg-main-top__image img {
        left: -8px;
        transform: translateX(0);
        width: 536px;
        top: 34px;
    }
}

@media (min-width: 1200px) {
    .mg-main-top__image img {
        width: auto;
        left: 3px;
        top: 30px;
    }
}

.mg-main-tariffs {
    padding: min(12.5vw, 48px) 0;
}

.mg-main-tariffs__title {
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.02px;
    color: #000;
    margin: 0 0 min(7.5vw, 32px);
    text-align: center;
}

.mg-main-tariffs__inner {
    position: relative;
}

.mg-main-tariffs__slider {
    overflow: hidden;
    position: relative;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 24px;
    padding-left: 16px;
}

@media (min-width: 416px) {
    .mg-main-tariffs__slider {
        margin-right: -32px;
        margin-left: -32px;
        padding-right: 32px;
        padding-left: 32px;
    }
}

.mg-main-tariffs__list1 {
    display: flex;
    position: relative;
    /* margin-bottom: 100px; */
    overflow: hidden;
    /* border: solid; */
}

.mg-main-tariffs__item1 {
    flex: 1;
    margin: 10px;
    box-sizing: border-box;
    border: 2px solid #1ca345;
    border-radius: 16px;
    padding: min(6.875vw, 30px);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

._1 .mg-main-tariffs__item.tariff1 {
    position: relative;
    z-index: 12;
}

._2 .mg-main-tariffs__item.tariff2 {
    position: relative;
    z-index: 12;
}

._3 .mg-main-tariffs__item.tariff3 {
    position: relative;
    z-index: 12;
}

.mg-main-tariffs__item-title {
    font-weight: 600;
    font-size: min(5.625vw, 20px);
    line-height: 1.3;
    letter-spacing: -0.01px;
    text-align: center;
    color: #000;
    margin-bottom: 16px;
}

.mg-main-tariffs__item-text {
    font-size: min(5vw, 18px);
    line-height: 1.4;
    letter-spacing: -0.01px;
    text-align: center;
    color: #777;
    margin-bottom: 16px;
}

.mg-main-tariffs__item-price {
    font-size: min(5.625vw, 20px);
    margin-bottom: 16px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.mg-main-tariffs__item-price-old {
    font-weight: 500;
    color: red;
    text-decoration: line-through;
    font-size: 0.75em;
    margin-top: 4px;
}

.mg-main-tariffs__item-buttons {
    display: flex;
    align-items: center;
    width: 100%;
}

.mg-main-tariffs__item-button-more {
    color: #2663ff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-decoration-line: underline;
    margin-bottom: 16px;
}

.mg-main-tariffs__item-link {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    color: #2663ff;
    text-decoration: none;
    font-weight: 500;
    position: relative;
}

.mg-main-tariffs__item-link:before {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    background: currentColor;
    top: 102%;
    transition: all 0.2s;
}

.mg-main-tariffs__item-link:hover:before {
    transform: translateY(4px);
    opacity: 0;
}

.mg-main-tariffs__item-more {
    flex: none;
    background: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 80px;
    line-height: 0;
    margin-left: 16px;
    padding: 0;
}

.mg-main-tariffs__item-more svg {
    width: 32px;
    height: 32px;
}

.mg-main-tariffs__item-button {
    flex: 1 0 1%;
    text-align: center;
    box-shadow: 0 8px 16px 0 rgba(28, 163, 69, 0.24);
    background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
    padding: 14px 24px;
    border-radius: 80px;
    font-weight: 600;
    font-size: min(3.75vw, 14px);
    text-decoration: none;
    line-height: 1.3;
    letter-spacing: -0.2px;
    text-align: center;
    color: #fff;
}

.mg-main-tariffs__item-button:hover {
    background: linear-gradient(
        180deg,
        rgba(21, 183, 70, 0.2) 0%,
        rgba(28, 163, 69, 0.2) 100%
    );
    color: #1ca345;
}

.mg-main-tariffs__item-button:active {
    box-shadow: none;
    color: #fff;
    background: linear-gradient(0deg, #15b746 0%, #1ca345 100%);
}

.mg-main-tariffs__dots {
    text-align: center;
}

.mg-main-tariffs__dots .services-swiper-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 16px;
    margin: 16px 5px 0;
    background: #f4f5f4;
}

.mg-main-tariffs__dots .services-swiper-dot--active {
    background: #1ca345;
}

.mg-main-tariffs__buttons {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 216px;
    box-sizing: border-box;
    border-radius: 104px;
    background: #f7f7fb;
    box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.82) inset;
    padding: 8px 16px 8px 24px;
    /* border: solid; */
    height: 80px;
    align-items: center;
    margin-top: min(5.5vw, 32px);
}

.mg-main-tariffs__buttons-title {
    font-size: min(4.0625vw, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #000;
    flex: 1 0 1%;
}

.mg-main-tariffs__buttons-list {
    flex: none;
    margin-left: 16px;
}

.mg-main-tariffs__buttons-item {
    line-height: 0;
    padding: 10px;
    display: inline-block;
    border-radius: 80px;
}

.mg-main-tariffs__buttons-item + .mg-main-tariffs__buttons-item {
    margin-left: 8px;
}

.mg-main-tariffs__buttons-item:nth-child(1) {
    background: #1ca345;
}

.mg-main-tariffs__buttons-item:nth-child(1):hover {
    box-shadow: 0 4px 8px 0 rgba(158, 158, 158, 0.4),
        inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}

.mg-main-tariffs__buttons-item:nth-child(1):active {
    background: linear-gradient(360deg, #f6f6f6 0%, #e3e3e3 100%);
    box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}

.mg-main-tariffs__buttons-item:nth-child(2) {
    background: linear-gradient(180deg, #2aabee 0%, #239fdb 100%);
    box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}

.mg-main-tariffs__buttons-item:nth-child(2):hover {
    box-shadow: 0 4px 8px 0 rgba(158, 158, 158, 0.4),
        inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}

.mg-main-tariffs__buttons-item:nth-child(2):active {
    background: linear-gradient(360deg, #2aabee 0%, #239fdb 100%);
    box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}

.mg-main-tariffs__buttons-item:nth-child(3) {
    background: linear-gradient(180deg, #50ce5e 0%, #29af3e 100%);
    box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}

.mg-main-tariffs__buttons-item:nth-child(3):hover {
    box-shadow: 0 4px 8px 0 rgba(158, 158, 158, 0.4),
        inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}

.mg-main-tariffs__buttons-item:nth-child(3):active {
    background: linear-gradient(360deg, #50ce5e 0%, #29af3e 100%);
    box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}

.mg-main-tariffs__buttons-item img {
    width: 20px;
    height: 20px;
}

.mg-main-tariffs__popup {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 16px 36px 0 rgba(0, 0, 0, 0.24);
    background: #fff;
    left: 0;
    right: 0;
    top: -20px;
    padding: min(12.5vw, 48px) min(5vw, 32px) min(7.5vw, 48px);
    border-radius: 18px;
    z-index: 10;
}

.mg-main-tariffs__popup-close {
    padding: 0;
    margin: 0;
    background: none;
    outline: none;
    position: absolute;
    right: min(5vw, 32px);
    top: min(5vw, 24px);
    line-height: 0;
    border: none;
    cursor: pointer;
}

.mg-main-tariffs__popup-list {
    display: grid;
    grid-gap: 16px;
}

.mg-main-tariffs__popup-column-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.01px;
    color: #000;
    margin-bottom: 16px;
}

.mg-main-tariffs__popup-column-list {
    display: grid;
    grid-gap: 8px;
}

.mg-main-tariffs__popup-column-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.01px;
    color: #666;
    display: flex;
}

.mg-main-tariffs__popup-column-item svg {
    flex: none;
    margin-right: 8px;
}

._1 .mg-main-tariffs__popup:nth-child(1) {
    opacity: 1;
    pointer-events: all;
    /* z-index: 11; */
}

._2 .mg-main-tariffs__popup:nth-child(2) {
    opacity: 1;
    pointer-events: all;
    z-index: 11;
}

._3 .mg-main-tariffs__popup:nth-child(3) {
    opacity: 1;
    pointer-events: all;
    z-index: 11;
}

.mg-main-tariffs__popup-wrapper {
    position: relative;
}

.mg-main-tariffs__popup-wrapper:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0;
    pointer-events: none;
}

._1 .mg-main-tariffs__popup-wrapper:before,
._2 .mg-main-tariffs__popup-wrapper:before,
._3 .mg-main-tariffs__popup-wrapper:before {
    opacity: 1;
    pointer-events: all;
    transition: 0.5s;
}

.mg-main-split {
    background: linear-gradient(90deg, #e1ffe4 0%, #dbfcff 100%),
        linear-gradient(90deg, #dbffde 0%, #d4ffd9 100%);
    padding-top: 40px;
    padding-bottom: 40px;
}

.mg-main-split__inner {
    display: grid;
    grid-gap: 8px;
}

.mg-main-split__title {
    text-align: center;
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: #000;
    margin: 0 0 8px;
}

.mg-main-split__right {
    line-height: 0;
    text-align: center;
}

.mg-main-split__right img {
    width: min(90vw, 340px);
    height: auto;
}

.mg-main-get {
    padding: min(12.5vw, 48px) 0;
    background: linear-gradient(0deg, #f7f7fb 0%, #f7f7fb 100%),
        linear-gradient(0deg, #fff 0%, #f7f7fb 100%);
}

.mg-main-get__title {
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    margin: 0 0 min(7.5vw, 32px);
    line-height: 1.1;
    letter-spacing: -0.02px;
    text-align: center;
    color: #000;
}

.mg-main-get__list {
    display: grid;
    grid-gap: 16px;
}

.mg-main-get__item {
    border-radius: 16px;
    padding: min(7.5vw, 32px);
    background: #fff;
}

.mg-main-get__item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.2px;
    color: #000;
    align-self: center;
}

.mg-main-get__item-title-wrapper {
    margin-bottom: 16px;
    display: flex;
}

.mg-main-get__item-title-ico {
    flex: none;
    padding: 10px;
    background: rgba(28, 163, 69, 0.08);
    border-radius: 80px;
    margin-right: 14px;
    font-size: 0;
}

.mg-main-get__item-title-ico img {
    width: 28px;
    height: auto;
}

.mg-main-get__item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01px;
    color: #777;
}

.mg-main-get__button {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: min(7.5vw, 32px);
    padding: 21px 16px;
    box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
}

.mg-main-faq {
    padding: min(12.5vw, 48px) 0;
}

.mg-main-faq__title {
    margin: 0 0 24px;
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.02px;
    color: #000;
    text-align: center;
}

.mg-main-faq__more-top {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01px;
    text-decoration: none;
    color: #2663ff;
    margin-bottom: min(7.5vw, 32px);
}

.mg-main-faq__item {
    border-bottom: 1px solid #e9e9e9;
}

.mg-main-faq__item:first-child {
    border-top: 1px solid #e9e9e9;
}

.mg-main-faq__item-title {
    font-weight: 500;
    font-size: min(5vw, 18px);
    line-height: 1.3;
    letter-spacing: -0.01px;
    color: #000;
    padding: 24px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mg-main-faq__item-title_text {
    flex: 1 0 1%;
}

.mg-main-faq__item-title_icon {
    width: min(5vw, 24px);
    flex: none;
    margin-left: min(5vw, 24px);
    height: min(5vw, 24px);
    position: relative;
}

.mg-main-faq__item-title_icon:before,
.mg-main-faq__item-title_icon:after {
    width: 2px;
    height: min(4.0625vw, 18px);
    content: "";
    position: absolute;
    border-radius: 1px;
    left: min(2.1875vw, 11px);
    top: min(0.46875vw, 3px);
    background: #1ca345;
    display: block;
    transition: all 0.5s;
}

.mg-main-faq__item-title_icon:after {
    transform: rotate(90deg);
}

.mg-main-faq__item-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}
.mg-main-faq__item.active .mg-main-faq__item-body {
    max-height: 1000px; /* Dinamik ravishda JS hisoblaydi */
}

.mg-main-faq__item-body-inner {
    padding: 0 0 24px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.2px;
    color: #777777;
}

.mg-main-faq__item-body p:first-child {
    margin-top: 0;
}

.mg-main-faq__item-body p:last-child {
    margin-bottom: 0;
}

.mg-main-faq__item.active .mg-main-faq__item-title_icon:before {
    transform: rotate(90deg);
}

.mg-main-steps2 {
    box-shadow: inset 0 1px 0 0 #eee;
    box-sizing: border-box;
    padding: 40px 0;
}

.mg-main-steps2__title {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.5px;
    margin: 0 0 24px;
}

.mg-main-steps2__item {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.mg-main-steps2__item-num {
    width: 45px;
    height: 45px;
    min-width: 45px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.5px;
    box-sizing: border-box;
    padding: 11px;
    border-radius: 50%;
    background: #1ca345;
    margin-right: 16px;
}

.mg-main-steps2__item-num:before {
    content: "";
    display: block;
    position: absolute;
    left: 19.5px;
    width: 6px;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='79' viewBox='0 0 6 79' fill='none'%3E%3Cpath d='M3 79L5.88675 74L0.113245 74L3 79ZM2.49999 2.82143C2.49999 3.09757 2.72385 3.32143 2.99999 3.32143C3.27614 3.32143 3.49999 3.09757 3.49999 2.82143L2.49999 2.82143ZM3.49999 8.46429C3.49999 8.18814 3.27614 7.96429 2.99999 7.96429C2.72385 7.96429 2.49999 8.18814 2.49999 8.46429L3.49999 8.46429ZM2.49999 14.1071C2.49999 14.3833 2.72385 14.6071 2.99999 14.6071C3.27614 14.6071 3.49999 14.3833 3.49999 14.1071L2.49999 14.1071ZM3.49999 19.75C3.49999 19.4739 3.27614 19.25 2.99999 19.25C2.72385 19.25 2.49999 19.4739 2.49999 19.75L3.49999 19.75ZM2.49999 25.3929C2.49999 25.669 2.72385 25.8929 2.99999 25.8929C3.27614 25.8929 3.49999 25.669 3.49999 25.3929L2.49999 25.3929ZM3.49999 31.0357C3.49999 30.7596 3.27614 30.5357 2.99999 30.5357C2.72385 30.5357 2.49999 30.7596 2.49999 31.0357L3.49999 31.0357ZM2.49999 36.6786C2.49999 36.9547 2.72385 37.1786 2.99999 37.1786C3.27614 37.1786 3.49999 36.9547 3.49999 36.6786L2.49999 36.6786ZM3.49999 42.3214C3.49999 42.0453 3.27614 41.8214 2.99999 41.8214C2.72385 41.8214 2.49999 42.0453 2.49999 42.3214L3.49999 42.3214ZM2.49999 47.9643C2.49999 48.2404 2.72385 48.4643 2.99999 48.4643C3.27614 48.4643 3.49999 48.2404 3.49999 47.9643L2.49999 47.9643ZM3.5 53.6071C3.5 53.331 3.27614 53.1071 3 53.1071C2.72385 53.1071 2.5 53.331 2.5 53.6071L3.5 53.6071ZM2.5 59.25C2.5 59.5261 2.72385 59.75 3 59.75C3.27614 59.75 3.5 59.5261 3.5 59.25L2.5 59.25ZM3.5 64.8929C3.5 64.6167 3.27614 64.3929 3 64.3929C2.72385 64.3929 2.5 64.6167 2.5 64.8929L3.5 64.8929ZM2.5 70.5357C2.5 70.8119 2.72385 71.0357 3 71.0357C3.27614 71.0357 3.5 70.8119 3.5 70.5357L2.5 70.5357ZM3.5 76.1786C3.5 75.9024 3.27614 75.6786 3 75.6786C2.72385 75.6786 2.5 75.9024 2.5 76.1786L3.5 76.1786ZM2.49999 2.54519e-08L2.49999 2.82143L3.49999 2.82143L3.49999 -2.54525e-08L2.49999 2.54519e-08ZM2.49999 8.46429L2.49999 14.1071L3.49999 14.1071L3.49999 8.46429L2.49999 8.46429ZM2.49999 19.75L2.49999 25.3929L3.49999 25.3929L3.49999 19.75L2.49999 19.75ZM2.49999 31.0357L2.49999 36.6786L3.49999 36.6786L3.49999 31.0357L2.49999 31.0357ZM2.49999 42.3214L2.49999 47.9643L3.49999 47.9643L3.49999 42.3214L2.49999 42.3214ZM2.5 53.6071L2.5 59.25L3.5 59.25L3.5 53.6071L2.5 53.6071ZM2.5 64.8929L2.5 70.5357L3.5 70.5357L3.5 64.8929L2.5 64.8929Z' fill='%231CA345' fill-opacity='0.6'/%3E%3C/svg%3E")
        bottom center no-repeat;
    z-index: -1;
}

.mg-main-steps2__item:last-child .mg-main-steps2__item-num:before {
    display: none;
}

.mg-main-steps2__item-title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.2px;
    margin-bottom: 6px;
}

@media (min-width: 340px) and (max-width: 639px) {
    .mg-main-steps2__item-title br {
        display: none;
    }
}

.mg-main-steps2__item-text {
    color: #777;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.5px;
}

.mg-main-steps2__item + .mg-main-steps2__item {
    margin-top: 24px;
}

.mg-main-catalog {
    background: linear-gradient(90deg, #ecffee 0%, #ecf5ff 100%);
    padding-top: min(12.5vw, 48px);
    overflow: hidden;
}

.mg-main-catalog__title {
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.02px;
    color: #000;
    margin-bottom: 16px;
}

.mg-main-catalog__list {
    display: grid;
    grid-gap: min(2.5vw, 12px);
    margin-bottom: 24px;
}

.mg-main-catalog__item {
    font-weight: 500;
    font-size: min(5vw, 18px);
    line-height: 1.4;
    letter-spacing: -0.4px;
    padding-left: 26px;
    color: #444;
    background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6654 8.34749C14.6654 4.66559 11.6806 1.68083 7.9987 1.68083C4.3168 1.68083 1.33203 4.66559 1.33203 8.34749C1.33203 12.0294 4.3168 15.0142 7.9987 15.0142C11.6806 15.0142 14.6654 12.0294 14.6654 8.34749Z' stroke='%231BA345' stroke-width='1.33333'/%3E%3Cpath d='M5.33203 8.6805L6.9987 10.3472L10.6654 6.34717' stroke='%231BA345' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
        left top no-repeat;
}

.mg-main-catalog__image {
    text-align: center;
    line-height: 0;
    margin-top: -11px;
    pointer-events: none;
}

.mg-main-catalog__image img {
    width: 126%;
    height: auto;
    line-height: 0;
}

.mg-main-portfolio {
    padding: min(12.5vw, 48px) 0 0;
    overflow: hidden;
}

.mg-main-portfolio__title {
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: center;
    color: #000;
    margin: 0 0 16px;
}

.mg-main-portfolio__subtitle {
    font-weight: 500;
    font-size: min(5vw, 18px);
    line-height: 1.4;
    letter-spacing: -0.03px;
    text-align: center;
    color: #777;
}

.mg-main-portfolio__subtitle a {
    text-decoration: none;
    color: #2663ff;
    position: relative;
}

.mg-main-portfolio__subtitle a:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 106%;
    content: "";
    height: 1px;
    background: currentColor;
    transition: all 0.2s;
}

.mg-main-portfolio__subtitle a:hover:before {
    opacity: 0;
    transform: translateY(4px);
}

.mg-main-portfolio__list {
    display: grid;
    padding-top: min(7.5vw, 32px);
    overflow: hidden;
}

.mg-main-portfolio__item {
    position: relative;
    display: block;
    text-decoration: none;
}

.mg-main-portfolio__item span {
    display: block;
}

.mg-main-portfolio__item-inner {
    padding-top: 100%;
    position: relative;
}

.mg-main-portfolio__item-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.3s;
    pointer-events: none;
}

.mg-main-portfolio__item-image:after {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.6) 0.01%,
        rgba(0, 0, 0, 0.3) 100%
    );
    display: block;
    position: absolute;
}

.mg-main-portfolio__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mg-main-portfolio__item-title-wrapper {
    position: absolute;
    left: min(5vw, 24px);
    top: min(5vw, 24px);
    right: min(5vw, 24px);
    z-index: 1;
    color: #fff;
}

.mg-main-portfolio__item-title {
    font-weight: 600;
    font-size: min(5.625vw, 20px);
    line-height: 1.4;
    letter-spacing: -0.02px;
    margin-bottom: 4px;
}

.mg-main-portfolio__item-theme {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.03px;
}

.mg-main-portfolio__item:nth-child(n + 7) {
    display: none;
}

.mg-main-progress {
    padding: min(12.5vw, 48px) 0 min(12.5vw, 48px);
}

.mg-main-progress__title {
    font-weight: 600;
    font-size: min(6.875vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.02px;
    text-align: center;
    color: #000;
    margin: 0 0 min(7.5vw, 32px);
}

.mg-main-progress__list {
    display: grid;
    grid-gap: 24px;
}

.mg-main-progress__item-top {
    width: 183px;
    margin-bottom: 24px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 19px 0;
    background: url(img/progress-left.svg) left center no-repeat,
        url(img/progress-right.svg) right center no-repeat;
}

.mg-main-progress__item-num {
    font-weight: 700;
    font-size: 34px;
    line-height: 0.9;
    letter-spacing: -0.01px;
    text-align: center;
    color: #1ca345;
    margin-bottom: 5px;
}

.mg-main-progress__item-value {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.01px;
    text-align: center;
    color: #000;
}

.mg-main-progress__item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.01px;
    text-align: center;
    color: #000;
}

@media (min-width: 640px) {
    .mg-main-tariffs__slider {
        overflow: hidden;
        margin-right: -32px;
        padding-right: 32px;
        margin-left: 0;
        padding-left: 0;
    }

    .mg-main-tariffs__dots {
        margin-top: 8px;
        line-height: 0;
    }

    .mg-main-tariffs__buttons {
        padding: 8px 8px 8px 24px;
        max-width: 280px;
    }

    .mg-main-tariffs__buttons-list {
        margin-left: 14px;
    }

    .mg-main-tariffs__buttons-title {
        line-height: 1.4;
    }

    .mg-main-tariffs__popup {
        top: 8px;
        transition: opacity 0.5s;
    }

    .mg-main-tariffs__popup-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px 24px;
    }

    .mg-main-split {
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
    }

    .mg-main-split__inner {
        display: flex;
        justify-content: space-between;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .mg-main-split__title {
        text-align: left;
    }

    .mg-main-split__left {
        align-self: center;
    }

    .mg-main-split__text {
        margin-bottom: 16px;
        text-align: left;
        display: flex;
    }

    .mg-main-split__text img {
        display: inline-block;
        width: auto;
        height: 32px;
        margin-left: 12px;
        vertical-align: middle;
        margin-top: -4px;
    }

    .mg-main-split__button {
        margin-left: 0;
    }

    .mg-main-split__right {
        line-height: 0;
        text-align: center;
    }

    .mg-main-split__right img {
        height: auto;
    }

    .mg-main-get__list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px;
    }

    .mg-main-get__item-text {
        line-height: 1.5;
    }

    .mg-main-get__button {
        width: fit-content;
        margin-top: 32px;
        padding: 21px 32px;
    }

    .mg-main-faq__list {
        max-width: 740px;
        margin-left: auto;
        margin-right: auto;
    }

    .mg-main-steps2 {
        padding: 48px 0;
    }

    .mg-main-steps2__title {
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 110%;
    }

    .mg-main-steps2__list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 16px;
    }

    .mg-main-steps2__item {
        align-items: center;
        flex-direction: column;
    }

    .mg-main-steps2__item-num {
        margin-right: 0;
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 126%;
        padding: 15px;
        width: 60px;
        height: 60px;
        min-width: 60px;
    }

    .mg-main-steps2__item-num:before {
        height: 12px;
        width: 22vw;
        left: 18vw;
        top: 24px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='307' height='12' viewBox='0 0 307 12' fill='none'%3E%3Cpath d='M307 6L297 0.226497V11.7735L307 6ZM2.95192 7C3.50421 7 3.95192 6.55228 3.95192 6C3.95192 5.44772 3.50421 5 2.95192 5V7ZM8.85577 5C8.30348 5 7.85577 5.44772 7.85577 6C7.85577 6.55228 8.30348 7 8.85577 7V5ZM14.7596 7C15.3119 7 15.7596 6.55228 15.7596 6C15.7596 5.44772 15.3119 5 14.7596 5V7ZM20.6635 5C20.1112 5 19.6635 5.44772 19.6635 6C19.6635 6.55228 20.1112 7 20.6635 7V5ZM26.5673 7C27.1196 7 27.5673 6.55228 27.5673 6C27.5673 5.44772 27.1196 5 26.5673 5V7ZM32.4712 5C31.9189 5 31.4712 5.44772 31.4712 6C31.4712 6.55228 31.9189 7 32.4712 7V5ZM38.375 7C38.9273 7 39.375 6.55228 39.375 6C39.375 5.44772 38.9273 5 38.375 5V7ZM44.2788 5C43.7266 5 43.2788 5.44772 43.2788 6C43.2788 6.55228 43.7266 7 44.2788 7V5ZM50.1827 7C50.735 7 51.1827 6.55228 51.1827 6C51.1827 5.44772 50.735 5 50.1827 5V7ZM56.0865 5C55.5343 5 55.0865 5.44772 55.0865 6C55.0865 6.55228 55.5343 7 56.0865 7V5ZM61.9904 7C62.5427 7 62.9904 6.55228 62.9904 6C62.9904 5.44772 62.5427 5 61.9904 5V7ZM67.8942 5C67.3419 5 66.8942 5.44772 66.8942 6C66.8942 6.55228 67.3419 7 67.8942 7V5ZM73.7981 7C74.3504 7 74.7981 6.55228 74.7981 6C74.7981 5.44772 74.3504 5 73.7981 5V7ZM79.7019 5C79.1496 5 78.7019 5.44772 78.7019 6C78.7019 6.55228 79.1496 7 79.7019 7V5ZM85.6058 7C86.1581 7 86.6058 6.55228 86.6058 6C86.6058 5.44772 86.1581 5 85.6058 5V7ZM91.5096 5C90.9573 5 90.5096 5.44772 90.5096 6C90.5096 6.55228 90.9573 7 91.5096 7V5ZM97.4135 7C97.9658 7 98.4135 6.55228 98.4135 6C98.4135 5.44772 97.9658 5 97.4135 5V7ZM103.317 5C102.765 5 102.317 5.44772 102.317 6C102.317 6.55228 102.765 7 103.317 7V5ZM109.221 7C109.773 7 110.221 6.55228 110.221 6C110.221 5.44772 109.773 5 109.221 5V7ZM115.125 5C114.573 5 114.125 5.44772 114.125 6C114.125 6.55228 114.573 7 115.125 7V5ZM121.029 7C121.581 7 122.029 6.55228 122.029 6C122.029 5.44772 121.581 5 121.029 5V7ZM126.933 5C126.38 5 125.933 5.44772 125.933 6C125.933 6.55228 126.38 7 126.933 7V5ZM132.837 7C133.389 7 133.837 6.55228 133.837 6C133.837 5.44772 133.389 5 132.837 5V7ZM138.74 5C138.188 5 137.74 5.44772 137.74 6C137.74 6.55228 138.188 7 138.74 7V5ZM144.644 7C145.197 7 145.644 6.55228 145.644 6C145.644 5.44772 145.197 5 144.644 5V7ZM150.548 5C149.996 5 149.548 5.44772 149.548 6C149.548 6.55228 149.996 7 150.548 7V5ZM156.452 7C157.004 7 157.452 6.55228 157.452 6C157.452 5.44772 157.004 5 156.452 5V7ZM162.356 5C161.803 5 161.356 5.44772 161.356 6C161.356 6.55228 161.803 7 162.356 7V5ZM168.26 7C168.812 7 169.26 6.55228 169.26 6C169.26 5.44772 168.812 5 168.26 5V7ZM174.163 5C173.611 5 173.163 5.44772 173.163 6C173.163 6.55228 173.611 7 174.163 7V5ZM180.067 7C180.62 7 181.067 6.55228 181.067 6C181.067 5.44772 180.62 5 180.067 5V7ZM185.971 5C185.419 5 184.971 5.44772 184.971 6C184.971 6.55228 185.419 7 185.971 7V5ZM191.875 7C192.427 7 192.875 6.55228 192.875 6C192.875 5.44772 192.427 5 191.875 5V7ZM197.779 5C197.226 5 196.779 5.44772 196.779 6C196.779 6.55228 197.226 7 197.779 7V5ZM203.683 7C204.235 7 204.683 6.55228 204.683 6C204.683 5.44772 204.235 5 203.683 5V7ZM209.586 5C209.034 5 208.586 5.44772 208.586 6C208.586 6.55228 209.034 7 209.586 7V5ZM215.49 7C216.043 7 216.49 6.55228 216.49 6C216.49 5.44772 216.043 5 215.49 5V7ZM221.394 5C220.842 5 220.394 5.44772 220.394 6C220.394 6.55228 220.842 7 221.394 7V5ZM227.298 7C227.85 7 228.298 6.55228 228.298 6C228.298 5.44772 227.85 5 227.298 5V7ZM233.202 5C232.65 5 232.202 5.44772 232.202 6C232.202 6.55228 232.65 7 233.202 7V5ZM239.106 7C239.658 7 240.106 6.55228 240.106 6C240.106 5.44772 239.658 5 239.106 5V7ZM245.009 5C244.457 5 244.009 5.44772 244.009 6C244.009 6.55228 244.457 7 245.009 7V5ZM250.913 7C251.466 7 251.913 6.55228 251.913 6C251.913 5.44772 251.466 5 250.913 5V7ZM256.817 5C256.265 5 255.817 5.44772 255.817 6C255.817 6.55228 256.265 7 256.817 7V5ZM262.721 7C263.273 7 263.721 6.55228 263.721 6C263.721 5.44772 263.273 5 262.721 5V7ZM268.625 5C268.073 5 267.625 5.44772 267.625 6C267.625 6.55228 268.073 7 268.625 7V5ZM274.529 7C275.081 7 275.529 6.55228 275.529 6C275.529 5.44772 275.081 5 274.529 5V7ZM280.433 5C279.88 5 279.433 5.44772 279.433 6C279.433 6.55228 279.88 7 280.433 7V5ZM286.336 7C286.889 7 287.336 6.55228 287.336 6C287.336 5.44772 286.889 5 286.336 5V7ZM292.24 5C291.688 5 291.24 5.44772 291.24 6C291.24 6.55228 291.688 7 292.24 7V5ZM298.144 7C298.696 7 299.144 6.55228 299.144 6C299.144 5.44772 298.696 5 298.144 5V7ZM304.048 5C303.496 5 303.048 5.44772 303.048 6C303.048 6.55228 303.496 7 304.048 7V5ZM0 7H2.95192V5H0V7ZM8.85577 7H14.7596V5H8.85577V7ZM20.6635 7H26.5673V5H20.6635V7ZM32.4712 7H38.375V5H32.4712V7ZM44.2788 7H50.1827V5H44.2788V7ZM56.0865 7H61.9904V5H56.0865V7ZM67.8942 7H73.7981V5H67.8942V7ZM79.7019 7H85.6058V5H79.7019V7ZM91.5096 7H97.4135V5H91.5096V7ZM103.317 7H109.221V5H103.317V7ZM115.125 7H121.029V5H115.125V7ZM126.933 7H132.837V5H126.933V7ZM138.74 7H144.644V5H138.74V7ZM150.548 7H156.452V5H150.548V7ZM162.356 7H168.26V5H162.356V7ZM174.163 7H180.067V5H174.163V7ZM185.971 7H191.875V5H185.971V7ZM197.779 7H203.683V5H197.779V7ZM209.586 7H215.49V5H209.586V7ZM221.394 7H227.298V5H221.394V7ZM233.202 7H239.106V5H233.202V7ZM245.009 7H250.913V5H245.009V7ZM256.817 7H262.721V5H256.817V7ZM268.625 7H274.529V5H268.625V7ZM280.433 7H286.336V5H280.433V7ZM292.24 7H298.144V5H292.24V7Z' fill='%231CA345' fill-opacity='0.6'/%3E%3C/svg%3E")
            center right no-repeat;
    }

    .mg-main-steps2__item-title {
        text-align: center;
        margin-bottom: 8px;
    }

    .mg-main-steps2__item-text {
        font-size: 13px;
        text-align: center;
    }

    .mg-main-steps2__item + .mg-main-steps2__item {
        margin-top: 0;
    }

    .mg-main-catalog {
        padding: 48px 0;
        overflow: hidden;
        position: relative;
    }

    .mg-main-catalog__image {
        position: absolute;
        right: 50%;
        top: auto;
        bottom: 0;
        width: 657px;
        margin-right: -669px;
        line-height: 0;
        max-width: 100%;
        margin-top: 0;
    }

    .mg-main-catalog__item {
        background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12.5C22 6.97715 17.5228 2.5 12 2.5C6.47715 2.5 2 6.97715 2 12.5C2 18.0228 6.47715 22.5 12 22.5C17.5228 22.5 22 18.0228 22 12.5Z' stroke='%231BA345' stroke-width='2'/%3E%3Cpath d='M8 13L10.5 15.5L16 9.5' stroke='%231BA345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
            left top no-repeat;
        padding-left: 34px;
    }

    .mg-main-portfolio__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .mg-main-progress__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .mg-main-progress__button {
        padding: 16px 20px;
        width: 313px;
    }

    .mg-main-progress__button + .mg-main-progress__button {
        margin-top: 0;
        margin-left: 16px;
    }
}

@media (min-width: 960px) {
    .mg-main-tariffs__item-button {
        padding-left: 4px;
        padding-right: 4px;
    }

    .mg-main-tariffs__popup {
        padding: 32px;
    }

    .mg-main-tariffs__popup-close {
        display: none;
    }

    .mg-main-tariffs__popup-column-title {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .mg-main-tariffs__popup-column-list {
        grid-gap: 16px;
    }

    .mg-main-tariffs__popup-column-item {
        font-size: 16px;
    }

    .mg-main-split__inner {
        display: grid;
        padding-top: 0;
        padding-bottom: 0;
        grid-template-columns: 1fr 544px;
    }

    .mg-main-split__title {
        font-size: 40px;
        margin-bottom: 8px;
    }

    .mg-main-split__text {
        font-size: 26px;
        line-height: 1.3;
        text-align: left;
        margin-bottom: 24px;
    }

    .mg-main-split__text img {
        width: 116px;
        height: auto;
    }

    .mg-main-split__right img {
        width: auto;
    }

    .mg-main-portfolio__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .mg-main-tariffs__dots {
        display: none;
    }

    .mg-button {
        font-size: 18px;
        padding: 24px 40px;
    }

    .mg-main-tariffs__slider {
        margin-right: 0;
        padding-right: 0;
        overflow: visible;
    }

    .mg-main-tariffs__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 32px;
    }

    .mg-main-tariffs {
        padding: 96px 0 96px;
    }

    .mg-main-tariffs__title {
        margin-bottom: 56px;
        font-size: 40px;
    }

    .mg-main-tariffs__item {
        padding: 38px 30px 30px;
        cursor: pointer;
        transition: all 0.3s;
    }

    .mg-main-tariffs__item:hover {
        box-shadow: 0 16px 32px 0 rgba(0, 163, 55, 0.76);
    }

    .mg-main-tariffs__item-title {
        font-size: 24px;
        margin-bottom: 14px;
    }

    .mg-main-tariffs__item-text {
        font-size: 20px;
    }

    .mg-main-tariffs__item-price {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .mg-main-tariffs__item-link {
        margin-bottom: 32px;
        line-height: 1.3;
        font-size: 16px;
    }

    .mg-main-tariffs__item-button {
        font-size: 16px;
        padding: 14px 24px;
    }

    .mg-main-tariffs__item-button-more {
        margin-bottom: 32px;
    }

    .mg-main-tariffs__buttons {
        max-width: 300px;
        margin-top: 24px;
    }

    .mg-main-tariffs__buttons-title {
        font-size: 16px;
        letter-spacing: -0.2px;
    }

    .mg-main-tariffs__buttons-item {
        padding: 12px;
    }

    .mg-main-tariffs__buttons-item img {
        width: 24px;
        height: 24px;
    }

    .mg-main-split__inner {
        grid-template-columns: 1fr 599px;
        grid-gap: 32px;
    }

    .mg-main-get {
        padding: 96px 0;
    }

    .mg-main-get__title {
        font-size: 40px;
        margin-bottom: 56px;
    }

    .mg-main-get__list {
        grid-gap: 32px;
    }

    .mg-main-get__item {
        padding: 40px;
    }

    .mg-main-get__item-title {
        font-size: 26px;
    }

    .mg-main-get__item-title-ico {
        padding: 14px;
    }

    .mg-main-get__item-title-ico img {
        width: 40px;
    }

    .mg-main-get__item-text {
        font-size: 20px;
    }

    .mg-main-get__button {
        margin-top: 40px;
    }

    .mg-main-faq {
        padding: 96px 0;
    }

    .mg-main-faq__title {
        font-size: 40px;
        margin-bottom: 56px;
    }

    .mg-main-faq__more-top {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 56px;
    }

    .mg-main-faq__item-title {
        font-size: 20px;
        letter-spacing: 0;
        cursor: pointer;
    }

    .mg-main-faq__item-body-inner {
        font-size: 20px;
    }

    .mg-main-steps2 {
        padding: 96px 0;
    }

    .mg-main-steps2__title {
        margin-bottom: 56px;
        font-size: 40px;
    }

    .mg-main-steps2__list {
        grid-gap: 32px;
    }

    .mg-main-steps2__item-num {
        margin-bottom: 24px;
        font-size: 29px;
        line-height: 130%;
        padding: 15px;
        width: 68px;
        height: 68px;
        min-width: 68px;
    }

    .mg-main-steps2__item-num:before {
        height: 12px;
        width: 440px;
        left: calc(50% + 120px);
        top: 28px;
        transform: translateX(-50%);
    }

    .mg-main-steps2__item-title {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 150%;
    }

    .mg-main-steps2__item-title br {
        display: none;
    }

    .mg-main-steps2__item-text {
        font-size: 14px;
        line-height: 140%;
    }

    .mg-main-catalog {
        padding: 96px 0;
    }

    .mg-main-catalog__title {
        font-size: 40px;
        margin-bottom: 24px;
    }

    .mg-main-catalog__list {
        grid-gap: 12px;
        margin-bottom: 35px;
    }

    .mg-main-catalog__item {
        background-position: left center;
        font-size: 22px;
        background-size: 24px 24px;
        padding-left: 34px;
    }

    .mg-main-catalog__image {
        position: absolute;
        right: 50%;
        top: auto;
        bottom: 0;
        width: 750px;
        margin-right: -694px;
    }

    .mg-main-portfolio {
        padding-top: 96px;
    }

    .mg-main-portfolio__title {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .mg-main-portfolio__subtitle {
        font-size: 22px;
    }

    .mg-main-portfolio__list {
        grid-template-columns: repeat(4, 1fr);
        padding-top: 56px;
        padding-bottom: 0px;
    }

    .mg-main-portfolio__item {
        cursor: pointer;
    }

    .mg-main-portfolio__item:hover {
        position: relative;
        z-index: 1;
    }

    .mg-main-portfolio__item:hover .mg-main-portfolio__item-image {
        transform: scale(1.05);
    }

    .mg-main-portfolio__item-title-wrapper {
        left: 32px;
        right: 32px;
    }

    .mg-main-portfolio__item-title {
        font-size: 22px;
    }

    .mg-main-portfolio__item-text {
        font-size: 18px;
    }

    .mg-main-portfolio__item:nth-child(n + 7) {
        display: block;
    }

    .mg-main-progress {
        padding: 64px 0;
    }

    .mg-main-progress__title {
        font-size: 40px;
        margin-bottom: 72px;
    }

    .mg-main-progress__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

.mg-main-progress {
    display: none;
}

/*kapital*/
.our-partner {
    margin-top: 16px;
}

@media (min-width: 640px) {
    .our-partner {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .our-partner {
        margin-top: 42px;
    }
}

.our-partner__inner {
    position: relative;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 40px 24px 0;
    background: url("/t/images/pages2/main/partner/our-partner-mob-line.png")
            right bottom / 67px no-repeat,
        #ececec;
    overflow: hidden;
}

@media (min-width: 640px) {
    .our-partner__inner {
        padding: 61px 32px;
        background: url("/t/images/pages2/main/partner/our-partner-tab-left.png")
                left bottom / auto 100% no-repeat,
            #ececec;
    }
}

@media (min-width: 1200px) {
    .our-partner__inner {
        padding: 30px 34px 30px 45px;
        display: flex;
        overflow: visible;
        background: #ececec;
    }
}

.our-partner__line {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 640px) {
    .our-partner__line {
        border-radius: 16px;
    }
}

@media (min-width: 1200px) {
    .our-partner__line {
        display: block;
    }
}

.our-partner__line1 img {
    position: absolute;
    width: 58px;
    left: -38px;
    bottom: 0;
}

@media (min-width: 640px) {
    .our-partner__line1 img {
        width: 150px;
        left: -42px;
    }
}

.our-partner__line2 img {
    position: absolute;
    width: 58px;
    right: -3px;
    top: 0;
}

@media (min-width: 640px) {
    .our-partner__line2 img {
        width: 194px;
        right: -85px;
        top: -44px;
    }
}

@media (min-width: 1200px) {
    .our-partner__line2 img {
        right: -15px;
        top: -52px;
    }
}

.our-partner__left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 640px) {
    .our-partner__left {
        align-items: flex-start;
        max-width: 57%;
    }
}

@media (min-width: 1200px) {
    .our-partner__left {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }
}

.our-partner__left-coin {
    pointer-events: none;
    display: none;
}

@media (min-width: 1200px) {
    .our-partner__left-coin {
        display: block;
        position: absolute;
        width: 50px;
        top: -46px;
        left: 30px;
    }

    .our-partner__left-coin img {
        max-width: 100%;
    }
}

.our-partner__left-title {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.2px;
    margin-bottom: 16px;
}

.our-partner__left-title br {
    display: none;
}

@media (min-width: 640px) {
    .our-partner__left-title {
        text-align: left;
        font-size: 24px;
        margin-bottom: 11px;
    }

    .our-partner__left-title br {
        display: block;
    }
}

@media (min-width: 1200px) {
    .our-partner__left-title {
        margin-bottom: 0;
        font-size: 24px;
        max-width: 595px;
    }

    .our-partner__left-title br {
        display: none;
    }
}

.our-partner__left-btn {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.1px;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 16px 20px;
    border-radius: 48px;
    background: #000;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .our-partner__left-btn {
        padding: 15px 24px;
        font-size: 12px;
        line-height: 20px;
    }

    .our-partner__left-btn:hover {
        background: #fff;
        color: #000;
    }
}

.our-partner__right-mob {
    line-height: 0;
    text-align: center;
    margin-top: 16px;
    margin-left: -24px;
    margin-right: -24px;
}

@media (min-width: 640px) {
    .our-partner__right-mob {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

@media (min-width: 1200px) {
    .our-partner__right-mob {
        display: none;
    }
}

.our-partner__right-mob img:nth-child(1) {
    max-width: 288px;
}

@media (min-width: 640px) {
    .our-partner__right-mob img:nth-child(1) {
        display: none;
    }
}

.our-partner__right-mob img:nth-child(2) {
    display: none;
}

@media (min-width: 640px) {
    .our-partner__right-mob img:nth-child(2) {
        display: block;
        height: 100%;
    }
}

.our-partner__right-desk {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 11px;
    width: 71px;
}

@media (min-width: 640px) {
    .our-partner__right-desk {
        right: 62px;
        width: 141px;
    }
}

@media (min-width: 1200px) {
    .our-partner__right-desk {
        display: block;
        right: 267px;
        width: 131px;
    }
}

.our-partner__right-desk-coins {
    position: absolute;
    width: 25px;
    left: -17px;
    top: -10px;
}

@media (min-width: 640px) {
    .our-partner__right-desk-coins {
        width: 50px;
        left: -30px;
        top: -23px;
    }
}

@media (min-width: 1200px) {
    .our-partner__right-desk-coins {
        width: 56px;
        left: -50px;
        top: -15px;
    }
}

.our-partner__right-desk-coins img {
    max-width: 100%;
}

.our-partner__right-desk > img {
    position: absolute;
    bottom: 0;
    max-width: 100%;
}

.our-partner__right-desk-coin {
    position: absolute;
    width: 20px;
    bottom: -18px;
    right: -11px;
}

@media (min-width: 640px) {
    .our-partner__right-desk-coin {
        width: 40px;
        bottom: -22px;
        right: -24px;
    }
}

@media (min-width: 1200px) {
    .our-partner__right-desk-coin {
        width: 44px;
        bottom: -32px;
        right: -32px;
    }
}

.our-partner__right-desk-coin img {
    max-width: 100%;
}

/* ikki */

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-r.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-r.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-b.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-b.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-i.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-i.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-t.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-t.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-m.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-m.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-s-b.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-s-b.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-e-b.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-e-b.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("/g/fonts/montserrat/montserrat-b-i.woff2") format("woff2"),
        url("/g/fonts/montserrat/montserrat-b-i.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    position: relative;
    color: #333;
    background: #fff;
    line-height: 1.6;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
}

main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    font-family: inherit;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0.67em 0;
    color: #000;
}

.mp-wrapp {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

.site-header-search {
    display: none;
}

.mp-main-menu-container {
    padding: 12px 0;
    z-index: 11;
    position: relative;
}

.mp-main-menu-container__inner {
    display: flex;
    align-items: center;
}

.mp-main-menu__logo {
    font-size: 0;
    overflow: hidden;
    /* border: solid; */
    padding: 0;
}

.mp-main-menu__logo img {
    border-radius: 10px;
    width: 150px;
    transform: translateY(20px) scale(1);
    height: 100%;
    border: 0px solid;
}
@media (min-width: 416px) {
    .mp-main-menu__logo img {
        border-radius: 10px;
        width: 150px;
        transform: translateY(20px) scale(6);
        height: 100%;
        border: 0px solid;
    }
}

.mp-main-menu__nav,
.mp-main-menu__search,
.mp-main-menu__btn-login {
    display: none;
}

.mp-main-menu__phones {
    margin-left: auto;
    text-align: right;
    font-size: 0;
}

.mp-main-menu__phones-title {
    font-weight: 500;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0em;
    color: #b0b0b0;
    display: none;
}

.mp-main-menu__phone {
    font-size: 0;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.883 5.495a4.583 4.583 0 0 1 3.621 3.62m-3.62-7.287a8.25 8.25 0 0 1 7.287 7.278M9.379 12.703a13.385 13.385 0 0 1-2.61-3.676 1.556 1.556 0 0 1-.103-.244.959.959 0 0 1 .135-.79c.044-.061.096-.114.201-.218.32-.321.48-.481.586-.642a1.833 1.833 0 0 0 0-1.999c-.105-.161-.265-.321-.586-.642l-.178-.178c-.488-.488-.731-.731-.993-.864a1.833 1.833 0 0 0-1.655 0c-.261.133-.505.376-.992.864l-.145.144c-.485.486-.728.728-.913 1.058a3.096 3.096 0 0 0-.353 1.355c.002.379.075.638.222 1.155a17.452 17.452 0 0 0 4.467 7.593 17.452 17.452 0 0 0 7.594 4.468c.517.147.776.22 1.154.221.42.001.99-.146 1.355-.352.33-.186.573-.428 1.058-.914l.145-.144c.487-.488.73-.731.863-.993a1.834 1.834 0 0 0 0-1.655c-.132-.261-.376-.505-.863-.992l-.179-.179c-.32-.32-.48-.48-.641-.585a1.833 1.833 0 0 0-2 0c-.16.105-.32.265-.64.585-.106.105-.158.158-.22.201a.959.959 0 0 1-.79.135c-.072-.02-.129-.048-.243-.103a13.383 13.383 0 0 1-3.676-2.61Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center center no-repeat #1ca345;
    display: inline-block;
}

.mp-main-menu__btn-burger {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 0;
    background: transparent;
    cursor: pointer;
    margin-left: 14px;
}

.mp-main-menu__bot {
    display: none;
}

.mp-m-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 272px;
    background: #fff;
    box-shadow: 0 0 0 100000px rgba(36, 36, 36, 0.84);
    z-index: 10000;
    transform: translate(100%);
    opacity: 0;
}

.mp-m-menu._opened {
    transform: translate(0);
    transition: all 0.3s linear;
    opacity: 1;
}

.mp-m-aside-close {
    position: absolute;
    width: 32px;
    height: 32px;
    font-size: 0;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    top: 0;
    left: -32px;
    z-index: 4;
}

.mp-m-menu__wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    box-sizing: border-box;
    padding: 28px 16px 16px;
}

.mp-m-nav-aside {
    padding: 0 0 8px;
    margin: 0;
    list-style: none;
}

.mp-m-nav-aside > li {
    border-bottom: 1px solid #e1e1e1;
}

.mp-m-nav-aside > li._active,
.mp-m-nav-aside > li:last-child {
    border-bottom-color: transparent;
}

.mp-m-nav-aside > li._active ._icon {
    transform: rotate(0);
}

.mp-m-nav-aside > li._active ._active a,
.mp-m-nav-aside > li._active ._active span {
    color: #1ca345;
}

.mp-m-nav-aside > li._active .mp-main-menu-aside__link {
    color: #1ca345;
}

.mp-m-nav-aside > li._active ul {
    display: block;
    border-radius: 12px;
    background: #f2f2f3;
    padding: 8px;
}

.mp-main-menu-aside__link {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
    color: #717171;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.032px;
    /* 20.8px */
}

.mp-main-menu-aside__link ._icon {
    flex: none;
    transform: rotate(180deg);
    margin-left: 16px;
    font-size: 0;
    line-height: 0;
}

.mp-m-nav-aside ul {
    list-style: none;
    padding: 8px 0 20px 16px;
    margin: 0;
    display: none;
}

.mp-m-nav-aside ul li ul.mp-m-nav-aside-submenu {
    padding: 0 0 0 18px;
    margin: 0 0 0 18px;
    list-style: none;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
}

.mp-m-nav-aside ul .mp-m-nav-aside-submenu li a {
    padding: 6px 0;
}

.mp-m-nav-aside ul li a,
.mp-m-nav-aside ul li span {
    padding: 16px;
    color: #717171;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.028px;
    /* 18.2px */
    text-decoration: none;
}

.mp-m-aside-menu__btn {
    display: block;
    margin-top: 16px;
    padding: 12px 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    color: #000;
    border-radius: 48px;
    text-decoration: none;
    background: #f4f5f4;
    letter-spacing: -0.14px;
}

.mp-m-aside-menu__btn._call {
    color: #fff;
    background: #1ca345;
}

.mp-main-aside-menu__search {
    display: flex;
    background: #fff;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    border-radius: 112px;
    padding: 12px 24px;
    align-items: center;
    margin-top: 16px;
}

.mp-main-aside-menu__search-button {
    border: none;
    background: none;
    outline: none;
    flex: none;
    line-height: 0;
    padding: 0;
    margin: 0 0 0 8px;
}

.mp-main-aside-menu__search-input {
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
}

.mp-main-aside-menu__phones {
    padding-bottom: 16px;
}

.mp-main-aside-menu__phones-item {
    position: relative;
}

.mp-main-aside-menu__phones-item + .mp-main-aside-menu__phones-item {
    margin-top: 16px;
}

.mp-main-aside-menu__phone-item-title {
    color: #858585;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.024px;
    /* 16.8px */
}

.mp-main-aside-menu__phone-item-title a {
    color: #1ca345;
    text-decoration: none;
}

.mp-main-aside-menu__phone-item-text {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.036px;
    /* 25.2px */
    margin-bottom: 12px;
}

.mp-main-aside-menu__phone-item-text a {
    text-decoration: none;
    color: inherit;
}

.mp-main-aside-menu__phones-list {
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}

.mp-main-aside-menu__phones-list-inner {
    border-radius: 12px;
    background: #f2f2f3;
    padding: 16px;
}

.mp-main-aside-menu__phones-list-inner .mp-main-aside-menu__phone-item-title {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: -0.2px;
    /* 22.1px */
}

.mp-main-aside-menu__phones-list-inner .mp-main-aside-menu__phone-item-text {
    margin-top: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: -0.2px;
    /* 27.2px */
}

.mp-main-aside-menu__phone-more {
    padding: 0;
    margin: 0;
    background: none;
    position: absolute;
    right: 12px;
    border: none;
    line-height: 0;
    top: 50%;
    margin-top: -3px;
    transform: rotate(180deg);
    transition: all 0.2s;
}

.mp-main-aside-menu__phone-more svg {
    width: 12px;
    height: auto;
}

.mp-main-aside-menu__phone-more.active {
    transform: none;
}

@media (min-width: 416px) {
    .mp-wrapp {
        padding-left: 32px;
        padding-right: 32px;
    }

    .mp-m-menu {
        width: 306px;
    }
}

@media (min-width: 640px) {
    .mp-main-menu__logo img {
        max-height: 42px;
    }

    .mp-main-menu__btn-burge {
        margin-left: 16px;
    }

    .mp-main-menu__btn-burge svg {
        width: 50px;
        height: 50px;
    }

    .mp-main-menu__phones {
        margin-left: 16px;
    }

    .mp-main-menu__phones-title {
        display: block;
    }

    .mp-main-menu__phone {
        width: auto;
        height: auto;
        background: none;
        font-weight: 600;
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: 0em;
        color: #000;
        text-decoration: none;
    }

    .mp-main-menu__search {
        display: block;
        padding: 12px;
        border: none;
        background: none;
        outline: none;
        cursor: pointer;
        margin-left: auto;
    }

    .mp-main-menu__search:hover {
        stroke: #1ca345;
        transition: all 0.2s;
    }

    .mp-main-menu__btn-login {
        display: block;
        padding: 12px;
        font-size: 0;
    }

    .mp-main-menu__btn-login:hover {
        stroke: #1ca345;
        transition: all 0.2s;
    }

    .open-burger > *:not(.mp-m-menu) {
        filter: blur(3.5px);
    }

    .open-search > *:not(.site-header-search) {
        filter: blur(3.5px);
    }
}

@media (min-width: 1200px) {
    .mp-main-menu-container {
        border-bottom: 1px solid #e7e9ed;
    }

    .mp-main-menu__phones {
        margin-left: 16px;
    }

    .mp-main-menu__btn-burger {
        display: none;
    }

    .mp-main-menu__nav {
        display: block;
        margin: 0 auto;
    }

    .mp-main-menu__nav-in {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mp-main-menu__item {
        display: inline-block;
        position: relative;
        padding: 8px 0;
    }

    .mp-main-menu__item:hover .mp-main-menu__item-link {
        background: #f7f7fb;
    }

    .mp-main-menu__item-link {
        display: block;
        padding: 8px 21px 8px 8px;
        color: #717171;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.028px;
        /* 18.2px */
        text-decoration: none;
        position: relative;
        border-radius: 16px;
    }

    .mp-main-menu__phones-title {
        text-align: left;
        font-size: 10px;
        margin-bottom: 2px;
    }

    .mp-main-menu__phone {
        text-align: left;
    }

    .mp-main-menu__item-link.active {
        color: #1ca345;
    }

    .mp-main-menu__item-link:before {
        position: absolute;
        content: "";
        height: 6px;
        right: 8px;
        top: 14px;
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M6.504.518H2.407a.5.5 0 0 0-.413.781l2.043 2.998a.5.5 0 0 0 .825.002L6.917 1.3a.5.5 0 0 0-.413-.782Z' fill='%231CA345'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.953.5h7v5h-7z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        width: 8px;
        transition: all 0.2s;
    }

    .mp-main-menu__item.opened .mp-main-menu__item-link:before {
        transform: rotate(180deg);
    }

    .mp-main-menu__item-sublist {
        margin: 0;
        list-style: none;
        position: absolute;
        top: 100%;
        border-radius: 12px;
        background: #fff;
        left: -24px;
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05);
        width: 220px;
        box-sizing: border-box;
        padding: 16px;
        opacity: 0;
        pointer-events: none;
        z-index: 11;
    }

    .mp-main-menu__item img {
        display: none !important;
    }

    .mp-main-menu__item:hover .mp-main-menu__item-sublist {
        opacity: 1;
        pointer-events: all;
        transition: all 0.2s;
    }

    .mp-main-menu__item-sublist-link {
        display: block;
        padding: 8px 16px;
        border-radius: 20px;
        color: #000;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.028px;
        /* 171.429% */
        transition: all 0.2s;
        text-decoration: none;
    }

    .mp-main-menu__item-sublist-link:hover {
        background: #f7f7fb;
        color: #1ca345;
    }

    .mp-main-menu__bot {
        display: block;
        padding: 7px 0;
        box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.04);
        position: sticky;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        z-index: 9;
    }

    /* Konteyner va qatorlarning asosiy sozlamalari */

    .mp-main-menu__bot-in {
        display: flex;
        align-items: center;
    }

    .mp-main-menu__bot-nav {
        margin-right: auto;
    }

    .mp-main-menu__bot-item {
        margin-right: 24px;
    }

    .mp-main-menu__search {
        margin-left: 16px;
    }

    .mp-main-menu__bot-item:last-child {
        margin-right: 0;
    }

    .mp-main-menu__bot-item ul {
        display: none;
    }

    .mp-main-menu__bot-item .mp-main-menu__bot-item-submenu {
        position: absolute;
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
        background: #fff;
        padding: 24px;
        width: 160px;
        box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        display: grid;
        grid-gap: 16px;
        top: 100%;
        opacity: 0;
        pointer-events: none;
    }

    .mp-main-menu__bot-item-submenu a {
        color: #333;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
    }

    .mp-main-menu__bot-item-submenu a:hover {
        color: #1ca345;
    }

    .mp-main-menu__bot-link {
        color: #000;
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.026px;
        /* 16.9px */
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.2s;
    }

    .mp-main-menu__bot-link:hover,
    .mp-main-menu__bot-link:active,
    .mp-main-menu__bot-link.active {
        color: #1ca345;
    }

    .mp-main-menu__link {
        margin-left: 16px;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        line-height: 180%;
        letter-spacing: -0.13px;
        /* 23.4px */
        padding: 12px 20px;
        border-radius: 40px;
        background: #1ca345;
        text-decoration: none;
    }

    .mp-main-menu__link:hover {
        background: linear-gradient(180deg, #0aca44 0%, #1ca345 100%), #1ca345;
        box-shadow: 0px 6px 12px 0px rgba(28, 163, 69, 0.24);
    }

    .mp-main-menu__link:active {
        background: linear-gradient(
                0deg,
                rgba(0, 0, 0, 0.04) 0%,
                rgba(0, 0, 0, 0.04) 100%
            ),
            #1ca345;
        box-shadow: none;
    }

    .mp-main-menu__bot-item {
        display: inline-block;
        padding: 12px 0;
        position: relative;
    }

    .mp-main-menu__bot-item:hover .mp-main-menu__bot-item-submenu {
        opacity: 1;
        pointer-events: all;
    }

    .mp-main-menu__bot-nav-in {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mp-m-menu,
    .mp-main-menu__btn-burger {
        display: none;
    }

    .mp-main-menu-container {
        padding: 6px 0;
    }

    .site-header-search {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 130px;
        background: #fff;
        z-index: 51;
        box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
        opacity: 0;
        pointer-events: none;
        transform: translatey(-60px);
        transition: all 0.3s;
    }

    .site-header-search.opened {
        opacity: 1;
        pointer-events: all;
        transform: none;
    }

    .site-header-search__inner {
        display: flex;
        height: 130px;
        align-items: center;
    }

    .site-header-search__form {
        flex: 1 0 1%;
        margin-top: -24px;
    }

    .site-header-search__form input {
        border: none;
        outline: none;
        border-bottom: 2px solid #eee;
        width: 100%;
        height: 64px;
        font-size: 22px;
        line-height: 1.5;
        box-sizing: border-box;
        padding-left: 64px;
        transition: all 0.2s;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E")
            left 16px center no-repeat;
    }

    .site-header-search__form input:hover {
        border-bottom-color: #1ca345;
    }

    .site-header-search__form input:focus {
        border-bottom-color: #1ca345;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z' stroke='%231CA345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E")
            left 16px center no-repeat;
    }

    .site-header-search__close {
        flex: none;
        margin-left: 64px;
        background: transparent;
        border: none;
        padding: 0;
        transition: all 0.3s;
        cursor: pointer;
    }

    .site-header-search__close:hover {
        transform: rotate(15deg);
    }

    .site-header-search__close svg {
        width: 48px;
        height: 48px;
    }
}

.mg-form-phone-control {
    position: relative;
}

.mg-form-phone-select-input {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 4px 20px 4px 4px;
    position: relative;
}

.mg-form-phone-select-input:before {
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg width='23' height='12' viewBox='0 0 23 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.754 11.43 1.168 1.844C.538 1.214.984.137 1.875.137h19.172c.89 0 1.337 1.077.707 1.707l-9.586 9.586a1 1 0 0 1-1.414 0Z' fill='%23444'/%3E%3C/svg%3E")
        center center no-repeat;
    content: "";
    width: 12px;
    height: 8px;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background-size: 100%;
    transition: all 0.2s;
}

.mg-form-phone-select-input.active:before {
    transform: rotate(180deg);
}

.mg-form-phone-select-input--flag {
    flex: none;
    line-height: 0;
}

.mg-form-phone-select-input--flag img {
    max-width: 24px;
    height: auto;
}

.mg-form-phone-select {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.mg-form-phone-select-list {
    position: absolute;
    z-index: 2;
    top: 160%;
    left: -7px;
    height: 0;
    overflow: hidden;
}

.mg-form-phone-select-list-inner {
    background: #efefef;
    border-radius: 8px;
    padding: 8px;
    box-sizing: border-box;
    width: 300px;
    display: grid;
    grid-gap: 4px;
    overflow: auto;
    height: 160px;
}

.mg-form-phone-select-item {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.mg-form-phone-select-item:hover,
.mg-form-phone-select-item.active {
    background: #fff;
    color: #1ca345;
}

.mg-form-phone-select-item-flag {
    flex: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    width: 70px;
    margin-right: 12px;
}

.mg-form-phone-select-item-flag img {
    max-width: 24px;
    height: auto;
}

.mg-form-phone-select-item {
    font-size: 16px;
    font-weight: 500;
}

.mg-form-phone-select-item-text {
    font-size: 14px;
}

/* footer  uch*/
.mp-footer__inner {
    display: flex;
    flex-direction: column;
}

.mp-footer__maked {
    color: #666;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.2px;
    margin-bottom: 16px;
}

.mp-footer__nav {
    background: #f7f7fb;
    margin-left: -16px;
    margin-right: -16px;
    padding: 24px 16px;
}

.mp-footer__group-links {
    display: none;
    flex-direction: column;
    align-items: flex-start;
}

._active .mp-footer__group-links {
    display: flex;
}

.mp-footer__group-title {
    display: flex;
    padding: 16px 0;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e1e1e1;
}

.mp-footer__column:first-child
    .mp-footer__group:first-child
    .mp-footer__group-title {
    border-top: none;
}

.mp-footer__column:last-child
    .mp-footer__group:last-child
    .mp-footer__group-title {
    border-bottom: 1px solid #e1e1e1;
}

.mp-footer__group-title-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    letter-spacing: 0.2px;
}

.mp-footer__group-title-text a {
    color: inherit;
    text-decoration: none;
}

.mp-footer__group-title-arrow {
    flex: none;
    pointer-events: none;
}

._active .mp-footer__group-title-arrow {
    transform: rotate(180deg);
}

.mp-footer__group-links-item {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 170%;
    padding: 6px 0;
    color: #666666;
    text-decoration: none;
    transition: all 0.2s;
}

.mp-footer__group-links-item:hover {
    color: #1ca345;
}

.mp-footer__group-links-item img {
    line-height: 0;
    margin-right: 8px;
}

.mp-footer__group-links {
    padding: 16px 0 16px 16px;
    border-top: 1px solid #e1e1e1;
}

.mp-footer__left {
    order: 1;
    background: #f7f7fb;
    margin-left: -16px;
    margin-right: -16px;
    padding: 24px 16px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.mp-footer__logo {
    font-size: 0;
    line-height: 0;
    margin-bottom: 12px;
    width: 150px;
    height: 80px;
}

.mp-footer__logo a {
    border: solid;

    overflow: hidden;
}

.mp-footer__text {
    color: #666;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.2px;
    margin-bottom: 24px;
    order: 1;
}

.google-recapcha-info {
    display: none;
    font-size: 16px;
    line-height: 170%;
    color: #666666;
    margin-bottom: 24px;
}

.google-recapcha-info a {
    color: #0369d9;
    text-decoration: none;
}

.mp-footer__year-wrapper {
    order: 2;
}

.mp-footer__socials {
    order: 1;
    font-size: 0;
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: repeat(4, 40px);
    grid-gap: 8px;
    justify-content: center;
}

@media (min-width: 640px) {
    .mp-footer__socials {
        justify-content: flex-start;
    }
}

.mp-footer__socials-item {
    display: block;
}

.mp-footer-bottom__year {
    font-size: 16px;
    line-height: 150%;
    color: #666666;
}

.mp-footer-bottom__privacy {
    font-size: 16px;
    line-height: 170%;
    text-decoration: none;
    color: #0369d9;
    letter-spacing: -0.2px;
}

.mp-footer__phones {
    padding: 24px 8px;
}

.mp-footer__phones .mp-footer__socials {
    display: none;
}

@media (min-width: 1200px) {
    .mp-footer__phones .mp-footer__socials {
        display: grid;
        margin-bottom: 0;
        margin-top: 16px;
    }
}

.mp-footer__phones-item-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mp-footer__phones-more {
    flex: none;
    margin-left: 10px;
    width: 48px;
    height: 48px;
    transition: transform 0.2s;
}

.mp-footer__phones-more.active {
    transform: rotate(180deg);
}

.mp-footer__phones-more > * {
    width: 100%;
    height: 100%;
}

.mp-footer__phones-group {
    height: 0;
    overflow: hidden;
}

.mp-footer__phones-group.active {
    height: auto;
}

.mp-footer__phones-group-inner {
    background: #f4f5f4;
    border-radius: 12px;
    padding: 24px 16px;
    margin-top: 16px;
}

.mp-footer__phones-item-title {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
}

.mp-footer__phones-item-text {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.2px;
    margin-top: 4px;
}

@media (min-width: 1200px) {
    .mp-footer__phones-item-text {
        margin-top: 16px;
    }
}

.mp-footer__phones-item-title a {
    color: #1ca345;
    text-decoration: none;
}

.mp-footer__phones-item-tel {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: -0.2px;
}

.mp-footer__phones-item-tel a {
    color: inherit;
    text-decoration: none;
}

.mp-footer__phones-item + .mp-footer__phones-item {
    margin-top: 16px;
}

.mp-footer__regions-button {
    display: none;
}

.mp-footer__search {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 112px;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    margin-top: 24px;
}

.mp-footer__search-sbmt {
    flex: none;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: 0;
    margin-left: 8px;
}

.mp-footer__search-input {
    flex: 1 0 1%;
    border: none;
    font-size: 16px;
    line-height: 170%;
    color: #666666;
    width: 100%;
    outline: none;
}

@-webkit-keyframes sk-fading-circle-delay {
    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-fading-circle-delay {
    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.mg-popup-form {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: -5;
}

.mg-popup-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
}

.mg-popup-wrap:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.mg-popup-form._opened {
    opacity: 1;
    transition: opacity 0.3s;
    z-index: 1111;
}

.mg-popup-form__inner {
    background: #fff;
    width: 90%;
    max-width: 580px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: 40px;
    box-sizing: border-box;
    padding: 32px 16px;
    border-radius: 10px;
    text-align: left;
}

.mg-popup-form__close {
    width: 48px;
    height: 48px;
    box-shadow: 0 5px 3px -3px rgba(176, 176, 176, 0.27),
        inset 0 0 0 2px #dfdfdf;
    border-radius: 50%;
    background-color: #fafaf9;
    border: none;
    padding: 8px;
    outline: 0;
    position: absolute;
    top: -18px;
    box-sizing: border-box;
    right: -14px;
    transition: all 0.15s;
    cursor: pointer;
}

.mg-popup-form__close:hover {
    box-shadow: 0 6px 4px -4px rgba(130, 166, 233, 0.27),
        inset 0 0 0 2px #a3c0ea;
    background-color: #d9e4f5;
}

.mg-popup-form__close:active {
    background-color: #a4bfe9;
    box-shadow: none;
}

.mg-popup-form__title {
    font-weight: 700;
    letter-spacing: -0.4px;
    text-align: center;
    color: #333;
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 16px;
}

.mg-popup-form__close > * {
    width: 100%;
    height: 100%;
}

.mg-popup-form .mg-form__field-title {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.mg-popup-form .mg-form__field-title-mark {
    color: red;
}

.mg-popup-form .mg-form__field {
    margin-bottom: 16px;
    position: relative;
}

.mg-form__field-error {
    position: absolute;
    right: 8px;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 3px;
    color: #fff;
    background: red;
    bottom: -8px;
    transition: all 0.2s;
    opacity: 0;
}

._error .mg-form__field-error {
    opacity: 1;
    transform: none;
    transform: translateY(4px);
}

.mg-popup-form .mg-form__field-multi_checkbox ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.7;
}

.mg-popup-form .mg-form__field-control input[type="text"],
.mg-popup-form .mg-form__field-control input[type="email"],
.mg-popup-form .mg-form__field-control input[type="password"],
.mg-popup-form .mg-form__field-control input[type="phone"],
.mg-popup-form .mg-form__field-select .mg-form__field-control,
.mg-popup-form .mg-form__field-control textarea {
    color: #333;
    font-family: "Fira Sans", sans-serif;
    padding: 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    height: 40px;
    border: 2px solid #dfdfdf;
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    transition: all 0.15s;
}

.mg-popup-form .mg-form__field-select select {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    box-shadow: none;
}

.mg-popup-form .mg-form__field-control textarea {
    height: 80px;
}

.mg-popup-form .mg-form__field-control input[type="text"]:hover,
.mg-popup-form .mg-form__field-control input[type="password"]:hover,
.mg-popup-form .mg-form__field-control input[type="email"]:hover,
.mg-popup-form .mg-form__field-control input[type="phone"]:hover,
.mg-popup-form .mg-form__field-select .mg-form__field-control:hover,
.mg-popup-form .mg-form__field-control textarea:hover {
    border-color: #a3c0ea;
}

.mg-popup-form .mg-form__field-control input[type="text"]:focus,
.mg-popup-form .mg-form__field-control input[type="password"]:focus,
.mg-popup-form .mg-form__field-control input[type="email"]:focus,
.mg-popup-form .mg-form__field-control input[type="phone"]:focus,
.mg-popup-form .mg-form__field-select .mg-form__field-control:focus,
.mg-popup-form .mg-form__field-control textarea:focus {
    box-shadow: 0 6px 4px -4px rgba(130, 165, 233, 0.27);
    border-color: #82a5e9;
    background-color: #f2f7ff;
}

.mg-popup-form .mg-form__field-button {
    text-align: center;
}

.mg-popup-form .mg-form__field-button {
    margin-top: 24px;
    margin-bottom: 0;
}

.mg-popup-form .mg-form__field-button button {
    width: 100%;
    outline: 0;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.19px;
    padding: 8px 24px;
    border: none;
    box-shadow: 0 6px 4px -4px #acd6a2, inset 0 0 0 2px #10a03b;
    border-radius: 24px;
    background-color: #1eb34b;
    transition: all 0.15s;
    cursor: pointer;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.mg-popup-form .mg-form__field-button button:hover {
    box-shadow: 0 5px 3px -3px #acd6a2, inset 0 0 0 2px #3cae5e;
    background-color: #51c568;
}

.mg-popup-form .mg-form__field-button button:active {
    background-color: #37a458;
    box-shadow: none;
}

.mp-aside-services__search {
    background: #fff;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    border-radius: 24px;
    display: flex;
    padding: 0 8px 0 20px;
    align-items: center;
    margin-bottom: 8px;
}

.mp-aside-services__search input[type="text"] {
    height: 44px;
    border: none;
    outline: none;
    flex: 1 0 1%;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.mp-aside-services__search-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    outline: none;
    padding: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.mg-form__field-note {
    font-size: 0.8em;
    margin-top: 6px;
}

.mg-popup-form__success-title {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 18px;
}

.mg-popup-form__subtitle {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 28px;
    color: #686868;
    margin-top: -8px;
    line-height: 1.4;
}

.mg-popup-form__hours {
    font-size: 14px;
    text-align: center;
    color: #909090;
}

.mg-form__success-note {
    text-align: center;
}

@keyframes slide-in {
    0% {
        transform: translateX(100%);
    }

    50% {
        transform: translateX(-5%);
    }

    75% {
        transform: translateX(0);
    }

    to {
        transform: translateX(0);
    }
}

.mg-form__field-client-item {
    display: inline-flex;
    width: 80px;
    align-items: center;
    padding-top: 4px;
}

.mg-form__field-client-item input {
    width: 24px;
    height: 24px;
    margin-right: -24px;
    position: relative;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.mg-form__field-client-item input + span {
    flex: none;
    width: 24px;
    height: 24px;
    border: 2px solid #dfdfdf;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 8px;
    transition: border 0.15s;
    cursor: pointer;
}

.mg-form__field-client-item input:checked + span {
    border-color: #1db34b;
    background-size: 18px auto;
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.857 7.556L.293 3.993a.999.999 0 111.414-1.414l2.15 2.15L8.293.293a1 1 0 011.414 1.413l-5.85 5.85z' fill='%231DB34B'/%3E%3C/svg%3E")
        center center no-repeat;
}

.mg-form__field-client-note {
    font-size: 0.8em;
    padding-top: 8px;
    color: red;
    display: none;
}

.mg-form__field-client-note.show {
    display: block;
}

.mg-popup-form__privacy {
    font-size: 13px;
    line-height: 1.31;
    letter-spacing: -0.4px;
    color: #828282;
    text-align: center;
    margin-top: 16px;
}

.sk-fading-circle {
    width: 40px;
    height: 40px;
    position: relative;
    margin: auto;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #337ab7;
    border-radius: 100%;
    animation: sk-fading-circle-delay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle-2 {
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle-3 {
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle-4 {
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle-5 {
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle-6 {
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle-7 {
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle-8 {
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle-9 {
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle-10 {
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle-11 {
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle-12 {
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle-2:before {
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle-3:before {
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle-4:before {
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle-5:before {
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle-6:before {
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle-7:before {
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle-8:before {
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle-9:before {
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle-10:before {
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle-11:before {
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle-12:before {
    animation-delay: -0.1s;
}

.mp-footer__paysystems-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
}

.mp-footer__paysystems-inner {
    background: #f7f7fb;
    box-sizing: border-box;
    padding-top: 24px;
}

.mp-footer--light .mp-footer__paysystems-inner {
    background: #fff;
}

.mp-footer--light .mp-footer__paysystems-wrap {
    background: #f4f5f4;
}

.mp-footer__paysystems-title {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: center;
    color: #000;
    margin-bottom: 16px;
}

.mp-footer__paysystems-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
}

.mp-footer__paysystems-item {
    line-height: 0;
    text-align: center;
    min-height: 40px;
    border-radius: 6px;
    background: #f7f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 639px) {
    .mp-footer__paysystems-item:last-child {
        grid-column-start: 2;
        grid-column-end: 3;
    }
}

.mp-footer__paysystems-item img {
    max-width: 100%;
    height: auto;
    pointer-events: none;
}

@media (min-width: 416px) {
    .mp-footer__left {
        margin-left: -32px;
        margin-right: -32px;
        padding: 40px 32px 24px;
    }

    .mp-footer__nav {
        padding: 25px 32px 40px;
        margin-left: -32px;
        margin-right: -32px;
    }

    .mp-footer__group-title-arrow {
        width: 24px;
        height: 24px;
    }

    .mp-footer__phones {
        padding: 32px 0;
    }

    .mp-footer__search {
        padding: 18px 24px;
    }
}

@media (min-width: 640px) {
    .mp-footer__logo {
        margin-bottom: 12px;
    }

    .mp-footer__maked {
        font-size: 13px;
        text-align: left;
        margin-bottom: 24px;
    }

    .mp-footer__year-wrapper {
        display: flex;
        align-items: center;
    }

    .mp-footer-bottom__year {
        font-size: 13px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.2px;
        margin-right: 24px;
        white-space: nowrap;
    }

    .mp-footer-bottom__privacy {
        font-size: 13px;
        line-height: 150%;
    }

    .mp-footer__left {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 32px;
        text-align: left;
        align-items: start;
        padding-bottom: 40px;
    }

    .mp-footer__phones-item-tel {
        display: inline-block;
    }

    .mp-footer__phones-item-tel + .mp-footer__phones-item-tel {
        margin-left: 16px;
    }

    .mp-footer__text {
        font-size: 13px;
        text-align: left;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-row-start: 1;
    }

    .mp-footer__text p:first-child {
        margin: 0;
    }

    .mp-footer__text p + p {
        margin-top: 16px;
    }

    .mp-footer__nav {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 25px;
    }

    .mp-footer__group-title {
        padding: 0;
        display: block;
        margin-bottom: 12px;
        border: none;
    }

    .mp-footer__group-title-text a {
        display: block;
    }

    .mp-footer__group-links {
        display: flex;
        border: none;
        padding: 0;
    }

    .mp-footer__group-links-item {
        padding: 0;
    }

    .mp-footer__group-links-item + .mp-footer__group-links-item {
        margin-top: 8px;
    }

    .mp-footer__group-title-arrow {
        display: none;
    }

    .mp-footer__group + .mp-footer__group {
        margin-top: 12px;
    }

    .mp-footer__phones {
        position: relative;
        padding: 32px 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px;
        align-items: center;
    }

    .mp-footer__phones-item-wrapper {
        width: 336px;
    }

    .mp-footer__search {
        margin-top: 0;
    }

    .mp-footer__phones-group-inner {
        padding: 32px;
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 32px;
        grid-column-gap: 32px;
    }

    .mp-footer__phones-item + .mp-footer__phones-item {
        margin-top: 0;
    }

    .mg-popup-form__inner {
        padding: 48px 40px;
    }

    .mg-popup-form__title {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .mg-popup-form .mg-form__field-title {
        font-size: 15px;
    }

    .mg-popup-form .mg-form__field-control input[type="text"],
    .mg-popup-form .mg-form__field-control input[type="email"],
    .mg-popup-form .mg-form__field-control input[type="phone"],
    .mg-popup-form .mg-form__field-control input[type="password"],
    .mg-popup-form .mg-form__field-select .mg-form__field-control {
        height: 48px;
    }

    .mg-popup-form .mg-form__field-button button {
        width: auto;
        padding: 12px 40px;
    }

    .mg-popup-form__subtitle {
        font-size: 17px;
        margin-top: -12px;
    }

    .mp-footer__paysystems-wrap {
        padding: 24px;
    }

    .mp-footer__paysystems-inner {
        padding-top: 40px;
    }

    .mp-footer__paysystems-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: -0.02em;
        text-align: center;
        color: #000;
        margin-bottom: 16px;
    }

    .mp-footer__paysystems-title br {
        display: none;
    }

    .mp-footer__paysystems-list {
        grid-template-columns: repeat(7, 1fr);
    }
}

@media (min-width: 640px) and (min-width: 1200px) {
    .mp-footer__phones-item-tel + .mp-footer__phones-item-tel {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .mp-footer {
        background: #f7f7fb;
        padding: 40px 0;
    }

    .mp-footer.mp-footer--light,
    .mp-footer--light .mp-footer__left {
        background: #fff;
    }

    .mp-footer__inner {
        display: grid;
        grid-template-columns: 274px 1fr 195.5px;
        grid-column-gap: 16px;
    }

    .mp-footer__left {
        order: -1;
        padding: 0;
        margin: 0;
        display: flex;
        text-align: left;
    }

    .mp-footer__logo {
        margin-bottom: 12px;
    }

    .mp-footer__text {
        font-size: 13px;
        margin-bottom: 16px;
    }

    .mp-footer-bottom__year {
        font-size: 13px;
        margin-bottom: 0;
    }

    .mp-footer-bottom__privacy {
        font-size: 13px;
    }

    .mp-footer__year-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .mp-footer__socials {
        display: none;
    }

    .mp-footer__socials-item {
        margin: 0 16px 0 0;
    }

    .mp-footer__socials-item:last-child {
        margin-right: 0;
    }

    .google-recapcha-info {
        font-size: 13px;
        margin-bottom: 0;
    }

    .mp-footer__maked {
        font-size: 13px;
        line-height: 150%;
        margin-bottom: 16px;
        color: #666666;
    }

    .mp-footer__group-title-text {
        font-size: 16px;
    }

    .mp-footer__group-title {
        margin-bottom: 12px;
    }

    .mp-footer__group-links-item {
        font-size: 13px;
    }

    .mp-footer__group-links-item + .mp-footer__group-links-item {
        margin-top: 8px;
    }

    .mp-footer__nav {
        grid-column-gap: 16px;
        margin: 0;
        padding: 0;
        background: none;
    }

    .mp-footer__phones {
        padding: 0;
        display: block;
    }

    .mp-footer__search {
        position: static;
        margin-top: 16px;
        padding: 12px 16px 12px 24px;
    }

    .mp-footer__search-input {
        font-size: 13px;
        line-height: 180%;
    }

    .mp-footer__phones-item-wrapper {
        width: auto;
    }

    .mp-footer__phones-more {
        display: none;
    }

    .mp-footer__phones-item-title {
        font-size: 13px;
    }

    .mp-footer__phones-item-tel {
        font-size: 16px;
    }

    .mp-footer__phones-group {
        height: auto !important;
    }

    .mp-footer__phones-group-inner {
        background: none;
        padding: 0;
        margin: 24px 0 0;
        display: block;
    }

    .mp-footer__phones-item + .mp-footer__phones-item {
        margin-top: 24px;
    }

    .mp-footer__regions-button {
        display: block;
        font-weight: 600;
        font-size: 13px;
        line-height: 180%;
        text-align: center;
        color: #ffffff;
        background: #1ca345;
        border-radius: 96px;
        border: none;
        outline: none;
        width: 100%;
        box-sizing: border-box;
        margin-top: 24px;
        padding: 12px;
        cursor: pointer;
        transition: all 0.2s;
    }

    .mp-footer__regions-button:hover {
        background: linear-gradient(
                0deg,
                rgba(255, 255, 255, 0.1),
                rgba(255, 255, 255, 0.1)
            ),
            #1ca345;
        box-shadow: 0px 8px 16px rgba(28, 163, 69, 0.32);
    }

    .mp-footer__regions-button:active {
        background: linear-gradient(
                0deg,
                rgba(0, 0, 0, 0.06),
                rgba(0, 0, 0, 0.06)
            ),
            #1ca345;
        box-shadow: none;
    }

    .mp-footer__paysystems-wrap {
        flex-direction: row;
        justify-content: space-between;
    }

    .mp-footer__paysystems-inner {
        padding-top: 0;
        padding-bottom: 32px;
    }

    .mp-footer__paysystems-title {
        flex: none;
        margin: 0 16px 0 0;
        font-size: 15px;
        text-align: left;
    }

    .mp-footer__paysystems-title br {
        display: block;
    }
}

@media (min-width: 1440px) {
    .mp-footer {
        padding: 48px 0;
    }

    .mp-footer__inner {
        grid-template-columns: 274px 1fr 196px;
    }
}

/* Jumping */
.mg-site-jumping-button__wrapper {
    display: none;
    position: fixed;
    right: 0;
    top: 390px;
    z-index: 8;
    opacity: 1;
    -webkit-animation: slide-in 1s ease 2s;
    animation: slide-in 1s ease 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transition: transform 0.5s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.mg-site-jumping-button__inner {
    padding: 8px 20px 8px 8px;
    background: #f9f8f6;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.mg-site-jumping-button {
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    outline: none;
    padding: 8px 40px 8px 16px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: -0.2px;
    line-height: 24px;
    animation: jumping-button 3s ease 3s infinite;
    background: linear-gradient(180deg, #47c634 0%, #2dbf60 100%);
    border: 1px solid #2fc05f;
    box-shadow: 0px 8px 12px rgba(45, 191, 96, 0.30025);
}

.mg-site-jumping-button:hover {
    background: linear-gradient(180deg, #51d53d 0%, #2dbf60 100%);
    box-shadow: 0px 8px 12px rgba(45, 191, 96, 0.30025);
}

.mg-site-jumping-button:active {
    background: #2ebf5f;
    box-shadow: none;
}

.mg-site-jumping-button svg {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    fill: #fefefe;
}

@media (min-width: 1200px) {
    .mg-site-jumping-button__wrapper {
        display: block;
    }
}

@keyframes jumping-button {
    3% {
        transform: rotate(5deg);
    }

    6% {
        transform: rotate(-5deg);
    }

    9% {
        transform: rotate(5deg);
    }

    12% {
        transform: rotate(-5deg);
    }

    15% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.scroll-to-top {
    width: 100%;
    max-width: 138px;
    padding: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 104px;
    position: fixed;
    z-index: 10;
    left: 36px;
    bottom: -60px;
    transition: all 0.3s ease;
    cursor: pointer;
    opacity: 0;
}

.scroll-to-top.active_btn {
    bottom: 42px;
    opacity: 1;
}

.scroll-to-top__icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #46c534 0%, #2dbf5e 100%), #2dbf60;
    box-shadow: 0px 4px 10px rgba(45, 191, 94, 0.24);
    border-radius: 80px;
    margin-right: 16px;
    line-height: 0;
}

.scroll-to-top__icon svg {
    line-height: 0;
}

.scroll-to-top__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.4px;
    color: #292929;
}

.scroll-to-top:hover {
    background: #ffffff;
    border: 1px solid #eaeaea;
}

.grecaptcha-badge {
    visibility: hidden;
}

.regions-popup {
    position: fixed;
    z-index: 6;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.regions-popup.opened {
    visibility: visible;
    opacity: 1;
}

.regions-popup__inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0px;
}

.regions-popup__inner:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 0;
    height: 100%;
}

.regions-popup__content {
    display: inline-block;
    vertical-align: middle;
    width: 742px;
    max-width: 100%;
    background: #fff;
    text-align: left;
    padding: 36px 24px 32px;
    border-radius: 16px;
    position: relative;
    box-sizing: border-box;
}

.regions-popup__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #000000;
    margin-bottom: 28px;
}

.regions-popup__close {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 48px;
    height: 48px;
    display: flex;
    background: #f8f8f8;
    border: none;
    outline: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    line-height: 0;
    cursor: pointer;
}

.regions-popup__item-title {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #909090;
}

.regions-popup__item-title a {
    color: #0369d9;
}

.regions-popup__item-phone {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #212121;
}

.regions-popup__item-phone a {
    color: inherit;
    text-decoration: none;
}

.regions-popup__item + .regions-popup__item {
    margin-top: 24px;
}

.mg-site-jumping-button__wrapper {
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
}

.mg-site-jumping-button__wrapper.active_btn {
    visibility: visible;
    opacity: 1;
}

.mp-footer--light .mp-footer__nav {
    background: #fff;
}

@media (max-width: 960px) {
    .scroll-to-top {
        left: 20px;
    }

    .scroll-to-top.active_btn {
        bottom: 25px;
    }
}

@media (max-width: 640px) {
    .scroll-to-top {
        left: 15px;
    }

    .scroll-to-top.active_btn {
        bottom: 25px;
    }
}

@media (min-width: 640px) {
    .regions-popup__content {
        padding: 50px 56px 40px;
    }

    .regions-popup__close {
        right: 16px;
        top: 16px;
    }

    .regions-popup__title {
        margin-bottom: 38px;
        font-size: 20px;
    }

    .regions-popup__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .regions-popup__item {
        flex: none;
        width: 190px;
        margin-bottom: 24px;
    }

    .regions-popup__item + .regions-popup__item {
        margin-top: 0;
    }
}

/* header 4 */
@font-face {
    font-family: "Open Sans";
    src: url(https://client.onicon.ru/parts/46ba6f95973e424fdb011181ea2c2e91.eot);
    src: local("O"),
        url(https://client.onicon.ru/parts/eff2996162fdfe7c6af7995d3f790275.woff)
            format("woff"),
        url(https://client.onicon.ru/parts/50145685042b4df07a1fd19957275b81.ttf)
            format("truetype"),
        url(https://client.onicon.ru/parts/fe3b4f5406a3320e397bbccee23b801e.svg)
            format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url(https://client.onicon.ru/parts/2444d1b706612b3b9c001dc38ff4b18e.eot);
    src: local("O"),
        url(https://client.onicon.ru/parts/e59cc16dd973933b69c36dbeebbb7544.woff)
            format("woff"),
        url(https://client.onicon.ru/parts/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
            format("truetype"),
        url(https://client.onicon.ru/parts/985e9a73974092f205c8a1eb1047e729.svg)
            format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url(https://client.onicon.ru/parts/d1817655c93180f21a37f0eb839dac76.eot);
    src: local("O"),
        url(https://client.onicon.ru/parts/0f7c77932ea877aca544e439a3e63bb6.woff)
            format("woff"),
        url(https://client.onicon.ru/parts/629a55a7e793da068dc580d184cc0e31.ttf)
            format("truetype"),
        url(https://client.onicon.ru/parts/b73f3eb384d5d5c4a88ec0b1a5f652fd.svg)
            format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url(https://client.onicon.ru/parts/7f3a63ddec694a03d6cc1f3b6cce5657.eot);
    src: local("O"),
        url(https://client.onicon.ru/parts/f5e96f06811c03c019d10f2a8402303a.woff)
            format("woff"),
        url(https://client.onicon.ru/parts/1bf71be111189e76987a4bb9b3115cb7.ttf)
            format("truetype"),
        url(https://client.onicon.ru/parts/cdd12e79ca6a52054b8a56ff41445460.svg)
            format("svg");
    font-weight: 300;
    font-style: normal;
}

#onicon {
    position: fixed;
    /* z-index: 2147483647; */
    top: 0;
    left: 0;
    -webkit-overflow-scrolling: touch !important;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: block;
    font-family: "Open Sans", sans-serif;
}

#onicon,
#onicon * {
    margin: 0;
    padding: 0;
    display: block;
}

#onicon span,
#onicon em,
#onicon small,
#onicon a,
#onicon strong,
#onicon img {
    display: inline;
}

#onicon div,
#onicon form {
    display: block;
}

#onicon input,
#onicon textarea,
#onicon button {
    display: inline-block;
}

#onicon input,
#onicon textarea {
    background-color: white;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: currentColor;
    -o-border-image: none;
    border-image: none;
    color: #000;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    margin: 0em;
    font: 400 11px system-ui;
}

#onicon table {
    display: table;
}

#onicon tbody {
    display: table-row-group;
}

#onicon thead {
    display: table-header-group;
}

#onicon th,
#onicon td {
    display: table-cell;
}

#onicon tr {
    display: table-row;
}

#onicon .onicon-center {
    text-align: center;
}

#onicon .onicon-drag-now {
    z-index: 200;
}

#onicon .onicon-drag-none {
    -ms-touch-action: none;
    touch-action: none;
}

#onicon style {
    display: none;
}

@media screen and (max-device-width: 1024px) {
    #onicon {
        position: static;
    }
}

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

#onicon input::-webkit-outer-spin-button,
#onicon input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* 5 */

#onicon .onicon-bookmark {
    font-size: 10px;
    z-index: 999999999;
    position: relative;
}

#onicon .onicon-bookmark div,
#onicon .onicon-bookmark ul,
#onicon .onicon-bookmark li,
#onicon .onicon-bookmark span,
#onicon .onicon-bookmark i,
#onicon .onicon-bookmark a,
#onicon .onicon-bookmark button {
    -webkit-animation: none 0s ease 0s 1 normal none running;
    animation: none 0s ease 0s 1 normal none running;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: transparent none repeat 0 0 / auto auto padding-box border-box
        scroll;
    border: medium none currentColor;
    border-collapse: separate;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-spacing: 0;
    bottom: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: #000;
    -webkit-columns: auto;
    columns: auto;
    -webkit-column-count: auto;
    column-count: auto;
    -webkit-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: normal;
    column-gap: normal;
    -webkit-column-rule: medium none currentColor;
    column-rule: medium none currentColor;
    -webkit-column-span: 1;
    column-span: 1;
    -webkit-column-width: auto;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font-family: serif;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    height: auto;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    list-style: disc outside none;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 2;
    outline: medium none invert;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    position: static;
    right: auto;
    -moz-tab-size: 8;
    -o-tab-size: 8;
    tab-size: 8;
    table-layout: auto;
    text-align: left;
    text-align-last: auto;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 2;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    font-family: "Open Sans", sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#onicon .onicon-bookmark .onicon-button {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 240px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}

#onicon .onicon-bookmark .onicon-button__wrapper {
    position: fixed !important;
    top: 20px;
    right: 20px;
    min-width: 1px;
    min-height: 1px;
}

#onicon .onicon-bookmark .onicon-button:focus {
    outline: none;
}

#onicon .onicon-bookmark .onicon-button::-moz-focus-inner {
    border: none;
}

#onicon .onicon-bookmark .onicon-button__image {
    display: none;
    max-width: 240px;
    max-height: 240px;
    height: auto;
    width: auto;
    min-width: 0;
    min-height: 0;
}

#onicon .onicon-bookmark .onicon-button--image .onicon-button__image {
    display: inline-block;
}

#onicon .onicon-bookmark .onicon-button--image .onicon-button__title,
#onicon .onicon-bookmark .onicon-button--image .onicon-button__icon {
    display: none;
}

#onicon .onicon-bookmark .onicon-button__icon {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    max-height: none;
    max-width: none;
}

#onicon .onicon-bookmark .onicon-button__title {
    margin: 0 -34px 0 0;
    padding: 10px 40px 10px 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.2px;
    border-radius: 19px 0 0 19px;
    background-color: #00c680;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

#onicon .onicon-bookmark .onicon-button__title:empty {
    display: none;
}

@media (min-width: 1200px) {
    #onicon .onicon-bookmark .onicon-button--desktop {
        -webkit-transition: all, 0.5s cubic-bezier(0.49, 0.23, 0.32, 1.13);
        transition: all, 0.5s cubic-bezier(0.49, 0.23, 0.32, 1.13);
    }

    #onicon .onicon-bookmark .onicon-button__wrapper + .onicon-menu--desktop {
        display: none;
    }

    #onicon
        .onicon-bookmark
        .onicon-button--visible:hover
        .onicon-button:after {
        content: "";
        display: block;
        position: absolute;
        width: 200px;
        height: 64px;
        right: 24px;
        top: -28px;
        background-color: transparent;
        z-index: -1;
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg);
    }

    #onicon .onicon-bookmark .onicon-button--visible + .onicon-menu:hover {
        display: block;
    }

    #onicon .onicon-bookmark .onicon-button--visible:hover + .onicon-menu {
        display: block;
    }

    #onicon .onicon-bookmark .onicon-button--image .onicon-button__title,
    #onicon .onicon-bookmark .onicon-button--image .onicon-button__icon {
        display: none;
    }
}

#onicon .onicon-bookmark .onicon-menu {
    display: block;
    padding: 10px 0 10px 0;
    width: calc(100% - 32px);
    max-width: 540px;
    position: fixed;
    left: 50%;
    bottom: 24px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 20px -5px rgba(51, 51, 51, 0.75);
    box-shadow: 0 5px 20px -5px rgba(51, 51, 51, 0.75);
    text-align: center;
    -webkit-transform: translate(-50%, 500px);
    transform: translate(-50%, 500px);
    -webkit-transition: all, 0.5s cubic-bezier(0.49, 0.23, 0.32, 1.13);
    transition: all, 0.5s cubic-bezier(0.49, 0.23, 0.32, 1.13);
}

#onicon .onicon-bookmark .onicon-menu--visible {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#onicon .onicon-bookmark .onicon-menu__list {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

#onicon .onicon-bookmark .onicon-menu__list:after {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 32px);
    position: absolute;
    bottom: -1;
    left: 50%;
    background-color: #d8d8d8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#onicon .onicon-bookmark .onicon-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    color: #75ba88;
    background: #ffffff;
    -webkit-transition: background, 0.3s;
    transition: background, 0.3s;
    cursor: pointer;
}

#onicon .onicon-bookmark .onicon-menu__link * {
    cursor: pointer;
}

#onicon .onicon-bookmark .onicon-menu__link:active,
#onicon .onicon-bookmark .onicon-menu__link:hover {
    background: rgba(2, 195, 126, 0.2);
}

#onicon .onicon-bookmark .onicon-menu__icon {
    width: 40px;
    height: 40px;
    margin-right: 16px;
}

#onicon .onicon-bookmark .onicon-menu__label {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.21px;
}

#onicon .onicon-bookmark .onicon-menu__cancel {
    color: #e7433a;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.21px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 16px 0;
    display: block;
    width: 100%;
    text-align: center;
}

#onicon .onicon-bookmark .onicon-menu__cancel:active,
#onicon .onicon-bookmark .onicon-menu__cancel:focus {
    outline: none;
}

#onicon .onicon-bookmark .onicon-menu__overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#onicon .onicon-bookmark .onicon-menu--visible + .onicon-menu__overlay {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 1200px) {
    #onicon .onicon-bookmark .onicon-menu--desktop {
        max-width: 230px;
        -webkit-transform: none;
        transform: none;
        padding: 8px 0;
        border-radius: 0;
        left: auto;
        right: 20px;
        bottom: 82px;
        display: none;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        bottom: -10px;
        right: 20px;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop .onicon-menu__list {
        margin: 0;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop .onicon-menu__list:after {
        content: none;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop .onicon-menu__icon {
        width: 32px;
        height: 32px;
        margin-right: 16px;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop .onicon-menu__label {
        color: #333;
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -0.21px;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop .onicon-menu__cancel {
        display: none;
    }

    #onicon .onicon-bookmark .onicon-menu--desktop .onicon-menu__overlay {
        display: none;
    }
}

#onicon .onicon-bookmark [data-notification]:before {
    content: attr(data-notification);
    display: block;
    position: absolute;
    background-color: #f1372e;
    border-radius: 50%;
    border: 1px solid #f1372e;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    color: white;
    z-index: 9999;
}

#onicon .onicon-bookmark .onicon-button[data-notification]:before {
    top: 0;
    right: 0;
    min-width: 18px;
    height: 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

#onicon .onicon-bookmark .onicon-menu__link {
    position: relative;
}

#onicon .onicon-bookmark .onicon-menu__link[data-notification]:before {
    top: 6px;
    left: 44px;
    min-width: 14px;
    height: 14px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}

@media (min-width: 1200px) {
    #onicon .onicon-bookmark .onicon-menu__link[data-notification]:before {
        top: 4px;
        left: 38px;
    }
}

#onicon .onicon-bookmark .onicon-button:hover:before,
#onicon .onicon-bookmark .onicon-menu__link:hover:before {
    color: #f1372e;
    background-color: #fff;
}

@media (min-width: 1200px) {
    #onicon .onicon-bookmark .onicon-button--image[data-notification]:before {
        content: none;
    }
}

/* 6 */

#onicon .onicon-chat-popup__form {
    padding: 0 0 1.6em;
}

#onicon .onicon-chat-popup__form:after,
#onicon .onicon-chat-popup__form:before {
    display: table;
    content: "";
}

#onicon .onicon-chat-popup__form:after {
    clear: both;
}

#onicon .onicon-chat-popup__form-field {
    position: relative;
    margin-top: 2.6em;
    display: block;
}

#onicon .onicon-chat-popup__form-field:before {
    content: attr(data-placeholder);
    font-size: 1.2em;
    position: absolute;
    top: -1.8333em;
    left: 0;
    color: #303030;
    color: rgba(48, 48, 48, 0.6);
    font-weight: 400;
    letter-spacing: -0.0016667em;
    line-height: 1.66667em;
    opacity: 0;
}

#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--labeled:before {
    opacity: 1;
}

#onicon .onicon-chat-popup__form-field--required:after,
#onicon .onicon-form__field--required:after {
    content: "";
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    background: url(https://client.onicon.ru/parts/98661f90267ca6a212089dac81664e4c.svg)
        0 0 no-repeat;
    top: 50%;
    right: 1.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#onicon .onicon-form__field--required:after {
    top: 3.1em;
}

#onicon
    .onicon-chat-popup__form-field--ok.onicon-chat-popup__form-field--required:after {
    background-image: url(https://client.onicon.ru/parts/bfad3133d13c04087a7fbac3157cbaf2.svg);
}

#onicon .onicon-chat-popup__form-field--error input,
#onicon .onicon-form__field--error input,
#onicon .onicon-chat-popup__form-field--error textarea {
    -webkit-box-shadow: 0 0 0 0.1em rgba(227, 67, 46, 0.6) !important;
    box-shadow: 0 0 0 0.1em rgba(227, 67, 46, 0.6) !important;
    color: #e4442f !important;
    background-color: rgba(228, 67, 47, 0.1) !important;
}

#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    input::-webkit-input-placeholder,
#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    textarea::-webkit-input-placeholder {
    color: #e4442f !important;
}

#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    input::-moz-placeholder,
#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    textarea::-moz-placeholder {
    color: #e4442f !important;
}

#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    input:-moz-placeholder,
#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    textarea:-moz-placeholder {
    color: #e4442f !important;
}

#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    input:-ms-input-placeholder,
#onicon
    .onicon-chat-popup__form-field.onicon-chat-popup__form-field--error
    textarea:-ms-input-placeholder {
    color: #e4442f !important;
}

#onicon .onicon-chat-popup__form-field input,
#onicon .onicon-chat-popup__form-field textarea {
    color: #303030;
    color: rgba(33, 33, 33, 0.99);
    font-family: "Open Sans", sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: -0.00142857em;
    line-height: 1.42857em;
    outline: none;
    resize: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    border: 1px solid rgba(48, 48, 48, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.1428571em;
    width: 100%;
    background-color: #fff;
    -webkit-appearance: none;
}

#onicon .onicon-chat-popup__form-field input::-webkit-input-placeholder,
#onicon .onicon-chat-popup__form-field textarea::-webkit-input-placeholder {
    line-height: 1.42857em !important;
}

#onicon.onicon-notouch .onicon-chat-popup__form-field input:hover,
#onicon.onicon-notouch .onicon-chat-popup__form-field textarea:hover {
    -webkit-box-shadow: 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
    box-shadow: 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
}

#onicon.onicon-notouch .onicon-chat-popup__form-field input:focus,
#onicon.onicon-notouch .onicon-chat-popup__form-field textarea:focus,
#onicon .onicon-chat-popup__form-field input:focus,
#onicon .onicon-chat-popup__form-field textarea:focus {
    -webkit-box-shadow: 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
    box-shadow: 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
}

#onicon .onicon-chat-popup__form-field input:disabled,
#onicon .onicon-chat-popup__form-field textarea:disabled,
#onicon.onicon-notouch .onicon-chat-popup__form-field input:disabled:hover,
#onicon.onicon-notouch .onicon-chat-popup__form-field textarea:disabled:hover {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
    box-shadow: 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
}

#onicon .onicon-chat-popup__form-field input::-webkit-input-placeholder,
#onicon .onicon-chat-popup__form-field textarea::-webkit-input-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#onicon .onicon-chat-popup__form-field input::-moz-placeholder,
#onicon .onicon-chat-popup__form-field textarea::-moz-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#onicon .onicon-chat-popup__form-field input:-moz-placeholder,
#onicon .onicon-chat-popup__form-field textarea:-moz-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#onicon .onicon-chat-popup__form-field input:-ms-input-placeholder,
#onicon .onicon-chat-popup__form-field textarea:-ms-input-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#onicon .onicon-chat-popup__form-field input:focus::-webkit-input-placeholder,
#onicon
    .onicon-chat-popup__form-field
    textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

#onicon .onicon-chat-popup__form-field input:focus::-moz-placeholder,
#onicon .onicon-chat-popup__form-field textarea:focus::-moz-placeholder {
    opacity: 0;
}

#onicon .onicon-chat-popup__form-field input:focus:-moz-placeholder,
#onicon .onicon-chat-popup__form-field textarea:focus:-moz-placeholder {
    opacity: 0;
}

#onicon .onicon-chat-popup__form-field input:focus:-ms-input-placeholder,
#onicon .onicon-chat-popup__form-field textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

#onicon .onicon-chat-popup__form-field input {
    line-height: 1.2em !important;
    padding: 8px 10px;
}

#onicon .onicon-chat-popup__form-field textarea {
    height: 5.42857em !important;
    padding: 0.57142857em 1em !important;
}

#onicon .onicon-chat-popup__form-submit {
    font-size: 1.4em;
    height: 2.2857em;
    background-color: #00b172;
    border-radius: 3em;
    font-weight: 700;
    letter-spacing: -0.0007142857em;
    line-height: 2.2858em;
    padding: 0 1.857em;
    display: inline-block;
    vertical-align: top;
    margin-top: 1.142857em;
    text-decoration: none;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 2.2857em rgba(48, 48, 48, 0);
    box-shadow: inset 0 0 0 2.2857em rgba(48, 48, 48, 0);
}

#onicon.onicon-notouch .onicon-chat-popup__form-submit:hover {
    -webkit-box-shadow: inset 0 0 0 2.2857em rgba(255, 255, 255, 0.24);
    box-shadow: inset 0 0 0 2.2857em rgba(255, 255, 255, 0.24);
}

#onicon .onicon-chat-popup__form-submit:active,
#onicon.onicon-notouch .onicon-chat-popup__form-submit:active {
    -webkit-box-shadow: inset 0 0 0 2.2857em rgba(48, 48, 48, 0.2);
    box-shadow: inset 0 0 0 2.2857em rgba(48, 48, 48, 0.2);
}

#onicon .onicon-chat-popup__form-submit[disabled],
#onicon.onicon-notouch .onicon-chat-popup__form-submit[disabled="false"]:hover,
#onicon .onicon-chat-popup__form-submit[disabled]:active {
    color: rgba(48, 48, 48, 0.3);
    background-color: #eaeaea !important;
    -webkit-box-shadow: inset 0 0 0 2.2857em rgba(48, 48, 48, 0);
    box-shadow: inset 0 0 0 2.2857em rgba(48, 48, 48, 0);
    cursor: default;
}

#onicon .onicon-form__field-title {
    font-size: 1.2em;
    height: 1.6667em;
    color: rgba(48, 48, 48, 0.6);
    font-weight: 400;
    letter-spacing: -0.002857em;
    line-height: 1.6667em;
    margin-bottom: 0.142857em;
}

#onicon .onicon-chat-popup__form-field--select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0.4em;
    -webkit-box-shadow: inset 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
    box-shadow: inset 0 0 0 0.07143em rgba(48, 48, 48, 0.3);
    margin-top: 0;
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-chat-popup__form-field input::-webkit-input-placeholder {
        line-height: 2.5714em;
    }

    #onicon .onicon-chat-popup__form-field input:-ms-input-placeholder {
        line-height: 2.5714em;
    }

    #onicon .onicon-chat-popup__form-field input::-ms-input-placeholder {
        line-height: 2.5714em;
    }

    #onicon .onicon-chat-popup__form-field input::placeholder {
        line-height: 2.5714em;
    }
}

/* 7 */
#onicon {
    /* HTML5 display-role reset for older browsers */
}

#onicon html,
#onicon body,
#onicon div,
#onicon span,
#onicon applet,
#onicon object,
#onicon iframe,
#onicon h1,
#onicon h2,
#onicon h3,
#onicon h4,
#onicon h5,
#onicon h6,
#onicon p,
#onicon blockquote,
#onicon pre,
#onicon a,
#onicon abbr,
#onicon acronym,
#onicon address,
#onicon big,
#onicon cite,
#onicon code,
#onicon del,
#onicon dfn,
#onicon em,
#onicon img,
#onicon ins,
#onicon kbd,
#onicon q,
#onicon s,
#onicon samp,
#onicon small,
#onicon strike,
#onicon strong,
#onicon sub,
#onicon sup,
#onicon tt,
#onicon var,
#onicon b,
#onicon u,
#onicon i,
#onicon center,
#onicon dl,
#onicon dt,
#onicon dd,
#onicon ol,
#onicon ul,
#onicon li,
#onicon fieldset,
#onicon form,
#onicon label,
#onicon legend,
#onicon table,
#onicon caption,
#onicon tbody,
#onicon tfoot,
#onicon thead,
#onicon tr,
#onicon th,
#onicon td,
#onicon article,
#onicon aside,
#onicon canvas,
#onicon details,
#onicon embed,
#onicon figure,
#onicon figcaption,
#onicon footer,
#onicon header,
#onicon hgroup,
#onicon menu,
#onicon nav,
#onicon output,
#onicon ruby,
#onicon section,
#onicon summary,
#onicon time,
#onicon mark,
#onicon audio,
#onicon video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
    vertical-align: baseline;
}

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

#onicon body {
    line-height: 1;
}

#onicon ol,
#onicon ul {
    list-style: none;
}

#onicon blockquote,
#onicon q {
    quotes: none;
}

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

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

#onicon .onicon-popup {
    position: fixed !important;
    border-radius: 0.6em;
    min-width: 32em;
    min-height: 32em;
    width: 32em;
    height: 32em;
    position: fixed;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
    -webkit-box-shadow: 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    z-index: 999999;
}

#onicon .onicon-callback__title {
    word-break: break-word;
}

#onicon .onicon-chat-popup--hide {
    visibility: hidden !important;
}

@media (max-width: 425px) {
    #onicon .onicon-chat-popup {
        width: 100% !important;
    }
}

#onicon .onicon-chat-popup__row:before,
#onicon .onicon-chat-popup__row:after {
    display: table;
    content: "";
}

#onicon .onicon-padding-bottom-decoration {
    display: none;
    height: 12px;
    min-height: 12px;
    line-height: 12px;
    position: relative;
    -webkit-box-shadow: 0 -3px 10px 2px #fff;
    box-shadow: 0 -3px 10px 2px #fff;
    z-index: 1;
}

#onicon .onicon-chat-popup__status-bar--offline ~ .padding-bottom-decoration {
    display: block;
}

#onicon .onicon-chat-popup__row {
    word-break: break-word;
}

#onicon .onicon-chat-popup__row:after {
    clear: both;
}

#onicon .onicon-no-copyright .onicon-chat-popup__main {
    padding-bottom: 0;
}

#onicon .onicon-chat-popup:hover .onicon-chat-popup__controls {
    opacity: 1;
}

#onicon .onicon-chat-popup {
    position: fixed !important;
    border-radius: 0.6em;
    min-width: 32em;
    min-height: 32em;
    width: 32em;
    height: 32em;
    position: fixed;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
    -webkit-box-shadow: 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    z-index: 999999;
    border: 1px solid #e0e0e0;
}

#onicon .onicon-chat-popup__drag-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 7em;
    background: #b3ffc8;
}

#onicon .onicon-chat-popup__main {
    background-color: #fff;
    -webkit-box-shadow: 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    height: 100%;
    padding-bottom: 2.4em;
    z-index: 1;
}

#onicon .onicon-chat-popup__chat {
    padding: 0 0 2em;
    position: relative;
    z-index: 1;
}

#onicon .onicon-chat-popup__scroll-hidden {
    overflow: hidden;
    position: relative;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#onicon .onicon-chat-popup__scrollable-wrapp {
    overflow-x: hidden;
    overflow-y: scroll;
    margin-right: -16px;
    padding: 1em 3.2em 1em 1.6em;
    padding-right: 16px !important;
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

#onicon .onicon-chat-popup__scrollable-wrapp::-webkit-scrollbar {
    width: 16px;
}

#onicon .onicon-chat-popup--device .onicon-chat-popup__bar {
    display: none;
}

#onicon .onicon-chat-popup--device .onicon-chat-popup__scroll-hidden {
    overflow-y: scroll;
}

#onicon .onicon-chat-popup--device .onicon-chat-popup__row.onicon-textarea {
    -webkit-box-shadow: 0 0 0.6em 0.4em #fff;
    box-shadow: 0 0 0.6em 0.4em #fff;
}

#onicon .onicon-chat-popup--device .onicon-chat-popup__scrollable-wrapp {
    overflow: visible;
}

#onicon .onicon-chat-popup__scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.6em;
    width: 0.4em;
    border-radius: 0.4em;
    z-index: 5;
    -webkit-transition: right 0.2s ease-out 0.2s;
    transition: right 0.2s ease-out 0.2s;
}

#onicon .onicon-chat-popup__bar {
    background: #ebebeb;
    background: rgba(48, 48, 48, 0.1);
    position: absolute;
    top: 2em;
    height: 28em;
    width: 5px;
    right: 5px;
    border-radius: 0.4em;
    opacity: 0;
}

#onicon .onicon-js-scroll._scrollbar .onicon-chat-popup__bar {
    opacity: 1;
}

#onicon .onicon-chat-popup__picture {
    line-height: 0;
    padding: 0;
    text-align: center;
    margin: 2.6em 0 0;
    font-size: 1em;
}

#onicon .onicon-chat-popup__picture img {
    max-width: 100%;
}

#onicon .onicon-chat-popup .onicon-chat-popup__large-text {
    color: #00b172;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: -0.0033333em;
    line-height: 1.333em;
    padding: 0;
    margin: 1.5em 0 0;
    text-align: center;
}

#onicon .onicon-chat-popup .onicon-chat-popup__small-text {
    color: #303030;
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.00153846em;
    line-height: 1.53846em;
    margin: 1.5em 0 0;
    padding: 0;
    text-align: center;
}

#onicon .onicon-chat-popup__chat--typing {
    position: absolute;
    font-size: 1.1em;
    left: 1.545455em;
    bottom: 8.454546em;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iLWFuaW1fa2V5Ym9yZCIgaW1hZ2UtcmVuZGVyaW5nPSJhdXRvIiBiYXNlUHJvZmlsZT0iYmFzaWMiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMCUiIHk9IjAlIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIGluPSJTb3VyY2VHcmFwaGljIiByZXN1bHQ9ImNvbG9yVHJhbnMiIHZhbHVlcz0iMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMC4zIDAiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJmaWx0ZXI2IiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAlIiB5PSIwJSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBpbj0iU291cmNlR3JhcGhpYyIgcmVzdWx0PSJjb2xvclRyYW5zIiB2YWx1ZXM9IjEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDAuMyAwIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZmlsdGVyMTAiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMCUiIHk9IjAlIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIGluPSJTb3VyY2VHcmFwaGljIiByZXN1bHQ9ImNvbG9yVHJhbnMiIHZhbHVlcz0iMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMC4zIDAiLz48L2ZpbHRlcj48c3ltYm9sIGlkPSJTcHJpdGVfc3ByaXRlXzI3IiBvdmVyZmxvdz0idmlzaWJsZSI+PHVzZSB4bGluazpocmVmPSIjU2hhcGVfc2hhcGVfMSIgdHJhbnNmb3JtPSJtYXRyaXgoMC4yMTkgMCAwIDEgMCAwKSIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9IlNoYXBlX3NoYXBlXzEiIG92ZXJmbG93PSJ2aXNpYmxlIj48cGF0aCBmaWxsPSIjMzAzMDMwIiBkPSJNMC41LDBRMCwwIDAsMC41TDAsMS41UTAsMS45NSAwLjUsMkw4LjYsMlE5LjE1LDIgOS4xNSwxLjVMOS4xNSwwLjVROS4xNSwwIDguNiwwTDAuNSwwIi8+PC9zeW1ib2w+PC9kZWZzPjxnIGlkPSJTY2VuZV8xIiBvdmVyZmxvdz0idmlzaWJsZSI+PGcgaWQ9IlNwcml0ZV9zcHJpdGVfMTUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMiAzKSI+PGcgaWQ9IlNwcml0ZV9zcHJpdGVfMjYiIGZpbHRlcj0idXJsKCNmaWx0ZXIxMCkiPjx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMSAxKSIvPjwvZz48ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yNSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAyLjYgMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiBrZXlUaW1lcz0iMDswLjAzNzswLjA3NDswLjExMTswLjE0ODswLjE0OTswLjE4NTswLjIyMjswLjI1OTswLjI5NjswLjMzMzswLjMzNDswLjY2NzswLjcwNDswLjc0MTswLjc3ODswLjgxNDswLjgxNTsxIiB2YWx1ZXM9IjAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMyIgY2FsY01vZGU9ImRpc2NyZXRlIi8+PHVzZSB4bGluazpocmVmPSIjU3ByaXRlX3Nwcml0ZV8yNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxLjQgMSkiLz48L2c+PGcgaWQ9IlNwcml0ZV9zcHJpdGVfMjQiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNy4yIDApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIyLjI1cyIga2V5VGltZXM9IjA7MC40MDc7MC40NDQ7MC40ODE7MC41MTk7MC41NTU7MC41NTY7MSIgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz48dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0wLjE0OSAxKSIvPjwvZz48ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yMyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxMSAwKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiIGtleVRpbWVzPSIwOzAuMDc0OzAuMTExOzAuMTQ4OzAuMTg1OzAuMjIyOzAuMjIzOzAuNjM7MC42Njc7MC43MDQ7MC43NDE7MC43Nzc7MC43Nzg7MSIgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz48dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0wLjk0OSAxKSIvPjwvZz48ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yMiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxMyAxKSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjYpIj48dXNlIHhsaW5rOmhyZWY9IiNTaGFwZV9zaGFwZV8xIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjMyOCAwIDAgMSAwIDApIi8+PC9nPjxnIGlkPSJTcHJpdGVfc3ByaXRlXzIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMy4xNSkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiBrZXlUaW1lcz0iMDswLjAzNzswLjA3NDswLjExMTswLjE0ODswLjE4NTswLjE4NjswLjQ4MTswLjUxOTswLjU1NjswLjU5MzswLjYyOTswLjYzOzEiIHZhbHVlcz0iMC4zOzAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMyIgY2FsY01vZGU9ImRpc2NyZXRlIi8+PHVzZSB4bGluazpocmVmPSIjU3ByaXRlX3Nwcml0ZV8yNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAzIDAuODUpIi8+PC9nPjxnIGlkPSJTcHJpdGVfc3ByaXRlXzIwIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEzIDMuMykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiBrZXlUaW1lcz0iMDswLjI1OTswLjI5NjswLjMzMzswLjM3OzAuNDA3OzAuNDA4OzAuNTkzOzAuNjM7MC42Njc7MC43MDQ7MC43NDswLjc0MTsxIiB2YWx1ZXM9IjAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjMiIGNhbGNNb2RlPSJkaXNjcmV0ZSIvPjx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTAuOTQ5IDAuNykiLz48L2c+PGcgaWQ9IlNwcml0ZV9zcHJpdGVfMTkiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNS4xNSAyLjk1KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiIGtleVRpbWVzPSIwOzAuMjk2OzAuMzMzOzAuMzc7MC40MDc7MC40NDQ7MC40NDU7MC44NTI7MC44ODk7MC45MjY7MC45NjM7MSIgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuMyIgY2FsY01vZGU9ImRpc2NyZXRlIi8+PHVzZSB4bGluazpocmVmPSIjU3ByaXRlX3Nwcml0ZV8yNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwLjg1IDEuMDUpIi8+PC9nPjxnIGlkPSJTcHJpdGVfc3ByaXRlXzE4IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDguOSAzLjE1KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiIGtleVRpbWVzPSIwOzAuMTQ4OzAuMTg1OzAuMjIyOzAuMjU5OzAuMjk2OzAuMjk3OzAuNTU2OzAuNTkzOzAuNjM7MC42Njc7MC43MDM7MC43MDQ7MSIgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz48dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAuMSAwLjg1KSIvPjwvZz48ZyBpZD0iU3ByaXRlX3Nwcml0ZV8xNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAzLjEgNy4xKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiIGtleVRpbWVzPSIwOzAuMzMzOzAuMzc7MC40MDc7MC40NDQ7MC40ODE7MC40ODI7MC43MDQ7MC43NDE7MC43Nzg7MC44MTU7MC44NTE7MC44NTI7MSIgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz48ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yOCIgdHJhbnNmb3JtPSJtYXRyaXgoMC45ODQgMCAwIDEgMC45IC0wLjA0OSkiPjx1c2UgeGxpbms6aHJlZj0iI1NoYXBlX3NoYXBlXzEiLz48L2c+PC9nPjxnIGlkPSJTcHJpdGVfc3ByaXRlXzE2IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgNy4xKSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcikiPjx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMSAtMC4wNDkpIi8+PHVzZSB4bGluazpocmVmPSIjU3ByaXRlX3Nwcml0ZV8yNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxNCAtMC4wNDkpIi8+PC9nPjwvZz48L2c+PC9zdmc+)
        0 3px no-repeat;
    background-size: 2em 1.454546em;
    padding: 0.454546em 0.91em 0.27273em 2.454546em;
    border-radius: 0.27273em;
    display: block;
    z-index: 5;
    color: #848484;
    line-height: 1.091em;
}

@media screen and (max-width: 1023px) {
    #onicon {
        /*onicon .onicon-chat-popup__scroll-hidden {*/
        /*top: 11.8em;*/
        /*}*/
    }

    #onicon .onicon-chat-popup__chat--typing {
        bottom: 9.5em;
    }

    #onicon .onicon-chat-popup {
        top: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
        left: auto !important;
        right: 0 !important;
        max-width: 100% !important;
        height: auto !important;
    }

    #onicon .onicon-chat-popup__controls {
        opacity: 1 !important;
    }

    #onicon .onicon-chat-popup__main {
        padding-bottom: 2.7em;
        height: 100%;
        z-index: 1;
    }

    #onicon .onicon-chat-popup__scrollable-wrapp {
        padding-right: 3.2em !important;
    }
}

#onicon .onicon-smile-inner {
    font-size: 3em;
    text-align: center;
    cursor: pointer;
    padding: 2.5px;
    width: calc(100% / 6 - 5px);
}

#onicon .onicon-smile-inner-in-chat {
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

#onicon .onicon-emoji-block {
    position: absolute;
    width: 290px;
    height: 135.1px;
    background: white;
    z-index: 999999;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 6px 7px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#onicon .onicon-emoji-sticker {
    display: inline-block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    padding: 3px 3px;
    overflow: hidden;
    border-radius: 10px;
}

#onicon .onicon-emoji-sticker img {
    height: 32px;
}

#onicon .onicon-emoji-sticker:hover {
    background: #f1f1f1;
}

#onicon .js-required-input,
#onicon .js-onicon-field,
#onicon .js-chat-input {
    /* ! */
}

#onicon .onicon-chat-popup__message-separator {
    text-align: center;
    position: relative;
    margin: 15px 0px;
    color: rgba(48, 48, 48, 0.6);
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.64;
    letter-spacing: normal;
}

#onicon .onicon-chat-popup__message-separator:after {
    position: absolute;
    border-radius: 5px;
    content: "";
    height: 2px;
    background-color: #ebebeb;
    width: 35%;
    margin-left: 15px;
    top: 50%;
    right: 0;
}

#onicon .onicon-chat-popup__message-separator:before {
    position: absolute;
    border-radius: 5px;
    content: "";
    height: 2px;
    background-color: #ebebeb;
    width: 35%;
    margin-right: 15px;
    top: 50%;
    left: 0px;
}

#onicon .onicon-chat-popup__landscape-stub {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 99999999;
    cursor: pointer;
}

#onicon .onicon-chat-popup__landscape-stub svg {
    width: 80px;
}

#onicon .onicon-chat-popup__landscape-stub--hide {
    display: none !important;
}

.onicon-body-mobile {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: visible;
}

#onicon .onicon-loader {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 5;
}

#onicon .onicon-loader__spinner {
    position: absolute;
    width: 7.4em;
    height: 7.4em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#onicon .onicon-loader__message {
    position: absolute;
    top: 40%;
    width: 100%;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    font-size: 2.4em;
    text-align: center;
    color: #232323;
}

#onicon .onicon-loader__message--error {
    color: #ff0001;
}

#onicon .onicon-copyright {
    text-align: center;
    text-decoration: none;
    width: 100%;
    -webkit-box-shadow: inset 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    font-size: 1.2em;
    text-shadow: 0 0 0.166667em #fff;
    color: rgba(0, 177, 114, 0.6);
    font-weight: 400;
    line-height: 2em;
    letter-spacing: -0.003333em;
}

#onicon .onicon-copyright__link {
    text-align: center;
    text-decoration: none;
}

#onicon .onicon-copyright__link:visited,
#onicon .onicon-copyright__link:link {
    color: #00b172;
    color: rgba(0, 177, 114, 0.6);
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-copyright {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        border-top: 0.1em solid #ebebeb;
        border-top: 0.1em solid rgba(48, 48, 48, 0.1);
        -webkit-box-shadow: inset 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 0.2em 1.2em rgba(0, 0, 0, 0.15);
    }
}

#onicon .onicon-copyright__link:hover {
    text-decoration: underline;
    color: #00b172;
}

#onicon .onicon-no-copyright .onicon-copyright {
    display: none;
}

#onicon .onicon-textarea {
    display: block;
    height: 6.4em;
    max-height: 6.4em;
    border-top: 0.1em solid #303030;
    border-top: 0.1em solid rgba(48, 48, 48, 0.1);
    overflow: hidden;
    position: relative;
    z-index: 5;
    margin: 0 -3.2em 0 -1.6em;
    padding: 0 1.6em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.4em;
    flex: 0 0 6.4em;
    -webkit-box-shadow: 0 0.3em 0.8em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.3em 0.8em rgba(0, 0, 0, 0.1);
}

#onicon .onicon-textarea__label {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
}

#onicon .onicon-textarea__label:before {
    content: "";
    width: 100%;
    height: 4.4em;
    -webkit-box-shadow: 0 0 0.5em 0.3em #fff;
    box-shadow: 0 0 0.5em 0.3em #fff;
    position: absolute;
    top: -4.4em;
    left: 0;
    z-index: 3;
}

#onicon .onicon-textarea__input {
    font-size: 14px;
    outline: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.5em 4.42857em 0 1.142857em;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.92);
    border-radius: 0 0 0.42857em 0.42857em;
    -webkit-box-shadow: inset 0 0.07143em 0 rgba(48, 48, 48, 0.1);
    box-shadow: inset 0 0.07143em 0 rgba(48, 48, 48, 0.1);
    resize: none;
    color: #303030;
    color: rgba(33, 33, 33, 0.99);
    font-weight: 400;
    letter-spacing: -0.00142857em;
    line-height: 1.57em;
    min-height: 0;
    font-family: "Open Sans", sans-serif;
}

#onicon .onicon-textarea__input::-webkit-input-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    text-overflow: ellipsis;
    font-family: "Open Sans", sans-serif;
}

#onicon .onicon-textarea__input:-ms-input-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    text-overflow: ellipsis;
    font-family: "Open Sans", sans-serif;
}

#onicon .onicon-textarea__input::-ms-input-placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    text-overflow: ellipsis;
    font-family: "Open Sans", sans-serif;
}

#onicon .onicon-textarea__input::placeholder {
    color: #303030;
    color: rgba(48, 48, 48, 0.3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.07142857em;
    line-height: 1.42857em;
    text-overflow: ellipsis;
    font-family: "Open Sans", sans-serif;
}

#onicon .onicon-textarea__input:focus::-webkit-input-placeholder {
    opacity: 0;
}

#onicon .onicon-textarea__input:focus:-ms-input-placeholder {
    opacity: 0;
}

#onicon .onicon-textarea__input:focus::-ms-input-placeholder {
    opacity: 0;
}

#onicon .onicon-textarea__input:focus::placeholder {
    opacity: 0;
}

#onicon .onicon-textarea__send {
    width: 3.2em;
    height: 3.2em;
    position: absolute;
    top: 1.6em;
    right: 4.8em;
    cursor: pointer;
    display: none;
    border-radius: 50%;
}

#onicon .onicon-textarea__svg-circle {
    fill: transparent;
}

#onicon .onicon-textarea__svg-send {
    fill: #303030;
    opacity: 0.1;
}

#onicon .onicon-textarea__send--active {
    display: block;
}

#onicon .onicon-textarea__send--active .onicon-textarea__svg-send {
    fill: #00b172;
    opacity: 1;
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-textarea__send {
        margin-right: 0;
    }

    #onicon .onicon-textarea {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #onicon .onicon-textarea__input {
        font-size: 16px;
    }

    #onicon .onicon-textarea__input::-webkit-input-placeholder {
        font-size: 16px;
    }

    #onicon .onicon-textarea__input:-ms-input-placeholder {
        font-size: 16px;
    }

    #onicon .onicon-textarea__input::-ms-input-placeholder {
        font-size: 16px;
    }

    #onicon .onicon-textarea__input::placeholder {
        font-size: 16px;
    }
}

#onicon .onicon-textarea__input:focus + .onicon-textarea__send {
    display: block;
}

#onicon .onicon-chat-popup__status-bar--offline ~ .onicon-textarea {
    display: none;
}

#onicon .onicon-message {
    position: relative;
}

#onicon .onicon-message:after,
#onicon .onicon-message:before {
    display: table;
    content: "";
}

#onicon .onicon-message:after {
    clear: both;
}

#onicon
    .onicon-chat-popup__row[data-ow-type="autosend-message"]
    .onicon-message__inner {
    width: 100% !important;
}

#onicon .onicon-message__inner {
    border-radius: 0.6em;
    padding: 0.8em 5.858em 0.8em 1.4em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#onicon .onicon-message__inner img {
    max-width: 100%;
}

#onicon .onicon-message__inner figure.media {
    width: 99999999999px;
    max-width: 100%;
}

#onicon .onicon-message__inner * {
    word-break: break-word;
}

#onicon .onicon-message__inner h2 {
    color: #000;
    font-size: 1.7em;
}

#onicon .onicon-message__inner h3 {
    color: #000;
    font-size: 1.4em;
}

#onicon .onicon-message__inner h4 {
    color: #000;
    font-size: 1.37em;
}

#onicon .onicon-message__inner ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

#onicon .onicon-message__inner ul li {
    display: list-item;
}

#onicon .onicon-message__inner ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

#onicon .onicon-message__inner ol li {
    display: list-item;
}

#onicon .onicon-message__text {
    color: #fff;
    color: rgba(48, 48, 48, 0.99);
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.0030769em;
    line-height: 1.53846em;
    margin: 0;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#onicon .message__text img {
    max-width: 100%;
}

#onicon .onicon-message__time {
    position: absolute;
    font-size: 1em;
    top: 1.2em;
    right: 0.8em;
    opacity: 0.3;
    color: #fff;
    color: rgba(33, 33, 33, 0.99);
    font-weight: 400;
    letter-spacing: -0.003em;
    line-height: 1.2em;
    margin: 0;
}

#onicon .onicon-message--consultant .onicon-message__inner {
    float: left;
    background-color: #e5f7f0;
    background-color: rgba(0, 177, 144, 0.1);
}

#onicon .onicon-message--client .onicon-message__inner {
    float: right;
    background-color: #ebebeb;
    background-color: rgba(48, 48, 48, 0.1);
}

#onicon .onicon-message--system {
    text-align: left;
    margin-top: 0.8em;
}

#onicon .onicon-message--system:before {
    display: none;
}

#onicon .onicon-message--system .onicon-message__time {
    display: none;
}

#onicon .onicon-message--system .onicon-message__inner {
    padding: 0;
}

#onicon .onicon-message--system .onicon-message__text {
    font-size: 1.1em;
    color: #303030;
    color: rgba(48, 48, 48, 0.6);
    font-weight: 700;
    letter-spacing: -0.00272727em;
    line-height: 1.818182em;
    overflow: hidden;
    text-overflow: ellipsis;
}

#onicon .onicon-message--markered {
    margin-top: 1em;
}

#onicon .onicon-message--markered:before {
    content: "";
    border: 0.5em solid transparent;
    position: absolute;
}

#onicon .onicon-message--no-time .onicon-message__inner {
    padding-right: 1.4em;
    margin-top: 0.8em;
}

#onicon .onicon-message--no-time .onicon-message-time {
    display: none;
}

#onicon .onicon-message--client + .onicon-message--client {
    margin-top: 0.4em;
}

#onicon .onicon-message--client + .onicon-message--consultant {
    margin-top: 1.8em;
}

#onicon .onicon-message--client + .onicon-message--system {
    margin-top: 1em;
}

#onicon .onicon-message--consultant + .onicon-message--consultant {
    margin-top: 0.4em;
}

#onicon .onicon-message--consultant + .onicon-message--client {
    margin-top: 0.4em;
}

#onicon .onicon-message--consultant + .onicon-message--system {
    margin-top: 1em;
}

#onicon .onicon-message--system + .onicon-message--system {
    margin-top: 1em;
}

#onicon .onicon-message--system + .onicon-message--consultant {
    margin-top: 0.9em;
}

#onicon .onicon-message--system + .onicon-message--client {
    margin-top: 1em;
}

#onicon
    .onicon-message--markered.onicon-message--client
    .onicon-message__inner {
    border-radius: 0.6em 0.6em 0 0.6em;
}

#onicon .onicon-message--markered.onicon-message--client:before {
    bottom: -1em;
    right: 0;
    border-right: 0.5em solid #303030;
    border-top: 0.5em solid #303030;
    border-right: 0.5em solid rgba(48, 48, 48, 0.1);
    border-top: 0.5em solid rgba(48, 48, 48, 0.1);
}

#onicon
    .onicon-message--markered.onicon-message--consultant
    .onicon-message__inner {
    border-radius: 0 0.6em 0.6em 0.6em;
}

#onicon .onicon-message--markered.onicon-message--consultant:before {
    top: -1em;
    left: 0;
    border-left: 0.5em solid #00b190;
    border-bottom: 0.5em solid #00b190;
    border-left: 0.5em solid rgba(0, 177, 144, 0.1);
    border-bottom: 0.5em solid rgba(0, 177, 144, 0.1);
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-message__text {
        font-size: 1.6em;
        font-weight: 400;
        letter-spacing: -0.003125em;
        line-height: 1.375em;
    }

    #onicon .onicon-message__text img {
        width: 100%;
    }
}

#onicon .onicon-toolbar {
    background: #fff;
    height: 2.8em;
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.8em;
    flex: 0 0 2.8em;
    padding: 0 2.2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    -webkit-box-shadow: 0 0 0.6em 0.4em #fff;
    box-shadow: 0 0 0.6em 0.4em #fff;
}

#onicon .onicon-toolbar__label {
    width: 2em;
    height: 2em;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#onicon .onicon-toolbar__label--enter {
    margin-right: 0.8em;
}

#onicon .onicon-toolbar__icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    opacity: 0.6;
}

#onicon .onicon-toolbar__checkbox {
    display: none;
}

#onicon .onicon-toolbar__checkbox:not(:checked) + .onicon-toolbar__icon--enter {
    margin-right: 0.8em;
}

#onicon
    .onicon-toolbar__checkbox:not(:checked)
    + .onicon-toolbar__icon--enter
    path {
    fill: #303030;
}

#onicon .onicon-toolbar__checkbox:checked ~ .onicon-toolbar__icon--mute {
    display: none;
}

#onicon .onicon-toolbar__checkbox:checked ~ .onicon-toolbar__icon--mute-on {
    display: block;
}

#onicon .onicon-toolbar__checkbox ~ .onicon-toolbar__icon--mute {
    display: none;
}

#onicon .onicon-toolbar__checkbox ~ .onicon-toolbar__icon--mute-off {
    display: block;
}

#onicon .onicon-toolbar__label--stickers {
    margin-right: 0.8em;
}

#onicon .onicon-toolbar__label--print,
#onicon .onicon-toolbar__label--file {
    margin-right: 0.8em;
}

#onicon .onicon-toolbar__label--print svg *,
#onicon .onicon-toolbar__label--file svg * {
    fill: #00af53;
}

#onicon .onicon-toolbar__label--stickers,
#onicon .onicon-toolbar__icon--stickers {
    /* ! */
}

#onicon .onicon-toolbar__label--stickers::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    z-index: 99999999999;
}

#onicon .onicon-toolbar__tooltip {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 0.8em 1.4em;
    color: #212121;
    border-radius: 0.6em;
    background-color: white;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
    z-index: 999999;
    white-space: nowrap;
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-toolbar {
        display: none !important;
    }

    #onicon .onicon-toolbar {
        display: block;
    }
}

#onicon .onicon-chat-popup__status-bar--offline ~ .onicon-toolbar {
    display: none;
}

#onicon {
    /*.onicon-chat-popup__status-bar--offline + .onicon-chat-popup__scroll-hidden {*/
    /*top: 9.2em;*/
    /*bottom: 0;*/
    /*}*/
}

#onicon .onicon-chat-popup__status-bar {
    -webkit-box-shadow: 0 0 1em 1em #fff;
    box-shadow: 0 0 1em 1em #fff;
    position: relative;
    z-index: 2;
    cursor: move;
    min-height: 4.2em;
    background: #fff;
    padding: 1.1em 1.6em 0;
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 6.4em;*/
    /*flex: 0 0 6.4em;*/
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#onicon
    .onicon-chat-popup__status-bar:not(.onicon-chat-popup__status-bar--offline)
    p:last-of-type:first-of-type {
    position: absolute;
    top: 1.7em;
    left: 5.8em;
    max-width: 70%;
}

#onicon .onicon-chat-popup__status-bar--offline {
    padding: 1.2em 1.6em 0;
    min-height: 1.7em;
}

#onicon .onicon-chat-popup__status-bar--offline .onicon-chat-popup__controls {
    margin-top: -0.6em;
    margin-right: -0.3em;
    padding-top: 0;
}

#onicon .onicon-chat-popup__status-bar--offline .onicon-chat-popup__photo,
#onicon .onicon-chat-popup__status-bar--offline .onicon-chat-popup__subtitle {
    display: none;
}

#onicon .onicon-chat-popup__photo {
    float: left;
    margin-right: 1em;
    margin-top: -0.2em;
    width: 5.7em;
    height: 5.7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -0.9em;
}

#onicon .onicon-chat-popup__photo img {
    display: none;
    width: 3.6em;
    height: 3.6em;
    border-radius: 50%;
    position: absolute;
    left: 1.5em;
    top: 1.5em;
    z-index: 2;
}

#onicon .onicon-chat-popup__title {
    color: #303030;
    color: rgba(33, 33, 33, 0.99);
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: -0.002857em;
    line-height: 1.42857em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.142857em 0 0 0;
    white-space: nowrap;
}

#onicon .onicon-chat-popup__subtitle {
    color: #303030;
    color: rgba(48, 48, 48, 0.6);
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.00076923em;
    line-height: 1.53846em;
    display: block;
    vertical-align: top;
    margin: -0.153846em 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#onicon .onicon-chat-popup__controls {
    float: right;
    padding-top: 0.5em;
}

#onicon .onicon-chat__control {
    width: 3.2em;
    height: 3.2em;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
}

#onicon.onicon-notouch .onicon-chat__control:hover {
    opacity: 1;
}

#onicon .onicon-chat__control--expand {
    display: none;
    background: url(https://client.onicon.ru/parts/221aaf5d106e855e20f993c676212b31.svg)
        center no-repeat;
}

#onicon .onicon-chat__control--close {
    background: url(https://client.onicon.ru/parts/0548a0108470676612ccfec0316b3a7a.svg)
        center no-repeat;
    background-size: 3.2em;
    opacity: 0.6;
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-chat__control--close {
        background: url(https://client.onicon.ru/parts/1d9f048d5ab8a79035429f687440e307.svg)
            center no-repeat;
        background-size: 3.2em;
    }
}

#onicon .onicon-chat-popup__tabs {
    display: none;
    background: white;
    height: 2.6em;
    max-width: 44.8em;
    -webkit-box-shadow: inset 0 0 0 1px #5ccda4;
    box-shadow: inset 0 0 0 1px #5ccda4;
    border-radius: 0.4em;
    overflow: hidden;
    margin: 1.2em auto 1em;
    width: 100%;
}

#onicon .onicon-chat-popup__tab {
    float: left;
    text-align: center;
    width: 50%;
    height: 100%;
    font-size: 1.2em;
    line-height: 2.16667em;
    font-weight: 400;
    letter-spacing: -0.0025em;
    color: #212121;
    cursor: pointer;
}

#onicon .onicon-chat-popup__tab--active {
    color: #fff;
    background-color: #66d0aa;
    cursor: default;
}

#onicon .onicon-notouch .onicon-chat-popup__tab:hover {
    background: #e5f7f0;
}

#onicon .onicon-notouch .onicon-chat-popup__tab--active:hover {
    background: #66d0aa;
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-chat-popup__tabs {
        height: 3.6em;
    }

    #onicon .onicon-chat-popup__tab {
        font-size: 1.4em;
        line-height: 2.57em;
    }
}

#onicon .ui-resizable-n,
#onicon .ui-resizable-e,
#onicon .ui-resizable-s,
#onicon .ui-resizable-w,
#onicon .ui-resizable-ne,
#onicon .ui-resizable-se,
#onicon .ui-resizable-sw,
#onicon .ui-resizable-nw {
    /* ! */
}

#onicon .onicon-resize {
    position: absolute;
    background-color: transparent;
    margin: 0;
    padding: 0;
    z-index: 10;
    font-size: 1em;
}

#onicon .onicon-resize--top {
    top: 0;
    left: 0.5em;
    right: 0.5em;
    height: 0.5em;
    cursor: ns-resize;
}

#onicon .onicon-resize--left {
    top: 1em;
    left: 0;
    bottom: 1em;
    width: 0.5em;
    cursor: ew-resize;
}

#onicon .onicon-resize--right {
    top: 1em;
    right: 0;
    bottom: 1em;
    width: 0.5em;
    cursor: ew-resize;
}

#onicon .onicon-resize--bottom {
    bottom: 0;
    left: 1em;
    right: 1em;
    height: 0.5em;
    cursor: ns-resize;
}

#onicon .onicon-resize--left-top {
    top: 0;
    left: 0;
    height: 1em;
    width: 1em;
    cursor: nwse-resize;
}

#onicon .onicon-resize--right-top {
    width: 1em;
    height: 1em;
    top: 0;
    right: 0;
    cursor: nesw-resize;
}

#onicon .onicon-resize--left-bottom {
    width: 1em;
    height: 1em;
    bottom: 0;
    left: 0;
    cursor: nesw-resize;
}

#onicon .onicon-resize--right-bottom {
    width: 1em;
    height: 1em;
    bottom: 0;
    right: 0;
    cursor: nwse-resize;
}

@media screen and (max-device-width: 1024px) {
    #onicon .onicon-resize {
        display: none;
    }
}

#onicon .onicon-textarea .onicon-button-submit__label {
    display: none;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: #303030;
    position: absolute;
    top: 0;
    padding: 2.1em 5.8em 0 1.7em;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #e3e3e3;
}

#onicon .onicon-textarea .onicon-button-submit__checkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
    -webkit-appearance: checkbox;
}

#onicon .onicon-textarea .onicon-button-submit__link {
    color: #303030;
    text-decoration: underline;
}

#onicon .onicon-textarea .onicon-button-submit__link:hover {
    text-decoration: none;
}

@-webkit-keyframes onc-fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes onc-fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@-webkit-keyframes onc-fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes onc-fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes onc-fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes onc-fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-webkit-keyframes onc-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes onc-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes onc-fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes onc-fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes onc-flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes onc-flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

#onicon .onc-popup-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#onicon .onc-fadeInUpBig {
    -webkit-animation-name: onc-fadeInUpBig;
    animation-name: onc-fadeInUpBig;
}

#onicon .onc-fadeOutDownBig {
    -webkit-animation-name: onc-fadeOutDownBig;
    animation-name: onc-fadeOutDownBig;
}

#onicon .onc-fadeIn {
    -webkit-animation-name: onc-fadeIn;
    animation-name: onc-fadeIn;
}

#onicon .onc-fadeInRightBig {
    -webkit-animation-name: onc-fadeInRightBig;
    animation-name: onc-fadeInRightBig;
}

#onicon .onc-fadeOutRightBig {
    -webkit-animation-name: onc-fadeOutRightBig;
    animation-name: onc-fadeOutRightBig;
}

#onicon .onc-flipOutX {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: onc-flipOutX;
    animation-name: onc-flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

/* 8 */
#onicon .onicon-ag-wrap {
    max-width: 320px;
    position: fixed;
    left: 10px;
    display: none;
    z-index: 9999999999999;
}

#onicon .onicon-ag-wrap:before,
#onicon .onicon-ag-wrap:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: -6px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    opacity: 0.8;
    border-radius: 3px;
    z-index: 2;
}

#onicon .onicon-ag-wrap:after {
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: -12px;
    z-index: 1;
}

#onicon .onicon-ag-note {
    position: relative;
    z-index: 3;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#onicon .onicon-ag-note__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-color: #dafddc;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#onicon .onicon-ag-note__icon img {
    max-width: 100%;
}

#onicon .onicon-ag-note__content {
    margin: 0 0 0 16px;
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.4px;
}

#onicon .onicon-ag-note__content img {
    max-width: 100%;
    height: auto;
    width: auto;
}

#onicon .onicon-ag-note__content img {
    max-width: 100%;
}

#onicon .onicon-ag-note__content figure.media {
    width: 400px;
    max-width: 100%;
}

#onicon .onicon-ag-note__content * {
    word-break: break-word;
}

#onicon .onicon-ag-note__content h2 {
    color: #000;
    font-size: 1.7em;
}

#onicon .onicon-ag-note__content h3 {
    color: #000;
    font-size: 1.4em;
}

#onicon .onicon-ag-note__content h4 {
    color: #000;
    font-size: 1.37em;
}

#onicon .onicon-ag-note__content ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

#onicon .onicon-ag-note__content ul li {
    display: list-item;
}

#onicon .onicon-ag-note__content ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

#onicon .onicon-ag-note__content ol li {
    display: list-item;
}

#onicon .onicon-ag-wrap--imaged {
    max-width: 260px;
}

#onicon .onicon-ag-wrap--imaged .onicon-ag-note {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
}

#onicon .onicon-ag-wrap--imaged .onicon-ag-note__icon {
    background: none;
    width: 100%;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

#onicon .onicon-ag-wrap--imaged .onicon-ag-note__content {
    margin: 14px 0 0 0;
}

/* 9 */
#onicon .custom__wrapper {
    display: none;
    position: fixed;
    background: white;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: 10px;
}

#onicon .custom__fog {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
}

#onicon .custom__left {
    float: left;
}

#onicon .custom__right {
    float: right;
}

#onicon .custom__close {
    background: url(https://client.onicon.ru/parts/0548a0108470676612ccfec0316b3a7a.svg)
        center no-repeat;
    background-color: white;
    background-size: 3.2em;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    opacity: 0.6;
    cursor: pointer;
    border-radius: 0 0 0 10px;
    z-index: 1;
}

#onicon .custom__close:hover {
    opacity: 1;
}

/*10  */
#onicon .dialog__outer {
    display: none;
    position: fixed;
    background: white;
    left: 50%;
    top: 50%;
    width: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: 10px;
    z-index: 2147483700;
}

#onicon .dialog__outer._scrollbar .dialog__scroll--bar {
    opacity: 1;
}

#onicon .dialog__title {
    font-size: 25px;
    color: #749e3f;
    height: 30px;
    padding: 10px 15px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 0 20px 20px white;
    box-shadow: 0 0 20px 20px white;
    z-index: 10;
}

#onicon .dialog__footer {
    height: 20px;
    position: relative;
    -webkit-box-shadow: 0 0 20px 20px white;
    box-shadow: 0 0 20px 20px white;
    z-index: 10;
}

#onicon .dialog__fog {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2147483699;
}

#onicon .dialog__wrapper {
    max-height: 460px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -15px;
}

#onicon .dialog__scroll--rail {
    position: absolute;
    right: 5px;
    top: 50px;
    bottom: 20px;
    width: 20px;
}

#onicon .dialog__scroll--bar {
    opacity: 0;
    background: #ebebeb;
    position: absolute;
    top: 2em;
    height: 28em;
    width: 7px;
    right: 7px;
    border-radius: 0.4em;
    z-index: 11;
}

#onicon .dialog__close {
    background: url(https://client.onicon.ru/parts/0548a0108470676612ccfec0316b3a7a.svg)
        center no-repeat;
    background-color: white;
    background-size: 3.2em;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    opacity: 0.6;
    cursor: pointer;
    border-radius: 0 0 0 10px;
    z-index: 11;
}

#onicon .dialog__close:hover {
    opacity: 1;
}

@media screen and (max-device-width: 768px) {
    #onicon .dialog__outer {
        max-height: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        border-radius: 0;
    }

    #onicon .dialog__wrapper {
        max-height: 93%;
    }

    #onicon .dialog__title {
        font-size: 17px;
        height: 10px;
    }

    #onicon .dialog__content {
        padding-right: 30px;
    }
}

@media screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    #onicon .dialog__outer {
        width: 80%;
    }

    #onicon .dialog__title {
        font-size: 20px;
        height: 25px;
    }
}

@media screen and (max-device-width: 1440px) and (min-device-width: 1024px) {
    #onicon .dialog__wrapper {
        max-height: 280px;
    }

    #onicon .dialog__outer {
        width: 60%;
        top: 60%;
    }

    #onicon .dialog__title {
        font-size: 25px;
        height: 30px;
    }
}

@media screen and (max-device-width: 2560px) and (min-device-width: 1440px) {
    #onicon .dialog__outer {
        width: 40%;
    }

    #onicon .dialog__title {
        font-size: 25px;
        height: 30px;
    }
}

/* 11 */
#onicon .onc-chat__message-option--submit {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px 6px;
    border-radius: 6px;
    background-color: #fff;
    float: right;
    margin-top: 10px;
    color: #353535;
    border: 1px solid silver;
    cursor: pointer;
    margin-right: 8px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-bottom: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#onicon .onc-chat__message-option--submit:hover {
    background: silver;
}

#onicon .onc-chat__message-checkbox label {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px 6px;
    border-radius: 6px;
    background-color: #c7e8f6;
    cursor: pointer;
    margin-right: 8px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-bottom: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#onicon .onc-chat__message-checkbox input {
    display: none;
}

#onicon .onc-chat__message-checkbox input:checked ~ label {
    background: #005f88;
    color: white;
}

#onicon .onc-chat {
    font-family: Open Sans, Arial, sans-serif;
    height: 100%;
    padding: 10px 45px 20px 18px;
    font-size: 15px;
    line-height: 1.2em;
    color: #333;
    width: 100%;
}

#onicon .onc-chat .onc-chat__message-area {
    padding-right: 30px;
}

#onicon .onc-chat .onc-chat__message-text {
    max-width: 460px;
    padding: 12px 14px;
    border-radius: 6px;
    margin: 0;
    position: relative;
}

#onicon .onc-chat .onc-chat__message {
    width: 100%;
    margin: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#onicon .onc-chat .onc-chat__message--operator {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#onicon .onc-chat .onc-chat__message--operator .onc-chat__message-text {
    background-color: #f4f7f9;
    border-top-left-radius: 0;
    margin-left: 10px;
}

#onicon .onc-chat .onc-chat__message--operator .onc-chat__message-text:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 0;
    border-color: transparent #f4f7f9 transparent transparent;
    position: absolute;
    top: 0;
    left: -8px;
}

#onicon .onc-chat .onc-chat__message--visitor {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#onicon .onc-chat .onc-chat__message--visitor .onc-chat__message-text {
    background-color: #d9f8cf;
    border-top-right-radius: 0;
    margin-right: 10px;
}

#onicon .onc-chat .onc-chat__message--visitor .onc-chat__message-text:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #d9f8cf transparent transparent;
    position: absolute;
    top: 0;
    right: -8px;
}

#onicon .onc-chat .onc-chat__operator-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#onicon
    .onc-chat
    .onc-chat__message--operator.no-avatar
    .onc-chat__message-text {
    margin-left: 60px;
    border-top-left-radius: 6px;
}

#onicon
    .onc-chat
    .onc-chat__message--operator.no-avatar
    .onc-chat__message-text:before {
    display: none;
}

#onicon
    .onc-chat
    .onc-chat__message--operator.no-avatar
    .onc-chat__operator-avatar {
    display: none;
}

#onicon .onc-chat .onc-chat__message-answer {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px 6px;
    border-radius: 6px;
    background-color: #c7e8f6;
    cursor: pointer;
    margin-right: 8px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-bottom: 5px;
}

#onicon .onc-chat .onc-chat__message-answer:hover {
    background-color: #9bdbf6;
}

#onicon .onc-chat__hidden-parts {
    display: none;
}

#onicon .onc-chat__typing {
    color: #608391;
    font-size: 14px;
    letter-spacing: -0.19px;
    padding-left: 26px;
    position: fixed;
    bottom: 15px;
    left: 18px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 11;
}

#onicon .onc-chat__typing:before {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    position: absolute;
    top: -1px;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgaWQ9Ii1hbmltX2tleWJvcmQiIGltYWdlLXJlbmRlcmluZz0iYXV0byIgYmFzZVByb2ZpbGU9ImJhc2ljIiAgICAgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyIiB2aWV3Ym94PSIwIDAgMjIgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZGVmcz4gICAgPGZpbHRlciBpZD0iZmlsdGVyIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAlIiB5PSIwJSI+ICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBpbj0iU291cmNlR3JhcGhpYyIgcmVzdWx0PSJjb2xvclRyYW5zIiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMC4zIDAiLz4gICAgPC9maWx0ZXI+ICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjYiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMCUiIHk9IjAlIj4gICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIGluPSJTb3VyY2VHcmFwaGljIiByZXN1bHQ9ImNvbG9yVHJhbnMiICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAwLjMgMCIvPiAgICA8L2ZpbHRlcj4gICAgPGZpbHRlciBpZD0iZmlsdGVyMTAiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMCUiIHk9IjAlIj4gICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIGluPSJTb3VyY2VHcmFwaGljIiByZXN1bHQ9ImNvbG9yVHJhbnMiICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAwLjMgMCIvPiAgICA8L2ZpbHRlcj4gICAgPHN5bWJvbCBpZD0iU3ByaXRlX3Nwcml0ZV8yNyIgb3ZlcmZsb3c9InZpc2libGUiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI1NoYXBlX3NoYXBlXzEiIHRyYW5zZm9ybT0ibWF0cml4KDAuMjE5IDAgMCAxIDAgMCkiLz4gICAgPC9zeW1ib2w+ICAgIDxzeW1ib2wgaWQ9IlNoYXBlX3NoYXBlXzEiIG92ZXJmbG93PSJ2aXNpYmxlIj4gICAgICA8cGF0aCBmaWxsPSIjMzAzMDMwIiAgICAgICAgICAgIGQ9Ik0wLjUsMFEwLDAgMCwwLjVMMCwxLjVRMCwxLjk1IDAuNSwyTDguNiwyUTkuMTUsMiA5LjE1LDEuNUw5LjE1LDAuNVE5LjE1LDAgOC42LDBMMC41LDAiLz4gICAgPC9zeW1ib2w+ICA8L2RlZnM+ICA8ZyBpZD0iU2NlbmVfMSIgb3ZlcmZsb3c9InZpc2libGUiPiAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8xNSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAyIDMpIj4gICAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yNiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjEwKSI+ICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEgMSkiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlNwcml0ZV9zcHJpdGVfMjUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMi42IDApIj4gICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiAgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7MC4wMzc7MC4wNzQ7MC4xMTE7MC4xNDg7MC4xNDk7MC4xODU7MC4yMjI7MC4yNTk7MC4yOTY7MC4zMzM7MC4zMzQ7MC42Njc7MC43MDQ7MC43NDE7MC43Nzg7MC44MTQ7MC44MTU7MSIgICAgICAgICAgICAgICAgIHZhbHVlcz0iMC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImRpc2NyZXRlIi8+ICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEuNCAxKSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yNCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA3LjIgMCkiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiICAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDswLjQwNzswLjQ0NDswLjQ4MTswLjUxOTswLjU1NTswLjU1NjsxIiB2YWx1ZXM9IjAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjMiICAgICAgICAgICAgICAgICBjYWxjTW9kZT0iZGlzY3JldGUiLz4gICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTAuMTQ5IDEpIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJTcHJpdGVfc3ByaXRlXzIzIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDExIDApIj4gICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiAgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7MC4wNzQ7MC4xMTE7MC4xNDg7MC4xODU7MC4yMjI7MC4yMjM7MC42MzswLjY2NzswLjcwNDswLjc0MTswLjc3NzswLjc3ODsxIiAgICAgICAgICAgICAgICAgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz4gICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTAuOTQ5IDEpIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJTcHJpdGVfc3ByaXRlXzIyIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEzIDEpIiBmaWx0ZXI9InVybCgjZmlsdGVyNikiPiAgICAgICAgPHVzZSB4bGluazpocmVmPSIjU2hhcGVfc2hhcGVfMSIgdHJhbnNmb3JtPSJtYXRyaXgoMC4zMjggMCAwIDEgMCAwKSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIDMuMTUpIj4gICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiAgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7MC4wMzc7MC4wNzQ7MC4xMTE7MC4xNDg7MC4xODU7MC4xODY7MC40ODE7MC41MTk7MC41NTY7MC41OTM7MC42Mjk7MC42MzsxIiAgICAgICAgICAgICAgICAgdmFsdWVzPSIwLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zOzAuNjswLjU7MC40OzAuNDswLjM7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz4gICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMyAwLjg1KSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8yMCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxMyAzLjMpIj4gICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjIuMjVzIiAgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7MC4yNTk7MC4yOTY7MC4zMzM7MC4zNzswLjQwNzswLjQwODswLjU5MzswLjYzOzAuNjY3OzAuNzA0OzAuNzQ7MC43NDE7MSIgICAgICAgICAgICAgICAgIHZhbHVlcz0iMC4zOzAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMzswLjY7MC41OzAuNDswLjQ7MC4zOzAuMyIgY2FsY01vZGU9ImRpc2NyZXRlIi8+ICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0wLjk0OSAwLjcpIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJTcHJpdGVfc3ByaXRlXzE5IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDUuMTUgMi45NSkiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiICAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDswLjI5NjswLjMzMzswLjM3OzAuNDA3OzAuNDQ0OzAuNDQ1OzAuODUyOzAuODg5OzAuOTI2OzAuOTYzOzEiICAgICAgICAgICAgICAgICB2YWx1ZXM9IjAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjM7MC42OzAuNTswLjQ7MC4zIiBjYWxjTW9kZT0iZGlzY3JldGUiLz4gICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMC44NSAxLjA1KSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8xOCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA4LjkgMy4xNSkiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiICAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDswLjE0ODswLjE4NTswLjIyMjswLjI1OTswLjI5NjswLjI5NzswLjU1NjswLjU5MzswLjYzOzAuNjY3OzAuNzAzOzAuNzA0OzEiICAgICAgICAgICAgICAgICB2YWx1ZXM9IjAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjMiIGNhbGNNb2RlPSJkaXNjcmV0ZSIvPiAgICAgICAgPHVzZSB4bGluazpocmVmPSIjU3ByaXRlX3Nwcml0ZV8yNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwLjEgMC44NSkiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlNwcml0ZV9zcHJpdGVfMTciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMy4xIDcuMSkiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMi4yNXMiICAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDswLjMzMzswLjM3OzAuNDA3OzAuNDQ0OzAuNDgxOzAuNDgyOzAuNzA0OzAuNzQxOzAuNzc4OzAuODE1OzAuODUxOzAuODUyOzEiICAgICAgICAgICAgICAgICB2YWx1ZXM9IjAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjM7MC42OzAuNTswLjQ7MC40OzAuMzswLjMiIGNhbGNNb2RlPSJkaXNjcmV0ZSIvPiAgICAgICAgPGcgaWQ9IlNwcml0ZV9zcHJpdGVfMjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTg0IDAgMCAxIDAuOSAtMC4wNDkpIj4gICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjU2hhcGVfc2hhcGVfMSIvPiAgICAgICAgPC9nPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iU3ByaXRlX3Nwcml0ZV8xNiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIDcuMSkiIGZpbHRlcj0idXJsKCNmaWx0ZXIpIj4gICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI1Nwcml0ZV9zcHJpdGVfMjciIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMSAtMC4wNDkpIi8+ICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNTcHJpdGVfc3ByaXRlXzI3IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDE0IC0wLjA0OSkiLz4gICAgICA8L2c+ICAgIDwvZz4gIDwvZz48L3N2Zz4=);
}

#onicon .onc-chat__typing--visible {
    opacity: 1;
}

#onicon .ui-datepicker {
    color: #333;
}

#onicon .ui-datepicker-title {
    margin-bottom: 10px;
}

#onicon .ui-datepicker-calendar {
    border-collapse: separate;
    border-spacing: 3px;
}

#onicon .ui-datepicker-calendar td a {
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    color: #333;
    display: block;
}

#onicon .ui-datepicker-calendar td a:hover {
    background-color: #c7e8f6;
}

#onicon .ui-icon.ui-icon-circle-triangle-e {
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-top: 2px solid #000;
    position: absolute;
    top: 45%;
    left: 50%;
    opacity: 0.75;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border-right: 2px solid #000;
}

#onicon .ui-icon.ui-icon-circle-triangle-w {
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-top: 2px solid #000;
    position: absolute;
    top: 45%;
    left: 50%;
    opacity: 0.75;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    border-left: 2px solid #000;
}

#onicon .ui-datepicker-next-hover {
    top: 2px;
    top: 2px;
    right: 2px;
}

#onicon .ui-datepicker-next-hover .ui-icon {
    opacity: 1;
    opacity: 1;
}

#onicon .ui-datepicker-prev-hover {
    top: 2px;
    top: 2px;
    left: 2px;
}

#onicon .ui-datepicker-prev-hover .ui-icon {
    opacity: 1;
    opacity: 1;
}

#onicon td.ui-state-disabled:hover {
    background-color: transparent;
}

#onicon .ui-icon .ui-icon-circle-triangle-e {
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-top: 2px solid #000;
    position: absolute;
    top: 45%;
    left: 50%;
    opacity: 0.75;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border-right: 2px solid #000;
}

#onicon .ui-icon .ui-icon-circle-triangle-w {
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-top: 2px solid #000;
    position: absolute;
    top: 45%;
    left: 50%;
    opacity: 0.75;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    border-left: 2px solid #000;
}

/*12  */
#onicon .onicon-button-submit__row {
    margin-top: 2.5em;
}

#onicon .onicon-button-submit__row.onicon-left {
    text-align: left;
}

#onicon .onicon-button-submit__row.onicon-right {
    text-align: right;
}

#onicon .onicon-button-submit__row.onicon-center {
    text-align: center;
}

#onicon .onicon-button-submit__label {
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: #303030;
}

#onicon .onicon-button-submit__label span {
    display: inline-block;
    vertical-align: middle;
}

#onicon .onicon-button-submit__checkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
    -webkit-appearance: checkbox;
    width: auto !important;
}

#onicon .onicon-button-submit__link {
    color: #303030;
    text-decoration: underline;
}

#onicon .onicon-button-submit__link:hover {
    text-decoration: none;
}

/* messengers */
.onicon-button,
#chat24-root {
    display: none !important;
}

.mg-global-messengers {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9;
}

.mg-global-messengers__button {
    width: 56px;
    height: 56px;
    background: #15bb47;
    border-radius: 50%;
    border: none;
    position: relative;
    cursor: pointer;
}

.mg-global-messengers__button.hide {
    display: none;
}

.mg-global-messengers__button span {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 13px;
    top: 13px;
    opacity: 0;
    background-position: center center;
}

.mg-global-messengers__button span:nth-child(1) {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.495 22.926c.417.685.543 1.49.352 2.27a2.984 2.984 0 0 1-1.356 1.855l-2.486 1.513a2.98 2.98 0 0 1-1.551.436c-.485 0-.973-.117-1.426-.353-5.219-2.707-8.198-6.726-9.51-8.88C2.61 14.993 2 10.288 2 7.184c0-1.047.538-2.002 1.44-2.552L5.928 3.12a2.977 2.977 0 0 1 2.27-.352c.779.19 1.438.67 1.854 1.356l1.561 2.563a3.006 3.006 0 0 1-1.004 4.126l-1.287.783c-.386.235-.574.707-.445 1.121a17.52 17.52 0 0 0 4.442 7.302.985.985 0 0 0 1.206.124l1.286-.783a3.005 3.005 0 0 1 4.125 1.002l1.561 2.565ZM15.576 10.9a4.007 4.007 0 0 1 3.345 4.565 1 1 0 0 0 1.844.672.999.999 0 0 0 .134-.367 6.01 6.01 0 0 0-5.017-6.849 1 1 0 0 0-.306 1.978Zm.916-5.934a1.002 1.002 0 0 0-.306 1.978 7.951 7.951 0 0 1 5.236 3.181 7.951 7.951 0 0 1 1.454 5.951 1.001 1.001 0 0 0 1.978.305 9.935 9.935 0 0 0-1.817-7.439 9.943 9.943 0 0 0-6.545-3.976Zm.61-3.955a1.003 1.003 0 0 0-1.142.837c-.084.545.29 1.056.837 1.141C23.339 4 27.84 10.143 26.83 16.686a1.002 1.002 0 0 0 1.978.306c1.179-7.633-4.073-14.801-11.707-15.98Z' fill='%23fff'/%3E%3C/svg%3E");
    animation: messageSpan1 6s infinite;
}

.mg-global-messengers__button span:nth-child(2) {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.617 14.335 6.44 2.15 15.291-9.192c.222-.133.45.163.258.336L12.03 18.107l-.43 5.866a.48.48 0 0 0 .285.475.501.501 0 0 0 .553-.093l3.564-3.447 6.516 4.85c.702.523 1.72.155 1.908-.691l4.537-20.258c.26-1.156-.893-2.131-2.016-1.708L1.585 12.65a.89.89 0 0 0 .032 1.684Z' fill='%23fff'/%3E%3C/svg%3E");
    animation: messageSpan2 6s infinite;
}

.mg-global-messengers__button span:nth-child(3) {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1C7.28 1 1 7.28 1 15c0 2.716.778 5.335 2.257 7.608l-2.181 5.09A.933.933 0 0 0 2.3 28.925l5.09-2.182A13.887 13.887 0 0 0 15 29c7.72 0 14-6.28 14-14S22.72 1 15 1Zm7.187 19.012s-1.165 1.492-2.007 1.841c-2.137.885-5.157 0-8.596-3.438-3.437-3.438-4.323-6.458-3.437-8.596.349-.842 1.842-2.005 1.842-2.005a1.087 1.087 0 0 1 1.396.087l1.69 1.69a.936.936 0 0 1 0 1.318l-1.062 1.06s-.429 1.288 2.15 3.867c2.578 2.58 3.867 2.15 3.867 2.15l1.06-1.06a.936.936 0 0 1 1.32 0l1.689 1.689c.362.363.401.991.086 1.396l.002.001Z' fill='%23fff'/%3E%3C/svg%3E");
    animation: messageSpan3 6s infinite;
}

.mg-global-messengers__button:before {
    position: absolute;
    content: "";
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: rgba(28, 163, 69, 0.22);
}

.mg-global-messengers__button:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    border: 1px solid rgba(28, 163, 69, 0.22);
    animation: messageLine 2s cubic-bezier(0.58, -0.27, 0.3, 1.31) infinite;
}

.mg-global-messengers__button.active {
    width: 48px;
    height: 48px;
    margin-right: 4px;
    margin-bottom: 4px;
    box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.24);
    background: #fff
        url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.25 8.75-12.5 12.5m0-12.5 12.5 12.5' stroke='%23F44658' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center center no-repeat;
}

.mg-global-messengers__button.active span {
    display: none;
}

.mg-global-messengers__button.active:before {
    background: rgba(255, 255, 255, 0.22);
}

.mg-global-messengers__button.active:after {
    display: none;
}

.mg-global-messengers__list {
    position: absolute;
    right: -4px;
    bottom: 64px;
    transition: all 0.3s;
    padding: 0 8px 8px;
    opacity: 0;
    pointer-events: none;
}

.mg-global-messengers__list.active {
    opacity: 1;
    pointer-events: all;
}

.mg-global-messengers__item {
    position: relative;
    font-size: 0px;
}

.mg-global-messengers__item + .mg-global-messengers__item {
    margin-top: 8px;
}

.mg-global-messengers__item-text {
    position: absolute;
    right: 58px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 19.6px */
    letter-spacing: -0.028px;
    padding: 8px 16px;
    border-radius: 24px;
    background: #fff;
    top: 50%;
    margin-top: -18px;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.2s;
}

.mg-global-messengers__item-button {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    font-size: 0;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s;
}

.mg-global-messengers__item-button:hover {
    transform: scale(1.166);
}

.mg-global-messengers__item-button:hover ~ .mg-global-messengers__item-text {
    opacity: 1;
}

.mg-global-messengers__item:nth-child(1) .mg-global-messengers__item-button {
    box-shadow: 0 4px 8px rgba(158, 158, 158, 0.32);
}

.mg-global-messengers__item:nth-child(2) .mg-global-messengers__item-button {
    box-shadow: 0 4px 8px rgba(41, 170, 237, 0.32);
}

.mg-global-messengers__item:nth-child(3) .mg-global-messengers__item-button {
    box-shadow: 0 4px 8px rgba(41, 175, 62, 0.32);
}

@media all and (min-width: 640px) {
    .mg-global-messengers {
        right: 32px;
        bottom: 32px;
    }
}

@keyframes messageLine {
    0% {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    75% {
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
    }

    80% {
        opacity: 0;
    }

    100% {
        left: -16px;
        right: -16px;
        top: -16px;
        bottom: -16px;
        opacity: 0;
    }
}

@keyframes messageSpan1 {
    0% {
        opacity: 1;
    }

    27% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    97% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes messageSpan2 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    63% {
        opacity: 1;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes messageSpan3 {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    69% {
        opacity: 1;
    }

    94% {
        opacity: 1;
    }

    97% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}