:root {
    --primary: #106fb8;
    --secondary: #60bbe2;
    --lightblue: #8dd7f7;
    --gel-color: #77c1e0;
    --gel-secondary-color: #f3c60d;
    --ointment-color: #fa9239;
    --suppositories-color: #04af95;
    --suppositories-150K-color: #84b5d0;
    --suppositories-500K-color: var(--suppositories-color);
    --suppositories-1000K-color: #802496;
    --suppositories-3000K-color: #c70c21;
    --text: #1f1f1f;
}

/* normalize.css v3.0.0 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}




body *::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background: #fff;
}

body *::-webkit-scrollbar-thumb {
    background-color: #ececec;
    border-radius: 10px;
    box-shadow: inset 1px 1px 10px #f3faf7;
}

body *::-webkit-scrollbar-thumb:hover {
    background-color: #d7d7d7;
}

body * {
    scrollbar-color: #ececec #fff;
    scrollbar-width: thin;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
div,
summary {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a:active,
a:hover {
    transition: all 0.3s;
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace,
        monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    color: var(--text);
    font-family: 'Inter',
        sans-serif;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    font-weight: 400;
    background-color: #fff;
}

.grecaptcha-badge {
    visibility: hidden;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    height: auto !important;
    max-width: 100%;
    border: 0;
    outline: none;
}

:focus {
    outline: none;
}

a,
a:visited {
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: all 0.3s;
}

a:not([class]),
a:not([class]):visited {
    outline: none;
    color: var(--primary);
    font-weight: 700;
    background: transparent;
}

a:hover {
    color: #0d5993;
    text-decoration: none;
}

p {
    margin: 0 0 20px;
}

p:last-child {
    margin: 0;
}

b,
strong {
    font-weight: 700;
}

body.body-fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

h1 {
    margin: 0;
    font-weight: 500;
    font-size: 44px;
    line-height: 1.3;
    word-break: break-word;
}

h2,
h1.h2 {
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    color: #292929;
    word-break: break-word;
}

main:not(.content--index) {
    padding-top: 98px;
}

.container {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.container h2 {
    #font-family: 'NeueCyrBold';
    #font-size: 32px;
    #text-align:left;    
}
.about-company h2, .awards h2, .footnote h2, .official h2, .articles h2, .center_mobil{
    font-family: 'NeueCyrBold';
    font-size: 32px;
    text-align:left;    
}


.center_mobil {
        text-align:left !important;
    }

.mq-show-lg,
.mq-show-md,
.mq-show-sm,
.mq-show-xm,
.mq-show-xs,
.mq-show-xxs {
    display: none !important;
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -35px;
}

.grid.grid-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.grid.grid-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.grid:first-child {
    margin-top: -35px;
}

.grid.grid-nogutter {
    margin-left: 0;
}

.grid.grid-nogutter>[class*='col-'] {
    padding-left: 0;
}

.grid.grid-nomargin-top {
    margin-top: 0;
}

.grid.grid-nomargin-top>[class*='col-'] {
    margin-top: 0;
}

[class*='col-'] {
    padding-left: 35px;
    margin: 35px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='col-'].flex-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.col-1-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.col-1-2,
.col-2-4,
.col-3-6,
.col-5-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-1-3,
.col-2-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.col-2-3,
.col-4-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666%;
    flex: 0 0 66.666%;
    max-width: 66.666%;
}

.col-1-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-3-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-1-5,
.col-2-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-2-5,
.col-4-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.col-3-5,
.col-6-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.col-4-5,
.col-8-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.col-1-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.666%;
    max-width: 16.666%;
}

.col-5-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333%;
    flex: 0 0 83.333%;
    max-width: 83.333%;
}

.col-1-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.col-3-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col-7-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.col-9-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}

.col-fit,
.col-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.col-expand,
.col-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.col-full {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.banner {
    position: relative;
    overflow: hidden;
    height: 100vh;
    min-height: 580px;
    max-height: 800px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,
            0,
            0,
            0.25);
}

.banner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    padding: 132px 0 250px;
    background-image: url('../img/webp/main-banner.webp');
    background-size: cover;
    background-position: 50% 30%;
    background-repeat: no-repeat;
}

.banner__btn {
    margin-top: 32px;
}

.product__img {
    width: 100%;
    height: 250px;
    margin-bottom: 40px;
    background-image: url('../img/webp/main-banner.webp');
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: 65% 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product__img img {
    margin-bottom: -40px;
    max-width: 200px;
}

.product__img--suppositories img {
    margin-bottom: -25px;
    max-height: 78px;
}

.product__title {
    font-weight: 700;
}

.product__title span {
    font-weight: 400;
}

.product__title sup {
    font-size: 80%;
    position: relative;
    top: -6px;
}

.product__subtitle {
    font-size: 26px;
    margin-top: 10px;
}

.product__desc {
    margin-top: 19px;
}

.desc__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.desc__item {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 15px;
    padding-left: 30px;
}

.desc__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 15px;
    height: 10px;
    background-image: url('../img/marker.svg');
    background-size: cover;
}

.bannerTab__wrapper {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
}

.bannerTab__list,
.bannerTab__container,
.bannerTab__content {
    width: 100%;
    height: 100%;
}

.bannerTab__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bannerTabItem__wrapper {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 56px;
    -webkit-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
    transform: translateY(-42px);
}

.bannerTab__item--suppositories .bannerTabItem__wrapper {
    -webkit-transform: translateY(-63px);
    -ms-transform: translateY(-63px);
    transform: translateY(-63px);
}

.bannerTabItem__wrapper span {
    font-weight: bold;
    font-size: 24px;
}

.bannerTab__item {
    width: 33.333%;
    height: 175px;
    position: relative;
    border-radius: 6px;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    -webkit-transform: translateY(42px);
    -ms-transform: translateY(42px);
    transform: translateY(42px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerTab__item:active,
.bannerTab__item:hover {
    color: #fff;
}

.bannerTab__item.active {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}

.bannerTabItem__bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 6px;
    height: 175px;
}

.bannerTabItem__bg:after {
    content: '';
    display: block;
    width: 110px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: skew(-40deg,
            0);
    -ms-transform: skew(-40deg,
            0);
    transform: skew(-40deg,
            0);
    background: rgba(0,
            0,
            0,
            0.03);
}

.bannerTabItem__bg--suppositories {
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            from(#0661aa),
            to(var(--primary))),
        var(--primary);
    background: -o-linear-gradient(bottom,
            #0661aa 0%,
            var(--primary) 100%),
        var(--primary);
    background: linear-gradient(360deg,
            #0661aa 0%,
            var(--primary) 100%),
        var(--primary);
}

.bannerTabItem__bg--ointment {
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            from(#83cded),
            to(#8dd7f7)),
        #8dd7f7;
    background: -o-linear-gradient(bottom,
            #83cded 0%,
            #8dd7f7 100%),
        #8dd7f7;
    background: linear-gradient(0deg,
            #83cded 0%,
            #8dd7f7 100%),
        #8dd7f7;
}

.bannerTabItem__bg--gel {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#ffa75c),
            to(#ff953b)),
        #ffab63;
    background: -o-linear-gradient(top,
            #ffa75c 0%,
            #ff953b 100%),
        #ffab63;
    background: linear-gradient(180deg,
            #ffa75c 0%,
            #ff953b 100%),
        #ffab63;
}

.bannerTab__img {
    width: 100%;
}

.bannerTab__img--ointment,
.bannerTab__img--gel {
    margin-left: -42px;
}

.about {
    padding: 90px 0 45px;
}

.about h2 {
    text-align: center;
}

.about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -28px;
    margin-top: 40px;
}

.about__item {
    display: block;
    width: calc(33.333% - 28px);
    height: 420px;
    margin-left: 28px;
    position: relative;
    overflow: hidden;
}

.about__img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 420px;
    border-radius: 6px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.about__img:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            from(rgba(0,
                    0,
                    0,
                    0.2)),
            to(rgba(0,
                    0,
                    0,
                    0.2)));
    background: -o-linear-gradient(bottom,
            rgba(0,
                0,
                0,
                0.2),
            rgba(0,
                0,
                0,
                0.2));
    background: linear-gradient(0deg,
            rgba(0,
                0,
                0,
                0.2),
            rgba(0,
                0,
                0,
                0.2));
    border-radius: 6px;
}

.about__text {
line-height: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    padding: 33px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family:"HelveticaNeue";
    font-size: 25px;
    font-weight:400;
}

.about__text h3 {
    font-size: 25px;
    margin: 0;
    font-weight: 700;
    font-family:"NeueCyrBold";
}

.about__text p {
    margin: 13px 0 0;
}

.about__btn {
    margin-top: 50px;
    text-align: center;
}

.about__btn>* {
    margin: 0 auto;
}

.articles {
    padding: 0 0 45px;
}

.home .articles {
    padding-top: 5px;
}

.articles__wrapper {
    margin-top: 28px;
}

.articles__tabs {
    padding: 0 20px 15px 20px;
    overflow-x: auto;
}

.articles__tabsWrapper {
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
}

.articles__tabs>a {
    font-weight: 400;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 7px 12px;
    background: #fff;
    border: 1px solid #d8d9d8;
    border-radius: 4px;
    color: var(--text);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.articles__tabs>a:not(:first-child) {
    margin-left: 12px;
}

.articles__tabs>a.active,
.articles__tabs>a:hover {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

.articles__list {
    position: relative;
    margin-top: 32px;
}

.articles__slider {
    margin-left: -28px;
}

.articles__slider .slick-slide {
    width: 500px;
}

.articles__item {
    display: block;
    margin-left: 28px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.grid .articles__item {
    margin-left: 0;
}

.articles__imgWrapper {
    width: 100%;
    height: 280px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.articles__img {
    width: 100%;
    height: 280px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 6px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.articles__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 25px;
    color: var(--text);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.articles__anons {
    margin-top: 11px;
    color: var(--text);
}

.articles__more {
    font-weight: 700;
    margin-top: 8px;
    color: var(--primary);
}

.articles__item:hover .articles__more {
    color: #0d5993;
}

.articles__item:visited .articles__more {
    color: var(--primary);
}

.articles__tag {
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 18px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
}

.articles__tag span {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 4px;
    background-color: var(--secondary);
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
    margin-left: 8px;
    margin-bottom: 8px;
}

.articles__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 42px;
}

.articles__stripe {
    margin-left: auto;
}

.articles__stripe svg {
    max-width: 100%;
}

.instr-gel-page .articles__stripe svg path#stripe-1,
.instr-gel-page .articles__stripe svg path#stripe-2 {
    fill: var(--gel-secondary-color);
}

.instr-ointment-page .articles__stripe svg path#stripe-1,
.instr-ointment-page .articles__stripe svg path#stripe-2 {
    fill: var(--ointment-color);
}

.instr-suppositories-page .articles__stripe svg path#stripe-1,
.instr-suppositories-page .articles__stripe svg path#stripe-2 {
    fill: var(--suppositories-color);
}

.instr-suppositories-150K-page .articles__stripe svg path#stripe-1,
.instr-suppositories-150K-page .articles__stripe svg path#stripe-2 {
    fill: var(--suppositories-150K-color);
}

.instr-suppositories-500K-page .articles__stripe svg path#stripe-1,
.instr-suppositories-500K-page .articles__stripe svg path#stripe-2 {
    fill: var(--suppositories-500K-color);
}

.instr-suppositories-1000K-page .articles__stripe svg path#stripe-1,
.instr-suppositories-1000K-page .articles__stripe svg path#stripe-2 {
    fill: var(--suppositories-1000K-color);
}

.instr-suppositories-3000K-page .articles__stripe svg path#stripe-1,
.instr-suppositories-3000K-page .articles__stripe svg path#stripe-2 {
    fill: var(--suppositories-3000K-color);
}

.articles__item:hover .articles__title {
    color: var(--primary);
}

.articles__item:hover .articles__img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.stripe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: -20px;
}

.stripe svg {
    max-width: 100%;
}

.desc-gel-page .stripe svg path#stripe-1,
.desc-gel-page .stripe svg path#stripe-2 {
    fill: var(--gel-secondary-color);
}

.desc-ointment-page .stripe svg path#stripe-1,
.desc-ointment-page .stripe svg path#stripe-2 {
    fill: var(--ointment-color);
}

.desc-suppositories-page .stripe svg path#stripe-1,
.desc-suppositories-page .stripe svg path#stripe-2 {
    fill: var(--suppositories-color);
}

.about-company {
    padding: 45px 0;
}

.about-company__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -28px;
    margin-top: 39px;
}

.about-company__item {
    width: calc(33% - 28px);
    min-height: 280px;
    margin-left: 28px;
    background: #fff;
    border: 1px solid #d8d9d8;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
    flex-direction: column;
}

.about-company__img {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    /*align-items: flex-end;*/
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.about-company__item--1 .about-company__img {
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 280px;
}

.about-company__img img {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.about-company__item--2 .about-company__img img {
    margin-top: -18px;
    align-items: unset;
}

.about-company__content {
    width: 100%;
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
}

.about-company__title {
    font-weight: 500;
    color: var(--primary);
}

.about-company__desc {
    font-weight: 600;
    font-size: 18px;
    margin-top: 26px;
    padding-bottom:10px;
}

.about-company__desc a {
    color: var(--text);
    font-weight:600;
}
/*
.about-company__desc a:hover {
    
    color: #0d5993;
    text-decoration: underline;
}*/

.about-company__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a2a2a2;
    margin-top: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.about-company__link svg {
    margin-left: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.about-company__link:hover {
    color: var(--primary);
}

.about-company__link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.awards {
    padding: 45px 0;
}

.awards__list {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.awards__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.awards__item:not(:last-child) {
    margin-bottom: 30px;
}

.awards__icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 84px;
}

.awards__icon img {
    max-width: 100%;
}

.awards__text {
    margin-left: 18px;
    font-size: 18px;
}

.footnote {
    padding: 40px 0 34px;
}

.footnote__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footnote__item {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #a6a6a6;
}

.footnote__item:not(:last-child) {
    margin-bottom: 12px;
}

.official {
    padding: 34px 0 68px;
}

.official__img {
    border-radius: 6px;
}

.official__img img {
    border-radius: 6px;
}

.official__content p {
    margin: 30px 0 0;
}

.official__btn {
    margin-top: 40px;
}

.pageBanner {
    position: relative;
    overflow: hidden;
    height: 620px;
    background-size: auto;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.gel-page .pageBanner {
    background-image: url('../img/gel/banner-gel-full.jpg');
    background-size: auto 100%;
    background-position: bottom center;
}

.ointment-page .pageBanner {
    background-image: url('../img/ointment/banner-ointment-full-2.jpg');
    background-size: auto 100%;
    background-position: bottom center;
}

.suppositories-page .pageBanner {
    background-image: url('../img/suppositories/banner-suppositories-full.jpg');
    background-size: auto 100%;
    background-position: bottom center;
}

.pageBanner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,
            0,
            0,
            0.15);
}

@media (min-width: 1101px) {
    .pageBanner:before {
        left: auto;
        width: 20%;
        transform: rotate(180deg);
        background-position: right top;
        background-image: url(../img/banner-bg.svg);
        background-color: transparent;
    }
}

.pageBanner:after {
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 35%;
    background-image: url('../img/banner-bg.svg');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.pageBanner__img,
.titleBanner__img {
    display: none;
}

.pageBanner>.container {
    position: relative;
    z-index: 2;
    height: 100%;
}

.pageBanner__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pageBanner__content {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--text);
}

.pageBanner__title {
    font-weight: 700;
    font-size: 44px;
    color: var(--primary);
}

.pageBanner__title span {
    font-weight: 400;
}

[class*='pageBanner--suppositories-'] .pageBanner__title {
    font-size: 40px;
}

[class*='pageBanner--suppositories-'] .pageBanner__title span {
    font-size: 30px;
}

.pageBanner__subtitle {
    font-size: 22px;
    color: #69b3d2;
    font-weight: 400;
}

.pageBanner__desc {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 28px;
    max-width: 434px;
}

.pageBanner__btn {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
}

.pageBanner__btn .btn {
    width: 274px;
    border-width: 2px;
}

.pageBanner__btn .btn+.btn {
    margin-top: 12px;
}

.pageBanner__product {
    position: relative;
    max-width: 593px;
    margin-right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pageBanner__productImg {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 87%;
    max-width: 552px;
    max-height: 217px;
    margin-left: auto;
}

.desc-suppositories-page .pageBanner__productImg {
    width: 100%;
    margin-left: 0;
}

.pageBanner__productBg {
    height: 124px;
    position: absolute;
    z-index: 1;
}

.gel-page .pageBanner__productBg svg path,
.gel-page .pageBanner__productBg svg rect {
    fill: var(--gel-color);
}

.ointment-page .pageBanner__productBg svg path,
.ointment-page .pageBanner__productBg svg rect {
    fill: var(--ointment-color);
}

.suppositories-page .pageBanner__productBg svg path,
.suppositories-page .pageBanner__productBg svg rect {
    fill: var(--primary);
}

.pageBanner__productImgMobile {
    display: none;
}

.pageBannerDesc__item:not(:last-child) {
    margin-bottom: 12px;
}

.pageBannerDesc__item span {
    font-size: 13px;
    opacity: 0.6;
}

.pageBannerDesc__item p {
    font-size: 14px;
    margin: 5px 0 0;
}

.recomendation {
    padding-bottom: 35px;
}

.recomendation__note {
    margin-bottom: 40px;
    font-size: 13px;
    line-height: 1.38;
    color: #a6a6a6;
}

.recomendation__wrapper {
    margin-top: 80px;
}

.recomendation__subtitle {
    font-size: 22px;
    color: #a6a6a6;
    margin-top: 12px;
}

.recomendation__img {
    border-radius: 6px;
}

.recomendation__img img {
    border-radius: 6px;
}

.recomendation__list {
    margin-top: 50px;
}

.recomendation__list.recomendationList__slider {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.recomendation__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recomendationList__slider .recomendation__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    width: 290px;
    height: 280px;
    margin-left: 16px;
    padding: 35px 20px;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
}

.desc-suppositories-page .recomendationList__slider .recomendation__item {
    height: 355px;
}

.recomendation__item:not(:first-child) {
    margin-top: 28px;
}

.recomendation__item:not(:first-child).slick-slide {
    margin-top: 0;
}

.recomendation__icon {
    width: 84px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 18px;
}

.recomendationList__slider .recomendation__icon {
    margin-right: 0;
    margin-bottom: 18px;
}

.how {
    padding: 35px 0 45px;
}

.desc-suppositories-page .how {
    background-image: url('../img/virus-3.svg');
    background-position: -290px 0;
    background-repeat: no-repeat;
}

.how__subtitle {
    font-size: 20px;
    color: #a6a6a6;
    margin-top: 12px;
}

.how__list {
    margin-top: 15px;
    margin-left: -28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.how__list.howList__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    margin-right: -20px;
}

.how__list.howList__slider .slick-dots {
    margin: 30px auto 0 -10px;
    width: 100%;
}

.how__item {
    width: calc(50% - 28px);
    height: 285px;
    margin-left: 28px;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid #d8d9d8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
}

.howList__slider .how__item {
    width: 440px;
    height: 325px;
    margin-left: 16px;
    margin-top: 0;
}

.howItem__title {
    min-height: 56px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.howItem__content {
    margin-top: 20px;
}

.howItem__dosage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.howItem__desc {
    font-size: 14px;
    margin-top: 22px;
}

.howItem__desc:before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #d8d9d8;
    margin-bottom: 20px;
}

.howItemDosage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.howItemDosage__title {
    font-size: 14px;
    color: #a6a6a6;
}

.howItemDosage__content {
    margin-left: 12px;
}

.howInfo {
    margin-top: 50px;
}

.howInfo__item {
    background-color: #f7f9fa;
    padding: 25px 35px;
    margin-top: 16px;
}

.howInfo__title {
    font-weight: bold;
    font-size: 21px;
    line-height: 1.3;
}

.howInfo__text {
    margin-top: 0;
}

.howInfo__accordion .howInfo__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.howInfo__accordion .howInfo__title:after {
    content: '';
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 10px;
    background-image: url('../img/arrow.svg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.howInfo__accordion .howInfo__text {
    display: none;
}

.howInfo__accordion.show {
    background-color: #f0f7fb;
    -webkit-box-shadow: 0 2px 6px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 2px 6px rgba(0,
            0,
            0,
            0.1);
}

.howInfo__accordion.show .howInfo__title:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.howInfo__accordion.show .howInfo__text {
    display: block;
    margin-top: 16px;
}

.img {
    margin-top: 45px;
    margin-bottom: 90px;
    height: 480px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.gel-page .img {
    background-image: url('../img/gel/img-gel.jpg');
}

.ointment-page .img {
    background-image: url('../img/ointment/img-ointment.jpg');
}

.suppositories-page .img {
    background-image: url('../img/suppositories/img-suppositories.jpg');
}

.label__wrapper {
    display: block;
    padding: 6px 12px;
    background: var(--secondary);
    border-radius: 4px;
    color: #fff;
}

.questions {
    padding: 0 0 45px 0;
}

.questions__list {
    margin-top: 40px;
}

.questionSingle__wrapper {
    font-weight: 500;
    font-size: 16px;
    margin-top: -16px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 27em) {
    .questionSingle__wrapper {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding: 6px 20px;
        border-radius: 0;
    }
}

.use {
    padding: 45px 0 90px;
}

.use__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

.use__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 28px 0 28px 18px;
    background-color: #f7f9fa;
    background-image: url('../img/virus.svg');
    background-position: bottom left;
    background-repeat: no-repeat;
    border-radius: 6px;
}

.use__tabsWrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 380px;
    flex: 0 1 380px;
}

.use__tabs.js-tab-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.use__tabs .tabs__item {
    width: 100%;
    padding: 16px;
    color: #292929;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.use__tabs .tabs__item:not(:first-child) {
    margin-top: 8px;
}

.use__tabs .tabs__item:after {
    content: '';
    position: absolute;
    right: -22px;
    top: 0;
    border-top: 28px solid transparent;
    border-left: 22px solid var(--primary);
    border-bottom: 28px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}

.use__tabs .tabs__item.active {
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: var(--primary);
    -webkit-box-shadow: 0 4px 4px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 4px 4px rgba(0,
            0,
            0,
            0.1);
}

.use__tabs .tabs__item.active:after {
    opacity: 1;
    visibility: visible;
}

.use__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 28px;
}

.use__img {
    background-size: cover;
    background-position: 0 50%;
    width: 100%;
    height: 360px;
    border-radius: 6px;
}

.use__text {
    margin-top: 32px;
}

.use__text p {
    margin: 0 0 10px;
}

.use__note {
    font-size: 13px;
    line-height: 20px;
    color: #a6a6a6;
}

.use__note p {
    margin: 0 0 5px;
}

.price {
    padding: 95px 0;
    background-color: #f7f9fa;
}

.price__subtitle {
    margin-top: 19px;
    font-size: 22px;
    line-height: 1.4;
    color: #373737;
}

.price__item {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.price__name {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 230px;
    flex: 0 1 230px;
}

.price__value {
    margin-top: 33px;
    font-size: 44px;
    line-height: 1;
    color: var(--primary);
}

.price__item .price__value {
    font-size: 35px;
    margin-top: 0;
    margin-left: 10px;
}

.price__value span {
    font-size: 22px;
    color: #919191;
}

.price__item .price__value span {
    font-size: 14px;
}

.price__note {
    margin-top: 26px;
    font-size: 14px;
    line-height: 1.4;
    color: #a6a6a6;
}

.price__img {
    max-width: 637px;
}

.desc-suppositories-page .price__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.price p {
    margin-top: 16px;
}

.howSuppositories__list {
    margin-top: 50px;
}

.howSuppositories__item {
    -webkit-transition: margin 0.3s,
        background 0.3s;
    -o-transition: margin 0.3s,
        background 0.3s;
    transition: margin 0.3s,
        background 0.3s;
}

.howSuppositories__item:not(:last-child) {
    margin-bottom: 90px;
}

.howSuppositories__item.close {
    background-color: #fdfeff;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 10px rgba(0,
            0,
            0,
            0.03);
    box-shadow: 0 4px 10px rgba(0,
            0,
            0,
            0.03);
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
}

.howSuppositoriesItem__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.howSuppositoriesItem__title .text {
    font-weight: bold;
    font-size: 23px;
    margin-right: 25px;
}

.howSuppositoriesItem__title .btnHide {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    font-size: 15px;
    color: #8a8a8a;
    border: 1px solid #e4e4e4;
    padding: 12px 22px;
}

.howSuppositories__item.close .text {
    font-size: 20px;
}

.howSuppositories__item.close:not(:last-child)~.howSuppositories__item:not(.close) {
    margin-top: 50px;
}

.howSuppositories__item:not(.close)~.howSuppositories__item.close:not(:last-child) {
    margin-bottom: 20px;
}

.howSuppositories__item:not(.close)~.howSuppositories__item.close {
    margin-top: 50px;
}

.howSuppositoriesAccordion {
    margin-top: 26px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d8d9d8;
}

.howSuppositories__item.close .howSuppositoriesAccordion {
    display: none;
}

.howSuppositoriesAccordion__wrapper {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.howSuppositoriesAccordion__wrapper:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.howSuppositoriesAccordion__title {
    padding: 19px 20px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.howSuppositoriesAccordion__title:hover {
    color: var(--primary);
}

.howSuppositoriesAccordion__title svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.howSuppositoriesAccordion__title>span {
    margin-right: 12px;
}

.howSuppositoriesAccordion__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.howSuppositoriesAccordion__arrow svg {
    width: 12px;
    height: 8px;
}

.howSuppositoriesAccordion__wrapper.active .howSuppositoriesAccordion__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.howSuppositoriesAccordion__icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 53px;
    height: 53px;
    margin-right: 16px;
}

.howSuppositoriesAccordion__icon svg {
    max-width: 100%;
    max-height: 100%;
}

.howSuppositoriesAccordion__content {
    display: none;
    padding: 19px 20px;
}

.howSuppositoriesAccordion__wrapper.active .howSuppositoriesAccordion__content {
    display: block;
}

.howSuppositoriesAccordion__content p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--text);
}

.howSuppositoriesAccordion__content p:not(:last-child) {
    margin: 0 0 10px;
}

.howSuppositoriesTable__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.howSuppositoriesTable__tr:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.howSuppositoriesTable__tr--head {
    font-size: 14px;
    line-height: 24px;
    color: #a6a6a6;
    padding-bottom: 10px;
}

.howSuppositoriesTable__tr--body {
    padding: 26px 0;
}

.howSuppositoriesTable__td {
    width: 20%;
}

.howSuppositoriesTable__td:not(:last-child) {
    padding-right: 16px;
}

.howSuppositoriesTable__td--application {
    width: 40%;
}

.howSuppositoriesTable__td--application .howItem__desc:before {
    background-color: #f9f9f9;
}

.instruction {
    margin-top: 75px;
}

.instruction__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px;
    background: #f7f9fa;
    border-radius: 6px;
}

.instructionProductImg {
    width: auto;
    margin-left: -35px;
    margin-right: -35px;
    margin-top: -70px;
}

.suppositories-page .instructionProductImg {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -20px;
}

.instructionBtn {
    margin-top: 14px;
}

.instructionBtn .btn {
    width: 100%;
}

.instructionDesc {
    margin-top: 40px;
}

.instructionDesc__item:not(:last-child) {
    margin-bottom: 18px;
}

.instructionDesc__item:not(:last-child):after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #1f1f1f;
    opacity: 0.12;
    margin-top: 18px;
}

.instructionDesc__item span {
    font-size: 13px;
    opacity: 0.5;
}

.instructionDesc__item p {
    font-size: 18px;
    line-height: 1.44;
    margin: 5px 0 0;
}

.instruction__list h2:not([class]) {
    line-height: 1.2;
    margin-bottom: 24px;
    margin-top: -6px;
}

.titleBanner {
    width: 100%;
    height: 600px;
    margin-bottom: 70px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
}

.titleBanner--right {
    background-position: right 50%;
}

@media only screen and (max-width: 2000px) {
    .titleBanner {
        height: 450px;
    }
}

@media only screen and (max-width: 1600px) {
    .titleBanner {
        height: 400px;
    }
}

.titleBanner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,
            0,
            0,
            0.44);
}

.titleBanner>.container {
    position: relative;
    z-index: 2;
    height: 100%;
}

.titleBanner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 60px 0 40px 0;
}

.titleBanner__content {
    width: 60%;
}

.titleBanner__title {
    font-weight: bold;
    font-size: 44px;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0,
            0,
            0,
            0.25);
}

.titleBanner__breadcrambs {
    font-size: 14px;
    text-shadow: 0 4px 4px rgba(0,
            0,
            0,
            0.25);
}

.titleBanner__breadcrambs .breadcrumb_last {
    opacity: 0.5;
}

.titleBanner__breadcrambs a,
.titleBanner__breadcrambs a:visited {
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
}

.pageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 60px;
}

.sidebar {
    flex: none;
    width: 395px;
    margin-right: 40px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sidebar>* {
    margin-bottom: 65px;
}

.pageContent {
    max-width: 70%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pageContent h1 {
    font-size: 34px;
    font-weight: 600;
    color: #313131;
    margin: 0 0 30px;
    line-height: 1.15;
}

.pageContent h2,
.pageContent h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
}

.pageContent h2 {
    margin-top: 45px;
    font-size: 20px;
    line-height: 1.25;
    color: var(--primary);
}

.pageContent h3 {
    margin-top: 35px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--secondary);
}

.pageContent ol,
.pageContent ul,
.accordion__content ol,
.accordion__content ul {
    margin: 30px 0;
}

.pageContent ol,
.accordion__content ol {
    padding: 0 0 0 20px;
}

.pageContent ul,
.accordion__content ul {
    padding: 0;
    list-style: none !important;
}

.pageContent ol ul,
.pageContent ol ol,
.pageContent ul ul,
.accordion__content ol ul,
.accordion__content ol ol,
.accordion__content ul ul {
    list-style-type: circle;
    margin-top: 10px;
}

.pageContent li,
.accordion__content li {
    margin: 0 0 10px;
}

.pageContent ul:not(.ul-nav-page) li:not(.no-bull),
.accordion__content ul:not(.ul-nav-page) li:not(.no-bull) {
    position: relative;
    padding-left: 20px;
}

.pageContent ul:not(.ul-nav-page) li:not(.no-bull):before,
.accordion__content ul:not(.ul-nav-page) li:not(.no-bull):before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: var(--primary);
    position: absolute;
    left: 0;
    top: 9px;
}

.blue-text-bull:before {
    background-color: var(--secondary);
}

.instr-table td {
    vertical-align: top;
}

.instr-table-orange {
    color: #e94c13;
}

.instr-table-green {
    color: #05af95;
}

.instr-table-blue {
    color: var(--primary);
}

.achievements-list {
    margin-top: 0;
    margin-bottom: 24px;
}

.achievements-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.achievements-item+.achievements-item {
    margin-top: 16px;
}

.achievements-img {
    flex: none;
    margin-right: 16px;
}

.lipoll,
.crpli li {
    padding: 0 !important;
}

.lipoll:before,
.crpli li:before {
    display: none !important;
}

.basic-wp-poll-container {
    border: 2px !important;
    border-radius: 6px;
    border-style: dashed !important;
    border-color: var(--ointment-color) !important;
    padding: 25px !important;
    margin: 0 0 40px;
}

.basic-wp-poll-container h2 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 0 !important;
    font-size: 16px;
}

.wp-polls ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-polls ul.crpli {
    display: flex;
}

.wp-polls ul.crpli {
    float: none;
    position: relative;
    text-align: center;
}

.wp-polls li.lipoll {
    margin: 0 0 16px 0 !important;
    border: none;
    padding: 0;
    height: auto !important;
    display: flex !important;
    align-items: flex-start;
    cursor: pointer;
}

.wp-polls li.lipoll INPUT {
    flex: none;
    margin-right: 10px;
    margin-top: 2px;
    display: block;
    border: 1px solid #ccc;
}

.wp-polls li.lipoll:hover {
    background: transparent;
    border-color: transparent;
}

.wp-polls li.lipoll LABEL {
    font-weight: 400;
    font-size: 15px;
}

.wp-polls .Buttons {
    padding: 0 18px;
    border-radius: 4px;
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.wp-polls li.lipoll a {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.wp-polls li.lipoll a:hover {
    text-decoration: none;
}

.wp-polls .pollbar {
    margin: 6px 0 0 10px;
    line-height: 16px;
    height: 16px;
}

.imgpolcon {
    display: none;
}

.tableScroll {
    max-width: 100%;
    overflow-x: auto;
}

.tableScroll table {
    min-width: 470px;
}

.pageContent table,
.instruction table,
.accordion__content table {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.instruction table {
    min-width: 500px;
}

.pageContent table:not(.no-border) tr,
.instruction table tr,
.accordion__content table:not(.no-border) tr {
    border-bottom: 1px solid #ccc;
}

.pageContent table td,
.pageContent table th,
.instruction table td,
.instruction table th,
.accordion__content table td,
.accordion__content table th {
    padding: 10px 0;
    text-align: left;
}

.pageContent table th,
.instruction table th,
.accordion__content table th {
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
}

.pageContent table:not(.no-border) td:not(:last-child),
.instruction table td:not(:last-child),
.accordion__content table:not(.no-border) td:not(:last-child) {
    padding-right: 10px;
}

.pageContent table.table-with-img td,
.accordion__content table.table-with-img td {
    padding-right: 10px;
}

.pageContent table thead h2,
.accordion__content table thead h2 {
    margin: 0;
}

.pageContent table.table-list tr,
.accordion__content table.table-list tr {
    border-bottom: none;
}

.pageContent table.table-list td:not(:last-child),
.pageContent table.table-list td,
.accordion__content table.table-list td:not(:last-child),
.accordion__content table.table-list td {
    padding-right: 0;
}

.table-list .table-list-left-column {
    padding: 0;
    width: 50px;
}

.alignleft {
    float: left;
    margin-right: 16px;
}

.alignright {
    float: right;
    margin-left: 16px;
}

.sidebarMenu {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sidebarMenu.fixed {
    position: fixed;
    top: 110px;
    width: 395px;
}

.sidebarMenu.fixed-bottom {
    top: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sidebarMenu__title {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--primary);
    padding: 0 16px;
}

.sidebarMenu__title:after {
    content: '';
    display: block;
    width: auto;
    height: 3px;
    background-color: #b3b2b2;
    margin-top: 16px;
    margin-left: -16px;
    margin-right: -16px;
}

.sidebarMenu__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebarMenu__item {
    border-bottom: 1px solid #ccc;
}

.sidebarMenu__link {
    display: block;
    font-size: 18px;
    padding: 16px;
    color: var(--primary);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebarMenu__link:hover {
    background-color: #f7f9fa;
}

.active .sidebarMenu__link {
    background-color: #f7f9fa;
    color: var(--text);
    cursor: auto;
}

.btnProducts.fixed {
    width: 395px;
    position: fixed;
    position: -webkit-sticky;
    top: 20px;
    margin-bottom: 0;
}

.btnProducts__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 95px;
    border-radius: 6px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btnProducts__item:hover {
    color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,
            0,
            0,
            0.3);
    box-shadow: 0 0 10px rgba(0,
            0,
            0,
            0.3);
}

.btnProducts__item:focus {
    -webkit-box-shadow: inset 0 0 10px rgba(0,
            0,
            0,
            0.3);
    box-shadow: inset 0 0 10px rgba(0,
            0,
            0,
            0.3);
}

.btnProducts__item:not(:last-child) {
    margin-bottom: 10px;
}

.btnProducts__item--suppositories {
    background-color: var(--primary);
}

.btnProducts__item--gel {
    background-color: #8dd7f7;
}

.btnProducts__item--ointment {
    background-color: #ffab63;
}

.btnProducts__img {
    height: 53px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.btnProducts__item--suppositories .btnProducts__img {
    height: 50px;
}

.btnProducts__img img {
    height: 100%;
}

.btnProducts__name {
    margin-left: 8px;
    font-size: 24px;
    font-weight: 700;
}

.form-feedback__img {
    background-image: url('../img/ask-question.jpg');
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 390px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.form-feedback__title {
    background-color: #bae7ff;
    padding: 20px 16px;
    text-transform: uppercase;
    color: var(--text);
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.form-feedback__form {
    background-color: #f7f9fa;
    padding: 35px 16px;
}

ul.optimized {
    padding: 0;
    margin: 0 0 40px;
    list-style: none;
}

.instr-footnotes {
    font-size: 13px;
    opacity: 0.6;
    word-break: normal;
}

.pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 60px;
    margin-bottom: 30px;
}

.wp-pagenavi {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wp-pagenavi a {
    color: var(--primary);
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: var(--primary) !important;
}

.wp-pagenavi a.last,
.wp-pagenavi a.first {
    padding: 0 14px;
    width: auto;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #d8d9d8;
    border-radius: 4px;
    margin: 2px;
    width: 38px;
    height: 38px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wp-pagenavi span.pages {
    width: auto;
    border-color: transparent;
    color: #a6a6a6;
    margin-right: 9px;
}

.wp-pagenavi span.current {
    font-weight: normal;
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
}

/* Поле поиска на странице */
.searchWrapper__page {
    margin-bottom: 40px;
}

.searchWrapper__page form {
    position: relative;
}

.searchWrapper__icon {
    display: flex;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.searchWrapper__icon svg {
    fill: var(--secondary);
}

.search__title {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    border-bottom: 2px solid #d8d9d8;
    margin-bottom: 28px;
    padding-bottom: 8px;
}

.search__title span {
    font-style: normal;
    font-size: 22px;
    color: var(--primary);
}

.searchResult__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.searchResult__item:not(:last-child) {
    margin-bottom: 32px;
}

h2.searchResult__title {
    font-size: 17px;
    margin: 0;
}

.searchResult__categoryWrapper {
    height: 43px;
    overflow-y: hidden;
}

.searchResult__category {
    display: flex;
    margin-top: 8px;
    margin-left: -8px;
    overflow-x: auto;
    padding-bottom: 7px;
}

.searchResult__category a {
    margin-left: 8px;
    flex: none;

    display: inline-block;
    font-size: 14px;
    color: white;
    background-color: var(--secondary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 12px;
}

.searchResult__category a:visited {
    color: white;
}

.searchResult__category a:hover {
    background-color: var(--primary);
}

.searchResult__anons {
    margin-top: 8px;
}

/*  Страница Контакты */
.contacts {
    margin-bottom: 72px;
}

.contactsMap {
    margin-bottom: 40px;
}

.contact__img {
    margin-top: 28px;
}

.contacts__title {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--primary);
    border-bottom: 2px solid #d8d9d8;
}

.contact__list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -36px;
}

.contact__item {
    flex: 1;
    margin-left: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contact__item:before {
    content: '';
    flex: none;
    margin-right: 11px;
    width: 57px;
    height: 57px;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact__address:before {
    background-image: url(../img/icon-address.svg);
}

.contact__phone {
    font-size: 20px;
}

.contact__phone:before {
    background-image: url(../img/icon-phone.svg);
}

.contactForm {
    width: 50%;
    border-radius: 6px;
    background-color: #f7f9fa;
}

.contactForm__title {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: var(--primary);
    padding: 20px;
    color: white;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.contactForm form {
    padding: 20px 20px 0 20px;
}

.contactForm input[type='submit'] {
    width: 100%;
}

/* Эксперты */
.category-expert .titleBanner {
    background-position: center bottom;
}

.experts__list {
    display: flex;
    flex-direction: column;
}

.experts__item {
    width: 100%;
    min-height: 260px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
}

.experts__img {
    width: 260px;
    flex: none;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.experts__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 20px 32px;
    justify-content: space-between;
}

.experts__title>* {
    display: block;
}

.experts__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--primary);
    border-bottom: 1px solid rgba(0,
            0,
            0,
            0.1);
    padding-bottom: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.experts__spec {
    display: block;
    font-size: 15px;
    margin-top: 12px;
    color: var(--text);
    opacity: 0.9;
    line-height: 1.4;
}

.experts__btn {
    margin-top: auto;
    align-self: flex-end;
}

.expert-item__spec {
    font-weight: 700;
    font-size: 16px;
    margin-top: -16px;
    margin-bottom: 33px;
}

.expert-txt img.img-fluid {
    max-width: 250px;
    float: left;
    margin-right: 24px;
    margin-bottom: 12px;
    border-radius: 6px;
}

/* Материалы эксперта */
#art_block .ttl-related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    background: var(--primary);
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.2px;
}

#art_block ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -16px;
}

#art_block li {
    width: calc(33.333% - 16px);
    margin-left: 16px;
    position: relative;
    padding-left: 0;
}

#art_block li:before {
    display: none;
}

#art_block li>a {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#art_block li>a:hover {
    box-shadow: 0 0 10px rgb(0,
            0,
            0,
            0.2);
     text-decoration: none;
}

#art_block img {
    flex: none;
    margin: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    max-width: 100% !important;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#art_block li>a:hover img {
    transform: scale(1.2);
}

#art_block .crp_title {
    position: relative;
    top: auto;
    z-index: 2;
    height: 100%;
    background: white;
    text-transform: uppercase;
    color: var(--primary) !important;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-weight: 600;
    border-top: 1px solid #e2e2e2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#art_block li>a:hover .crp_title {
    background-color: var(--primary);
    border-top-color: var(--primary);
    color: white !important;
}

/* Конец Эксперты */

/* Авторы */
.authors-txt p {
    margin: 0;
}

.authors__list {
    display: flex;
    flex-direction: column;
}

.author__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 32px;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
}

.author__desc {
    flex: none;
    width: 100%;
    min-height: 175px;
    display: flex;
    justify-content: space-between;
    background-color: #f7f9fa;
}

.author__img {
    width: 175px;
    flex: none;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-top-left-radius: 6px;
}

.author__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 20px 32px;
    justify-content: space-between;
}

.author__title>* {
    display: block;
}

.author__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--text);
    border-bottom: 1px solid rgba(0,
            0,
            0,
            0.1);
    padding-bottom: 12px;
}

.author__spec {
    display: block;
    font-size: 15px;
    margin-top: 12px;
    color: var(--text);
    opacity: 0.9;
    line-height: 1.4;
}

.author__btn {
    padding: 8px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    color: var(--primary);
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.author__btn.active {
    background-color: var(--primary);
    color: #fff;
    border-radius: 0;
}

.author__btn:after {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    background-image: url(../img/arrow.svg);
    background-size: cover;
    margin-left: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.author__btn.active .author__btn:after {
    transform: rotate(-180deg);
}

.author__about {
    padding: 16px 20px;
    font-size: 15px;
}

.author__about span {
    display: block;
    font-weight: bold;
    color: var(--primary);
}

.author__about p:not(:last-child) {
    margin-bottom: 16px;
}

.author__btn {
    cursor: pointer;
}

/* Конец Авторы */

/* 404 страница*/
.page-404 {
    background-color: #73dce9;
    background: linear-gradient(to right,
            #73dce9,
            #0ac9db);
}

.page-404 h2 {
    margin-top: 40px;
}

.page-404>.container {
    height: 100%;
}

.page-404__bg {
    background-size: 50% auto;
    width: 100%;
    height: 100%;
    background-image: url(../img/404-girl.png);
    background-repeat: no-repeat;
    background-position: 100% -50px;
}

.page-404__container {
    width: 60%;
    padding-bottom: 50px;
}

.page-404__name svg {
    max-width: 550px;
    max-height: 100%;
}

.page-404__nav {
    display: flex;
    margin-top: 56px;
}

.page-404__nav .btn {
    flex: none;
    box-shadow: 0 4px 4px rgba(0,
            0,
            0,
            0.05);
}

.page-404__nav form {
    position: relative;
    flex: 1;
    margin-left: 16px;
}

.page-404__nav form input[type='text'] {
    background: rgba(255,
            255,
            255,
            0.45);
    border: 1px solid #bef9ff;
    box-shadow: 0 4px 4px rgba(0,
            0,
            0,
            0.05);
    border-radius: 4px;
}

.page-404__nav h3 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
}

/* конец 404 страница*/

.panel-info {
    padding: 20px;
    border: solid 2px;
    border-radius: 4px;
    margin-bottom: 32px;
}

.panel-info.red {
    border-color: #cc0000;
    background-color: #f4dcdc;
}

/* Вестник Ферона */
.journal-item:not(:first-child) {
    margin-top: 70px;
}

h2.age-title,
.age-title {
    background-color: var(--secondary);
    color: #fff;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 22px;
    margin-top: 0;
}

.counter-list ul {
    margin: 0;
}

.counter-list li {
    padding-left: 0 !important;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.counter-list li:before {
    display: none !important;
}

.counter-list .key {
    flex: 1;
    margin-right: 10px;
}

.counter-list .key em {
    display: block;
    font-size: 14px;
    font-weight: 300;
}

.counter-list .value {
    margin-left: auto;
    flex: none;
    display: flex;
    color: #a6a6a6;
}

.counter-list .value:before {
    content: '...';
    flex: none;
    align-self: flex-end;
    margin-right: 4px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.tab-pane .btn-pdf a {
    display: flex;
    align-items: center;
    text-transform: none;
    font-weight: 600;
    width: 50%;
}

.tab-pane .btn-pdf a:before {
    content: '';
    flex: none;
    width: 25px;
    height: 34px;
    background-image: url(../img/pdf-icon.svg);
    background-size: cover;
    margin-right: 14px;
}

.tab-pane .pagetitle {
    background-color: var(--primary);
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    padding: 18px;
    margin: 0 0 24px;
    text-transform: none;
}

.tab-pane .alignright {
    margin-left: 24px;
    margin-bottom: 16px;
}

.nav-tabs {
    display: flex;
    margin-bottom: 0 !important;
    overflow-x: auto;
}

.nav-tabs li {
    flex: none;
    margin-bottom: 0;
    padding: 32px 32px 16px 32px !important;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.nav-tabs li:before {
    display: none !important;
}

.nav-tabs li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: none;
}

.nav-tabs li a br {
    display: none;
}

.nav-tabs li.active {
    background-color: var(--primary);
}

.nav-tabs li img {
    transition: transform 0.3s;
    opacity: 0.3;
    transform: scale(0.8);
}

.nav-tabs li.active img {
    opacity: 1;
    transform: scale(1.14);
    border: 4px solid #fff;
    box-shadow: 4px 4px 4px rgba(0,
            0,
            0,
            0.15);
    margin-bottom: -24px;
}

.nav-tabs li.active a span {
    opacity: 0;
}

#popwin1 {
    font-size: 16px !important;
    top: 50% !important;
    left: 50% !important;
    width: 670px !important;
    padding: 60px 50px 35px !important;
    border-radius: 6px !important;
    transform: translate(-50%,
            -50%);
    margin: 0 !important;
}

#popwin1 b {
    font-weight: 400;
    opacity: 0.7;
}

#loc_button_blue {
    display: inline-block;
    width: 40%;
    padding: 10px 18px !important;
    border-radius: 4px;
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

#loc_button_blue:hover {
    background-color: #0d5993 !important;
    border: 1px solid #0d5993 !important;
}

/* Конец Вестник Ферона */

/* Эксперты о Виферон */
#video-schema-meta {
    height: 0;
}

.expertsViferon__item+.expertsViferon__item {
    margin-top: 65px;
}

@media only screen and (max-width: 47.95em) {
    .expertsViferon__item+.expertsViferon__item {
        margin-top: 48px;
    }
}

.expertsViferon__authorWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

@media only screen and (max-width: 27em) {
    .expertsViferon__authorWrapper {
        flex-direction: column;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }
}

.expertsViferon__photo {
    position: relative;
    z-index: 2;
    flex: none;

    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    border: 8px solid #f5f5f5;
}

.expertsViferon__author {
    flex: 1;
    padding: 12px 20px;

    background-color: #f5f5f5;
    border-radius: 8px;
}

@media only screen and (max-width: 27em) {
    .expertsViferon__author {
        width: 100%;
        border-radius: 0;
    }
}

.expertsViferon__authorWithPhoto {
    margin-left: -25px;
    padding-left: 35px;
}

@media only screen and (max-width: 27em) {
    .expertsViferon__authorWithPhoto {
        margin-left: 0;
        margin-top: -47.5px;
        padding-left: 20px;
        padding-top: 47.5px;
        text-align: center;
    }
}

.expertsViferon__name {
    font-weight: 700;
}

.expertsViferon__spec {
    font-style: italic;
    font-weight: 300;
    color: #797979;
    line-height: 1.2;
    font-size: 14px;

    margin-top: 4px;
}

h2.expertsViferon__title,
.expertsViferon__title {
    margin: 0;
    font-weight: 600;
    font-size: 17px;
}

.expertsViferon__anons {
    margin-top: 12px;
}

.expertsViferon__anons .embed-responsive {
    margin-top: 24px;
}

/* Конец Эксперты о Виферон */

/* Contact Form 7 */
.page-id-1329 .wpcf7-form-control-wrap.gender .wpcf7-form-control {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 8px;
}

.page-id-1329 .wpcf7-form-control-wrap.gender .wpcf7-list-item:not(.first) {
    margin-left: 32px !important;
}

.page-id-1329 .wpcf7-form-control-wrap.medication .wpcf7-form-control {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

.page-id-1329 .wpcf7-form-control-wrap.medication .wpcf7-list-item {
    margin-top: 8px;
    margin-left: 0 !important;
}

/* Конец Contact Form 7*/

.articles-page__desc {
    margin-bottom: 40px;
}

.articles-page__desc .note {
    opacity: 0.5;
    font-size: 13px;
}

.articles-page__section:not(:last-child) {
    margin-bottom: 80px;
}

.articles-page__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
}

.articles-page__item {
    width: calc(50% - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
}

.category .articles-page__item {
    margin-bottom: 60px;
}

.articles-page__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 42px;
}

.articles-page__bottom .articles__btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 60px;
}

.articles-page__bottom .articles__btn span span {
    opacity: 0.5;
    margin-left: 5px;
}

.articles-page__bottom .articles__stripe {
    max-width: 450px;
}

h2.articles-page__h2 {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 1.2;
    text-transform: none;
}

h2.articles-page__h2 a {
    color: var(--text);
}

.articles-page__item:hover .articles__title {
    color: var(--primary);
}

.articles-page__item:hover .articles__img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.read-more {
    margin-bottom: 100px;
}

.read-more .stripe {
    margin-top: 50px;
}

.news-page__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}

.news-page__item:last-child {
    margin-bottom: 0;
}

.news-page__img {
    width: 285px;
    height: 268px;
    margin-right: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-size: cover;
    background-position: 50% 0;
    border-radius: 6px;
}

.news-page__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news-page__item:hover .news__img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.more-link {
    font-weight: 600;
    color: var(--primary);
}

.pageContent h2.news-page__title {
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 0 0 12px;
}

.pageContent h2.news-page__title a {
    color: var(--primary);
}

.pageContent h2.news-page__title a:hover {
    color: #0d5993;
}
.pageContent h2.news-page__title a:active {
    color: #0d5993;
}

.new-item__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 38px;
    margin-bottom: 33px;
    background: #60bbe2;
    border-radius: 4px;
    font-weight: 800;
    font-size: 14px;
    color: #fff;
}

input[placeholder],
select[placeholder],
textarea[placeholder] {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: rgba(0,
            0,
            0,
            0.5);
    font-size: 16px;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    text-overflow: ellipsis;
    color: rgba(0,
            0,
            0,
            0.5);
    font-size: 16px;
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    text-overflow: ellipsis;
    color: rgba(0,
            0,
            0,
            0.5);
    font-size: 16px;
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    text-overflow: ellipsis;
    color: rgba(0,
            0,
            0,
            0.5);
    font-size: 16px;
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    text-overflow: ellipsis;
    color: #000 !important;
    font-size: 16px;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus:-moz-placeholder,
select:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.modal-close,
.hamburger,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

.footer {
    background-color: #fff;
    padding-top: 79px;
    padding-bottom: 25px;
    border-top: 1px solid #d5d5d5;
}

.footer-logo {
    width: 215px;
    height: 52px;
}

.footer-logo svg {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.footer-logo svg path {
    fill: var(--primary);
}

.footer-nav__item:not(:last-child) {
    margin-bottom: 16px;
}

.footer-nav__link {
    color: var(--text);
    font-size: 15px;
}

.footer-nav__link:hover,
.footer-nav__link.active {
    color: var(--primary);
}

.footer-nav__title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 21px;
}

.footer-btn {
    margin-top: 35px;
}

.footer-copy {
    margin-top: 25px;
}

.footer-copy p {
    margin: 0;
    font-size: 14px;
    color: #a6a6a6;
}

.footer-copy a {
    color: #a6a6a6;
}

.footer-copy a:hover {
    color: var(--primary);
}

.footer-bottom {
    margin-top: 43px;
}

.footer-bottom__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-bottom__item {
    color: #a6a6a6;
    font-size: 14px;
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.social__item {
    height: 33px;
}

.social__item:not(:last-child) {
    margin-right: 16px;
}

.social__item svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 100%;
}

.social__item svg path {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.social__item:hover svg {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.social__item:hover:nth-child(2n + 1) svg path:nth-child(1) {
    fill: var(--primary);
}

.social__item:hover:nth-child(2n) svg path {
    fill: var(--primary);
}

.warning {
    width: 100%;
    height: auto;
    padding: 20px 0 50px;
    margin: 0;
    background-color: #fff;
}

.warning__text {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    line-height: 1.1;
    margin: 0 auto;
    padding: 0;
    color: #c4c4c4;
    text-align: center;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 102;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 98px;
    background: transparent;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

.header.fixed {
    background: #fff;
    height: 72px;
    -webkit-box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
    box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 168px;
    height: 40px;
}

.header__logo svg {
    max-width: 100%;
}

.fixed .header__logo svg path {
    fill: var(--primary);
}

.mobile-menu--open .header__logo svg path {
    fill: var(--primary);
}

.header__nav {
    margin-left: auto;
}

.header__search {
    margin: auto 28px;
    cursor: pointer;
}

.search__icon {
    display: flex;
}

.fixed .header__search svg path {
    fill: var(--primary);
}

.mobile-menu--open .header__search svg path {
    fill: var(--primary);
}

.mobile-menu--open .header:not(.fixed) {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
}

.header__btn .btn {
    height: 48px;
}

.navMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.navMenu__item {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navMenu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: 45px;
    padding: 0 9px;
}

.fixed .navMenu__link {
    color: var(--text);
}

.navMenu__link:hover,
.navMenu__link.active {
    color: #fff;
    background: rgba(16,
            111,
            184,
            0.9);
    -webkit-box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    border-radius: 4px;
}

.fixed .navMenu__link:hover svg path,
.fixed .navMenu__link.active svg path,
.navMenu__link:hover .navMenu__arrow svg path,
.navMenu__link.active .navMenu__arrow svg path {
    fill: #fff;
}

.navMenu__arrow {
    margin-left: 8px;
}

.navMenu__arrow svg {
    display: block;
}

.fixed .navMenu__arrow svg path {
    fill: var(--primary);
}

.navMenu__childList {
    width: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 2;
    -webkit-box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    background: rgba(247,
            249,
            250,
            0.95);
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}

.navMenu__item:last-child .navMenu__childList {
    right: 0;
    left: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.navMenu__item:hover .navMenu__link {
    color: #fff;
    background: rgba(16,
            111,
            184,
            0.9);
    -webkit-box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    border-radius: 4px;
}

.fixed .navMenu__item:hover .navMenu__link svg path {
    fill: #fff;
}

.navMenu__item.parent:hover .navMenu__link {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.navMenu__item.parent:hover .navMenu__childList {
    display: block;
}

.childList__item {
    padding: 0;
    margin: 0;
}

.childList__item:not(:last-child) {
    border-bottom: 1px solid rgba(0,
            0,
            0,
            0.1);
}

.childList__link {
    display: block;
    color: var(--text);
    padding: 12px 9px;
}

.childList__link:hover {
    color: var(--primary);
}

.header--page {
    background: #fff;
    -webkit-box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
    box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
}

.header--page .header__logo svg path,
.header--page .navMenu__arrow svg path,
.header--page .header__search svg path {
    fill: var(--primary);
}

.header--page .navMenu__link {
    color: var(--text);
}


.navMenu__arrow {
    margin-left: 8px;
}

.navMenu__arrow svg {
    display: block;
}

.fixed .navMenu__arrow svg path {
    fill: var(--primary);
}

.navMenu__childList {
    width: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 2;
    -webkit-box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    background: rgba(247,
            249,
            250,
            0.95);
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}

.navMenu__item:last-child .navMenu__childList {
    right: 0;
    left: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.navMenu__item:hover .navMenu__link {
    color: #fff;
    background: rgba(16,
            111,
            184,
            0.9);
    -webkit-box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    box-shadow: 0 2px 5px rgba(0,
            0,
            0,
            0.1);
    border-radius: 4px;
}

.fixed .navMenu__item:hover .navMenu__link svg path {
    fill: #fff;
}

.navMenu__item.parent:hover .navMenu__link {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.navMenu__item.parent:hover .navMenu__childList {
    display: block;
}

.childList__item {
    padding: 0;
    margin: 0;
}

.childList__item:not(:last-child) {
    border-bottom: 1px solid rgba(0,
            0,
            0,
            0.1);
}

.childList__link {
    display: block;
    color: var(--text);
    padding: 12px 9px;
}

.childList__link:hover {
    color: var(--primary);
}

.header--page {
    background: #fff;
    -webkit-box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
    box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
}

.header--page .header__logo svg path,
.header--page .navMenu__arrow svg path,
.header--page .header__search svg path {
    fill: var(--primary);
}

.header--page .navMenu__link {
    color: var(--text);
}

.searchPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 98px;
    background-color: #fff;
    position: absolute;
    top: -98px;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
}

header.fixed .searchPanel {
    height: 72px;
}

.searchPanel.show {
    top: 0;
}

.index-page .searchPanel.show {
    -webkit-box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
    box-shadow: 0 4px 8px rgba(0,
            0,
            0,
            0.12);
}

.searchPanel__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.searchPanel__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
}

.searchPanel__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.searchPanel__input input[type='text'] {
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #ececec;
    border-radius: 4px;
}

.searchPanel__icon {
    margin-left: 16px;
    cursor: pointer;
    margin-top: 10px;
}

.searchPanel__icon svg path {
    fill: var(--lightblue);
}

.searchPanel__close {
    display: none;
    position: absolute;
    right: 10px;
    width: 26px;
    height: 26px;
    top: 15px;
    opacity: 0.3;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

@media only screen and (max-width: 639px) {
    .searchPanel__close {
        top: 11px;
    }

    .searchPanel__icon {
        margin-top: 5px;
    }
}


.searchPanel__close:hover {
    opacity: 1;
}

.searchPanel__close:before,
.searchPanel__close:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 5;
    top: 9px;
    left: 0;
    width: 28px;
    height: 2px;
    background: var(--text);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.searchPanel__close:before {
    -webkit-transform: rotate3d(0,
            0,
            1,
            45deg);
    transform: rotate3d(0,
            0,
            1,
            45deg);
}

.searchPanel__close:after {
    -webkit-transform: rotate3d(0,
            0,
            1,
            -45deg);
    transform: rotate3d(0,
            0,
            1,
            -45deg);
}

.searchRes__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.modal-wrap {
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.modal-wrap.hidden {
    visibility: hidden;
    opacity: 0;
    left: 100%;
}

.modal-back {
    width: 100%;
    height: 100%;
    background: rgba(0,
            0,
            0,
            0.36);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

.modal-back:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
    vertical-align: middle;
}

.modal-window {
    width: calc(100% - 40px);
    max-width: 1110px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(66,
            84,
            119,
            0.22);
    box-shadow: 0 2px 6px 0 rgba(66,
            84,
            119,
            0.22);
    background-color: #fff;
    padding: 0;
    margin: 10px auto;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    position: relative;
}

.modal-close {
    position: absolute;
    z-index: 10;
    top: 18px;
    right: 18px;
    width: 18px;
    height: 18px;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
}

.modal-close span {
    display: block;
    height: 18px;
    width: 18px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.modal-close span:hover {
    opacity: 0.6;
}

.modal-close span:before,
.modal-close span:after {
    content: '';
    position: absolute;
    z-index: 5;
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    top: 8px;
    left: -2px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.modal-close span:before {
    -webkit-transform: rotate3d(0,
            0,
            1,
            45deg);
    transform: rotate3d(0,
            0,
            1,
            45deg);
}

.modal-close span:after {
    -webkit-transform: rotate3d(0,
            0,
            1,
            -45deg);
    transform: rotate3d(0,
            0,
            1,
            -45deg);
}

.modal-body {
    padding: 0;
    font-size: 14px;
    line-height: 1.3;
}

.modal-body h3 {
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #fff;
    padding: 20px 50px 20px 20px;
    background-color: var(--secondary);
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 -2px 0;
    position: relative;
}

.modal-body table {
    border-color: #ccc;
}

.modal-body table td {
    padding: 10px 20px;
}

.modal-footnote {
    padding: 20px;
}

#modal-instruction-gel h3 {
    background-color: var(--gel-color);
}

#modal-instruction-ointment h3 {
    background-color: var(--ointment-color);
}

.modal-wrap--suppositories h3 {
    background-color: var(--suppositories-color);
}

.modal-wrap--suppositories-150K h3 {
    background-color: var(--suppositories-150K-color);
}

.modal-wrap--suppositories-500K h3 {
    background-color: var(--suppositories-500K-color);
}

.modal-wrap--suppositories-1000K h3 {
    background-color: var(--suppositories-1000K-color);
}

.modal-wrap--suppositories-3000K h3 {
    background-color: var(--suppositories-3000K-color);
}

.table-responsive {
    width: 100%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.3;
}

.table-responsive-head {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--primary);
    font-weight: 700;
}

.table-responsive-tr {
    display: flex;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 639px) {
    .table-responsive-tr {
        flex-direction: column;
        padding: 10px 0;
    }
}

.table-responsive-head.table-responsive-tr {
    border-width: 2px;
}

@media only screen and (max-width: 639px) {
    .table-responsive-head.table-responsive-tr {
        display: none;
    }
}

.table-responsive-column-2 .table-responsive-td {
    width: 50%;
}

.table-responsive-column-3 .table-responsive-td {
    width: 33.333%;
}

.table-responsive-column-4 .table-responsive-td {
    width: 25%;
}

.table-responsive-column-5 .table-responsive-td {
    width: 20%;
}

.table-responsive-td {
    padding: 10px 20px;
    box-sizing: border-box;
}

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

    .table-responsive-td,
    [class*='table-responsive-column-'] .table-responsive-td {
        width: 100%;
    }

    .table-responsive-td-xs-bold {
        font-weight: 700;
    }
}

.table-responsive-td-xs-subtitle {
    display: none;
}

@media only screen and (max-width: 639px) {
    .table-responsive-td-xs-subtitle {
        display: block;
        border-top: 1px solid #ccc;
        padding-top: 16px;
        margin-bottom: 8px;

        text-transform: uppercase;
        color: #333;
        opacity: 0.4;
        font-weight: 600;
    }
}

.table-responsive-td p {
    margin: 0;
}

.table-responsive-td p+p {
    margin-top: 16px;
}

.table-responsive-td:not(.last-child) {
    border-right: 1px solid #ccc;
}

@media only screen and (max-width: 639px) {
    .table-responsive-td:not(.last-child) {
        border-right: none;
    }
}

.table-responsive-td-center {
    align-self: center;
    text-align: center;
}

.btn,
a.btn {
    display: inline-block;
    height: 54px;
    padding: 0 18px;
    border-radius: 4px;
    background: var(--primary);
    border: 1px solid var(--primary);
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn--little,
a.btn--little {
    height: 40px;
}

.btn span,
a.btn span {
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn--inverted,
a.btn--inverted {
    background-color: transparent;
    border: 1px solid var(--primary);
    color: var(--text);
}

.btn:hover,
a.btn:hover {
    color: #fff;
    background-color: #0d5993;
    border: 1px solid #0d5993;
}

.btn--text,
a.btn--text {
    background-color: transparent;
    border-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    color: #5b5a6a;
    height: auto;
}

.btn--text:hover,
a.btn--text:hover {
    background-color: transparent;
    color: var(--primary);
    border-color: transparent;
}

.btn--icon svg,
a.btn--icon svg {
    max-width: 100%;
    max-height: 100%;
    margin-right: 11px;
}

.btn--icon svg path,
a.btn--icon svg path {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    stroke: #fff;
}

.btn--gel,
a.btn--gel {
    background: var(--gel-color);
    border: 1px solid var(--gel-color);
}

.btn--gel.btn--inverted,
a.btn--gel.btn--inverted {
    background: transparent;
    border-color: var(--gel-color);
}

.btn--gel.btn--inverted:hover,
a.btn--gel.btn--inverted:hover {
    background-color: var(--gel-color);
    color: #fff;
}

.btn--ointment,
a.btn--ointment {
    background: var(--ointment-color);
    border: 1px solid var(--ointment-color);
}

.btn--ointment.btn--inverted,
a.btn--ointment.btn--inverted {
    background: transparent;
    border-color: var(--ointment-color);
}

.btn--ointment.btn--inverted:hover,
a.btn--ointment.btn--inverted:hover {
    background-color: var(--ointment-color);
    color: #fff;
}

.btn--suppositories,
a.btn--suppositories {
    background: var(--suppositories-color);
    border: 1px solid var(--suppositories-color);
}

.btn--suppositories.btn--inverted,
a.btn--suppositories.btn--inverted {
    background: transparent;
    border-color: var(--suppositories-color);
}

.btn--suppositories.btn--inverted:hover,
a.btn--suppositories.btn--inverted:hover {
    background-color: var(--suppositories-color);
    color: #fff;
}

.btn--suppositories-150K,
a.btn--suppositories-150K {
    background: var(--suppositories-150K-color);
    border: 1px solid var(--suppositories-150K-color);
}

.btn--suppositories-150K.btn--inverted,
a.btn--suppositories-150K.btn--inverted {
    background: transparent;
    border-color: var(--suppositories-150K-color);
}

.btn--suppositories-150K.btn--inverted:hover,
a.btn--suppositories-150K.btn--inverted:hover {
    background-color: var(--suppositories-150K-color);
    color: #fff;
}

.btn--suppositories-500K,
a.btn--suppositories-500K {
    background: var(--suppositories-500K-color);
    border: 1px solid var(--suppositories-500K-color);
}

.btn--suppositories-500K.btn--inverted,
a.btn--suppositories-500K.btn--inverted {
    background: transparent;
    border-color: var(--suppositories-500K-color);
}

.btn--suppositories-500K.btn--inverted:hover,
a.btn--suppositories-500K.btn--inverted:hover {
    background-color: var(--suppositories-500K-color);
    color: #fff;
}

.btn--suppositories-1000K,
a.btn--suppositories-1000K {
    background: var(--suppositories-1000K-color);
    border: 1px solid var(--suppositories-1000K-color);
}

.btn--suppositories-1000K.btn--inverted,
a.btn--suppositories-1000K.btn--inverted {
    background: transparent;
    border-color: var(--suppositories-1000K-color);
}

.btn--suppositories-1000K.btn--inverted:hover,
a.btn--suppositories-1000K.btn--inverted:hover {
    background-color: var(--suppositories-1000K-color);
    color: #fff;
}

.btn--suppositories-3000K,
a.btn--suppositories-3000K {
    background: var(--suppositories-3000K-color);
    border: 1px solid var(--suppositories-3000K-color);
}

.btn--suppositories-3000K.btn--inverted,
a.btn--suppositories-3000K.btn--inverted {
    background: transparent;
    border-color: var(--suppositories-3000K-color);
}

.btn--suppositories-3000K.btn--inverted:hover,
a.btn--suppositories-3000K.btn--inverted:hover {
    background-color: var(--suppositories-3000K-color);
    color: #fff;
}

input[type='submit'],
input[type='button'],
.wp-polls .Buttons {
    padding: 0 18px;
    border-radius: 4px;
    background: var(--primary);
    border: 1px solid var(--primary);
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

input[type='submit'],
input[type='button'] {
    height: 54px;
}

input[type='submit']:hover,
input[type='submit']:focus,
input[type='button']:hover,
input[type='button']:focus {
    background-color: #0d5993;
    border-color: #0d5993;
}

.wp-polls .Buttons {
    height: 40px;
}

.btn__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px;
}

.btn__wrapper--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn__wrapper>*:not(:first-child) {
    margin-left: 22px;
}

.header-mobile__wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 320px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mobile-menu--open .header-mobile__wrapper {
    display: block;
    padding-top: 98px;
    padding-left: 10px;
    top: 0;
    z-index: 101;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mobile-menu--open .fixed~.header-mobile__wrapper {
    padding-top: 72px;
}

.header-mobile__nav {
    display: block;
    width: 100%;
    margin: 0 auto;

    -webkit-box-shadow: 0 4px 8px rgb(0,
            0,
            0,
            0.12);
    box-shadow: 0 4px 8px rgb(0,
            0,
            0,
            0.12);
    background-color: #fff;
}

.header-mobile__nav ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-mobile__nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e1e7f0;
    width: 100%;
    margin-left: 0;
}

.header-mobile__nav a {
    flex: 1;
    padding: 10px 20px;
    font-size: 16px;
    color: var(--text);
    line-height: 1.63;
    text-decoration: none;
}

.header-mobile__nav a:visited {
    color: var(--text);
}

.open a.header-mobile__link {
    font-weight: 600;
    color: var(--primary);
}

.header-mobile__nav a:hover,
.header-mobile__nav a.active {
    color: var(--primary);
}

.header-mobile__arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    background-color: var(--lightblue);
    margin-left: auto;
}

.header-mobile__arrow svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-mobile__arrow svg path {
    fill: white;
}

.open .header-mobile__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.header-mobile__childList {
    display: none;
    width: 100%;
    flex: none;
    background-color: #fdfeff;
    border-bottom: 2px solid #e5e5e5;
    border-top: 2px solid #e5e5e5;
}

.open .header-mobile__childList {
    display: block;
}

.header-mobile__childList a {
    padding: 12px 20px;
    font-weight: 400;
    font-size: 15px;
}

body.mobile-menu--open {
    height: 100vh;
    overflow: hidden;
}

.header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
}

.hamburger {
    position: relative;
    z-index: 4;
    width: 28px;
    height: 40px;
    cursor: pointer;
    vertical-align: top;
    overflow: hidden;
    margin-right: auto;
}

.hamburger__line,
.hamburger:before,
.hamburger:after {
    content: '';
    position: absolute;
    z-index: 5;
    display: block;
    height: 2px;
    left: 0;
    background: var(--lightblue);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate3d(0,
            0,
            1,
            0deg);
    transform: rotate3d(0,
            0,
            1,
            0deg);
}

body:not(.mobile-menu--open) .header--index:not(.fixed) .hamburger__line,
body:not(.mobile-menu--open) .header--index:not(.fixed) .hamburger:before,
body:not(.mobile-menu--open) .header--index:not(.fixed) .hamburger:after {
    background: #fff;
}

.hamburger:before {
    top: 10px;
    width: 28px;
}

.hamburger__line {
    top: 20px;
    width: 28px;
}

.hamburger:after {
    top: 29px;
    width: 28px;
}

.mobile-menu--open .hamburger .hamburger__line {
    left: -29px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.mobile-menu--open .hamburger:before {
    top: 19px;
    left: 0;
    width: 28px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate3d(0,
            0,
            1,
            45deg);
    transform: rotate3d(0,
            0,
            1,
            45deg);
}

.mobile-menu--open .hamburger:after {
    top: 19px;
    left: 0;
    width: 28px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate3d(0,
            0,
            1,
            -45deg);
    transform: rotate3d(0,
            0,
            1,
            -45deg);
}

.js-tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.js-tab-container {
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.js-tab-container.visibly {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.slick-dots {
    list-style: none;
    margin: 30px auto 0;
    text-align: center;
    padding: 0;
    height: 20px;
}

.slick-dots li {
    display: inline-block;
    cursor: pointer;
    height: 10px;
}

.slick-dots li:not(:first-child) {
    margin-left: 10px;
}

.slick-dots li button {
    display: inline-block;
    border: none;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    padding: 0;
    text-indent: -9999px;
    background-color: #cfd0d1;
    cursor: pointer;
    outline: none;
}

.slick-dots li.slick-active button {
    background-color: var(--primary);
}

.slick-arrow {
    position: absolute;
    top: 130px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,
            0,
            0,
            0.2);
    opacity: 0.9;
    z-index: 10;
    cursor: pointer;
    transition: all 0.5s;

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

    font-size: 0;
    border: none;
}

.slick-arrow:before {
    content: '';
    background-image: url(../img/arrow.svg);
    width: 18px;
    height: 10px;
    background-size: cover;
}

.slick-arrow:hover {
    opacity: 1;
}

.slick-prev {
    left: 10px;
}

.slick-prev:before {
    transform: rotate(90deg);
}

.slick-next {
    right: 20px;
}

.slick-next:before {
    transform: rotate(-90deg);
}

.accordion__wrapper {
    border: 1px solid #d8d9d8;
    border-radius: 6px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.accordion__wrapper:not(:last-child) {
    margin-bottom: 18px;
}

.accordion__title {
    padding: 19px 20px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.instruction__list .accordion__title {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
}

.accordion__title a,
.accordion__title a:visited {
    color: var(--text);
    font-weight: 500;
}

.accordion__wrapper.active .accordion__title a,
.accordion__wrapper.active .accordion__title a:visited {
    color: #fff;
}

.accordion__title:hover {
    color: var(--primary);
}

.accordion--gel .accordion__title:hover {
    color: var(--gel-color);
}

.accordion--ointment .accordion__title:hover {
    color: var(--ointment-color);
}

.accordion--suppositories .accordion__title:hover {
    color: var(--suppositories-color);
}

.accordion--suppositories-150K .accordion__title:hover {
    color: var(--suppositories-150K-color);
}

.accordion--suppositories-500K .accordion__title:hover {
    color: var(--suppositories-500K-color);
}

.accordion--suppositories-1000K .accordion__title:hover {
    color: var(--suppositories-1000K-color);
}

.accordion--suppositories-3000K .accordion__title:hover {
    color: var(--suppositories-3000K-color);
}

.accordion__title svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.accordion__wrapper.active .accordion__title {
    color: #fff;
    background-color: var(--gel-color);
}

.accordion--howSuppositories .accordion__wrapper.active .accordion__title {
    color: var(--text);
    background-color: transparent;
}

.accordion--gel .accordion__wrapper.active .accordion__title {
    background-color: var(--gel-color);
}

.accordion--ointment .accordion__wrapper.active .accordion__title {
    background-color: var(--ointment-color);
}

.accordion--suppositories .accordion__wrapper.active .accordion__title {
    background-color: var(--suppositories-color);
}

.accordion--suppositories-150K .accordion__wrapper.active .accordion__title {
    background-color: var(--suppositories-150K-color);
}

.accordion--suppositories-500K .accordion__wrapper.active .accordion__title {
    background-color: var(--suppositories-500K-color);
}

.accordion--suppositories-1000K .accordion__wrapper.active .accordion__title {
    background-color: var(--suppositories-1000K-color);
}

.accordion--suppositories-3000K .accordion__wrapper.active .accordion__title {
    background-color: var(--suppositories-3000K-color);
}

.accordion__title>span {
    margin-right: 12px;
}

.accordion__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.accordion__arrow svg {
    width: 12px;
    height: 8px;
}

.accordion__wrapper.active .accordion__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.accordion__wrapper.active .accordion__arrow path {
    stroke: #fff;
}

.accordion__icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 35px;
    margin-right: 13px;
}

.accordion__icon svg {
    max-width: 100%;
    max-height: 100%;
    stroke-width: 0;
}

.accordion--gel .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--gel-color);
}

.accordion--ointment .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--ointment-color);
}

.accordion--suppositories .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--suppositories-color);
}

.accordion--suppositories-150K .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--suppositories-150K-color);
}

.accordion--suppositories-500K .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--suppositories-500K-color);
}

.accordion--suppositories-1000K .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--suppositories-1000K-color);
}

.accordion--suppositories-3000K .accordion__wrapper .accordion__icon svg>* {
    stroke: var(--suppositories-3000K-color);
}

.accordion__wrapper.active .accordion__icon svg>* {
    stroke: #fff;
}

.accordion--gel .accordion__wrapper .accordion__icon svg path {
    fill: var(--gel-color);
}

.accordion--ointment .accordion__wrapper .accordion__icon svg path {
    fill: var(--ointment-color);
}

.accordion--suppositories .accordion__wrapper .accordion__icon svg path {
    fill: var(--suppositories-color);
}

.accordion--suppositories-150K .accordion__wrapper .accordion__icon svg path {
    fill: var(--suppositories-150K-color);
}

.accordion--suppositories-500K .accordion__wrapper .accordion__icon svg path {
    fill: var(--suppositories-500K-color);
}

.accordion--suppositories-1000K .accordion__wrapper .accordion__icon svg path {
    fill: var(--suppositories-1000K-color);
}

.accordion--suppositories-3000K .accordion__wrapper .accordion__icon svg path {
    fill: var(--suppositories-3000K-color);
}

.accordion__wrapper.active .accordion__icon svg path {
    fill: #fff;
}

.accordion__content {
    display: none;
    padding: 19px 20px;
}

.accordion__wrapper.active .accordion__content {
    display: block;
}

.accordion__content p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--text);
}

.accordion__content p:not(:last-child) {
    margin: 0 0 10px;
}

.accordion__content h3 {
    font-size: 18px;
    margin-top: 0;
}

.accordion__content h3:not(:first-child) {
    margin-top: 32px;
}

.accordion__content h3~.tableScroll {
    margin-top: -1em;
}

.accordion__date {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 4px 20px;
    background-color: #d8d9d8;
    color: #fff;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
}

.form__item {
    margin-bottom: 25px;
}

.form__item--submit {
    margin-bottom: 0;
}

.form__item--submit input {
    width: 100%;
}

.form__acception {
    margin: 26px 0;
    font-size: 14px;
    line-height: 1.57;
}

label {
    display: block;
    margin-bottom: 20px;
    font-weight: 500;
}

input,
select {
    max-width: 100%;
    margin: 0;
    outline: 0 none;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:not([type]),
input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='number'],
input[type='datetime'],
select {
    width: 100%;
    height: 54px;
    padding: 0 14px;
    background: transparent;
    color: var(--text);
    border: 1px solid #d1d1d1;
    border-radius: 6px;
}

input:not([type='submit']):focus,
input:not([type='button']):focus,
select:focus,
textarea:focus {
    background-color: #fff;
    border-color: var(--primary);
}

input[type='submit']:focus,
input[type='button']:focus {
    background-color: var(--primary);
    color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,
            0,
            0,
            0.2);
    box-shadow: inset 0 0 6px rgba(0,
            0,
            0,
            0.2);
}

select,
textarea {
    width: 100%;
    color: var(--text);
}

textarea {
    max-width: 100%;
    margin: 0;
    padding: 20px 14px;
    outline: 0 none;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    line-height: 1.33;
    color: var(--text);
    width: 100%;
    max-height: 100px;
    background: transparent;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
}

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

textarea:checked,
select:checked,
input[value=''] {
    background: transparent;
    color: var(--text);
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
}

.success {
    background-color: #f7f7f7;
    padding: 15px;
    font-style: italic;
    text-align: center;
    margin-top: 15px;
}

.wpcf7-list-item {
    margin-left: 0 !important;
}

input[type='checkbox'] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: transparent;
}

input[type='radio'] {
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: transparent;
}

input[type='checkbox']:checked,
input[type='radio']:checked {
    border-color: transparent;
    background: #fff;
    box-shadow: inset 0 0 0 0.4em var(--primary),
        inset 0 0 0 1em #fff;
}

.checkbox-wrapper {
    position: relative;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
}

.checkbox-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.checkbox-wrapper label {
    display: inline-block;
    padding-left: 35px;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: rgba(0,
            0,
            0,
            0.5);
    font-size: 14px;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.checkbox-wrapper:hover label {
    color: rgba(0,
            0,
            0,
            0.8);
}

input[type='checkbox'].checkbox {
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: 3px;
}

input[type='checkbox'].checkbox~span {
    background: transparent;
    border: 1px solid var(--primary);
    height: 20px;
    width: 20px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

input[type='checkbox'].checkbox:hover~span {
    background: transparent;
    border: 1px solid var(--primary);
    height: 20px;
    width: 20px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

input[type='checkbox'].checkbox:checked~span {
    background: var(--primary) url('../img/svg/check-on.svg') no-repeat 50% 50%;
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
}

input[type='checkbox'].checkbox:disabled~span {
    background: transparent;
    opacity: 0.5;
    border: 1px solid var(--primary);
    height: 20px;
    width: 20px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
}

input[type='checkbox'].checkbox:checked~label {
    color: rgba(0,
            0,
            0,
            0.5);
}

.select_option {
    position: relative;
    width: 100%;
}

select::-webkit-inner-spin-button {
    cursor: pointer;
}

.select_option:after {
    pointer-events: none;
    background: transparent url('../img/arrow.svg') 50% 50% no-repeat;
    background-size: 18px 11px;
    height: 54px;
    width: 54px;
    position: absolute;
    right: 2px;
    top: 1px;
    content: '';
}

.select_option.open:after {
    background-color: #fff;
}

.embed-responsive {
    padding-top: calc(100% / 2) !important;
    position: relative;
}

.embed-responsive-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

@media (max-height: 800px) and (min-width: 767px) {
    .product__subtitle {
        font-size: 23px;
        margin-top: 5px;
    }

    .product__desc {
        margin-top: 12px;
    }

    .desc__item {
        font-size: 16px;
    }
}

@media (max-height: 700px) and (min-width: 767px) {
    .bannerTabItem__img {
        display: none;
    }

    .bannerTabItem__wrapper,
    .bannerTab__item--suppositories .bannerTabItem__wrapper {
        transform: none;
    }

    .bannerTab__item,
    .bannerTabItem__bg {
        height: 90px;
    }

    .bannerTab__item {
        -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
        transform: translateY(25px);
    }

    .bannerTab__item.active {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px);
    }

    .bannerTabItem__wrapper span {
        font-weight: 600;
        font-size: 21px;
        margin-top: 15px;
    }

    .bannerTabItem__wrapper span:before {
        content: 'Виферон® ';
    }
}

.header-mobile__burger {
    display: none;
}

@media only screen and (max-width: 1220px) {
    .header-mobile__burger {
        display: flex;
    }

    .header__nav {
        display: none;
    }

    .header__search {
        margin: auto 30px auto auto;
    }

    .header__btn {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 74.95em) {
    .mq-show-lg {
        display: initial !important;
    }

    .mq-hide-lg {
        display: none !important;
    }

    .mq-display-block-lg {
        display: block !important;
    }

    .mq-display-inline-lg {
        display: inline !important;
    }

    .mq-display-inline-block-lg {
        display: inline-block !important;
    }

    .mq-display-flex-lg {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .col-lg-1-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .col-lg-1-2,
    .col-lg-2-4,
    .col-lg-3-6,
    .col-lg-5-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-1-3,
    .col-lg-2-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .col-lg-2-3,
    .col-lg-4-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    .col-lg-1-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-3-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-1-5,
    .col-lg-2-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-2-5,
    .col-lg-4-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-lg-3-5,
    .col-lg-6-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-lg-4-5,
    .col-lg-8-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-lg-1-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    .col-lg-5-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333%;
        flex: 0 0 83.333%;
        max-width: 83.333%;
    }

    .col-lg-1-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-lg-3-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-lg-7-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-lg-9-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .titleBanner {
        height: 325px;
        margin-bottom: 50px;
    }

    .articles-page__item {
        width: calc(100% - 20px);
        margin-bottom: 30px;
    }

    /* 404 */
    .page-404__container {
        width: 70%;
    }
}

@media only screen and (max-width: 1560px) {
    .suppositories-page .pageBanner {
        background-image: url('../img/suppositories/banner-suppositories-responsive-1560.jpg');
        background-position: top right;
    }
}

@media only screen and (max-width: 1100px) {
    .bannerTabItem__wrapper {
        padding: 0 30px;
    }

    .pageBanner__content {
        width: 35%;
    }

    .pageBanner:after {
        right: 60%;
        background-color: #e0f1fb;
    }

    .pageBanner__title {
        font-size: 30px;
    }

    .pageBanner__title span.dosage {
        display: block;
        font-size: 25px;
    }

    #art_block li {
        width: calc(50% - 16px);
    }

    /* 404 */
    .page-404__container {
        width: 80%;
    }

    .page-404__name svg {
        overflow: hidden;
        margin-top: -60px;
    }
}

@media only screen and (max-width: 1024px) {
    .sidebar {
        width: 270px;
        margin-right: 20px;
    }

    .sidebarMenu.fixed {
        width: 270px;
    }

    .btnProducts.fixed {
        width: 270px;
        margin-right: 20px;
    }

    .btnProducts__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px 40px;
        height: auto;
    }

    .btnProducts__item--gel .btnProducts__img,
    .btnProducts__item--ointment .btnProducts__img {
        margin-left: -18px;
    }

    .btnProducts__name {
        margin-left: 0;
    }

    .form-feedback__img {
        height: 215px;
    }

    .form-feedback__title {
        font-size: 15px;
    }

    .contact__list {
        flex-direction: column;
    }

    .contact__item:not(:first-child) {
        margin-top: 16px;
    }

    .contactForm {
        width: 70%;
    }
}

@media only screen and (max-width: 1023px) {
    .price__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.no_padding .titleBanner__content{
width: 70%;
}
.no_padding .sidebar{
	width: 375px;
    margin-right: 80px;
    
}
@media (max-width: 1024px) and (min-width: 763px) {
    .no_padding .sidebar{
        width: 270px;
        margin-right: 60px;
    }
}
@media (max-width: 762px) and (min-width: 200px) {
    .no_padding .sidebar{
        width: 100%;
        margin-right: 60px;
    }
}


@media only screen and (max-width: 59.95em) {

    h1,
    .pageContent h1 {
        font-size: 28px;
    }

    main:not(.content--index) {
        padding-top: 80px;
    }

    .mq-show-md {
        display: initial !important;
    }

    .mq-hide-md {
        display: none !important;
    }

    .mq-display-block-md {
        display: block !important;
    }

    .mq-display-inline-md {
        display: inline !important;
    }

    .mq-display-inline-block-md {
        display: inline-block !important;
    }

    .mq-display-flex-md {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .col-md-1-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .col-md-1-2,
    .col-md-2-4,
    .col-md-3-6,
    .col-md-5-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-1-3,
    .col-md-2-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .col-md-2-3,
    .col-md-4-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    .col-md-1-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-3-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-1-5,
    .col-md-2-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-2-5,
    .col-md-4-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-md-3-5,
    .col-md-6-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-md-4-5,
    .col-md-8-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-md-1-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    .col-md-5-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333%;
        flex: 0 0 83.333%;
        max-width: 83.333%;
    }

    .col-md-1-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-md-3-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-md-7-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-md-9-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .banner {
        min-height: 550px;
    }

    .banner__wrapper {
        min-height: auto;
        height: 100%;
        background-size: auto;
    }

    .about {
        padding: 50px 0 25px;
    }

    .about__item {
        height: 270px;
    }

    .about__img {
        height: 270px;
    }

    .articles {
        padding: 30px 0 25px;
    }

    .home .articles {
        padding: 30px 0 15px;
        padding-top:20px;
    }

    .text-page .articles {
        padding-top: 0;
    }

    .articles__slider {
        margin-left: -16px;
    }

    .articles__item {
        margin-left: 16px;
    }

    .articles__slider .slick-slide {
        width: 384px;
    }

    .about-company {
        padding: 30px 0 15px;
    }

    .about-company__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-top: 25px;
    }

    .about-company__item {
        width: 100%;
        margin-left: 0;
    }

    .about-company__item:not(:last-child) {
        margin-bottom: 30px;
    }

    .awards {
        padding: 30px 0 15px;
    }

    .footnote {
        padding: 30px 0 15px;
    }

    .official {
        padding: 25px 0 50px;
    }

    .official__img {
        margin-bottom: 20px;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        height: 250px;
        overflow: hidden;
        border-radius: 0;
    }

    .official__img img {
        border-radius: 0;
        width: 100%;
        margin-top: -75px;
    }

    .pageBanner__btn {
        margin-top: 0;
    }

    .pageBanner {
        background: none;
        height: auto;
    }

    .pageBanner:before {
        display: none;
    }

    .pageBanner:after {
        top: 350px;
        background-image: url('../img/rectangle-bg.svg');
        right: 0;
        background-color: #edf9ff;
    }

    .pageBanner__img {
        display: block;
        width: 100%;
        height: 350px;
        background-size: cover;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }

    .gel-page .pageBanner {
        background-image: none !important;
    }

    .gel-page .pageBanner__img {
        background-image: url('../img/gel/banner-gel-responsive-959.jpg');
    }

    .ointment-page .pageBanner {
        background-image: none !important;
    }

    .ointment-page .pageBanner__img {
        background-position: 50%;
        background-image: url('../img/ointment/banner-ointment.jpg');
    }

    .suppositories-page .pageBanner {
        background-image: none !important;
    }

    .suppositories-page .pageBanner__img {
        background-image: url('../img/suppositories/banner-suppositories-responsive-959.jpg');
    }

    .pageBanner__content {
        width: 100%;
        padding: 40px 0;
    }

    .pageBanner__title {
        font-size: 34px;
    }

    .pageBanner__desc {
        margin-top: 16px;
        margin-bottom: 50px;
        margin-right: -50%;
    }

    .pageBanner__productImg {
        width: 100%;
    }

    .recomendation__wrapper {
        margin-top: 50px;
    }

    .recomendation__wrapper .grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .recomendation__img {
        width: auto;
        height: 450px;
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 0;
    }

    .desc-gel-page .recomendation__img {
        background-image: url('../img/gel/recomendation-gel-mobile.jpg');
    }

    .desc-ointment-page .recomendation__img {
        background-position: 50% 50%;
        background-image: url('../img/ointment/recomendation-ointment.jpg');
    }

    .desc-suppositories-page .recomendation__img {
        background-position: 50% 0;
        background-image: url('../img/suppositories/recomendation-suppositories-mobile2.jpg');
    }

    .recomendation__img img {
        display: none;
    }

    .howInfo {
        margin-top: 20px;
    }

    .howInfo__item {
        margin-top: 16px;
        padding: 18px 35px;
    }

    .howInfo__title {
        font-size: 20px;
    }

    .img {
        margin-top: 0;
        margin-bottom: 30px;
        height: 330px;
    }

    .questions {
        padding-bottom: 20px;
    }

    .questions__list {
        margin-top: 28px;
    }

    .use {
        padding: 45px 0;
    }

    .use__wrapper {
        margin-top: 20px;
    }

    .use__tabsWrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 180px;
        flex: 0 1 180px;
    }

    .use__tabs {
        padding: 16px 0;
    }

    .price {
        padding: 45px 0;
    }

    .price__subtitle {
        font-size: 18px;
    }

    .price__name {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .price__item .price__value {
        font-size: 30px;
        margin-left: 0;
        margin-top: 5px;
    }

    .price__value {
        font-size: 40px;
    }

    .howSuppositories__list {
        margin-top: 25px;
    }

    .howSuppositories__item {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }

    .howSuppositories__item:not(:last-child) {
        margin-bottom: 0;
    }

    .howSuppositories__item.close {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
    }

    .howSuppositoriesItem__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #f7f9fa;
        padding: 20px;
    }

    .howSuppositoriesItem__title .text {
        font-size: 20px;
        margin-right: 0;
    }

    .howSuppositoriesItem__title .btnHide {
        border: none;
        padding: 0;
        color: var(--primary);
        font-size: 14px;
        margin-left: 0;
        margin-top: 16px;
        text-decoration: underline;
    }

    .howSuppositories__item.close .text {
        font-size: 18px;
        line-height: 1.4;
    }

    .howSuppositories__item.close:not(:last-child)~.howSuppositories__item:not(.close) {
        margin-top: 0;
    }

    .howSuppositories__item:not(.close)~.howSuppositories__item.close:not(:last-child) {
        margin-bottom: 0;
    }

    .howSuppositories__item:not(.close)~.howSuppositories__item.close {
        margin-top: 0;
    }

    .howSuppositoriesAccordion {
        margin-top: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .howSuppositoriesAccordion__title {
        font-size: 18px;
        padding: 14px 20px;
    }

    .howSuppositoriesAccordion__content {
        margin-top: 0;
        padding-top: 0;
    }

    .howSuppositoriesTable__tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .howSuppositoriesTable__tr:not(:last-child) {
        border-bottom: none;
    }

    .howSuppositoriesTable__tr--head {
        display: none;
    }

    .howSuppositoriesTable__tr--body {
        padding: 0 0 22px;
    }

    .howSuppositoriesTable__td {
        width: 100%;
        padding-top: 13px;
    }

    .howSuppositoriesTable__td:not(:last-child) {
        padding-right: 0;
        padding-bottom: 13px;
    }

    .howSuppositoriesTable__td--application {
        width: 100%;
    }

    .howSuppositoriesTable__td--application:before {
        content: 'Способ применения';
        display: block;
        font-size: 14px;
        line-height: 1.4;
        color: #a6a6a6;
        padding-bottom: 7px;
    }

    .howSuppositoriesTable__td--age {
        background-color: #f8fcff;
        padding: 15px 20px;
        margin-bottom: 10px;
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
        font-weight: 500;
    }

    .howSuppositoriesTable__td--age:not(:last-child) {
        padding: 15px 20px;
    }

    .howSuppositoriesAccordion__wrapper--kids .howSuppositoriesTable__td--age:before {
        content: 'Возраст';
        display: block;
        font-size: 14px;
        line-height: 1.4;
        color: #a6a6a6;
    }

    .howSuppositoriesTable__td--dosage {
        width: 100%;
    }

    .howSuppositoriesTable__td--dosage:before {
        content: 'Дозировка';
        display: block;
        font-size: 14px;
        line-height: 1.4;
        color: #a6a6a6;
    }

    .howSuppositoriesTable__td--amount {
        width: 100%;
    }

    .howSuppositoriesTable__td--amount:before {
        content: 'Количество';
        display: block;
        font-size: 14px;
        line-height: 1.4;
        color: #a6a6a6;
    }

    .instruction {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .instruction__about {
        padding: 35px 15px;
    }

    .instructionProductImg {
        margin-left: -10px;
        margin-right: -10px;
    }

    .instructionDesc__item p {
        font-size: 16px;
        line-height: 1.3;
    }

    .titleBanner {
        height: 275px;
    }

    .titleBanner__wrapper {
        padding: 40px 0 30px 0;
    }

    .titleBanner__content {
        width: 100%;
    }

    .titleBanner__title {
        font-size: 35px;
    }

    .pagenavi {
        margin-top: 30px;
    }

    .wp-pagenavi span.pages {
        width: 100%;
        margin: 0;
    }

    .articles-page__section:not(:last-child) {
        margin-bottom: 50px;
    }

    .articles-page__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .articles-page__bottom .articles__btn {
        margin-right: 0;
    }

    .articles-page__bottom .articles__stripe {
        margin-top: 30px;
    }

    .news-page__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .news-page__img {
        width: 100%;
        height: 200px;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .footer {
        padding-top: 45px;
    }

    .footer-bottom__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .footer-bottom__item:nth-child(1) {
        display: none;
    }

    .social {
        margin-top: 25px;
        margin-bottom: 16px;
    }

    .warning__text {
        font-size: 18px;
        line-height: 1.3;
    }

    .header--page {
        height: 80px;
    }

    .mobile-menu--open .header-mobile__wrapper {
        padding-top: 80px;
    }

    .searchPanel {
        height: 80px;
    }

    .accordion__title {
        font-size: 18px;
        line-height: 1.4;
    }

    .contactForm {
        width: 100%;
    }

    /* Эксперты */
    .experts__item {
        width: 100%;
        min-height: 220px;
        margin-bottom: 16px;
    }

    .experts__img {
        width: 35%;
    }

    .experts__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 16px;
        justify-content: space-between;
    }

    .experts__title>* {
        display: block;
    }

    .experts__name {
        font-size: 15px;
        padding-bottom: 8px;
    }

    .experts__spec {
        font-size: 14px;
        margin-top: 8px;
        line-height: 1.3;
    }

    /* Конец Эксперты */

    .tab-pane .alignright {
        float: none;
        margin-left: 0;
        margin-bottom: 0;
    }

    .nav-tabs li {
        padding: 20px 20px 8px 20px !important;
    }

    .nav-tabs li a {
        width: 70px;
    }

    .tab-pane h3 {
        margin-top: 16px;
    }

    .tab-pane .btn-pdf a {
        width: 100%;
    }
}

@media only screen and (max-width: 940px) {
    .page-404__bg {
        width: auto;
        margin-right: -20px;
        background-position: 110% bottom;
    }

    .page-404__container {
        width: 60%;
    }

    .page-404__name svg {
        width: 400px;
    }

    .page-404 h2 {
        margin-top: 20px;
        font-size: 20px;
    }

    .page-404__nav {
        display: flex;
        margin-top: 32px;
        flex-direction: column;
    }

    .page-404__nav form {
        margin-left: 0;
        margin-top: 16px;
    }
}

@media only screen and (max-width: 47.95em) {

    h1,
    .pageContent h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .contacts__title {
        font-size: 16px;
        line-height: 1.4;
    }

    .articles__tabsWrapper {
        overflow: hidden;
        height: 40px;
    }

    .mq-show-sm {
        display: initial !important;
    }

    .mq-hide-sm {
        display: none !important;
    }

    .mq-display-block-sm {
        display: block !important;
    }

    .mq-display-inline-sm {
        display: inline !important;
    }

    .mq-display-inline-block-sm {
        display: inline-block !important;
    }

    .mq-display-flex-sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .col-sm-1-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .col-sm-1-2,
    .col-sm-2-4,
    .col-sm-3-6,
    .col-sm-5-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-1-3,
    .col-sm-2-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .col-sm-2-3,
    .col-sm-4-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    .col-sm-1-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-3-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-1-5,
    .col-sm-2-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-sm-2-5,
    .col-sm-4-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-sm-3-5,
    .col-sm-6-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-sm-4-5,
    .col-sm-8-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-sm-1-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    .col-sm-5-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333%;
        flex: 0 0 83.333%;
        max-width: 83.333%;
    }

    .col-sm-1-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-sm-3-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-sm-7-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-sm-9-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .banner {
        text-shadow: none;
        color: var(--text);
        height: auto;
        max-height: none;
    }

    .banner__wrapper {
        background: none;
        padding: 72px 0 0;
    }

    .banner__btn {
        text-align: center;
        margin-top: 27px;
        padding: 0 18px;
    }

    .banner__btn .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .product__wrapper {
        text-align: center;
        background-image: url('../img/rectangle-bg.svg');
        background-repeat: no-repeat;
        padding-bottom: 60px;
    }

    .product__wrapper>.container {
        padding: 0;
    }

    .product__title {
        font-size: 20px;
        color: var(--primary);
    }

    .product__title span {
        font-weight: 700;
    }

    .product__subtitle {
        font-size: 18px;
        margin-top: 0;
    }

    .product__desc {
        margin: 8px auto 0;
        padding-left: 18px;
        padding-right: 18px;
    }

    .product__img {
        height: 400px;
    }

    .desc__item {
        font-weight: 400;
        font-size: 13px;
        display: inline;
        padding-left: 10px;
    }

    .desc__item:first-child {
        padding-left: 0;
    }

    .desc__item:first-child:before {
        display: none;
    }

    .desc__item:before {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: var(--secondary);
        background-image: none;
    }

    .bannerTab__wrapper>.container {
        padding: 0;
    }

    .bannerTab__content {
        background-color: #edf9ff;
    }

    .bannerTabItem__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        height: 100%;
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .bannerTab__item--suppositories .bannerTabItem__wrapper {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    .bannerTabItem__wrapper span {
        font-size: 15px;
        margin-top: 0;
    }

    .bannerTabItem__wrapper span:before {
        display: none;
    }

    .bannerTab__item {
        height: 48px;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    .bannerTab__item.active {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px);
    }

    .bannerTabItem__bg:after {
        display: none;
    }

    .bannerTabItem__bg {
        height: 48px;
    }

    .about {
        padding: 30px 0 15px;
    }

    .about__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-top: 25px;
    }

    .about__item {
        width: 100%;
        height: 220px;
        margin-left: 0;
    }

    .about__item:not(:last-child) {
        margin-bottom: 20px;
    }

    .about__img {
        height: 220px;
    }

    .about__img:not(:last-child) {
        margin-bottom: 18px;
    }

    .about__btn {
        margin-top: 28px;
        margin-bottom: 20px;
    }

    .slick-arrow {
        top: 65px;
    }

    .articles {
        padding-bottom: 15px;
    }

    .articles__tag {
        top: 9px;
        left: 9px;
    }

    .articles__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .articles__stripe {
        margin-top: 40px;
    }

    .stripe {
        overflow: hidden;
        width: auto;
        margin-right: -20px;
    }

    .sidebar .stripe {
        margin-right: 0;
    }

    .stripe svg {
        max-width: 90%;
        margin-left: auto;
    }

    .about-company__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .about-company__item--1 .about-company__img {
        background-size: 100% auto;
        height: 200px;
    }

    .about-company__img img {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 6px;
    }

    .about-company__img {
        width: 100%;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 6px;
    }

    .about-company__content {
        width: 100%;
    }

    .about-company__desc {
        margin-top: 12px;
        font-size: 16px;
    }

    .about-company__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 400;
        font-size: 14px;
        color: var(--text);
        border-radius: 4px;
        background-color: transparent;
        border: 1px solid var(--primary);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 100%;
        height: 46px;
        margin-top: 22px;
    }

    .about-company__link:hover {
        color: #fff;
        background-color: #0d5993;
        border: 1px solid #0d5993;
    }

    .about-company__link svg {
        display: none;
    }

    .awards {
                padding: 30px 0 15px;
    }

    .awards__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .awards__text {
        margin-left: 0;
        margin-top: 15px;
        font-size: 14px;
        line-height: 1.57;
    }

    .awards__img {
        display: none;
    }

    .footnote {
        padding: 30px 0 15px;
    }

    .official {
        padding: 15px 0 30px;
    }

    .official__content p {
        margin-top: 16px;
    }

    .official__btn {
        margin-top: 25px;
    }

    .pageBanner:after {
        top: 250px;
    }

    .pageBanner__img {
        height: 250px;
    }

    .pageBanner {
        max-height: none;
        height: auto;
    }

    .pageBanner__content {
        padding-top: 0;
    }

    .pageBanner__title {
        font-size: 28px;
        text-align: center;
    }

    .pageBanner__subtitle {
        font-size: 18px;
        text-align: center;
    }

    .pageBanner__desc {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .page-template-page-description .pageBanner__desc {
        text-align: center;
    }

    .pageBanner__product {
        display: none;
    }

    .pageBanner__productImgMobile {
        display: block;
        margin-top: -10%;
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 3;
    }

    .pageBanner__productImgMobile img {
        max-width: 250px;
        margin: 0 auto;
    }

    .instruction {
        margin-top: 40px;
    }

    .desc-suppositories-page .pageBanner__productImgMobile img {
        width: 205px;
    }

    .recomendation {
        padding: 30px 0 20px;
    }

    .recomendation__wrapper {
        margin-top: 0;
    }

    .recomendation__subtitle {
        font-size: 18px;
        line-height: 1.3;
    }

    .how {
        padding: 16px 0;
    }

    .desc-suppositories-page .how {
        background: none;
    }

    .how__subtitle {
        font-size: 16px;
        line-height: 1.4;
    }

    .howItem__title {
        font-size: 18px;
        line-height: 1.4;
        min-height: auto;
    }

    .howItem__dosage {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .howItemDosage+.howItemDosage {
        margin-top: 20px;
    }

    .howInfo__item {
        margin-top: 8px;
        padding: 18px;
    }

    .howInfo__title {
        font-size: 16px;
    }

    .questions__list {
        margin-top: 16px;
    }

    .questions {
        padding-bottom: 15px;
    }

    .use {
        padding: 15px 0 30px;
    }

    .use__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .use__tabsWrapper {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .use__tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        height: 53px;
        background: none;
        border-radius: 0;
        padding: 0 20px 15px 20px;
        overflow-x: scroll;
    }

    .use__tabsWrapper {
        overflow: hidden;
        height: 40px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .use__tabs .tabs__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: auto;
        flex: none;
        padding: 7px 12px;
        background: #fff;
        border: 1px solid #d8d9d8;
        border-radius: 4px;
        color: var(--text);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .use__tabs .tabs__item:not(:first-child) {
        margin-top: 0;
        margin-left: 12px;
    }

    .use__tabs .tabs__item:after {
        display: none;
    }

    .use__tabs .tabs__item.active {
        background-color: var(--primary);
        color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: var(--primary);
    }

    .use__list {
        padding: 0;
        margin-top: 22px;
    }

    .use__img {
        background-position: 50% 0;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        height: 360px;
        border-radius: 0;
    }

    .price {
        padding: 35px 0;
        position: relative;
        overflow: hidden;
    }

    .price>.container {
        position: relative;
        z-index: 2;
    }

    .price:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        height: 30%;
        background-color: #fff;
    }

    .desc-suppositories-page .price:after {
        height: 20%;
    }

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

    .price__value {
        font-size: 35px;
        margin-top: 26px;
    }

    .price__note {
        margin-top: 16px;
    }

    .price__img {
        margin-top: 26px;
        margin-left: -20px;
        margin-right: -40px;
    }

    .desc-suppositories-page .price__img {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 26px 0 0;
    }

    .instruction__about {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .instructionProductImg {
        margin: 0;
    }

    .instructionProductImg img {
        max-width: 350px;
        width: 100%;
    }

    .instructionDesc {
        margin-top: 10px;
    }

    .instructionBtn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .titleBanner__img {
        display: block;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .titleBanner__img--right {
        background-position: right top;
    }

    .titleBanner {
        margin-bottom: 30px;
        height: auto;
        background-image: none !important;
        color: var(--text);
    }

    .titleBanner:before {
        display: none;
    }

    .titleBanner__wrapper {
        flex-direction: column-reverse;
        padding-top: 16px;
        padding-bottom: 0;
    }

    .titleBanner__title {
        color: var(--text);
        text-shadow: none;
        font-size: 26px;
        line-height: 1.15;
    }

    .single .titleBanner__title {
        display: none;
    }

    body:not(.single) .titleBanner__title {
        margin-top: 25px;
    }

    .titleBanner__breadcrambs {
        text-shadow: none;
        margin-top: 16px;
    }

    .titleBanner__wrapper .titleBanner__breadcrambs {
        margin-top: 0;
    }

    .titleBanner__breadcrambs .breadcrumb_last {
        color: var(--text);
    }

    .titleBanner__breadcrambs a,
    .titleBanner__breadcrambs a:visited {
/*        color: var(--primary);*/
    }

    .pageContainer {
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 -20px;
    }

    .sidebar {
        width: 100%;
        margin-top: 50px;
    }

    .single .sidebar {
        margin-top: 30px;
    }

    .sidebar>* {
        margin-bottom: 40px;
    }

    .page-id-907 .sidebarMenu,
    .single .sidebarMenu {
        margin-bottom: 0;
    }

    .pageContent {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }

    .sidebarMenu__title {
        font-size: 25px;
    }

    .sidebarMenu__link {
        font-size: 14px;
        padding: 12px 16px;
    }

    .btnProducts.fixed {
        width: 100%;
    }

    .btnProducts__item {
        border-radius: 0;
    }

    .btnProducts__item:not(:last-child) {
        margin-bottom: 0;
    }

    .form-feedback {
        margin-bottom: 0;
    }

    .form-feedback__img {
        height: 250px;
        border-radius: 0;
    }

    .form-feedback__title {
        padding: 15px 20px;
    }

    .form-feedback__form {
        padding: 24px 20px 40px;
    }

    .pagenavi {
        margin-bottom: 0;
    }

    .searchWrapper__page {
        margin-bottom: 16px;
    }

    .articles-page__item {
        width: calc(50% - 20px);
    }

    .articles-page__bottom {
        margin-top: 0;
    }

    h2.articles-page__h2 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .news-page__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 30px;
    }

    .news-page__img {
        width: 285px;
        height: 268px;
    }

    .footer {
        padding: 25px 0;
    }

    .footer [class*='col-'] {
        margin-top: 30px;
    }

    .footer-bottom__item {
        margin-top: 12px;
    }

    .warning {
        padding: 0 0 33px;
    }

    .warning__text {
        text-align: left;
    }

    .mobile-menu--open .header-mobile__wrapper {
        padding-top: 72px;
    }

    .sidebarMenu.fixed {
        top: 92px;
    }

    .header {
        background: #fff;
        -webkit-box-shadow: 0 4px 8px rgba(0,
                0,
                0,
                0.12);
        box-shadow: 0 4px 8px rgba(0,
                0,
                0,
                0.12);
        height: 72px;
    }

    .header__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header__logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .header__logo svg path {
        fill: var(--primary);
    }

    .header__search {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
    }

    .header__search svg path {
        fill: var(--lightblue);
    }

    .header__btn {
        display: none;
    }

    .header-mobile__burger {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .modal-window {
        width: calc(100% - 20px);
    }

    body:not(.mobile-menu--open) .header--index:not(.fixed) .hamburger__line,
    body:not(.mobile-menu--open) .header--index:not(.fixed) .hamburger:before,
    body:not(.mobile-menu--open) .header--index:not(.fixed) .hamburger:after {
        background: var(--lightblue);
    }

    main:not(.content--index) {
        padding-top: 72px;
    }

    .searchResult__category {
        padding-left: 20px;
        padding-right: 20px;
    }

    .searchResult__categoryWrapper {
        margin-left: -20px;
        margin-right: -20px;
    }

    .contact__item:not(:first-child) {
        margin-top: 12px;
    }

    #art_block li {
        width: calc(33.333% - 16px);
    }
}

@media only screen and (max-width: 42.5em) {
    .page-404__bg {
        width: 100%;
        background: none;
        margin: 0;
    }

    .page-404__container {
        width: 100%;
        text-align: center;
    }

    .page-404__name {
        text-align: center;
    }

    .page-404__name svg {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    #popwin1 {
        font-size: 14px !important;
        width: 90% !important;
        padding: 40px 20px !important;
    }

    #loc_button_blue {
        font-size: 14px;
    }

    h2.age-title,
    .age-title {
        border-radius: 0;
        margin-bottom: 16px;
    }

    .journal-item:not(:first-child) {
        margin-top: 32px;
    }

    .nav-tabs,
    .tab-pane .pagetitle,
    .age-title {
        width: auto;
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    .nav-tabs li a {
        width: 50px;
    }
}

@media only screen and (max-width: 39.938em) {
    .recomendation__img {
        height: 300px;
    }

    #art_block li {
        width: calc(50% - 16px);
    }

    h2,
    h1.h2 {
        font-weight: 600;
        font-size: 25px;
        line-height: 1.2;
    }
}

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

    .page-id-58 .titleBanner__img,
    .page-id-4 .titleBanner__img,
    .page-id-16687 .titleBanner__img {
        background-image: url('../img/orvi-banner-mobile.jpg') !important;
    }
}

@media only screen and (max-width: 29.62em) {
    body {
        font-size: 14px;
    }

    main:not(.content--index) {
        padding-top: 54px;
    }

    .mq-show-xs {
        display: initial !important;
    }

    .mq-hide-xs {
        display: none !important;
    }

    .mq-display-block-xs {
        display: block !important;
    }

    .mq-display-inline-xs {
        display: inline !important;
    }

    .mq-display-inline-block-xs {
        display: inline-block !important;
    }

    .mq-display-flex-xs {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .grid {
        margin-left: -15px;
    }

    .grid:first-child {
        margin-top: -20px;
    }

    .grid.grid-nomargin-top {
        margin-top: 0;
    }

    .grid.grid-nomargin-top>[class*='col-'] {
        margin-top: 0;
    }

    [class*='col-'] {
        padding-left: 15px;
        margin-top: 20px;
    }

    .col-xs-1-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .col-xs-1-2,
    .col-xs-2-4,
    .col-xs-3-6,
    .col-xs-5-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xs-1-3,
    .col-xs-2-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .col-xs-2-3,
    .col-xs-4-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    .col-xs-1-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xs-3-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xs-1-5,
    .col-xs-2-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xs-2-5,
    .col-xs-4-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-xs-3-5,
    .col-xs-6-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-xs-4-5,
    .col-xs-8-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-xs-1-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    .col-xs-5-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333%;
        flex: 0 0 83.333%;
        max-width: 83.333%;
    }

    .col-xs-1-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-xs-3-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-xs-7-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-xs-9-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .banner__wrapper {
        padding-top: 54px;
    }

    .product__img {
        height: 250px;
    }

    .articles__slider .slick-slide {
        width: 284px;
    }

    .articles__imgWrapper {
        height: 160px;
    }

    .articles__img {
        height: 160px;
    }

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

    .articles__anons {
        margin-top: 9px;
    }

    .official__img img {
        margin-top: 0;
    }

    .pageBanner__productImgMobile {
        margin-top: -8%;
    }

    .pageBanner__title {
        font-size: 20px;
    }

    .pageBanner__subtitle {
        font-size: 16px;
    }

    .howList__slider .how__item {
        width: 255px;
        height: 460px;
    }

    .page-template-page-description .img {
        margin: 16px 0 30px;
    }

    .page-template-page-instruction .img {
        margin: 0;
    }

    .img {
        height: 230px;
    }

    .gel-page .img {
        background-position: 75% 0;
    }

    .howSuppositoriesAccordion__wrapper {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .howSuppositoriesAccordion__wrapper:not(:last-child) {
        margin-bottom: -1px;
    }

    .howSuppositoriesAccordion__title {
        font-size: 16px;
        line-height: 1.5;
    }

    .howSuppositoriesAccordion__content p {
        font-size: 14px;
    }

    .instruction {
        margin-bottom: 0;
    }

    .form-feedback__img {
        height: 200px;
    }

    .articles-page__section:not(:last-child) {
        margin-bottom: 35px;
    }

    .articles-page__item {
        width: calc(100% - 20px);
    }

    .articles-page__bottom .articles__btn {
        width: 100%;
    }

    .articles-page__bottom .articles__btn .btn {
        width: 100%;
    }

    .news-page__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }

    .news-page__img {
        width: 100%;
        /* width: 100vw;
        height: 100vw;
        padding: calc(100% / 3);
        border-radius: 0; */
    }

    .news-page__content {
        padding: 0 20px;
        width: 100%;
    }

    .pageContent h2.news-page__title {
        font-size: 15px;
    }

    .sidebarMenu.fixed {
        top: 74px;
    }

    .header {
        height: 54px;
    }

    .header.fixed {
        height: 54px;
    }

    .header__logo {
        width: 117px;
    }

    .header--page {
        height: 54px;
    }

    .searchPanel,
    header.fixed .searchPanel {
        height: 54px;
    }

    .searchPanel.show {
        padding: 7px 0;
    }

    .searchPanel__form {
        margin-right: 20px;
    }

    .searchPanel__input input[type='text'] {
        height: 42px;
        padding: 0 10px;
    }

    .btn,
    a.btn {
        width: 100%;
        max-width: 100%;
        height: 46px;
        font-size: 14px;
    }

    .searchRes__wrapper a.btn {
        width: auto;
    }

    .btn__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
    }

    .btn__wrapper>*:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }

    .mobile-menu--open .header-mobile__wrapper,
    .mobile-menu--open .fixed~.header-mobile__wrapper {
        padding-top: 54px;
    }

    .accordion {
        margin-left: -20px;
        margin-right: -20px;
    }

    .accordion__wrapper {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .accordion__wrapper:not(:last-child) {
        margin-bottom: -1px;
    }

    .accordion__title {
        font-size: 16px;
        border-radius: 0;
        padding: 12px 20px;
    }

    .accordion__content {
        margin-top: 0;
        background-color: #fafafa;
    }

    .accordion__content p {
        font-size: 14px;
    }

    .accordion__content h3 {
        font-size: 16px;
    }

    .accordion__content h3:not(:first-child) {
        margin-top: 24px;
    }
}

@media only screen and (max-width: 26.5em) {
    .pageBanner__btn .btn {
        width: 100%;
    }

    .checkbox-wrapper {
        margin-bottom: 25px;
    }

    .titleBanner__img {
        height: 135px;
    }

    .pageContent h2 {
        margin-top: 24px;
        font-size: 16px;
    }

    h2.age-title,
    .age-title {
        margin-top: 0;
    }

    .nav-tabs li.active img {
        transform: scale(1.13);
        border-width: 3px;
    }

    .searchWrapper__page {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 24px;
    }

    .searchWrapper__page input[type='text'] {
        border-left: none;
        border-right: none;
        border-radius: 0;
        background: #f2f2f2;
    }

    .searchWrapper__icon {
        display: none;
    }

    .contacts {
        margin-bottom: 50px;
    }

    .contactsMap {
        margin-bottom: 30px;
    }

    .contactForm,
    .contact__img {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0;
    }

    .contactForm__title {
        border-radius: 0;
    }

    .page-id-907 .sidebar {
        margin-top: -20px;
    }

    .contact__item:before {
        width: 35px;
        height: 35px;
    }

    .contact__address {
        align-items: flex-start;
    }

    /* Эксперты */
    .experts__item {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        min-height: auto;
        flex-direction: column;
        border: none;
        border-radius: 0;
    }

    .experts__img {
        width: 100%;
        height: 0;
        padding: calc(100% / 2);
        border-radius: 0;
    }

    .experts__content {
        padding: 16px;
    }

    .experts__btn {
        margin-top: 32px;
        align-self: center;
        width: 100%;
    }

    .experts__btn .btn {
        width: 100%;
    }

    #art_block .ttl-related {
        font-size: 17px;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0;
    }

    .expert-item__spec {
        margin-bottom: 16px;
    }

    .expert-txt img.img-fluid {
        max-width: 100%;
        margin: 0;
        float: none;
    }

    /* Конец Эксперты */

    .crp_related {
        margin-top: 16px;
    }

    /* Авторы */
    .author__content {
        padding: 16px;
    }

    .author__btn {
        padding: 8px 16px;
    }

    .author__about {
        padding: 16px;
    }

    .page-404__name svg {
        margin-top: 0;
    }

    .page-404 h2 {
        font-size: 17px;
        margin-bottom: 8px;
    }

    #loc_button_blue {
        width: 100%;
    }

    .tab-pane .alignright {
        width: 100%;
    }

    .author__desc {
        flex-direction: column;
    }

    .author__img {
        width: 100%;
        height: 0;
        padding: calc(100% / 3);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
}

@media only screen and (max-width: 23.4375rem) {
    .product__img {
        height: 175px;
    }

    #art_block li {
        width: calc(100% - 16px);
    }
}

@media only screen and (max-width: 19.95em) {
    .mq-show-xxs {
        display: initial !important;
    }

    .mq-hide-xxs {
        display: none !important;
    }

    .mq-display-block-xxs {
        display: block !important;
    }

    .mq-display-inline-xxs {
        display: inline !important;
    }

    .mq-display-inline-block-xxs {
        display: inline-block !important;
    }

    .mq-display-flex-xxs {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .col-xxs-1-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .col-xxs-1-2,
    .col-xxs-2-4,
    .col-xxs-3-6,
    .col-xxs-5-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxs-1-3,
    .col-xxs-2-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .col-xxs-2-3,
    .col-xxs-4-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    .col-xxs-1-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxs-3-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxs-1-5,
    .col-xxs-2-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xxs-2-5,
    .col-xxs-4-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-xxs-3-5,
    .col-xxs-6-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-xxs-4-5,
    .col-xxs-8-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-xxs-1-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    .col-xxs-5-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333%;
        flex: 0 0 83.333%;
        max-width: 83.333%;
    }

    .col-xxs-1-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-xxs-3-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-xxs-7-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-xxs-9-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
}

div[data-name='gel'] a.btn {
    background: var(--gel-color);
    border-color: var(--gel-color);
}

div[data-name='gel'] a.btn:hover {
    filter: brightness(85%);
}

div[data-name='ointment'] a.btn {
    background: var(--ointment-color);
    border-color: var(--ointment-color);
}

div[data-name='ointment'] a.btn:hover {
    filter: brightness(85%);
}

.o-nas-pishut img {
    min-width: 120px;
    margin-right: 15px;
}

@media screen and (max-width: 600px) {
    .o-nas-pishut img {
        min-width: 100%;
        margin: 0;
    }

    .o-nas-pishut table {
        table-layout: fixed;
    }

    .o-nas-pishut table td:nth-child(1) {
        width: 30%;
        padding-right: 10px;
    }

    .o-nas-pishut table td:nth-child(2) {
        width: 70%;
        overflow: hidden;
    }
}

.post-txt ul>li>ul>li:before {
    border: 1px solid var(--primary) !important;
    background: transparent !important;
}

.sitemap-link {
    color: #a6a6a6;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 2px;
}

.sitemap-link:hover {
    color: #0d5993;
}

.breadcrumbs li.breadcrumb-item:after {
    /* визуально разделяет хлебные крощки косой чертой */
    content: '/';
}

.breadcrumbs__current {
    margin-left: 10px;
    /* выделяет хлебную крошку активной страницы жирным шрифтом */
    font-weight: 600;
}

.breadcrumbs {
    margin-top: 50px;
    padding-bottom: 20px
}

.breadcrumbs li {
    display: inline
}

.breadcrumbs a {
    padding: .8em;
    color: #fff !important;
    text-decoration: underline
}

.breadcrumbs a:hover {
    color: #273ee6
}

.table-list.v1,
.table-list.v1>tbody {
    display: block;
}

.table-list.v1 tbody>tr {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 10px;
}

.table-list.v1 tbody>tr>td:nth-child(1) {
    padding: 0;
    width: 40px;
}


.table-list.v1 tbody>tr>td>strong {
    float: left;
}

.table-list.v1 tbody>tr>td:nth-child(1)>img {
    min-width: 40px;
}

.table-list.v1 tbody>tr>td:nth-child(1) {
    display: flex;
    align-items: center;
}

.table-list.v1 tbody>tr>td:nth-child(2) {
    padding: 0;
    padding-left: 10px;
}

td.pb20 {
    padding-bottom: 20px !important;
}

@media only screen and (max-width: 768px) {
.titleBanner__title {
        display: none;
    }
}

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

    .table-list.v1 tbody>tr {
        align-items: flex-start;
    }

    .table-list.v1 tbody>tr:nth-child(7),
    .table-list.v1 tbody>tr:nth-child(8) {
        margin-top: 15px;
        align-items: center;
    }



    .table-list.v2 tbody>tr:nth-child(3)>td {
        padding-top: 10px;

    }

    .table-list.v2 tbody>tr:nth-child(4)>td,
    .table-list.v2 tbody>tr:nth-child(5)>td {
        padding-top: 20px;

    }

    .breadcrumbs {
        margin: 0;
        padding: 0;
    }

    .breadcrumbs a {
        color: #273ee6 !important;
    }
}


/* Закрепление шапки в модальных окнах кратких инструкций */
.modal-window,
.js_modalWindowContent {
    margin: 0 !important;
    width: 80% !important;
    max-width: 80% !important;
}


.js_modalWindowContent .table-responsive-tr.table-responsive-head {
    position: fixed;
    width: 80%;
    margin-top: 60px;
    background: #fff;
    margin-left: -1px;
    z-index: 9;
}

.js_modalWindowContent .table-responsive-tr.table-responsive-head>div:last-child {
    border-right: 0
}

.js_modalWindowContent h3 {
    position: fixed;
    width: 80%;
    z-index: 10;
}

.js_modalWindowContent sup {
    z-index: 2;
}

.js_modalWindowContent .js_close-modal-window {

    z-index: 1000;
}

.js_modalWindowContent .js_close-modal-window {
    position: fixed;
    right: 12%;
}

.js_modalWindowContent .table-responsive-tr:nth-child(2) {
    margin-top: 105px;
}

.modal-back {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.modal-back::-webkit-scrollbar {
    /* chrome, webkit*/
    display: none;
}

/* ссылка на баннере на главной без тени и с подчеркиванием */
.banner div.product__desc>ul>li:nth-child(2)>a {
    text-shadow: none;
    text-decoration: underline;
}

.js_modalWindowContent .table-responsive-td {
    hyphens: auto;
    word-break: break-word;
}

@media only screen and (max-width: 1200px) {
    .js_modalWindowContent .table-responsive-tr.table-responsive-head {
        margin-top: 60px;
    }

    .js_modalWindowContent .table-responsive-tr:nth-child(2) {
        margin-top: 125px;
    }

    /* .js_modalWindowContent .table-responsive{
		padding-top:60px;
	} */
}

@media only screen and (max-width: 1000px) {
    .js_modalWindowContent h3 {
        font-size: 18px;
        padding: 10px;

    }

    .js_modalWindowContent .table-responsive-tr:nth-child(2) {
        margin-top: 100px;
    }

    .js_modalWindowContent .table-responsive-tr.table-responsive-head {
        font-size: 12px;
        margin-top: 40px;
    }

    .js_modalWindowContent .js_close-modal-window {
        top: 11px;
    }
}

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

    .js_modalWindowContent .table-responsive-tr:nth-child(2) {
        margin-top: 40px;
    }

    .js_modalWindowContent h3 {
        width: 100%;
        z-index: 999;
    }

    .js_modalWindowContent .js_close-modal-window {
        right: 10px;
        z-index: 1000;
    }

    .modal-window,
    .js_modalWindowContent {
        width: 100% !important;
        max-width: 100% !important;
    }

    .js_modalWindowContent .table-responsive-tr.table-responsive-head {
        width: 100%;

    }

    .js_modalWindowContent .table-responsive {
        padding-top: 20px;
    }
}

/* /viferon/viferon-gel-instrukciya/ */
.page-id-25 .js_modalWindowContent .table-responsive-tr:nth-child(2),
.page-id-38 .js_modalWindowContent .table-responsive-tr:nth-child(2) {
    margin-top: 140px;
}

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

    .page-id-25 .js_modalWindowContent .table-responsive-tr:nth-child(2),
    .page-id-38 .js_modalWindowContent .table-responsive-tr:nth-child(2) {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 639px) {
    .instruction-breadcrumb {
        display: none;
    }

    #fancybox-wrap {
        width: 94% !important;
        margin-left: 3% !important;
        left: 0px !important;
    }
}

.instruction-breadcrumb>ol {
    margin: 0;
    padding: 0;
    margin-top: -50px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
}

.instruction-breadcrumb li:first-child a {
    padding-left: 0;
}

.instruction-breadcrumb a {
    text-decoration: none !important;
    font-weight: 400;
}

.instruction-breadcrumb .breadcrumbs__current {
    color: #777;
    font-weight: 600;
    text-decoration: underline !important;
}

.instruction-breadcrumb li.breadcrumb-item:after {
    /* визуально разделяет хлебные крощки косой чертой */
    content: '/';
}

.instruction-breadcrumb .breadcrumbs li.breadcrumb-item:after,
.instruction-breadcrumb a {
    color: #777 !important;
}

.page-id-10833 .instruction-breadcrumb ol,
.page-id-10841 .instruction-breadcrumb ol,
.page-id-10847 .instruction-breadcrumb ol {
    margin-top: 30px;
}

.page-id-10833 .recomendation__wrapper,
.page-id-10841 .recomendation__wrapper,
.page-id-10847 .recomendation__wrapper {
    margin-top: 70px;
}

.page-id-10833 .recomendation__wrapper .grid,
.page-id-10841 .recomendation__wrapper .grid,
.page-id-10847 .recomendation__wrapper .grid {
    align-items: start;
}

.page-id-10833 .recomendation__wrapper .col-1-2.col-md-1-1,
.page-id-10841 .recomendation__wrapper .col-1-2.col-md-1-1,
.page-id-10847 .recomendation__wrapper .col-1-2.col-md-1-1 {
    margin-top: 0px;
}

.breadcrumbs a {
    text-decoration: underline !important;
}

.breadcrumbs .breadcrumbs__current {
    text-decoration: none !important;
}


.navMenu__item.parent.menu-item-has-children.active>a {

    font-weight: bold;
}

.header-mobile__item.active>a {
    font-weight: bold;
}

.childList__item.active>a {
    font-weight: bold;
}

@media only screen and (max-width: 639px) {
    li>a[href^="#"] {
        text-decoration: underline !important;
    }

    .pageContent ul.ul-nav-page li a {
        text-decoration: underline !important;
    }
}

li>a[href^="#"] {
    font-weight: normal !important;
}

li>a[href^="#"]:hover {
    text-decoration: underline !important;
}

.pageContent ul.ul-nav-page li {
    padding-left: 20px;
    position: relative;
}

.pageContent ul.ul-nav-page li a {
    text-decoration: none;
}

.pageContent ul.ul-nav-page li a u {
    text-decoration: none;
}

.pageContent ul.ul-nav-page li a:hover {
    text-decoration: underline;
}

.pageContent ul.ul-nav-page li:before {

    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: var(--primary);
    position: absolute;
    left: 0;
    top: 9px;

}

.point_list p {
    color: black !important;
    font-weight: normal !important;
}

.point_list .text_m.bold.uppercase.blue {
    font-weight: bold !important;
}

body.home .banner__wrapper {
    min-height: 580px !important;
}

.post-txt {
    word-break: break-word;
}

.articles__item:hover .articles__title,
.articles__item:hover .articles__more {
    text-decoration: underline !important;
}

.hdcsj-fjgh-vfrn-1 p a {
    text-decoration: none !important;
}

.hdcsj-fjgh-vfrn-1 p a:hover {
    text-decoration: underline !important;
}

.accordion__content a:hover {
    text-decoration: underline !important;

}

.articles-page__item:hover .articles__title {
    text-decoration: underline !important;
}

.video-btn {
    display: inline-flex;
    box-sizing: border-box;
    text-decoration: none;
    padding: 0 18px;
    border-radius: 4px;
    background: var(--primary);
    border: 1px solid var(--primary);
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    height: 46px;
    font-size: 14px;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.video-btn:hover {
    color: #fff;
    text-decoration: none !important;
}
.video-btn, .btn_no_u{
 text-decoration: none !important;
}

.video-btn>div {
    font-weight: bold
}


@media only screen and (min-width: 700px) {

    .pageContent a:hover:not(.articles-page__item, .crp_link, .accordion__title > a) {
        text-decoration: underline;
    }
    
    .instruction a:hover:not(.articles-page__item, .crp_link, .accordion__title > a) {
        text-decoration: underline;
    }
    
    
    .video-btn{
       text-decoration: none;
    }
    .btn_no_u
    {
       text-decoration: none;
    }
}

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


    .articles-page__item:hover,
    .crp_link:hover,
    .accordion__title>a:hover {
        text-decoration: none !important;
    }


    .pageContent a:not(.crp_link, .btn, .video-btn, .btn_no_u, .accordion__title > a, .articles-page__item, .articles-page__h2 > a) {
        text-decoration: underline !important;
    }
    

    .instruction a:not(.crp_link, .btn, .video-btn, .btn_no_u, .accordion__title > a, .articles-page__item, .articles-page__h2 > a) {
        text-decoration: underline !important;
    }    
    
#art_block li>a:hover {
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
    text-decoration: none !important;
}
#art_block li>a {
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
    text-decoration: none !important;
}



    .video-btn {
        display: flex;
        width: 100%;
        text-decoration: none;
    }

    .price__subtitle a {
        text-decoration: underline;
    }



    .hdcsj-fjgh-vfrn-1 p a {
        text-decoration: underline !important;
    }

    .pageBanner__content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .articles-page__h2 a {
        text-decoration: none;
    }

    .articles-page__h2 a:hover {
        text-decoration: underline !important;
    }

    .articles-page__item:hover>* {
        text-decoration: underline !important;
    }


    /* .banner__wrapper{
        padding-top:103px;
    }
    .bannerTab__wrapper{
        bottom: auto;
        top:55px;
    }
    .bannerTab__item{
        transform: none !important;
        border-radius:0 !important;
    }
    .bannerTabItem__bg{
        border-radius:0 !important;
    }
    .bannerTab__item__triangle {
        display: block;
        height: 0px;
        width: 0px;
        border: 10px solid transparent;
        border-top-color: silver;
        position: absolute;
        bottom: -20px;
        left: calc(50% - 10px);
       } */
}

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

mark {
    background: #ffee80;
}

.cf7success-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

.cf7success-wrapper img {
    width: 150px;
    height: 150px;
    filter: invert(26%) sepia(100%) saturate(1226%) hue-rotate(186deg) brightness(92%) contrast(96%);
}

.cf7success-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.cf7success-message {
    margin-top: 10px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.header__btn,
.navMenu__link {
    white-space: nowrap;
}



@media only screen and (max-width: 768px) {
	.titleBanner>.container {
		position: relative;
		z-index: 2;
	 /*   height: 100%;*/
	}

	.breadcrumbs {
		margin-top: 10px !important;
		padding-bottom: 0 !important;
	}
	.titleBanner>.container {
		height:auto !important;
	}
	.titleBanner__wrapper {
		padding-top:0px !important;
	}
	body:not(.single) .titleBanner__title {
		margin-top:0px !important;
	}
	
	.breadcrumbs a {
		    color: #106fb8 !important;
	}
}

.uteka-widget-header__title{
	background-repeat: no-repeat !important;
}

.ui-carousel__next .ui-icon, .ui-carousel__prev .ui-icon {
    height: 36px !important;
    width: 36px !important;
}

/*
***************** Utek integrations... *************
*/
    .info{
        padding:20px;
        color:#666;
    }
    @media only screen and (max-width: 47.95em) {
        .titleBanner{
            /*height:210px !important;*/
        }
        .uteka-widget-header__logo{
            margin-bottom:20px;
        }
    }
 
    .uteka-widget-header{
       /* display: none;*/
    }
    .uteka-widget-header__title{
        /*display: none;*/
    }
    div.ui-carousel__inner > div:nth-child(5) > div > div.widget-product-preview__header > div.widget-product-preview__image > img{
        height:50px;
    }
    .uteka-widget {
        /* Минимально поддерживаемые размеры виджета: 320x520. */
        width: 100%;
        height: 620px;
        outline: none;
    }

    .uteka-widget iframe {
        border: none;
        width: 100%;
        height: calc(100% - 57px);
    }

    .uteka-widget__container {
        margin: 0 auto;
        padding: 0 16px;
    }

    @media (min-width: 600px) {
        .uteka-widget__container {
            padding: 0 20px;
        }
    }

    @media (min-width: 768px) {

        .uteka-widget__container {
            padding: 0 40px;
        }
    }

    @media (min-width: 1024px) {
        .uteka-widget__container {
            padding: 0 44px;
        }
    }

    @media (min-width: 1440px) {
        .uteka-widget__container {
            padding: 0 60px;
            max-width: 1440px;
        }
    }

    .uteka-widget-header {
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
    }

    .uteka-widget-header__inner {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: 56px;
    }

    /* .uteka-widget-header__title {
        background: url('https://widget.uteka.ru/static/img/widgets/title_2@mobile.svg') no-repeat;
        background-position: center;
        width: 230px;
        height: 24px;
    } */

    .uteka-widget-header__logo {
        height: 16px;
    }

    .uteka-widget-header__logo img {
        height: 100%;
    }

    .uteka-widget-header__close {
        display: none;
        /* position: absolute;
        top: 0;
        right: -8px;
        bottom: 0;
        z-index: 5;
        margin: auto;
        width: 32px;
        height: 32px;
        background: url('https://widget.uteka.ru/static/img/widgets/close_2.svg') no-repeat center; */
    }
    .widget-product-preview__image{
        width:100%;
    }
    

    @media (min-width: 1024px) {
        .uteka-widget-header__inner {
            flex-direction: row;
        }

        .uteka-widget-header__title {
            background-image: url('https://widget.uteka.ru/static/img/widgets/title_2.svg');
            width: 264px;
            height: 24px;
        }

        .uteka-widget-header__logo {
            position: absolute;
            left: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            height: 32px;
        }
    }
    
    
.slick-list{
max-width:1300px;
}

.articles__slider{
max-width:1350px;
}

/*
buy button for mobile
*/
.buy_button {
 padding-bottom:4px;
 padding-top:4px;
 
}
.buy_button a{
	padding-left:3%;
}

.buy_button span{
    border: 2px solid var(--lightblue);
    padding: 8px;
    border-radius: 12px;
    text-align: center;
    
}

/*
fix pool width
*/
.lipoll small{
min-width:40px;
}
/*
news
*/
.size34{
font-size:34px;
}


.totalpoll-question-content{
    color: var(--primary);
font-weight: bold;
    text-transform: uppercase;
}
.totalpoll-buttons-vote {
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    border-radius: 4px !important;
font-weight: 400  !important;
    font-size: 16px  !important;
    color: #fff  !important;
}
.totalpoll-question-choices-item-votes-bar{
   background: var(--primary) !important;

}

.totalpoll-buttons-results{
border-radius: 4px !important;
}
.totalpoll-buttons-back{
border-radius: 4px !important;
}

.totalpoll-container{
    border: 2px !important;
    border-radius: 6px !important;
    border-style: dashed !important;
    border-color: var(--ointment-color) !important;
    padding: 25px !important;
}

.totalpoll-question-choices-item-label{
border-color: none !important;
border: 0px  !important;
background: none !important;
}

.totalpoll-question-choices-item-control,.totalpoll-question-choices-item-control:hover{
border-color: none !important;
background: none !important;
border: 0px  !important;
}

.totalpoll-question-choices-item-checked{
    background: none !important;
    border: none !important;
    color: #000 !important;
}



 

.totalpoll-question-choices-item-selector input:checked + .totalpoll-question-choices-item-selector-box {
    border-color: #1e73be !important;
    fill: #1e73be !important; 
    border-width: 2px !important; 
}

.totalpoll-question-choices-item-checked .totalpoll-question-choices-item-control, 
.totalpoll-question-choices-item-checked:hover .totalpoll-question-choices-item-control,  .totalpoll-question-choices-item-checked:focus .totalpoll-question-choices-item-control {
    
    color: var(--text) !important;    
    
}

.totalpoll-question-choices-item-votes-bar {
height:15px !important;
}

.totalpoll-question-choices-item-label {
padding-top:0px !important;
padding-bottom:0px !important;
}

.totalpoll-question-choices-item-checked{
font-weight: bold !important;
}
.totalpoll-buttons{
justify-content: left !important;
}



/*
Cookie popupers 30-04-2025
*/

.cky-notice-btn-wrapper{
display:none !important;
}

.cky-consent-container{
    opacity: 0.8 !important;
}


.cky-notice-group{
display:block  !important;
text-align: center;
}

.cky-banner-btn-close img{
width:15px !important;
}

.cky-consent-container .cky-consent-bar{
padding: 8.5px 24px !important;
}

.cky-consent-bar .cky-banner-btn-close{
top: 36% !important;
}
.cky-consent-bar{
border-color: #e7e0e0 !important;
}

.cky-title{
display: none !important;
}

@media (max-width: 576px) {
    .cky-notice-des {
       line-height: 1.2 !important;
    }
    .cky-banner-btn-close img{
		width:16px !important;
	}
    .cky-consent-bar .cky-banner-btn-close{
		top: 15% !important;
	}
    .cky-consent-container{
    opacity: 0.9 !important;
}

}

/*
youtube speed up
*/

.videoplayer_thumb {
	width: 100%;
	padding-top: 56.25%; /* Соотношение 16:9 */
	background-size: cover;
	background-position: center;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	border: 4px solid var(--accent-color-alt);
	transition: border-color .2s ease-in-out;
}

.play-icon-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--accent-color);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 8px;
}

.videoplayer_thumb:hover .play-icon svg {
	transform: scale(1.2);
}

.videoplayer_thumb:hover {
	border-color: var(--accent-color);
}

.play-icon svg {
	fill: #fff; /* Цвет иконки */
	transition: transform .2s ease-in-out;
}

.youtube-video,
.vk-video,
.videoplayer_thumb
{
	width: 100%!important;
	aspect-ratio: 16 / 9.05!important;
}


.youtube-video,
.vk-video,
.videoplayer_thumb
{
	background-color: var(--card-background);
	box-shadow: var(--shadow-elevation-medium);
}

.youtube-video,
.vk-video
{
	border: 4px solid var(--accent-color);
}

/*
fix header lines 11-06-2025
*/


@media (max-height: 9000px) and (min-width: 4100px) {
    .pageBanner:before {
left: auto;
width: 45%;
position: absolute;
z-index: 1;
top: 0;
background-size: cover;
background-position: right;
background-repeat: no-repeat;        
    }
}

@media (max-height: 4101px) and (min-width: 3100px) {
    .pageBanner:before {
left: auto;
width: 45%;
position: absolute;
z-index: 1;
top: 0;
background-size: cover;
background-position: right;
background-repeat: no-repeat;        
    }
}

@media (max-height: 3101px) and (min-width: 2100px) {
    .pageBanner:before {
left: auto;
width: 45%;
position: absolute;
z-index: 1;
top: 0;
background-size: cover;
background-position: right;
background-repeat: no-repeat;        
    }
}


/*
добавляем блок преимущества
*/

.about_advant {
    /*padding: 45px 0 1px;*/
}

.about_advant h2 {
    text-align: center;
}

.about__list_advant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -28px;
    margin-top: 30px;
}

.about__item_advant {
    display: block;
    width: calc(33.333% - 28px);
    height: auto;
    margin-left: 28px;
    position: relative;
    overflow: hidden;
}

 @media only screen and (max-width: 59.95em) {
    .about__list_advant {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-top: 25px;
    }
}
 @media only screen and (max-width: 59.95em) {
    .about__item_advant {
        width:100%;
        margin-left:0px;
    }
}

 

.about__text_advant {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    padding: 33px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    /*justify-content: flex-end;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight:bold;
    font-family: 'NeueCyr';
    font-size:18px;
        line-height: 100%;
}

.big_blue_letter {
    font-size: 100px;
    margin: 0;
    font-weight: 700;
    color:#00B4FF;
    display: flex;
    align-items: flex-start;
    vertical-align: top;
    font-family: 'ScalaFonts';
    padding-bottom: 55px;
}
 

.about__text_advant p {
    margin: 13px 0 0;
}


 @media only screen and (max-width: 59.95em) {
 
    .about h2 {
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 1.2;        
    }
    
    .about_advant h2 {
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 1.2;
    }
     .articles h2 {
        text-align: left;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 1.2;
    }
     .about-company h2 {
        text-align: left;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 1.2;
    }    
     .awards h2 {
        text-align: left;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 1.2;
    }     
 
    .center_mobil {
        text-align:center !important;
    }
    .about__item_advant {
    	height: auto;
    }
    .about_advant {
    /*	padding: 30px 0 15px;*/
	}
    .about-company{
    	padding: 30px 0 15px;
    }
    
    
	.big_blue_letter {
    	font-size: 70px;
    	margin: 0;
    	font-weight: 700;
    	color:#00B4FF;
    	display: flex;
    	align-items: flex-start;
    	vertical-align: top;
    	font-family: 'ScalaFonts';
    	padding-bottom: 35px;
	}
    
    .about__text_advant {
        position: relative;
        z-index: 2;
        height: 100%;
        width: 100%;
        padding: 13px 20px;
        text-align: center;
        position: relative;
        z-index: 2;
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight:bold;
        font-family: 'NeueCyr';
        font-size:15px;
        line-height: 100%;
        padding-bottom: 25px;
    }

    .about__text {
    	line-height: 100%;
        position: relative;
        z-index: 2;
        height: 100%;
        width: 100%;
        padding: 33px 20px;
        text-align: center;
        position: relative;
        z-index: 2;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family:"HelveticaNeue";
        font-size: 18px;
        font-weight:400;
    }

    .about__text h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 700;
        font-family:"NeueCyrBold";
    }
    #viferon_gel, #sovmestnoe_primenenie, #viferon_svechi2, #printsipy_dokazatelnoy_meditsiny, #dokazatelnaya_meditsina,#issledovaniya, #preparat_viferon, #klinicheskiye_rekomendatsii, #ne_otnositsya_k_dokazatelnoy_meditsine{
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.25;
    }
    .accordion__title span{
            font-size: 16px;
        line-height: 1.4;
    }
}

/*
new color pages.
Применение ВИФЕРОН при ОРВИ, урогенитальных инфекциях и герпесе у беременных и кормящих женщин
*/


/*	BLUE SECTION 	*/
.blue_background{
    background-color: #E4F3FF;
    padding: 20px;
    /*padding-left: 40px;*/
    left: -40px;
    position: relative;
    border-radius: 10px;
    font-size:16px;
    color:#1F1F1F;
    margin-bottom: 20px;
}

.blue_background a, .blue_background a:active, .blue_background a:hover, .blue_background a:visited{
	color:#14A4E2;
}

.blue_background h2{
    color:#0B68B1;
    font-size:22px;
    line-height: 24px;
    margin-top:20px;
    font-weight:700;
}
.blue_background h3{
    color:#14A4E2;
    margin-top:8px;
    font-size:20px;
    line-height: 24px;
    font-weight:700;
}

.blue_background_gradient{
    background: linear-gradient(90deg, #0B68B1 0%, #80D0F4 100%);
    padding: 20px 20px 20px 40px;
    border-radius: 6px;
    color:#fff;
    margin-bottom: 25px;
    margin-top: 35px;
}

.blue_background_gradient a, .blue_background_gradient a:active, .blue_background_gradient a:hover, .blue_background_gradient a:visited{
	color:#fff;
	font-weight: 400;
}

.blue_background_gradient h3{
	color:#fff;
}
.blue_background_gradient ul::marker{
	color:#fff;
}
.blue_background_gradient li{
	color:#fff;
	list-style-type: disc !important;
}
.blue_background_gradient ul{
	padding-left: 20px;
	margin:0px;
    padding-right: 130px;
}

.blue_background_gradient ul:not(.ul-nav-page) li:not(.no-bull),
.blue_background_gradient ul:not(.ul-nav-page) li:not(.no-bull) {
    position: relative;
    padding-left: 10px;
}

.blue_background_gradient ul li:before {        
    width: 0px !important;
    height: 0px !important;
}
.list_padding a:active, .list_padding a:hover, .list_padding a:visited,  .list_padding a:focus{
	color:#fff !important;
}



/* GREEN SECTION */
.green_background{
    background-color: #DEF2EF;
    padding: 20px;
    /*padding-left: 40px;*/
    left: -40px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
}

.green_background h2{
    color:#008171;
    font-size:22px;
    line-height: 24px;
    margin-top:20px;
    font-weight:700;
}

.green_background a, .green_background a:active, .green_background a:hover{
	color:#1F1F1F;
    font-weight: 400;
}

.green_background_gradient{
    background: linear-gradient(90deg, #008171 0%, #6FCFC3 100%), linear-gradient(90deg, #F29937 0%, #FED57B 100%);
    padding: 20px 20px 20px 40px;
    /*left: -20px;
    position: relative;*/
    border-radius: 6px;
    color:#fff;
    min-height: 160px;
    margin-bottom: 25px;
    margin-top: 35px;
    /*margin-right:20px;*/
}



.green_background_gradient a, .green_background_gradient a:active, .green_background_gradient a:hover, .green_background_gradient a:visited{
    color:#fff;
    font-weight: 400;
}

 
.green_background_gradient h3{
    color:#fff;
    margin-top:15px;
    font-size:20px;
    line-height: 24px;
    font-weight:700;
}

.green_background_gradient ul::marker{
	color:#fff;
}
.green_background_gradient li{
	color:#fff;
	list-style-type: disc !important;
}
.green_background_gradient ul{
	padding-left: 20px;
	margin:0px;
    padding-right: 130px;
}

.green_background_gradient ul:not(.ul-nav-page) li:not(.no-bull){
    position: relative;
    padding-left: 10px;
}

.green_background_gradient ul li:before {        
    width: 0px !important;
    height: 0px !important;
}
.green_background_gradient p {
	font-weight:400 !important;
}


/* ORANGE SECTION */
.orange_background{
    background-color: #FFF0E3;
    padding: 20px;
    /*padding-left: 40px;    */
    left: -40px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
}
.orange_background h2{
    color:#F18B1B;
    font-size:22px;
    line-height: 24px;
    margin-top:20px;
    font-weight:700;
}


.orange_background_gradient{
    background: linear-gradient(90deg, #E67C08 0%, #EEAE2F 100%), linear-gradient(90deg, #EE8819 0%, #FFC145 100%);
    
    padding: 20px 20px 20px 40px;
    /*left: -20px;
    position: relative;*/
    border-radius: 6px;
    color:#fff;
    margin-bottom: 25px;
    margin-top: 35px;
}

.orange_background_gradient a, .orange_background_gradient a:active, .orange_background_gradient a:hover, .orange_background_gradient a:visited {
    color:#fff;
    font-weight: 400;
}

.orange_background_gradient h3{
    color:#fff;
    margin-top:15px;
    font-size:20px;
    line-height: 24px;
    font-weight:700;
}

.orange_background_gradient li{
    color:#fff;
    list-style-type: disc !important;
}


.orange_background_gradient ul{
	padding-left: 20px;
    margin:0px;
    padding-right: 130px;
}
.orange_background_gradient ul li::marker{
color:#fff;
}
.orange_background_gradient ul:not(.ul-nav-page) li:not(.no-bull) {
    position: relative;
    padding-left: 10px;
    
}

.orange_background_gradient ul li:before {        
    width: 0px !important;
    height: 0px !important;
}

.blue_h2{
color:#0060A9;
font-size:22px;
line-height: 24px;
margin-top:25px;
}
.blue_p{
color:#0060A9;
font-size:16px;
line-height: 24px;
}
.blue_p a{
font-weight:400;
}
.gray_p p{
color:#A6A6A6;
font-size:14px;
line-height: 20px;
font-weight:400 !important;
margin: 0 0 10px;
}
.gray_p a,.gray_p a:hover, .gray_p a:active, .gray_p a:visited, .gray_p a:focus{
color:#A6A6A6;
font-size:14px;
line-height: 20px;
font-weight:400 !important;
}

.margin_right{
	margin-right: 40px;
    margin-bottom: 20px;
    left: -20px;
    position: relative;  
}

.margin_right ul{
 margin:0px;
 padding-bottom:10px;
}
.margin_right hr{
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin_right h1{
font-weight:700;
}
.margin_right p{
font-weight:500;
}
.margin_right a{
font-weight:500;
}
.margin_right li>a{
font-weight:500 !important;
}
.weight_400{
font-weight:400 !important;
}

.woman_baby_right{
	padding-top: 65px;
}
.shields_right{
	padding-top: 50px;
}

.no_virus_right{
	padding-top: 30px;
}

.leaps_right{
    padding-top: 75px;
}

.no_padding h1{
 font-size:44px;
 line-height: 48px;
}

@media (max-width: 1024px) and (min-width: 200px) {

    .blue_background {
        left: -20px;
    }
    .green_background {
       left: -20px;
    }
    .orange_background{
       left: -20px;
    }
    .blue_background_gradient ul{    
    	padding-right:0px;
        padding-left:0px;
    }
    .green_background_gradient{
    /*margin-right:0px;*/
    }
    .green_background_gradient ul{
    	padding-right:0px;
        padding-left:0px;
    }
    .orange_background_gradient ul{
    	padding-right:0px;
        padding-left:0px;
    }
    
    .margin_right{
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .woman_baby_right{
        position: relative;
        float: left;
        width: 100px;
        padding: 10px;
        margin-left: -30px;
    }
    .shields_right{
        position: relative;
        float: left;
        width: 100px;
        padding: 10px;
        margin-left: -30px;
    }

    .no_virus_right{
        position: relative;
        float: left;
        width: 100px;
        padding: 10px;
        margin-left: -30px;
    }

    .leaps_right{
        position: relative;
        float: left;
        width: 100px;
        padding: 10px;
        margin-left: -30px;
    }
    .blue_background h3 {
    	margin-top: 35px;
        padding-bottom: 22px;
    }
    .green_background h3{
    	margin-top: 35px;
        padding-bottom: 25px;
    }
    .orange_background h3{
    	margin-top: 25px;
        padding-bottom: 10px;
    }
}

@media (max-width: 763px) {
    .blue_background {
        left: 0px;
        padding-left:20px;
    }

    .green_background {
       left: 0px;
       padding-left:20px;
    }
    .orange_background{
       left: 0px;
       padding-left:20px;
    }
    .no_padding .pageContent{
    	padding:0px;
    }
    .margin_right {
    	padding:20px;
        margin-right: 0px !important;
        left:0px;
    }
    .no_padding h1{
         font-size:25px;
         line-height:35px;
	}

}


 

@media (max-width: 1200px) {
   .no_padding h1{
        font-size:35px;
        line-height: 42px;
    }
  /*  .titleBanner__title{
        font-size:38px;
        line-height: 42px;
    }*/
}



@media (max-width: 600px) {
    .no_padding .pageContent{
    	font-size:14px;
    }

    .blue_background {
        left: 0px;
        padding-left:20px;
    }

    .green_background {
       left: 0px;
       padding-left:20px;
    }
    .orange_background{
       left: 0px;
       padding-left:20px;
    }
    .no_padding .pageContent{
    	padding:0px;
    }
    .margin_right {
    	padding:0px;
        padding-left:20px;
        padding-right:20px;
        margin-right: 0px;
        font-weight:500 !important;
        left:0px;
        
    }
    .margin_right ul{
       padding-bottom:5px;
       font-weight:500 !important;
    }
     .margin_right p{
      	margin: 0 0 5px;
        font-weight:500 !important;
     }
    .no_padding h1{
         font-size:20px;
         line-height:25px;
	}

    .blue_background{
        font-size:14px;
        line-height:16px;
    }

    .blue_background h2{
        font-size:16px;
        line-height: 19px;
        margin-top: 30px;
    }
    .blue_background h3{
        font-size:16px;
        line-height: 19px;
        padding-bottom: 5px;
        margin-top: 8px;
    }

    .green_background{
        font-size:14px;
        line-height:16px;
    }

    .green_background h2{
        font-size:16px;
        line-height: 19px;
    }
    
    .blue_background_gradient {
        margin-top: 25px;
        margin-bottom: 10px;
        background: linear-gradient(90deg, #0B68B1 0%, #53B6E2 100%);
    }  
    
    .green_background_gradient {
        margin-top: 25px;    
        margin-bottom: 10px;
        font-weight:400 !important;
        background: linear-gradient(90deg, #008171 0%, #66C1B6 100%), linear-gradient(90deg, #008171 0%, #6FCFC3 100%), linear-gradient(90deg, #F29937 0%, #FED57B 100%);
    }
    
    .orange_background_gradient {
        margin-top: 25px;
        margin-bottom: 10px;
        background: linear-gradient(90deg, #D57307 0%, #E0A635 100%);
    }
    .blue_background_gradient ul:not(.ul-nav-page) li:not(.no-bull) {
    	padding-left: 0px;
    }
    .green_background_gradient ul:not(.ul-nav-page) li:not(.no-bull) {
    	padding-left: 0px;
    }
    .orange_background_gradient ul:not(.ul-nav-page) li:not(.no-bull) {
    	padding-left: 0px;
    }
    
    .green_background_gradient h3{
        font-size:16px;
        line-height: 19px;
        padding-bottom: 5px;
        margin-top: 15px;
    }

    .orange_background{
        font-size:14px;
        line-height:16px;
    }
    .orange_background h2{
        font-size:16px;
        line-height: 19px;
    }

    .orange_background_gradient h3{
        font-size:16px;
        line-height: 19px;
        padding-bottom: 5px;
        margin-top: 5px;
    }
    .woman_baby_right{
       position: relative;
       float: left;
       width: 62px;
       padding: 0px;
       margin-right: 10px;
       margin-left: -30px;
    }
    .shields_right{
       position: relative;
       float: left;
       width: 62px;
       padding: 0px;
       margin-right: 10px;
       margin-left: -30px;
    }

    .no_virus_right{
       position: relative;
       float: left;
       width: 62px;
       padding: 0px;
       margin-right: 10px;
       margin-left: -30px;
    }

    .leaps_right{
       position: relative;
       float: left;
       width: 62px;
       padding: 0px;
       margin-right: 10px;
       margin-left: -30px;
    }
    .heart_center{
        top: -30px;
        position: absolute;
        left: 40%;
    }
    .no_padding_left{
     padding:20px;     
    }
    .no_padding_left p{     
     font-weight:400 !important;
    }
    
   .save_heart_right{
        max-width: 62px;
        display: inline-block;                
        position: relative;
        margin: 0;
        float: none;        
        left: 40%;
   }
   .blue_h2{
        font-size:16px;
        line-height: 19px;  
   }
   .blue_p{
        font-size:14px;
        line-height: 16px;
        padding-top:10px;
   }
   .gray_p p{
        font-size:12px;
        line-height: 16px;  
        font-weight:400 !important;
   }
}

@media (max-width: 1200px) and (min-width: 1000px) {
	.titleBanner__title{
    	font-size: 34px;
    }
}

@media (max-width: 999px) and (min-width: 800px) {
	.titleBanner__title{
    	font-size: 28px;
    }
    .margin_right {
    	left:-0px;
    }
      .no_padding h1{
        font-size:30px;
        line-height: 42px;
    }
}

@media (max-width: 799px) and (min-width: 200px) {
	.titleBanner__title{
    	font-size: 26px;
    }
    .margin_right {
    	left:-0px;
    }
    .breadcrumbs {
       padding: 0px; 
 	}
}


/* 768–1199: крошки остаются внутри и внизу топ-баннера */
@media (min-width: 768px) and (max-width: 1199px) {

  /* перебиваем фиксированную высоту 325px на этом диапазоне */
  .titleBanner {
    height: auto !important;
    min-height: 325px;
  }

  /* убираем “процентные” высоты, чтобы баннер мог расти по контенту */
  .titleBanner > .container,
  .titleBanner__wrapper {
    height: auto !important;
    min-height: 325px;
  }

  /* прижимаем крошки вниз */
  .titleBanner__breadcrambs {
    margin-top: auto;
  }
}