@import "../fonts/Inter/stylesheet.css";

:root {
    --m : #4B69FF;

    --g-bg : #F6F6F6;

    --b-bg : #E5EAFF;
    --z-bg : #E9FFDE;
    --z-t : #2F8C00;

    --g-bdc : #E4E4E4;
    --g-bdc2 : #D3D3D3;

    --gs : #757575;
    --g-t : #ADADAD;

    --gd-t : #8F8F8F;
    --gl-t : #C5C5C5;

    --h-bg : #E3E3E3;

    --t : #303030;

    --w : #FFF;
    --y-bg : #F6FAEE;
    --y-t : #96AA69;
    --y-h-bg: #EFF6E0;
}
html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { background: var(--g-bg);
    font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; }
body {  height: 100vh; padding-top: 72px; }
li { list-style: none; }
img { display: block; height: auto; }
a img { border: none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family: "Inter", Arial, sans-serif; font-size: 16px;
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
.container { max-width: 1500px; width: 100%; padding: 0 40px; margin: 0 auto; }
.fluid-container {  }
h1 { font-size: 48px; line-height: 1.2; letter-spacing: -.02em; font-weight: 600; }
h5 { font-size: 24px; line-height: 1.2; letter-spacing: -.02em; font-weight: 600; }
h6 { font-size: 24px; line-height: 1.2; letter-spacing: -.02em; font-weight: 500; }

.title_sup { display: block; text-transform: uppercase; color: var(--g-t);
    font-size: 13px; letter-spacing: -.03em; line-height: 1.2; }
.title_sup + h1 { margin-top: 10px; }
h1 + .title_sup { margin-top: 10px; }
*::selection { background: var(--m); color: var(--w); }
header { background: var(--w); position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
.header { position: relative; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
.header:before { content: ""; flex: 1 1 auto; order: -1; }
.header .logo { order: -2; }
.h_logo_sm { display: none; }
.explore { display: inline-flex; align-items: center; padding: 12px; min-height: 26px; border-radius: 3px; color: var(--t); line-height: 1; }
.explore:after { content: ""; margin-left: 8px; width: 16px; height: 16px; transition: .4s;
    flex: 0 0 auto; background: url(../img/nav_arrow_down_icon.svg) no-repeat 50% 50% / contain; }
.explore.active:after { transform: rotate(180deg); }
.explore:hover { background: var(--h-bg); }
.header_full_nav_block { height: calc(100dvh - 72px); overflow: auto;
    display: none; padding: 30px 50px; position: absolute; top: 100%; left: 0; width: 100%; background: var(--w); }
.header_full_nav_block .container { padding: 0; }
.header_full_nav { font-size: 14px; display: flex; flex-wrap: wrap; margin-top: -30px; }
.header_full_nav > .f_nav { margin-top: 30px; }
@media (max-width: 1347px) and (min-width: 1200px) {
    .header_full_nav .f_nav:last-child {
        margin-top: 90px;
    }
}

.searchbar { margin-left: 10px; }
.searchbar_field { position: relative; width: 430px; }
.searchbar_field input { display: block; width: 100%; border: 1px solid transparent; border-radius: 3px; height: 44px;
    padding: 0 50px 0 20px; font-size: 14px; font-weight: 600; background: var(--g-bg); }
.searchbar_field input:focus::placeholder { color: transparent; }
.searchbar_field button { background: url(../img/search_icon.svg) no-repeat 50% 50%;
    border: none; width: 40px; height: 40px; right: 2px; top: 2px; position: absolute; z-index: 2; }

.searchbar_mob_toggle { cursor: pointer; display: none; width: 40px; height: 40px; border-radius: 3px;
    background: var(--g-bg) url(../img/search_icon.svg) no-repeat 50% 50%; }
.searchbar_mob_toggle.active { background: var(--g-bg) url(../img/close_icon.svg) no-repeat 50% 50%; }

.header_search_block { display: none; top: 60px; padding: 20px; position: absolute; left: 0; width: 100%;
    height: auto; background: var(--w); }
.header_search {  border-radius: 3px; overflow: hidden; background: var(--h-bg);}
.header_search_title { height: 56px; align-items: center; padding: 0 20px; font-size: 13px; font-weight: 600;
    letter-spacing: -.02em; text-transform: uppercase; display: flex; }
.header_search > a { font-size: 14px; font-weight: 400; border-top: 1px solid var(--w);
    display: flex; justify-content: space-between; align-items: center; min-height: 52px; padding: 0 20px; }
.header_search > a:after { content: ""; width: 16px; height: 16px; background: url(../img/arrow_right_icon.svg) no-repeat 50% 50% ; }

.search_res { border-top: 1px solid var(--w); padding: 0 20px; min-height: 64px; position: relative;
    display: flex; justify-content: space-between; align-items: center; }
.search_res > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.search_res:after { content: ""; width: 16px; height: 16px; flex: 0 0 auto; margin-left: 8px; margin-top: 16px;
    background: url(../img/arrow_right_icon.svg) no-repeat 50% 50%; align-self: flex-start; }
.search_res_img { width: 40px; height: 40px; border-radius: 3px; overflow: hidden; margin-right: 12px; }
.search_res_img img { width: 100%; height: 100%; object-fit: cover; }
.search_res_text { flex: 1 1 auto; }
.search_res_text p { font-size: 14px; font-weight: 600; }
.search_res_text span { color: var(--g-t); display: block; font-size: 14px; font-weight: 400; }

.header_search > a:hover,.search_res:hover { background: var(--g-bdc2); }
header .container { position: relative; }
.header_search_block { padding: 0; left: calc(100% - 40px); transform: translate(-100%, 10px); max-width: 430px;}
.header_search_block.active { display: block; max-width: 430px; }


@media(max-width: 1200px) {
    body { padding-top: 60px; }

    h1 { font-size: 32px; }
    h5 { font-size: 20px; }
    h6 { font-size: 16px; }

    .container { padding: 0 20px; }
    .header { height: 60px; }
    .h_logo_sm { display: block; }
    .h_logo_lg { display: none; }
    .header_full_nav_block { overflow: auto; height: calc(100dvh - 60px); padding: 30px 0; }
    .header_full_nav .f_nav { margin-left: 0; margin-right: 0; }
    .header_full_nav .f_nav + .f_nav { margin-top: 40px; }
    .header_full_nav { flex-direction: column; }

    .searchbar_field { display: none; position: absolute; width: 100%; z-index: 3; left: 0; top: 8px; }
    .searchbar_field button { background: url(../img/close_icon.svg) no-repeat 50% 50%; }
    .searchbar_field button.active { background: url(../img/search_icon.svg) no-repeat 50% 50%; }
    .searchbar.active .searchbar_field { display: block; }
    .searchbar_mob_toggle { display: block; }
    .header_full_nav_block .container { padding: 0 20px; }
    .header_search_block { height: calc(100dvh - 60px); left: 100%; padding: 20px;  transform: translate(-100%, 0); }
}


.intro_block { padding: 50px 0; }
.intro_box { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 -10px; }
.intro_box > * { margin: 0 10px; }
.intro_left h1 { max-width: 600px; }
.intro_right { max-width: 595px; flex: 0 0 auto; width: 100%; }
.intro > a { display: inline-flex; align-items: center; padding: 5px; }
.intro > a:before { content: ""; margin-right: 8px; flex: 0 0 auto; width: 16px; height: 16px;
    background: url(../img/arrow_right_icon.svg) no-repeat 50% 50% / contain; }
.intro > a:hover { background: var(--h-bg); border-radius: 3px; }    
.intro_box + * { margin-top: 20px; }

@media(max-width: 1200px) {
    .intro_block { padding: 30px 0; }
    .intro_box { flex-direction: column; align-items: flex-start; }

    .intro_right { width: auto; margin-top: 40px; }
}

span { color: var(--m); }
a.more_link { padding: 5px; display: inline-flex; align-items: center; transition: .3s;
    font-size: 16px; font-weight: 500; line-height: 1; }
a.more_link:after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; margin-left: 8px;
    background: url(../img/arrow_right_icon.svg) no-repeat 50% 50% / contain; }
a.more_link:hover { background: var(--h-bg); border-radius: 3px; }
.page_nav { display: flex; margin: 30px -5px 0; }
.page_nav > * { display: inline-flex; align-items: center; justify-content: center; text-align: center;
    width: 40px; height: 40px; flex: 0 0 auto; border-radius: 3px; margin: 0 5px; transition: .4s; }
.page_nav > *:hover:not(span) { background: var(--g-bg); }
.page_nav > .next_page:before,.page_nav > .prev_page:before  { content: ""; width: 16px; height: 16px; flex: 0 0 auto;
    background: url(../img/page_nav_icon.svg) no-repeat 50% 50% / contain; }
.page_nav > .prev_page:before { transform: rotate(180deg); }
.page_nav > .next_page:hover:before,.page_nav > .prev_page:hover:before { filter: brightness(0) invert(1); }
.page_nav > span { background: var(--t); color: var(--w); }

header + .content_block { margin-top: 50px; }
.content_block .container { background: var(--w); border-radius: 3px; }
.content_header { display: flex; align-items: flex-end; justify-content: space-between; }
.content_header_left span.title_sup { margin-bottom: 10px; }
.content { padding: 64px 0; }
* + .content_header,.content_group + .content_group { margin-top: 70px; }

* > mark { background: transparent; color: var(--m); }

.list_line { margin-top: 40px; }
.accordion_body > .list_line:first-child { margin-top: 0; }
.item_line { padding: 24px; border-bottom: 1px solid var(--g-bdc); 
    display: flex; align-items: center; justify-content: space-between; position: relative; }
.item_line > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.item_line.contained_product_item { padding-left: 20px; padding-right: 20px; }
.item_line.contained_product_item:last-child { padding-bottom: 0; }
.item_line:not(.contained_product_item) + .item_line:not(.contained_product_item) { margin-top: 20px; }
.item_line:last-child { border-bottom: none; }
.item_line_box { display: flex; align-items: center; }
.item_line_img { margin-right: 24px; width: 106px; border-radius: 3px; overflow: hidden; position: relative; }
.item_line.contained_product_item .item_line_img { width: 42px; margin-right: 8px; }
.item_line_img:before { content: ""; display: block; padding-top: 100%; }
.item_line_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item_line_info > * + * { margin-top: 4px; }
.item_line.contained_product_item .item_line_info h6 { font-weight: 600; color: var(--t);  font-size: 14px; }
.item_line_info > span { color: var(--gd-t); display: block; font-size: 14px; font-weight: 600; }
.item_line_info > span + span { color: var(--gl-t); }
.item_line.contained_product_item p { font-size: 14px; }
.item_line:hover { box-shadow: 0 0 15px rgba(158, 158, 158, 0.25); border-bottom: 0; }
.list_card { margin: -10px; padding-top: 40px; display: flex; flex-wrap: wrap; }
.item_card { margin: 10px; width: calc(100% / 3 - 20px); flex: 1 1 auto; border-radius: 3px; padding: 24px;
    border: 1px solid var(--g-bdc); min-width: 340px; max-width: 500px; position: relative; }
.item_card > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.item_card:hover { box-shadow: 0 0 15px rgba(158, 158, 158, 0.25); border: 0; transition: .3s; }
.item_card_img { border-radius: 3px; position: relative; overflow: hidden; }
.item_card_img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.item_card_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%; object-fit: cover; }
.item_card_img:before { content: ""; height: 280px; display: block; }
.item_card .item_card_img + h6 { margin-top: 40px; }
.item_tags { display: flex; flex-wrap: wrap; margin: -5px; }
.item_line .item_tags { max-width: 760px; justify-content: flex-end; }
.intro_left .item_tags { margin-top: 20px; }
.item_tag { display: inline-flex; align-items: center; padding: 0 20px 0 16px; border-radius: 3px;
    font-size: 14px; font-weight: 600; margin: 5px; height: 36px; }
.item_tag.blue { background: var(--b-bg); color: var(--m); }
.item_tag.green { background: var(--z-bg); color: var(--z-t); }
.item_tag.gray { background: var(--g-bg); color: var(--gd-t); }
.item_tag.product_tag:before { content: ""; width: 18px; height: 24px; margin-right: 8px; flex: 0 0 auto; }
.item_tag.product_tag.blue:before,.item_tag.product_tag:before {
    background: url(../img/product_tag_blue.svg) no-repeat 50% 50% / contain; }
.item_tag.product_tag.green:before { background: url(../img/product_tag_green.svg) no-repeat 50% 50% / contain; }
.item_tag.product_tag.gray:before { background: url(../img/product_tag_gray.svg) no-repeat 50% 50% / contain; }
.item_tag.substances_tag:before { content: ""; width: 24px; height: 24px; margin-right: 8px; flex: 0 0 auto; }
.item_tag.substances_tag.green:before,.item_tag.substances_tag:before {
    background: url(../img/substances_tag_green.svg) no-repeat 50% 50% / contain; }
.item_tag.list_tag:before { content: ""; width: 26px; height: 24px; margin-right: 8px; flex: 0 0 auto; }
.item_tag.list_tag.gray:before,.item_tag.list_tag:before {
    background: url(../img/list_tag_gray.svg) no-repeat 50% 50% / contain; }

@media(min-width: 1200px) {
    body > * { padding-left: 50px; padding-right: 50px; }
    .intro_block { padding-left: 50px; padding-right: 50px; }
}

@media(max-width: 1280px) {
    .more_products .item_line { flex-direction: column; align-items: flex-start; }
    .more_products .item_tags { padding-top: 24px; }
}
@media(max-width: 1200px) {
    .content { padding: 30px 0; }
    .content_group { position: relative; }
    .content_group > .content_header + * { padding-bottom: 60px; }
    .content_group .more_link { position: absolute; bottom: 0; left: 0; }

    .item_line { padding: 30px 10px; flex-direction: column; align-items: flex-start; }
    .item_line .item_tags { padding-top: 24px; justify-content: flex-start; }
    .item_line_img { width: 68px; }
    .item_line_info > span { font-weight: 500; }
    .item_tag { padding: 0 10px; font-weight: 400; }

    .item_line.contained_product_item { padding: 20px 0; }
    .item_card { flex: 0 0 auto; width: calc(50% - 20px); min-width: auto; }

    .page_nav {  }
    .page_nav > *:not(.prev_page,.next_page) { display: none; }
    .page_nav > .prev_page,.page_nav > .next_page { width: calc(50% - 10px); background: var(--g-bg); }
}
@media(max-width: 641px) {
    .item_card { width: calc(100% - 20px); }
}

.filter_box { margin-bottom: 40px; }
.filter_head { display: flex; align-items: flex-start; justify-content: space-between; }
.filter_toggle { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
    height: 50px; padding: 0 20px; border-radius: 3px; background: var(--t); color: var(--w); }
.filter_toggle:before { content: ""; width: 16px; height: 16px; margin-right: 8px;
    background: url(../img/filter_icon.svg) no-repeat 50% 50% / contain; }
.filter_toggle:hover { background: var(--gs); }
.filter_actions { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.filter_group { margin-top: 30px; padding: 20px 20px 0; }
.filter_group h6 { color: var(--g-t); font-size: 16px; font-weight: 600; }
.filter_group_list { margin: 5px -5px; padding: 10px 0; display: flex; flex-wrap: wrap; }
.filter_action, .filter_group_item { display: inline-flex; align-items: center; margin: 5px;
    position: relative; cursor: pointer; overflow: hidden;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.filter_action input,.filter_group_item input { position: absolute; top: -10px; left: -10px; opacity: 0; }
.filter_action span, .filter_group_item span { min-height: 32px; padding: 6px 16px; background: var(--g-bg); transition: .4s;
    display: inline-flex; align-items: center; color: var(--g-t); border-radius: 3px; font-size: 14px; }
.filter_action:hover span, .filter_group_item:hover span { background: var(--h-bg); }
.filter_action input:checked ~ span,.filter_group_item input:checked ~ span { background: var(--t); color: var(--w); }
.filter_action input:checked ~ span:hover,.filter_group_item input:checked ~ span:hover { background: var(--gs); }
.filter_action span:before,.filter_group_item span:before  { margin-right: 8px; flex: 0 0 auto;
    width: 16px; height: 16px; content: ""; display: none;
    background: url(../img/check_icon.svg) no-repeat 50% 50% / contain; }
.filter_action input:checked ~ span:before,.filter_group_item input:checked ~ span:before { display: block; }

.filter_info { display: flex; flex-wrap: wrap; margin: 15px -5px 0; }
.filter_item_toggle { background: var(--y-bg); margin: 5px; height: 32px;  border-radius: 3px; color: var(--y-t);
    display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
    padding: 0 16px; font-size: 14px; font-weight: 500; transition: .4s;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.filter_item_toggle:hover { background: var(--y-h-bg); }
.filter_item_toggle:before { content: ""; width: 16px; height: 16px; flex: 0 0 auto; margin-right: 8px;
    background: url(../img/reset_icon.svg) no-repeat 50% 50% / contain; }
.filter_modal_wrapper { display: none; position: fixed; background: rgba(0,0,0,.78); z-index: 30;
    top: 0; left: 0; width: 100%; height: 100%; overflow: auto;  }
.filter_modal_inner { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; padding: 40px 20px; }
.filter_modal { width: 100%; max-width: 632px; position: relative; padding: 40px; background: var(--w); border-radius: 3px; }
.close_modal { background: url(../img/close_icon.svg) no-repeat 50% 50%;
    position: absolute; width: 30px; height: 30px; top: 40px; right: 40px; cursor: pointer; z-index: 3; }


.product_block .container { padding: 0; }
.product_box { display: flex; }
.product_main_info { flex: 1 1 auto; }
.product_main_info_box { background: var(--w); padding: 40px; }
.product_add_info { margin-left: 20px; max-width: 480px; width: 32%; min-width: 412px; flex: 0 0 auto; }
.product_accordion { padding: 24px; }
.product_accordion + .product_accordion { border-top: 1px solid var(--g-bdc); }
.accordion_header { cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.accordion_header:after { transform: rotate(180deg); content: ""; flex: 0 0 auto; width: 30px; height: 30px;
    background: url(../img/accordion_arrow.svg) no-repeat 50% 50%; }
.accordion_header.active:after { transform: rotate(0); }
.accordion_body { font-weight: 400; color: var(--g-t); margin-top: 20px; display: none; }
/*.accordion_header.active + .accordion_body { display: block; }*/
.accordion_body p > a { color: var(--m); }
.accordion_body > * { max-width: 670px; }
.accordion_body p + p { margin-top: 10px; }
.composition { margin: -5px -10px; display: flex; flex-wrap: wrap; }
.composition span { margin: 5px 10px; }
.composition span:not(.active) { color: var(--g-t); }
.more_products { padding: 40px; background: var(--w); margin-top: 20px; }
.product_add_info .link_box:first-child { margin-top: 0; }
.product_fast_info + .product_main_info_box { margin-top: 20px; }
.product_fast_info > img { width: 128px; height: 128px; object-fit: cover; border-radius: 3px; }
.product_fast_info > p { font-size: 14px; margin-top: 30px; color: var(--g-t); }
.product_fast_info > p + p { margin-top: 20px; }
.product_fast_info > p span { color: var(--g-t); display: block; margin-bottom: 5px; }
.product_fast_info > p span { font-weight: 400; }

.product_fast_info { padding: 40px; background: var(--w);  }

.link_box { background: var(--w); margin-top: 20px; }
.link_head { font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: -.02em;
    height: 74px; display: inline-flex; align-items: center; padding: 0 40px; }
.link_head:before { content: ""; width: 34px; height: 34px; margin-right: 8px; flex: 0 0 auto;  }
.link_head.substances_compound:before { background: url(../img/substances_compound_icon.svg) no-repeat 50% 50% / contain; }
.link_head.included_categories:before { background: url(../img/included_categories_icon.svg) no-repeat 50% 50% / contain; }
.link_head.included_list:before { background: url(../img/included_list_icon.svg) no-repeat 50% 50% / contain; }
.link_item { border-top: 1px solid #EDEDED; display: flex; justify-content: space-between; align-items: center;
    min-height: 60px; padding: 8px 40px; }
.link_item:after { content: ""; margin-left: 20px; width: 16px; height: 16px; flex: 0 0 auto;
    background: url(../img/link_icon.svg) no-repeat 50% 50% / contain; }
.link_item:hover { background: var(--h-bg); }

.text_box { max-width: 778px; }
.text_box h5 {  }
.text_box h5 + p { margin-top: 24px; }
.text_box p + h5 { margin-top: 48px; }
.text_box p + ul { margin-top: 22px; }
.text_box ul li { list-style: disc; margin-left: 20px; padding-left: 4px; }

@media(max-width: 1200px) {
    .filter_head { flex-direction: column; }
    .filter_actions { padding-top: 15px; }
    .filter_action span, .filter_group_item span { font-weight: 400; padding-left: 12px; padding-right: 12px; }
    .filter_modal { padding: 30px 24px; }
    .filter_group { padding-left: 0; padding-right: 0; }
    .close_modal { top: 28px; right: 24px; }
    .product_box { flex-direction: column; }
    .product_add_info { margin-left: 0; min-width: 100%; }
    .product_fast_info { padding: 20px; }
    .product_main_info_box { padding: 20px; }

    .product_accordion { padding: 20px 0; }
    .accordion_body { font-size: 14px; }
    .composition span { font-size: 14px; }
    .more_products { padding: 20px; }

    .link_head,.link_item { padding-left: 20px; padding-right: 20px; }
}

footer { background: var(--t); color: var(--g-t); margin-top: 50px; }
.footer  { padding-top: 40px; padding-bottom: 40px; display: flex; justify-content: space-between; }
.f_left { max-width: 325px; }
.f_left p { margin-top: 46px; }
.f_right { font-size: 14px; max-width: 624px; width: 100%; flex: 0 0 auto; display: flex; flex-wrap: wrap; }
.f_nav { margin: 0 40px; width: 232px; flex: 0 0 auto; }
.f_right .f_nav:nth-child(n+3) { margin-top: 70px; }
.footer .more_link { font-size: 14px; }
.footer .more_link:after { background-image: url(../img/arrow_right_gray_icon.svg); }

.f_nav ul, .f_nav a.more_link { margin-top: 32px; white-space: nowrap; }
.f_nav a.more_link { font-size: 14px; }
.f_nav a.more_link:hover { background: var(--h-bg); }
.f_nav ul li + li { margin-top: 10px; }
.f_nav ul a { line-height: 1; border-radius: 3px; display: inline-flex; padding: 5px; transition: .3s; color: var(--g-t);}
.f_nav ul a:hover { background: var(--h-bg); }

.f-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    font-size: 16px; display: inline-flex; align-items: center; }
.f-title:before { content: ""; margin-right: 8px; width: 34px; height: 34px; flex: 0 0 auto; }
.f-title.list:before { background: url(../img/f_list_icon.svg) no-repeat 50% 50% / contain; }
.f-title.about:before { background: url(../img/f_about_icon.svg) no-repeat 50% 50% / contain; }
.f-title.substances:before { background: url(../img/f_sub_icon.svg) no-repeat 50% 50% / contain; }
.f-title.products:before { background: url(../img/f_products_icon.svg) no-repeat 50% 50% / contain; }

@media(max-width: 1200px) {
    footer { margin-top: 0; }
    .footer { padding-top: 20px; padding-bottom: 30px; flex-direction: column; }

    .f_left p { margin-top: 40px; font-size: 14px; }
    .f_right .f_nav { margin-left: 0; margin-right: 0; }
    .f_right .f_nav:nth-child(n+3),.f_right .f_nav { margin-top: 40px; }
    .f_nav { width: 100%; padding-bottom: 10px; border-bottom: 1px solid var(--g-t); }
    .f_nav p { display: flex; position: relative; cursor: pointer; }
    .f_nav_box { display: none; }
    .f-title {  }
    .f-title:after { content: ""; width: 26px; height: 26px; flex: 0 0 auto; right: 10px; top: 0; bottom: 0; margin: auto 0;
        background: url(../img/footer_nav_icon.svg) no-repeat 50% 50% / contain; position: absolute; }
}

/*popup*/
.black_layout { display: none; z-index: 90; position: fixed; top: 0;
    left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .80); }
.popup_wrapper { display: none; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; z-index: 95; padding: 0; overflow: auto; }

.popup_inner { display: flex; min-height: 100%; align-items: center; padding: 30px 20px;
    justify-content: center;  }
.popup { background: #FFF; padding: 28px 32px; width: 100%; max-width: 640px;
    position: relative; }
.close_popup { width: 30px; height: 30px; display: block; position: absolute; z-index: 5;
    top: -4px; right: -44px; background: url(../img/close_icon.svg) no-repeat 50% 50% / 30px auto; }

.popup_body { width: 100%; margin: auto; text-align: center; }