/*!
Theme Name: artplus
 */
/* NOTE begin 9999px */

body:not(.wp-admin),
body .editor-styles-wrapper {
    --max-width: 1170px;
    --color-1: var(--myata);
    --color-2-text: var(--chernyy-2);
    --color-3-link: var(--myata);
    --font-family-1: 'Geologica', arial, Tahoma, Geneva, Verdana, sans-serif;
    font-family: var(--font-family-1);
    color: var(--color-2-text);
    font-size: 16px;
    --belyy: #fff;
    --fon: #f8f9fa;
    --fon-2: #eeeff0;
    --obvodka: #e4e5e6;
    --obvodka-2: #c6c7c8;
    --chernyy-1: #949596;
    --chernyy-2: #1c1d1e;
    --siniy: #2a154b;
    --bordo-2: #ec5175;
    --bordo: #b9253e;
    --myata-2: #2dcfc7;
    --myata: #209892;
    --font-family: "Geologica", sans-serif;
}

.wrapper a {
    font-family: var(--font-family-1);
    text-decoration: none;
    color: var(--color-3-link);
}

.wrapper a:hover {
    text-decoration: none;
}


.wrap_content_inner {
    max-width: var(--max-width);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.content_inner_max_width {
    max-width: 100%;
    width: 100%;
}

.max-width {
    max-width: var(--max-width);
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.right_content {
    flex-grow: 1;
    max-width: 100%;
}

.wp_wrap_subkategory {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 40px;
}

.wp_wrap_subkategory_item {
    width: 32%;
}

.wrap_posts {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 40px;
}

.wrap_posts article {
    width: 32%;
}

.wrap_logo_header .wrap_logo_header_inner {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.box_menu .wrap_logo_header_inner {
    flex-direction: column;
    row-gap: 5px;
}

.wrap_logo_header_inner_img {
    line-height: 0;
}

.header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 33px 0;
    max-width: 1436px;
    transition: 0.3s;
}

.header-tel a {
    cursor: default;
    font-size: 20px;
    line-height: 150%;
    color: var(--chernyy-2);
}

.button_d,
.button_d_link a {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--belyy);
    border-radius: 10px;
    background: var(--bordo);
    transition: 0.3s;
    border: 2px solid var(--bordo);
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
}

.button_d:hover,
.button_d_link a:hover {
    background: #fff;
    color: var(--bordo);
}

.button_d.height-40 {
    height: 40px;
}

.header_inner .button_d {
    width: 153px;
}

.h-header {
    background-image: url(images/backgrounds/1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
}

.h-header__inner {
    display: flex;
    align-items: center;
    height: 100%;
}

.h-header__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.h-header__img {
    width: 47%;
    position: relative;
    bottom: -110px;
    left: -110px;
}

.h-header__img img {
    max-width: 170%;
}

.h-header__title {
    font-size: 60px;
    line-height: 120%;
    color: var(--belyy);
    max-width: 565px;
}

.h-header__box {
    margin-top: 35px;
    margin-bottom: 50px;
}

.h-header__item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: auto;
    max-width: 547px;
    column-gap: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    padding: 10px 20px 10px 10px;
    width: max-content;
}

.h-header__item:nth-last-child(1) {
    margin-bottom: 0;
}

.h-header__item-text {
    font-weight: 100;
    font-size: 20px;
    line-height: 120%;
    color: var(--belyy);
}

.h-header__item-img {
    border-radius: 5px;
    width: 50px;
    aspect-ratio: 1;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-header__left .button_d_link {
    width: 370px;
    max-width: 100%;
}

.u-background-logo {
    background-image: url(images/backgrounds/2.svg);
    background-position: center right calc((100vw - 1750px) / 2);
    background-repeat: no-repeat;
    background-size: auto;
}

.u-padding-bottom-100 {
    padding-bottom: 100px;
}

.u-padding-top-100 {
    padding-top: 100px;
}

.title-d {
    font-size: 60px;
    line-height: 120%;
    margin-bottom: 35px;
    padding-top: 86px;
}

.u-margin-bottom-18 {
    margin-bottom: 18px;
}

.h-text {
    margin-bottom: 42px;
    font-weight: 100;
    font-size: 26px;
    line-height: 130%;
}

.storage-systems {
    display: flex;
    justify-content: space-between;
}

.storage-systems__item {
    width: 48.5%;
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--bordo);
    padding-bottom: 2px;
}

.u-background-myata {
    background: var(--myata);
}

.storage-systems__item-inner {
    background: var(--belyy);
    border-radius: 13px;
    padding: 40px 0 52px 30px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.storage-systems__item-inner .button_d_link {
    margin-top: auto;
}

.storage-systems__item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.storage-systems__item-img {
    margin-top: 54px;
    margin-bottom: 56px;
    padding-right: 30px;
}

.storage-systems__top-left-title {
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 5px;
}

.storage-systems__top-left-text {
    font-size: 20px;
    line-height: 140%;
}

.storage-systems__top-right {
    border: 1px solid var(--obvodka);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
    height: 62px;
    padding: 0 31px 0 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    background: linear-gradient(180deg, #fff 0%, #eeeff0 100%);
}

.storage-systems__top-right-text {
    font-size: 20px;
    line-height: 120%;
}

.storage-systems__item-text {
    font-weight: 100;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 24px;
    padding-right: 20px;
}

.storage-systems__item-inner-btn {
    display: flex;
    column-gap: 20px;
}

.storage-systems__item-inner .button_d_link {
    width: 165px;
}

.u-color-myata a {
    background-color: var(--myata);
    border: 2px solid var(--myata);
}

.u-color-myata a:hover {
    border: 2px solid var(--myata);
    color: var(--myata);
}

.u-arrow a {
    padding-left: 30px;
    justify-content: flex-start;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.u-arrow a:before {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(images/icons/i3.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    width: 6px;
    height: 10px;
    filter: invert(94%) sepia(100%) saturate(25%) hue-rotate(346deg) brightness(105%) contrast(106%);
}

.u-arrow a:hover:before {
    filter: invert(18%) sepia(76%) saturate(3368%) hue-rotate(335deg) brightness(84%) contrast(90%);
}

.u-color-myata a:hover:before {
    filter: invert(44%) sepia(100%) saturate(315%) hue-rotate(128deg) brightness(93%) contrast(91%);
}





.u-background-white {
    background-color: #fff;
}

.u-background-dots {
    background-image: url(images/backgrounds/3.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

.wrap_posts.novosti .article_img_details {
    display: block;
    line-height: 0;
    border-radius: 10px;
    overflow: hidden;
}

.wrap_posts.novosti .article_img_details img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1.79;
    border-radius: 15px;
}

.wrap_posts.novosti .date {
    margin-top: 19px;
    margin-bottom: 12px;
    padding-left: 26px;
    background-image: url(images/icons/i4.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    font-family: var(--font-family);
    font-weight: 100;
    color: #1c1d1e82;
}

.wrap_posts.novosti .article_title a {
    font-size: 20px;
    line-height: 140%;
    color: var(--chernyy-2);
    transition: 0.3s;
}

.wrap_posts.novosti .article_title a:hover {
    color: var(--myata);
}

.all-news {
    margin-top: 43px;
}

.btn-transparent a {
    border: 1px solid var(--obvodka-2);
    border-radius: 10px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--chernyy-2);
    transition: 0.3s;
}

.btn-transparent a:hover {
    color: #fff;
    background-color: var(--myata);
    border: 1px solid var(--myata);
}

.u-background-violet {
    background-color: #2B164A;
}

.u-background-plus {
    background-image: url(images/backgrounds/4.webp);
    background-position: center top 100px;
    background-repeat: no-repeat;
    background-size: auto;
}

.u-color-white {
    color: #fff;
}

.advantages-work {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 2.5%;
}

.advantages-work__item {
    width: 31.6%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    border-radius: 15px;
    box-sizing: border-box;
    padding: 0 30px 25px;
    text-align: center;
}

.advantages-work__item-top {
    width: 80px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    background-color: var(--siniy);
    border-radius: 0 0 100px 100px;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    background-image: url(images/backgrounds/5.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.advantages-work__item:nth-child(even) .advantages-work__item-top {
    background-image: url(images/backgrounds/6.webp);
}

.advantages-work__item-title {
    font-size: 20px;
    line-height: 120%;
    margin-top: 20px;
    padding-bottom: 11px;
}

.advantages-work__item-text {
    line-height: 130%;
    font-weight: 100;
}

.advantages-shd {
    display: flex;
    row-gap: 30px;
    column-gap: 2.5%;
    flex-wrap: wrap;
}

.advantages-shd__item {
    box-sizing: border-box;
    width: 48.7%;
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    padding: 25px 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 30px;
}

.advantages-shd__item-img {
    background-image: url(images/backgrounds/7.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 74px;
    aspect-ratio: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantages-shd__item.advantages-shd__item-img-big {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.00);
    background: transparent;
    padding: 0px;
    position: relative;
    top: 0px;
}

.advantages-shd__item.advantages-shd__item-img-big figure {
    display: flex;
    width: 100%;
    justify-content: center;
}

.advantages-shd__item.advantages-shd__item-img-big figure img {
    width: 110%;
    flex-shrink: 0;
    max-width: 200%;
}

.advantages-shd__item-height-custom {
    align-self: flex-start;
}

.advantages-shd__item-right-title {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 11px;
}

.advantages-shd__item-right-text {
    font-weight: 100;
    line-height: 130%;
}

.otrasli {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 2.5%;
}

.otrasli__item {
    width: 31.6%;
    border-radius: 19px;
    position: relative;
    overflow: hidden;
}

.otrasli__item-box {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 27px;
    display: flex;
    align-items: center;
    column-gap: 27px;
}

.otrasli__item-img img {
    object-fit: cover;
    aspect-ratio: 1.79;
}

.otrasli__item-box-text {
    font-size: 20px;
    line-height: 140%;
    color: var(--belyy);
}

.otrasli__item-box-img {
    border-radius: 10px;
    background-color: rgba(45, 207, 199, 0.2);
    width: 50px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.otrasli__item-img-big {
    text-align: center;
}

.footer-forma {
    border-radius: 15px;
    background: var(--siniy);
    padding: 41px 75px 50px;
    background-image: url(images/icons/i22.svg), url(images/icons/i22.svg), url(images/icons/i22.svg), url(images/icons/i22.svg);
    background-position: top 20px left 20px, top 20px right 20px, bottom 20px left 20px, bottom 20px right 20px;
    background-repeat: no-repeat;
    background-size: auto;
}

.footer-forma__title {
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: var(--belyy);
    margin-bottom: 20px;
}

.wrap_f_row {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.forma-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
}

.wrap_soglasie_na_obrabotky {
    max-width: 534px;
}

.footer {
    padding: 43px 0;
    background: var(--siniy);
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 20px;
    color: #fff;
    font-weight: 100;
}

.footer-inner__col {
    max-width: 272px;
}

.footer-inner__col-text {
    line-height: 150%;
    margin-bottom: 13px;
}

.footer-inner__col-text:nth-last-child(1) {
    margin-bottom: 0px;
}

.footer-inner__col-logo {
    margin-bottom: 23px;
}

.footer-inner__col-title {
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 17px;
    font-weight: 400;
}

.footer-inner__col-email a {
    text-decoration: underline;
    color: #fff;
}

.footer-inner__col-email a:hover {
    text-decoration: none;
}

.breadcrumb_wrap {
    margin-top: 26px;
    margin-bottom: 32px;
    font-weight: 250;
    font-size: 14px;
}

.breadcrumb_wrap a {
    font-weight: 100;
    color: var(--chernyy-1);
}

.breadcrumb_wrap a:hover {
    text-decoration: underline;
}

.ap-breadcrumb-separator {
    font-size: 0;
    width: 4px;
    aspect-ratio: 1;
    background: var(--obvodka-2);
    display: inline-block;
}

.ap-breadcrumbs {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.title-d__vn {
    font-size: 60px;
    line-height: 120%;
    margin-bottom: 18px;
}

.sistemy-hranenia__text {
    font-weight: 100;
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 42px;
}

.storage-systems__item-inner-btn .button-open-fancybox {
    display: none;
}

.sistemy-hranenia .storage-systems__item-inner-btn .button-open-fancybox {
    display: flex;
    width: 130px;
}

.button-open-fancybox.u-color-myata {
    background-color: var(--myata);
    border: 2px solid var(--myata);
}

.button-open-fancybox.u-color-myata:hover {
    border: 2px solid var(--myata);
    color: var(--myata);
    background-color: #fff;
}

.sistemy-hranenia .button_d_link a {
    background: #fff;
    color: var(--bordo);
}

.sistemy-hranenia .button_d_link a:hover {
    background: var(--bordo);
    color: #fff;
}

.sistemy-hranenia .u-arrow a:before {
    filter: invert(28%) sepia(49%) saturate(2141%) hue-rotate(320deg) brightness(84%) contrast(107%);
}

.sistemy-hranenia .u-arrow a:hover:before {
    filter: invert(94%) sepia(100%) saturate(25%) hue-rotate(346deg) brightness(105%) contrast(106%);
}

.sistemy-hranenia .button_d_link.u-color-myata a {
    color: var(--myata);
}

.sistemy-hranenia .button_d_link.u-color-myata a:hover {
    color: #fff;
    background-color: var(--myata);
}

.sistemy-hranenia .u-color-myata.u-arrow a:before {
    filter: invert(44%) sepia(100%) saturate(315%) hue-rotate(128deg) brightness(93%) contrast(91%);
}

.sistemy-hranenia .u-color-myata.u-arrow a:hover:before {
    filter: invert(94%) sepia(100%) saturate(25%) hue-rotate(346deg) brightness(105%) contrast(106%);
}

.sh-t__header {
    display: flex;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    border-radius: 15px;
}

.sh-t__header-left {
    width: 45%;
}

.sh-t__header-right {
    width: 51%;
}

.fancybox__slide.has-image>.fancybox__content {
    background: #fff;
    padding: 0 !important;
    border-radius: 0 !important;
}

.sh-t__header-right-title {
    font-size: 30px;
    line-height: 120%;
}

.sh-t__header-right-reestr-box {
    display: flex;
    column-gap: 10px;
    align-items: center;
    margin: 23px 0;
}

.sh-t__header-right-reestr-box-img {
    width: 28px;
}

.sh-t__header-right-reestr-box-text {
    font-size: 20px;
    line-height: 120%;
}

.sh-t__header-right-text {
    font-weight: 100;
    line-height: 150%;
    margin-bottom: 24px;
}

.sh-t__header-right-row {
    display: flex;
    justify-content: space-between;
}

.sh-t__header-right-row .button_d {
    width: 48%;
}

.sh-t__header-right-row .button_d_link {
    width: 48%;
}

.button_d_link.invert a {
    background: #fff;
    color: var(--bordo);
}

.button_d_link.invert a:hover {
    background: var(--bordo);
    color: #fff;
}

.sh-t__header .swiper-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    justify-content: space-between !important;
    margin-right: auto;
    column-gap: 0px;
    width: 100%;
}

.sh-t__header .swiper-arrow-prev,
.sh-t__header .swiper-arrow-next {
    background-color: rgba(0, 0, 0, 0.3);
}

.sh-t__header .swiper-arrow-prev:hover,
.sh-t__header .swiper-arrow-next:hover {
    background-color: rgba(0, 0, 0, 1);
}

.img-big a {
    width: 90%;
    margin: auto;
}

.sh-t__header svg,
.sh-t__header svg {
    stroke: #ffffff;
}

.sh-t__vipiska {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--belyy);
    border-radius: 15px;
    margin-top: 50px;
    margin-bottom: 44px;
    padding: 30px 70px 30px 30px;
    background-image: url(images/backgrounds/8.svg), url(images/backgrounds/8.svg);
    background-position: center left 103px, center right -30px;
    background-repeat: no-repeat;
    background-size: 177px, auto;
}

.sh-t__vipiska.reestr {
    background-image: none;
}

.sh-t__vipiska-item-1 {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.sh-t__vipiska-item-1-text {
    font-size: 18px;
    line-height: 115%;
}

.sh-t__vipiska-item-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    transition: 0.3s;
    border: 1px solid var(--obvodka);
    border-radius: 100px;
    padding: 8px 7px 8px 20px;
}

.sh-t__vipiska-item-2:hover {
    border: 1px solid var(--chernyy-2);
    background-color: var(--chernyy-2);
}

.sh-t__vipiska-item-2 p {
    font-size: 16px;
    color: var(--chernyy-2);
    transition: 0.3s;
}

.sh-t__vipiska-item-2:hover p {
    color: #fff;
}

.sh-t__vipiska-item-2-img {
    line-height: 0;
    border-radius: 100px;
    background-color: var(--chernyy-2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    aspect-ratio: 1;
    transition: 0.3s;
    box-sizing: border-box;
    border: 1px solid var(--chernyy-2);
    flex-shrink: 0;
}

.sh-t__vipiska-item-2:hover .sh-t__vipiska-item-2-img {
    background-color: #fff;
}

.sh-t__vipiska-item-2-img img {
    filter: invert(79%) sepia(100%) saturate(0%) hue-rotate(6deg) brightness(111%) contrast(101%);
    transition: 0.3s;
}

.sh-t__vipiska-item-2:hover .sh-t__vipiska-item-2-img img {
    filter: none;
}

.sh-t__tab-box {
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    box-sizing: border-box;
    padding: 23px 30px 30px;
}

.sh-t__tab-box-title {
    margin-bottom: 23px;
    font-size: 26px;
}

.modelnii-rad {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.modelnii-rad__col {
    width: 32%;
    box-sizing: border-box;
    padding: 22px 30px 30px;
    border-radius: 10px;
    background: var(--fon);
    display: flex;
    flex-direction: column;
}

.modelnii-rad__col-title {
    margin-bottom: 18px;
    font-size: 26px;
}

.modelnii-rad__col-item {
    border-radius: 10px;
    padding: 14px 20px 13px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    margin-bottom: 10px;
}

.modelnii-rad__col-item:nth-last-child(1) {
    margin-bottom: 0px;
}

.modelnii-rad__col-item-row {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.modelnii-rad__col-item-row-img {
    width: 30px;
    flex-shrink: 0;
}

.modelnii-rad__col-item-row-text {
    font-size: 20px;
    line-height: 120%;
}

.modelnii-rad__col-item-text {
    font-weight: 100;
    line-height: 140%;
}

.modelnii-rad__col-item:nth-last-child(1) {
    height: 100%;
}

.sferi-primenenia p {
    margin-bottom: 11px;
    padding-left: 31px;
    font-weight: 100;
    font-size: 16px;
    line-height: 130%;
    background-image: url(images/icons/i29.svg);
    background-position: left top 3px;
    background-repeat: no-repeat;
    background-size: auto;
}

.sferi-primenenia p:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.mastabirovanie p {
    margin-bottom: 15px;
    padding-left: 35px;
    font-weight: 100;
    font-size: 16px;
    line-height: 130%;
    background-image: url(images/icons/i30.svg);
    background-position: left top 1px;
    background-repeat: no-repeat;
    background-size: auto;
}

.sferi-primenenia p:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.dokumentacia {
    display: flex;
    row-gap: 20px;
    column-gap: 3%;
    flex-wrap: wrap;
}

.dokumentacia__item {
    width: 48.5%;
    border: 1px solid var(--obvodka);
    border-radius: 10px;
    padding: 15px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dokumentacia__item-img {
    width: 30px;
    margin-right: 15px;
    flex-shrink: 0;
}

.dokumentacia__item-skachat {
    flex-shrink: 0;
    margin-left: 20px;
}

.dokumentacia__item-skachat a {
    color: var(--bordo);
    padding-right: 25px;
    background-image: url(images/icons/i31.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto;
}

.dokumentacia__item-skachat a:hover {
    text-decoration: underline;
}

.dokumentacia__item-center-row>* {
    line-height: 150%;
    color: var(--chernyy-2);
    transition: 0.3s;
    display: inline;
}

.dokumentacia__item-center-row:hover>* {
    color: var(--bordo);
}

.dokumentacia__item-center-text {
    font-weight: 100;
    font-size: 14px;
    line-height: 140%;
}


.dokumentacia__item-center-row {
    margin-bottom: 4px;
}

.vozmojnosti-po__item {
    display: flex;
}

.vozmojnosti-po__item:nth-child(odd) {
    background-color: #F8F9FA;
}

.vozmojnosti-po__item-col {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}

.vozmojnosti-po__item:nth-last-child(1) {
    border-bottom: 1px solid #e5e5e5;
}

.vozmojnosti-po__item-col-t1 {
    border-right: 1px solid #e5e5e5;
    width: 35%;
    flex-shrink: 0;
}

.vozmojnosti-po__item-col-t2 {
    width: 100%;
    font-weight: 100;
}

.vozmojnosti-po__link {
    margin-top: 30px;
}

.vozmojnosti-po__link a {
    border: 1px solid var(--obvodka-2);
    border-radius: 10px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--chernyy-2);
    transition: 0.3s;
}

.vozmojnosti-po__link a:hover {
    color: #fff;
    background-color: var(--chernyy-2);
}

.tex_box {
    padding: 35px 50px 58px 50px;
    background-image: url(images/backgrounds/9.webp);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--siniy);
    border-radius: 15px;
}

.tex_box_left {
    max-width: 650px;
}

.tex_box_left_text {
    margin-top: 28px;
    margin-bottom: 44px;
}

.tex_box_left_text p {
    font-weight: 100;
    line-height: 150%;
    color: var(--belyy);
    margin-bottom: 15px;
    padding-left: 21px;
    position: relative;
}

.tex_box_left_text p:before {
    position: absolute;
    content: "";
    background: var(--myata);
    border-radius: 2px;
    width: 6px;
    aspect-ratio: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.tex_box_left_text p:nth-last-child(1) {
    margin-bottom: 0px;
}

.tex_box_left .button_d_link a {
    width: 270px;
}

.margin-bottom-footer .content {
    padding-bottom: 100px;
}

.background-img .content {
    background-image: url(images/backgrounds/3.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

.tex-box__row {
    margin-top: 50px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.tex-row__item {
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    width: 30%;
    box-sizing: border-box;
    padding: 0 30px 30px;
}

.tex-row__item-top {
    width: 80px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    background-color: var(--siniy);
    border-radius: 0 0 100px 100px;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    background-image: url(images/backgrounds/5.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.tex-row__item:nth-child(even) .tex-row__item-top {
    background-image: url(images/backgrounds/6.webp);
}

.tex-row__item-title {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.dokumentacia__item-center-row-ves {
    width: 80px;
    flex-shrink: 0;
}

.programnoe-obespechenie__table {
    background-color: #fff;
    margin-bottom: 50px;
}

.programnoe-obespechenie__table .vozmojnosti-po__item:nth-child(odd) {
    background-color: transparent;
}

.programnoe-obespechenie__table .vozmojnosti-po__item:nth-child(even) {
    background-color: #F8F9FA;
}

.programnoe-obespechenie__informacia {
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    box-sizing: border-box;
    padding: 23px 30px 30px;
}

.programnoe-obespechenie__informacia-title {
    font-size: 26px;
    line-height: 130%;
}

.programnoe-obespechenie__informacia-text {
    font-weight: 100;
    line-height: 150%;
    margin-top: 15px;
    margin-bottom: 24px;
}

.page_title {
    font-size: 60px;
    line-height: 120%;
    margin-bottom: 35px;
}

.dis-row,
.tech-partners {
    display: flex;
    row-gap: 30px;
    flex-wrap: wrap;
    column-gap: 3%;
}

.dis-row__item,
.tech-partners a {
    width: 22.7%;
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    position: relative;
    box-sizing: border-box;
    padding: 50px 30px 26px 30px;
}

.tech-partners a {
    padding: 20px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.tech-partners a {
    transition: 0.3s;
}

.tech-partners a:hover {
    background: #e6e6e6;
}

.tech-partners__thumb {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tech-partners a img {
    max-height: 100%;
}

.dis-row__item-sertifikat a {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 15px;
    width: 60px;
    aspect-ratio: 1;
    background: var(--fon);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.dis-row__item-sertifikat a:hover {
    background-color: #000;
}

.dis-row__item-sertifikat a:before {
    background-image: url(images/icons/i36.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 28px;
    height: 30px;
    content: "";
    display: block;
    transition: 0.3s;
}

.dis-row__item-sertifikat a:hover:before {
    filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(192deg) brightness(109%) contrast(100%);
}

.dis-row__item-sertifikat a img {
    display: none;
}

.dis-row__item-url {
    margin-top: 30px;
    margin-bottom: 5px;
}

.dis-row__item-title a {
    color: var(--bordo);
}

.dis-row__item-title a:hover {
    text-decoration: underline;
}

.tex-p__row {
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    padding: 20px 30px 24px 30px;
    display: flex;
    column-gap: 50px;
    align-items: center;

}

.tex-p__row-left {
    width: 200px;
    flex-shrink: 0;
    margin-right: 50px;
}

.tex-p__row-right-title {
    margin-bottom: 4px;
    font-size: 40px;
    line-height: 120%;
}

.tex-p__row-right-text {
    font-weight: 100;
    line-height: 150%;
}

.tex-p__sertifikati {
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    padding: 22px 30px 30px 30px;
}

.tex-p__sertifikati-title {
    font-size: 26px;
    padding-bottom: 13px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--obvodka);
}

.kontakti-box {
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 30px 30px;
}

.kontakti-box__left {
    width: 42%;
}

.kontakti-box__right {
    width: 54%;
}

.kontakti-box__left-item {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 30px;
}

.kontakti-box__left-item:nth-last-child(1) {
    margin-bottom: 0px;
}

.kontakti-box__left-item figure {
    width: 20px;
    flex-shrink: 0;
    line-height: 0;
}

.kontakti-box__left-item-info-title {
    font-size: 20px;
    margin-bottom: 8px;
}

.kontakti-box__left-item-info-text {
    font-weight: 100;
    line-height: 150%;
}

.kontakti-box__left-item-info-link {
    margin-top: 8px;
}

.kontakti-box__left-item-info-link a {
    color: var(--bordo);
}

.kontakti-box__left-item-info-link a:hover {
    text-decoration: underline;
}

.kontakti-box__left-item-info-text a {
    font-size: 20px;
    color: var(--chernyy-2);
    font-weight: 400;
}

.kontakti-box__left-item-info-text a:hover {
    text-decoration: underline;
}

.kontakti-box__right iframe {
    border-radius: 15px;
}

#nav-menu-item-487 {
    display: none;
}

.page-404 #nav-menu-item-487 {
    display: block;
}

.page-404 {
    background-color: #2B164A;
    background-image: url(images/backgrounds/10.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}

.page-404__inner-img {
    text-align: center;
}

.page-404__title {
    margin-bottom: 16px;
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: var(--belyy);
}

.page-404__text {
    font-weight: 100;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: var(--belyy);
    margin-bottom: 40px;
}

.page-404__inner-menu {
    margin-top: 48px;
    padding-bottom: 100px;
}

.page-404__inner-menu .level_1 {
    display: flex;
}

.page-404__inner-menu .level_1 .menu-item {
    white-space: nowrap;
    padding-left: 2.65vw;
    padding-right: 2.65vw;
    text-align: center;
    position: relative;
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: 0;
}

.page-404__inner-menu .level_1 .menu-item:nth-child(1) {
    padding-left: 0;
}

.page-404__inner-menu .level_1 .menu-item:nth-last-child(1) {
    padding-right: 0;
}

.page-404__inner-menu .level_1 .menu-item:before {
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
    background: var(--belyy);
    opacity: 0.15;
    content: "";
}

.page-404__inner-menu .level_1 .menu-item:nth-last-child(1):before {
    display: none;
}

.page-404__inner-menu .level_1 .menu-item a {
    line-height: 150%;
    color: var(--belyy);
}

.page-404__inner-menu .level_1 .menu-item a:hover {
    text-decoration: underline;
}

.category-3 article .article_img_details img {
    width: 100%;
    aspect-ratio: 1.79;
    border-radius: 15px;
    object-fit: cover;
}

.category-3 article .date {
    margin-top: 19px;
    margin-bottom: 12px;
    padding-left: 26px;
    background-image: url(images/icons/i4.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    font-family: var(--font-family);
    font-weight: 100;
    color: #1c1d1e82;
}

.category-3 .article_title a {
    font-size: 20px;
    line-height: 140%;
    color: var(--chernyy-2);
    transition: 0.3s;
}

.category-3 .article_title a:hover {
    color: var(--myata);
}

.wrap_content_news .page_title {
    font-size: 40px;
}

.wrap_content_news .article_img_details img {
    max-width: 600px;
    width: 100%;
    max-height: 240px;
    object-fit: cover;
    margin-bottom: 42px;
    border-radius: 20px;
}

.wrap_content_news h2 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 16px;
}

.wrap_content_news p {
    font-weight: 100;
    line-height: 140%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-top: 36px;
    margin-bottom: 36px;
}

.wrap_content_news a {
    color: #b9253e;
    font-weight: 700;
}

.wrap_content_news a:hover {
    text-decoration: underline;
}

.wrap_content_news h3 {
    margin-bottom: 17px;
    font-size: 20px;
    line-height: 140%;
    margin-top: 36px;
}

.wrap_content_news ul {
    margin-top: 36px;
    list-style-type: none;
    padding-inline-start: 0px;
    margin-bottom: 36px;
}

.wrap_content_news ul li {
    font-weight: 100;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.wrap_content_news ul li:before {
    width: 6px;
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    background: var(--chernyy-2);
    border-radius: 2px;
}

.wrap_content_news ul li:nth-last-child(1) {
    margin-bottom: 0px;
}

.wrap_content_news blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
    border-left: 1px solid var(--chernyy-2);
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-left: 21px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    contain: content;

}

.wrap_content_news blockquote p {
    font-size: 20px;
    font-weight: 400;
}

.p-t1 {
    font-size: 20px;
}

.wrap_content_news ol {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    margin-top: 38px;
    margin-bottom: 38px;
    list-style-type: none;
    counter-reset: wrap-content-news-ol;
}

.wrap_content_news ol li {
    position: relative;
    line-height: 150%;
    font-weight: 100;
    padding-left: 47px;
    margin-bottom: 20px;
    counter-increment: wrap-content-news-ol;
}

.wrap_content_news ol li:before {
    content: counter(wrap-content-news-ol);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    text-align: center;
    color: var(--belyy);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 32px;
    height: 26px;
    background: var(--chernyy-2);
    font-weight: 400;
}

.wrap_content_news ol li:nth-last-child(1) {
    margin-bottom: 0px;
}

.wrap_content_news .swiper-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    justify-content: space-between !important;
    margin-right: auto;
    column-gap: 0px;
    width: 100%;
}

.wrap_content_news .swiper-arrow-prev,
.wrap_content_news .swiper-arrow-next {
    background-color: #fff;
    transition: 0.3s;
}

.wrap_content_news .swiper-arrow-prev:hover,
.wrap_content_news .swiper-arrow-next:hover {
    background-color: #000;
}

.wrap_content_news .swiper-arrow-prev svg,
.wrap_content_news .swiper-arrow-next svg {
    stroke-width: 5px;
    width: 33%;
    transition: 0.3s;
    stroke: #000;
}

.wrap_content_news .swiper-arrow-prev:hover svg,
.wrap_content_news .swiper-arrow-next:hover svg {
    stroke: #ffffff;
}

.wrap_content_news .swiper-arrow-prev {
    right: -20px;
}

.wrap_content_news .swiper-arrow-next {
    left: -20px;
}

.tpi__text-big {
    margin-top: 18px;
    margin-bottom: 34px;
    font-weight: 100;
    font-size: 26px;
    line-height: 130%;
}

.tpi__text-notification {
    font-weight: 100;
    font-size: 20px;
    line-height: 140%;
    padding-left: 55px;
    background-image: url(images/icons/i42.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-top: 28px;
    margin-bottom: 25px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}

.tpi__text-medium {
    font-weight: 100;
    font-size: 20px;
    line-height: 140%;
    margin-top: 16px;
    margin-bottom: 28px;
}

.tpi h2 {
    font-size: 26px;
    line-height: 130%;
    margin-top: 34px;
    margin-bottom: 16px;
}

.tpi ul {
    margin-top: 17px;
    list-style-type: none;
    padding-inline-start: 0px;
    margin-bottom: 36px;
}

.tpi ul li {
    font-weight: 100;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.tpi ul li:before {
    width: 6px;
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    background: var(--chernyy-2);
    border-radius: 2px;
}

.tpi ol {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    margin-top: 17px;
    margin-bottom: 38px;
    list-style-type: none;
    counter-reset: wrap-content-news-ol;
}

.tpi ol li ol {
    counter-reset: wrap-content-news-ol;
}

.tpi ol li {
    position: relative;
    line-height: 150%;
    font-weight: 100;
    padding-left: 47px;
    margin-bottom: 20px;
    counter-increment: wrap-content-news-ol;
}

.tpi ol li:before {
    content: counter(wrap-content-news-ol, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    font-size: 14px;
    text-align: center;
    color: var(--belyy);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 32px;
    height: 26px;
    background: var(--chernyy-2);
    font-weight: 400;
}

.tpi p {
    margin-top: 28px;
    margin-bottom: 28px;
    line-height: 150%;
    font-weight: 100;
}

.text-s-zajavkoq a {
    padding-left: 28px;
    font-weight: 400;
    color: var(--bordo);
    background-image: url(images/icons/i43.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
    margin-left: 10px;
}

.text-s-zajavkoq a:hover {
    text-decoration: underline;
}

.tpi__text-rejim-raboti {
    padding-left: 40px;
    background-image: url(images/icons/i44.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
}

.codedropz-upload-handler {
    border: 1px dashed rgba(255, 255, 255, 0.16) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.05);

}

.codedropz-upload-handler:hover {
    opacity: 0.6;

}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    height: 50px !important;
    background-image: url(images/icons/i45.svg) !important;
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: auto;
    font-weight: 100;
    color: #ffffff6b;
}

.dnd-upload-counter {
    display: none !important;
}

.remove-file span:after {
    filter: invert(100%) sepia(0%) saturate(7494%) hue-rotate(294deg) brightness(110%) contrast(100%) !important;
}

.title-max-width .page_title {
    max-width: var(--max-width);
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.tarifi-btn-row {
    display: flex;
    column-gap: 20px;
}

.p-margin-none p {
    margin-top: 0;
    margin-bottom: 0;
}

.tarifi-btn-row p {
    width: 300px;
}

.tpi h2.u-f-big {
    font-size: 60px;
    line-height: 120%;
    margin-bottom: 35px;
    margin-top: 0;
}

.preimyshestva-tex-pod__row {
    display: flex;
    align-items: stretch;
    row-gap: 30px;
    column-gap: 3%;
    flex-wrap: wrap;
}

.preimyshestva-tex-pod__item {
    width: 30%;
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    box-sizing: border-box;
    padding: 30px 30px 25px;
    text-align: center;
}

.preimyshestva-tex-pod__item-img-big {
    width: 22.7%;
    display: flex;
    align-items: center;
}

.preimyshestva-tex-pod__item-img {
    background-image: url(images/backgrounds/7.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 74px;
    aspect-ratio: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.preimyshestva-tex-pod__item-text {
    font-size: 20px;
    line-height: 120% !important;
    padding-top: 25px;
    font-weight: 400 !important;
}

.tarifi-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.tarifi-col {
    width: 32%;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    padding: 22px 30px 30px;
}

.tarifi-col__title {
    font-weight: 400 !important;
    font-size: 26px;
    text-align: center;
    margin-bottom: 18px !important;
}

.tarifi-col__item {
    display: flex;
    column-gap: 18px;
    align-items: center;
    justify-content: space-between;
    background: var(--fon);
    border-radius: 10px;
    padding: 14px 20px 13px;
    margin-bottom: 5px;
}

.tarifi-col__item:nth-last-child(1) {
    margin-bottom: 0px;
}

.tarifi-col__item-img {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 20px;
    aspect-ratio: 1;
    background: var(--myata);
}

.tarifi-col__item-text {
    flex-shrink: 0;
    width: max-content;
    background: var(--myata);
    font-weight: 700 !important;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    padding: 6px 10px;
}

.tpi-ooo.tpi ol li:before {
    top: 0px;
    transform: translateY(0%);
}

.tpi-ooo.tpi p {
    margin-top: 18px;
    margin-bottom: 18px;
}

.podderjka_table table {
    border-collapse: collapse;
    background-color: #fff;
}

.podderjka_table td {
    border: 1px solid #E4E5E6;
    padding: 15px;
}

.podderjka_table tr:nth-child(even) td {
    background-color: #F8F9FA;
}

.podderjka_table tr:not(:nth-child(1)) td {
    font-weight: 100;
}

.table-1 tr:nth-child(1) td {
    text-align: center;
}

.table-1 td:not(:nth-child(1)) {
    text-align: center;
    width: 160px;
}

.table-1 td .img {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    background: var(--myata);
    display: inline-block;
}

.table-1 td .img img {
    position: relative;
    top: -2px;
}

.table-1 td .img.img-red {
    background: var(--bordo);
}

.table-1 td .img.img-red img {
    top: 0;
}

.tpi h3 {
    font-size: 20px;
    line-height: 140%;
    margin-top: 27px;
    margin-bottom: 17px;
}

.table-2 td:not(:nth-child(1)) {
    text-align: center;
}

.tpi-ooo p a,
.tpi-ooo li a {
    color: #b9253e;
    font-weight: 700;
}

.tpi-ooo p a:hover,
.tpi-ooo li a:hover {
    text-decoration: underline;
}

.integration {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.integration__item {
    width: 32%;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    padding: 0px 30px 30px;
}

.integration__item-top {
    width: 80px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    background-color: var(--siniy);
    border-radius: 0 0 100px 100px;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    background-image: url(images/backgrounds/5.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.integration__item:nth-child(even) .integration__item-top {
    background-image: url(images/backgrounds/6.webp);
}

.integration__item-title {
    font-size: 20px;
    line-height: 120%;
    margin-top: 20px;
    padding-bottom: 11px;
    text-align: center;
}

.ul-d {
    margin-top: 17px;
    list-style-type: none;
    padding-inline-start: 0px;
}

.ul-d li {
    font-weight: 100;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.ul-d li:nth-last-child(1) {
    margin-bottom: 0px;
}

.ul-d li:before {
    width: 6px;
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    background: var(--chernyy-2);
    border-radius: 2px;
}

.oborudovanie-test {
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    background: var(--belyy);
    padding: 40px 75px 50px;
    margin-top: 44px;
}

.footer-forma__title.black {
    color: var(--color-2-text);
}


.oborudovanie-test .wpcf7-text,
.oborudovanie-test .wpcf7-select,
.oborudovanie-test .wpcf7-textarea {
    background: var(--fon);
    border: 1px solid var(--obvodka);
    border-radius: 10px;
    color: #000;
}

.oborudovanie-test .lable {
    font-weight: 100;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 4px;
}

.wrap_f_row.r1 .wrap_input,
.wrap_f_row.r3 .wrap_input,
.wrap_f_row.r3 .wrap_selekt {
    width: 49%;
}

.oborudovanie-test .wrap_soglasie_na_obrabotky a {
    color: var(--chernyy-1) !important;
}

.oborudovanie-test .button_d {
    width: 330px !important;
}

.oborudovanie-test .wrap_soglasie_na_obrabotky .wpcf7-list-item label input:checked+.wpcf7-list-item-label:before {
    background-image: url(images/icons/i58.svg);

}

.oborudovanie-test .wrap_soglasie_na_obrabotky .wpcf7-list-item-label:before {
    background: var(--fon);
    border: 1px solid var(--obvodka);
}

.cookie {
    position: fixed;
    width: 50%;
    bottom: 20px;
    left: 20px;
    padding: 20px;
    background-color: var(--color-1);
    z-index: 1;
    border-radius: 15px;
    color: #fff;
    font-weight: 100;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}

.cookie a {
    color: #fff;
    text-decoration: underline;
}

.cookie a:hover {
    text-decoration: none;
}

.cookie__inner {
    display: flex;
    column-gap: 30px;
    align-items: center;
}

.cookie__inner-btn {
    width: 150px;
    flex-shrink: 0;
    cursor: pointer;
    box-shadow: #000;

}

.cookie-visible {
    display: block !important;
}

.header-box {
    background-color: #fff;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
    z-index: 2;
}

.header-box.skroll {
    position: fixed;
    width: 100%;
}

.skroll .header_inner {
    padding-top: 5px;
    padding-bottom: 5px;
}

#vibrat-tarif .button_d_link {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.u-katalog-n .storage-systems__item-text {
    margin-bottom: 24px;
}

.u-katalog-n .button_d_link a {
    color: #fff;
    text-decoration: none !important;
}

.u-katalog-n .button_d_link a:hover {
    color: var(--bordo);
}

.u-katalog-n .button_d_link.u-color-myata a:hover {
    color: var(--myata);
}

.u-katalog-n .storage-systems__top-left-title,
.u-katalog-n .storage-systems__top-left-text,
.u-katalog-n .storage-systems__top-right-text {
    font-weight: 400;
}

.img-novost img {
    max-width: 800px;
    max-height: 250px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 15px;
    width: 100%;
}

/* NOTE end 9999px */

/* NOTE begin 1580px */
@media screen and (max-width: 1580px) {
    .h-header__img img {
        width: 55vw;
        max-width: max-content;
    }

    .h-header__img {
        width: 47%;
        position: relative;
        bottom: -7vw;
        left: -12vw;
    }
}

/* NOTE end 1580px */


/* NOTE begin 1470px */
@media screen and (max-width: 1470px) {
    .header_inner {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menu_top .level_1>div {
        margin-right: 10px;
        padding-right: 10px;
    }
}

/* NOTE end 1470px */

/* NOTE begin 1280px */
@media screen and (max-width: 1280px) {
    .wrap_logo_header {
        width: 10vw;
    }
}

/* NOTE end 1280px */

/* NOTE begin 1170px */

@media screen and (max-width: 1170px) {

    .podderjka_table .visualnii_redaktor::-webkit-scrollbar-track {
        border: 2px solid white;
        background-color: #ccc;
    }

    .podderjka_table .visualnii_redaktor::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .podderjka_table .visualnii_redaktor::-webkit-scrollbar:horizontal {
        height: 13px;
    }

    .podderjka_table .visualnii_redaktor::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .5);
    }

    .podderjka_table .visualnii_redaktor {
        overflow-x: auto;
        width: 100%;
    }

    .wp_wrap_subkategory_item_img img {
        max-width: 100%;
        height: auto;
    }

    .wrap_posts article .article_img_details img {
        max-width: 100%;
        height: auto;
    }

    .wrap_content_inner,
    .max-width,
    .title-max-width .page_title {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .content_inner_max_width {
        padding-left: 0px;
        padding-right: 0px;
    }

    .h-header__img {
        bottom: -3vw;
        left: -7vw;
    }

    .footer-inner {
        flex-wrap: wrap;
        row-gap: 40px;
        column-gap: 0;
    }

    .footer-inner__col {
        max-width: 100%;
        width: 48%;
    }

    .sh-t__vipiska {
        margin-top: 40px;
        margin-bottom: 44px;
        padding: 30px 10px 30px 10px;
    }

    .sh-t__tab-box {
        padding: 23px 10px 30px;
    }

    .modelnii-rad__col {
        padding: 23px 10px 30px;
    }

    .dis-row__item,
    .tech-partners a {
        width: 31.3%;
    }
}

/* NOTE end 1170px */

/* NOTE begin 900px */

@media screen and (max-width: 900px) {
    .wp_wrap_subkategory {
        column-gap: 4%;
        row-gap: 20px;
    }

    .wp_wrap_subkategory_item {
        width: 48%;
    }

    .wrap_posts {
        column-gap: 4%;
        row-gap: 20px;
    }

    .wrap_posts article {
        width: 48%;
    }

    .h-header {
        height: auto;
        padding-top: 50px;
    }

    .h-header__content {
        flex-direction: column;
        row-gap: 60px;
        align-items: flex-start;
        width: 100%;
    }

    .h-header__img {
        bottom: 0vw;
        left: 0vw;
        text-align: center;
        width: 100%;
    }

    .h-header__title {
        font-size: 30px;
        max-width: 100%;
    }

    .h-header__left {
        width: 100%;
    }

    .h-header__item {
        max-width: 100%;
        width: 100%;
    }

    .h-header__img img {
        min-width: 500px;
    }

    .h-header__img {
        justify-content: center;
        display: flex;
    }

    .title-d {
        font-size: 30px;
        padding-top: 40px;
    }

    .h-text {
        font-size: 16px;
    }

    .storage-systems {
        flex-direction: column;
        row-gap: 40px;
    }

    .storage-systems__item {
        width: 100%;
    }

    .u-padding-bottom-100 {
        padding-bottom: 40px;
    }

    .wrap_posts.novosti .article_title a {
        font-size: 16px;
    }

    .advantages-work__item {
        width: 48.7%;
    }

    .advantages-shd__item {
        width: 100%;
        justify-content: flex-start;
    }

    .otrasli__item {
        width: 48.7%;
    }

    .otrasli__item-img img {
        width: 100%;
    }

    .u-padding-top-100 {
        padding-top: 40px;
    }

    .footer-forma {
        padding: 41px 15px 30px;
        background-image: url(images/icons/i22.svg), url(images/icons/i22.svg), url(images/icons/i22.svg), url(images/icons/i22.svg);
        background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
        background-repeat: no-repeat;
        background-size: auto;
    }

    .wrap_f_row {
        column-gap: 2%;
        flex-wrap: wrap;
    }

    .wrap_f_row .wrap_f.wrap_input {
        width: 49%;
    }

    .footer-inner__col-logo {
        text-align: center;
    }

    .box_menu .button_d {
        display: flex !important;
        margin: auto;
    }

    .title-d__vn {
        font-size: 30px;
    }

    .sistemy-hranenia__text {
        font-size: 16px;
    }

    .sh-t__header {
        flex-direction: column;
        row-gap: 30px;
    }

    .sh-t__header-left {
        width: 100%;
    }

    .sh-t__header-right {
        width: 100%;
    }

    .swiper_img_prevu.img-small .item {
        height: 85px;
        text-align: center;
    }

    .swiper_img_prevu .item {
        justify-content: center;
    }

    .img-big a {
        text-align: center;
        height: 100%;
    }

    .img-big img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .img-small img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .sh-t__header {
        padding: 10px;
    }

    .slaider_prevu .swiper-wrapper-preview .swiper-arrow-prev {
        margin-left: -20px !important;
    }

    .slaider_prevu .swiper-wrapper-preview .swiper-arrow-next {
        margin-right: -20px !important;
    }

    .img-big a {
        width: 85%;
        margin: auto;
    }

    .sh-t__header-right-title br {
        display: none;
    }

    .sh-t__header-right-row {
        flex-direction: column;
        row-gap: 10px;
    }

    .sh-t__header-right-row p {
        width: 100% !important;
    }

    .sh-t__vipiska {
        flex-direction: column;
        row-gap: 30px;
        background-image: url(images/backgrounds/8.svg);
        background-position: center right -30px;
        background-size: auto;
    }

    .tabs_wrap_ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 50%;
        margin-bottom: 30px !important;
    }

    .modelnii-rad {
        flex-direction: column;
        row-gap: 30px;
    }

    .modelnii-rad__col {
        width: 100%;
    }

    .dokumentacia__item {
        width: 100%;
        padding: 15px 10px;
        flex-direction: column;
        row-gap: 30px;
    }

    .dokumentacia__item-img {
        display: none;
    }

    .vozmojnosti-po__item {
        font-size: 14px;
    }

    .vozmojnosti-po__item-col {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .vozmojnosti-po__item-col:nth-last-child(1) {
        padding-left: 5px;
    }

    .vozmojnosti-po__item-col:nth-child(1) {
        display: block;
        min-width: 0;
        white-space: normal;
        hyphens: auto;
        -webkit-hyphens: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
    }

    .dokumentacia__item-skachat {
        margin-left: 0px;
    }

    .tex_box {
        padding: 15px 15px 15px 15px;
        background-image: none;
    }

    .tex_box_left .button_d {
        width: 100%;
    }

    .tex-box__row {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .tex-row__item {
        width: 48%;
    }

    .margin-bottom-footer .content {
        padding-bottom: 40px;

    }

    .dis-row__item,
    .tech-partners a {
        width: 48.5%;
    }

    .page_title {
        font-size: 30px;
    }

    .kontakti-box {
        flex-direction: column;
        row-gap: 30px;
        padding: 20px 15px 20px 15px;
    }

    .kontakti-box__left {
        width: 100%;
    }

    .kontakti-box__right {
        width: 100%;
    }

    .page-404__title {
        font-size: 30px;
    }

    .page-404__text {
        font-size: 20px;
    }

    .page-404__inner-menu .level_1 .menu-item {
        padding-left: 0vw;
        padding-right: 0vw;
        margin-bottom: 10px;
    }

    .page-404__inner-menu {
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .page-404__inner-menu .level_1 .menu-item:before {
        display: none;
    }

    .wrap_content_news .page_title {
        font-size: 30px;
    }

    .wrap_content_news h2 {
        font-size: 22px;
    }

    .tpi__text-big {
        font-size: 22px;
    }

    .tpi h2.u-f-big {
        font-size: 30px;
    }

    .preimyshestva-tex-pod__item,
    .preimyshestva-tex-pod__item-img-big {
        width: 48.5%;
    }

    .tarifi-row {
        flex-direction: column;
        row-gap: 30px;
    }

    .tarifi-col {
        width: 100%;
    }

    .integration {
        flex-direction: column;
        row-gap: 30px;
    }

    .integration__item {
        width: 100%;
    }

    .oborudovanie-test {
        padding: 41px 15px 30px;
    }

    .oborudovanie-test .wrap_f_row .wrap_f.wrap_input {
        width: 100%;
    }

    .wrap_f_row.r1 .wrap_input,
    .wrap_f_row.r3 .wrap_input,
    .wrap_f_row.r3 .wrap_selekt {
        width: 100%;
    }

    .oborudovanie-test .wrap_soglasie_na_obrabotky {
        margin-bottom: 15px;
    }

    .oborudovanie-test .footer-forma__title {
        font-size: 23px;
    }
}

/* NOTE end 900px */

/* NOTE begin 700px */
@media screen and (max-width: 700px) {
    .header_inner .button_d {
        display: none;
    }

    .tex-p__row {
        flex-direction: column;
        row-gap: 30px;
    }

    .tex-p__row-left {
        margin-right: 0px;
    }

}

/* NOTE end 700px */


/* NOTE begin 500px */

@media screen and (max-width: 500px) {

    .wp_wrap_subkategory_item {
        width: 100%;
    }

    .wrap_posts article {
        width: 100%;

    }

    .wrap_logo_header {
        width: 100px;
    }

    .menu_wrap {
        order: 1;

    }

    .header-tel a {
        font-size: 17px;
    }

    .header_inner {
        padding: 5px 10px;
    }

    .h-header__item-text br {
        display: none;
    }

    .h-header__item-text {
        font-size: 16px;
    }

    .h-header__img img {
        min-width: 400px;
    }

    .title-d br {
        display: none;
    }

    .title-d {
        font-size: 28px;
    }

    .storage-systems__item-inner {
        padding: 20px 0 22px 10px;
        position: relative;
    }

    .storage-systems__item-text {
        padding-right: 10px;
    }

    .storage-systems__top-left-title {
        font-size: 28px;
    }

    .storage-systems__top-left-text {
        font-size: 16px;
    }

    .storage-systems__item-top {
        column-gap: 20px;
    }

    .storage-systems__top-right {
        height: 20px;
        padding: 10px;
        position: absolute;
        top: 0;
        right: 0;
        border-right: 1px solid var(--obvodka);
        border-radius: 10px 10px 0 10px;
    }

    .storage-systems__top-right-text {
        font-size: 14px;
        white-space: nowrap;
    }

    .storage-systems__top-right-img {
        height: 100%;
    }

    .storage-systems__top-right-img img {
        height: 100%;
    }

    .storage-systems__item-img {
        margin-top: 25px;
        margin-bottom: 25px;
        padding-right: 10px;
    }

    .advantages-work__item {
        width: 100%;
    }

    .advantages-work__item-title {
        font-size: 16px;
    }

    .advantages-work__item-text {
        font-size: 14px;
    }

    .advantages-work__item-top {
        height: 70px;
        padding-top: 10px;
    }

    .advantages-shd__item {
        padding: 25px 10px;
        column-gap: 20px;
    }

    .advantages-shd__item-right-title {
        font-size: 16px;
    }

    .advantages-shd__item-right-text {
        font-size: 14px;
    }

    .otrasli__item {
        width: 100%;
    }

    .footer-forma__title {
        font-size: 28px;
    }

    .forma-bottom {
        flex-direction: column;
    }

    .footer-inner {
        flex-direction: column;
    }

    .footer-inner__col {
        width: 100%;
    }

    .tex-row__item {
        width: 100%;
        padding: 0 30px 30px;
    }

    .tex-row__item-top {
        height: 70px;
        padding-top: 10px;
    }

    .programnoe-obespechenie__informacia-title {
        font-size: 22px;
    }

    .dis-row__item,
    .tech-partners a {
        width: 100%;
    }

    .tarifi-btn-row {
        flex-direction: column;
        row-gap: 20px;
    }

    .tarifi-btn-row p {
        width: 100%;
    }

    .preimyshestva-tex-pod__item {
        padding: 30px 10px 25px;
    }

    .preimyshestva-tex-pod__item-text {
        font-size: 16px;
    }

    .tarifi-col {
        padding: 22px 10px 30px;
    }

    .wpcf7-text,
    .wpcf7-select,
    .wpcf7-textarea {
        padding-left: 10px !important;
        font-size: 14px !important;
    }

    .integration__item {
        padding: 0px 10px 30px;
    }

    .integration__item-top {
        height: 70px;
        padding-top: 10px;
    }
}

/* NOTE end 500px */