﻿.promo-fos,
.promo-gray {
    background-repeat: no-repeat;
    background-size: cover;
}
.promo-fos,
.promo-gray,
.slide_item.slide-1 {
    background-size: cover;
}
.tab-product > .active a,
.tab-product > li a {
    padding-bottom: 13px;
    padding-right: 16px;
}
.prev-str,
.swiper-button-prev::after {
    transform: rotate(180deg);
}
.border-box,
.modal {
    box-sizing: border-box;
}
.flex,
.header_fixed .header,
.n_flex,
.navbar__subnav:hover > ul {
    display: -webkit-box;
    display: -ms-flexbox;
}
.flex-collumn,
.navbar__subnav:hover > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.flex,
.n_flex {
    display: flex;
}
.col-1-2,
.col-2,
.col-3,
.col-33-66,
.col-4,
.grid,
.grid_box {
    display: grid;
}
.flex-collumn {
    -ms-flex-direction: column;
    flex-direction: column;
}
.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.fix_head_contact,
.modalWindow,
.relative {
    position: relative;
}
.flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

@media (max-width: 768px) {

.no_scrol::-webkit-scrollbar { width: 0; }
.no_scrol { -ms-overflow-style: none; }
.no_scrol { overflow: -moz-scrollbars-none; }
.tab-product{
	height: 40px;
}
}
.col-2 {
    grid-template-columns: repeat(2, 1fr);
}
.col-33-66 {
    grid-template-columns: 33.3333% 66.6666%;
}
.col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.col-1-2 {
    grid-template-columns: 1fr 2fr;
}
.col-4 {
    grid-template-columns: repeat(4, 1fr);
}
.w-20 {
    width: 20%;
}
.w-25 {
    width: 25%;
}
.w-30 {
    width: 30%;
}
.w-35 {
    width: 35%;
}
.w-40 {
    width: 40%;
}
.w-45 {
    width: 45%;
}
.w-50 {
    width: 50%;
}
.item_l,
.w-55 {
    width: 55%;
}
.w-60 {
    width: 60%;
}
.w-65 {
    width: 65%;
}
.w-80 {
    width: 80%;
}
.logo,
.max-w-100,
.w-100 {
    width: 100%;
}
.max-w-100 {
    max-width: 850px;
}
.mw-100 {
    max-width: 100%;
}
.h-10,
.h-40px {
    height: 40px;
}
.w-custom-56 {
    width: 85%;
}
.w-40px {
    width: 40px;
}
.m-0 {
    margin: 0;
}
.mr-3 {
    margin-right: 12px;
}
.mr-4 {
    margin-right: 16px;
}
.mr-5 {
    margin-right: 20px;
}
.mr-8 {
    margin-right: 32px;
}
.mt-0 {
    margin-top: 0;
}
.mt-2 {
    margin-top: 8px;
}
.mt-4 {
    margin-top: 16px;
}
.mt-6 {
    margin-top: 24px;
}
.mt-10 {
    margin-top: 40px;
}
.mt-12 {
    margin-top: 48px;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-2 {
    margin-bottom: 8px;
}
.mb-3 {
    margin-bottom: 12px;
}
.mb-4 {
    margin-bottom: 16px;
}
.mb-5 {
    margin-bottom: 20px;
}
.mb-6 {
    margin-bottom: 24px;
}
.mb-7 {
    margin-bottom: 28px;
}
.mb-8 {
    margin-bottom: 32px;
}
.mb-10 {
    margin-bottom: 40px;
}
.mb-12 {
    margin-bottom: 48px;
}
.mb-15 {
    margin-bottom: 60px;
}
.mb-20 {
    margin-bottom: 80px;
}
.mb-25 {
    margin-bottom: 100px;
}
.ml-3 {
    margin-left: 12px;
}
.ml-4 {
    margin-left: 16px;
}
.ml-5 {
    margin-left: 20px;
}
.ml-8 {
    margin-left: 32px;
}
.p-0 {
    padding: 0;
}
.p-1,
.p-2 {
    padding: 4px;
}
.p-3,
.p-4 {
    padding: 12px;
}
.py-2 {
    padding-bottom: 8px;
    padding-top: 8px;
}
.py-3 {
    padding-bottom: 12px;
    padding-top: 12px;
}
.py-2_5 {
    padding-bottom: 10px;
    padding-top: 10px;
}
.py-3_5 {
    padding-bottom: 14px;
    padding-top: 14px;
}
.py-4 {
    padding-bottom: 16px;
    padding-top: 16px;
}
.py-5 {
    padding-bottom: 20px;
    padding-top: 20px;
}
.py-7 {
    padding-bottom: 28px;
    padding-top: 28px;
}
.py-8 {
    padding-bottom: 32px;
    padding-top: 32px;
}
.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}
.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}
.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}
.px-7 {
    padding-left: 28px;
    padding-right: 28px;
}
.px-9 {
    padding-left: 36px;
    padding-right: 36px;
}
.px-10 {
    padding-left: 40px;
    padding-right: 40px;
}
.px-11 {
    padding-left: 44px;
    padding-right: 44px;
}
.px-15 {
    padding-left: 60px;
    padding-right: 60px;
}
.px-19 {
    padding-left: 76px;
    padding-right: 76px;
}
.px-24 {
    padding-left: 96px;
    padding-right: 96px;
}
.pl-4,
.tab-product > li a {
    padding-left: 16px;
}
.pb-1 {
    padding-bottom: 4px;
}
.pb-2 {
    padding-bottom: 8px;
}
.pb-4 {
    padding-bottom: 16px;
}
.pb-9 {
    padding-bottom: 36px;
}
.pt-1 {
    padding-top: 4px;
}
.pt-5 {
    padding-top: 20px;
}
.pr-5 {
    padding-right: 20px;
}
.pr-24 {
    padding-right: 96px;
}
.gap-2{
	gap: 8px;
}
.gap-7 {
    gap: 28px;
}
.gap-x-11 {
    column-gap: 44px;
}
.gap-y-3 {
    row-gap: 12px;
}
.gap-8 {
    gap: 32px;
}
.gap-14 {
    gap: 56px;
}
.gap-17 {
    gap: 68px;
}
.gap-0-8 {
    gap: 0 32px;
}
.gap-0-3 {
    gap: 0 12px;
}
.gap-0-7 {
    gap: 0 28px;
}
.br-1,
.br-2 {
    border-radius: 4px;
}
.br-2 {
    border-radius: 8px;
}
.br-2_5 {
    border-radius: 10px;
}
.br-3 {
    border-radius: 12px;
}
.round {
    border-radius: 100%;
}
.color-main-ligt {
    color: rgba(0, 0, 0, 0.07);
}
.color-main-dark {
    color: #111;
}
.color-input {
    color: #c5c7c6;
}
.color-main {
    color: #444;
}
.color-grey {
    color: #7b7b7b;
}
.color-accent,
.color-hov-accent:hover {
    color: #57c319;
}
.color-hov-white:hover,
.color-white {
    color: #fff;
}
.color-dark {
    color: #030303;
}
.bg-accent {
    background-color: #57c319;
}
.bg-dark-gray {
    background-color: #545454;
}
.bg-transparent {
    background-color: transparent;
}
.bg-gray {
    background-color: #7b7b7b;
}
.b-color-dark {
    border-color: #030303;
}
.b-color-grey {
    border-color: #7b7b7b;
}
.b-dark-gray {
    border-color: #545454;
}
.b-accent {
    border-color: #57c319;
}
.border-0 {
    border: none;
}
.border-bottom-1 {
    border-bottom: 1px solid;
}
.b-style-solid {
    border-style: solid;
}
.b-w-025 {
    border-width: 1px;
}
.fz-3 {
    font-size: 12px;
}
.fz-3_5 {
    font-size: 14px;
}
.fz-4,
ul.catalog__opened .first_a {
    font-size: 16px;
}
.fz-4_5 {
    font-size: 18px;
}
.fz-5 {
    font-size: 20px;
}
.fz-6 {
    font-size: 24px;
}
.fz-8 {
    font-size: 32px;
}
.fz-14 {
    font-size: 56px;
}
.fw-400 {
    font-weight: 400;
}
.fw-500,
ul.catalog__opened .sec_a {
    font-weight: 500;
}
.fw-700 {
    font-weight: 700;
}
.fw-900 {
    font-weight: 900;
}
.lh-normal {
    line-height: normal;
}
.lh-6,
ul.catalog__opened .ul_child__2 > li {
    line-height: 24px;
}
.slide_item_feature,
.slide_item_name {
    color: #444;
    line-height: 125%;
    font-style: normal;
}
.mw-350 {
    max-width: 350px;
}
.mw-256 {
    max-width: 256px;
}
.grid_box {
    grid-template-areas: "category right" "category right2";
}
.category {
    grid-area: category;
}
.slider_box {
    grid-area: right;
}
.form_box {
    grid-area: right2;
}
.ul_clear {
    margin: 0;
    padding: 0;
}
.ul_clear li {
    list-style: none;
}
.li-marker-green > li {
    list-style-image: url("../image/svg/li-marker-green.svg");
}
.category_box,
aside#column-left {
    width: 255px;
}
.underline {
    text-decoration: underline;
}
.box-shadow {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.box-shadow:hover {
    box-shadow: 0 2px 10px 0 rgba(87, 195, 25, 0.3);
}
.slide_item_name {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
}
.slide_item_feature {
    margin-bottom: 28px;
}
.slide_item_button a {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    background: #57c319;
    padding: 16px 47px;
}
#search_desctop,
.contact_box_modal__open,
.header_fixed .search #search,
.header_fixed .search #search_desctop,
.slide_item_button {
    display: flex;
}
.slide_item_feature ul {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 2;
}
.slide_item_feature ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}
.slide_item_feature ul li img {
    margin-right: 5px;
}
.slide_item.slide-1 {
    display: flex;
    padding: 28px 20px;
    background-image: url(../../../../../image/catalog/banners/banner-bg.png);
    border-radius: 10px;
}
.swiper-pagination_0 {
    max-width: 100px;
}
.img,
.img_cart {
    max-width: 444px;
}
.swiper-pagination-bullet-active {
    background-color: #545454 !important;
}
.item_r {
    width: 45%;
    display: flex;
    align-items: center;
}
.promo-fos {
    background-image: url(../image/promo-fos-bg.png);
}
.promo-gray {
    background-image: url(../image/bg_gray.png);
}
.swiper-button-next-n,
.swiper-button-prev-n {
    width: 24px;
    height: 24px;
    color: transparent;
    right: 30px;
}
.swiper-button-prev-n {
    background-image: url(../image/svg/arrow-left.svg);
}
.swiper-button-next-n {
    background-image: url(../image/svg/arrow-right.svg);
}
.swiper-button-next-n.swiper-button-disabled,
.swiper-button-prev-n.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}
.next-str,
.prev-str {
    background-image: url(../image/svg/chevron-right.svg);
    background-position: center;
    width: 14px !important;
    background-repeat: no-repeat;
}
.prev-str {
    left: 5px !important;
}
.next-str {
    right: 5px !important;
}
.owl-next,
.owl-prev {
    width: 24px;
    height: 24px;
    opacity: 1 !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 0px !important;
}
.effect {
    filter: grayscale(1) opacity(0.3);
}
.effect:hover {
    filter: none;
}
.owl-wrapper-outer {
    border: 0 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
.owl-next {
    background-image: url(../image/svg/chevron-small-right.svg);
    right: -40px !important;
}
.owl-prev {
    background-image: url(../image/svg/chevron-small-left.svg);
    left: -40px !important;
}
@media (max-width: 768px) {
    .swiper-button-prev {
        left: 0 !important;
    }
    .swiper-button-next {
        right: 0 !important;
    }
}
.chevron-right::after {
    content: "";
    background-image: url(../image/svg/breadcrumb.svg);
    display: flex;
    width: 5px;
    background-repeat: no-repeat;
    background-position: center 8px;
    margin-left: 16px;
}
.chevron-right:first-child::after,
.chevron-right:last-child::after,
.fix_head__show,
.logo .logo_fix_head {
    display: none;
}
.tab-product {
    padding-bottom: 16px;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 18px;
}
.tab-product > .active a {
    color: #57c319;
    border-bottom: 3px solid;
    padding-left: 16px;
}
.navbar_a:focus,
.tab-product > li a:focus {
    text-decoration: none;
}
.table-attribute thead td {
    padding: 10px;
    font-size: 18px;
    font-weight: 700;
}
.table-attribute tbody tr:nth-child(odd) {
    background-color: rgba(87, 195, 25, 0.1);
}
.table-attribute tbody td {
    padding: 10px;
}
.border-solid-1-eee {
    border: 1px solid #eee;
}
.img {
    overflow: hidden;
    align-self: self-start;
}
.gallery-thumbs .swiper-slide-active {
    border: 1px solid #7b7b7b;
    border-radius: 7px;
}
.arrow_nav {
    z-index: 999;
    width: 30px !important;
    height: 30px !important;
    top: 50% !important;
    margin-top: -15px !important;
}
.arrow_nav::after {
    content: "" !important;
    background-image: url(../image/svg/shape.svg);
    background-position: center;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.tooltip {
    position: absolute;
    background-color: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: -28px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    left: 24px;
}
.tooltip::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: -4px;
    transform: rotate(45deg);
    z-index: 1;
    background: #333;
}
 .tooltip.visible {
  opacity: 1;
}


button.func-copy {
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0;
	width: 20px;
    height: 20px;
	position: relative;
}
.modal {
    background: #fff;
}
.modalBackground {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 999;
    left: 0;
    top: 0;
}
.modalActive {
    position: absolute;
    width: 440px;
    top: calc(50% - 250px);
    left: calc(50% - 175px);
    border-radius: 10px;
    background-color: #fff;
    cursor: default;
    padding-top: 20px;
}
.form_container {
    padding: 0 70px 70px;
}
.modalClose {
    font-family: var(--font-regular);
    cursor: pointer;
}
.form_message {
    justify-content: center;
}
.img_cart {
    height: auto;
}


.func-copy:focus::after,
.func-copy:focus::before {
    opacity: 1;
}
.feature_item {
    width: 60px;
    height: 60px;
    border: 3px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.modal,
.overlay {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    position: fixed;
}
.overlay {
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 20;
    transition: 0.3s;
}
.modal {
    display: none;
    max-width: 440px;
    top: 15%;
    left: 50%;
    margin-left: 0;
    transform: translate(-50%, -10%);
    z-index: 30;
    box-shadow: 0 3px 10px -0.5px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 0;
    border-radius: 4px;
    background-color: #fff;
    transition: 0.4s;
    bottom: auto;
}
.modal.active,
.overlay.active {
    opacity: 1;
    visibility: visible;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.modal__cross {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    fill: #444;
    cursor: pointer;
}
.input__modal {
    width: 100%;
    padding: 20px 16px;
    border: 1px solid #030303;
    border-radius: 4px;
    margin-bottom: 8px;
}
.input__inline {
    padding: 14px 12px;
    border: none;
    border-radius: 4px;
}
@media (max-width: 480px) {
    .grid_box {
        display: grid;
        grid-template-areas: "category" "right" "right2";
    }
    .slide_item_feature {
        display: none;
    }
    .item_l,
    .item_r,
    .sm-w-100,
    .sm-w-full {
        width: 100%;
    }
    .slide_item.slide-1 {
        padding: 20px 15px;
    }
    .item_l {
        order: 2;
    }
    .slide_item_name {
        font-size: 21px;
    }
    .form_message,
    .slide_item_button {
        justify-content: center;
    }
    .slide_item_button a {
        font-size: 18px;
        padding: 12px 24px;
    }
    .swiper-pagination_0 {
        text-align: center;
        width: 100%;
    }
    .sm-flex {
        display: flex;
    }
    .sm-w-full {
        min-width: 320px;
    }
    .form_container,
    .sm-container {
        padding: 0;
    }
    .swiper-button-prev {
        left: 0 !important;
    }
    .swiper-button-next {
        right: 0 !important;
    }
    .sm-pb-1 {
        padding-bottom: 4px;
    }
    .arrow_nav {
        width: 40px !important;
        height: 40px !important;
        top: 50% !important;
        margin-top: -20px !important;
    }
    .arrow_nav::after {
        width: 40px;
        height: 40px;
    }
    .modalActive {
        top: 0;
        left: 0;
        border-radius: 10px;
        background-color: #fff;
        cursor: default;
        padding: 20px;
        width: 100%;
        height: 100vh;
    }
    .product_card {
        flex-direction: column;
    }
    #tab-description table,
    .main_photo img {
        max-width: 100%;
    }
    #tab-description img {
        max-width: 100%;
        height: auto;
    }
    .modal {
        width: 94%;
        padding: 20px;
    }
    .input__inline {
        width: 100%;
        margin-bottom: 8px;
    }
    .sm-col-1 {
        display: grid;
        grid-template-columns: 1fr;
    }
    .sm-col-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .sm-col-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .sm-col-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}
header {
    padding: 26px 0 0;
    margin-bottom: 20px;
}
.container_header {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
	justify-content: space-between;
}
#menu {
    width: 100%;
    background: 0 0;
}
.logo_head{
	max-width: 245px;
}
.logo {
    width: auto;
}
.search {

}
.search #search .search_button,
.search #search_desctop .search_button {
    position: relative;
    margin-left: -42px;
    height: 50px;
}
.search .search_input {
    padding: 16px;
}
.recall_box {

}
.mobile_nav{
	display:none;
}
img.message_icon_img{
		width: 16px;
}
.message_icon {
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
margin-left: 14px;
}
.message_icon li {
margin-right: 10px;
}
@media (max-width: 480px) {
	.logo_head {
    max-width: 140px;
	}
	.mobile_nav{
		display:block;
	}
}



.contact_header {

}



.navbar__subnav:hover > ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}
ul.catalog__opened {
    display: flex;
    flex-direction: column;
    background: #545454;
    padding: 5px 5px 20px;
    height: auto;
    left: auto;
}
ul.catalog__opened > li {
    padding: 5px 8px;
    position: relative;
    max-width: 290px;
    line-height: normal;
}
.header_fixed #logo,
.header_fixed #logo > img,
.header_fixed #menu > .navigation_ul > li:last-child,
.header_fixed #menu > .navigation_ul > li:nth-child(3),
.header_fixed .fix_head__hidden,
.header_fixed .header_box__contacts,
.header_fixed .logo .logo_head,
ul.catalog__opened .ul_child__1 {
    display: none;
}
ul.catalog__opened > li:hover .ul_child__1 {
    display: flex;
    position: absolute;
    background: #95e359;
    left: 100%;
    top: 0;
    width: 290%;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px;
}
ul.catalog__opened > li:hover .ul_child__1 > li {
    width: 30%;
    list-style: none;
}
ul.catalog__opened .ul_child__2 {
    padding: 0 0 0 12px;
    font-size: 12px;
}
.header_fixed{
	top: -120px;
	animation: slideDown 0.9s forwards;
}
@keyframes slideDown {
            from { top: -120px; }
            to { top: 0; }
        }

        /* Анимация скрытия */
        @keyframes slideUp {
            from { top: 0; }
            to { top: -120px; }
        }

.header_fixed,
.nav_fixed {
    position: fixed;
    z-index: 99;
    width: 100%;
    padding-bottom: 24px;
}
.header_fixed .header {
    display: -webkit-flex;
    display: flex;
}
.header_fixed .container_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.header_fixed .logo {
    width: 36px;
    margin-right: 50px;
    order: 1;
}
.header_fixed .search {
    order: 3;
    width: 25%;
}
.header_fixed .contact_header {
    order: 4;
    width: 15%;
    text-align: none;
    margin-bottom: 0;
}
.header_fixed .search #search .search_button,
.header_fixed .search #search_desctop .search_button {
    position: relative;
    margin-left: -42px;
    height: 42px;
}
.header_fixed .search .search_input {
    padding: 12px 12px 12px 16px;
}
.header_fixed .logo .logo_fix_head {
    width: 100%;
    display: block;
}
.header_fixed .fix_head__show {
    display: flex;
    z-index: 111;
    position: relative;
}
.header_fixed #menu {
    order: 2;
    width: 45%;
    margin: 0 55px 0 0;
    padding: 0;
    position: unset;
}
.header_fixed #menu > .navigation_ul {
    position: unset;
}
.header_fixed #menu > .navigation_ul li.navbar__subnav:hover > ul {
    top: 54px;
}
.header_fixed #menu > .navigation_ul > li > a {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
}
.header_fixed #menu ul.catalog__opened {
    margin-left: -70px;
}
.contact_box_modal {
    position: absolute;
    display: none;
    flex-direction: column;
    text-align: left;
    width: 320px;
    flex-wrap: wrap;
    background: #545454;
    z-index: 999;
    padding: 20px;
    font-size: 14px;
    color: #c6c8c7;
    line-height: 32px;
    top: -24px;
    left: -185px;
}
.contact_box_modal a {
    color: #c6c8c7;
}
.contact_box_modal a:hover {
    color: #5ed830;
}
.header_fixed .input__inline {
    font-size: 13px;
    padding: 12px 16px;
    margin-bottom: 12px;
    line-height: 0;
    background: #7b7b7b;
}
.header_fixed .input__inline:focus {
    border: #57c319;
}
.header_fixed input.input__inline::-webkit-input-placeholder {
    color: #c6c8c7;
}
.header_fixed input.input__inline:-moz-placeholder {
    color: #c6c8c7;
}
.header_fixed input.input__inline:-ms-input-placeholder {
    color: #c6c8c7;
}
.show_contact_box {
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    background-color: #57c319;
    border: 0;
    z-index: 999;
    font-weight: 400;
    padding: 11px 23px;
}
.header_fixed .social_icon {
    padding-right: 20%;
}
.header_fixed .contact_box_modal_head {
    margin-bottom: 10px;
}
.header_fixed .contact_link {
    text-transform: uppercase;
}
.contact_box_modal__open{
	display: flex;
}

@media (min-width: 320px) and (max-width: 767px) {
    .header {
        display: flex !important;
        padding: 0;
    }
    .hidden__sm,
    .search {
        display: none;
    }
    .fix_head__show {
        display: flex;
    }
    .container_header {
        padding: 12px 15px;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    button.mobile__phone {
        background-repeat: no-repeat;
        background-color: transparent;
    }
    .contact_header {
        width: auto;
        text-align: right;
        margin-bottom: 0;
    }
    .header {
        position: fixed;
        z-index: 999;
    }
    .fix_head_contact {
        position: static;
    }
    #menu {
        max-width: 88%;
        background: #434343;
        margin-top: 53px;
    }
    .mm .menu_catalog_product > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
    }
    .mm .mm--open .menu_catalog_product > li > img {
        margin-right: 5px;
    }
    .mm .mm--open .menu_catalog_product > li > a {
        font-size: 14px;
        width: calc(90% - 45px);
        line-height: 26px;
    }
    .mm li {
        position: relative;
        cursor: pointer;
        line-height: 28px;
    }
    .contact_box_modal {
        left: 0;
        width: 100%;
        top: 0;
    }
    .social_icon {
        margin-bottom: 0;
        padding-right: 70px;
    }
    .input__inline {
        font-size: 13px;
        padding: 12px 16px;
        margin-bottom: 12px;
        line-height: 0;
        background: #7b7b7b;
    }
}
.grid_service {
    display: grid;
    grid-template-rows: 2fr 5fr;
    row-gap: 20px;
}
@media (max-width: 480px) {
    .sm-flex-collumn {
        flex-direction: column;
    }
    .sm-hidden {
        display: none;
    }
    .sm-flex-center {
        justify-content: center;
        text-align: center;
    }
    .sm-flex-start {
        justify-content: start;
    }
    .sm-w-content,
    .sm-w-max-content {
        width: max-content;
    }
    .sm-overflow-x-scroll {
        overflow-x: scroll;
    }
    .sm-flex-wrap {
        flex-wrap: wrap;
    }
    .sm-gap-8 {
        gap: 32px;
    }
    .max-w-100,
    .sm-w-100,
    .w-custom-56 {
        width: 100%;
    }
    .max-w-100 {
        max-width: 345px;
    }
    .sm-mr-0 {
        margin-right: 0;
    }
	.sm-ml-0 {
		margin-left: 0px;
	}
    .sm-mb-0 {
        margin-bottom: 0;
    }
    .sm-mb-2 {
        margin-bottom: 8px;
    }
    .sm-mb-3 {
        margin-bottom: 12px;
    }
    .sm-mb-4 {
        margin-bottom: 16px;
    }
    .sm-mb-5 {
        margin-bottom: 20px;
    }
    .sm-mb-6 {
        margin-bottom: 24px;
    }
    .sm-mb-10 {
        margin-bottom: 40px;
    }
    .sm-mb-12 {
        margin-bottom: 48px;
    }
    .sm-gap-0 {
        gap: 0;
    }
    .sm-gap-5 {
        gap: 20px;
    }
    .sm-px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .sm-px-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .sm-px-3 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .sm-py-5 {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .sm-pb-1 {
        padding-bottom: 4px;
    }
    .sm-pt-0 {
        padding-top: 0;
    }
    .sm-fz-5 {
        font-size: 20px;
    }
    .sm-fz-3 {
        font-size: 12px;
    }
	.sm-fz-3_5 {
        font-size: 14px;
    }
	.sm-fz-4 {
        font-size: 16px;
    }
    .sm-fz-4_5 {
        font-size: 18px;
    }
    .bg-dark-gray > .input__inline {
        background: #fff;
    }
    .sm-w-auto {
        width: auto;
    }
	.menu_catalog_product{
		overflow-y: scroll !important;
        max-height: 80vh;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
    
	.md-hidden {
        display: none;
    }
	.md-col-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .md-col-1 {
        grid-template-columns: 1fr;
    }
    .md-w-30 {
        width: 30%;
    }
    .md-w-100 {
        width: 100%;
    }
	.md-pt-19{
		padding-top:74px;
	}
    .md-w-auto {
        width: auto;
    }
    .md-px-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .md-mb-4 {
        margin-bottom: 16px;
    }
    .md-mb-12 {
        margin-bottom: 48px;
    }

    .bg-dark-gray > .input__inline {
        background: #fff;
    }
	.grid_box {
        display: grid;
        grid-template-areas: "category" "right" "right2";
    }
	.md-flex-collumn {
        flex-direction: column;
    }
	.md-w-slider{
		width: 96%;
	}
	.item_l {
        order: 2;
    }
	.item_r,.item_l {
        width: 100%;
    }
	.md-flex-center {
        justify-content: center;
        text-align: center;
    }
	.menu_catalog_product{
		overflow-y: scroll !important;
        max-height: 80vh;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    header {
		padding: 10px 0 0;
		position: fixed;
		z-index: 999;
	}
	.logo,
    .logo .logo_head {
        max-width: 200px;
    }
    .logo,
    .search {
        margin-right: 15px;
    }
    .lg-col-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .lg-col-1 {
        grid-template-columns: 1fr;
    }
    .search {
        width: 40%;
    }
	.fix_head__show{
		display:block;
	}
	.phone_numb, .recall_box{
		display:none;
	}
	.contact_header {
		width: 20%;
	}
	.message_icon li {
		margin-right: 16px;
	}

	.search_input{
		font-size: 13px;
	}
	
    .hidden-lg,
    .mobile_nav {
        display: none;
    }
    .mobile_nav {
        display: block;
		width: 8%;
    }
	
    .input__inline {
        padding: 8px 10px;
		margin-bottom:6px;
    }
	.social_icon{
		padding-right: 35px;
	}
    .lg-px-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .lg-mb-12 {
        margin-bottom: 48px;
    }
    .lg-gap-4 {
        gap: 16px;
    }
    .lg-px-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .lg-gap-0-2 {
        gap: 0 8px;
    }
	
	.lg-w-100{
		 width: 100%;
	}
	.contact_box_modal{
		right: 0px;
		top: 42px;
		left:auto;
	}
	.input__inline {
        width:100%;;
    }
	.category_box{
		display:none;
	}
	.slider_box{
		width:98%;
		margin-bottom:25px;
	}
	#menu {
        max-width: 45%;
        background: #434343;
        margin-top: 53px;
    }
	.menu_catalog_ul>li:hover{
		 background: #434343;
	}
	.mm .menu_catalog_product > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
		width: 100%;
    }
	.menu_catalog_product>li {
        list-style: none;
        line-height: 26px;
        width: 32.6%;
        padding: 10px;
    }
	.mm .mm--open .menu_catalog_product > li > img {
        margin-right: 5px;
    }
	.mm .mm--open .menu_catalog_product > li > a {
        font-size: 14px;
        width: calc(90% - 45px);
        line-height: 26px;
    }
	.menu_catalog_product{
		overflow-y: scroll !important;
        max-height: 80vh;
	}
	.container_top{
		padding-top: 90px;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .logo {
        max-width: 220px;
    }
    .logo .logo_head {
        max-width: 200px;
    }
	.header_fixed .logo {
        margin-right: 25px;
	}
	.header_fixed #menu{
		margin-right: 25px;
	}
	.header_fixed .search {

	}
	.header_fixed .fix_head__show {

	}
    .search {
        width: 35%;
        margin-right: 30px;
    }
    .hidden-lg,
    .mobile_nav {
        display: none;
    }
    .xl-px-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .xl-gap-0-2 {
        gap: 0 8px;
    }
    .xl-col-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
	.slider_box, .promo_tg{
		width:98%;
		margin-bottom:25px;
	}
	.container {
        width: 100%;
    }
	.lg-w-100{
		width:100%;
	}
	.px-24{
		padding-left: 24px;
		padding-right: 24px;
	}
	.category_box, aside#column-left {
		width: 208px;
	}
}


.status_product__card{
	position: absolute;
    width: auto;
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    border-radius: 7px;
}

.status_category{
	padding: 1px 7px;
    font-size: 11px;
    color: #fff;
    border-radius: 7px;
    max-width: 60%;
    width: auto;
	position:absolute;
	left:0px;
}
.solution_category_item{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media (max-width: 479px) and (min-width: 320px) {
    .solution_category_item {
		width:33%;
    }
	.solution_category {
		justify-content: flex-start;
    }
}
.solution_category {
display: flex;
justify-content: space-between;
}

.solution_category_img {
margin-bottom: 10px;
}
.solution_filter {
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
}
.solution_filter li{
    display: flex;
}
.solution_filter li a{
    color: #444444;
    width: 100%;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.solution_filter li a:hover{
    color: #fff;
    width: 100%;
    padding: 8px 12px;
    background-color: #57C319;
    text-shadow: none;
}
.solution_filter li a:hover img.sol_image, .solution_filter .active img.sol_image  {
  filter: brightness(0) invert(1);
}


.solution_filter .active{
    background-color: #57C319;
    color: #fff;
    text-shadow: none;
}
.solution_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
margin-right: 20px;
width: 100%;
margin-left: 80px;
}

.solution_item__product{
margin-left: 20px;
}

.solution_name {
display: flex;
flex-direction: column;
width: 70%;
justify-content: space-evenly;
height: 100%;
}

.solution_link {
font-size: 16px;
margin-bottom: 12px;
}
.solution_heshtags a {
margin-right: 5px;
}

.solution_img {
margin-right: 20px;
}
@media (max-width: 1023px) and (min-width: 320px){
#column-left.filter_left{
	width:100%;
}
.content_sol{
	width:100%;
}
.solution_item {
	margin:0px;
	margin-bottom: 20px;
}
.solution_filter {
    flex-direction: row;
    overflow: auto;
}
.solution_filter li a{
    margin-right: 10px;
}

.solution_filter li a{
    width: auto;
    border: 1px solid rgb(93, 215, 51);
    border-radius: 10px;
}
.category_filter li{
    
}
.category_filter li a{
    
}
ul.solution_filter li {
    order: 2;
}
li.filter_active {
    
}
.solution_name {
    justify-content: flex-start;
}
}

@media (max-width: 479px) and (min-width: 320px){

.solution_category {
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: center;
}
.solution_category_item {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    flex-direction: column;
}
}
@media (max-width: 550px) and (min-width: 480px) {
.solution_category {
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.solution_category_item {
    width: 49%;
    max-width: 234px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    flex-direction: column;
}
.solution_category_link{
    font-size: 13px;
}

}
@media (max-width: 725px) and (min-width: 551px) {
.solution_category {
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-evenly;
}
.solution_category_item {
    max-width: 234px;
}
}
@media (max-width: 767px) and (min-width: 726px) {
.solution_category {
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}
.solution_category_item {
    max-width: 225px;
    margin-bottom: 25px;
}
}
@media (max-width: 1200px) and (min-width: 768px) {
.solution_category {
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}
.solution_category_item {
    max-width: 225px;
    margin-bottom: 25px;
    margin-right: 10px;
}
}


@media (max-width: 480px) and (min-width: 320px) {
  .solution_block{
	  width: 100%;
  }  
	.solution_item {
        flex-direction: column;
        display: flex;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        margin-right: 0;
        max-width: 100%;
    }
	    .solution_name {
        width: 100%;
    }
}
@media (min-width: 481px) and (max-width: 579px) {
	.solution_item {
        flex-direction: column;
        display: flex;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        margin-right: 0;
        max-width: 100%;
    }
	.solution_name {
		width: 100%;
	}
}
@media (min-width: 580px) and (max-width: 767px) {
	.solution_img {
		margin-right: 10px;
	}
	.solution_name {
		width: 95%;
	}
}


/*Новинка*/
.color_status_product_15{
	background-color:#57C319;
}
/*Снят с производства*/
.color_status_product_16{
	background-color:#7B7B7B;
}
/*В разработке*/
.color_status_product_17{
	background-color:#13946A;
}