/* For old browsers */
@supports (not(--css: variables)) {
    .supports_error {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .supports_error {
        display: flex !important;
    }
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/InterVariable-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotothin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotothinitalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotolight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotolightitalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotoitalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotomedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotomediumitalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotobold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotobolditalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotoblack.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Robotoblackitalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
}


/*------------------
    Reset styles
------------------*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    scroll-margin-top: 92px;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
}

img {
    border-style: none;
}

textarea {
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button {
    margin: 0;

    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
    appearance: none;
    -moz-outline: none !important;
}

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

    -webkit-appearance: none;
}

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

:focus {
    outline: 0;
}

:hover,
:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}


::-ms-clear {
    display: none;
}


/*-------------------
    Global styles
-------------------*/
:root {
    --bg: #fff;
    --scroll_width: 17px;
    --text_color: #797979;
    --font_size: 20px;
    --font_size_title: 36px;
    --font_family: 'Roboto', 'Arial', sans-serif;
    --font_family2: 'Inter', 'Arial', sans-serif;
    --font_family3: 'Roboto Condensed', 'Arial', sans-serif;
}


::selection {
    color: #fff;

    background: #792582;
}

::-moz-selection {
    color: #fff;

    background: #792582;
}


.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}


html {
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
}

html.custom_scroll ::-webkit-scrollbar {
    width: 10px;
    height: 10px;

    background-color: var(--bg);
}

html.custom_scroll ::-webkit-scrollbar-thumb {
    background-color: #792582;
}

html.custom_scroll {
    scrollbar-color: #792582 var(--bg);
    scrollbar-width: thin;
}


body {
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
}

body.menu_open {
    position: fixed;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
}


button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.wrap {
    position: relative;
    z-index: 9;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-width: 320px;
    min-height: 100%;

    background: var(--bg);
}


.main {
    display: flex;
    flex-direction: column;

    flex: 1 0 auto;
}


.cont {
    width: 100%;
    max-width: 1188px;
    margin: 0 auto;
    padding: 0 24px;
}


.lazyload,
.swiper-lazy {
    transition: opacity .5s linear;

    opacity: 0;
}

.lazyload.loaded,
.swiper-lazy-loaded {
    opacity: 1;
}


.row {
    display: flex;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.block {
    margin-bottom: 150px;
}

.block.middle_m {
    margin-bottom: 130px;
}

.block.min_m {
    margin-bottom: 100px;
}

.block.no_margin {
    margin-bottom: 0 !important;
}


.overlay {
    position: fixed;
    z-index: 89;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .6;
    background: #000;
}


.supports_error {
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    line-height: 30px;

    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #fff;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.supports_error.show {
    display: flex;
}


/*--------------
    Fancybox
--------------*/
.fancybox__backdrop {
    background: rgba(0, 0, 0, .6);
}


.fancybox__slide {
    padding: 40px;
}


/*--------------
    buttonUp
--------------*/
.buttonUp {
    position: fixed;
    z-index: 99;
    right: 24px;
    bottom: 24px;

    display: none;
}


.buttonUp button {
    color: #fff;

    position: relative;

    display: block;

    width: 52px;
    height: 52px;

    border-radius: 50%;
    background: #792582;
}

.buttonUp button:after {
    position: absolute;
    top: 8px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-top: 2px solid;
    border-right: 2px solid;
}


/*---------------
    Load more
---------------*/
.load_more {
    margin-top: 60px;

    text-align: center;
}


.load_more .btn {
    color: #fff;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 100%;

    padding: 18px 40px 20px;

    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


/*--------------
    BG block
--------------*/
.bg_block {
    padding: 150px 0;

    background: #f8f8f8;
}


/*------------
    Header
------------*/
header {
    position: relative;
    z-index: 90;
    top: 0;
    left: 0;

    width: 100%;
    padding: 22px 0;

    transition: .2s linear;
    transition-property: padding-top, padding-bottom;

    background: #fff;
}

header.fixed {
    position: fixed;

    padding: 10px 0;

    box-shadow: 4px 12px 22px rgba(0, 0, 0, .16);
}

.compensate-for-scrollbar header.fixed {
    padding-right: var(--scroll_width);
}


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


header .logo {
    color: currentColor;

    display: block;

    text-decoration: none;
}

header .logo img {
    display: block;
}


header .menu {
    position: relative;
}


header .menu .close_btn {
    display: flex;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


header .menu_item {
    position: relative;
}

header .menu_item + .menu_item {
    margin-left: 26px;
}


header .menu_item > a, header .menu_item > .link {
    color: var(--text_color);
    font-size: 16px;
    line-height: 24px;

    display: flex;

    min-height: 24px;

    transition: color .2s linear;
    text-align: center;
    text-decoration: none;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


header .menu_item > a .arr, header .menu_item > .link .arr {
    display: block;

    width: 8px;
    height: 6px;
    margin-left: 5px;

    transition: transform .2s linear;

    border-top: 6px solid #797979;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


header .menu_item:hover > a,
header .menu_item > a.active,
header .menu_item:hover > .link,
header .menu_item > .link.active
{
    color: #792582;
}

header .menu_item:hover > a .arr, header .menu_item:hover > .link .arr {
    transform: rotate(180deg);
}


header .menu .close_btn {
    color: #000;

    position: absolute;
    top: 14px;
    right: 14px;

    display: none;

    width: 31px;
    height: 31px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 999999;
    cursor: pointer;
}

header .menu .close_btn .icon {
    display: block;

    width: 21px;
    height: 21px;
}


header .sub_menu {
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;

    min-width: 100%;
    padding: 14px 0;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
    background: #fff;
    box-shadow: 0 8px 25px rgba(148, 110, 163, .36);
}

header .sub_menu.right {
    right: -28px;
    left: auto;
}

header .sub_menu:before {
    position: absolute;
    bottom: 100%;
    left: 0;

    display: block;

    width: 100%;
    height: 12px;

    content: '';
}


header .menu_item:hover > a.touch_link + .sub_menu {
    top: calc(100% + 30px);

    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

header .menu_item:hover .sub_menu,
header .menu_item > a.touch_link + .sub_menu.show,
header .menu_item > .link.touch_link + .sub_menu.show{
    top: calc(100% + 12px);

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


header .sub_menu a {
    color: var(--text_color);
    font-size: 16px;
    line-height: 24px;

    display: block;

    padding: 6px 20px;

    transition: background .2s linear;
    white-space: nowrap;
    text-decoration: none;
}

header .sub_menu a:hover,
header .sub_menu a.active {
    background: #f6f6f6;
}


header .test_btn {
    color: #fff;
    font-size: 12px;
    line-height: 107%;

    display: flex;

    padding: 9px 18px;

    text-align: center;
    text-decoration: none;

    border-radius: 52px;
    background: #a67db6;
    box-shadow: 0 8px 25px rgba(148, 110, 163, .36);

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

header .test_btn .icon {
    display: block;

    width: 27px;
    height: 26px;
    margin-right: 8px;
}


header .menu_btn {
    color: #000;

    display: none;

    margin-left: 39px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

header .menu_btn .icon {
    display: block;

    width: 26px;
    height: 20px;
}


/*-----------------
    Mob. header
-----------------*/
.mob_header {
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    padding: 16px 0;
}


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


.mob_header .logo {
    color: currentColor;

    display: block;

    margin-right: auto;

    text-decoration: none;
}

.mob_header .logo img {
    display: block;
}


.mob_header .mob_menu_btn {
    color: currentColor;

    display: flex;

    width: 44px;
    height: 34px;
    margin-right: -8px;
    margin-left: 24px;
    padding: 8px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


.mob_header .mob_menu_btn span {
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    background: currentColor;
}

.mob_header .mob_menu_btn span:before,
.mob_header .mob_menu_btn span:after {
    position: absolute;
    top: -8px;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: currentColor;
}

.mob_header .mob_menu_btn span:after {
    top: 8px;
}


/*-----------------
    Breadcrumbs
-----------------*/
.breadcrumbs {
    color: currentColor;
    font-size: 14px;
    line-height: 16px;

    padding: 45px 0 0;
}


.breadcrumbs a {
    color: currentColor;
}


.breadcrumbs .sep {
    display: inline-block;

    margin: 0 6px;

    vertical-align: top;
}


/*----------------
    Block head
----------------*/
.block_head {
    margin-bottom: 50px;
}

.block_head.flex {
    display: flex;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block_head.center {
    justify-content: center;
}


.block_head .icon {
    display: block;

    width: 88px;
    margin-right: 30px;
}

.block_head .icon.tablet_show {
    display: none;
}


.block_head .title {
    color: #000;
    font-size: var(--font_size_title);
    font-weight: 700;
    line-height: 125%;

    display: inline-block;

    max-width: 100%;

    align-self: center;
}

.block_head .icon:not(.tablet_show) + .title {
    margin-right: auto;
}

.block_head .title sup {
    font-size: 18px;
    line-height: 26px;

    display: inline-block;

    vertical-align: top;
}


.block_head .link {
    margin-left: auto;

    align-self: center;
}

.block_head .link a {
    color: #fff;
    font-family: var(--font_family2);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    display: inline-block;

    padding: 18px 40px 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


.block_head .desc {
    margin-top: 50px;
}

.block_head .desc a {
    color: #792582;

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
}

.block_head .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


/*------------------
    Form elements
------------------*/
.form {
    --form_border_color: #000;
    --form_focus_color: #000;
    --form_error_color: red;
    --form_border_radius: 3px;
    --form_bg_color: #fff;
    --form_label_width: 200px;
    --form_placeholder_color: #ccc;
}


.form ::-webkit-input-placeholder {
    color: var(--form_placeholder_color);
}

.form :-moz-placeholder {
    color: var(--form_placeholder_color);
}

.form ::-moz-placeholder {
    color: var(--form_placeholder_color);

    opacity: 1;
}

.form :-ms-input-placeholder {
    color: var(--form_placeholder_color);
}


.form .cols {
    margin-left: -20px;
}

.form .cols .col {
    width: calc(50% - 20px);
    margin-left: 20px;
}


.form .columns {
    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 20px;
}

.form .columns > * {
    width: calc(50% - var(--form_columns_offset));
    margin-left: var(--form_columns_offset);
}


.form .columns > *.width1of3 {
    width: calc(33.333% - var(--form_columns_offset));
}

.form .columns > *.width2of3 {
    width: calc(66.666% - var(--form_columns_offset));
}

.form .columns > *.width3of3 {
    width: calc(100% - var(--form_columns_offset));
}


.form .line {
    margin-bottom: 20px;
}


.form .line.row .label {
    display: flex;

    width: var(--form_label_width);
    max-width: 100%;
    min-height: 40px;
    margin: 0;
    padding-right: 16px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.form .line.row .field {
    width: calc(100% - var(--form_label_width));
    margin-left: auto;
}


.form .label {
    margin-bottom: 8px;
}


.form .field {
    position: relative;
}


.form .input {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 20px;

    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form .input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.form textarea {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: block;

    width: 100%;
    height: 120px;
    padding: 12px 20px;

    resize: none;
    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form textarea::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


.form .input:focus,
.form textarea:focus,
.form .nice-select.open .current {
    border-color: var(--form_focus_color);
}

.form .error,
.form .error + .nice-select .current {
    border-color: var(--form_error_color);
}


.form input[type=checkbox] {
    display: none;
}

.form input[type=checkbox] + label {
    font-size: 14px;
    line-height: 16px;

    position: relative;

    display: flex;

    min-height: 20px;
    padding-left: 30px;

    cursor: pointer;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.form input[type=checkbox] + label a {
    color: var(--text_color);
}

.form input[type=checkbox] + label a:hover {
    text-decoration: none;
}


.form input[type=checkbox] + label:before {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    transition: .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
}

.form input[type=checkbox] + label:after {
    position: absolute;
    top: 5px;
    left: 5px;

    display: block;

    width: 10px;
    height: 6px;

    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);

    opacity: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.form input[type=checkbox]:checked + label:after {
    opacity: 1;
}


.form select {
    display: none;
}

.form .nice-select {
    position: relative;

    display: block;
}


.form .nice-select .current {
    color: var(--form_placeholder_color);
    line-height: 38px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 40px;
    padding: 0 50px 0 20px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form .nice-select .current:after {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-bottom: 2px solid var(--text_color);
    border-left: 2px solid var(--text_color);
}

.form .nice-select .current.selected {
    color: var(--text_color);
}


.form .nice-select .list {
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding: 8px 0;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form .nice-select.open .list {
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}


.form .nice-select .list .scrollbar {
    overflow: auto;

    max-height: 240px;
}

.form .nice-select .list .scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


.form .nice-select .list .list_item {
    padding: 8px 20px;

    cursor: pointer;
    transition: .2s linear;
}

.form .nice-select .list .list_item:empty {
    display: none;
}

.form .nice-select .list .list_item:hover,
.form .nice-select .list .list_item.selected {
    color: #fff;

    background: var(--form_border_color);
}


.form input[type=file] {
    display: none;
}

.form input[type=file] + label {
    position: relative;

    display: block;

    cursor: pointer;
}


.form .submit {
    display: flex;

    padding-top: 10px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.form .submit_btn {
    height: 40px;
    padding: 0 32px;

    transition: .2s linear;

    border: 1px solid var(--btn_bg);
    border-radius: var(--form_border_radius);
    background: var(--btn_bg);
}


/*----------------
    Typography
----------------*/
.text_block {
    font-size: var(--font_size);
    line-height: 160%;
}


.text_block > * {
    margin-bottom: 32px;
}

.text_block.min_offset > * {
    margin-bottom: 20px;
}


.text_block > :last-child {
    margin-bottom: 0 !important;
}

.text_block > :first-child {
    margin-top: 0 !important;
}


.text_block h3 {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;
}

.text_block .h3 {
    color: #792582 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 115% !important;
}

.text_block h4 {
    color: #792582;
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
}

.text_block .h4 {
    color: #792582 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 125% !important;
}


.text_block * + h3 {
    margin-top: 80px;
}

.text_block * + .h3 {
    margin-top: 80px!important;
}

.text_block h3 + *,
.text_block .big + *,
.text_block .h3 + *{
    margin-top: 0 !important;
}


.text_block .big {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}


.text_block .biggest {
    color: #000;
    font-size: 24px;
    line-height: 125%;
}


.text_block img {
    display: block;

    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.text_block img.loaded {
    height: auto !important;
}


.text_block a {
    color: #792582;
    font-weight: 500;

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
}

.text_block a b,
.text_block a strong {
    font-weight: 500;
}


.text_block ul.row {
    margin-bottom: 2px;
    margin-left: -55px;
}

.text_block ul.row li {
    width: calc(50% - 55px);
    margin-bottom: 30px;
    margin-left: 55px;
}

.text_block ul.row li + li {
    margin-top: 0;
}


.text_block ul li {
    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 40px;

    list-style-type: none;
}

.text_block ul li + li {
    margin-top: 20px;
}

.text_block ul li:before {
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
    background: #a67db6;
}


.text_block ol {
    counter-reset: li;
}

.text_block ol li {
    position: relative;

    display: flex;

    min-height: 42px;
    padding-left: 76px;

    list-style-type: none;

    background: url(../images/bg_ol_li.svg) 0 50% no-repeat;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.text_block ol li + li {
    margin-top: 40px;
}

.text_block ol li:before {
    color: #a67db6;
    font-size: 64px;
    font-weight: 700;
    line-height: 42px;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    height: 42px;
    margin: auto;

    content: counter(li);
    counter-increment: li;
    text-align: right;
}


.text_block sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}

.text_block .bg.hide {
    display: none;
}

.text_block .bg:before,
.text_block .bg:after {
    position: absolute;
    top: 0;
    right: 100%;

    display: block;

    width: 50vw;
    height: 100%;

    content: '';

    background: #f2e6f6;
}

.text_block .bg:after {
    right: auto;
    left: 100%;

    width: 118px;
}


.text_block .bg span {
    width: 665px;
    max-width: calc(100% - 211px);
}


.text_block .bg .icon {
    display: block;

    width: 54px;
    height: 54px;
    margin-right: 67px;
    margin-left: auto;

    align-self: center;
    order: 2;
}


.text_block b,
.text_block strong {
    color: #792582;
}


.text_block .symptoms {
    margin-top: 50px;
    margin-bottom: 50px;
}


.text_block .signs {
    width: 750px;
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}


.text_block .signs .row {
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
}

.text_block .signs .row > * {
    width: calc(50% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
    padding: 30px;

    border-radius: 20px;
    background: #f2e6f6;
}


.text_block .signs .name {
    color: #792582;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;

    margin-bottom: 24px;
}


.text_block .signs ul li {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;

    padding-left: 20px;
}

.text_block .signs ul li:before {
    top: 10px;
    left: 4px;

    width: 4px;
    height: 4px;

    background: currentColor;
}

.text_block .signs ul li + li {
    margin-top: 4px;
}


.text_block .products {
    line-height: 24px;

    width: 1140px;
    margin-top: 55px;
    margin-bottom: 55px;
}


.text_block .products .row {
    margin-bottom: -48px;
    margin-left: -48px;
}

.text_block .products .row > * {
    display: flex;

    width: calc(33.333% - 48px);
    margin-bottom: 48px;
    margin-left: 48px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}


.text_block .products .icon {
    width: 68px;
    height: 68px;
}

.text_block .products .icon img {
    display: block;

    width: 100%;
    height: 100%;
    margin: 0;
}

.text_block .products .icon + * {
    width: calc(100% - 98px);

    align-self: center;
}


/*-------------------
    First section
-------------------*/
.first_section {
    position: relative;
    z-index: 3;

    overflow: hidden;

    padding: 175px 0 140px;

    background: #ddd;
}


.first_section .bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 100%;
}


.first_section .title {
    color: #792582;
    font-size: 60px;
    font-weight: 700;
    line-height: 125%;

    display: block;
}


.first_section .desc {
    color: #000;
    font-size: 32px;
    line-height: 125%;
}


.first_section .actions {
    display: flex;

    margin-top: 99px;
    margin-bottom: -35px;
    margin-left: -35px;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.first_section .actions > * {
    margin-bottom: 35px;
    margin-left: 35px;
}


.first_section .actions .item {
    color: #fff;
    font-size: 16px;
    line-height: 110%;

    display: block;

    width: 150px;
    height: 150px;
    padding: 20px 0;

    border-radius: 50%;
    background: #c997dd;
}

.first_section .actions a.item {
    text-decoration: none;
    text-align: center;
}


.first_section .actions .icon {
    display: flex;

    height: 50px;
    margin-bottom: 10px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.first_section .actions .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}


/*-------------------
    Why important
-------------------*/
.why_important .data {
    width: 653px;
    max-width: 100%;
}


.why_important .block_head .title {
    width: 269px;
}


.why_important .data .sub_title {
    color: #792582;
    font-weight: 500;
    line-height: 160%;

    margin-bottom: 30px;
}


.why_important .mob_stats {
    color: #792582;
    font-size: 16px;
    font-weight: 500;
    line-height: 145%;

    display: none;

    margin-bottom: 30px;
    padding: 16px 32px;

    text-align: center;

    color: #792582;
    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(2.5px);
}


.why_important .data .link {
    margin-top: 50px;
}

.why_important .data .link a {
    color: #fff;
    font-family: var(--font_family2);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    display: inline-block;

    padding: 18px 40px 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


.why_important .stats {
    color: #000;
    line-height: 145%;

    display: flex;

    width: 288px;
    height: 288px;
    margin-left: auto;
    padding: 26px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 50%;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 5px #fff;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.why_important .stats .val {
    color: #792582;
    font-size: 52px;
    font-weight: 700;
    line-height: 145%;

    margin-right: 5px;

    text-align: left;
}

.why_important .stats .title {
    color: #792582;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;

    text-align: left;
}

.why_important .stats .desc {
    width: 100%;
}


/*--------------
    Symptoms
--------------*/
.symptoms {
    padding: 150px 0;

    background: #f8f8f8;
}

.symptoms.no_bg {
    padding: 0;

    background: none;
}


.symptoms .block_head {
    margin-bottom: 60px;
}

.symptoms .block_head .title {
    width: 306px;
}

.symptoms .block_head .title.w_full {
    width: 100%;
}

.symptoms .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 130%;

    width: 540px;
    max-width: 100%;
}


.symptoms .sub_title {
    color: #792582;
    font-weight: 500;
    line-height: 160%;

    margin-bottom: 32px;
}


.symptoms .row {
    margin-bottom: -52px;
    margin-left: -52px;
}

.symptoms .row > * {
    width: calc(33.333% - 52px);
    margin-bottom: 52px;
    margin-left: 52px;
}


.symptoms .item {
    color: #000;
    font-weight: 300;
    line-height: 24px;

    display: flex;

    text-decoration: none;
    word-wrap: break-word;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.symptoms .item.hide {
    display: none;
}

.symptoms .item.hide.show {
    display: flex;
}


.symptoms .item .icon {
    display: flex;

    width: 68px;
    height: 68px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.symptoms .item .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.symptoms .item .icon + * {
    width: calc(100% - 98px);

    align-self: center;
}


.symptoms .item sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.symptoms a.item span {
    transition: background-size .3s;

    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
}


.symptoms .spoler_btn {
    color: #792582;
    font-size: 16px;
    line-height: 100%;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-top: 52px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
}

.symptoms .spoler_btn div {
    position: relative;

    display: flex;

    padding: 0 70px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.symptoms .spoler_btn div:before,
.symptoms .spoler_btn div:after {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;

    display: block;

    width: 50vw;
    height: 1px;
    margin: auto;

    content: '';

    background: #b3b3b3;
}

.symptoms .spoler_btn div:after {
    right: auto;
    left: 100%;
}


.symptoms .spoler_btn span + span,
.symptoms .spoler_btn.active span {
    display: none;
}

.symptoms .spoler_btn.active span + span {
    display: block;
}


.symptoms .spoler_btn .icon {
    display: block;

    width: 14px;
    height: 8px;
    margin-left: 10px;

    transition: transform .2s linear;
}

.symptoms .spoler_btn.active .icon {
    transform: rotate(180deg);
}


.symptoms .link {
    margin-top: 70px;

    text-align: center;
}

.symptoms .link a {
    color: #fff;
    font-family: var(--font_family2);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    display: inline-block;

    padding: 18px 40px 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


/*---------------
    Influence
---------------*/
.influence .block_head {
    margin-bottom: 60px;
}

.influence .block_head .title {
    width: 358px;
}


.influence .swiper {
    overflow: visible !important;
}


.influence .row {
    margin-bottom: -42px;
    margin-left: -42px;

    align-content: stretch;
    align-items: stretch;
}

.influence .row > * {
    width: calc(33.333% - 42px);
    margin-bottom: 42px;
    margin-left: 42px;
}


.influence .item {
    color: currentColor;

    position: relative;

    display: block;
    overflow: hidden;

    height: 100%;

    text-decoration: none;

    background: #fff;
    box-shadow: 4px 12px 22px rgba(0, 0, 0, .16);
}


.influence .item .thumb {
    position: relative;

    padding-bottom: 309px;

    background: #ddd;
}

.influence .item .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.influence .item .thumb:after {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;

    display: block;

    width: 100%;
    height: 104px;

    content: '';

    background: url(/images/influence_mask.svg) 0 0/100% 100% no-repeat;
}


.influence .item .title {
    color: #792582;
    font-style: italic;
    line-height: 125%;

    position: relative;
    z-index: 3;

    padding: 7px 38px 23px 40px;
}


.influence .item .info {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 47px 18px 46px 32px;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
    background: #f2e6f6;
}

.influence .item .info .sub_title {
    color: #792582;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;

    margin-bottom: 20px;
}

.influence .item .info .desc {
    color: #797979;
    font-size: 16px;
    line-height: 24px;

    margin-bottom: 20px;
}


.influence .item .info .link {
    color: #792582;
    font-size: 16px;
    line-height: 100%;

    margin-top: auto;

    text-decoration: underline;
}


.influence .item:hover .info {
    pointer-events: auto;

    opacity: 1;
}


.influence .mob_link {
    display: none;

    margin-top: 50px;

    text-align: center;
}

.influence .mob_link a {
    color: #fff;
    font-family: var(--font_family2);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;

    display: inline-block;

    padding: 14px 40px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


/*-------------
    Deficit
-------------*/
.deficit .data {
    width: 653px;
    max-width: 100%;
}


.deficit .block_head .title {
    width: 415px;
}


.deficit .data .sub_title {
    color: #792582;
    font-weight: 500;
    line-height: 32px;

    margin-bottom: 30px;
}


.deficit .data .link {
    margin-top: 50px;
}

.deficit .data .link a {
    color: #fff;
    font-family: var(--font_family2);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    display: inline-block;

    padding: 18px 40px 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


.deficit .img {
    display: block;

    width: 207px;
    margin-left: auto;
}


/*------------
    Yniron
------------*/
.yuniron .data {
    position: relative;
    z-index: 3;

    padding: 106px 0 107px;

    background: rgba(166, 166, 166, .22);
}


.yuniron .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: auto;
    min-width: 200px;
    height: 100%;

    pointer-events: none;
}


.yuniron .info {
    width: 694px;
    max-width: 100%;
    margin-left: auto;
    padding-right: 108px;
}


.yuniron .info img {
    display: block;

    max-width: 100%;
}


.yuniron .bottom {
    display: flex;

    margin-top: 63px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.yuniron .bottom a {
    text-decoration: none;
}


.yuniron .test_btn {
    color: #fff;
    font-size: 16px;
    line-height: 125%;

    display: flex;

    padding: 12px 40px 12px 25px;

    border-radius: 52px;
    background: #792582;
    box-shadow: 0 15px 19px rgba(148, 110, 163, .53);

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.yuniron .test_btn .icon {
    display: block;

    width: 33px;
    height: 28px;
    margin-right: 13px;
}


.yuniron .exp {
    color: #929292;
    font-size: 16px;
    line-height: 125%;

    margin-left: 31px;
}


.yuniron .hashtag {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 125%;

    padding: 50px;

    text-align: center;

    background: #792582;
}

.yuniron h1 {
    background: #f8f8f8;
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

@media (max-width: 440px) {
    .yuniron h1 {
        padding-left: 25px;
	padding-top: 20px;
    }
}


/*--------------------
    Expert opinion
--------------------*/
.expert_opinion .swiper {
    overflow: visible !important;
}

.expert_opinion .swiper.big {
    margin-top: 54px;
}


.expert_opinion .swiper-slide {
    position: relative;

    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}

.expert_opinion .swiper-slide.visible {
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.expert_opinion .swiper-button-prev,
.expert_opinion .swiper-button-next {
    top: 0;
    bottom: 0;

    width: 42px;
    height: 42px;
    margin: auto;

    background: none;
}

.expert_opinion .swiper-button-prev {
    left: -72px;
}

.expert_opinion .swiper-button-next {
    right: -72px;
}


.expert_opinion .big .swiper-button-prev,
.expert_opinion .big .swiper-button-next {
    top: 64px;
    bottom: auto;
}

.expert_opinion .big .swiper-button-prev {
    right: 276px;
    left: auto;
}

.expert_opinion .big .swiper-button-next {
    right: 0;
}


.expert_opinion .carousel {
    margin-top: 100px;
}

.expert_opinion .carousel .swiper-pagination {
    bottom: 0;

    display: none !important;
}


.expert_opinion .big .swiper-slide {
    display: flex;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.expert_opinion .big .doctor {
    width: 319px;
    max-width: 100%;
    margin-left: auto;

    text-align: center;

    order: 2;
}

.expert_opinion .big .doctor + * {
    width: calc(100% - 428px);
    padding-top: 26px;
}


.expert_opinion .big .doctor .photo {
    position: relative;

    overflow: hidden;

    width: 170px;
    height: 170px;
    margin: 0 auto 32px;

    border-radius: 50%;
    background: #ddd;
}

.expert_opinion .big .doctor .photo img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.expert_opinion .big .doctor .name {
    color: #000;
    font-weight: 500;
    line-height: 160%;
}


.expert_opinion .big .doctor .desc {
    color: #797979;
    font-size: 16px;
    line-height: 150%;

    margin-top: 12px;
}


.expert_opinion .big .quote {
    color: #792582;
    font-weight: 500;
    line-height: 160%;

    position: relative;

    padding: 32px 120px 32px 0;

    background: #f2e6f6;
}

.expert_opinion .big .quote:before {
    position: absolute;
    top: -15px;
    left: -32px;

    display: block;

    width: 36px;
    height: 31px;

    content: '';

    background: url(/images/ic_quote.svg) 0 0/100% 100% no-repeat;
}

.expert_opinion .big .quote:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;

    display: block;

    width: 50vw;
    height: 100%;

    content: '';

    background: #f2e6f6;
}


.expert_opinion .big .text {
    color: #797979;
    line-height: 160%;

    width: 653px;
    max-width: 100%;
    margin-top: 26px;
}

.expert_opinion .big .text b {
    color: #792582;
    font-weight: 400;
}


.expert_opinion .data {
    width: 918px;
    max-width: 100%;
}


.expert_opinion .sub_title {
    color: #792582;
    font-weight: 500;
    line-height: 32px;

    width: 630px;
    max-width: 100%;
    margin-bottom: 30px;
}


.expert_opinion .video {
    position: relative;

    margin-top: 100px;
}


.expert_opinion .video .thumb {
    position: relative;

    overflow: hidden;

    padding-bottom: 47.36%;

    background: #ddd;
}

.expert_opinion .video .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.expert_opinion .video .play_btn {
    color: #fff;

    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
}

.expert_opinion .video .play_btn .icon {
    display: block;

    width: 92px;
    height: 92px;
}


.expert_opinion .video iframe {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
}

.expert_opinion .video iframe.show {
    display: block;
}


.expert_opinion .row {
    margin-top: 100px;
    margin-bottom: -55px;
    margin-left: -55px;

    align-content: stretch;
    align-items: stretch;
    --expert_opinion_count: 3;
}

.expert_opinion .row > * {
    width: calc(33.333% - 55px);
    margin-bottom: 55px;
    margin-left: 55px;
}


.expert_opinion .item {
    display: flex;
    flex-direction: column;

    padding: 35px 30px 30px;

    background: #f8f8f8;
}


.expert_opinion .item .photo {
    position: relative;

    display: block;

    width: 97px;
    height: 97px;
    margin-bottom: 16px;

    border-radius: 50%;
    background: #ddd;
}

.expert_opinion .item .photo:before {
    position: absolute;
    z-index: 3;
    top: -5px;
    right: -20px;

    display: block;

    width: 36px;
    height: 31px;

    content: '';

    background: url(/images/ic_quote.svg) 0 0/100% 100% no-repeat;
}

.expert_opinion .item .photo img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.expert_opinion .item .title {
    color: #792582;
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    margin-bottom: 32px;
}


.expert_opinion .item .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;

    margin-bottom: 8px;

    color: #000;
}


.expert_opinion .item .desc {
    font-size: 14px;
    line-height: 18px;

    height: auto !important;
    padding-bottom: 32px;

    color: #797979;
}


.expert_opinion .item .link {
    margin-top: auto;

    text-align: left;
}

.expert_opinion .item .link a {
    line-height: 125%;

    padding-top: 11px;
    padding-bottom: 11px;

    border-radius: 40px;
    background: #792582;
}


.expert_opinion .link {
    margin-top: 70px;

    text-align: center;
}

.expert_opinion .link a {
    font-family: var(--font_family2);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    display: inline-block;

    padding: 18px 40px 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    color: #fff;
    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


/*----------------------
    During pregnancy
----------------------*/
.during_pregnancy {
    position: relative;
    z-index: 3;

    margin-bottom: 258px;
    padding-top: 142px;

    background: #f8f8f8;
}


.during_pregnancy .block_head .title {
    color: #792582;
}


.during_pregnancy .desc {
    width: 638px;
    max-width: 100%;
}


.during_pregnancy .anemia {
    font-size: 16px;
    font-weight: 500;
    line-height: 145%;

    position: relative;

    align-self: flex-end;

    width: 320px;
    max-width: 100%;
    margin-left: auto;
    padding: 30px 0 30px 48px;

    color: #792582;
    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}

.during_pregnancy .anemia:after {
    position: absolute;
    top: 0;
    left: 100%;

    display: block;

    width: 50vw;
    height: 100%;

    content: '';

    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}


.during_pregnancy .articles {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 59px;
    margin-bottom: -148px;
    margin-left: -40px;
}


.during_pregnancy .article {
    position: relative;
    z-index: 3;

    display: block;
    overflow: hidden;

    width: 353px;
    max-width: calc(100% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;
    padding: 30px 52px 32px 35px;

    text-decoration: none;

    background: #f0f0f0;
}


.during_pregnancy .article .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    color: #792582;
}


.during_pregnancy .article .btn {
    font-size: 16px;
    line-height: 125%;

    display: inline-block;

    margin-top: 34px;
    padding: 11px 40px;

    text-align: center;
    vertical-align: top;

    color: #fff;
    border-radius: 40px;
    background: #792582;
}


.during_pregnancy .article .img {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    min-width: 100px;
    height: 100%;

    pointer-events: none;
}


.during_pregnancy .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    min-width: 300px;
    height: 100%;

    pointer-events: none;
}


/*------------------
    Service head
------------------*/
.service_head {
    position: relative;
    z-index: 3;

    display: flex;
    overflow: hidden;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    min-height: 712px;
    padding-top: 61px;
    padding-bottom: 100px;

    background: #ddd;
}


.service_head .bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.service_head .cont {
    position: relative;
}


.service_head .breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}


.service_head .data {
    width: 710px;
    max-width: 100%;
}


.service_head .data .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    color: #792582;
}


.service_head .data .desc {
    font-size: 26px;
    line-height: 125%;

    width: 416px;
    max-width: 100%;
    margin-top: 26px;

    color: #000;
}

.service_head .data .desc.middle_w {
    width: 676px;
}

.service_head .data .desc.big_w {
    width: 100%;
}


.btn{
    cursor: pointer;
}

.service_head .data .btn {
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 100%;

    display: inline-block;

    margin-top: 55px;
    padding: 18px 40px 20px;

    vertical-align: top;
    text-decoration: none;

    color: #fff;
    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


.service_head .anchors {
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 0;

    width: 100%;
    padding: 31px 0 30px;

    background: rgba(242, 230, 246, .6);

    backdrop-filter: blur(10px);
}


.service_head .anchors .row {
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -10px;
    margin-left: -76px;
}

.service_head .anchors .row > * {
    margin-bottom: 10px;
    margin-left: 76px;
}


.service_head .anchors .row.scroll {
    display: block;
    overflow: auto;

    width: 100vw;
    margin: 0 calc((100vw - 1188px) / -2);
    padding: 0 calc((100vw - 1188px) / 2);

    white-space: nowrap;

    scrollbar-color: transparent transparent !important;
    scrollbar-width: thin !important;
}

.service_head .anchors .row.scroll::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;

    background-color: transparent !important;
}

.service_head .anchors .row.scroll::-webkit-scrollbar-thumb {
    background-color: transparent !important;
}

.service_head .anchors .row.scroll > * {
    display: inline-block;

    max-width: none;
    margin: 0;

    vertical-align: top;
}

.service_head .anchors .row.scroll > * + * {
    margin-left: 76px;
}


/*-------------
    Why how
-------------*/
.why_how .text_block {
    width: 599px;
    max-width: calc(100% - 422px);
}


.why_how .info {
    position: relative;

    width: 382px;
    max-width: 100%;
    margin-top: 45px;
    margin-left: auto;
    padding: 85px 36px 69px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 28px;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 6px #fff;
}


.why_how .info .icon {
    position: absolute;
    top: -49px;
    right: 0;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 95px;
    height: 95px;
    margin: auto;

    border: 8px solid #fff;
    border-radius: 50%;
    background: #a67db6;
}

.why_how .info .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.why_how .info .title {
    font-size: 22px;
    line-height: 36px;

    color: #000;
}


.why_how .info .btn {
    font-size: 16px;
    line-height: 100%;

    margin-top: 25px;
    padding: 18px 40px 20px;

    color: #fff;
    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 15px rgba(189, 160, 199, .5);
    display: block;
    text-decoration: none;
}


/*------------------
    Which doctor
------------------*/
.which_doctor .data {
    position: relative;
    z-index: 3;

    padding: 81px 77px 79px;

    background: #f8f8f8;
}

.which_doctor .data:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: calc(100% - 216px);
    height: 100%;

    content: '';

    background: linear-gradient(270deg, #f8f8f8 80.43%, rgba(248, 248, 248, 0) 100%);
}


.which_doctor .block_head {
    width: 601px;
    max-width: 100%;
    margin-bottom: 0 !important;
    margin-left: auto;
}

.which_doctor .block_head .title {
    color: #792582;
}


.which_doctor .bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    display: block;

    width: auto;
    height: 100%;
}

.which_doctor .mob_bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    display: none;

    width: auto;
    min-width: 200px;
    height: 100%;
}


/*-----------------
    How prepare
-----------------*/
.how_prepare {
    position: relative;
    z-index: 3;
}

.how_prepare:after {
    position: absolute;
    z-index: -1;
    top: -105px;
    right: 50%;

    display: block;

    width: 617px;
    height: 617px;
    margin-right: -1012px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
}


.how_prepare .text_block {
    width: 676px;
    max-width: calc(100% - 350px);
}


.how_prepare .video_link {
    display: block;

    width: 280px;
    max-width: 100%;
    margin-top: 65px;
    margin-left: auto;

    text-decoration: none;

    color: #682d7d;
}


.how_prepare .video_link .thumb {
    position: relative;

    overflow: hidden;

    margin-bottom: 20px;
    padding-bottom: 64.28%;

    background: #ddd;
}


.how_prepare .video_link .thumb .icon {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 63px;
    height: 63px;
    margin: auto;

    color: #fff;
    border: 1px solid;
    border-radius: 50%;
}

.how_prepare .video_link .thumb .icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8px;

    display: block;

    width: 33px;
    height: 38px;
    margin: auto;

    content: '';

    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 33px solid;
}


.how_prepare .video_link .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.how_prepare .video_link .title {
    font-weight: 500;
    line-height: 125%;
}


.how_prepare .video_link .author {
    font-size: 16px;
    line-height: 125%;

    margin-top: 10px;
}


/*------------------
    Action block
------------------*/
.action_block {
    padding: 100px 0;

    background: #f2e6f6;
}


.action_block .cont.row {
    align-content: center;
    align-items: center;
    justify-content: center;
}


.action_block .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 125%;

    width: 586px;
    max-width: 100%;

    color: #792582;
}


.action_block .test_btn {
    font-size: 16px;
    line-height: 125%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    margin-left: 56px;
    padding: 14px 56px 15px;

    color: #fff;
    border-radius: 52px;
    background: #a67db6;
    box-shadow: 0 15px 19px rgba(148, 110, 163, .53);
    text-decoration: none;
}

.action_block .test_btn .icon {
    display: block;

    width: 33px;
    height: 28px;
    margin-right: 13px;
}


/*-----------------
    Preparation
-----------------*/
.preparation .block_head .title {
    width: 100%;
}

.preparation .block_head .desc {
    font-size: 24px;
    line-height: 125%;

    width: 651px;
    max-width: 100%;

    color: #000;
}


.preparation .row {
    margin-bottom: -60px;
    margin-left: -86px;
}

.preparation .row > * {
    width: calc(50% - 86px);
    margin-bottom: 60px;
    margin-left: 86px;
}


.preparation .item {
    line-height: 160%;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.preparation .item .icon {
    width: 67px;
}

.preparation .item .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.preparation .item .icon + * {
    width: calc(100% - 112px);
}


/*-------------
    Results
-------------*/
.results {
    position: relative;
    z-index: 5;

    padding: 150px 0 100px;

    background: #f8f8f8;
}

.results.no_bg {
    padding: 0;
    background: none;
}


.results .block_head {
    margin-bottom: 62px;
}

.results .block_head .title {
    font-size: 30px;

    color: #792582;
}


.results .swiper-button-next {
    display: none;

    padding-right: 24px;

    background: linear-gradient(270deg, #f8f8f8 18.77%, rgba(248, 248, 248, 0) 100%);
}

.results .swiper-button-prev {
    display: none;

    padding-left: 24px;

    background: linear-gradient(90deg, #f8f8f8 18.77%, rgba(248, 248, 248, 0) 100%);
}


.results .row {
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -40px;
    margin-left: -40px;
}

.results .row > * {
    position: relative;

    width: calc(33.333% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;
}


.results .item {
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
    padding: 30px;

    border-radius: 20px;
    background: #f2e6f6;
}


.results .item .name {
    font-weight: 700;
    line-height: 130%;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 28px;

    color: #792582;
}

.results .item .name span, .results .item .name h3, .results .item .name h4 {
    width: calc(100% - 60px);
}


.results .item .icon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 30px;
    height: 43px;
    margin-left: auto;
}

.results .item .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.results .item .features > * {
    font-size: 16px;
    line-height: 24px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #000;
}

.results .item .features > * + * {
    margin-top: 10px;
}


.results .item .features .val {
    font-size: var(--font_size);
    font-weight: 500;
    line-height: 32px;

    white-space: nowrap;

    color: #792582;
}


.results .exp {
    font-size: 14px;
    line-height: 120%;

    margin-top: 26px;
    padding: 0 20px;
}

.results .exp > * + * {
    margin-top: 12px;
}


/*-----------------------
    Treatment control
-----------------------*/
.treatment_control {
    position: relative;
    z-index: 3;
}

.treatment_control:after {
    position: absolute;
    z-index: -1;
    top: -201px;
    right: 50%;

    display: block;

    width: 617px;
    height: 617px;
    margin-right: -1022px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
}


.treatment_control .text_block {
    width: 653px;
    max-width: calc(100% - 350px);
}


.treatment_control .video_link {
    display: block;

    width: 280px;
    max-width: 100%;
    margin-top: -64px;
    margin-left: auto;

    text-decoration: none;

    color: #682d7d;
}


.treatment_control .video_link .thumb {
    position: relative;

    overflow: hidden;

    margin-bottom: 20px;
    padding-bottom: 64.28%;

    background: #ddd;
}


.treatment_control .video_link .thumb .icon {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 63px;
    height: 63px;
    margin: auto;

    color: #fff;
    border: 1px solid;
    border-radius: 50%;
}

.treatment_control .video_link .thumb .icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8px;

    display: block;

    width: 33px;
    height: 38px;
    margin: auto;

    content: '';

    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 33px solid;
}


.treatment_control .video_link .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.treatment_control .video_link .title {
    font-weight: 500;
    line-height: 125%;
}


.treatment_control .video_link .author {
    font-size: 16px;
    line-height: 125%;

    margin-top: 10px;
}


/*----------
    Test
----------*/
.test {
    position: relative;
    z-index: 3;

    overflow: hidden;

    padding: 100px 0;

    background: #f8f8f8;
}


.test:before {
    position: absolute;
    z-index: -1;
    bottom: -472px;
    left: 50%;

    display: block;

    width: 720px;
    height: 720px;
    margin-left: -930px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
}


.test .data {
    width: 485px;
    max-width: 100%;
    margin-top: 176px;
    margin-left: 38px;
}


.test .data .pre_title {
    font-size: 16px;
    line-height: 24px;

    margin-bottom: 15px;
}


.test .data .title {
    font-size: var(--font_size_title);
    font-weight: 700;
    line-height: 125%;

    display: block;

    color: #792582;
}


.test .data .desc {
    font-size: 24px;
    line-height: 125%;

    margin-top: 25px;

    color: #000;
}


.test form {
    position: relative;

    width: 480px;
    max-width: 100%;
    margin-right: 60px;
    margin-left: auto;
}


.test .progress {
    font-size: 14px;
    line-height: 16px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;

    margin-bottom: 5px;

    white-space: nowrap;
}


.test .progress .bar {
    overflow: hidden;

    width: 100%;
    height: 9px;

    border-radius: 28px;
    background: #ede2ff;
}

.test .progress .bar div {
    height: 9px;

    transition: width .2s linear;

    border-radius: 10px 0 0 10px;
    background: #a67db6;
}


.test .progress .count {
    margin-left: 7px;
}


.test .info {
    background: #fff;
}


.test .step {
    display: none;
}


.test .question {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;

    position: relative;
    z-index: 3;

    padding: 32px 53px;

    color: #fff;
    background: #792582;
}


.test .answers {
    padding: 40px 53px;

    box-shadow: 4px 12px 22px rgba(0, 0, 0, .16);
}


.test .answers .field + .field {
    margin-top: 13px;
}


.test .answers label {
    font-size: 16px;
    line-height: 24px;

    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    min-height: 24px;
    padding-left: 26px;

    cursor: pointer;

    color: #000;
}

.test .answers label input {
    display: none;
}

.test .answers label .check {
    position: absolute;
    top: 4px;
    left: 0;

    width: 16px;
    height: 16px;

    border: 1px solid #000;
    border-radius: 50%;
}

.test .answers label .check:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 8px;
    height: 8px;
    margin: auto;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    border-radius: 50%;
    background: #792582;
}

.test .answers label input:checked + .check:after {
    opacity: 1;
}


.test .btns {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 36px;
    padding-top: 35px;

    border-top: 1px solid #792582;
}

.test .btns .prev_btn {
    font-size: 14px;
    line-height: 32px;
}

.test .btns .next_btn,
.test .btns .finish_btn {
    color: #fff;
    font-size: 14px;
    line-height: 32px;

    margin-left: auto;
    padding: 5px 32px;

    color: #fff;
    border-radius: 26px;
    background: #792582;
}


.test .total {
    position: relative;
    z-index: 3;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    padding: 26px 53px;

    color: #fff;
    background: #c997dd;
}


.test .total .exp {
    line-height: 120%;

    width: 227px;
    max-width: 100%;
}

.test .total .exp > * {
    display: none;
}

.test .total .exp span {
    transition: background-size .3s;

    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
}


.test .total .value {
    font-size: 14px;
    line-height: 110%;

    margin-left: auto;

    color: rgba(255, 255, 255, .71);
}

.test .total .value span {
    color: #fff;
    font-size: 47px;
    font-weight: 700;
    line-height: 120%;
}


.test .result {
    color: #fff;

    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;
    height: calc(100% - 21px);
    padding: 95px 30px;

    background: #792582;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.test .result.show {
    display: flex;
}


.test .result .information {
    width: 309px;
    max-width: 100%;
    margin: 0 auto;
}


.test .result .close_btn {
    color: rgba(255, 255, 255, .71);
    font-size: 14px;
    line-height: 110%;

    position: absolute;
    top: 30px;
    right: 30px;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.test .result .close_btn .icon {
    display: block;

    width: 35px;
    height: 35px;
    margin-left: 12px;
}


.test .result .information .value {
    color: rgba(255, 255, 255, .71);
    font-size: 14px;
    line-height: 110%;

    margin-bottom: 20px;
}

.test .result .information .value span {
    color: #fff;
    font-size: 47px;
    font-weight: 700;
    line-height: 120%;
}


.test .result .information .title,
.test .result .information .title2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: none;
}


.test .result .information .btn,
.test .result .information .mob_btn {
    color: #000;
    font-size: 16px;
    line-height: 100%;

    display: inline-block;

    margin-top: 30px;
    padding: 18px 40px 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 30px;
    background: #fff;
    box-shadow: 0 6px 20px #5d0c66;
}

.test .result .information .mob_btn {
    display: none;

    padding: 14px 40px;
}


/*--------------
    Articles
--------------*/
.articles .swiper-slide {
    width: 300px;
}


.articles .article .thumb {
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 32px;
    padding-bottom: 56.66%;

    background: #ddd;
}

.articles .article .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.articles .article .name {
    font-weight: 700;
    line-height: 150%;

    color: #792582;
}

.articles .article .name a {
    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.articles .article .desc {
    font-size: 16px;
    line-height: 150%;

    margin-top: 32px;

    color: #000;
}


/*-----------------------
    Contraindications
-----------------------*/
.contraindications {
    font-family: var(--font_family3);
    font-size: 32px;
    line-height: 90%;

    margin-bottom: 30px;

    text-align: center;
    text-transform: uppercase;

    color: #bebebe;
}

.contraindications span {
    font-size: 59px;
    font-weight: 300;
    line-height: 90%;
}


/*-------------
    Lecture
-------------*/
.lecture {
    padding: 150px 0;

    background: #f8f8f8;
}


.lecture .block_head {
    margin-bottom: 80px;
}


.lecture .sub_title {
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    width: 702px;
    max-width: 100%;
    margin-bottom: 30px;

    color: #792582;
}


.lecture .video {
    position: relative;

    display: block;

    margin-top: 50px;

    text-decoration: none;

    color: var(--text_color);
}


.lecture .video .thumb {
    position: relative;

    overflow: hidden;

    padding-bottom: 47.36%;

    background: #ddd;
}

.lecture .video .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.lecture .video .play_btn {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: #fff;
}

.lecture .video .play_btn .icon {
    display: block;

    width: 92px;
    height: 92px;
}


.lecture .videos {
    position: relative;
    z-index: 3;

    margin-top: 100px;
}

.lecture .videos:after {
    position: absolute;
    z-index: -1;
    top: 100px;
    right: 50%;

    display: block;

    width: 592px;
    height: 592px;
    margin-right: -989px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
}


.lecture .videos .sub_title {
    margin-bottom: 50px;
}


.lecture .videos .row {
    margin-bottom: -60px;
    margin-left: -60px;
}

.lecture .videos .row > * {
    width: calc(33.333% - 60px);
    margin-bottom: 60px;
    margin-left: 60px;
}


.lecture .video_link {
    display: block;

    text-decoration: none;

    color: #682d7d;
}


.lecture .video_link .thumb {
    position: relative;

    overflow: hidden;

    margin-bottom: 11px;
    padding-bottom: 64.28%;

    background: #ddd;
}


.lecture .video_link .thumb .icon {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 63px;
    height: 63px;
    margin: auto;

    color: #fff;
    border: 1px solid;
    border-radius: 50%;
}

.lecture .video_link .thumb .icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8px;

    display: block;

    width: 33px;
    height: 38px;
    margin: auto;

    content: '';

    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 33px solid;
}


.lecture .video_link .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.lecture .video_link .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
}


.lecture .video_link .author {
    font-size: 16px;
    line-height: 125%;

    margin-top: 12px;

    color: #797979;
}


/*----------------
    Every 10th
----------------*/
.every_10th .data {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;

    color: #fff;
    background: url(/images/bg_every_10th.png) 0 0/cover no-repeat;
}


.every_10th .data .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;

    width: 450px;
    max-width: 100%;
    padding: 78px 111px;
}

.every_10th .data .title small {
    font-size: var(--font_size);
    font-weight: 400;
    line-height: 125%;

    display: block;

    margin-top: 5px;
}


.every_10th .data .desc {
    font-weight: 500;
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 45px 56px 45px 78px;

    color: #fff;
}

.every_10th .data .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.every_10th .exp {
    line-height: 160%;

    width: 848px;
    max-width: 100%;
    margin-top: 50px;

    color: #626262;
}


/*---------------
    Role iron
---------------*/
.role_iron {
    position: relative;
    z-index: 3;

    padding: 150px 0 55px;

    background: #ede2ff;
}


.role_iron .data {
    width: 653px;
    max-width: 100%;
}

.role_iron .data .block_head {
    margin-bottom: 20px;
}

.role_iron .data .desc {
    font-size: 24px;
    line-height: 125%;

    color: #000;
}

.role_iron .data .exp {
    line-height: 32px;

    margin-top: 80px;
}

.role_iron .data .exp sup {
    font-size: 14px;
    line-height: 22px;

    display: inline-block;

    vertical-align: top;
}


.role_iron .text {
    font-size: 16px;
    line-height: 145%;

    width: 320px;
    max-width: 100%;
    margin-top: 297px;
    margin-left: auto;
    padding: 30px 0 30px 48px;

    color: #792582;
    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}

.role_iron .text b {
    font-weight: 500;
}

.role_iron .text:after {
    position: absolute;
    top: 0;
    left: 100%;

    display: block;

    width: 50vw;
    height: 100%;

    content: '';

    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}


.role_iron .bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/*----------------------
    Article symptoms
----------------------*/
.article_symptoms .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 44px;
}


.article_symptoms .block_head .desc {
    font-size: 24px;

    margin-top: 20px;

    color: #000;
}


.article_symptoms .row .items {
    align-self: flex-end;

    width: 653px;
    max-width: 100%;
}

.article_symptoms .row + .items {
    margin-top: 100px;
}


.article_symptoms .items .row {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: -47px;
    margin-left: -52px;
}

.article_symptoms .items .row > * {
    width: calc(33.333% - 52px);
    margin-bottom: 47px;
    margin-left: 52px;
}


.article_symptoms .items .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    width: 653px;
    max-width: 100%;
    margin-bottom: 32px;

    color: #792582;
}


.article_symptoms .items .list .item + .item {
    margin-top: 18px;
}


.article_symptoms .items .item {
    line-height: 24px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #797979;
}

.article_symptoms .items .item .icon {
    width: 68px;
    height: 68px;
}

.article_symptoms .items .item .icon img {
    display: block;

    width: 100%;
    height: 100%;
}

.article_symptoms .items .item .icon + * {
    align-self: center;

    width: calc(100% - 100px);
}

.article_symptoms .items .item a {
    transition: background-size .3s;
    text-decoration: none;

    color: currentColor;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
}

.article_symptoms .items .item sup {
    font-size: 12px;
    line-height: 16px;

    display: inline-block;

    vertical-align: top;
}


.article_symptoms .row .items {
    width: 653px;
    max-width: 100%;
}


.article_symptoms .message {
    line-height: 160%;

    position: relative;

    width: 382px;
    max-width: 100%;
    margin-right: -36px;
    margin-left: auto;
    padding: 70px 35px 52px 30px;

    text-align: center;

    color: #792582;
    border: 4px solid #a67db6;
    border-radius: 28px;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;
}

.article_symptoms .message .icon {
    position: absolute;
    top: -49px;
    right: 0;
    left: 0;

    display: block;

    width: 95px;
    height: 95px;
    margin: auto;
}

.article_symptoms .message .icon img {
    display: block;

    width: 100%;
    height: 100%;
}


.article_symptoms .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 80px;
}


/*-------------
    Reasons
-------------*/
.reasons {
    padding: 150px 0;

    background: #f8f8f8;
}

.reasons.no_bg {
    padding: 0;

    background: none;
}


.reasons .block_head .title.min_w {
    width: 435px;
}


.reasons .block_head .desc {
    color: #000;
    font-size: 24px;

    margin-top: 80px;
}

.reasons .block_head .title.min_w + .desc {
    width: 955px;
    margin-top: 20px;
}


.reasons .accordion {
    width: 945px;
    max-width: 100%;
}


.reasons .accordion_item + .accordion_item {
    margin-top: 70px;
}


.reasons .accordion_item .head {
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 50px;
    padding-right: 98px;

    cursor: pointer;
}


.reasons .accordion_item .head .icon img {
    display: block;

    width: 68px;
    height: 68px;
}


.reasons .accordion_item .head .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    width: calc(100% - 98px);
}

.reasons .accordion_item .head .title span {
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;

    display: block;

    width: 555px;
    max-width: 100%;
}


.reasons .accordion_item .head .arr {
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .2s linear;

    color: #fff;
    border-radius: 50%;
    background: #95539c;
    box-shadow: 0 3px 16px rgba(166, 166, 166, .57);
}

.reasons .accordion_item .head .arr svg {
    display: block;

    width: 20px;
    height: 12px;

    transition: transform .2s linear;

    opacity: .9;
}

.reasons .accordion_item .head:hover .arr {
    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.reasons .accordion_item.active .head .arr {
    color: rgba(166, 125, 182, .9);
    background: #f2e6f6;
    box-shadow: 0 3px 16px rgba(216, 207, 220, .58);
}

.reasons .accordion_item.active .head .arr svg {
    transform: rotate(180deg);
}


.reasons .accordion_item.active .head:hover .arr {
    color: #fff;
    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.reasons .accordion_item .data {
    display: none;

    padding: 10px 98px 0;
}


.reasons .accordion + .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 80px;
}


/*---------------
    Treatment
---------------*/
.treatment .block_head {
    margin-bottom: 80px;
}


.treatment .block_head .desc {
    font-size: 24px;

    width: 100%;
    margin-top: 20px;

    color: #000;
}


.treatment .data {
    position: relative;
    z-index: 3;

    padding: 80px 68px;
}

.treatment .data .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.treatment .data .text_block {
    width: 682px;
    max-width: 100%;
}


.treatment .exp {
    line-height: 160%;

    width: 848px;
    max-width: 100%;
    margin-top: 32px;

    color: #797979;
}


.treatment .tableted {
    margin-top: 100px;
}


.treatment .tableted .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    margin-bottom: 40px;

    color: #792582;
}


.treatment .tableted .text {
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;

    color: #000;
}


.treatment .combination {
    margin-top: 80px;
}


.treatment .combination .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    width: 848px;
    max-width: 100%;
    margin-bottom: 32px;

    color: #792582;
}


.treatment .combination ul {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: -26px;
    margin-left: -139px;
}

.treatment .combination ul li {
    line-height: 160%;

    position: relative;

    display: block;

    width: calc(50% - 139px);
    margin-bottom: 26px;
    margin-left: 139px;
    padding-left: 40px;
}

.treatment .combination ul li:before {
    position: absolute;
    top: 13px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
    background: #a67db6;
}


.treatment .information {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 32px;

    color: #fff;
    background: url(/images/bg_every_10th.png) 0 0/cover no-repeat;
}


.treatment .information .title {
    font-weight: 500;
    line-height: 160%;

    display: block;

    width: 450px;
    max-width: 100%;
    padding: 45px 56px;
}


.treatment .information .desc {
    font-weight: 500;
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 45px 56px 45px 78px;

    color: #fff;
}

.treatment .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.treatment .portability {
    margin-top: 80px;
}


.treatment .portability .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    width: 848px;
    max-width: 100%;
    margin-bottom: 32px;

    color: #792582;
}


.treatment .portability .text_block {
    width: 848px;
    max-width: 100%;
}


.treatment .relieve_effects {
    margin-top: 80px;
}


.treatment .relieve_effects .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-bottom: 32px;

    color: #792582;
}


.treatment .relieve_effects .row {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: -32px;
    margin-left: -30px;
}

.treatment .relieve_effects .row > * {
    width: calc(33.333% - 30px);
    margin-bottom: 32px;
    margin-left: 30px;
}


.treatment .relieve_effects .item {
    min-height: 254px;
    padding: 30px;

    border-radius: 20px;
    background: #f2e6f6;
}

.treatment .relieve_effects .item .name {
    font-weight: 700;
    line-height: 130%;

    margin-bottom: 24px;

    color: #792582;
}

.treatment .relieve_effects .item .desc {
    font-size: 16px;
    line-height: 150%;

    color: #000;
}


/*----------------------
    Intravenous iron
----------------------*/
.intravenous_iron .block_title {
    width: 653px;
}


.intravenous_iron .block_desc {
    font-size: 24px;
    line-height: 125%;

    width: 653px;
    max-width: 100%;
    margin-top: 40px;

    color: #000;
}


.intravenous_iron .data {
    width: 848px;
    max-width: 100%;
}


.intravenous_iron .side_effects {
    margin-top: 80px;
}

.intravenous_iron .side_effects .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    margin-bottom: 32px;

    color: #792582;
}


.intravenous_iron .notice {
    line-height: 145%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 288px;
    max-width: 100%;
    height: 288px;
    margin-right: -66px;
    margin-left: auto;
    padding: 20px;

    text-align: center;

    color: #000;
    border: 4px solid #a67db6;
    border-radius: 50%;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;
}

.intravenous_iron .notice .icon {
    display: block;

    margin: 0 auto 4px;
}

.intravenous_iron .notice b {
    color: #792582;
}


/*----------
    Diet
----------*/
.diet .block_title {
    width: 848px;
}


.diet .block_desc {
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 40px;

    color: #000;
}

.diet .block_desc a {
    color: #792582;
}

.diet .block_desc a:hover {
    text-decoration: none;
}


.diet .information {
    position: relative;
    z-index: 3;

    margin-top: 80px;
    padding: 80px 80px 80px 62px;

    background: #ddd;
}


.diet .information .text_block {
    width: 591px;
    max-width: 100%;
}


.diet .information .exp {
    font-size: 16px;
    line-height: 145%;

    position: absolute;
    right: -45px;
    bottom: 80px;

    width: 470px;
    max-width: 100%;
    padding: 30px 151px 30px 48px;

    color: #792582;
    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}

.diet .information .exp sup {
    font-size: 10px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
}


.diet .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.diet .foods {
    width: 848px;
    max-width: 100%;
    margin-top: 80px;
}

.diet .foods .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    margin-bottom: 32px;

    color: #792582;
}


/*--------------
    Criteria
--------------*/
.criteria .block_title {
    width: 653px;
}


.criteria .block_desc {
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 40px;

    color: #000;
}


.criteria .key_criteria {
    margin-top: 50px;
}


.criteria .key_criteria .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    width: 848px;
    max-width: 100%;
    margin-bottom: 32px;

    color: #792582;
}

.criteria .key_criteria .title sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.criteria .key_criteria .row {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: -32px;
    margin-left: -30px;
}

.criteria .key_criteria .row > * {
    width: calc(33.333% - 30px);
    margin-bottom: 32px;
    margin-left: 30px;
}


.criteria .key_criteria .item {
    min-height: 254px;
    padding: 30px 34px;

    border-radius: 20px;
    background: #f2e6f6;
}

.criteria .key_criteria .item .name {
    font-weight: 700;
    line-height: 130%;

    margin-bottom: 24px;

    color: #792582;
}

.criteria .key_criteria .item .desc {
    font-size: 16px;
    line-height: 150%;

    color: #000;
}

.criteria .key_criteria .item .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.criteria .key_criteria .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 32px;
}


/*------------------
    Why not work
------------------*/
.why_not_work .block_title {
    width: 653px;
    margin-bottom: 50px;
}

.why_not_work .block_title sup {
    font-size: 16px;
    line-height: 22px;

    display: inline-block;

    vertical-align: top;
}


.why_not_work .text_block {
    width: 848px;
    max-width: 100%;
}

.why_not_work .information + .text_block {
    margin-top: 32px;
}


.why_not_work .information {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 32px;

    color: #fff;
    background: url(/images/bg_every_10th.png) 0 0/cover no-repeat;
}


.why_not_work .information .title {
    font-weight: 500;
    line-height: 160%;

    width: 395px;
    max-width: 100%;
    padding: 45px 56px;
}


.why_not_work .information .desc {
    font-weight: 500;
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 29px 49px 29px 61px;

    color: #fff;
}

.why_not_work .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


/*----------------
    Prevention
----------------*/
.prevention {
    padding: 150px 0;

    background: #f8f8f8;
}


.prevention .block_head .title br {
    display: none;
}


.prevention .section {
    margin-top: 100px;
}


.prevention .block_title {
    width: 653px;
}


.prevention .block_desc {
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 40px;

    color: #000;
}


.prevention .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 50px;
}


.prevention .exp {
    line-height: 160%;

    position: relative;

    width: 848px;
    max-width: 100%;
    margin-top: 32px;
    padding: 32px 0;

    color: #792582;
    background: #f2e6f6;
}

.prevention .exp:before {
    position: absolute;
    top: 0;
    left: 100%;

    display: block;

    width: 118px;
    height: 100%;

    content: '';

    background: #f2e6f6;
}

.prevention .exp:after {
    position: absolute;
    top: 0;
    right: 100%;

    display: block;

    width: 50vw;
    height: 100%;

    content: '';

    background: #f2e6f6;
}


/*----------------
    Story info
----------------*/
.story_info .breadcrumbs {
    width: 100%;
    margin-bottom: 31px;
}


.story_info .author {
    width: 352px;

    background: #fff;
    box-shadow: 4px 12px 22px rgba(0, 0, 0, .16);
}

.story_info .data + .author {
    min-height: 420px;
    margin-left: auto;
}


.story_info .thumb {
    position: relative;

    overflow: hidden;

    height: 335px;

    background: #ddd;
}

.story_info .data + .author .thumb {
    height: 309px;
}


.story_info .thumb img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.story_info .thumb:after {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;

    display: block;

    width: 100%;
    height: 104px;

    content: '';

    background: url(/images/influence_mask.svg) 0 0/100% 100% no-repeat;
}


.story_info .author .name {
    font-style: italic;
    line-height: 125%;

    padding: 39px 30px 21px;

    color: #792582;
}

.story_info .data + .author .name {
    padding: 23px 31px 23px 32px;
}


.story_info .data {
    align-self: center;

    width: 653px;
    max-width: calc(100% - 452px);
}

.story_info .author + .data {
    width: 592px;
    margin-left: 100px;
}


.story_info .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    color: #792582;
}

.story_info .author + .data .title {
    font-size: 36px;
}


.story_info .desc {
    line-height: 160%;

    margin-top: 40px;

    color: #000;
}

.story_info .author + .data .desc {
    margin-top: 20px;

    color: var(--text_color);
}


.story_info .link {
    margin-top: 40px;
}

.story_info .link a {
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 100%;

    display: inline-block;

    padding: 18px 40px 20px;

    vertical-align: top;
    text-decoration: none;

    color: #fff;
    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


/*-------------
    Stories
-------------*/
.stories {
    position: relative;
    z-index: 3;
}

.stories:after {
    position: absolute;
    z-index: -1;
    top: -250px;
    right: 50%;

    display: block;

    width: 617px;
    height: 617px;
    margin-right: -980px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
}


.stories .row {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-bottom: -40px;
    margin-left: -40px;
}

.stories .row > * {
    width: calc(33.333% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;
}


.stories .item {
    position: relative;
    z-index: 3;

    overflow: hidden;

    padding: 30px 73px 30px 30px;

    background: #f0f0f0;
}


.stories .item .name {
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;

    color: #792582;
}

.stories .item .name a {
    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    color: currentColor;
}


.stories .item .desc {
    font-size: 16px;
    line-height: 24px;

    margin-top: 16px;

    color: #626262;
}


.stories .item .thumb {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 100% 50%;
}


.stories .all_link {
    align-self: center;

    text-align: center;
}


.stories .all_link a {
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: 100%;

    display: inline-block;

    padding: 18px 40px 20px;

    vertical-align: top;
    text-decoration: none;

    color: #fff;
    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
}


/*----------------
    Story data
----------------*/
.story_data {
    position: relative;
    z-index: 3;
}


.story_data .section ~ .section {
    margin-top: 100px;
}


.story_data .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    width: 653px;
    max-width: 100%;
    margin-bottom: 40px;

    color: #000;
}


.story_data .text_block {
    width: 848px;
    max-width: 100%;
}

.story_data .text_block strong {
    font-weight: 500;
    color: #792582;
}

.story_data .icon {
    position: absolute;
    top: 274px;
    right: 50%;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 437px;
    height: 437px;
    margin-right: -781px;

    border-radius: 50%;
    background: #f2e6f7;
}

.story_data .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}


/*--------------------
    Ferritin about
--------------------*/
.ferritin_about .data {
    width: 653px;
    max-width: 100%;
}


.ferritin_about .data .sub_title {
    font-weight: 500;
    line-height: 160%;

    margin-bottom: 30px;

    color: #792582;
}


.ferritin_about .message {
    line-height: 160%;

    position: relative;

    width: 382px;
    max-width: 100%;
    margin-right: -36px;
    margin-left: auto;
    padding: 70px 35px 52px 30px;

    text-align: center;

    color: #792582;
    border: 4px solid #a67db6;
    border-radius: 28px;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;
}

.ferritin_about .message .icon {
    position: absolute;
    top: -49px;
    right: 0;
    left: 0;

    display: block;

    width: 95px;
    height: 95px;
    margin: auto;
}

.ferritin_about .message .icon img {
    display: block;

    width: 100%;
    height: 100%;
}


/*---------------------
    Ferritin normal
---------------------*/
.ferritin_normal {
    padding: 150px 0;

    background: #f9f9f9;
}


.ferritin_normal .block_head {
    margin-bottom: 80px;
}

.ferritin_normal .block_head .desc {
    font-size: 24px;

    width: 653px;
    max-width: 100%;
    margin-top: 20px;

    color: #000;
}


.ferritin_normal .values .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    margin-bottom: 50px;

    color: #792582;
}


.ferritin_normal .values .swiper-button-next {
    display: none;

    padding-right: 24px;

    background: linear-gradient(270deg, #f8f8f8 18.77%, rgba(248, 248, 248, 0) 100%);
}

.ferritin_normal .values .swiper-button-prev {
    display: none;

    padding-left: 24px;

    background: linear-gradient(90deg, #f8f8f8 18.77%, rgba(248, 248, 248, 0) 100%);
}


.ferritin_normal .values .row {
    align-content: stretch;
    align-items: stretch;

    margin-bottom: -40px;
    margin-left: -40px;
}

.ferritin_normal .values .row > * {
    width: calc(33.333% - 40px);
    margin-bottom: 40px;
    margin-left: 40px;
}


.ferritin_normal .values .item {
    padding: 30px;

    border-radius: 20px;
    background: #f2e6f6;
}


.ferritin_normal .values .item .name {
    font-weight: 700;
    line-height: 130%;

    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 28px;

    color: #792582;
}

.ferritin_normal .values .item .name span {
    width: calc(100% - 60px);
}


.ferritin_normal .values .item .icon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 30px;
    height: 43px;
    margin-left: auto;
}

.ferritin_normal .values .item .icon img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.ferritin_normal .values .item .features > * {
    font-size: 16px;
    line-height: 24px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    color: #000;
}

.ferritin_normal .values .item .features > * + * {
    margin-top: 10px;
}


.ferritin_normal .values .item .features .val {
    font-size: var(--font_size);
    font-weight: 500;
    line-height: 32px;

    white-space: nowrap;

    color: #792582;
}


.ferritin_normal .section {
    margin-top: 80px;
}


.ferritin_normal .section .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    display: block;

    margin-bottom: 32px;

    color: #792582;
}


.ferritin_normal .text_block {
    width: 848px;
    max-width: 100%;
}


/*---------------------
    Ferritin causes
---------------------*/
.ferritin_causes .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 80px;
}

.ferritin_causes .block_head .desc {
    font-size: 24px;

    margin-top: 20px;

    color: #000;
}


.ferritin_causes .text_block {
    width: 848px;
    max-width: 100%;
}

.ferritin_causes .text_block ul li + li {
    margin-top: 32px;
}


.ferritin_causes .text_block .bg {
    margin-top: 50px;
    margin-bottom: 50px;
}


/*-----------------------
    Ferritin symptoms
-----------------------*/
.ferritin_symptoms {
    margin-top: 100px;
}

.ferritin_symptoms a {
    color: #7a7a7a;
}


.ferritin_symptoms .block_title {
    margin-bottom: 50px;
}


.ferritin_symptoms .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-bottom: 32px;

    color: #792582;
}

.ferritin_symptoms .row + .title {
    margin-top: 80px;
}


.ferritin_symptoms .row {
    margin-bottom: -25px;
    margin-left: -150px;
}

.ferritin_symptoms .row > * {
    width: calc(50% - 150px);
    margin-bottom: 25px;
    margin-left: 150px;
}


.ferritin_symptoms .item {
    font-weight: 300;
    line-height: 24px;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ferritin_symptoms .item .icon img {
    display: block;

    width: 68px;
    height: 68px;
}

.ferritin_symptoms .item .icon + * {
    width: calc(100% - 88px);
}

.ferritin_symptoms .item sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.ferritin_symptoms .text_block {
    margin-top: 50px;
}


/*-------------------
    Ferritin when
-------------------*/
.ferritin_when .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 80px;
}


.ferritin_when .text_block {
    width: 848px;
    max-width: 100%;
}


.ferritin_when .information {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 50px;

    color: #fff;
    background: url(/images/bg_information.png) 0 0/cover no-repeat;
}


.ferritin_when .information .title {
    font-weight: 500;
    line-height: 160%;

    width: 450px;
    max-width: 100%;
    padding: 45px 56px;
}


.ferritin_when .information .desc {
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 32px 50px 31px 96px;

    color: #fff;
}

.ferritin_when .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


/*-----------------------
    Treatment methods
-----------------------*/
.treatment_methods {
    padding: 150px 0;

    background: #f9f9f9;
}


.treatment_methods .block_head {
    width: 698px;
    max-width: 100%;
    margin-bottom: 0;
}


.treatment_methods .block_head .desc {
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;

    color: #000;
}

.treatment_methods .block_head .desc b {
    color: #792582;
}


.treatment_methods .section {
    margin-top: 100px;
}


.treatment_methods .block_title {
    width: 848px;
    margin-bottom: 40px;
}


.treatment_methods .text_block {
    width: 848px;
    max-width: 100%;
}


.treatment_methods .information {
    position: relative;
    z-index: 3;

    margin-top: 50px;
    padding: 80px 80px 80px 62px;

    background: #ddd;
}


.treatment_methods .information .text_block {
    width: 591px;
    max-width: 100%;
}


.treatment_methods .information .exp {
    font-size: 16px;
    line-height: 145%;

    position: absolute;
    right: -45px;
    bottom: 80px;

    width: 470px;
    max-width: 100%;
    padding: 30px 151px 30px 48px;

    color: #792582;
    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}

.treatment_methods .information .exp sup {
    font-size: 10px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
}


.treatment_methods .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/*---------
    FAQ
---------*/
.faq .block_head {
    margin-bottom: 80px;
}


.faq .accordion_item + .accordion_item {
    margin-top: 60px;
}


.faq .accordion_item .head {
    position: relative;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    min-height: 68px;
    padding-right: 98px;

    cursor: pointer;
}


.faq .accordion_item .head .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    width: 100%;

    color: #792582;
}


.faq .accordion_item .head .arr {
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .2s linear;

    color: #fff;
    border-radius: 50%;
    background: #95539c;
    box-shadow: 0 3px 16px rgba(166, 166, 166, .57);
}

.faq .accordion_item .head .arr svg {
    display: block;

    width: 20px;
    height: 12px;

    transition: transform .2s linear;

    opacity: .9;
}

.faq .accordion_item .head:hover .arr {
    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.faq .accordion_item.active .head .arr {
    color: rgba(166, 125, 182, .9);
    background: #f2e6f6;
    box-shadow: 0 3px 16px rgba(216, 207, 220, .58);
}

.faq .accordion_item.active .head .arr svg {
    transform: rotate(180deg);
}


.faq .accordion_item.active .head:hover .arr {
    color: #fff;
    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.faq .accordion_item .data {
    display: none;

    padding: 8px 98px 0 0;
}

.faq .accordion_item .data.pad_t {
    padding-top: 30px;
}


.faq .accordion_item .text_block {
    width: 820px;
    max-width: 100%;
}


/*------------------
    Bibliography
------------------*/
.bibliography .list {
    font-size: 16px;
    line-height: 125%;

    color: #000;
}


.bibliography .list ol {
    counter-reset: li;
}

.bibliography .list ol li {
    position: relative;

    display: block;

    padding-left: 30px;

    list-style-type: none;
}

.bibliography .list ol li + li {
    margin-top: 8px;
}

.bibliography .list ol li.hide {
    display: none;
}

.bibliography .list ol li:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 30px;

    content: counter(li) '.';
    counter-increment: li;
    text-align: center;
}


.bibliography .spoler_btn {
    font-size: 14px;
    line-height: 100%;

    margin-top: 30px;
    padding: 16px 30px;

    color: #fff;
    border-radius: 30px;
    background: #792582;
    box-shadow: 0 18px 18px rgba(211, 190, 218, .5);
    cursor: pointer;
}

.row-item-wrapper.hide{
    display: none;
}
.row-item-wrapper.hide.show{
    display: block;;
}

.bibliography .spoler_btn span + span,
.bibliography .spoler_btn.active span {
    display: none;
}

.bibliography .spoler_btn.active span + span {
    display: block;
}


/*------------------------
    About deficit iron
------------------------*/
.about_deficit_iron .information {
    color: #fff;

    display: flex;

    margin-bottom: 50px;

    background: url(../images/bg_every_10th.png) 0 0/cover no-repeat;

    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.about_deficit_iron .information .title {
    font-weight: 500;
    line-height: 160%;

    width: 450px;
    max-width: 100%;
    padding: 61px 56px;
}


.about_deficit_iron .information .desc {
    color: #fff;
    font-weight: 500;
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 45px 56px 45px 96px;
}

.about_deficit_iron .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.about_deficit_iron .text_block {
    width: 653px;
    max-width: 100%;
}


.about_deficit_iron img {
    display: block;

    margin-right: 122px;
    margin-left: auto;

    align-self: center;
}


/*-------------------------
    Stages deficit iron
-------------------------*/
.stages_deficit_iron .section + .section {
    margin-top: 100px;
}


.stages_deficit_iron .data {
    position: relative;
    z-index: 5;

    width: 654px;
    max-width: 100%;
}


.stages_deficit_iron .block_head {
    margin-bottom: 80px;
}

.stages_deficit_iron .block_head .title.min_w {
    width: 532px;
}

.stages_deficit_iron .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.stages_deficit_iron .items {
    color: #792582;
    font-weight: 500;
    line-height: 125%;

    position: relative;
    z-index: 3;
    top: 154px;

    width: 306px;
    max-width: 100%;
    margin-left: auto;
}

.stages_deficit_iron .items:before {
    position: absolute;
    z-index: -1;
    top: -154px;
    left: -156px;

    display: block;

    width: 772px;
    height: 772px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
}

.stages_deficit_iron .items > * + * {
    margin-top: 60px;
}


.stages_deficit_iron .items .icon {
    display: flex;

    height: 50px;
    margin-bottom: 14px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.stages_deficit_iron .items .icon img {
    display: block;
}


.stages_deficit_iron .stage + .stage {
    margin-top: 100px;
}


.stages_deficit_iron .stage .block_title {
    width: 848px;
}


.stages_deficit_iron .stage .block_desc {
    color: #000;
    font-size: 22px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 20px;
}

.stages_deficit_iron .stage .block_desc.big_w {
    width: 955px;
}


.stages_deficit_iron .stage .information {
    color: #fff;

    display: flex;

    width: 100%;
    margin-top: 50px;

    background: url(../images/bg_every_10th.png) -70px 0/cover no-repeat #a67db6;

    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.stages_deficit_iron .stage .information .info {
    width: 394px;
    max-width: 100%;
    padding: 48px 92px 48px 44px;
}

.stages_deficit_iron .stage .information .info br {
    display: none;
}


.stages_deficit_iron .stage .information .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}


.stages_deficit_iron .stage .information .features {
    margin-top: 30px;
}

.stages_deficit_iron .stage .information .features > * {
    font-size: 16px;
    line-height: 24px;

    display: flex;

    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.stages_deficit_iron .stage .information .features > * + * {
    margin-top: 8px;
}


.stages_deficit_iron .stage .information .features .val {
    color: #f2e6f6;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;

    margin-left: 10px;

    text-align: right;
    white-space: nowrap;
}


.stages_deficit_iron .stage .information .desc {
    color: #fff;
    line-height: 160%;

    width: calc(100% - 394px);
    margin-left: auto;
    padding: 29px 46px 29px 72px;

    align-self: center;
}

.stages_deficit_iron .stage .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}

.stages_deficit_iron .stage .information .desc b {
    color: #eacef5;
}


.stages_deficit_iron .stage .text_block {
    width: 960px;
    max-width: 100%;
    margin-top: 50px;
}


.stages_deficit_iron .stage .result {
    color: #626262;
    line-height: 160%;

    position: relative;
    z-index: 3;

    margin-top: 50px;
    padding: 80px 75px;

    background: #eaeaea;
}

.stages_deficit_iron .stage .result .text {
    width: 533px;
    max-width: 100%;
    margin-left: auto;
}

.stages_deficit_iron .stage .result img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 0 50%;
}


.stages_deficit_iron .stats {
    display: flex;

    margin-top: 80px;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.stages_deficit_iron .stats .data {
    width: 615px;
    max-width: 100%;
}


.stages_deficit_iron .stats .data > * {
    border: 3px solid #f2e6f6;
    border-radius: 20px;
}

.stages_deficit_iron .stats .data > * + * {
    margin-top: 40px;
}


.stages_deficit_iron .stats .data .head {
    display: flex;

    padding: 44px 72px 43px 70px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.stages_deficit_iron .stats .data .head .title {
    color: #792582;
    font-weight: 700;
    line-height: 130%;

    width: 350px;
    max-width: calc(100% - 68px);
}

.stages_deficit_iron .stats .data .head .title sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.stages_deficit_iron .stats .data .head .icon {
    display: block;

    width: 44px;
}


.stages_deficit_iron .stats .data .features {
    padding: 37px 72px 20px;

    border-top: 3px solid #f2e6f6;
}

.stages_deficit_iron .stats .data .features + .features {
    padding-top: 20px;
}


.stages_deficit_iron .stats .data .features > * {
    color: #626262;
    font-size: 16px;
    line-height: 140%;

    display: flex;

    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.stages_deficit_iron .stats .data .features > * + * {
    margin-top: 15px;
}

.stages_deficit_iron .stats .data .features .label b {
    color: #792582;
}

.stages_deficit_iron .stats .data .features .val {
    color: #792582;
    font-size: 20px;
    font-weight: 500;
    line-height: 125%;

    margin-left: 20px;

    text-align: right;
    white-space: nowrap;
}


.stages_deficit_iron .stats .list {
    width: 348px;
    max-width: 100%;
    margin-top: 96px;
    margin-left: auto;
}

.stages_deficit_iron .stats .list > * + * {
    margin-top: 70px;
}


.stages_deficit_iron .stats .list .val {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 125%;
}


.stages_deficit_iron .stats .list .exp {
    line-height: 125%;

    margin-top: 5px;
}


.stages_deficit_iron .stats .list .desc {
    color: #626262;
    font-size: 16px;
    line-height: 160%;

    margin-top: 20px;
}

.stages_deficit_iron .stats .list .desc sup {
    font-size: 10px;
    line-height: 16px;

    display: inline-block;

    vertical-align: top;
}


.stages_deficit_iron .symptoms {
    padding: 0;
}


.stages_deficit_iron .symptoms .block_head {
    margin-bottom: 50px;
}

.stages_deficit_iron .symptoms .block_head .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    width: 453px;
}

.stages_deficit_iron .symptoms .block_head .desc {
    color: #000;
    font-size: 22px;
    line-height: 125%;

    width: 955px;
    max-width: 100%;
    margin-top: 15px;
}


.stages_deficit_iron .symptoms .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 78px;
}


/*-------------------
    Complications
-------------------*/
.complications {
    padding: 150px 0;

    background: #f8f8f8;
}


.complications .block_head .title {
    width: 478px;
    max-width: 100%;
}

.complications .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 653px;
    max-width: 100%;
    margin-top: 20px;
}


.complications .text_block {
    width: 955px;
    max-width: 100%;
}


.complications .row {
    margin-top: 40px;
    margin-bottom: -60px;
    margin-left: -120px;
}

.complications .row > * {
    width: calc(50% - 120px);
    margin-bottom: 60px;
    margin-left: 120px;
}


.complications .item {
    color: #626262;
    line-height: 160%;
}

.complications .item .name {
    color: #792582;
    font-weight: 700;
    line-height: 125%;

    margin-bottom: 18px;
}

.complications .item sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


/*----------------------
    Anemia treatment
----------------------*/
.anemia_treatment .block_head {
    margin-bottom: 80px;
}

.anemia_treatment .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 664px;
    max-width: 100%;
    margin-top: 20px;
}

.anemia_treatment .block_head .desc b {
    color: #792582;
}


.anemia_treatment .information {
    position: relative;
    z-index: 3;

    padding: 80px 62px;

    background: #ddd;
}

.anemia_treatment .information .text_block {
    width: 591px;
    max-width: 100%;
    margin: 0;
}

.anemia_treatment .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.anemia_treatment .information .exp {
    color: #792582;
    font-size: 16px;
    line-height: 145%;

    position: absolute;
    right: -45px;
    bottom: 80px;

    width: 470px;
    max-width: 100%;
    padding: 30px 151px 30px 48px;

    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(2.5px);
}


.anemia_treatment .sub_title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    width: 653px;
    max-width: 100%;
    margin-top: 100px;
    margin-bottom: 80px;
}

.anemia_treatment .sub_title sup {
    font-size: 16px;
    line-height: 22px;

    display: inline-block;

    vertical-align: top;
}


.anemia_treatment .data {
    width: 653px;
    max-width: 100%;
}


.anemia_treatment .items > * {
    display: flex;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.anemia_treatment .items > * + * {
    margin-top: 50px;
}


.anemia_treatment .items .icon {
    width: 68px;
    height: 68px;
}

.anemia_treatment .items .icon img {
    display: block;

    width: 100%;
    height: 100%;
}

.anemia_treatment .items .icon + * {
    width: calc(100% - 98px);
}


.anemia_treatment .items .name {
    color: #792582;
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    padding: 6px 0;
}


.anemia_treatment .items .desc {
    color: #626262;
    line-height: 160%;

    margin-top: 10px;
}

.anemia_treatment .items .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.anemia_treatment .data + .exp {
    color: #792582;
    font-size: 16px;
    line-height: 160%;

    width: 358px;
    max-width: 100%;
    margin-bottom: 134px;
    margin-left: auto;
    padding: 30px;

    border: 3px solid #f2e6f6;
    border-radius: 20px;
    background: #f2e6f6;

    align-self: flex-end;
}


.anemia_treatment .text_block {
    width: 954px;
    max-width: 100%;
    margin-top: 50px;
}


/*-----------------------
    Tеreatment causes
-----------------------*/
.tеreatment_causes {
    position: relative;
    z-index: 3;

    overflow: hidden;

    padding: 150px 0;

    background: #f8f8f8;
}

.tеreatment_causes:before {
    position: absolute;
    top: -173px;
    right: 50%;

    display: block;

    width: 659px;
    height: 659px;
    margin-right: -1024px;

    content: '';

    border-radius: 50%;
    background: #f2e6f7;
    z-index: -1;
}


.tеreatment_causes .block_head {
    margin-bottom: 80px;
}

.tеreatment_causes .block_head .title {
    width: 460px;
    max-width: 100%;
}

.tеreatment_causes .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 664px;
    max-width: 100%;
    margin-top: 20px;
}

.tеreatment_causes .block_head .desc b {
    color: #792582;
}

.tеreatment_causes .sub_title {
    color: #792582;
    font-weight: 700;
    line-height: 125%;

    width: 880px;
    max-width: 100%;
    margin-bottom: 32px;
}

.tеreatment_causes .sub_title sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


/*------------------
    Prevention 2
------------------*/
.prevention2 .block_head {
    margin-bottom: 80px;
}

.prevention2 .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 160%;

    width: 572px;
    max-width: 100%;
    margin-top: 20px;
}

.prevention2 .block_head .desc b {
    color: #792582;
}


.prevention2 .mob_notice {
    color: #792582;
    font-size: 16px;
    font-weight: 500;
    line-height: 145%;

    position: relative;

    display: none;

    width: 520px;
    max-width: 100%;
    margin-bottom: 60px;
    padding: 5px 57px 5px 0;

    background: #f2e6f6;

    backdrop-filter: blur(2.5px);
}

.prevention2 .mob_notice:before {
    position: absolute;
    top: 0;
    right: 100%;

    display: block;

    width: 56px;
    height: 100%;

    content: '';

    background: #f2e6f6;

    backdrop-filter: blur(2.5px);
}


.prevention2 .sub_title {
    color: #792582;
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;

    margin-bottom: 40px;
}


.prevention2 .data {
    width: 654px;
    max-width: 100%;

    counter-reset: number;
}


.prevention2 .item {
    position: relative;

    padding-left: 67px;
}

.prevention2 .item + .item {
    margin-top: 40px;
}

.prevention2 .item:after {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 38px;
    height: 36px;

    content: '';
    transform: rotate(-11deg);

    background: url('../images/bg_ol_li.svg') 0 0/100% 100% no-repeat;
}

.prevention2 .item:before {
    color: #a67db6;
    font-size: 51px;
    font-weight: 700;
    line-height: 36px;

    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    height: 36px;
    margin: auto;

    content: counter(number);
    counter-increment: number;
}


.prevention2 .item .name {
    color: #792582;
    font-weight: 500;
    line-height: 160%;

    display: flex;

    min-height: 36px;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.prevention2 .item .name sup {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
}

.prevention2 .item .text_block {
    margin-top: 28px;
}


.prevention2 .notice {
    color: #000;
    line-height: 145%;

    display: flex;

    width: 288px;
    max-width: 100%;
    height: 288px;
    margin-top: 68px;
    margin-right: -66px;
    margin-left: auto;
    padding: 20px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 50%;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.prevention2 .notice .icon {
    display: block;

    margin: 0 auto 4px;
}


.prevention2 .text_block {
    width: 955px;
    max-width: 100%;
    margin-top: 50px;
}


/*------------------
    Symptom info
------------------*/
.symptom_info .block_head {
    width: 848px;
    max-width: 100%;
}

.symptom_info .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.symptom_info .text_block {
    width: 848px;
    max-width: 100%;
}

.symptom_info .text_block.min_w {
    width: 653px;
}


.symptom_info .symptoms {
    margin-top: 50px;
}


/*--------------------
    Iron pregnancy
--------------------*/
.iron_pregnancy .information {
    color: #fff;

    display: flex;

    margin-bottom: 50px;

    background: url(../images/bg_information.png) 0 0/cover no-repeat;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.iron_pregnancy .information .title::selection,
.ferritin_when .information .title::selection,
.about_deficit_iron .information .title::selection,
.stages_deficit_iron .stage .information .info::selection,
.stages_deficit_iron .stage .information .title::selection{
    color: #792582;
    background-color: #fff;
}

.iron_pregnancy .information .title {
    font-weight: 500;
    line-height: 160%;

    width: 450px;
    max-width: 100%;
    padding: 61px 56px;
}


.iron_pregnancy .information .desc {
    color: #fff;
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 61px 56px 61px 96px;
}

.iron_pregnancy .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.iron_pregnancy .text_block {
    width: 848px;
    max-width: 100%;
}


/*----------------
    Hemoglobin
----------------*/
.hemoglobin {
    padding: 150px 0;

    background: #f8f8f8;
}


.hemoglobin .block_head {
    width: 848px;
    max-width: 100%;
    margin-bottom: 100px;
}

.hemoglobin .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.hemoglobin .schema {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}


.hemoglobin .schema .data {
    width: 492px;
    max-width: 100%;
}


.hemoglobin .schema .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    margin-bottom: 40px;
}


.hemoglobin .schema .image {
    width: 518px;
    max-width: 100%;
    margin-left: auto;
}

.hemoglobin .schema .image img {
    display: block;

    max-width: 100%;
    margin: 0 auto;
}


.hemoglobin .results {
    margin: 32px 0 0;
    padding: 0;

    background: none;
}


.hemoglobin .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 32px;
}

.hemoglobin .schema + .text_block {
    margin-top: 100px;
}


/*-----------------
    What danger
-----------------*/
.what_danger .section + .section {
    margin-top: 100px;
}


.what_danger .section > .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    width: 653px;
    max-width: 100%;
    margin-bottom: 40px;
}

.what_danger .section > .title2 {
    width: 848px;
    margin-bottom: 32px;
}


.what_danger .section > .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 653px;
    max-width: 100%;
    margin-bottom: 50px;
}

.what_danger .section > .desc2 {
    color: var(--text_color);
    font-size: var(--font_size);
    line-height: 160%;

    width: 848px;
    margin-bottom: 32px;
}


.what_danger .block_head {
    width: 848px;
    max-width: 100%;
    margin-bottom: 80px;
}

.what_danger .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.what_danger .row .text_block {
    width: 652px;
    max-width: 100%;
}

.what_danger .row + .text_block {
    margin-top: 80px;
}


.what_danger .text_block ul.row {
    margin-bottom: -26px;
    margin-left: -139px;
}

.what_danger .text_block ul.row li {
    width: calc(50% - 139px);
    margin-bottom: 26px;
    margin-left: 139px;
}


.what_danger .message {
    color: #792582;
    line-height: 160%;

    position: relative;

    width: 382px;
    max-width: 100%;
    margin-top: 100px;
    margin-right: -36px;
    margin-left: auto;
    padding: 70px 35px 52px 30px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 28px;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;
}

.what_danger .message .icon {
    position: absolute;
    top: -49px;
    right: 0;
    left: 0;

    display: block;

    width: 95px;
    height: 95px;
    margin: auto;
}

.what_danger .message .icon img {
    display: block;

    width: 100%;
    height: 100%;
}

.what_danger .message sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.what_danger .notice {
    position: relative;
    z-index: 3;

    margin-top: 50px;
    padding: 80px 68px;
}

.what_danger .notice .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.what_danger .notice .text_block {
    width: 682px;
    max-width: 100%;
}


.what_danger .symptoms {
    padding: 0;

    background: none;
}


/*------------------------
    What danger excess
------------------------*/
.what_danger_excess {
    padding: 150px 0;

    background: #f8f8f8;
}


.what_danger_excess .block_head {
    margin-bottom: 80px;
}

.what_danger_excess .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 20px;
}


/*--------------------
    Iron diagnosis
--------------------*/


.iron_diagnosis .block_desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 698px;
    max-width: 100%;
    margin-top: 40px;
}


.iron_diagnosis .accordion {
    margin-top: 80px;
}


.iron_diagnosis .accordion_item + .accordion_item {
    margin-top: 70px;
}


.iron_diagnosis .accordion_item > .head {
    position: relative;

    display: flex;

    min-height: 50px;
    padding-right: 98px;

    cursor: pointer;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.iron_diagnosis .accordion_item > .head .icon img {
    display: block;

    width: 68px;
    height: 68px;
}


.iron_diagnosis .accordion_item > .head .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    width: calc(100% - 98px);
}

.iron_diagnosis .accordion_item > .head .title span {
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;

    display: block;

    width: 555px;
    max-width: 100%;
}

.iron_diagnosis .accordion_item > .head .title sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.iron_diagnosis .accordion_item > .head .arr {
    color: #fff;

    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .2s linear;

    border-radius: 50%;
    background: #95539c;
    box-shadow: 0 3px 16px rgba(166, 166, 166, .57);

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.iron_diagnosis .accordion_item > .head .arr svg {
    display: block;

    width: 20px;
    height: 12px;

    transition: transform .2s linear;

    opacity: .9;
}

.iron_diagnosis .accordion_item > .head:hover .arr {
    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.iron_diagnosis .accordion_item.active > .head .arr {
    color: rgba(166, 125, 182, .9);

    background: #f2e6f6;
    box-shadow: 0 3px 16px rgba(216, 207, 220, .58);
}

.iron_diagnosis .accordion_item.active > .head .arr svg {
    transform: rotate(180deg);
}


.iron_diagnosis .accordion_item.active > .head:hover .arr {
    color: #fff;

    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.iron_diagnosis .accordion_item > .data {
    display: none;

    padding: 20px 0 0 98px;
}


.stages_deficit_iron .stats {
    display: flex;

    margin-top: 80px;

    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.iron_diagnosis .stats {
    width: 751px;
    max-width: 100%;
    margin-top: 38px;
}


.iron_diagnosis .stats > * {
    border: 3px solid #f2e6f6;
    border-radius: 20px;
}

.iron_diagnosis .stats > * + * {
    margin-top: 40px;
}


.iron_diagnosis .stats .head {
    display: flex;

    padding: 27px 51px;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.iron_diagnosis .stats .head .title {
    color: #792582;
    font-weight: 700;
    line-height: 130%;

    width: 499px;
    max-width: calc(100% - 68px);
}

.iron_diagnosis .stats .head .title sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.iron_diagnosis .stats .head .icon {
    display: block;

    width: 44px;
}


.iron_diagnosis .stats .features {
    padding: 27px 51px;

    border-top: 3px solid #f2e6f6;
}


.iron_diagnosis .stats .features > * {
    color: #626262;
    font-size: 16px;
    line-height: 140%;

    display: flex;

    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.iron_diagnosis .stats .features > * + * {
    margin-top: 30px;
}

.iron_diagnosis .stats .features .label b {
    color: #792582;
}

.iron_diagnosis .stats .features .val {
    color: #792582;
    font-size: 20px;
    font-weight: 500;
    line-height: 125%;

    margin-left: 20px;

    text-align: right;
    white-space: nowrap;
}


.iron_diagnosis .text_block {
    width: 750px;
    max-width: 100%;
}

.iron_diagnosis .stats + .text_block {
    margin-top: 32px;
}

.iron_diagnosis .text_block.full_w {
    width: 100%;
}


.iron_diagnosis .information {
    position: relative;
    z-index: 3;

    margin-top: 70px;
    padding: 80px 62px;

    background: #ddd;
}

.iron_diagnosis .information .text_block {
    width: 591px;
    max-width: 100%;
    margin: 0;
}

.iron_diagnosis .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.iron_diagnosis .information .exp {
    color: #792582;
    font-size: 16px;
    line-height: 145%;

    position: absolute;
    top: 80px;
    right: -45px;

    width: 470px;
    max-width: 100%;
    padding: 30px 151px 30px 48px;

    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(2.5px);
}


.iron_diagnosis .hepcidin,
.iron_diagnosis .hepcidin .section + .section {
    margin-top: 100px;
}


.iron_diagnosis .hepcidin .text_block {
    width: 848px;
}


.iron_diagnosis .table_title {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-bottom: 80px;
}

.iron_diagnosis .table_title sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.iron_diagnosis .table_wrap {
    overflow: auto;

    max-width: 100%;
}


.iron_diagnosis table {
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;

    border-radius: 20px;
    box-shadow: inset 0 0 0 3px #f2e6f6;
}

.iron_diagnosis table.fixed_w {
    table-layout: fixed;
}


.iron_diagnosis table th {
    color: #792582;
    font-weight: 700;
    line-height: 130%;

    padding: 30px;

    text-align: left;
    vertical-align: middle;

    border-bottom: 2px solid #f2e6f6;
}

.iron_diagnosis table th + th,
.iron_diagnosis table tr + tr th {
    border-left: 2px solid #f2e6f6;
}


.iron_diagnosis table td {
    font-size: 16px;
    line-height: 125%;

    padding: 30px;

    text-align: left;
    vertical-align: top;

    border-top: 2px solid #f2e6f6;
}

.iron_diagnosis table td b {
    color: #792582;
    font-size: 20px;
    font-weight: 500;
    line-height: 125%;
}

.iron_diagnosis table td + td {
    border-left: 2px solid #f2e6f6;
}


.iron_diagnosis .compensation {
    margin-top: 100px;
}


.iron_diagnosis .compensation .block_title {
    margin-bottom: 40px;
}


.iron_diagnosis .compensation .block_desc {
    width: 848px;
    margin-bottom: 80px;
}


/*---------------
    About IDA
---------------*/
.about_IDA .data {
    width: 653px;
    max-width: 100%;
}


.about_IDA .block_head {
    margin-bottom: 80px;
}

.about_IDA .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.about_IDA .exp {
    color: #792582;
    font-size: 16px;
    line-height: 145%;

    display: flex;

    width: 362px;
    max-width: 100%;
    height: 362px;
    margin-top: 42px;
    margin-right: -49px;
    margin-left: auto;
    padding: 40px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 50%;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


/*--------------------
    Prevalence IDA
--------------------*/
.prevalence_IDA {
    position: relative;
    z-index: 3;

    padding: 150px 0 78px;

    background: linear-gradient(90.17deg, #f9f9f9 .01%, #f7f7f7 66.53%, #f4f4f4 99.71%);
}


.prevalence_IDA > .bg {
    position: absolute;
    z-index: -1;
    right: 50%;
    bottom: 0;

    display: block;

    min-width: 200px;
    min-height: 200px;
    margin-right: -840px;
}


.prevalence_IDA .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 80px;
}

.prevalence_IDA .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.prevalence_IDA .text_block {
    width: 653px;
    max-width: 100%;
}


.prevalence_IDA .exp {
    color: #792582;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;

    position: absolute;
    z-index: 3;
    right: 50%;
    bottom: 161px;

    width: 470px;
    margin-right: -720px;
    padding: 30px 151px 30px 48px;

    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(2.5px);
}

.prevalence_IDA .exp sup {
    font-size: 10px;
    line-height: 16px;

    display: inline-block;

    vertical-align: top;
}


/*-----------------
    Reasons IDA
-----------------*/
.reasons_IDA .block_head .title {
    width: 804px;
    max-width: 100%;
}


.reasons_IDA .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 80px;
}


.reasons_IDA .accordion {
    width: 945px;
    max-width: 100%;
}


.reasons_IDA .accordion_item + .accordion_item {
    margin-top: 70px;
}


.reasons_IDA .accordion_item .head {
    position: relative;

    display: flex;

    min-height: 50px;
    padding-right: 98px;

    cursor: pointer;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.reasons_IDA .accordion_item .head .icon img {
    display: block;

    width: 68px;
    height: 68px;
}


.reasons_IDA .accordion_item .head .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    display: block;

    width: calc(100% - 98px);
}

.reasons_IDA .accordion_item .head .title span {
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;

    display: block;

    width: 555px;
    max-width: 100%;
}


.reasons_IDA .accordion_item .head .arr {
    color: #fff;

    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;

    display: flex;

    width: 50px;
    height: 50px;
    margin: auto;

    transition: .2s linear;

    border-radius: 50%;
    background: #95539c;
    box-shadow: 0 3px 16px rgba(166, 166, 166, .57);

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.reasons_IDA .accordion_item .head .arr svg {
    display: block;

    width: 20px;
    height: 12px;

    transition: transform .2s linear;

    opacity: .9;
}

.reasons_IDA .accordion_item .head:hover .arr {
    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.reasons_IDA .accordion_item.active .head .arr {
    color: rgba(166, 125, 182, .9);

    background: #f2e6f6;
    box-shadow: 0 3px 16px rgba(216, 207, 220, .58);
}

.reasons_IDA .accordion_item.active .head .arr svg {
    transform: rotate(180deg);
}


.reasons_IDA .accordion_item.active .head:hover .arr {
    color: #fff;

    background: #792582;
    box-shadow: 0 5px 18px rgba(211, 190, 218, .5);
}


.reasons_IDA .accordion_item .data {
    display: none;

    padding: 10px 70px 0 98px;
}


/*-------------------
    Symptoms IDA
-------------------*/
.symptoms_IDA .block_head {
    margin-bottom: 70px;
}

.symptoms_IDA .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 20px;
}


.symptoms_IDA .section + .section {
    margin-top: 80px;
}


.symptoms_IDA .section .title {
    color: #792582;
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;

    margin-bottom: 32px;
}


.symptoms_IDA .row {
    margin-bottom: -25px;
}

.symptoms_IDA .row > * {
    width: calc(50% - 52px);
    margin-bottom: 25px;
}


/*-------------------
    Influence IDA
-------------------*/
.influence_IDA .block_head {
    margin-bottom: 80px;
}

.influence_IDA .block_head .title {
    width: 653px;
    max-width: 100%;
}


.influence_IDA .text_block {
    width: 848px;
    max-width: 100%;
}


.influence_IDA .information {
    position: relative;
    z-index: 3;

    margin-top: 80px;
    padding: 80px 62px;
}

.influence_IDA .information + .text_block {
    margin-top: 80px;
}

.influence_IDA .information .text_block {
    width: 682px;
    max-width: 100%;
}

.influence_IDA .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/*-------------------
    Diagnostics IDA
-------------------*/
.diagnostics_IDA {
    padding: 150px 0;

    background: #f9f9f9;
}


.diagnostics_IDA .block_head {
    margin-bottom: 80px;
}

.diagnostics_IDA .block_head .title {
    width: 653px;
    max-width: 100%;
}


.diagnostics_IDA .text_block {
    width: 848px;
    max-width: 100%;
}

.diagnostics_IDA .text_block ~ .text_block {
    margin-top: 100px;
}


.diagnostics_IDA .information {
    position: relative;
    z-index: 3;

    width: calc(100% + 60px);
    margin: 100px -30px 0;
    padding: 80px 80px 80px 62px;

    background: #ddd;
}


.diagnostics_IDA .information .text_block {
    width: 682px;
    max-width: 100%;
}


.diagnostics_IDA .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/*-------------------
    Treatment IDA
-------------------*/
.treatment_IDA .block_head {
    margin-bottom: 80px;
}

.treatment_IDA .block_head .title {
    width: 774px;
    max-width: 100%;
}


.treatment_IDA .text_block {
    width: 848px;
    max-width: 100%;
}


/*--------------
    Form IDA
--------------*/
.form_IDA {
    padding: 150px 0;

    background: #f9f9f9;
}


.form_IDA .block_head {
    margin-bottom: 80px;
}

.form_IDA .block_head .title {
    width: 694px;
    max-width: 100%;
}

.form_IDA .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    width: 848px;
    max-width: 100%;
    margin-top: 20px;
}


.form_IDA .text_block {
    width: 694px;
    max-width: 100%;
}


.form_IDA .exp {
    color: #792582;
    font-size: 16px;
    line-height: 150%;

    width: 360px;
    max-width: 100%;
    margin-right: -35px;
    margin-left: auto;
    padding: 30px;

    border-radius: 20px;
    background: #f2e6f6;
}


/*---------------------
    About iron body
---------------------*/
.about_iron_body .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 80px;
}

.about_iron_body .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.about_iron_body .information {
    color: #fff;

    display: flex;

    margin-bottom: 50px;

    background: url(../images/bg_every_10th.png) 0 0/cover no-repeat;

    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.about_iron_body .information .title {
    font-weight: 500;
    line-height: 160%;

    display: block;

    width: 450px;
    max-width: 100%;
    padding: 30px 56px;
}


.about_iron_body .information .desc {
    color: #fff;
    font-weight: 500;
    line-height: 160%;

    width: calc(100% - 460px);
    margin-left: auto;
    padding: 30px 56px 30px 96px;
}

.about_iron_body .information .desc sup {
    font-size: 12px;
    line-height: 18px;

    display: inline-block;

    vertical-align: top;
}


.about_iron_body .text_block {
    width: 848px;
    max-width: 100%;
}


/*--------------------------
    Hemoglobin myoglobin
--------------------------*/
.hemoglobin_myoglobin {
    padding: 150px 0;

    background: #f9f9f9;
}


.hemoglobin_myoglobin .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 80px;
}

.hemoglobin_myoglobin .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


/*-------------
    Enzymes
-------------*/
.enzymes .block_title {
    margin-bottom: 50px;
}


.enzymes .text_block {
    width: 848px;
    max-width: 100%;
}


/*--------------------------
    Ferritin transferrin
--------------------------*/
.ferritin_transferrin .block_title {
    width: 653px;
    margin-bottom: 40px;
}


.ferritin_transferrin .text_block {
    width: 848px;
    max-width: 100%;
}

.ferritin_transferrin .row .text_block {
    width: 653px;
    max-width: 100%;
}

.ferritin_transferrin .row + .text_block {
    margin-top: 80px;
}


.ferritin_transferrin .message {
    color: #792582;
    line-height: 160%;

    position: relative;

    width: 382px;
    max-width: 100%;
    margin-top: -33px;
    margin-right: -36px;
    margin-left: auto;
    padding: 70px 35px 52px 30px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 28px;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;
}

.ferritin_transferrin .message .icon {
    position: absolute;
    top: -49px;
    right: 0;
    left: 0;

    display: block;

    width: 95px;
    height: 95px;
    margin: auto;
}

.ferritin_transferrin .message .icon img {
    display: block;

    width: 100%;
    height: 100%;
}


.ferritin_transferrin .information {
    position: relative;
    z-index: 3;

    margin-top: 50px;
    padding: 80px 68px;
}

.ferritin_transferrin .information .text_block {
    width: 682px;
    max-width: 100%;
}

.ferritin_transferrin .information .bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 100% 50%;
}


/*-----------
    Norms
-----------*/
.norms {
    padding: 150px 0;

    background: #f9f9f9;
}


.norms .block_head {
    margin-bottom: 80px;
}


.norms .item .features > * {
    flex-wrap: nowrap;
}

.norms .item .features .label {
    width: 100%;
}

.norms .item .features .val {
    margin-left: 20px;

    text-align: right;
    white-space: nowrap;
}


.norms .exp {
    color: #000;
    font-size: 16px;
    line-height: 150%;

    position: absolute;
    top: 100%;
    left: 1px;

    margin-top: 40px;
    padding: 0;
}


/*---------------------
    Iron deficiency
---------------------*/
.iron_deficiency .block_head {
    width: 848px;
    max-width: 100%;
    margin-bottom: 80px;
}

.iron_deficiency .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.iron_deficiency .action_block {
    margin-top: 80px;
}


.iron_deficiency .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 80px;
}


.iron_deficiency .results {
    margin-top: 32px;
}


/*-----------------------
    Iron preparations
-----------------------*/


.iron_preparations .block_head {
    width: 653px;
    max-width: 100%;
    margin-bottom: 0;
}

.iron_preparations .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.iron_preparations .notice {
    color: #000;
    line-height: 145%;

    display: flex;

    width: 288px;
    max-width: 100%;
    height: 288px;
    margin-left: auto;
    padding: 20px;

    text-align: center;

    border: 4px solid #a67db6;
    border-radius: 50%;
    background: #f2e6f6;
    box-shadow: inset 0 0 0 4px #fff;

    align-self: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.iron_preparations .notice .icon {
    display: block;

    margin: 0 auto 4px;
}


.iron_preparations .text_block {
    width: 848px;
    max-width: 100%;
    margin-top: 100px;
}


.iron_preparations .information {
    position: relative;
    z-index: 3;

    margin-top: 100px;
    padding: 80px 80px 80px 62px;

    background: #ddd;
}


.iron_preparations .information .text_block {
    width: 591px;
    max-width: 100%;
    margin: 0;
}


.iron_preparations .information .exp {
    color: #792582;
    font-size: 16px;
    font-weight: 500;
    line-height: 145%;

    position: absolute;
    top: 80px;
    right: -45px;

    width: 470px;
    max-width: 100%;
    padding: 30px 151px 30px 48px;

    background: rgba(237, 226, 255, .8);

    backdrop-filter: blur(5px);
}

.iron_preparations .information .exp sup {
    font-size: 10px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
}


.iron_preparations .information .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/*-----------------
    Excess iron
-----------------*/
.excess_iron .block_head {
    width: 848px;
    max-width: 100%;
}

.excess_iron .block_head .desc {
    color: #000;
    font-size: 24px;
    line-height: 125%;

    margin-top: 20px;
}


.excess_iron .text_block {
    width: 848px;
    max-width: 100%;
}


/*------------
    Footer
------------*/
footer {
    padding: 40px 0;

    background: #ddc8e4;
}


footer .cont {
    justify-content: space-between;
}


footer .logo img {
    display: block;
}


footer .text {
    font-size: 14px;
    line-height: 130%;

    width: 752px;
    max-width: 100%;

    color: #404040;
}

footer .text > * + * {
    margin-top: 20px;
}


footer .text a {
    color: currentColor;
}

footer .text .edo {
    margin-top: 50px;
}

.inworked {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #404040;
}

.inworked.cont {
    padding-top: 30px;
    padding-bottom: 30px;
}

.inworked a {
    font-weight: 500;
    text-decoration-line: underline;
    color: #404040;
    display: inline-block;
}

.inworked a:hover {
    text-decoration-line: none;
}


footer .logo img.new {
    max-height: 65px;
}