@media (max-width: 576px) {
    /* #61042 */

    * {
        box-sizing: border-box;
    }

    /* to null */

    body,
    .wrapper,
    .footer {
        width: 100%;
        min-width: unset;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    b {
        font-weight: unset;
        margin: 0;
    }

    h1,
    .mobile__h1 {
        padding: 0;
        margin: 32px 0 24px 0;
        font-family: PT Sans;
        font-size: 34px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: left;
    }

    .middle>h1 {
        padding-right: 0;
    }

    h2,
    .home .main h2,
    .mobile__h2,
    .mobile__h2_inline,
    .services-block h2 a,
    .reviews__h2,
    .presscenter>h2 a,
    .presscenter .block>h2 a,
    .aside .highlighted h2,
    .main .news-years.nav li a,
    .author {
        padding: 32px 0 16px 0;
        display: block;

        /* font-family: Inter; */
        font-size: 20px !important;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
    }

    .mobile__h2 {
        display: block;
    }



    h3,
    .mobile__h3,
    .presscenter .news-item>h2>a,
    .qa .question b,
    .contacts section h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    .mobile__h3,
    .main .news-item>h2>a,
    .presscenter .news-item>h2>a,
    .contacts section h3 {
        display: block;
        padding: 24px 0 16px;
    }

    .mobile__h2_inline,
    .mobile__h3_inline,
    .qa .question b {
        display: inline;
        padding: 0;
    }

    .mobile__pt_0 {
        padding-top: 0 !important;
    }

    .mobile__pt_24 {
        padding-top: 24px !important;
    }

    .mobile__p_0 {
        padding: 0 !important;
    }

    .mobile__m_0 {
        margin: 0 !important;
    }

    .mobile__mb_0 {
        margin: 0 !important;
    }

    .mobile__m_16-0 {
        margin: 16px 0 !important;
    }

    .mobile__mt_16 {
        margin-top: 16px !important;
    }

    .mobile__mb_16 {
        margin-bottom: 16px !important;
    }

    .mobile__mb_8 {
        margin-bottom: 8px !important;
    }

    .mobile__mt_16 {
        margin-top: 16px !important;
    }

    .mobile__w-h_100 {
        width: 100% !important;
        height: 100% !important;
    }

    .mobile__f-w_bold {
        font-weight: 700 !important;
    }

    p,
    span {
        margin: 0 0 4px 0;
        /* font-family: Inter; */
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    p:last-of-type,
    span:last-of-type {
        margin: 0;
    }

    a {
        text-decoration: none;
    }

    b {
        font-weight: unset;
    }

    br {
        display: none;
    }

    ul,
    ol {
        /* margin: 8px 0 0 0; */
        margin: 0;
    }

    .mobile__mt_0 {
        margin-top: 0;
    }

    .main .mobile__mt_24,
    .mobile__mt_24 {
        margin-top: 24px;
    }

    .main .mobile__mt_12,
    .mobile__mt_12 {
        margin-top: 12px;
    }

    .mobile__display_block {
        display: block;
    }

    .mobile__display_none {
        display: none;
    }

    ul li {
        padding: 0 0 0 20px;
        margin: 0 0 5px 0;
    }

    ul li:last-of-type {
        margin: 0;
    }

    .header {
        padding-top: 18px;
        margin-bottom: 0;
        position: relative;
        display: grid;
        grid-template-areas: "logo contacts" "search search";
    }

    .header .quick-contacts,
    .header .search {
        margin: 0;
    }

    .wrapper,
    .footer {
        padding: 0 15px;
    }

    .footer {
        padding-bottom: 15px;
    }

    .nav-main .nav-main-wrapper,
    .nav-main .first-level,
    .nav-main .second-level,
    .header .logo,
    .header .wrap,
    .main,
    .home,
    .home .main,
    .home .aside,
    .slides-wrapper,
    .slides,
    .slides li,
    .slides a,
    .slides img,
    .aside,
    .aside .block,
    .footer-inner,
    .footer-inner div,
    .footer .nav,
    .footer .best-developers,
    .main .column,
    img,
    .product img,
    .news,
    .news .news-item,
    .presscenter .block,
    .presscenter .news-item+.news-item {
        position: static;
        left: unset;
        right: unset;
        float: unset !important;
        width: 100%;
        min-width: unset;
        margin: 0;
        padding: 0;
    }

    img,
    .product img {
        height: auto;
        width: calc(100vw - 30px);
        max-width: 100%;
        max-height: 100%;
        z-index: 1 !important;
        margin: 0;
    }

    .header .logo {
        background-size: contain;
        height: auto;
        top: 0;
        position: absolute;
        height: 32px;
        width: 116.46px;
        grid-area: logo;
    }

    .header .wrap,
    .header .quick-contacts {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .quick-contacts .phone {
        margin: 0;
        font: unset;
    }

    .header .quick-contacts .phone_mobile,
    .quick-contacts .clickable-phone_header {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: right;
        display: inherit;
    }



    .quick-contacts .city {
        display: block;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .quick-contacts .city span {
        font-size: 12px;
        line-height: 16px;
        display: block;
    }

    .header .quick-contacts {
        width: 60%;
        max-height: 45px;
        padding-right: 42px;
    }

    .header .quick-contacts .select-city.nav {
        left: unset !important;
        right: 0 !important;
        width: 100%;
    }

    .header .quick-contacts .select-city.nav li {
        float: right;
    }

    .header .quick-contacts p:first-of-type {
        text-align: right;
        margin-bottom: auto;
        display: flex;
        justify-content: space-between;
        display: none;
    }

    .header .search {
        width: 100%;
        height: auto;
        margin-top: 20px;
        position: relative;
        grid-area: search;
    }

    .header .search input[type="text"] {
        background: none;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 12px;
        width: 100%;
        height: auto;
        border: 1px solid #F2F2F2;
        border-radius: 5px;
    }

    .header .search input[type="submit"] {
        background: url(/img/svg/icons_header_search-submit.svg);
        background-size: contain;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 12px;
        right: 12px;
    }

    /*  */
    #menu__toggle {
        opacity: 0;
        display: none;
    }

    #menu__toggle:checked+.menu__btn {
        top: 26px;
        right: 15px;
        bottom: unset;
        position: fixed;
    }

    #menu__toggle:checked+.menu__btn>span {
        transform: rotate(45deg);
    }

    #menu__toggle:checked+.menu__btn>span::before {
        top: 0;
        transform: rotate(0deg);
    }

    #menu__toggle:checked+.menu__btn>span::after {
        top: 0;
        transform: rotate(90deg);
    }

    #menu__toggle:checked~#mobile__select-wrapper_clone,
    #menu__toggle:checked~#mobile__logo_clone,
    #menu__toggle:checked~.first-level.menu__box {
        left: 0 !important;
    }

    #menu__toggle:checked~.second-level.menu__box {
        left: 50% !important;
    }

    .menu__btn {
        position: absolute;
        top: 14px;
        right: 0;
        width: 24px;
        height: 24px;
        cursor: pointer;
        z-index: 1000;
    }

    .mobileMenu__close.menu__btn {
        z-index: 1050;
        right: 15px;
        background: none;
        border: none;
    }

    .header__burger.menu__btn,
    .mobileMenu__close.menu__btn {
        background: none;
        border: none;
    }

    .header__burger.menu__btn:focus,
    .mobileMenu__close.menu__btn:focus,
    .header__burger.menu__btn:active,
    .mobileMenu__close.menu__btn:active {
        outline: none;
        box-shadow: none;
    }

    .header__burger.menu__btn > img,
    .mobileMenu__close.menu__btn > img {
        min-width: 24px;
        position: absolute;
        min-height: 24px;
        top: 0;
        right: 0;
    }

    .nav-main {
        margin-top: 0;
    }
    /* #67274 (Добавить кнопку попробовать)*/
    .mobileMenu__header {
        display: flex;
        justify-content: center;
    }

    .menu__btn>span,
    .menu__btn>span::before,
    .menu__btn>span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #616161;
        transition-duration: .25s;
    }

    .menu__btn>span::before {
        content: '';
        top: -5px;
    }

    .menu__btn>span::after {
        content: '';
        top: 5px;
    }

    .first-level.menu__box,
    .second-level.menu__box,
    #mobile__select-wrapper_clone {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        margin: 0;
        padding: 115px 0 40px;
        list-style: none;
        box-shadow: none;
        transition-duration: .25s;
        z-index: 1000;
        border-radius: 0;
        background: #EBEBEB;
    }

    #mobile__select-wrapper_clone {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        height: auto;
        padding: 0;
        background: none;
    }

    #mobile__logo_clone {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        box-shadow: none;
        transition-duration: .25s;
        z-index: 1000;

        margin: 0;
        padding: 0;
        height: 32px;
        width: 116.46px;
    }

    .first-level.menu__box {
        width: 100%;
    }

    .second-level.menu__box,
    #mobile__select-wrapper_clone,
    #mobile__logo_clone {
        z-index: 1001;
    }

    .nav-main .second-level.menu__box {
        right: -100%;
        height: 100%;
        width: 50% !important;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 115px;
        padding: 0;
        border-radius: 0;
        background: #43A081;
    }

    .nav-main .second-level.menu__box li {
        text-align: right;
    }

    .nav-main .second-level.menu__box li a {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: right;
        min-height: 50px;
    }

    .nav-main .first-level a,
    .nav-main .first-level span {
        height: auto;
        background: none;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-main .first-level.menu__box li .menu__item span,
    .nav-main .second-level.menu__box li a,
    .nav-main .second-level.menu__box li span {
        min-height: unset;
        display: block;
        padding: 15px;
        margin: 0;
        color: #fff;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-main .nav-main-wrapper .opened,
    .nav-main .nav-main-wrapper .opened:hover {
        box-shadow: none;
    }

    .nav-main .nav-main-wrapper .opened a:before {
        display: none;
    }

    .nav-main .first-level .menu__item,
    .nav-main .second-level .menu__item {
        display: block;
        /* padding: 12px 24px; */
        color: #646464;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        transition-duration: .25s;
    }

    .nav-main .first-level.menu__box li,
    .nav-main .second-level.menu__box li {
        background: none;
        float: unset;
        width: 100%;
        height: auto;
        min-height: unset;
        margin: 0;
    }

    .nav-main .first-level.menu__box li a,
    .nav-main .second-level.menu__box li a {
        padding: 15px;
    }

    .nav-main .first-level.menu__box li .menu__item span {
        color: #2F2F2F;
        padding: 0;
    }

    .nav-main .first-level.menu__box li:first-of-type,
    .nav-main .second-level.menu__box li:first-of-type {
        margin-top: 0;
    }

    .nav-main .first-level.menu__box li,
    .nav-main .second-level.menu__box li {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .nav-main .first-level.menu__box li {
        width: 51%;
    }

    .nav-main .first-level.menu__box li:first-of-type,
    .nav-main .second-level.menu__box li:first-of-type {
        margin-top: 0;
    }

    .menu__item:hover,
    .menu__item:visited,
    .menu__item:active {
        background-color: #43A081 !important;
        color: #fff !important;
    }

    .__jivoMobileButton {
        z-index: 500 !important;
    }

    .nav-main .second-level {
        width: 100% !important;
        max-width: unset !important;
        min-width: unset !important;
    }

    .nav-main .nav-main-wrapper .second-level li.current::after {
        display: none;
    }

    .nav-main .second-level li {
        margin-right: 0;
    }

    .middle {
        padding-bottom: 40px;
    }

    .home .main {
        background: #E0F6EF80;
        box-shadow: none;
        padding: 40px 0;
        /* margin-bottom: 40px; */
        width: 100vw;
        margin-left: -15px;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }

    .home .main>h2,
    .home .main>.news-item {
        margin: 0 15px;
    }

    .home .main h2,
    .home .news-item {
        background: none;
    }

    .home .news-item {
        padding-left: 95px;
        margin-top: 8px;
    }

    .home .news-item:first-of-type {
        margin-top: 0;
    }

    .home .news-item .image {
        width: 80px;
        height: 80px;
        margin-left: -95px;
    }

    .home .news-item .date {
        font-size: 12px;
    }

    .featured,
    .slides-wrapper,
    .slides,
    .slides li,
    .slides a,
    .slides img {
        height: auto;
        /* width: calc(100vw - 30px); */
        width: 100vw;
        /* margin-left: -15px; */
        max-width: 100vw;
        max-height: 100%;
        z-index: 1 !important;
    }

    .featured {
        margin-left: -15px;
    }

    .slides {
        overflow: unset !important;
    }

    .slides li {
        height: 100%;
    }

    .slides-wrapper .slides_control {
        min-height: 122px;
    }

    .featured {
        margin-top: 32px;
        margin-bottom: 40px;
    }

    .slides-wrapper .pagination {
        position: static;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 22px;
        margin-top: 4px;
    }

    .slides-wrapper .pagination .current {
        background-position: unset;
        background: #1d8a61;
        border: none;
    }

    .slides-wrapper .pagination li {
        border: 1px solid #B3B2B2;
        background: #fff;
        border-radius: 100%;
        height: 6px;
        width: 6px;
    }

    .aside {
        margin-top: 24px;
    }

    .aside .block .nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .aside .registry__title {
        font-size: 16px !important;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: left;
    }

    .aside .registry__block,
    .aside .registry__item {
        margin-top: 8px;
    }

    .aside .registry__item:first-of-type {
        margin-top: 0;
    }

    .aside .registry__block span {
        font-size: 12px !important;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0em;
        text-align: left;
    }

    .aside .buttons li {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .buttons li a {
        min-height: 85px;
    }

    .aside .block {
        margin-bottom: 40px;
    }

    .aside .block:last-of-type {
        margin-bottom: 0;
    }

    .aside>.sales-department.block.highlighted {
        background: #E0F6EF;
        border: 1px solid #B8DBCE;
    }

    .aside .buttons .ask {
        background: url(./img/svg/icons_aside_button-1.png) 0 0 no-repeat;
        background-position: 0 bottom;
        background-size: contain;
    }

    .aside .buttons .downloads {
        background: url(./img/svg/icons_aside_button-2.png) 0 0 no-repeat;
        background-position: 0 bottom;
        background-size: contain;
        margin: 0 10px;
    }

    .aside .buttons .contact-us {
        background: url(./img/svg/icons_aside_button-3.png) 0 0 no-repeat;
        background-position: 0 bottom;
        background-size: contain;
    }

    .social-icons {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }

    .social-icons h3 {
        flex: 1 1 100%;
        margin-bottom: 8px;
    }

    .social-icons .social-icon {
        flex: 1 1 50%;
        margin: 0;
    }

    .social-icons .social-icon a {
        text-decoration: none;
        color: #2f2f2f;
        /* font-family: Inter; */
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .sitemap {
        display: none;
    }

    .footer {
        margin: 0;
        height: auto;
        padding: 32px 16px;
    }

    .footer p {
        color: #646464;
    }

    .footer p,
    .footer p>span,
    .footer-inner .best-developers {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .footer .nav {
        margin: 0 !important;
    }

    .footer-inner {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-inner .nav {
        order: -1;
        width: 50%;
        display: none;
    }

    .footer .best-developers {
        order: 4;
    }

    .footer-inner__block {
        order: 3;
    }

    .footer-inner .nav li a {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #737373;
    }

    .footer-inner .nav li {
        margin-top: 8px;
    }

    .footer-inner .nav li:first-of-type {
        margin-top: 0;
    }

    .footer-inner .nav.lang {
        width: 100%;
        float: unset !important;
        min-height: 22px;
    }

    .footer-inner .best-developers {
        background: none;
        position: relative;
        padding-left: 23px;
        margin-top: 16px;
        color: #737373;
    }

    .footer-inner .best-developers::before {
        content: url(img/9utra.png);
        display: block;
        position: absolute;
        top: 2px;
        left: 0;
    }

    .footer .copyright {
        margin-top: 0;
    }

    .footer-inner__block .open-map {
        display: none;
    }

    .middle.home .main .news-item .image img {
        border-radius: 5px;
    }


    /* #61046 (Products) */

    .main .column .pictoblock,
    .main .column .pictoblock h2 {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .main .column .pictoblock h2 {
        flex-direction: column;
        align-items: center;
        padding: 0;
        margin: 5px 0 0 0;
        width: 100%;
        min-width: 80px;
        max-width: 80px;
    }

    .main .column .pictoblock h2 .pic {
        margin: 0 20px 0 0;
    }

    .main .column .pictoblock h2 .pic.pic-project-data {
        min-width: 60px;
    }

    .main .column .pictoblock h2 .pic.pic-design-cnc {
        min-width: 48px;
    }

    .main .column .pictoblock h2 .pic.pic-tech-data {
        min-width: 54px;
    }

    .main .column .pictoblock h2 .pic.pic-examples {
        min-width: 37px;
    }

    .main .column .pictoblock h2 .pic.pic-manual-data {
        min-width: 39px;
    }

    .main .column .pictoblock h2 .pic.pic-design-cnc {
        min-width: 48px;
    }

    .main .column .pictoblock h2 .pic.pic-auto-workspace {
        min-width: 56px;
    }

    .main .column .pictoblock h2 .pic~span>a {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #0172D1;
    }

    .aside .sales-department.block.highlighted h2 {
        margin: 0;
        padding: 20px 15px 12px 15px;
    }

    .aside .sales-department.block.highlighted dl {
        padding: 0 15px 24px 15px;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;

    }

    .aside .sales-department.block.highlighted dt {
        margin: 8px 0 0 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    .aside .sales-department.block.highlighted dt:first-of-type {
        margin-top: 0;
    }

    .main.product p span {
        white-space: unset !important;
    }

    .products-first-line {
        border-left: 2px solid #43a081;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        padding-left: 15px;
        margin-bottom: 0;
    }

    .mobile__flex_row {
        display: flex;
        flex-direction: row;
    }

    .main.product p:has(> strong ~ img) {
        display: flex;
        flex-direction: row;
    }

    .main.product p:has(> span ~ strong) {
        display: flex;
        flex-direction: column;
    }

    .main.product span~strong,
    .main.product .list-of-modules,
    .main.product .bold_modile {
        display: inline;
    }

    .main.product .bold_modile {
        padding: 0;
        font-size: 14px;
    }

    .main.product p br {
        display: none;
    }

    .main.product h3 {
        margin: 12px 0;
    }

    .main.product h2:has(> img) {
        padding: 0;
        margin: 0;
    }

    .main.product h2~h2 span {
        font-size: 20px !important;
        font-weight: 700;
        line-height: 24px !important;
        letter-spacing: 0em;
        text-align: left;
    }

    .hide-to-mobile {
        display: none;
    }

    blockquote ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
    }

    .product h2 {
        margin: 0;
        padding: 0;
        font: unset;
    }

    .main.product section.pictoblock {
        margin: 0;
    }

    .main .column .pictoblock {
        justify-content: flex-start;
        flex-direction: column;
        margin: 32px 0 0 0;
    }

    .main .column .pictoblock h2,
    .main .mobile__column-modules .pictoblock h2 {
        margin: 0 0 16px 0;
        min-width: unset;
        max-width: unset;
        justify-content: flex-start;
        flex-direction: row;
    }


    .main.product p span {
        text-decoration: unset !important;
    }

    /* #61048 (Services) */

    .services-block {
        margin: 0;
        width: 100%;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        font-size: 14px;
    }

    .services-block h2 {
        font: unset;
        margin: 0;
        font-size: 25px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
    }

    .services-block h2 {
        padding: 0;
    }

    .services-block:first-of-type h2 a {
        padding-top: 0;
    }


    .services-block:nth-child(odd) {
        margin-right: 0;
    }

    .wrapper .middle {
        display: flex;
        flex-direction: column;
    }

    .main a,
    .main li {
        /* font-family: Inter; */
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    .main .mobile__manual-wrapper a,
    .main .mobile__manual-wrapper li {
        display: block;
    }

    .main.product .justifyleft table {
        margin: 0;
        width: 100%;
    }

    /* #61052 (Institution) */

    .institution-examples__img-wrapper {
        display: grid;
        gap: 10px;
        grid-template-areas: "c c a" "b b a";
    }

    p>strong>.institution-examples__img-wrapper {
        margin-top: 8px;
    }

    .institution-examples__img {
        margin: auto 0;
    }

    .institution-examples__img-1,
    .institution-examples__img-2,
    .institution-examples__img-3 {
        height: auto;
        width: auto;
    }

    .institution-examples__img-1 {
        grid-area: a;
    }

    .institution-examples__img-2 {
        grid-area: b;
    }

    .institution-examples__img-3 {
        grid-area: c;
    }

    .reviews__h2 {
        margin: 0;
    }

    .reviews__h2 strong,
    .reviews__h2 span {
        color: #2f2f2f !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        letter-spacing: 0em !important;
    }

    .main .mobile__h1 {
        font-size: 34px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: left;
        padding: 0;
        margin: 32px 0 24px 0;
        display: block;
    }

    .main table {
        margin-bottom: 8px !important;
        float: unset;
    }

    th,
    td {
        padding: 12px 10px;
        border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        border-radius: 6px;
    }

    td {
        vertical-align: baseline;
    }

    td>p,
    td>p>b {
        word-break: break-word;
    }

    .mobile__float_unset {
        float: unset;
    }

    .mobile__tr_column {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobile__tr_column td {
        width: 100%;
        border: none;
    }

    .mobile__tr_column td:last-of-type {
        background: none;
        padding: 0;
        margin-bottom: 24px;
    }

    .mobile__td-vw_100,
    .mobile__tr_column td:first-of-type {
        width: 100%;
        padding: 20px 15px;
        border: 1px solid #B8DBCE !important;
    }

    .mobile__td-vw_100>p,
    .mobile__tr_column td:first-of-type>p {
        margin-bottom: 8px;
    }

    .mobile__td-vw_100>p:last-of-type,
    .mobile__tr_column td:first-of-type>p:last-of-type {
        margin-bottom: 0;
    }

    .mobile__ul_unset {
        list-style-type: none;
    }

    .mobile__ul_unset li {
        padding-left: 0;
        background: none;
    }

    .mobile__d_flex {
        display: flex;
    }

    .mobile__bg_none {
        background: none;
    }

    .table__sgau td {
        background: none;
        border: none;
        padding: 0;
        margin-top: 8px;
    }

    .table__sgau td:first-of-type {
        margin-top: 0;
    }

    .table__sgau tr {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
    }

    .table__sgau tr:first-of-type {
        margin-top: 0;
    }

    .examples__ul_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8px;
        margin: 0;
    }

    .examples__ul_grid li {
        margin: 0;
    }

    /* #61053 (Press-center) */

    .main .news-item,
    .presscenter .news-item {
        display: grid;
        float: unset;
        grid-template-areas: "a b b" "a c c" "a d d";
        grid-template-columns: 90px 1fr 1fr;
    }

    .main>.news-item {
        grid-template-columns: 1fr;
        grid-template-areas: "b" "c" "d";
    }

    .main .news-item+.news-item,
    .presscenter .news-item+.news-item {
        margin-top: 20px;
    }

    .main .news-item>a,
    .presscenter .news-item>a {
        grid-area: a;
        max-width: 80px;
        height: auto;
        margin-top: 5px;
        margin-right: 10px;
    }

    .main>.news-item>a {
        display: none;
    }

    .main .news-item>h2,
    .presscenter .news-item>h2 {
        grid-area: b;
        margin: 0;
        height: auto;
        width: 100%;
        display: inherit;
    }

    .main .news-item>.date,
    .presscenter .news-item>.date {
        grid-area: c;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
        margin: 0;
    }

    .main .news-item>.intro,
    .presscenter .news-item>.intro {
        grid-area: d;
        width: 100%;
        margin-top: 8px;
    }

    .main .user-opinion,
    .presscenter .user-opinion {
        padding-left: 0;
        overflow: unset;
    }

    .main .news-item,
    .presscenter>h2,
    .main .user-opinion,
    .presscenter .user-opinion,
    .presscenter .block>h2,
    .main .news-item>h2,
    .presscenter .news-item>h2 {
        padding: 0;
        margin: 0;
    }

    .news-item .image img {
        margin-right: 0;
    }

    .main .news-item>h2>a,
    .presscenter .news-item>h2>a {
        font-weight: 400;
        padding-top: 0;
    }

    .main .user-opinion blockquote,
    .main .user-opinion .author,
    .presscenter .user-opinion blockquote,
    .presscenter .user-opinion .author {
        padding-left: 0 !important;
    }

    .main .news-years.nav {
        position: static;
        margin-bottom: 32px;
        height: auto;
        top: unset;
        left: unset;
        min-height: 24px;
        display: flex;
        gap: 10px;
        overflow: auto;
    }

    .main .news-years.nav::-webkit-scrollbar {
        display: none;
    }

    .main .news-years.nav li {
        margin: 0;
        margin-left: 0;
    }



    .main .news-years.nav li:first-of-type {
        margin-left: 0;
    }

    .main .news-years.nav li,
    .main .news-years.nav li a {
        height: auto;
        display: block;
    }

    .main .news-years.nav li a {
        border: none;
        padding: 0;
    }

    .main>ul.articles~div,
    .main .news .news-item:last-of-type~div {
        display: flex;
        margin-top: 40px;
        overflow: auto;
        justify-content: center safe;
        float: unset !important;
        margin-left: 85px !important;
        margin-right: 85px !important;
        width: 100% !important;
        height: 50px;
        max-width: calc(100% - 170px) !important;
        max-height: 50px;
    }

    .main>ul.articles~div::-webkit-scrollbar,
    .main .news .news-item:last-of-type~div::-webkit-scrollbar {
        display: none;
    }

    .main,
    .main .news {
        position: relative;
    }

    .main .ditto_page,
    .main .news .ditto_page {
        padding: 0 10px;
        display: none;
    }

    .main .ditto_currentpage,
    .main .news .ditto_currentpage {
        padding: 0 10px;
        display: none;
    }

    .main .ditto_previous_link,
    .main .news .ditto_previous_link {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 12px;
        border: 1px solid #eee;
        border-radius: 5px;
        text-transform: capitalize;
        min-width: 100px;
        text-align: center;
    }

    .main .ditto_next_link,
    .main .news .ditto_next_link {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 12px;
        border: 1px solid #eee;
        border-radius: 5px;
        text-transform: capitalize;
        min-width: 100px;
        text-align: center;
    }

    .aside .highlighted {
        background: none;
        border: none;
    }

    .aside .highlighted h2 {
        margin: 0;
    }

    .aside .highlighted form {
        width: 100%;
    }

    .aside .highlighted form>p {
        padding: 0;
        margin: 0;
    }

    .aside .highlighted form input[name="email"] {
        width: 100%;
        padding: 12px;
        box-shadow: none;
        border: 1px solid #EEEEEE;
        border-radius: 5px;
        font-size: 14px;
        min-height: 48px;
    }

    .aside .highlighted form input[type="submit"] {
        width: 100%;
        padding: 12px;
        box-shadow: none;
        border: 1px solid #EEEEEE;
        background: #43a081;
        color: #fff;
        border-radius: 5px;
        font-size: 16px;
        line-height: 22px;
        margin-top: 24px;
    }

    .main .western>strong,
    .main .western>strong>a,
    .main .western>strong>span {
        font-size: 20px;
    }

    .articles {
        margin-top: 0;
    }

    .articles h2 {
        all: unset;
        display: inherit;
        padding: 0;
        margin: 0;
    }

    .articles h2>a {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        letter-spacing: 0em;
        text-align: left;
        display: block;
    }

    .articles li>p {
        margin-top: 8px;
    }

    .articles li {
        margin: 0;
        margin-top: 24px;
    }

    .articles li:first-of-type {
        margin: 0;
    }

    .user-opinion {
        position: relative;
    }

    .user-opinion~.user-opinion {
        margin-top: 24px;
    }

    .user-opinion .avatar {
        float: unset;
        margin: 0;
        max-width: 80px;
        max-height: 80px;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .user-opinion>.avatar~blockquote {
        padding-left: 90px !important;
    }

    ol li {
        margin: 0;
        padding: 0;
    }

    ol li~li {
        margin-top: 8px;
    }

    .main.presscenter.wide>article.user-opinion>blockquote,
    .main.presscenter.wide>article.user-opinion>.author,
    .main.presscenter.wide>article.user-opinion>blockquote>p {
        display: inline;
        padding: 0;
    }

    .main.presscenter.wide>article.user-opinion>blockquote>p:first-of-type,
    .main.presscenter.wide>article.user-opinion>blockquote>p:nth-of-type(4) {
        font-size: 20px !important;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        margin: 0;
        /* padding: 24px 0 16px 0; */
        display: inline;
    }

    .main.presscenter.wide>article.user-opinion>blockquote>p:nth-of-type(2) {
        margin: 24px 0;
        display: block;
    }

    .main.presscenter.wide>article.user-opinion~.user-opinion>blockquote>p:nth-of-type(2) {
        margin: 0;
        display: inline;
    }

    .main.presscenter.wide>article.user-opinion:nth-of-type(2)>.author {
        display: block;
        margin: 24px 0;
    }

    .main.presscenter.wide>article.user-opinion:nth-of-type(2)>blockquote>p {
        font-size: 14px !important;
        line-height: auto;
    }

    .main>article.user-opinion:nth-of-type(2)>blockquote>p:first-of-type,
    .main>article.user-opinion:nth-of-type(2)>blockquote>p:nth-of-type(4),
    .main>article.user-opinion:nth-of-type(2)>blockquote>p:nth-of-type(6),
    .main>article.user-opinion:nth-of-type(2)>blockquote>p:nth-of-type(8),
    .main>article.user-opinion:nth-of-type(2)>blockquote>p:nth-of-type(11),
    .main>article.user-opinion:nth-of-type(2)>blockquote>p:nth-of-type(13),
    .main>article.user-opinion:nth-of-type(2)>blockquote>p:nth-of-type(16)>span {
        font-size: 20px;
        line-height: 28px;
        padding: 24px 0 12px 0;
        display: block;
    }

    .main>article.user-opinion:nth-of-type(2)>blockquote>p:first-of-type {
        padding-top: 0;
    }

    .western>strong>strong>strong>img {
        width: auto;
    }

    .western~ul:last-child>li>a,
    .western~ul:last-child>li>p>a {
        display: block;
        word-break: break-word;
    }

    /* #61054 (Support) */

    form.ask-question,
    form.ask-question textarea,
    form.ask-question label,
    form.ask-question input,
    form.ask-question select,
    form.ask-question .submit,
    form.ask-question>p,
    #qa_comment,
    #qa_comment>p,
    #qa_comment input,
    #qa_comment textarea,
    #login,
    #login>p,
    #login input {
        float: unset;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    form.ask-question input,
    form.ask-question select,
    form.ask-question textarea,
    #qa_comment input,
    #qa_comment textarea,
    #login input,
    .aside .highlighted form.weblogin input {
        width: 100% !important;
        padding: 12px;
        margin-top: 8px;
        border-radius: 5px;
        box-shadow: none;
        border: 1px solid #eee;
        min-height: 40px;
        height: auto;
        font-size: 14px;
        line-height: 22px;
    }

    #qa_comment input,
    #qa_comment textarea,
    #login input,
    form.weblogin input {
        margin-top: 0;
    }

    form.ask-question input[type="file"] {
        border: none;
        border-radius: 0;
        padding: 0;
        min-height: unset;
    }

    form.highlighted,
    form.ask-question .submit,
    #qa_comment,
    #qa_comment .submit,
    #login,
    #login .submit {
        background: none;
        border: none;
    }

    form.ask-question>h2 {
        margin: 0;
    }

    form.ask-question>p,
    #qa_comment>p,
    #login>p,
    .aside .highlighted form.weblogin>p {
        padding-top: 16px;
    }

    #login>p:first-of-type {
        padding-top: 0;
    }

    .ask-question .ask-question__name-wrapper,
    #qa_comment .submit,
    #login .submit {
        padding-top: 0;
    }

    form.ask-question .ask-question__submit-wrapper,
    #qa_comment .submit,
    #qa_comment .g-recaptcha,
    #login .submit {
        margin-top: 16px;
    }

    form.ask-question .ask-question__submit-wrapper>input,
    #qa_comment .submit>input,
    #login .submit>input {
        background: #43a081;
        border: none;
        color: #fff;
        margin-top: 0;
    }

    form.ask-question label,
    form.ask-question .ask-question__submit-wrapper,
    form.ask-question .ask-question__submit-wrapper>input,
    #qa_comment label,
    #qa_comment .submit,
    #qa_comment .submit>input,
    #login .submit,
    #login .submit>input {
        font-size: 14px;
        line-height: 22px;
    }

    form.ask-question input:hover,
    form.ask-question input:focus,
    form.ask-question input:active,
    form.ask-question textarea:hover,
    form.ask-question textarea:focus,
    form.ask-question textarea:active,
    form.ask-question select:hover,
    form.ask-question select:focus,
    form.ask-question select:active,
    .header .search input[type="text"]:hover,
    .header .search input[type="text"]:focus,
    .header .search input[type="text"]:active,
    #qa_comment input:hover,
    #qa_comment input:focus,
    #qa_comment input:active,
    #qa_comment textarea:hover,
    #qa_comment textarea:focus,
    #qa_comment textarea:active,
    #login input:hover,
    #login input:focus,
    #login input:active,
    .aside .highlighted form.weblogin input input:hover,
    .aside .highlighted form.weblogin input input:focus,
    .aside .highlighted form.weblogin input input:active,
    .search-form input[type="text"]:hover,
    .search-form input[type="text"]:focus,
    .search-form input[type="text"]:active {
        border: 1px solid #43a081;
    }

    .header .search input[type="text"]:focus-visible {
        outline: unset;
    }

    #login input[name="forgot_mail"] {
        margin-bottom: 16px;
    }

    #login input[type="submit"] {}

    #login input[type="submit"],
    .weblogin input[type="submit"],
    form.ask-question.highlighted input[type="submit"] {
        border: none !important;
        min-height: 48px !important;
        height: 100% !important;
        display: block !important;
    }

    form.ask-question .ask-question__file_mob,
    .register.block.highlighted>.reg>a {
        display: block;
        border: 1px solid #43a081;
        padding: 12px;
        border-radius: 5px;
        color: #43a081;
        width: 100%;
        text-align: center;
    }

    .register.block.highlighted>.reg>a {
        padding: 11px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    .aside .register-note {
        margin: 5px 0 0 0;
    }

    form.ask-question .ask-question__file_desc,
    form.ask-question .ask-question__file-wrapper>input {
        display: none;
    }

    form.ask-question select {
        background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
        -webkit-appearance: none;
        background-size: 10px;
        background-position-x: calc(100% - 15px);
        appearance: none;
        -webkit-appearance: none;
        /* safari and chrome */
        -moz-appearance: none;
        /* Mozilla */
        -ms-appearance: none;
        /* Ie */
    }

    .aside .support-department>dl {
        display: grid;
        grid-template-columns: 71px 1fr;
    }

    .aside .support-department>dl>dt,
    .aside .support-department>dl>dd {
        display: block;
        float: unset;
        margin: 0;
        margin-top: 12px;
        line-height: 22px;
    }

    .aside .support-department>dl>dt:first-of-type,
    .aside .support-department>dl>dd:first-of-type {
        margin-top: 0;
    }

    .aside .support-department>dl>dd {
        padding-left: 15px;
    }

    .add-comment .note {
        margin-left: 13px;
    }

    .main>.pictoblock,
    .main>.pictoblock>h2,
    .main>.pictoblock>h2>.pic {
        margin: 0;
        padding: 0;
        float: unset;
        overflow: unset;
    }


    .main>.pictoblock:first-of-type>h2 {
        padding-top: 0;
    }

    .presentations__title-wrapper {
        position: relative;
        padding-right: 63px;
        min-height: 64px;
    }

    .presentations__img_absolute {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 52px;
        max-height: 48px;
    }

    #login input[type="password"] {
        background: none;
    }

    #login .submit {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
    }

    #login #forgot {
        margin: 5px 0 16px 13px;
        color: #0172d1;
    }

    .register.block.highlighted>.reg {
        padding: 0;
    }

    .register.block.highlighted>.reg>a {
        font-size: 20px;
        border: none;
        padding: 0;
        text-align: left;
        color: #0172D1;
        margin-top: 40px;
    }

    .tag-sort {
        margin-bottom: 24px;
    }

    .tag-sort>li:first-of-type {
        margin-right: 0;
    }

    .pager {
        margin-top: 0;
        margin-bottom: 24px;
    }

    .tag-sort>li,
    .pager li {
        padding: 5px;
        margin: 0;
    }

    .setup__img {
        width: auto;
    }

    .downloads-page .nav {
        margin-bottom: 24px;
    }

    .downloads-page .nav a {
        border: none;
    }

    .qa section {
        padding-bottom: 13px;
    }

    /* #61057 (About Company) */

    .mobile__w_auto {
        width: auto !important;
    }

    .social-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }

    .social-wrapper>p {
        margin: 0;
        padding-right: 15px;
    }

    .clients,
    .clients li,
    .clients .client-logo {
        width: auto;
        height: auto;
        margin: 0;
        vertical-align: unset;
        line-height: unset;
    }

    .clients li {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-height: 162px;
    }

    .clients,
    .clients~.clients {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    .clients .client-logo {
        margin: auto;
        padding-bottom: 10px;
    }

    .clients img {
        width: 100%;
        height: auto;
    }

    .cities-nav {
        margin: 0 0 16px 0;
    }

    .cities-nav li {
        margin: 0;
    }

    .cities-nav a {
        border: none;
        padding: 5px;
    }

    .dealer-map,
    .ymaps-map,
    .ymaps-glass-pane,
    .ymaps-events-pane {
        width: 100% !important;
    }

    .visible-dealers {
        padding-top: 16px !important;
    }

    .contacts h2 {
        margin: 0;
    }

    #office,
    #dealer {
        padding-top: 0;
    }

    #office~section {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
    }

    #office~section>h3 {
        padding-top: 0;
    }

    .contacts section .map {
        width: 100%;
        margin: 0;
        float: unset;
        order: 10;
        margin-top: 10px;
    }

    .contacts section .map>div {
        width: 100% !important;
    }

    .contacts section h4 {
        display: none;
    }

    .nav-main .nav-main-wrapper .opened a {
        color: #43a081;
    }

    #mobile__select-wrapper_clone {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        padding-top: 70px;
        padding-left: 15px;
    }

    #mobile__select-wrapper_clone>p {
        margin: 0;
    }

    #mobile__select-wrapper_clone .select-city {
        top: 66px;
    }

    #mobile__logo_clone {
        background: url(img/svg/icons__logo.png) 0 0 no-repeat;
        background-size: contain;
        text-indent: -9999px;
        position: fixed;
        margin-left: 15px;
        top: 15px;
        height: 32px;
        width: 116.46px;
    }

    #mobile__select-wrapper {
        display: inherit;
    }

    #mobile__select-wrapper_clone>p:first-of-type {
        margin-left: 10px;
    }

    #mobile__select-wrapper_clone .city {
        color: #0172D1;
        background: none;
        cursor: pointer;
        position: relative;
    }

    #mobile__select-wrapper_clone .city::after {
        content: " ";
        background-image: url(./img/svg/icons__for-mobile-menu_arrow-blue.svg);
        width: 20px;
        height: 20px;
        right: -7px;
        top: -2px;
        background-size: contain;
        position: absolute;
        cursor: pointer;
    }

    #mobile__select-wrapper_clone>p:first-of-type,
    #mobile__select-wrapper_clone .city,
    #mobile__select-wrapper_clone .city span {
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        display: inline;
    }

    #mobile__select-wrapper_clone .city span {
        padding-right: 11px;
    }

    #mobile__select-wrapper_clone .clickable-phone_header {
        color: #2F2F2F;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0.01em;
        text-align: left;
    }


    header .nav-main .nav-main-wrapper .opened a,
    header .nav-main .nav-main-wrapper .opened a span,
    .nav-main .nav-main-wrapper .second-level li.current {
        background: #43A081;
        color: #2F2F2F;
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
    }

    header .nav-main .nav-main-wrapper .opened a,
    .nav-main .nav-main-wrapper .second-level li.current span {
        padding: 15px;
        display: block;

    }

    .nav-main .nav-main-wrapper .second-level li {
        background: #43A081;
    }

    .nav-main .nav-main-wrapper .second-level li a {
        color: #fff;
    }

    .nav-main .nav-main-wrapper .second-level li.current,
    .select-city.nav li span {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        color: #fff;
    }

    .select-city {
        padding: 8px;
    }

    .select-city.nav li:last-of-type {
        margin-top: 8px;
    }

    .select-city.nav li span {
        color: #0172D1;
        font-family: Helvetica;
        line-height: 16px;
        border-bottom: none;
        text-decoration: none;
    }

    a:hover,
    a:active,
    a:visited {
        color: inherit;
    }


    .middle.home>section.featured~.main>h2:first-of-type>a {
        padding-top: 0;
        padding-bottom: 20px;
        /* font-family: Inter; */
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
        text-transform: lowercase;
    }

    .middle.home>section.featured~.main>h2:first-of-type>a::first-letter {
        text-transform: capitalize;
    }

    .home>.main>.news-item>h3 {
        margin: 0;
    }

    .home>.main>.news-item>.date {
        /* font-family: Inter; */
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        color: #646464;
    }

    .footer .copyright {
        margin-bottom: 0;
    }

    .footer address#cont {
        display: flex;
        flex-direction: column;
        margin-top: 16px;
    }

    .footer address#cont>.office-city {
        margin: 0;
        order: 1;
    }

    .footer address#cont>.office__title,
    .footer address#cont>.office__title_moscow {
        order: 2;
    }

    .footer address#cont>.office__address {
        order: 4;
    }

    .footer address#cont>.office__phone {
        order: 3;
        margin-top: 12px;
    }

    .footer address#cont>p {
        order: 10;
    }

    .footer address#cont>.office__email {
        order: 5;
    }

    .footer address#cont>.office__site {
        order: 6;
    }

    .aside .register.block .register-note {
        margin: 5px 0 0 13px;
    }

    .main.product img {
        margin: 16px 0 !important;
    }

    /* #61463 (Products - images) */

    .main.product .products__img-wrapper {
        display: flex;
        flex-direction: column;
    }

    .wrapper .main.product .mobile__h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
        padding: 32px 0 16px 0;
    }

    .wrapper .main.product strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
    }

    .main.product .products__img-wrapper>strong {
        order: 1;
    }

    .main.product .products__img-wrapper>img {
        order: 0;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
    }

    .main.product .products__img-wrapper>img.mobile__m_0 {
        margin: 0 !important;
    }

    .main.product .products__img-wrapper_scheme {
        display: flex;
        justify-content: center;
    }

    .main.product .products__img-wrapper_scheme .products__img_scheme {
        width: 300px;
        height: 509px;
        max-width: unset;
        max-height: unset;
    }

    .recommended-requirements__title {
        position: relative;
    }

    .main.product>.recommended-requirements__title>h2.mobile__h3 {
        padding-right: 84px;
    }

    .main.product>.recommended-requirements__title>img {
        margin: 0 !important;
        width: auto;
        max-height: 74px;
        position: absolute;
        right: 0;
        top: 22px;
    }

    .aside .highlighted form.weblogin {
        margin-bottom: 24px;
    }

    .aside .highlighted form.weblogin input {
        margin-top: 0;
    }

    .aside .highlighted form.weblogin ._showPass {
        margin: 5px 0 0 13px;
        font-size: 11px;
        line-height: 22px;
        display: block;
    }

    .aside .highlighted form.weblogin input[type="password"] {
        background-position: 6px 17px;
        background-size: 9px;
        padding-left: 20px;
    }

    .aside .highlighted form.weblogin .submit>input {
        font-size: 14px;
        line-height: 22px;
        margin: 0;
    }

    .aside .highlighted form.weblogin>p:first-of-type,
    .aside .highlighted form.weblogin>p:nth-of-type(6) {
        padding: 0;
    }

    .aside .register.block.highlighted>.error {
        color: red;
    }

    /* #61520 (Add rutube btn) */

    .social-icon.yt>a {
        background: url(./img/svg/icons__youtube.svg) 0 0 no-repeat;
        background-size: contain;
        min-width: 32px;
        min-height: 32px;
    }

    .social-icon.vk>a {
        background: url(./img/svg/icons__vk.svg) 0 0 no-repeat;
        background-size: contain;
        min-width: 32px;
        min-height: 32px;
    }

    .social-icon.rt>a {
        background: url(./img/svg/icons__rutube.svg) 0 0 no-repeat;
        background-size: contain;
        min-width: 32px;
        min-height: 32px;
    }

    .social-icon.yt::before,
    .social-icon.vk::before,
    .social-icon.rt::before {
        display: none;
    }

    .social-wrapper.hide-to-desc a>img {
        min-width: 32px;
    }

    .social-icons>.social-icon {
        flex: unset;
    }

    .social-icons>.social-icon.rt {
        margin: 0 15px;
    }

    .fileName {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .fileName~.fileName {
        margin-top: 4px;
    }

    #downloads>li:nth-of-type(5) .menu__item {
        color: #0172d1 !important;
    }

    #downloads>li:nth-of-type(5) .menu__item:active {
        color: #fff !important;
    }

    #login~form.weblogin {
        margin: 16px 0 24px 0 !important;
    }

    h2.reg~form.weblogin {
        margin: 0 0 24px 0 !important;
    }

    a#forgot:hover,
    a#forgot:active,
    a#forgot:visited {
        color: #43a081;
    }

    form.weblogin a._showPass {
        color: #0172d1 !important;
    }

    /* #62435 (Clickable phones) */

    .visible-dealers .column+.column {
        margin-left: 0;
        margin-top: 24px;
    }

    .visible-dealers .column {
        float: unset;
        width: 100%;
    }

    /* #62463 (Searchfield) */

    .search-form,
    .search-form input[type="text"] {
        width: 100%;
        padding: 0;
        overflow: unset;
    }

    .search-form>p {
        margin-bottom: 0;
    }

    .search-form input[type="text"],
    .search-form .submit input {
        font-size: 16px;
    }

    .search-form input[type="text"] {
        background: none;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 12px;
        width: 100%;
        height: auto;
        border: 1px solid #F2F2F2;
        border-radius: 5px;
        box-shadow: none;
    }

    .search-form input[type="submit"] {
        background: url(/img/svg/icons_header_search-submit.svg) no-repeat;
        background-size: contain;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 12px;
        right: 12px;
        text-indent: -9999px;
        padding: 0;
        border: none;
    }

    .search-results-item {
        margin-bottom: 0;
    }

    .search-results-item>h3 {
        margin-bottom: 0;
    }

    .search-results-item>h3>a {
        padding: 32px 0 16px 0;
        display: block;
        font-size: 20px !important;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
    }

    .search-results-item:first-of-type>h3>a {
        padding: 0 0 16px 0;
    }

    .search-form~.pager {
        display: flex;
        margin-top: 40px;
        margin-bottom: 0;
        justify-content: center safe;
        float: unset !important;
        width: 100% !important;
        justify-content: flex-start;
        max-width: 100% !important;
        overflow: auto;
    }

    .search-form~.pager::-webkit-scrollbar {
        display: none;
    }

    .pager li {
        margin: 0;
        padding: 5px 10px;
        border: 1px solid #eee;
        border-radius: 5px;
        text-align: center;
        margin: 0 5px;
    }

    .pager li:first-of-type {
        margin-left: 0;
    }

    .pager li:last-of-type {
        margin-right: 0;
    }

    .pager._pager,
    .nav.nav-main {
        display: none;
    }

    /* #62464 (Mobile menu) */
    .mobileMenu {
        padding-top: 115px;
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: #EBEBEB;
        transform: translateX(-100vw);
        z-index: 1000;
        visibility: hidden;
        transition: transform .4s ease-in-out,visibility .4s ease-in-out;
    }

    .mobileMenu_opened {
        visibility: visible;
        transform: translateX(0);
    }

    .mobileMenuItem {
        display: flex;
    }

    .mobileMenuItem__head {
        flex: 1 1 50%;
        display: flex;
        position: relative;
    }

    .mobileMenuItem__title {
        border: none;
        background: none;
        padding: 0;
        width: 100%;
        max-height: 52px;
        display: flex;
        align-items: center;
        color: #fff;
        line-height: 24px;
        position: relative;
        transition: padding-top .4s ease-in-out;
    }

    .mobileMenuItem__icon {
        display: none;
    }

    .mobileMenuItem__accordion {
        flex: 1 1 50%;
        position: absolute;
        visibility: hidden;
        top: 0;
        left: 50%;
        height: 100%;
        max-width: 0;
        max-height: 0;
        border-bottom-color: black;
        background: #43A081;
        border-bottom: none;
        overflow: hidden;
        transition: all .4s ease-in-out;
    }
    

    .mobileMenuItem_opened {
        visibility: visible;
    }

    .mobileMenuItem_opened .mobileMenuItem__accordion {
        visibility: visible;
        max-height: unset;
        max-width: 50%;
        width: 100%;
        overflow: unset;
    }

    .mobileMenuAccordionItem {
        position: relative;
    }

    .mobileMenuAccordionItem a {
        display: inline-block;
        width: 100%;
        color: #fff;
        text-decoration: none;
        padding: 0;
        max-width: 0;
    }

    .mobileMenuItem__head {
        max-width: 50%;
    }

    .mobileMenu__content {
        position: relative;
        height: 100%;
    }

    .mobileMenuAccordionItem a,
    .mobileMenuItem .mobileMenuItem__title > span {
        min-height: unset;
        display: block;
        padding: 15px;
        margin: 0;
        color: #2F2F2F;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobileMenuAccordionItem a {
        padding: 0;
    }

    .mobileMenuAccordionItem a > span {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
    }

    .mobileMenuItem_opened .mobileMenuItem__title > span,
    .mobileMenuItem_opened .mobileMenuAccordionItem__title {
        background: #43A081;
        color: #2F2F2F;
        width: 100%;
        margin: 0;
        padding: 15px;
        display: block;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        padding: 15px;
        text-align: left;
    }

    .mobileMenuItem_opened .mobileMenuAccordionItem__title {
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobileMenuItem_opened .mobileMenuAccordionItem a {
        background: #43A081;
        overflow: hidden;
        max-width: 100%;
    }


    #mobile__select-wrapper_clone,
    #mobile__logo_clone {
        left: 0% !important;
    }
}

@media (min-width: 577px) {

    .hide-to-desc,
    .mobileMenu,
    form.ask-question .ask-question__file_mob {
        display: none;
    }

    .clickable-phone {
        color: #737373;
        text-decoration: none;
    }

    .clickable-phone_header {
        color: #2f2f2f;
        text-decoration: none;
    }

}

.social-icon.yt::before {
    background: url(./img/svg/icons__youtube.svg) 0 0 no-repeat;
    background-size: contain;
    min-width: 32px;
    min-height: 32px;
}

.social-icon.vk::before {
    background: url(./img/svg/icons__vk.svg) 0 0 no-repeat;
    background-size: contain;
    min-width: 32px;
    min-height: 32px;
}

.social-icon.rt::before {
    background: url(./img/svg/icons__rutube.svg) 0 0 no-repeat;
    background-size: contain;
    min-width: 32px;
    min-height: 32px;
}

/* #61521 (Change logo) */

.header .logo {
    background: url(/img/svg/icons__logo.png) 0 0 no-repeat;
    background-size: contain;
    margin-bottom: 26px;
}

.h1, .h1 > span {
    margin-bottom: 26px;
    text-transform: uppercase;
    font: bold 34px/40px "PT Sans", sans-serif;
    
}

@media (max-width: 576px) {
    .h1, .h1 > span  {
        padding: 0;
        margin: 32px 0 24px 0;
        font-family: PT Sans;
        font-size: 34px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: left;
    }

    .h1 > span {
        margin: 0;
    }
}

/* #67275 (Modal) */

.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.modal * {
    box-sizing: border-box;
}

.modal_opened {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    z-index: 10000000000;
}

.modal_opened .modal__body {
    overflow-y: auto;
}

.modal__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(26, 63, 50, 1);
}

@media (max-width: 576px) {
    .modal__overlay {
        display: none;
    }
}

.modal__body {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 20px;
    padding-top: 64px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: var(--shadow-3);
    overflow: hidden;
    margin: 0 auto;
}

@media (max-width: 576px) {
    .modal__body {
        width: 100%;
        height: 100%;
        margin: auto 0 0;
        max-width: none;
        max-height: 100%;
        border-radius: 8px 8px 0 0;
        padding-top: 64px;
        /* transform: translateY(100%); */
        overflow: hidden;
        transition: transform 0.4s ease-in-out;
    }
}


.modal__close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    transition: color 0.2s ease-in-out;
    z-index: 10000;
    padding: 0;
    cursor: pointer;
}

.modal__close:hover {
    opacity: 0.85;
}

.modal__close:focus,
.modal__close:active {
    opacity: 0.7;
}

@media (max-width: 576px) {
    .modal__close,
    .modal__close svg {
        max-width: 56px;
        max-height: 56px;
    }
}

.modal .modal__content-wrapper {
    display: flex;
    transition: transform 0.3s ease-in-out, height 0.6s ease-in-out;
}

.modal__content {
    height: 100%;
    overflow: auto;
}

.modal .modal__content {
    flex: 0 0 560px;
    height: 100%;
}

@media (max-width: 576px) {
    .modal .modal__content {
        flex: 0 0 100%;
    }
}

.modal .modal__content {
    overflow-y: hidden;
}

.current-modal {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 64px 0 64px;
    gap: 32px;
}

@media (max-width: 576px) {
    .current-modal {
       padding: 0 20px;
       gap: 24px;
    }
}

.modal__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    cursor: default;
}

@media (max-width: 576px) {
    .modal__header {
       gap: 8px;
    }
}

.modal__title,
.modal__description {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-align: left;
    margin: 0;

}

.modal__title {
    text-transform: uppercase;
}

@media (max-width: 576px) {
    .modal__title {
       padding: 0;
    }
}

.modal__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
}

.modal .button {
    display: inline-block;
    width: 100%;
    padding: 12px 24px;
    background-color: #43A081;
    border-radius: 4px;
    color: #fff;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.button_link {
    background-color: transparent;
    width: auto;
    color: var(--color-primary);
    font-weight: 400;
    padding: 0;
}

.modal__fields {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.modal .button:hover {
    background-color: #367D65;
}

.modal .button:focus,
.modal .button:active {
    background-color: #2E6A56;
}

.modal .button[disabled] {
    background-color: #D4DDE4;
    cursor: not-allowed;
}

.modal__submit {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #43A081;
    border: none;
    color: #fff;
}

.button.modal__submit {
    display: flex;
}

.modal__submit > svg, .modal__submit_phone > svg {
    display: none;
}

.modal__submit-text {
    display: flex;
}

.modal .modal__footer {
    margin-top: 40px;
    height: 100%;
    max-height: 146px;
    background: #E0F6EF;
}

@media (max-width: 576px) {
    .modal .modal__footer {
        max-height: 130px;
    }
    #modalConsulting .modal__footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

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

.modal__alternative-title {
    padding: 32px 64px;
    width: 100%;
    cursor: default;
}

@media (max-width: 576px) {
    .modal__alternative-title {
        padding: 24px 20px;
    }
}

.modal__alternative-title > p {
    letter-spacing: 0em;
    text-align: center;
    color:#2F2F2F;
    display: block;
    margin: 0;
}

.modal__alternative-title .alternetive-title__description {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
}

.alternetive-title__description > span {
    display: block;
    margin: 0;
}

.modal__alternative-title .alternetive-title__phone {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.01em;
    margin-top: 8px;
}

.modal__links {
    margin-top: 24px;
    width: 100%;
    display: flex;
    gap: 16px;
}

.modal__links li {
    width: 100%;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 24px;
    border-radius: 4px;
}

.modal__links li {
    cursor: pointer;
    transition: opacity 0.2s ease-in-out;
}

.modal__links a {
    display: flex;
}

.modal__link svg {
    width: 24px;
    height: 24px;
}

.modalOpen {

}

@media (max-width: 576px) {
    .modalOpen {
        display: none;
    }
}

/* #67295 (Consulting) */

.consulting {
    margin-top: 26px;
    width: 890px;
    display: flex;
    float: left;
    background: #E0F6EF;
    padding: 40px 0 40px 50px;
    gap: 72px;
    border-radius: 8px;
}

@media (max-width: 576px) {
    .consulting {
        width: calc(100% + 30px);
        padding: 40px 15px;
        margin: 26px -15px 0 -15px;
    }
}

.consulting__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    padding: 10px 0;
}

@media (max-width: 576px) {
    .consulting__wrapper {
        gap: 24px;
        padding: 0;
    }
}

.consulting__content {
    display: flex;
    gap: 16px;
}

@media (max-width: 576px) {
    .consulting__content {
        flex-direction: column;
        gap: 16px;
    }
}

.consulting__content .consulting__order,
.consulting__content .consulting__call {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    text-decoration: none;
}

.consulting__content .consulting__order > span,
.consulting__content .consulting__call > span {
    display: block;
    padding: 12px 20px;
}

@media (max-width: 576px) {
    .consulting__content .consulting__order > span,
    .consulting__content .consulting__call > span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.consulting__content .consulting__order {
    background: #43A081;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0;
}

.consulting__title,
.consulting__description,
.consulting__content .consulting__call {
    color: #2F2F2F;
}

.consulting__content .consulting__call > span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.consulting__content .consulting__call > span::before {
    display: block;
    width: 24px;
    height: 24px;
    content: url('./img/svg/Call.svg');
}

.consulting__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: default;
}

@media (max-width: 576px) {
    .consulting__title {
        gap: 8px;
    }
}


.consulting .consulting__title {
    display: block;
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    text-transform: uppercase;
}


@media (max-width: 576px) {
    .consulting  .consulting__title {
        padding: 0;
        line-height: 26px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.01em;
    }
}

.consulting__description {
    max-width: 440px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
}

.consulting__description-link {
    text-decoration: none;
    color: #0172D1;
    cursor: pointer;
    display: inline-block;
}

.consulting__description-link:hover {
    color: #0061AE;
}

.consulting__description-link:focus
.consulting__description-link:active {
    color: #004F8B;
}

.consulting .consulting__section > img {
    margin: 0;
    pointer-events: none;
}

@media (max-width: 576px) {

    .consulting .consulting__section {
        display: none;
    }
}

@media (min-width: 576px) {

    .main__content {
        min-height: 900px;
    }
}

/* Form Input */

.input-fancy__content {
    position: relative;
}

.input-fancy input {
    width: 100%;
    min-height: 56px;
    padding: 23px 47px 7px 11px;
    background-color: #FFF;
    border: 1px solid #DCF1EA;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #5E5E5E;
    box-shadow: none;
    transition: border-color 0.2s linear, box-shadow 0.2s linear, background-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
    cursor: pointer;
}

.input-fancy input:hover {
    border-color: #43A081;
}

.input-fancy input:focus {
    border-color: #43A081;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(65, 153, 123, 0.55);
    -moz-box-shadow: 0px 0px 0px 3px rgba(65, 153, 123, 0.55);
    outline: none;
}

.input-fancy_error input,
.input-fancy_error input:hover,
.input-fancy_error input:focus {
    border-color: #FF1100;
}

.input-fancy_error input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.input-fancy input:disabled {
    background-color: rgba(0, 0, 0, 0.03);
    border-color: rgb(155, 176, 194, 0.03);
}

.input-fancy__placeholder {
    position: absolute;
    left: 12px;
    top: 50%;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    transform: translate(0, -50%);
    transform-origin: 0 0;
    pointer-events: none;
    z-index: 1;
    color: #5E5E5E;
    transition: top 0.2s linear, transform 0.2s linear, font-weight 0.2s linear;
}

.input-fancy input:focus ~ .input-fancy__placeholder,
.input-fancy input:not(:placeholder-shown) ~ .input-fancy__placeholder {
    top: 8px;
    transform: scale(0.7);
    font-weight: 600;
    width: 400px;
    overflow: hidden;
}

.input-fancy_error .input-fancy__placeholder {
    /* color: var(--color-error); */
}

.input-fancy input:disabled ~ .input-fancy__placeholder {
    /* color: var(--color-text-disabled); */
}

.input-fancy__clear,
.input-fancy__visibility,
.input-fancy__calendar {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 12px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: color 0.2s ease-in-out, visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
    cursor: pointer;
    border: none;
    background: none;
}

.input-fancy__clear:hover,
.input-fancy__clear:active,
.input-fancy__visibility:hover,
.input-fancy__visibility:active {
    /* color: var(--color-icon-primary); */
}

.input-fancy_error .input-fancy__clear:hover,
.input-fancy_error .input-fancy__clear:active,
.input-fancy_error .input-fancy__visibility:hover,
.input-fancy_error .input-fancy__visibility:active {
    /* color: var(--color-error); */
}

.input-fancy input:disabled ~ .input-fancy__clear,
.input-fancy input:disabled ~ .input-fancy__visibility {
    /* color: var(--color-text-disabled); */
}

.input-fancy input:focus:not(:placeholder-shown) ~ .input-fancy__clear,
.input-fancy input:not(:placeholder-shown) ~ .input-fancy__visibility,
.input-fancy textarea:focus:not(:placeholder-shown) ~ .input-fancy__clear,
.input-fancy textarea:not(:placeholder-shown) ~ .input-fancy__visibility {
    visibility: visible;
    opacity: 1;
}

.input-fancy__icon_visible {
display: none;
}

.input-fancy_visible .input-fancy__visibility .input-fancy__icon_hidden {
display: none;
}

.input-fancy_visible .input-fancy__visibility .input-fancy__icon_visible {
display: block;
}

.input-fancy__calendar {
color: var(--color-icon-primary);
visibility: visible;
opacity: 1;
pointer-events: none;
}

.input-fancy__bar {
width: 100%;
height: 4px;
background-color: var(--color-divider);
margin: 6px 0 4px;
}

.input-fancy__progress {
height: 100%;
transition: width 0.1s ease-in-out;
}

.input-fancy__progress_small {
background-color: var(--color-error);
}

.input-fancy__progress_medium {
background-color: var(--color-notify);
}

.input-fancy__progress_big {
background-color: var(--color-success);
}
  

/* Modal Checkboxes */

.modal__products {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
}

.modal__products-title > p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    cursor: default;
}

.modal__products-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 7.9px;
}

.modal__products-checkbox > input {
    display: none;
}

.modal__products-checkbox > label {
    display: block;
    padding: 8px 16px;
    color: #2F2F2F;
    background-color: #FFF;
    border: 1px solid #DCF1EA;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    min-height: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.modal__products-checkbox > label:hover {
    border-color: #43A081;
}

.modal__products-checkbox > input:checked + label {
    color: #FFF;
    background-color: #43A081;
    border-color: #43A081;
}

.modal__agreement .checkbox__label {
    cursor: pointer;
    display: flex;
    max-width: fit-content;
    align-items: start;
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
}

.modal .checkbox__input {
    display: none;
}

.modal .checkbox__checkmark {
    position: relative;
    min-width: 24px;
    height: 24px;
}

.modal .checkbox__label > span {
    margin-left: 16px;
    line-height: 24px;
}

.modal .modal__agreement a {
    color: #43A081;
    text-decoration: none;
}

.modal .modal__agreement a:hover  {
    color: #367D65;
}

.modal .modal__agreement a:focus,
.modal .modal__agreement a:active {
    color: #2E6A56;
}

.modal .checkbox__checkmark > svg {
    position: absolute;
    top: 0;
    left: 0;
    transition: color 0.2s ease-in-out;
    display: none;
}

.modal .checkbox__input:not(:checked) ~ .checkbox__checkmark .checkbox__icon_default {
    display: block;
}

.modal .checkbox__input:checked ~ .checkbox__checkmark .checkbox__icon_checked {
    display: block;
}

/* Modal Form */

.modal form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Modal Triuph */

.modal__content_triuph .current-modal {
    justify-content: space-between;
}

.modal__header_triuph {
    margin: 0;
}

.modal__header_triuph h2 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

/* Modal input errors */

.input-fancy.error input {
    border: 1px solid #FF1100;
    box-shadow: none;
}

.input-fancy.error .modal__input-error {
    color: #FF1100;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    margin-top: 4px;
    cursor: default;
}

.modal__agreement.error .modal__input-error {
    display: block;
    color: #FF1100;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 8px;
    cursor: default;
}

.modal__agreement.error .checkbox__input:not(:checked) ~ .checkbox__checkmark .checkbox__icon_dafault {
    display: none;
}

.modal__agreement.error .checkbox__input:not(:checked) ~ .checkbox__checkmark .checkbox__icon_error {
    display: block;
}

/* Preloader */

@keyframes submitLoader {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.modal__submit_loading > svg,
.modal__submit_loading > .modal__submit-text {
    display: none;
}

.modal__submit_loading > svg {
    display: block;
    animation: submitLoader 1s infinite linear;
    margin-right: 10px;
}



@media (max-width: 576px) {
    /* Mobile */
    .desktop,
    .header .search.desktop {
        display: none;
    }

    
}

@media (min-width: 577px) {
    /* Desktop */
    .mobile {
        display: none;
    }

    /* SearchField */
    .header {
        display: grid;
        grid-template-areas: "logo search wrap" 
                             "nav nav nav";
        grid-template-columns: 222px 1fr 455px;
        grid-gap: 20px 24px;
        margin-bottom: 30px;
    }

    .header .logo {
        grid-area: logo;
    }

    .header .search {
        grid-area: search;
    }

    .header .wrap {
        grid-area: wrap;
    }

    .nav-main {
        grid-area: nav;
        float: unset;
        margin: 0;
    }

    .nav-main .menu__box {
        left: 0;
    }

    .nav-main .nav-main-wrapper {
        float: unset;
        right: unset;
        left: 0;
    }

    .nav-main .first-level {
        display: flex;
        justify-content: space-between;
        width: 100%;
        float: unset;
        margin: 0;
        box-shadow: none;
        border-radius: unset;
        z-index: 105;
        left: unset;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
    }

    .nav-main .first-level .level-1 {
        display: block;
        width: auto;
        background: unset;
        height: 56px;
    }

    .nav-main .first-level li:hover,
    .nav-main .first-level li:active {
        background: unset;
    }

    .nav-main .first-level > li > a:hover {
        color: #0172D1;
    }

    .nav-main .second-level > li > a:hover {
        color: #1F473A;
        border-bottom: 1px solid #1F473A;
        margin-bottom: -1px;
    }

    .nav-main .first-level li.active > a {
        border-bottom: 1px solid #43A081;
        color: #43A081;
    }

    .nav-main .second-level li.active > a {
        background: transparent;
        color: #1F473A;
        border-bottom: none;
    }

    .nav-main .first-level > li > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .nav-main .first-level span {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        text-transform: capitalize;
        color: #2F2F2F;
        height: auto;
        padding: 0;
    }

    .nav-main .second-level {
        position: absolute;
        z-index: 100;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        max-width: unset !important;
        width: 100% !important;
        flex-wrap: wrap;
        padding: 40px 50px 40px 50px;
        box-shadow: none;
        background: #43A081;
        border-radius: 0;
        display: flex;
        gap: 10px 32px;
        height: auto;
        left: -50px;
        top: 56px;
    }

    .nav-main .first-level .level-1 > a {
        background: none;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        height: auto;
        padding: 16px 11px;
        max-height: 56px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    .nav-main .first-level .level-1:first-child > a {
        padding-left: 0;
    }

    .nav-main .first-level .level-1 > a::after {
        content: url(./img/svg/Down.svg);
        display: block;
        width: 16px;
        height: 16px;
        margin-left: 2px;
    }

    .nav-main .level-1 .level-title {
        height: 64px;
    }

    .nav-main .first-level a {
        color: #2f2f2f;
        text-transform: unset;
    }

    .nav-main .level-1:hover .second-level {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        transition: all .3s ease-in-out;
        box-shadow: 0px 14px 25px 0px #0000000D;
        box-shadow: 0px 0px 4px 0px #0000001A;
        height: auto;
        /* box-shadow: 0px 14px 25px 0px #0000000D; */
        /* box-shadow: 0px 0px 4px 0px #0000001A; */
    }

    .nav-main .second-level .level-title {
        /* font-family: Inter; */
        position: absolute;
        top: 30px;
        left: 50px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        color: #2F2F2F;
        height: 40px;
        display: none;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
        background: none;
        padding: 0;
    }

    .nav-main .second-level .level-2 {
        height: auto;
        display: flex;
        justify-content: flex-start;
        margin: 0;
        background: none;
    }

    .nav-main .second-level .level-2 .level-title {
        display: none;
    }

    .nav-main .second-level .level-2 a {
        /* font-family: Open Sans; */
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        display: block;
        height: auto;
        padding: 0;
        background: transparent;

    }

    #menu__toggle {
        display: none;
    }


    .header .search.desktop input[type="text"] {
        background: none;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 12px;
        width: 100%;
        height: auto;
        border: 1px solid #F2F2F2;
        border-radius: 5px;
        cursor: pointer;
    }

    .header .search.desktop input[type="submit"] {
        background: url(/img/svg/icons_header_search-submit.svg);
        background-size: contain;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 16px;
        right: 12px;
    }

    /* Header */ 
    .header:before, .header:after {
        display: none;
    }

    .header .search {
        width: 100%;
        height: auto;
        margin-top: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .header .logo {
        margin: 0;
        height: 45px;
        margin: auto 0;
    }

    .header .search p {
       margin: 0;
    }

    .header .search input[type="text"] {
        background: none;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 12px;
        width: 100%;
        height: auto;
        border: 1px solid #F2F2F2;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .header .search input[type="submit"] {
        background: url(/img/svg/icons_header_search-submit.svg) no-repeat;
        background-size: contain;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 17px;
        right: 12px;
        cursor: pointer;
    }


    .header .wrap {
        width: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
    }

    .header .wrap .quick-contacts {
        margin: 0;
    }

    .header .quick-contacts {
        width: 100%;
    }
}

.modal-try-open {
    padding: 12px 20px;
    background: rgba(67, 160, 129, 1);
    color: rgba(255, 255, 255, 1);
    min-height: 48px;
    width: 100%;
    margin: 0 16px 22px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.modal-try-open:hover,
.consulting__content .consulting__order:hover {
    background-color: #367D65;
}

.modal-try-open:focus,
.modal-try-open:active,
.consulting__content .consulting__order:focus,
.consulting__content .consulting__order:active {
    background-color: #2E6A56;
}

.consulting__content .consulting__call:hover {
    margin: -1px;
    border: 1px solid #91DCC3;
    background-color: #fff;
}

.consulting__content .consulting__call:focus,
.consulting__content .consulting__call:active {
    border: 1px solid #91DCC3;
    margin: -1px;
    background: linear-gradient(0deg, #ECF5F7, #ECF5F7),linear-gradient(0deg, #91DCC3, #91DCC3);
}

.modal-try-open.hide-to-mobile {
    margin: 0;
    /* background: linear-gradient(180deg, rgba(85,164,135,0.9) 0%, rgba(30,141,97,1) 50%, rgba(34,132,94,1) 80%, rgba(30,141,97,0.9) 100%); */
    background: linear-gradient(180deg, 
    rgba(85,164,135,0.5) 0%, rgba(85,164,135,1) 35%, 
    rgba(30,141,97,1) 40%, rgba(30,141,97,1) 80%, rgba(34,132,94,1) 90%, 
    rgba(30,141,97,0.9) 91%, rgba(30,141,97,0.8) 100%);
    text-shadow: 0px 0.5px 0px #fafafa;
}