@font-face {
    font-family: fontName;
    src: url(../fonts/fontURL.eot);
    src: url(../fonts/fontURL.eot?#iefix) format("embedded-opentype"), url(../fonts/fontURL.woff) format("woff"), url(../fonts/fontURL.ttf) format("truetype");
    font-style: normal;
    font-display: swap
}

:root {
    --scroll: 0px;
    --header: 75px;
    --icon_size: 24px;
    --lang: 12px;
    --body: 16px;
    --color: var(--black);
    --bg: var(--white);
    --white: #fff;
    --btn_height: 45px;
    --btn_inner: 20px;
    --btn_color: var(--white);
    --btn_font: var(--body);
    --btn_bg: var(--primary);
    --btn_bd_size: 2px;
    --btn_bd_color: var(--primary);
    --btn__lh-top: 0px;
    --btn__lh-bottom: 0px;
    --inner_g: 15px;
    --bone: 15px;
    --bone_w: 1320px;
    --bone_size: max((100vw - var(--bone_w) - var(--scroll)) / 2, var(--bone));
    --grid_2: 2;
    --grid_3: 3;
    --grid_4: 4
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: var(--color)
}

html {
    display: block
}

body {
    margin: 0;
    padding: 0;
    color: var(--color);
    font-size: var(--body);
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    font-family: var(--family);
    background-color: var(--bg)
}

img, svg {
    display: block;
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none
}

li {
    list-style-type: none
}

button, input, textarea {
    display: block;
    font-family: var(--family);
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    appearance: none;
    outline: 0;
    resize: none
}

input::placeholder, textarea::placeholder {
    color: var(--color);
    font-family: var(--family)
}

html.hidden {
    overflow: hidden;
    padding-right: 17px;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

main {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 120px;
    flex-grow: 1
}

.bone {
    width: 100%;
    max-width: calc(var(--bone_w) + var(--bone) * 2);
    margin: 0 auto;
    padding: 0 var(--bone)
}

._h1,h1 {
    font-size: 50px;
    font-weight: 500
}

._h2,.article_text h2 {
    font-size: 38px;
    font-weight: 500
}

._h3,.article_text h3 {
    font-size: 26px;
    font-weight: 500
}

._h4,.article_text h4 {
    font-size: 25px;
    font-weight: 500
}

._h5,.article_text h5 {
    font-size: 20px;
    font-weight: 500
}

._none {
    --color: var(--gray)
}

._ok {
    --color: var(--green)
}

._item .treeple {
    margin-top: 100px
}

.cooki {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
    position: fixed;
    right: var(--bone_size);
    bottom: 40px;
    width: min(460px, 100% - var(--bone_size) * 2);
    padding: 20px 30px;
    background-color: var(--light_bg);
    border-radius: 90px;
    z-index: 9999
}

.cooki a {
    color: var(--primary);
    text-decoration: underline
}

[class*=__grid] {
    display: grid;
    grid-gap: var(--inner_g)
}

.__grid-twoo {
    grid-template-columns:repeat(var(--grid_2), 1fr)
}

.__grid-three {
    grid-template-columns:repeat(var(--grid_3), 1fr)
}

.__grid-four {
    grid-template-columns:repeat(var(--grid_4), 1fr)
}

[class*=__flex] {
    display: flex
}

.__flex-align {
    align-items: center
}

.__flex-start {
    align-items: flex-start;
    justify-content: space-between
}

.__flex-end {
    align-items: flex-end;
    justify-content: space-between
}

.__flex-center {
    align-items: center;
    justify-content: space-between
}

[class*=__icon-] {
    position: relative
}

[class*=__icon-]:before {
    content: '';
    position: absolute;
    top: calc(50% - var(--icon_size) / 2);
    width: var(--icon_size);
    height: var(--icon_size);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.__icon-arrow:before {
    background-image: url(../images/icon/arrow.svg)
}

.__btn {
    --color: var(--btn_color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    grid-gap: 8px;
    min-width: min(var(--btn_w), 100%);
    height: var(--btn_height);
    padding: var(--btn__lh-top) var(--btn_inner) var(--btn__lh-bottom);
    font-size: var(--btn_font);
    text-transform: uppercase;
    font-weight: 500;
    background-color: var(--btn_bg);
    border: var(--btn_bd_size) solid var(--btn_bd_color);
    border-radius: var(--bdrs);
    cursor: pointer;
    transition: border-color .43s, background-color .43s, color .43s
}

.__btn._disable {
    pointer-events: none
}

.__btn:hover:not(._line) {
    background-color: var(--btn_hover);
    border-color: var(--btn_hover)
}

.__btn._line:not(:hover) {
    --color: var(--black) !important;
    background-color: transparent !important
}

.__btn b, .__btn i, .__btn p, .__btn span {
    transition: color .43s
}

.__btn svg {
    width: 15px;
    height: 15px
}

.__btn path {
    transition: fill .43s
}

.slick-slider {
    --inner_slider-x: 0px;
    --inner_slider-y: 0px;
    --inner_slider-shadow: 0px;
    --arrow-size: 47px;
    --arrow-icon_size: 30px;
    --arrow-ind: 0px;
    position: relative
}

.slick-slider._all {
    overflow: hidden;
    margin: 0 calc(var(--bone_size) * -1)
}

.slick-slider._all .slick-list {
    padding: 0 var(--bone_size)
}

.slick-list {
    overflow: hidden;
    position: relative;
    height: 100%;
    margin: min(var(--inner_slider-y) * -1, var(--inner_slider-shadow) * -1) min(var(--inner_slider-x) / -2, var(--inner_slider-shadow) * -1);
    padding: 0 max(var(--inner_slider-shadow) - var(--inner_slider-x) / 2, 0)
}

.slick-track {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    height: 100%
}

.slick-slide {
    outline: 0 !important;
    margin: var(--inner_slider-y) calc(var(--inner_slider-x) / 2)
}

.slick-dots {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-gap: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.slick-dots li {
    flex-grow: 1
}

.slick-dots button {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    font-size: 0;
    background-color: rgba(51, 51, 51, .05);
    border-radius: 2px;
    cursor: pointer;
    transition: background-color .43s
}

.slick-dots button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    opacity: 0;
    background-color: var(--primary);
    transition: opacity .43s, right 0s .43s
}

.slick-dots button:hover {
    background-color: rgba(51, 51, 51, .1)
}

.slick-dots .slick-active button:before {
    opacity: 1;
    right: 0;
    transition: opacity .43s, right .43s
}

.slick-arrow {
    position: absolute;
    top: 0;
    left: var(--arrow-ind);
    bottom: 0;
    width: var(--arrow-size);
    font-size: 0;
    background-color: var(--light_bg);
    border-radius: min(var(--bdrs) / 2, 15px);
    cursor: pointer;
    z-index: 9999;
    transition: background-color .43s
}

.slick-arrow.slick-prev {
    display: none !important
}

.slick-arrow:before {
    content: '';
    position: absolute;
    top: calc(50% - var(--arrow-icon_size) / 2);
    left: calc(50% - var(--arrow-icon_size) / 2);
    width: var(--arrow-icon_size);
    height: var(--arrow-icon_size);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='30' viewBox='0 0 14 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0665 0.473819C14.0975 1.25864 14.3064 2.74315 13.5332 3.78958L5.24995 15L13.5332 26.2104C14.3064 27.2568 14.0975 28.7414 13.0665 29.5262C12.0356 30.311 10.5731 30.0989 9.7999 29.0525L0.466662 16.421C-0.155554 15.5789 -0.155554 14.4211 0.466662 13.579L9.7999 0.947499C10.5731 -0.0989255 12.0356 -0.310999 13.0665 0.473819Z' fill='%23333333'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.slick-arrow.slick-next {
    left: auto;
    right: var(--arrow-ind)
}

.slick-arrow.slick-next:before {
    transform: rotate(200grad)
}

.slick-arrow:hover {
    background-color: var(--light_bg-hover)
}

._input {
    display: block;
    position: relative
}

input:not([type=checkbox],[type=radio],[type=submit],[type=range]), textarea {
    width: 100%;
    min-height: var(--btn_height);
    padding: 0 20px;
    font-size: var(--body);
    text-overflow: ellipsis;
    border: 1px solid var(--color);
    border-radius: var(--bdrs);
    transition: border-color .43s, color .43s
}

textarea {
    height: 120px;
    padding-top: 16px
}

input:not([type=checkbox],[type=radio],[type=submit],[type=range])::placeholder, textarea::placeholder {
    color: #b2b1b9;
    text-overflow: ellipsis
}

input:not([type=checkbox],[type=radio],[type=submit],[type=range]):focus, input:not([type=checkbox],[type=radio],[type=submit],[type=range]):hover, textarea:focus, textarea:hover {
    border-color: var(--black)
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.__input_hidden {
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    opacity: 0;
    z-index: -1
}

input._error, textarea._error {
    color: red !important;
    border-color: red !important;
    background-color: rgba(255, 204, 204, .2) !important
}

input._error::placeholder, textarea._error::placeholder {
    color: red !important
}

input[type=checkbox] + span {
    --size: 16px;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    cursor: pointer
}

input[type=checkbox] + span:before {
    content: '';
    position: absolute;
    top: calc(50% - var(--size) / 2);
    left: 0;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--btn_bg);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.20091 0.00031817C8.99882 0.00715616 8.80679 0.0998446 8.66616 0.258635L3.53878 5.93759L1.34524 3.51926C1.20079 3.35287 1.00146 3.25714 0.791729 3.25333C0.581993 3.24991 0.379904 3.33881 0.230936 3.50026C0.0819676 3.66172 -0.00136971 3.88205 1.70338e-05 4.1115C0.00105878 4.34058 0.0868287 4.55977 0.237534 4.71932L2.98737 7.74586C3.13355 7.90845 3.33322 8 3.54191 8C3.75026 8 3.95027 7.90845 4.09646 7.74586L9.77347 1.45189C9.99779 1.20496 10.0624 0.833814 9.93633 0.514336C9.80993 0.194848 9.51898 -0.00918322 9.20091 0.00031817Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: min(var(--bdrs), 5px);
    box-sizing: border-box;
    opacity: .2;
    cursor: pointer;
    transition: opacity .43s, background .43s
}

input[type=checkbox]:hover + span:before {
    opacity: 1
}

input[type=checkbox]:not([readonly]):checked + span:before {
    opacity: 1;
    background-color: var(--btn_bg)
}

.pagination {
    --size: 40px
}

.pagination ul {
    display: flex;
    justify-content: center;
    grid-gap: 5px
}

.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    border: 2px solid transparent;
    font-weight: 500;
    border-radius: 50%;
    transition: background-color .43s, border-color .43s
}

.pagination a._disabled {
    pointer-events: none
}

.pagination li:not(:first-child,:last-child) a {
    background-color: var(--light_bg)
}

.pagination a._disabled svg {
    opacity: .5
}

.pagination a:hover {
    cursor: pointer;
    border-color: var(--accent)
}

.pagination li.active a {
    --color: var(--white);
    border-color: var(--black);
    background-color: var(--black)
}

.pagination svg {
    height: 15px
}

.lang {
    --size: 30px;
    --btn_font: var(--lang);
    --btn_inner: 0px;
    --btn_w: var(--size);
    --btn_height: var(--size);
    display: flex;
    align-items: center;
    font-size: var(--lang);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase
}

.lang li {
    width: var(--size);
    min-width: var(--size)
}

.lang a {
    transition: color .43s
}

.lang a:hover {
    color: var(--primary)
}

._text ._title:first-child {
    margin-bottom: 40px
}
.article_text ._block{
    margin-top: 20px;
}
.article_text h2,
._text ._subtitle:not(:first-child) {
    margin-top: 30px
}

.article_text h2,
.article_text h3,
.article_text h4,
.article_text h5,
._text ._subtitle:not(:last-child) {
    margin-bottom: 20px
}

._text img:not(:first-child), ._text ol:not(:first-child), ._text p:not(:first-child), ._text ul:not(:first-child) {
    margin-top: 20px
}

._text ol, ._text ul:not(.faq) {
    display: grid;
    grid-gap: 10px;
    padding-left: 34px
}

._text ol {
    counter-reset: item
}

._text ol ol {
    margin-top: 10px;
    padding-left: 26px
}

._text ol li:before {
    content: counters(item, '.') ".";
    counter-increment: item;
    padding-right: 10px;
    margin-left: -23px;
    color: var(--primary)
}

._text ol li li:before {
    content: counters(item, '.') " "
}

._text ul:not(.faq) li {
    position: relative;
    padding-left: 10px
}

._text ul:not(.faq) li:before {
    content: '—';
    position: absolute;
    right: calc(100% + 4px);
    color: var(--primary)
}

._text li, ._text p {
    line-height: 1.5
}

._text img {
    border-radius: var(--bdrs)
}

._text img + figcaption,
._text img + i {
    display: block;
    margin-bottom: 0;
    font-style: italic;
    margin-top: 15px
}

._text span {
    /*--color: var(--primary)*/
}

._text ._block {
    padding: 30px;
    background-color: var(--light_bg);
    border-radius: var(--bdrs)
}

.filter {
    overflow: hidden
}

.filter_list {
    --inner: 20px;
    display: grid;
    grid-gap: 10px;
    margin-left: -40px;
    padding-left: calc(40px - var(--scroll))
}

.filter_triger {
    position: relative;
    padding: 15px 52px 15px var(--inner);
    font-weight: 500;
    background-color: var(--light_bg);
    border-radius: var(--bdrs);
    cursor: pointer;
    transition: background-color .43s
}

.filter_triger:hover {
    background-color: var(--light_bg-hover)
}

.filter_triger:before {
    --icon_size: 16px;
    right: 20px;
    transition: transform .43s
}

.filter_triger.active:before {
    transform: rotate(200grad)
}

.filter_content {
    display: grid;
    grid-gap: 10px;
    margin-top: 10px;
    padding: 0 var(--inner)
}

.filter_close, .filter_title {
    display: none
}

.footer_lang {
    background-color: var(--white);
    border-radius: var(--bdrs)
}

.faq {
    --inner: 30px;
    display: grid;
    grid-gap: 20px;
    margin-top: 20px;
    padding: 0 !important
}

.faq li {
    background-color: var(--light_bg);
    border-radius: var(--bdrs)
}

.faq_trigger {
    --icon_size: 30px;
    padding: var(--inner);
    padding-right: 52px;
    cursor: pointer
}

.faq_trigger:before {
    right: var(--inner);
    transition: transform .43s
}

.faq_trigger.active:before {
    transform: rotate(200grad)
}

.faq_content {
    display: none;
    position: relative;
    margin-top: -10px;
    padding: 0 var(--inner) var(--inner);
    z-index: 1
}

.consultation {
    --size: 200px;
    padding: 40px;
    background: var(--linear);
    border-radius: var(--bdrs)
}

.consultation_img img {
    width: var(--size);
    height: var(--size);
    margin: 0 auto;
    background-color: var(--white);
    object-fit: contain;
    object-position: center;
    border-radius: 50%
}

.consultation_title:not(:first-child) {
    margin-top: 30px
}

.consultation_form {
    --btn_w: 100%;
    display: grid;
    grid-gap: 15px;
    margin-top: 30px
}

.consultation_caption {
    margin-top: 15px;
    font-size: 13px
}

.consultation_caption a {
    text-decoration: underline;
    transition: color .43s
}

.consultation_caption a:hover {
    color: var(--primary)
}

.header {
    position: fixed;
    --inner: 40px;
    width: 100%;
    background: #fff;
    box-shadow: 0 -1px 15px 0 rgba(10, 48, 92, .05);
    z-index: 99999
}

.header_net {
    grid-gap: var(--inner);
    /*padding-top: min(30px, var(--inner))*/
}

.header_nav ul {
    display: flex;
    align-items: center;
    grid-gap: var(--inner);
    text-transform: var(--text_transform)
}

.header_nav a {
    transition: color .43s
}

.header_nav a:hover {
    color: var(--primary)
}

.header_right {
    grid-gap: var(--inner)
}

.header_phone {
    font-weight: 500;
    transition: color .43s
}

.header_phone:hover {
    color: var(--primary)
}

.header_btn {
    --btn_w: 140px;
    width: var(--btn_w)
}

.bar_lang, .header_lang {
    background-color: var(--light_bg);
    border-radius: var(--bdrs)
}

.bar {
    display: none;
    z-index: 10
}

.bar_burger {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 30px;
    padding: 7px 0;
    cursor: pointer;
    z-index: 20;
    transition: background .43s, transform .43s
}

.bar_burger span {
    width: 100%;
    height: 3px;
    background-color: var(--black);
    transition: transform .43s, opacity .43s
}

.bar_burger.active span:nth-child(1) {
    transform: rotate(50grad) translate3d(5px, 4px, 0)
}

.bar_burger.active span:nth-child(2) {
    transform: rotate(-50grad) translate3d(5px, -4px, 0)
}

.bar_wrapper {
    overflow: hidden;
    display: none;
    position: fixed;
    top: var(--header);
    left: 0;
    right: 0;
    bottom: 0;
    max-height: calc(100vh);
    background-color: var(--bg);
    z-index: -1
}

.bar_net {
    overflow-y: scroll;
    flex-direction: column;
    align-items: center;
    grid-gap: 70px;
    width: calc(100% + 40px);
    height: 100%;
    max-height: 100vh;
    margin-right: -40px;
    padding: 40px calc(var(--bone) + 40px - var(--scroll)) 40px var(--bone)
}

.bar_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 40px;
    flex-grow: 1
}

.bar_nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 40px;
    font-size: 16px;
    text-transform: var(--text_transform)
}

.footer {
    --color: rgba(51, 51, 51, 0.70);
    background: var(--light_bg);
    padding: 40px 0 58px
}

.footer_net {
    grid-gap: 80px
}

.footer_logo {
    min-width: 144px
}

.footer_hrefs ul, .footer_nav ul {
    display: grid;
    grid-gap: 15px
}

.footer_hrefs a, .footer_nav a {
    transition: color .43s
}

.footer_hrefs a:hover, .footer_nav a:hover {
    color: var(--primary)
}

.footer_nav {
    font-weight: 500
}

.footer_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    flex-grow: 1
}

.footer_up {
    --size: 40px;
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    cursor: pointer
}

.footer_up rect {
    transition: fill .43s
}

.footer_up:hover rect {
    fill: var(--primary)
}

.footer_bottom {
    justify-content: center;
    position: relative;
    margin-top: 60px
}

.footer_cop {
    text-align: center
}

.footer_cop a {
    transition: color .43s
}

.footer_cop a:hover {
    color: var(--primary)
}

.footer_author {
    grid-gap: 10px;
    position: absolute;
    right: 0;
    font-size: 14px;
    transition: color .43s
}

.footer_author:hover {
    --color: var(--primary)
}

.footer_author svg {
    width: 22px
}

.footer_author path {
    transition: fill .43s
}

.breadcrumbs {
    margin: 40px 0 60px
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.breadcrumbs li {
    position: relative;
    white-space: nowrap;
    opacity: .7;
    font-size: 13px;
    text-transform: uppercase
}

.breadcrumbs a {
    --size: 10px;
    transition: color .43s
}

.breadcrumbs a:hover {
    --color: var(--primary)
}

.breadcrumbs li:not(:first-child) {
    --size: 6px;
    --inner: 5px;
    padding-left: calc(var(--inner) * 2 + var(--size))
}

.breadcrumbs li:not(:first-child):before {
    content: '/';
    position: absolute;
    left: var(--inner);
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12695 2.08105L3.87695 3.83105L2.12695 5.58105' stroke='%234BBE01' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.master {
    position: relative;
    z-index: 1
}

.master_info {
    --btn_w: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 30px;
    width: 400px;
    z-index: 9999
}

.master_li {
    grid-gap: 30px;
    padding-top: 100px;
    padding-bottom: 72px
}

.master_img {
    position: relative;
    min-width: 300px;
    flex-grow: 1
}

.master_img:after {
    content: '';
    display: block;
    padding-bottom: 89%
}

.master_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.master_right {
    --btn_w: 140px;
    width: 320px;
    min-width: 320px;
    line-height: 1.3
}

.master_right span {
    display: block;
    margin-bottom: 5px;
    letter-spacing: .01em;
    font-weight: 400;
    opacity: .8
}

.master_right .__btn {
    margin-top: 20px
}

.master .slick-dots .slick-active button:before {
    transition: right 3.43s linear, opacity .43s
}

.treeple {
    --size: 50px;
    --inner: 30px;
    margin-top: 40px
}

.treeple ul {
    grid-gap: 15px 30px
}

.treeple li {
    display: flex;
    flex-direction: column;
    grid-gap: 15px 20px;
    padding: var(--inner);
    background: var(--linear);
    border-radius: var(--bdrs)
}

.treeple img {
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    object-fit: contain;
    object-position: center
}

.product._disabled {
    opacity: .7
}

.product_img {
    position: relative;
    margin-bottom: 20px
}

.product_img:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.product_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: var(--bdrs);
    background-color: var(--white);
    transition: background-color .43s
}

.product_name {
    margin-bottom: 10px;
    text-transform: var(--text_transform);
    transition: color .43s
}

a.product:hover .product_img img {
    background-color: var(--light_bg)
}

a.product:hover .product_name {
    --color: var(--primary)
}

.product_more {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    text-transform: uppercase;
    transition: color .43s
}

a.product:not(:hover) .product_more {
    color: var(--primary)
}

.products {
    margin-top: 100px
}

.products_top {
    flex-wrap: wrap;
    grid-gap: 40px 20px
}

.products_btn {
    --btn_w: 130px
}

.products_list {
    --inner_slider-x: 30px;
    margin-top: 42px;
    padding-bottom: 44px
}

.mailing {
    margin-top: 100px
}

.mailing.white input:not([type=checkbox],
.mailing.white input[type=radio],
.mailing.white input[type=submit],
.mailing.white input[type=range]),
.mailing.white textarea{
    border-color: var(--seo_bg);
}

.mailing.white p,
.mailing.white a,
.mailing.white input,
.mailing.white input::placeholder,
.mailing.white div {
    color: var(--seo_bg)
}

.mailing_net {
    grid-gap: 30px
}

.mailing_img {
    max-width: 516px
}

.mailing_form {
    padding: 40px 0;
    max-width: 640px;
    min-width: min(440px, 100%)
}

.mailing_form p {
    font-size: 13px;
    line-height: 1.5
}

.mailing_form a:not(:hover) {
    text-decoration: underline
}

.mailing_title {
    margin-bottom: 40px
}

.seo {
    --bone_w: 1096px;
    padding: 100px 0;
    background-color: var(--seo_bg)
}

.seo_title {
    margin-bottom: 30px
}

.seo_title:not(:first-child) {
    margin-top: 40px
}

.seo p {
    line-height: 1.5
}

.seo p + p {
    margin-top: 1.5em
}

.seo h2,
.seo h3,
.seo h4{
    margin-bottom: 30px;
    margin-top: 40px;
}

.seo h2:first-child,
.seo h3:first-child,
.seo h4:first-child{
    margin-top: 0;
}

.seo h2{
    font-size: 38px;
    font-weight: 500;
}
.seo h3{
    font-size: 26px;
    font-weight: 500;
}

.desc {
    margin-top: 100px
}

.desc_list {
    display: grid;
    grid-gap: 80px
}

.desc_li {
    display: grid;
    align-items: center;
    grid-template-columns:repeat(var(--grid_2), 1fr);
    grid-auto-flow: dense;
    grid-gap: 20px 30px
}

.desc_li:nth-child(even) .desc_info {
    grid-column: 2/3
}

.desc_info ._h2 {
    margin-bottom: 30px
}

.desc_info p {
    margin-top: 20px
}

.desc_info .__btn {
    --btn_w: 200px;
    margin-top: 30px
}

.desc_img img {
    margin-top: 0 !important
}

.bottom {
    margin-top: 100px
}

.bottom_net {
    display: grid;
    justify-content: space-between;
    grid-template-columns:1fr 442px;
    grid-gap: 60px
}

.bottom_left {
    max-width: 758px
}

.bottom_title {
    margin-bottom: 30px
}

.bottom_title:not(:first-child) {
    margin-top: 80px
}

.bottom_table {
    --inner: 30px;
    width: 100%;
    border-spacing: var(--inner) 0;
    font-size: 20px
}

.bottom_table td:last-child {
    font-weight: 500;
    text-align: right
}

.bottom_table td, .bottom_table th {
    height: 54px;
    padding: 15px 0
}

.bottom_table tr {
    position: relative
}

.bottom_table tr:nth-child(odd) td:first-child:before, .bottom_table tr:nth-child(odd) th:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(var(--inner) * -1);
    right: calc(var(--inner) * -1);
    bottom: 0;
    background-color: var(--light_bg);
    border-radius: var(--bdrs);
    z-index: -1
}

.bottom_btn {
    --btn_w: 140px;
    margin-top: 30px
}

.bottom_load {
    --size: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 15px;
    margin-top: 15px;
    padding: 20px 30px;
    background-color: var(--light_bg);
    border-radius: var(--bdrs);
    transition: background-color .43s
}

.bottom_load:hover {
    background-color: var(--light_bg-hover)
}

.bottom_load img {
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    object-fit: contain;
    object-position: center
}

.bottom_sticky {
    position: sticky;
    top: 20px
}

.bottom_right ._h4:not(:first-child) {
    margin-top: 60px
}

.bottom_right ul {
    display: grid;
    grid-gap: 20px;
    margin-top: 30px
}

.bottom_right ul a {
    font-weight: 500;
    transition: color .43s
}

.bottom_right ul a:hover {
    color: var(--primary)
}

.bottom_right ul time {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    opacity: .7
}

.dbuy {
    margin: 100px 0;
    position: relative;
}

.dbuy:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    bottom: 0;
    background-color: var(--primary);
    border-radius: 300px 0 0 300px
}

.dbuy_net {
    grid-gap: 30px
}

.dbuy_left {
    max-width: 364px
}

.dbuy_logo {
    display: block;
    max-width: 300px
}

.dbuy_title {
    margin-top: 60px
}

.dbuy_info {
    --btn_w: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    height: 100%;
    max-width: 348px
}

.dbuy_line {
    font-size: 24px;
    transition: color .43s
}

.dbuy_line * {
    transition: color .43s
}

a.dbuy_line:hover {
    --color: var(--primary)
}

.dbuy_button {
    margin-top: 20px
}

.dbuy_img {
    position: relative;
    width: 100%;
    max-width: 319px
}

.dbuy_img:after {
    content: '';
    display: block;
    padding-bottom: 103%
}

.dbuy_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    object-position: center
}



.catalog {
    margin-bottom: 100px
}

.catalog_list {
    grid-gap: 30px;
    margin-top: 40px
}

.catalog_img {
    position: relative
}

.catalog_img:after {
    content: '';
    display: block;
    padding-bottom: 62%
}

.catalog_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background-color: var(--light_bg);
    border-radius: var(--bdrs)
}

.catalog_name {
    margin-top: 20px;
    transition: color .43s
}

.catalog_li:hover .catalog_name {
    --color: var(--primary)
}

.shop_net {
    display: grid;
    grid-template-columns:308px 1fr;
    grid-gap: 32px;
    align-items: flex-start;
    margin-top: 40px
}

.shop_filter_tabs {
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-bottom: 10px
}

.shop_filter_tabs button {
    --icon_size: 10px;
    position: relative;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    background-color: var(--light_bg);
    border-radius: min(var(--bdrs), 20px);
    transition: background-color .43s;
    cursor: pointer
}

.shop_filter_tabs button:hover {
    background-color: var(--light_bg-hover)
}

.shop_filter_tabs button:before {
    content: '';
    position: absolute;
    top: calc(50% - var(--icon_size) / 2);
    right: 10px;
    width: var(--icon_size);
    height: var(--icon_size);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40091 0.1989C1.143 -0.0662587 0.72485 -0.0662587 0.466943 0.1989C0.209036 0.464058 0.209036 0.893964 0.466943 1.15912L4.06602 4.8594L0.19343 8.84088C-0.0644767 9.10604 -0.0644767 9.53594 0.19343 9.8011C0.451337 10.0663 0.869486 10.0663 1.12739 9.8011L4.99999 5.81962L8.87261 9.80113C9.13051 10.0663 9.54866 10.0663 9.80657 9.80113C10.0645 9.53597 10.0645 9.10607 9.80657 8.84091L5.93395 4.8594L9.53306 1.15909C9.79096 0.893934 9.79096 0.464027 9.53306 0.198869C9.27515 -0.0662897 8.857 -0.0662894 8.59909 0.198869L4.99998 3.89918L1.40091 0.1989Z' fill='%23999999'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.shop_filter_tabs li:last-child button {
    color: var(--white);
    background-color: var(--btn_bg)
}

.shop_list {
    grid-gap: 40px 30px
}

.shop .pagination {
    margin-top: 60px
}

.shop_filter_triger {
    --btn_w: 100%;
    display: none;
    margin-top: 30px
}

.item_net {
    display: grid;
    grid-template-columns:1fr 532px;
    grid-gap: 30px
}

.item_img {
    overflow: hidden;
    width: 100%;
    max-width: 698px
}

.item_active .slick-slide {
    position: relative
}

.item_active .slick-slide:after {
    content: '';
    display: block;
    padding-bottom: 71.6%
}

.item_active .slick-slide img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: var(--bdrs)
}

.item_oll {
    --inner_slider-x: 15px;
    margin-top: 20px
}

.item_oll .slick-list {
    margin-right: calc(62px + var(--inner_slider-x) / 2)
}

.item_oll .slick-slide {
    overflow: hidden;
    position: relative;
    border: 2px solid var(--light_bg);
    border-radius: var(--bdrs);
    transition: border-color .43s
}

.item_oll .slick-slide:not(.slick-active) + .slick-active,
.slick-current.slick-active{
    border-color: var(--primary)
}

.item_oll .slick-slide:after {
    content: '';
    display: block;
    padding-bottom: 82.6%
}

.item_oll .slick-slide img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.item_caption {
    margin-top: 30px;
    font-size: 18px
}

.item_mods {
    position: relative;
    margin-top: 30px
}

.item_change:before {
    --icon_size: 24px;
    right: 30px;
    transition: transform .43s
}

.item_change.active:before {
    transform: rotate(200grad)
}

.item_change:not(.active) + .item_list {
    visibility: hidden;
    opacity: 0;
    margin-top: 24px;
    transition: visibility 0s .43s, opacity .43s, margin .43s
}

.item_li_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 10px;
    padding: 20px 30px;
    background-color: var(--light_bg);
    border-radius: var(--bdrs);
    padding-right: 72px;
    transition: background-color .43s
}

.item_change.active .item_li_content {
    border-radius: var(--bdrs) var(--bdrs) 0 0
}

.item_list {
    display: grid;
    grid-gap: 15px;
    position: absolute;
    width: 100%;
    margin-top: 5px;
    z-index: 1;
    padding: 20px 72px 20px 30px;
    background-color: var(--light_bg);
    border-radius: 0 0 var(--bdrs) var(--bdrs);
    transition: opacity .43s, margin .43s
}

.item_list .item_li_content {
    padding: 0 !important
}

.item_list .item_li_content:hover .item_li_name {
    text-decoration: underline;
    color: var(--primary)
}

.item_change.active .item_li_content, .item_change:not(.active) .item_li_content:hover, .item_list .item_li_content:hover {
    cursor: pointer
}

.item_li_name {
    flex-grow: 1;
    transition: color .43s
}

.item_href {
    margin-top: 15px;
    margin-left: 20px;
    color: var(--primary);
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase
}

.item_price {
    grid-gap: 20px;
    margin-top: 30px;
    margin-left: 20px;
    font-weight: 900
}

.item_price ._old {
    opacity: .7;
    font-weight: 500;
    text-decoration: line-through
}

.item_stat {
    position: relative;
    margin-left: 20px;
    padding-left: 14px
}

.item_stat:before {
    --size: 4px;
    content: '';
    position: absolute;
    top: calc(50% - var(--size) / 2);
    left: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--color)
}

.item_btn {
    --grid_2: 2;
    margin-top: 20px;
    grid-gap: 30px
}

.news_top {
    grid-gap: 30px
}

.news_btn {
    --btn_w: 140px;
    grid-gap: 20px;
    min-width: min(var(--btn_w) * 2 + 20px, 100%)
}

.news_list {
    grid-gap: 40px 30px;
    margin-top: 40px
}

.news_img {
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: var(--bdrs);
    z-index: 4
}

.news_img:after {
    content: '';
    display: block;
    padding-bottom: 65%
}

.news_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 3;
    transition: transform 5s
}

a.news_img:hover img {
    transform: scale(1.25)
}

.news_name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 20px
}

.news_name a {
    transition: color .43s
}

.news_name a:hover {
    --color: var(--primary)
}

.news_date {
    display: block;
    margin-top: 10px;
    opacity: .7
}

.news .pagination {
    margin-top: 60px
}

.news_filter_triger {
    display: none
}

.news_filter {
    margin-top: 30px
}

.news_filter_title {
    display: none
}

.news_filter_close {
    display: none
}

.news_filter_list {
    --btn_w: 140px;
    flex-wrap: wrap;
    grid-gap: 15px
}

.article {
    margin-bottom: 100px
}

.article_top {
    display: grid;
    align-items: flex-end;
    grid-template-columns:calc(100% - 30px - 442px) 442px;
    grid-gap: 30px
}

.article_title {
    max-width: 758px
}

.article_text img {
    margin-top: 15px
}

.article_text  p  a,.article_text ._block strong {
    --color: var(--primary)
}

.article_user {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    font-size: 18px
}

.article_user_ava {
    --size: 40px
}

.article_user_ava img {
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    border-radius: 50%;
    object-fit: cover;
    object-position: center
}

.article_user_name {
    opacity: .7
}

.article_user_date {
    margin-left: 25px;
    opacity: .7
}

.article_net {
    display: grid;
    grid-template-columns:calc(100% - 30px - 442px) 442px;
    grid-gap: 60px 30px;
    margin-top: 60px
}

.article_text {
    max-width: 758px
}

.article_contents {
    --inner: 30px;
    background-color: var(--light_bg);
    border-radius: var(--bdrs)
}

.article_contents:not(:first-child) {
    margin-top: 80px
}

.article_contents_trigger {
    --icon_size: 30px;
    padding: var(--inner);
    cursor: pointer
}

.article_contents_trigger:before {
    right: var(--inner);
    transition: transform .43s
}

.article_contents_trigger.active:before {
    transform: rotate(200grad)
}

.article_contents_block {
    position: relative;
    margin-top: -10px;
    padding: 0 var(--inner) var(--inner);
    z-index: 1
}

.article_contents_block > ol {
    padding-left: 0 !important
}

.article_block {
    overflow: hidden;
    align-items: stretch;
    justify-content: space-between;
    padding-left: 40px;
    border-radius: var(--bdrs)
}

.article_block:not(:first-child) {
    margin-top: 80px
}

.article_block_info {
    padding: 40px 0;
    min-width: 350px
}

.article_block_title {
    font-size: 38px;
    font-weight: 700
}

.article_block_text {
    margin-top: 20px;
    line-height: 1.5
}

.article_block_btn {
    --btn_w: 200px;
    margin-top: 30px
}

.article_block_img {
    position: relative;
    width: 100%;
    max-width: 367px;
    min-height: 100%;
    min-width: 276px
}

.article_block_img:after {
    content: '';
    display: block;
    padding-bottom: 87.4%
}

.article_block_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin-top: 0 !important;
    object-fit: contain;
    object-position: bottom right
}

.article_product:not(:first-child) {
    margin-top: 80px
}

.article_product {
    --img: 130px;
    display: grid;
    grid-gap: 15px
}

.article_product .product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
    padding: 30px;
    background-color: var(--light_bg);
    border-radius: var(--bdrs)
}

.article_product .product_img {
    width: var(--img);
    min-width: var(--img)
}

.article_product .product_img:after {
    padding-bottom: 70%
}

.article_product .product_img img {
    margin-top: 0 !important
}

.article_product .product_name {
    width: 100%;
    max-width: 170px;
    line-height: 1.5;
    text-decoration: underline;
    cursor: pointer;
    transition: color .43s
}

.article_product a.product_name:hover {
    --color: var(--primary)
}

.article_product .product_stat {
    position: relative;
    flex-grow: 1;
    padding-left: 24px
}

.article_product .product_stat:before {
    --size: 4px;
    content: '';
    position: absolute;
    top: calc(50% - var(--size) / 2);
    left: 10px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--color)
}

.article_product .product_btn {
    --btn_w: 180px;
    width: var(--btn_w);
    min-width: var(--btn_w);
    white-space: nowrap
}

.article_advant, .article_disab {
    padding: 30px;
    background-color: rgba(39, 174, 96, .02);
    border-radius: var(--bdrs)
}

.article_advant li:before, .article_disab li:before {
    --size: 15px;
    content: '' !important;
    top: calc(1.5em / 2 - var(--size) / 2);
    width: var(--size);
    height: var(--size);
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.5C4 7.19479 4.24742 6.94737 4.55263 6.94737H10.4474C10.7526 6.94737 11 7.19479 11 7.5C11 7.80521 10.7526 8.05263 10.4474 8.05263H4.55263C4.24742 8.05263 4 7.80521 4 7.5Z' fill='%2327AE60'/%3E%3Cpath d='M7.5 4C7.80521 4 8.05263 4.24742 8.05263 4.55263V10.4474C8.05263 10.7526 7.80521 11 7.5 11C7.19479 11 6.94737 10.7526 6.94737 10.4474L6.94737 4.55263C6.94737 4.24742 7.19479 4 7.5 4Z' fill='%2327AE60'/%3E%3Ccircle cx='7.5' cy='7.5' r='7' stroke='%2327AE60'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.article_disab {
    margin-top: 20px;
    background-color: rgba(235, 87, 87, .02)
}

.article_disab li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='7' height='1.2' rx='0.6' fill='%23EB5757'/%3E%3Ccircle cx='7.5' cy='7.5' r='7' stroke='%23EB5757'/%3E%3C/svg%3E%0A")
}

.article_table table tr:first-child{
    position: sticky;
    top: -45px;
    background: #fff;
    z-index: 9;
}

.article_table_wrapper {
    position: relative;
    max-width: 100%;
    border-radius: var(--bdrs)
}

.article_table_scroll,.wp-block-table {
    max-width: 100%;
    padding-bottom: 10px
}

.wp-block-table::-webkit-scrollbar,
.article_table_scroll::-webkit-scrollbar {
    width: 3px;
    height: 5px
}

.wp-block-table::-webkit-scrollbar-track ,
.article_table_scroll::-webkit-scrollbar-track {
    background: var(--light_bg);
    border-radius: 3px
}

.wp-block-table::-webkit-scrollbar-thumb ,
.article_table_scroll::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 3px
}

.wp-block-table table,
.article_table table {
    --inner: 30px;
    width: 100%;
    min-width: 380px;
    border-spacing: var(--inner) 0
}

.wp-block-table table tr,
.article_table table tr {
    position: relative;
    z-index: 1
}

.wp-block-table table tr:nth-child(even) td:first-child:before,
.wp-block-table table tr:nth-child(odd) th:first-child:before,
.article_table table tr:nth-child(even) td:first-child:before,
.article_table table tr:nth-child(odd) th:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--light_bg);
    border-radius: var(--bdrs);
    z-index: -1
}

.wp-block-table table th,
.article_table table th {
    font-weight: 500;
    text-align: left
}

.wp-block-table table td, .wp-block-table table th,
.article_table table td, .article_table table th {
    height: 54px;
    width: 5%;
    padding: 15px 0;
    max-width: 5%;
    min-width: 170px
}

.wp-block-table table td:first-child, .wp-block-table table th:first-child,
.article_table table td:first-child, .article_table table th:first-child {
    min-width: 200px
}

.wp-block-table table a,
.article_table table a {
    text-decoration: underline;
    transition: color .43s
}

.wp-block-table table a:hover,
.article_table table a:hover {
    color: var(--primary)
}

.wp-block-table table img,
.article_table table img {
    width: 130px;
    height: 90px;
    margin-top: 10px;
    object-fit: contain;
    object-position: center
}

.article_right > ._h4:not(:first-child) {
    margin-top: 60px
}

.article_right > ul {
    display: grid;
    grid-gap: 20px;
    margin-top: 30px
}

.article_right > ul a {
    font-weight: 500;
    transition: color .43s
}

.article_right > ul a:hover {
    color: var(--primary)
}

.article_right > ul time {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    opacity: .7
}

.article_right .consultation {
    position: sticky;
    top: 20px;
    margin-top: 60px
}

._contact .mailing {
    margin-top: 80px;
    margin-bottom: 20px
}

.contact_net {
    grid-gap: 30px;
    margin-top: 40px
}

.contact_caption {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.contact_caption:not(:first-child) {
    margin-top: 40px
}

.contact_href {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    transition: color .43s
}

a.contact_href:hover {
    color: var(--primary)
}

.contact_map {
    position: relative;
    flex-grow: 1;
    max-width: 870px
}

.contact_map:after {
    content: '';
    display: block;
    padding-bottom: max(300px, 57.5%)
}

.contact_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--bdrs)
}

.about {
    --bone_w: 758px;
    margin-bottom: 100px
}

.four {
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 80px 0;
    text-align: center
}

.four_img {
    width: 100vw;
    min-width: 880px
}

.four_content {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-gap: 20px;
    margin-top: 60px;
    padding: 0 var(--bone_size)
}

.four_caption {
    line-height: 1.5
}

.four_btn {
    --btn_w: 200px;
    width: var(--btn_w)
}

._close {
    --color: #A1A1A1;
    position: absolute;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transform: rotate(50grad);
    transition: opacity .43s
}

._close:after, ._close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    margin-top: -1px;
    background-color: var(--color);
    border-radius: 2px;
    transition: background-color .43s
}

._close:after {
    transform: rotate(100grad)
}

._close:hover {
    --color: var(--primary)
}

.modal {
    --modal_w: 960px;
    --modal_inner: 50px;
    --modal_close: 32px;
    --hide: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    /*transition: opacity .43s*/
}

.modal._mod{
    --modal_w: 100%;
}

.modal_viel {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 51, 51, .1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: -1;
}

.modal:not(.active) {
    pointer-events: none;
    opacity: 0
}

.modal_wrapper {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: var(--modal_w);
    margin: 0 var(--bone_size);
    background-color: var(--white);
    border-radius: var(--bdrs)
}

.modal._mod .modal_wrapper{
    margin: 0  20px;
}


.modal_scroll {
    overflow-y: scroll;
    position: relative;
    width: calc(100% + var(--hide));
    max-height: calc(100vh - 80px);
    margin-right: calc(var(--hide) * -1);
    padding: 40px calc(var(--hide) - var(--scroll) + var(--modal_inner)) var(--modal_inner) var(--modal_inner)
}

.modal_close {
    --size: var(--modal_close);
    top: 25px;
    right: 25px
}

.modal_title {
    text-align: center;
    margin-bottom: 30px
}

.modal .article_table_wrapper {
    max-width: calc(100% + var(--modal_inner) * 2);
    margin: 0 calc(var(--modal_inner) * -1) !important
}

.modal .article_table_scroll {
    position: relative;
    padding: 0 var(--modal_inner) 10px !important
}

.modal._form {
    --modal_inner: 60px;
    --modal_w: 482px
}

.modal._form .modal_scroll {
    padding-top: 60px;
    padding-bottom: 60px
}

.modal._form .modal_title {
    font-size: 40px
}

.modal_caption {
    margin: -10px 0 40px;
    text-align: center
}

.modal_form {
    display: grid;
    grid-gap: 15px
}

.modal_bottom {
    margin-top: 5px;
    font-size: 13px
}

.modal_bottom a {
    text-decoration: underline;
    transition: color .43s
}

.modal_bottom a:hover {
    color: var(--primary)
}

.modal._thank {
    --modal_inner: 80px;
    --modal_w: 378px
}

.modal._thank .modal_scroll {
    padding-top: 60px;
    padding-bottom: 60px
}

.modal_icon {
    --size: 80px;
    width: var(--size);
    height: var(--size);
    margin: 0 auto;
    margin-bottom: 30px
}

.modal._thank .modal_caption {
    margin-bottom: 0
}

@media only screen and (max-width: 1240px) {
    .header {
        --inner: 12px
    }

    html.hidden {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    :root {
        --grid_4: var(--grid_3)
    }

    .item_net {
        grid-template-columns:repeat(2, 1fr)
    }
}

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

    .breadcrumbs ul{
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 10px;
    }


    .header {
        --inner: 15px
    }

    .header_lang, .header_nav {
        display: none
    }

    .bar {
        display: block
    }

    .footer_net {
        grid-gap: 40px
    }

    .master_li {
        flex-wrap: wrap;
        justify-content: flex-end;
        padding-top: 50px;
        padding-bottom: 32px
    }

    .master_info {
        width: 100%;
        margin-bottom: -100px
    }

    .master_info p {
        max-width: 400px
    }

    .master_img {
        margin-left: 140px;
        max-width: 340px
    }

    .mailing_title {
        margin-bottom: 20px
    }

    .mailing_net {
        grid-gap: 20px
    }

    .bottom_net {
        grid-template-columns:1fr
    }

    .bottom_left {
        max-width: none
    }

    .dbuy_line {
        font-size: 16px
    }

    .dbuy_img {
        max-width: 260px
    }

    .item_net {
        grid-template-columns:1fr
    }

    .item_img {
        margin: 0 auto
    }

    .article_net, .article_top {
        grid-template-columns:100%
    }

    .article_text {
        max-width: none
    }

    .article_table_wrapper {
        max-width: calc(100% + var(--bone) * 2);
        margin: 0 calc(var(--bone) * -1)
    }

    .article_table_scroll {
        padding-left: var(--bone);
        padding-right: var(--bone)
    }
}

@media only screen and (max-width: 900px) {
    :root {
        --grid_3: var(--grid_2);
        --body: 14px
    }

    ._h1,.seo h1,.article_text h1 {
        font-size: 32px
    }

    ._h2,.seo h2,.article_text h2 {
        font-size: 28px
    }

    ._h3,.seo h3,.article_text h3 {
        font-size: 20px
    }

    ._h4,.seo h4,.article_text h4 {
        font-size: 18px
    }

    ._h5,.seo h5,.article_text h5 {
        font-size: 18px
    }

    .master_right {
        width: 240px;
        min-width: 240px
    }

    .master_info p {
        max-width: 280px
    }

    .dbuy_logo {
        max-width: 200px
    }
}

@media only screen and (max-width: 770px) {
    .filter {
        margin-top: 0
    }

    .filter:not(.active) {
        visibility: hidden;
        transition: visibility 0s .43s
    }

    .filter:not(.active) .filter_veil {
        opacity: 0
    }

    .filter:not(.active) .filter_wrapper {
        transform: translate3d(0, 100%, 0)
    }

    .filter_veil {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--black);
        opacity: .98;
        z-index: 99999;
        transition: opacity .43s
    }

    .filter_wrapper {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        right: 0;
        top: 5vh;
        height: 95vh;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: var(--bone_size);
        padding-right: var(--bone_size);
        background-color: var(--white);
        border-radius: min(var(--bdrs), 20px) min(var(--bdrs), 20px) 0 0;
        z-index: 99999;
        transition: transform .43s
    }

    .filter_title {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 16px
    }

    .filter_close {
        display: block;
        position: absolute;
        top: 16px;
        right: var(--bone_size);
        width: 15px;
        height: 15px;
        opacity: .5
    }

    .filter_list {
        padding-bottom: 72px
    }

    .footer_net {
        flex-wrap: wrap
    }

    .footer_logo {
        display: flex;
        align-items: center;
        order: -2;
        max-width: max(30vw, 94px);
        min-width: 0
    }

    .footer_right {
        order: -1;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row-reverse;
        grid-gap: 20px;
        width: calc(100% - 200px)
    }

    .footer_bottom {
        justify-content: space-between
    }

    .footer_author {
        position: static
    }

    .master_li {
        display: grid;
        justify-content: inherit;
        grid-gap: 20px
    }

    .master_img {
        justify-self: end;
        min-width: 360px;
        margin-left: 0;
        margin-bottom: -140px
    }

    .product_img {
        margin-bottom: 10px
    }

    .product_name {
        margin-bottom: 5px
    }

    .products_list {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 20px 16px;
        margin-top: 20px;
        padding-bottom: 0
    }

    .products_btn {
        margin-top: 20px;
        text-align: center
    }

    .mailing_net {
        flex-direction: column-reverse !important
    }

    .mailing_form {
        padding-bottom: 0
    }

    .desc_list {
        grid-gap: 40px
    }

    .desc_li {
        grid-template-columns:1fr
    }

    .desc_li:nth-child(even) .desc_info {
        grid-column: auto
    }

    .desc_info ._h2 {
        margin-bottom: 20px
    }

    .desc_info p {
        margin-top: 15px
    }

    .desc_info .__btn {
        --btn_w: 140px;
        margin-top: 20px
    }

    .shop_filter_triger {
        display: block
    }

    .shop_net {
        grid-template-columns:1fr;
        margin-top: 20px
    }

    .shop_filter_tabs {
        margin-bottom: 0
    }

    .article_product .product {
        display: grid;
        grid-template-columns:130px 1fr 180px;
        grid-auto-flow: dense
    }

    .article_product .product_img {
        grid-row: 1/3
    }

    .article_product .product_stat {
        grid-column: 2/3
    }

    .article_product .product_btn {
        grid-row: 1/3;
        grid-column: 3/4;
        align-self: center
    }

    .article_product .product_name {
        max-width: none;
        margin-bottom: 0
    }

    .contact_net {
        flex-direction: column;
        align-items: stretch
    }


}

@media only screen and (max-width: 600px) {
    :root {
        --grid_2: 1;
        --body: 16px;
        --btn_height: 35px;
        --btn_inner: 12px;
        --btn_font: 13px
    }
    .mailing_img {
        max-width: 240px;
    }

    .article_text ._block{
        margin-top: 15px;
    }
    .filter_list {
        overflow-y: scroll;
    }

    ._h1,.seo h1,.article_text h1 {
        font-size: 28px
    }

    ._h2,.seo h2,.article_text h2 {
        font-size: 20px
    }

    ._h3,.seo h3 ,.article_text h3 {
        font-size: 18px
    }

    ._h4,.seo h4,.article_text h4 {
        font-size: 16px
    }

    ._h5,.seo h5,.article_text h5 {
        font-size: 16px
    }

    ._item .treeple {
        margin-top: 60px
    }

    .cooki {
        bottom: 20px;
        padding: 15px 20px;
        font-size: 11px
    }

    .slick-slider {
        --arrow-size: 35px;
        --arrow-icon_size: 20px
    }

    input[type=checkbox] + span {
        --size: 14px;
        padding-left: 21px
    }

    ._text ._title:first-child {
        margin-bottom: 30px
    }

    .article_text h2,
    ._text ._subtitle:not(:first-child) {
        margin-top: 40px
    }

    .article_text h2,
    .article_text h3,
    .article_text h4,
    .article_text h5,
    ._text ._subtitle:not(:last-child) {
        margin-bottom: 20px
    }


    ._text img:not(:first-child), ._text ol:not(:first-child), ._text p:not(:first-child), ._text ul:not(:first-child),.article_text img {
        margin-top: 15px
    }
    ._text ol, ._text ul {
        grid-gap: 6px;
        padding-left: 22px
    }

    ._text ol li, ._text ul li {
        padding-left: 5px
    }

    ._text ._block {
        padding: 15px 20px;
        border-radius: min(var(--bdrs), 20px)
    }

    .filter_list {
        grid-gap: 8px
    }

    .filter_content {
        margin-top: 8px;
        grid-gap: 7px
    }

    .filter_triger {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 16px
    }

    .filter_content span {
        --size: 14px !important;
        font-size: 14px !important
    }

    .faq {
        --inner: 20px;
        margin-top: 15px
    }

    .faq_trigger {
        --icon_size: 20px
    }

    .consultation {
        --size: 130px;
        padding: 20px
    }

    .consultation_title:not(:first-child) {
        margin-top: 20px
    }

    .consultation_form {
        grid-gap: 10px;
        margin-top: 20px
    }

    .consultation_caption {
        margin-top: 10px;
        font-size: 12px
    }

    .header_btn {
        --btn_w: 100px;
        --btn_height: 30px
    }

    .footer {
        padding: 20px 0 30px
    }

    .footer_net {
        grid-gap: 30px
    }

    .footer_hrefs ul {
        display: grid;
        grid-template-columns:repeat(2, auto);
        justify-content: space-between;
        grid-auto-flow: dense
    }

    .footer_hrefs li:nth-child(-n+2) {
        grid-column: 2/3
    }

    .footer_bottom {
        grid-gap: 30px;
        margin-top: 30px;
        flex-direction: column-reverse
    }

    .footer_author {
        width: 100%
    }

    .footer_nav {
        min-width: 80px
    }

    .breadcrumbs {
        margin: 25px 0 40px
    }

    .breadcrumbs li {
        font-size: 10px
    }

    .master_li {
        padding-bottom: 20px
    }

    .master_info {
        --btn_w: 100px;
        grid-gap: 12px;
        margin-bottom: -10px
    }

    .master_img {
        justify-self: center;
        min-width: max(220px, 68.75vw);
        margin-left: 0;
        margin-bottom: 0
    }

    .master_right {
        --btn_w: 100px;
        justify-self: end;
        width: 180px;
        min-width: 0
    }

    .master_right .__btn {
        margin-top: 15px
    }

    .treeple {
        --size: 40px;
        --inner: 20px;
        --grid_3: 1
    }

    .treeple ._h4 {
        font-size: 16px
    }

    .product p {
        font-size: 13px
    }

    .product_more {
        font-size: 14px;
        margin-top: 10px
    }

    .products {
        margin-top: 60px
    }

    .products_btn {
        --btn_w: 100%;
        --btn_height: 30px
    }

    .mailing {
        margin-top: 60px
    }

    .mailing_form {
        grid-gap: 10px
    }

    .mailing_form p {
        font-size: 10px
    }

    .seo {
        padding: 60px 0
    }

    .seo_title,
    .seo h1,
    .seo h2,
    .seo h3,
    .seo h4,
    .seo h5,
    .article_text h1,
    .article_text h2,
    .article_text h3,
    .article_text h4,
    .article_text h5{
        margin-bottom: 20px
    }

    .seo_title:not(:first-child) {
        margin-top: 30px
    }

    .bottom {
        margin-top: 60px
    }

    .bottom_title {
        margin-bottom: 20px
    }

    .bottom_title:not(:first-child) {
        margin-top: 40px
    }

    .bottom_table {
        --inner: 20px;
        font-size: 14px
    }

    .bottom_load {
        --size: 12px;
        margin-top: 10px;
        padding: 15px 20px
    }

    .bottom_right ul {
        margin-top: 20px;
        grid-gap: 15px
    }

    .bottom_right ._h4:not(:first-child) {
        margin-top: 40px
    }

    .bottom_right .consultation {
        margin-top: 40px
    }

    .dbuy {
        overflow: hidden;
        margin: 60px 0
    }

    .dbuy_net {
        flex-direction: column;
        align-items: flex-end
    }

    .dbuy_img {
        order: -1;
        max-width: 155px;
        margin: 0 auto
    }

    .dbuy:before {
        height: 160px;
        width: 235px;
    }


    .bottom_table td:first-child{
        padding: 0 5px 0 20px;
    }

    .bottom_table td:last-child{
        padding: 0 20px 0 5px;
    }


    .bottom_table tr:nth-child(odd) td:first-child:before{
        width: 100%;
        left: 0;
    }

    .bottom_table,
    .bottom_table tbody{
        --inner: 0;
    }

    .dbuy_logo {
        max-width: 150px
    }

    .dbuy_title {
        margin-top: 20px;
        max-width: 250px;
        font-size: 24px
    }

    .dbuy_left {
        width: 100%;
        max-width: none;
        padding-left: 20px
    }

    .dbuy_info {
        width: 100%;
        max-width: none;
        padding-left: 20px;
        grid-gap: 10px
    }

    .dbuy_line {
        font-size: 14px
    }

    .dbuy_button {
        margin-top: 10px;
        margin-left: -20px
    }

    .catalog {
        margin-bottom: 60px
    }

    .catalog_list {
        margin-top: 30px
    }

    .shop_list {
        --grid_3: 2
    }

    .item_active .slick-slide:after {
        padding-bottom: 89%
    }

    .item_oll {
        --inner_slider-x: 5px;
        margin-top: 10px
    }

    .item_oll .slick-list {
        margin-right: calc(40px + var(--inner_slider-x) / 2)
    }

    .item_oll .slick-slide {
        border-radius: min(var(--bdrs), 10px)
    }

    .item_oll .slick-slide:after {
        padding-bottom: 75%
    }

    .item_caption {
        margin-top: 15px;
        font-size: 16px
    }

    .item_mods {
        margin-top: 15px
    }

    .item_li_content {
        padding: 15px 20px;
        padding-right: 52px
    }

    .item_list {
        padding: 15px 52px 15px 20px
    }

    .item_change:before {
        --icon_size: 16px;
        right: 20px
    }

    .item_href {
        margin-top: 10px;
        margin-left: 10px;
        font-size: 14px
    }

    .item_price {
        margin-top: 15px;
        margin-left: 10px
    }

    .item_stat {
        margin-left: 10px
    }

    .item_btn {
        grid-gap: 10px;
        margin-top: 15px
    }

    .item_active .slick-slide img {
        border-radius: min(var(--bdrs, 20px))
    }

    .news_filter {
        margin-top: 0
    }

    .news_filter:not(.active) {
        visibility: hidden;
        transition: visibility 0s .43s
    }

    .news_filter:not(.active) .news_filter_wrapper {
        transform: translate3d(0, 100%, 0)
    }

    .news_filter_triger {
        --btn_w: 100%;
        display: block;
        margin-top: 30px
    }

    .news_filter_veil {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99
    }

    .news_filter_wrapper {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 15px var(--bone_size) 72px;
        background-color: var(--white);
        border-radius: min(var(--bdrs), 20px) min(var(--bdrs), 20px) 0 0;
        box-shadow: 0 -1px 15px 0 rgba(10, 48, 92, .05);
        z-index: 100;
        transition: transform .43s
    }

    .news_filter_title {
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 16px
    }

    .news_filter_close {
        display: block;
        position: absolute;
        top: 16px;
        right: var(--bone_size);
        width: 15px;
        height: 15px;
        opacity: .5
    }

    .news_top {
        align-items: flex-start;
        flex-direction: column
    }

    .news_btn {
        --btn_w: calc(50% - 5px);
        grid-gap: 10px
    }

    .news_list {
        --grid_4: 2;
        grid-gap: 20px 16px;
        margin-top: 30px
    }

    .news_img {
        border-radius: min(20px, var(--bdrs))
    }

    .news_name {
        margin-top: 10px
    }

    .news_date {
        margin-top: 5px;
        font-size: 11px
    }

    .news .pagination {
        margin-top: 30px
    }

    .article {
        margin-bottom: 60px
    }

    .article_user_ava {
        --size: 30px
    }

    .article_user_date, .article_user_name {
        font-size: 13px
    }

    .article_user_date {
        flex-grow: 1;
        text-align: right
    }

    .article_net {
        margin-top: 20px
    }

    .article_contents:not(:first-child) {
        margin-top: 40px
    }

    .article_contents {
        --inner: 20px
    }

    .article_contents_trigger {
        --icon_size: 20px
    }

    .article_block {
        padding: 0
    }

    .article_block:not(:first-child) {
        margin-top: 40px
    }

    .article_block_info {
        padding: 20px 20px 10px;
        min-width: 0
    }

    .article_block_title {
        font-size: 24px
    }

    .article_block_text {
        margin-top: 10px
    }

    .article_block_btn {
        --btn_w: 120px;
        margin-top: 15px
    }

    .article_block_img {
        min-width: 0
    }

    .article_product:not(:first-child) {
        margin-top: 40px
    }

    .article_product .product {
        --img: 100%;
        grid-template-columns:100px 1fr;
        grid-gap: 5px 15px;
        padding: 20px
    }

    .article_product .product_img:after {
        padding-bottom: 80%
    }

    .article_product .product_stat {
        grid-column: auto
    }

    .article_product .product_btn {
        --btn_w: 100%;
        grid-column: 1/3;
        grid-row: auto;
        margin-top: 10px
    }

    .article_table table {
        --inner: 15px
    }

    .article_table table td, .article_table table th {
        height: 38px;
        padding: 10px 0;
        font-size: 16px;
        min-width: 100px
    }

    .article_table table td:first-child, .article_table table th:first-child {
        min-width: 110px
    }

    .article_table table img {
        width: 80px;
        height: 60px
    }

    .article_advant, .article_disab {
        padding: 20px
    }

    .article_advant ul, .article_disab ul {
        padding-left: 18px !important
    }



    .article_advant li, .article_disab li {
        padding-left: 2px !important
    }

    .article_advant li:before, .article_disab li:before {
        --size: 11px
    }

    .article_right > ul {
        margin-top: 20px;
        grid-gap: 15px
    }

    .article_right > h5:not(:first-child) {
        margin-top: 40px
    }

    .article_right .consultation {
        margin-top: 40px
    }

    .contact_net {
        margin-top: 30px
    }

    ._contact .mailing {
        margin-top: 30px
    }

    .contact_caption {
        font-size: 16px;
        margin-bottom: 10px
    }

    .contact_caption:not(:first-child) {
        margin-top: 20px
    }

    .contact_href {
        font-size: 14px;
        margin-top: 5px
    }

    .about {
        margin-bottom: 60px
    }

    .about {
        font-size: 16px
    }

    .four_btn {
        --btn_w: 140px
    }

    .four_content {
        grid-gap: 15px;
        margin-top: 30px
    }

    .modal {
        --modal_inner: 15px !important;
        --modal_close: 21px
    }

    .modal:not(._thank) {
        align-items: flex-end
    }

    .modal_title {
        max-width: 250px;
        margin: 0 auto 20px;
        font-size: 14px
    }

    .modal:not(._thank) .modal_wrapper {
        max-width: none;
        margin: 0 auto;
        border-radius: var(--bdrs) var(--bdrs) 0 0
    }

    .modal_scroll {
        max-height: calc(100vh - 20px);
        padding-top: var(--modal_inner)
    }

    .modal._form .modal_title {
        font-size: 24px
    }

    .modal._form .modal_scroll {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100vh;
        margin-top: -5vh;
    }

    .modal_wrapper{
        position: fixed;
        top: 5vh;
        height: 100vh;
    }

    .modal_caption {
        margin-top: -5px;
        margin-bottom: 25px
    }

    .modal_form {
        grid-gap: 10px
    }

    .modal._thank {
        --modal_inner: 40px !important;
        --modal_w: 209px
    }

    .modal._thank .modal_scroll {
        padding-top: var(--modal_inner);
        padding-bottom: var(--modal_inner)
    }

    .modal_icon {
        --size: 40px;
        margin-bottom: 20px
    }

    .modal_bottom {
        font-size: 12px
    }

    .modal._mod .modal_wrapper{
        top: auto;
        height: auto;
    }

    main {
        margin-top: 120px;
    }

    .header_net{
        padding-top: 0;
    }
}

@media only screen and (max-width: 0px) {
    .pagination {
        --size: 35px
    }

    .pagination a {
        font-size: 14px
    }
}

@media only screen and (max-width: 1240px) and (min-width: 601px) {
    .treeple {
        --grid_3: 2
    }

    .treeple li:nth-child(odd):last-child {
        grid-column: 1/3;
        justify-self: center;
        max-width: calc(50% - 15px)
    }
}

@media only screen and (max-width: 1240px) and (min-width: 670px), only screen and (max-width: 600px) {
    .treeple li {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap
    }

    .treeple ._h4 {
        max-width: calc(100% - var(--size) - 20px)
    }
}

@media only screen and (max-width: 1030px) and (min-width: 601px) {
    .bottom_right .consultation {
        display: grid;
        align-items: center;
        grid-template-columns:repeat(2, 1fr)
    }

    .bottom_right .consultation_img {
        grid-row: 1/4
    }

    .article_right .consultation {
        display: grid;
        align-items: center;
        grid-template-columns:repeat(2, 1fr)
    }

    .article_right .consultation_img {
        grid-row: 1/4
    }
}

@media only screen and (max-width: 770px) and (min-width: 601px) {
    .dbuy_net {
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch
    }

    .dbuy_img {
        order: -1;
        margin-left: 30%
    }

    .dbuy_left {
        max-width: calc(50% - 15px)
    }

    .dbuy_info {
        flex-grow: 1;
        max-width: calc(50% - 15px)
    }
}

@media only screen and (max-width: 1030px) and (min-width: 901px) {
    .shop_net {
        display: grid;
        grid-template-columns:200px 1fr
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1031px), only screen and (max-width: 700px) {
    .article_block {
        flex-direction: column
    }

    .article_block_img {
        margin: 0 auto
    }
}


.article_product .product_name{
    text-transform: none;
    color: var(--black);
}

.article_product .product_name:hover{
    color: var(--color);
}

.article_contents{
    padding-left: 23px;
}

.consultation ._subtitle{
    font-size: 38px;
    font-weight: 500;
}
@media (max-width: 600px) {

    .consultation ._subtitle{
        font-size: 24px;
    }

    input:not([type=checkbox],[type=radio],[type=submit],[type=range]), textarea{
        font-size: 16px;
    }

    .header_phone{
        font-size: 16px;
    }

    .breadcrumbs span,
    .breadcrumbs li{
        font-size: 12px;
    }

    .article_block_img{
        max-width: 200px;
    }

    .modal_title {
        font-size: 16px;
    }


    .article_table table tr:first-child{
        top: -25px;
    }


}

.wpcf7 form .wpcf7-response-output{
    padding: 0;
    border: none;
    margin-top: 0;
    color: var(--primary);
    display: none;
}

.wpcf7-not-valid-tip{
    color: var(--primary);
    display: none;
}

.wpcf7-spinner{
    display: none;
}

.consultation_form input{
    margin-bottom: 15px;
}

.modal_form input{
    margin-bottom: 15px;
}
.modal_form .__btn{
    width: 100%;
}

.wp-block-table,
.wp-block-table th,
.wp-block-table thead,
.wp-block-table td{
    border: none;
}

.wp-block-table table th,
.wp-block-table table td{
    padding: 15px 15px;
}

.seo ol,.seo ul{
    padding-left: 30px;
}
.seo li{
    list-style-type: auto;
    margin-bottom: 5px;
}
.seo img {
    margin-top: 10px;
}

.seo p,
.seo ol,
.seo ul,
.seo img{
    margin-bottom: 10px;
}

.seo h1{
    margin-bottom: 30px;
}

.item_name._h1{
    font-weight: bold;
}

.seo img.alignright { float: right; margin: 0 0 1em 1em; }
.seo img.alignleft { float: left; margin: 0 1em 1em 0; }
.seo img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.seo .alignright { float: right; }
.seo .alignleft { float: left; }
.seo .aligncenter { display: block; margin-left: auto; margin-right: auto; }

@media  all and (min-width: 1200px){
    .header_logo img{
        min-width: 200px;
    }
}