@-webkit-keyframes opacity {
    to {
        opacity: 0
    }

    0% {
        opacity: 1
    }
}

@keyframes opacity {
    to {
        opacity: 0
    }

    0% {
        opacity: 1
    }
}

@-webkit-keyframes MoveUpDownPlay {

    0%,
    to {
        -webkit-transform: rotate(-138deg) translateY(0);
        transform: rotate(-138deg) translateY(0)
    }

    50% {
        -webkit-transform: rotate(-138deg) translateY(-10px);
        transform: rotate(-138deg) translateY(-10px)
    }
}

@keyframes MoveUpDownPlay {

    0%,
    to {
        -webkit-transform: rotate(-138deg) translateY(0);
        transform: rotate(-138deg) translateY(0)
    }

    50% {
        -webkit-transform: rotate(-138deg) translateY(-10px);
        transform: rotate(-138deg) translateY(-10px)
    }
}

@-webkit-keyframes MoveUpDownPlayRight {

    0%,
    to {
        -webkit-transform: rotate(-232deg) translateY(0);
        transform: rotate(-232deg) translateY(0)
    }

    50% {
        -webkit-transform: rotate(-232deg) translateY(-10px);
        transform: rotate(-232deg) translateY(-10px)
    }
}

@keyframes MoveUpDownPlayRight {

    0%,
    to {
        -webkit-transform: rotate(-232deg) translateY(0);
        transform: rotate(-232deg) translateY(0)
    }

    50% {
        -webkit-transform: rotate(-232deg) translateY(-10px);
        transform: rotate(-232deg) translateY(-10px)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    border: 0;
    padding: 0;
    vertical-align: baseline;
    margin: 0
}

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

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

ul {
    list-style-type: none
}

a {
    background: 0 0;
    text-decoration: none
}

button,
input {
    line-height: normal
}

input[type=search] {
    -webkit-appearance: textfield
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

input:focus,
textarea:focus {
    outline: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: Viaoda Libre;
    font-style: normal;
    font-weight: 400;
    src: url(../images/design/ViaodaLibre-Regular.88e6bc.woff)format("woff"), url(../images/design/ViaodaLibre-Regular.cdea7f.woff2)format("woff2"), url(../images/design/ViaodaLibre-Regular.2c497c.ttf)format("truetype")
}

@font-face {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 400;
    src: url(../images/design/ProximaNova-Regular.3d59ce.woff)format("woff"), url(../images/design/ProximaNova-Regular.c4c361.woff2)format("woff2"), url(../images/design/ProximaNova-Regular.db098d.ttf)format("truetype")
}

@font-face {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 700;
    src: url(../images/design/ProximaNova-Bold.7bbe1c.woff)format("woff"), url(../images/design/ProximaNova-Bold.c84883.woff2)format("woff2"), url(../images/design/ProximaNova-Bold.f3c7fe.ttf)format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../images/design/OpenSans-Regular.228f4d.woff)format("woff"), url(../images/design/OpenSans-Regular.ffad35.woff2)format("woff2"), url(../images/design/OpenSans-Regular.9a6cfa.ttf)format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../images/design/OpenSans-SemiBold.443bb3.woff)format("woff"), url(../images/design/OpenSans-SemiBold.40a490.woff2)format("woff2"), url(../images/design/OpenSans-SemiBold.dcf2e3.ttf)format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../images/design/OpenSans-Bold.45847e.ttf)format("truetype")
}

body,
html {
    overflow-x: hidden;
    position: relative
}

body {
    color: var(--black, #111);
    font: 400 20px Open Sans, sans-serif;
    line-height: 28px
}

@media (max-width:1439px) {
    body {
        font-size: 18px;
        line-height: 25.2px
    }
}

@media (max-width:767px) {
    body {
        font-size: 16px;
        line-height: 20.8px
    }
}

b,
strong {
    font-weight: 700
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1312px;
    padding-left: 42px;
    padding-right: 42px;
    position: relative;
    width: 100%
}

@media (max-width:767px) {
    .container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.container .contents ul>li>a {
    color: var(--dark-grey, #474747)
}

.container .contents ul>li>a:hover {
    color: var(--dark-pink, #c33f74)
}

.container:not(.header) ol,
.container:not(.header) ul:not(.breadcrumb) {
    margin-bottom: 40px;
    margin-top: 20px
}

@media (max-width:767px) {

    .container:not(.header) ol,
    .container:not(.header) ul:not(.breadcrumb) {
        margin-bottom: 30px;
        margin-top: 16px
    }
}

.container:not(.header) ol li,
.container:not(.header) ul:not(.breadcrumb) li {
    line-height: 140%;
    margin-bottom: 20px;
    padding-left: 31px;
    position: relative
}

@media (max-width:767px) {

    .container:not(.header) ol li,
    .container:not(.header) ul:not(.breadcrumb) li {
        margin-bottom: 16px;
        padding-left: 27px
    }
}

.container:not(.header) ol li:before,
.container:not(.header) ul:not(.breadcrumb) li:before {
    background: url(../images/design/dot-circle.a09d5d.svg)50%no-repeat;
    color: var(--dark-pink, #c33f74);
    content: " ";
    height: 14px;
    line-height: 1rem;
    position: absolute;
    width: 17px
}

.container:not(.header) ol li:before {
    background: unset !important;
    content: counter(orderedlist)".";
    counter-increment: orderedlist;
    font-size: 18px;
    left: 0;
    line-height: 140%;
    top: 0
}

.container:not(.header) ul:not(.breadcrumb) li:before {
    left: -2px;
    top: 6px
}

.container:not(.header) ol.list-articles,
.container:not(.header) ul:not(.breadcrumb).list-articles {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-top: 60px;
    max-width: 100%
}

@media (max-width:1439px) {

    .container:not(.header) ol.list-articles,
    .container:not(.header) ul:not(.breadcrumb).list-articles {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (max-width:767px) {

    .container:not(.header) ol.list-articles,
    .container:not(.header) ul:not(.breadcrumb).list-articles {
        margin-top: 49px
    }
}

.container:not(.header) ol.list-articles li,
.container:not(.header) ul:not(.breadcrumb).list-articles li {
    font-size: 22px;
    line-height: 140%;
    margin-bottom: 52px;
    padding-left: 48px
}

@media (max-width:1023px) {

    .container:not(.header) ol.list-articles li,
    .container:not(.header) ul:not(.breadcrumb).list-articles li {
        font-size: 20px
    }
}

@media (max-width:767px) {

    .container:not(.header) ol.list-articles li,
    .container:not(.header) ul:not(.breadcrumb).list-articles li {
        font-size: 18px;
        margin-bottom: 40px;
        padding-left: 39px
    }
}

.container:not(.header) ol.list-articles li a,
.container:not(.header) ul:not(.breadcrumb).list-articles li a {
    color: var(--black, #474747) !important;
    text-decoration: none;
    text-underline-offset: 8px
}

.container:not(.header) ol.list-articles li a:hover,
.container:not(.header) ul:not(.breadcrumb).list-articles li a:hover {
    color: var(--dark-pink, #c33f74) !important;
    text-decoration: underline
}

.container:not(.header) ol.list-articles li:before,
.container:not(.header) ul:not(.breadcrumb).list-articles li:before {
    background: url(../images/design/dot-circle.a09d5d.svg)50%no-repeat;
    background-size: cover !important;
    color: var(--dark-pink, #c33f74);
    content: " ";
    height: 28px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

@media (max-width:767px) {

    .container:not(.header) ol.list-articles li:before,
    .container:not(.header) ul:not(.breadcrumb).list-articles li:before {
        height: 22px;
        width: 22px
    }
}

.container:not(.header) ul.icons li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0
}

.container:not(.header) ul.icons li picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 54px;
    margin-bottom: 0;
    margin-right: 20px;
    margin-top: 0;
    width: 54px
}

@media (max-width:767px) {
    .container:not(.header) ul.icons li picture {
        height: 44px;
        margin-right: 16px;
        width: 44px
    }
}

.container:not(.header) ul.icons li picture img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.container:not(.header) ul.icons li:before {
    display: none
}

.container:not(.header) ol {
    counter-reset: orderedlist;
    list-style: none
}

.container:not(.header) ol li {
    font-size: 18px
}

.container:not(.header) a {
    color: var(--dark-pink, #c33f74);
    text-decoration: underline;
    text-underline-offset: 4px
}

.container:not(.header) a:hover {
    text-decoration: none
}

.container:not(.header)>* {
    max-width: 916px;
    width: 100%
}

.container .author .author__text,
.container figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.container figure {
    margin-bottom: 40px;
    margin-top: 40px
}

@media (max-width:767px) {
    .container figure {
        margin-bottom: 30px;
        margin-top: 30px
    }
}

.container figure figcaption {
    color: var(--dark-grey, #c33f74);
    font-size: 18px;
    line-height: 140%;
    margin-top: 10px
}

@media (max-width:767px) {
    .container figure figcaption {
        font-size: 16px
    }
}

.container .h2,
.container h1,
.container h2 {
    color: var(--dark-grey, #414141);
    font-family: Proxima Nova, sans-serif;
    font-size: 82px;
    font-weight: 700;
    line-height: 82px;
    ;
    margin-top: 84px
}

@media (max-width:1439px) {
    .container h1 {
        font-size: 62px;
        line-height: 62px;
        margin-top: 74px
    }
}

@media (max-width:767px) {
    .container h1 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 16px;
        margin-top: 50px
    }
}

.container .h2,
.container h2 {
    font-size: 52px;
    line-height: 62.4px;
    margin-bottom: 40px;
    margin-top: 80px
}

@media (max-width:1439px) {

    .container .h2,
    .container h2 {
        font-size: 46px;
        line-height: 55.2px
    }
}

@media (max-width:767px) {

    .container .h2,
    .container h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin-bottom: 30px;
        margin-top: 60px
    }
}

.container .h3,
.container h3 {
    color: var(--dark-pink, #c33f74);
    font-family: Proxima Nova, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 39.6px;
    margin-bottom: 30px;
    margin-top: 60px
}

@media (max-width:1439px) {

    .container .h3,
    .container h3 {
        font-size: 32px;
        line-height: 38.4px
    }
}

@media (max-width:767px) {

    .container .h3,
    .container h3 {
        font-size: 22px;
        line-height: 26.4px;
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.container h3+.bg_pink {
    margin-top: 0
}

.container .h4,
.container h4 {
    color: var(--dark-pink, #c33f74);
    font-family: Proxima Nova, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.8px;
    margin-bottom: 20px;
    margin-top: 40px
}

@media (max-width:1439px) {

    .container .h4,
    .container h4 {
        font-size: 26px;
        line-height: 31.2px
    }
}

@media (max-width:767px) {

    .container .h4,
    .container h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
        margin-top: 30px
    }
}

.container .h4+*,
.container h4+* {
    margin-top: 0 !important
}

.container .author {
    background: var(--pink, #c33f74);
    border-radius: 30px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 130px;
    max-width: none;
    padding: 40px;
    width: auto
}

@media (max-width:1439px) {
    .container .author {
        gap: 40px;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 110px
    }
}

@media (max-width:767px) {
    .container .author {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 60px;
        text-align: center
    }
}

.container .author * {
    color: #fff !important
}

.container .author .author__text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container .author .author__title {
    color: var(--light-pink, #ffd6d9) !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 25.2px;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .container .author .author__title {
        font-size: 16px;
        line-height: 20.8px;
        margin-bottom: 16px
    }
}

.container .author .author__name {
    margin-bottom: 10px;
    margin-top: 0
}

@media (max-width:767px) {
    .container .author .author__name {
        margin-bottom: 8px
    }
}

.container .author picture {
    -ms-flex-negative: 0;
    border-radius: 30px;
    flex-shrink: 0;
    height: 188px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    width: 188px
}

.container .author picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.container .article-banner p,
.container .author .author__desc {
    font-size: 22px;
    line-height: 30.8px
}

@media (max-width:1439px) {
    .container .author .author__desc {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .container .author .author__desc {
        font-size: 16px;
        line-height: 20.8px
    }
}

.container .bg_pink {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 50px 0 34px;
    position: relative
}

@media (max-width:767px) {
    .container .bg_pink {
        padding: 32px 0 16px
    }
}

.container .bg_pink:before,
.container .where-buy:before {
    background: var(--light-pink, #f0f1f5);
    content: " ";
    height: 100%;
    left: -55vw;
    position: absolute;
    top: 0;
    width: 155vw;
    z-index: -1
}

.container .where-buy {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr 1fr;
    max-width: none;
    position: relative
}

@media (max-width:1439px) {
    .container .where-buy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width:767px) {
    .container .where-buy {
        margin-bottom: 120px
    }
}

.container .where-buy .where-buy-right {
    padding-bottom: 93px
}

@media (max-width:767px) {
    .container .where-buy .where-buy-right {
        padding-bottom: 40px
    }
}

.container .where-buy .where-buy-left {
    position: relative
}

.container .where-buy .where-buy-left picture {
    content: " ";
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

@media (max-width:1439px) {
    .container .where-buy .where-buy-left picture {
        padding-bottom: 494.112px
    }
}

@media (max-width:1023px) {
    .container .where-buy .where-buy-left picture {
        padding-bottom: 583px
    }
}

@media (max-width:767px) {
    .container .where-buy .where-buy-left picture {
        padding-bottom: 413px
    }
}

@media (max-width:441px) {
    .container .where-buy .where-buy-left picture {
        padding-bottom: 95.14%
    }
}

.container .where-buy .where-buy-left picture img {
    bottom: 0;
    height: 760px;
    left: -221px;
    max-width: none;
    position: absolute;
    width: 782px
}

@media (max-width:1439px) {
    .container .where-buy .where-buy-left picture img {
        height: 586px;
        left: -13px;
        width: 745px
    }
}

@media (max-width:1023px) {
    .container .where-buy .where-buy-left picture img {
        height: 654.112px;
        width: 739px
    }
}

@media (max-width:767px) {
    .container .where-buy .where-buy-left picture img {
        height: auto;
        width: 448px
    }
}

@media (max-width:441px) {
    .container .where-buy .where-buy-left picture img {
        width: 110%
    }
}

.container .where-buy h2 {
    font-size: 50px;
    line-height: 120%;
    margin-top: 101px
}

@media (max-width:1439px) {
    .container .where-buy h2 {
        font-size: 44px;
        margin-top: 80px
    }
}

@media (max-width:767px) {
    .container .where-buy h2 {
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 60px;
        text-align: center
    }
}

.container .where-buy .where-buy__icons {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-right: -18px
}

@media (max-width:1439px) {
    .container .where-buy .where-buy__icons {
        grid-template-columns: 1fr 1fr 1fr;
        margin-right: 0
    }
}

@media (max-width:799px) {
    .container .where-buy .where-buy__icons {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:539px) {
    .container .where-buy .where-buy__icons {
        grid-template-columns: 1fr
    }
}

.container .where-buy .where-buy__icons .where-buy__icon,
.container .where-buy .where-buy__icons .where-buy__icon picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.container .where-buy .where-buy__icons .where-buy__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    padding-bottom: 44.653%;
    position: relative;
    width: 100%
}

@media (min-width: 775px){
    .container .where-buy .where-buy__icons .where-buy__icon:last-child{
        grid-column: 2/3;
    }
}

.container .where-buy .where-buy__icons .where-buy__icon:hover {
    background: #fff
}

@media (max-width:799px) {
    .container .where-buy .where-buy__icons .where-buy__icon {
        padding-bottom: 38.653%
    }
}

@media (max-width:519px) {
    .container .where-buy .where-buy__icons .where-buy__icon {
        padding-bottom: 29.653%
    }
}

.container .where-buy .where-buy__icons .where-buy__icon a {
    color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.container .where-buy .where-buy__icons .where-buy__icon picture {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 84% !important
}

@media (max-width:539px) {
    .container .where-buy .where-buy__icons .where-buy__icon picture {
        width: 85% !important
    }

    .container .where-buy .where-buy__icons .where-buy__icon picture img {
        width: 100%
    }
}

.container .where-buy .where-buy__icons .where-buy__icon picture img {
    max-height: 97px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1439px) {
    .container .article-banner p {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .container .article-banner p {
        font-size: 18px;
        line-height: 25.2px
    }
}

.container p {
    margin-bottom: 1rem
}

.container sup {
    line-height: 0
}

.container b,
.container strong {
    color: var(--dark-pink, #c33f74);
    font-weight: 700
}

.container .contents {
    margin-bottom: 230px;
    margin-top: 220px;
    padding: 20px;
    position: relative
}

@media (max-width:1439px) {
    .container .contents {
        margin-bottom: 140px;
        margin-top: 130px
    }
}

@media (max-width:1023px) {
    .container .contents {
        margin-top: 118px
    }
}

@media (max-width:767px) {
    .container .contents {
        margin-bottom: 90px;
        margin-top: 50px;
        padding: 24px 16px
    }
}

.container .contents * {
    color: #fff
}

.container .contents:before {
    background: var(--white, #fff);
    background: var(--pink, #c33f74);
    border-radius: 0 52px 52px 0;
    content: " ";
    height: calc(100% + 80px);
    position: absolute;
    right: 0;
    top: -40px;
    width: 100vw;
    z-index: -1
}

@media (max-width:1439px) {
    .container .contents:before {
        border-radius: 28px;
        height: calc(100% + 60px);
        left: -20px;
        top: -30px;
        width: calc(100% + 40px)
    }
}

@media (max-width:767px) {
    .container .contents:before {
        border-radius: 20px;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%
    }
}

.container .contents ul {
    margin-bottom: 0 !important
}

.container .contents ul li:before {
    background: url(../images/design/dot-circle-white.2a8e6a.svg)50%no-repeat !important
}

.container .contents ul li:not(:last-child) {
    margin-bottom: 21px
}

@media (max-width:767px) {
    .container .contents ul li:not(:last-child) {
        margin-bottom: 16px
    }
}

.container .contents ul li:last-child {
    margin-bottom: 0
}

.container .contents h2,
.container .contents+h2 {
    margin-top: 0
}

.container .contents a {
    color: #fff !important;
    text-decoration: none !important
}

.container .contents a:hover {
    color: var(--light-pink, #ffd6d9);
    text-decoration: underline !important
}

.container .literature {
    margin-top: 180px;
    padding: 90px 0;
    position: relative
}

@media (max-width:1439px) {
    .container .literature {
        margin-top: 120px;
        padding: 70px 0
    }
}

@media (max-width:767px) {
    .container .literature {
        margin-top: 110px;
        padding: 60px 0
    }
}

.container .literature:before {
    background: var(--light-pink, #f0f1f5);
    content: " ";
    height: 100%;
    left: -55vw;
    position: absolute;
    top: 0;
    width: 155vw;
    z-index: -1
}

.container .literature.literature-no-bg:before,
.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card br,
.home-schema ul li:before {
    display: none
}

.container .literature .h2,
.container .literature h2 {
    margin-top: 0 !important
}

.container .literature ol li {
    font-size: 16px
}

.container .literature ol li:before {
    font-size: 1rem
}

.container .recommendation {
    margin-top: 180px;
    max-width: none
}

@media (max-width:1439px) {
    .container .recommendation {
        margin-top: 120px
    }
}

@media (max-width:767px) {
    .container .recommendation {
        margin-top: 100px
    }
}

.container .recommendation h2 {
    color: #414141;
    margin-bottom: 40px;
    margin-top: 0
}

@media (max-width:767px) {
    .container .recommendation h2 {
        margin-bottom: 20px
    }
}

.container .recommendation p {
    margin-bottom: 2.5rem
}

@media (max-width:767px) {
    .container .recommendation p {
        margin-bottom: 2rem
    }
}

.container .recommendation__articles-wrapper,
.flowers {
    position: relative
}

.container .recommendation__articles-wrapper:not(.swiper-initialized) .reccomendation_article {
    margin-right: 38px
}

.container .recommendation__articles-wrapper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible
}

.container .recommendation__articles-wrapper .reccomendation_article {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    position: relative;
    width: 310px
}

.container .recommendation__articles-wrapper .reccomendation_article a {
    color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:1023px) {
    .container .recommendation__articles-wrapper .reccomendation_article {
        width: 212px
    }
}

@media (max-width:767px) {
    .container .recommendation__articles-wrapper .reccomendation_article {
        width: 129px
    }
}

.container .recommendation__articles-wrapper .reccomendation_article p {
    font-size: 22px;
    text-align: center
}

@media (max-width:1439px) {
    .container .recommendation__articles-wrapper .reccomendation_article p {
        font-size: 18px
    }
}

@media (max-width:1023px) {
    .container .recommendation__articles-wrapper .reccomendation_article p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .container .recommendation__articles-wrapper .reccomendation_article p {
        font-size: 14px
    }
}

.container .recommendation__articles-wrapper picture {
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 377px;
    margin-bottom: 24px;
    margin-top: 0;
    overflow: hidden
}

@media (max-width:1023px) {
    .container .recommendation__articles-wrapper picture {
        border-radius: 13.681px;
        height: 258px;
        margin-bottom: 16px
    }
}

@media (max-width:767px) {
    .container .recommendation__articles-wrapper picture {
        border-radius: 8.308px;
        height: 157px;
        margin-bottom: 10px
    }
}

.container .recommendation__articles-wrapper picture img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.container .recommendation__articles-wrapper>* {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container .product {
    display: grid;
    gap: 21px;
    grid-template-columns: 1fr 1fr;
    margin-top: 70px;
    max-width: 100%
}

@media (max-width:1439px) {
    .container .product {
        margin-top: 90px
    }
}

@media (max-width:1023px) {
    .container .product {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-bottom: 0;
        margin-top: 70px
    }
}

@media (max-width:767px) {
    .container .product {
        margin-top: 60px
    }
}

.container .product h2 {
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: 0
}

@media (max-width:1439px) {
    .container .product h2 {
        font-size: 44px
    }
}

@media (max-width:767px) {
    .container .product h2 {
        font-size: 28px
    }
}

.container .product .package {
    margin-bottom: 0;
    margin-right: -54px;
    margin-top: auto;
    position: relative
}

@media (max-width:1220px) {
    .container .product .package {
        margin-bottom: auto
    }
}

@media (max-width:1199px) {
    .container .product .package {
        margin-right: -27px;
        padding-top: 34px
    }
}

@media (max-width:1023px) {
    .container .product .package {
        margin-left: auto;
        margin-right: 0;
        max-width: 65%;
        min-width: 449px;
        padding-top: 0;
        position: static
    }
}

@media (max-width:767px) {
    .container .product .package {
        margin-right: auto;
        max-width: 480px;
        min-width: auto;
        padding-top: 25px
    }
}

.container .product .package:before {
    background: #c33f74;
    border-top-left-radius: 50px;
    bottom: 0;
    content: " ";
    height: calc(100% + 23px);
    left: calc(50% - 28px);
    position: absolute;
    width: 100vw;
    z-index: -1
}

@media (max-width:1199px) {
    .container .product .package:before {
        left: 92px
    }
}

@media (max-width:1023px) {
    .container .product .package:before {
        height: 68.3%;
        left: 79px
    }
}

@media (max-width:767px) {
    .container .product .package:before {
        border-top-right-radius: 50px;
        height: 100%;
        left: -16px;
        width: calc(100% + 32px)
    }
}

@media (max-width:1199px) {
    .container .product .package img {
        -webkit-transform: translateY(-17px);
        transform: translateY(-17px)
    }
}

@media (max-width:1023px) {
    .container .product .package img {
        -webkit-transform: translateY(0) translateX(13px);
        transform: translateY(0) translateX(13px)
    }
}

@media (max-width:767px) {
    .container .product .package img {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
}

.container .product p {
    margin-bottom: 0 !important
}

.container .product .btn_product {
    margin-top: 60px
}

@media (max-width:1023px) {
    .container .product .btn_product {
        margin-top: 30px
    }
}

.container .product .product__column-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px
}

@media (max-width:1439px) {
    .container .product .product__column-text-wrapper {
        max-width: 458px
    }
}

@media (max-width:1023px) {
    .container .product .product__column-text-wrapper {
        max-width: 500px
    }
}

@media (max-width:767px) {
    .container .product .product__column-text-wrapper {
        max-width: 421px
    }
}

.container .product .product__column-text {
    margin-top: auto;
    padding-bottom: 131.5px
}

@media (max-width:1439px) {
    .container .product .product__column-text {
        padding-bottom: 116px
    }
}

@media (max-width:1023px) {
    .container .product .product__column-text {
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .container .product .product__column-text {
        padding-bottom: 30px
    }
}

.container .product .product__column-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1023px) {
    .container .product .product__column-image {
        margin-top: 9px;
        position: relative
    }
}

@media (max-width:767px) {
    .container .product .product__column-image {
        margin-top: 0
    }
}

.flowers picture:not(:first-child) {
    position: absolute
}

.flowers picture:first-child {
    border-radius: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    overflow: hidden
}

@media (max-width:1439px) {
    .flowers picture:first-child {
        border-radius: 46px
    }
}

@media (max-width:767px) {
    .flowers picture:first-child {
        border-radius: 20px;
        margin-top: 32px
    }
}

.flowers picture:first-child img {
    border-radius: 20px;
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

@media (max-width:767px) {
    .flowers picture:first-child img {
        border-radius: 14px
    }
}

@media (max-width:330px) {
    .flowers picture:first-child img {
        height: 188px;
        max-height: 188px
    }
}

.faq .h3,
.faq h3 {
    color: var(--dark-grey, #414141)
}

.menu-wrapper {
    background: rgba(0, 0, 0, .3);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999
}

@media (min-width:1440px) {
    .menu-wrapper {
        display: none !important
    }
}

.menu-wrapper .mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu-inner-wrapper {
    background: #fff;
    height: 100%;
    margin-left: auto;
    max-width: 100%;
    overflow: auto;
    width: 366px
}

.mobile-menu-inner,
.mobile-menu-inner ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile-menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 74px 42px 26px
}

@media (max-width:767px) {
    .mobile-menu-inner {
        padding: 44px 16px 26px
    }
}

.mobile-menu-inner ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-left: 0 !important;
    margin-top: 65px !important;
    max-width: 100% !important;
    width: 100% !important
}

.mobile-menu-inner a:not(.btn) {
    color: var(--black, #454545);
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120% !important;
    padding: 18px 0
}

@media (max-width:767px) {
    .mobile-menu-inner a:not(.btn) {
        font-size: 22px !important
    }
}

.mobile-menu-inner a:not(.btn):hover {
    color: var(--Pink, #c33f74)
}

.mobile-menu-inner .btn.btn_schema {
    display: none !important
}

@media (max-width:767px) {
    .mobile-menu-inner .btn.btn_schema {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100% !important
    }
}

.mobile-menu-inner .header-phone {
    margin-top: auto
}

.mobile-menu-inner .header-phone a {
    color: var(--Dark-Grey, #414141);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    gap: 12px;
    line-height: 120%
}

.header,
.header>ul li a {
    font-family: Open Sans, sans-serif
}

.header,
.header>ul,
.mobile-menu-inner .header-phone a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 160px
}

@media (max-width:1439px) {
    .header {
        height: 110px
    }
}

@media (max-width:767px) {
    .header {
        height: 77px
    }
}

.header.header-white {
    height: 113px;
    padding-top: 62px
}

@media (max-width:767px) {
    .header.header-white {
        padding-top: 0
    }
}

.header.header-white .logo {
    margin-bottom: 0;
    margin-top: 0;
    max-width: 284px;
    width: 100%
}

@media (max-width:767px) {
    .header.header-white .logo {
        margin-right: 92px
    }
}

.header.header-white .logo img {
    width: 100%
}

.header.header-white .hamburger {
    background: 0 0;
    right: 29px;
    top: 57px
}

@media (max-width:1439px) {
    .header.header-white .hamburger {
        display: block
    }
}

@media (max-width:767px) {
    .header.header-white .hamburger {
        right: 6px;
        top: 27px
    }
}

.header.header-white .hamburger:before {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header.header-white .hamburger .burgerBox {
    height: 28px;
    width: 42px
}

.header.header-white .hamburger .burgerBox .burgerInner,
.header.header-white .hamburger .burgerBox:after,
.header.header-white .hamburger .burgerBox:before {
    background: #fff;
    border-radius: 10px;
    color: #fff;
    height: 3px;
    width: 42px
}

@media (max-width:1439px) {
    .header.header-white>ul {
        display: none
    }
}

.header.header-white>ul li a {
    color: var(--White, #fff);
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 14px 0
}

.header.header-white>ul li a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px
}

.header.header-white .btn.btn_header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--White, #fff);
    border-radius: 55px;
    color: var(--Pink, #c33f74);
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    height: 48px;
    justify-content: center;
    line-height: 120%;
    padding: 12px 26px;
    text-align: center
}

@media (max-width:1439px) {
    .header.header-white .btn.btn_header {
        margin-right: 72px
    }
}

@media (max-width:767px) {
    .header.header-white .btn.btn_header {
        display: none
    }
}

.header .logo {
    margin-right: auto
}

@media (max-width:1439px) {
    .header .logo {
        margin-bottom: 0
    }

    .header picture {
        width: 204px
    }
}

.header img {
    max-width: 100%;
    width: 215px
}

@media (max-width:1439px) {
    .header .btn_header {
        margin-left: 32px;
        margin-right: 68px
    }
}

@media (max-width:439px) {
    .header .btn_header {
        display: none
    }
}

.header>ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 32px;
    justify-content: space-between;
    margin-left: 38px;
    margin-right: 38px
}

@media (max-width:1439px) {
    .header>ul {
        display: none
    }
}

.header>ul li {
    line-height: 120%
}

.header>ul li a {
    color: var(--black, #454545);
    font-size: 18px
}

.breadcrumb li,
.header>ul li a:hover {
    color: var(--dark-pink, #c33f74)
}

.home-banner {
    max-width: 100% !important;
    padding-bottom: 126px;
    padding-top: 188px;
    position: relative
}

@media (max-width:1439px) {
    .home-banner {
        padding-bottom: 79px;
        padding-top: 142px
    }
}

@media (max-width:1023px) {
    .home-banner {
        padding-top: 85px
    }
}

@media (max-width:767px) {
    .home-banner {
        padding-top: 52px
    }
}

.home-banner .home-header-h1-subtitle,
.home-banner h1 {
    color: var(--White, #fff);
    font-family: Proxima Nova, sans-serif;
    line-height: 101.5%;
    text-transform: uppercase
}

.home-banner h1 {
    font-size: 84px;
    font-weight: 700;
    margin-top: 0
}

@media (max-width:1439px) {
    .home-banner h1 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .home-banner h1 {
        font-size: 46px;
        text-align: center
    }
}

.home-banner .home-header-h1-subtitle {
    display: block;
    font-size: 46px;
    font-weight: 400
}

@media (max-width:1439px) {
    .home-banner .home-header-h1-subtitle {
        font-size: 34px;
        max-width: 329px
    }
}

@media (max-width:767px) {
    .home-banner .home-header-h1-subtitle {
        font-size: 26px;
        text-align: center
    }
}

.home-banner .home-header-right,
.home-sredstvo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-banner .home-header-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    margin-left: auto;
    width: 49%
}

@media (max-width:1439px) {
    .home-banner .home-header-right {
        width: 47.4%
    }
}

@media (max-width:1023px) {
    .home-banner .home-header-right {
        gap: 44px;
        width: 64.6%
    }
}

@media (max-width:767px) {

    .home-banner .home-header-right,
    .home-banner .home-header-right .home-header-right-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .home-banner .home-header-right .home-header-right-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home-banner .home-header-bg {
    background: #c33f74;
    border-bottom-left-radius: 52px;
    content: " ";
    height: calc(100% + 120px);
    left: calc(50% - 217px);
    pointer-events: none;
    position: absolute;
    top: -120px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: calc(50vw + 217px);
    z-index: -1
}

@media (max-width:1439px) {
    .home-banner .home-header-bg {
        left: calc(50% - 150px);
        width: calc(50vw + 150px)
    }
}

@media (max-width:1023px) {
    .home-banner .home-header-bg {
        left: calc(50% - 166px);
        width: calc(50vw + 166px)
    }
}

@media (max-width:767px) {
    .home-banner .home-header-bg {
        border-bottom-left-radius: 52px;
        border-bottom-right-radius: 52px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100vw
    }
}

.home-banner .home-pack {
    height: 568px;
    left: -200px;
    pointer-events: none;
    position: absolute;
    top: 200px;
    width: 760px
}

@media (max-width:1439px) {
    .home-banner .home-pack {
        height: 399px;
        left: calc(50% - 253px);
        top: 141px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 495px
    }
}

@media (max-width:1023px) {
    .home-banner .home-pack {
        height: auto;
        left: auto;
        padding-bottom: 336px;
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }

    .home-banner .home-pack img {
        display: block;
        height: 449px;
        left: calc(50% - 126px);
        max-width: none;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: -5px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 734px
    }
}

@media (max-width:767px) {
    .home-banner .home-pack {
        padding-bottom: 388px
    }

    .home-banner .home-pack img {
        height: auto;
        left: 50%;
        max-width: 440px;
        top: -18px;
        width: 111%
    }
}

@media (max-width:441px) {
    .home-banner .home-pack {
        padding-bottom: 95%
    }
}

.home-banner .home-tree-lie {
    height: 664px;
    pointer-events: none;
    position: absolute;
    right: -54px;
    top: 87px;
    width: 325.773px
}

@media (max-width:1439px) {
    .home-banner .home-tree-lie {
        height: 548px;
        right: calc(50% - 397px);
        top: 30px;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 230px
    }
}

@media (max-width:1023px) {
    .home-banner .home-tree-lie {
        height: 124.074px;
        right: calc(50% - 274px);
        top: 20px;
        width: 165.324px
    }
}

@media (max-width:767px) {
    .home-banner .home-tree-lie {
        height: auto;
        right: calc(50% - 82px);
        top: -44px;
        width: 105.066px
    }
}

.home-sredstvo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    gap: 33px;
    justify-content: center;
    margin-left: -73px;
    margin-right: auto;
    margin-top: 119px;
    max-width: 1172px !important
}

@media (max-width:1439px) {
    .home-sredstvo {
        gap: 36px;
        margin-left: auto;
        margin-top: 157px;
        max-width: 916px !important
    }
}

@media (max-width:1023px) {
    .home-sredstvo {
        gap: 11px;
        margin-top: 167px
    }
}

@media (max-width:767px) {
    .home-sredstvo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 21px;
        margin-top: 80px
    }
}

.home-sredstvo picture {
    padding-bottom: 31.551%;
    position: relative;
    width: 100%
}

@media (max-width:1439px) {
    .home-sredstvo picture {
        padding-bottom: 186px;
        width: 44.8%
    }
}

@media (max-width:1023px) {
    .home-sredstvo picture {
        margin-left: -35px;
        padding-bottom: 27.193%;
        width: 50%
    }
}

@media (max-width:767px) {
    .home-sredstvo picture {
        margin-left: 0;
        padding-bottom: 190px;
        width: 100%
    }
}

@media (max-width:460px) {
    .home-sredstvo picture {
        padding-bottom: 44.445%
    }
}

.home-sredstvo picture img {
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, calc(-50% - 9px));
    transform: translate(-50%, calc(-50% - 9px));
    width: 100%
}

@media (max-width:1439px) {
    .home-sredstvo picture img {
        height: 100%;
        -webkit-transform: translate(calc(-50% + 6px), calc(-50% - 4px));
        transform: translate(calc(-50% + 6px), calc(-50% - 4px))
    }
}

@media (max-width:1023px) {
    .home-sredstvo picture img {
        height: auto;
        max-width: none;
        -webkit-transform: translate(calc(-50% - 10px), calc(-50% - 17px));
        transform: translate(calc(-50% - 10px), calc(-50% - 17px));
        width: 105.56%;
        z-index: -1
    }
}

@media (max-width:767px) {
    .home-sredstvo picture img {
        max-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 86.81%
    }
}

.home-sredstvo p {
    color: var(--Black_text, #111);
    font-size: 24px;
    line-height: 120%;
    width: 83.71%
}

@media (max-width:1439px) {
    .home-sredstvo p {
        font-size: 22px;
        width: 51.171%
    }
}

@media (max-width:1023px) {
    .home-sredstvo p {
        width: 50%
    }
}

@media (max-width:767px) {
    .home-sredstvo p {
        font-size: 18px;
        text-align: center;
        width: 100%
    }
}

.home-sredstvo p strong {
    font-weight: 800
}

.home-schema {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 109px;
    max-width: none !important
}

@media (max-width:1439px) {
    .home-schema {
        margin-top: 134px
    }
}

@media (max-width:1023px) {
    .home-schema {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 121px
    }
}

@media (max-width:767px) {
    .home-schema {
        margin-top: 66px
    }

    .home-schema .btn_schema {
        margin-left: auto;
        margin-right: auto
    }
}

.home-schema h2 {
    font-size: 38px;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width:1439px) {
    .home-schema h2 {
        font-size: 34px
    }
}

@media (max-width:767px) {
    .home-schema h2 {
        font-size: 26px;
        text-align: center
    }
}

.home-schema .home-schema-text,
.home-schema ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 88px;
    width: 579px
}

@media (max-width:1439px) {
    .home-schema .home-schema-text {
        gap: 67px
    }
}

@media (max-width:1023px) {
    .home-schema .home-schema-text {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .home-schema .home-schema-text {
        margin-bottom: 32px;
        width: 100%
    }
}

.home-schema ul {
    gap: 40px;
    list-style: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-left: 0;
    width: 574px
}

@media (max-width:1439px) {
    .home-schema ul {
        width: 52%
    }
}

@media (max-width:1023px) {
    .home-schema ul {
        gap: 36px;
        margin-bottom: 40px !important;
        width: 100%
    }
}

@media (max-width:767px) {
    .home-schema ul {
        margin-bottom: 31px !important;
        margin-left: auto;
        margin-right: auto;
        max-width: 444px
    }
}

.home-schema ul li,
.home-schema ul li picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-schema ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 38px;
    margin-bottom: 0 !important;
    padding-left: 0 !important
}

@media (max-width:767px) {
    .home-schema ul li {
        gap: 22px
    }
}

.home-schema ul li picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 109px;
    position: relative;
    width: 117.463px
}

@media (max-width:1439px) {
    .home-schema ul li picture {
        height: 93.13px;
        width: 100.784px
    }
}

@media (max-width:767px) {
    .home-schema ul li picture {
        height: 78.743px;
        width: 85.214px
    }
}

.home-mount .home-mount-bg,
.home-schema ul li picture img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-schema ul li picture img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.home-schema ul li span {
    font-size: 20px;
    font-weight: 400;
    line-height: 120%
}

@media (max-width:1439px) {
    .home-schema ul li span {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .home-schema ul li span {
        font-size: 16px
    }
}

.home-mount {
    height: 687px;
    margin-top: 150px;
    max-width: none !important;
    position: relative
}

@media (max-width:1439px) {
    .home-mount {
        height: 435px;
        margin-top: 120px
    }
}

@media (max-width:767px) {
    .home-mount {
        height: 549px;
        margin-top: 80px
    }
}

.home-mount .home-mount-bg {
    height: 100%;
    width: 100vw;
    z-index: -1
}

.home-mount .home-mount-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    width: 100%
}

.home-mount .home-mount-flag {
    bottom: 0;
    height: 620px;
    position: absolute;
    right: -12%;
    width: 252px
}

@media (max-width:1439px) {
    .home-mount .home-mount-flag {
        height: 403.402px;
        right: 3.5%;
        width: 159.337px
    }
}

@media (max-width:1023px) {
    .home-mount .home-mount-flag {
        right: -4.9%
    }
}

@media (max-width:767px) {
    .home-mount .home-mount-flag {
        bottom: 114px;
        right: 1.1%
    }
}

.home-mount .home-mount-flower {
    bottom: 0;
    height: 291px;
    left: 51.7%;
    position: absolute;
    width: 381px;
    z-index: 3
}

@media (max-width:1439px) {
    .home-mount .home-mount-flower {
        height: 188px;
        left: 50.7%;
        width: 247px
    }
}

@media (max-width:1023px) {
    .home-mount .home-mount-flower {
        height: 194px;
        left: 453px;
        width: 253px
    }
}

@media (max-width:767px) {
    .home-mount .home-mount-flower {
        height: 158px;
        left: 81px;
        width: 207px
    }
}

.home-mount .home-mount-text {
    background: rgba(18, 18, 18, .6);
    border-radius: 43px;
    bottom: 58px;
    color: var(--White, #fff);
    font-family: Proxima Nova, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 100%;
    max-width: 825px;
    padding: 78px 142px 78px 51px;
    position: absolute;
    z-index: 2
}

@media (max-width:1439px) {
    .home-mount .home-mount-text {
        border-radius: 26px;
        bottom: 36px;
        font-size: 18px;
        max-width: 592px;
        padding: 49px 140px 45px 53px
    }
}

@media (max-width:1023px) {
    .home-mount .home-mount-text {
        padding: 49px 140px 45px 53px
    }
}

@media (max-width:767px) {
    .home-mount .home-mount-text {
        bottom: 45px;
        font-size: 16px;
        max-width: 288px;
        padding: 33px 34px 117px 28px
    }
}

.home-notebook {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 645px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 204px;
    max-width: none !important;
    position: relative
}

@media (max-width:1439px) {
    .home-notebook {
        height: 503px;
        margin-top: 160px
    }
}

@media (max-width:767px) {
    .home-notebook {
        height: 408px;
        margin-top: 79px
    }
}

.home-notebook .home-notebook-bg {
    background: #c33f74;
    border-radius: 40px;
    height: 550px;
    position: absolute;
    width: 1228px
}

@media (max-width:1439px) {
    .home-notebook .home-notebook-bg {
        border-radius: 30px;
        height: 402px;
        width: 940px
    }
}

@media (max-width:1023px) {
    .home-notebook .home-notebook-bg {
        width: 685px
    }
}

@media (max-width:767px) {
    .home-notebook .home-notebook-bg {
        height: 378px;
        width: 100%
    }
}

.home-notebook .home-notebook-tablets {
    height: 724.254px;
    left: calc(50% + 18px);
    position: absolute;
    top: calc(50% + 2px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1354px
}

@media (max-width:1439px) {
    .home-notebook .home-notebook-tablets {
        height: 528.726px;
        left: calc(50% - 35px);
        top: 50%;
        width: 953.962px
    }
}

@media (max-width:1023px) {
    .home-notebook .home-notebook-tablets {
        height: 621px;
        left: calc(50% - 20px);
        top: calc(50% + 11px);
        width: 725.962px
    }
}

@media (max-width:767px) {
    .home-notebook .home-notebook-tablets {
        height: 371px;
        left: 50%;
        top: calc(50% - 29px);
        width: 321px
    }
}

.home-notebook .home-notebook-play-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 446px;
    justify-content: center;
    left: calc(50% - 371px);
    overflow: hidden;
    position: absolute;
    top: -115px;
    -webkit-transform: rotate(138deg);
    transform: rotate(138deg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 391px;
    z-index: 2
}

@media (max-width:1439px) {
    .home-notebook .home-notebook-play-left {
        height: 341px;
        left: calc(50% - 311px);
        top: -93px;
        width: 303px
    }
}

@media (max-width:1023px) {
    .home-notebook .home-notebook-play-left {
        height: 341px;
        left: calc(50% - 194px);
        top: -130px;
        width: 303px
    }
}

@media (max-width:767px) {
    .home-notebook .home-notebook-play-left {
        height: 197px;
        left: calc(50% - 86px);
        top: -35px;
        width: 165px
    }
}

.home-notebook .home-notebook-play-left:hover img {
    -webkit-animation: MoveUpDownPlay 1s linear infinite;
    animation: MoveUpDownPlay 1s linear infinite
}

.home-notebook .home-notebook-play-left img {
    -webkit-transform: rotate(-138deg);
    transform: rotate(-138deg)
}

@media (max-width:1439px) {
    .home-notebook .home-notebook-play-left img {
        height: auto;
        width: 156.771px
    }
}

.home-notebook .home-notebook-play-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 446px;
    justify-content: center;
    left: calc(50% + 93px);
    overflow: hidden;
    position: absolute;
    top: 183px;
    -webkit-transform: rotate(232deg);
    transform: rotate(232deg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 391px;
    z-index: 2
}

@media (max-width:1439px) {
    .home-notebook .home-notebook-play-right {
        height: 341px;
        left: calc(50% - 6px);
        top: 126px;
        width: 303px
    }
}

@media (max-width:1023px) {
    .home-notebook .home-notebook-play-right {
        height: 341px;
        left: calc(50% - 106px);
        top: 183px;
        width: 303px
    }
}

@media (max-width:767px) {
    .home-notebook .home-notebook-play-right {
        height: 171px;
        left: calc(50% - 76px);
        top: 168px;
        width: 144px
    }
}

.home-notebook .home-notebook-play-right:hover img {
    -webkit-animation: MoveUpDownPlayRight 1s linear infinite;
    animation: MoveUpDownPlayRight 1s linear infinite
}

.home-notebook .home-notebook-play-right img {
    -webkit-transform: rotate(-232deg);
    transform: rotate(-232deg)
}

@media (max-width:1439px) {
    .home-notebook .home-notebook-play-right img {
        height: auto;
        width: 145.771px
    }
}

.home-menopausa {
    margin-top: 209px;
    max-width: none !important
}

@media (max-width:1439px) {
    .home-menopausa {
        margin-top: 87px
    }
}

@media (max-width:1023px) {
    .home-menopausa {
        margin-top: 146px
    }
}

@media (max-width:767px) {
    .home-menopausa {
        margin-top: 49px
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card,
.home-menopausa .home-menopause-desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-menopausa .home-menopause-desc {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 39px;
    margin-left: auto;
    width: 792px
}

@media (max-width:1439px) {
    .home-menopausa .home-menopause-desc {
        gap: 20.593px;
        margin-bottom: 53px;
        width: 582.487px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopause-desc {
        margin-bottom: 26px;
        width: 435px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopause-desc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 23.593px;
        margin-bottom: 44px;
        text-align: center;
        width: 100%
    }
}

.home-menopausa .home-menopausa-etapy h2,
.home-menopausa .home-menopause-desc .home-menopause-desc-title {
    color: #414141;
    font-family: Proxima Nova, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 100%
}

@media (max-width:1439px) {
    .home-menopausa .home-menopause-desc .home-menopause-desc-title {
        font-size: 34px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopause-desc .home-menopause-desc-title {
        font-size: 26px
    }
}

.home-menopausa .home-menopause-desc .home-menopause-desc-text {
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0 !important;
    width: 609px
}

@media (max-width:1439px) {
    .home-menopausa .home-menopause-desc .home-menopause-desc-text {
        font-size: 20px;
        width: 502px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopause-desc .home-menopause-desc-text {
        width: 100%
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopause-desc .home-menopause-desc-text {
        font-size: 18px
    }
}

.home-menopausa .home-menopausa-etapy {
    margin-top: 23px;
    padding-bottom: 77px;
    padding-top: 118px;
    position: relative
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy {
        padding-bottom: 57px;
        padding-top: 63px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopausa-etapy {
        padding-top: 91px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy {
        padding-bottom: 0;
        padding-top: 40px
    }
}

.home-menopausa .home-menopausa-etapy:before {
    background: #f3f3f3;
    content: " ";
    width: 100vw;
    z-index: -1
}

.home-menopausa .home-menopausa-etapy h2 {
    font-size: 80.108px;
    font-style: normal;
    margin-bottom: 81px !important;
    margin-top: 0 !important;
    padding-right: 168px;
    text-align: right
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy h2 {
        font-size: 54px;
        margin-bottom: 59px !important;
        padding-right: 163px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopausa-etapy h2 {
        font-size: 48px;
        padding-right: 61px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy h2 {
        font-size: 36px;
        margin-bottom: 44px !important;
        padding-right: 0;
        text-align: center
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    justify-content: flex-end
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards {
        gap: 11.767px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-radius: 28px;
    color: var(--Text, #111) !important;
    cursor: pointer;
    font-family: Open Sans, sans-serif;
    font-size: 20px;
    height: 232px;
    justify-content: space-between;
    line-height: 120%;
    padding: 80px 0 0;
    text-align: center;
    width: 342px
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card {
        font-size: 15px;
        height: 170.627px;
        padding-top: 59px;
        width: 251.528px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card {
        border-radius: 18px;
        font-size: 13.205px;
        height: 150.208px;
        padding-top: 52px;
        width: 221.427px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card {
        font-size: 16px;
        max-width: 400px;
        width: 100%
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card:hover {
    background: #c33f74 !important;
    color: var(--White, #fff) !important;
    padding: 53px 0 39px
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card:hover {
        padding: 30px 0 27px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card:hover {
        padding: 24px 0 21px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card:hover {
        padding: 24px 0 11px
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card:hover a {
    height: auto;
    opacity: 1
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card:hover strong {
    color: var(--White, #fff) !important
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card.home-menopausa-etapy-card__yellow {
    background: #ffe699 url(../images/design/card-yellow.ea17d8.svg)no-repeat;
    background-size: 100% 100% !important
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card.home-menopausa-etapy-card__yellow {
        background-position: 100% !important;
        background-size: contain !important
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card.home-menopausa-etapy-card__pink {
    background: #fcc url(../images/design/card-pink.58addf.svg)no-repeat;
    background-size: 100% 100% !important
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card.home-menopausa-etapy-card__pink {
        background-position: 100% !important;
        background-size: contain !important
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card.home-menopausa-etapy-card__orange {
    background: #f4b084 url(../images/design/card-orange.6a310f.svg)no-repeat;
    background-size: 100% 100% !important
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card.home-menopausa-etapy-card__orange {
        background-position: 100% !important;
        background-size: contain !important
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card a {
    height: 0;
    opacity: 0;
    width: 220px
}

@media (max-width:1023px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card a {
        font-size: 13px;
        width: 82%
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card strong {
    color: var(--Text, #111) !important;
    display: block;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    margin-bottom: 8px
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-cards .home-menopausa-etapy-card strong {
        margin-bottom: 6px
    }
}

.home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women {
    bottom: 0;
    height: 885px;
    left: -132px;
    position: absolute;
    width: 613px;
    z-index: -1
}

@media (max-width:1439px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women {
        height: 650.885px;
        left: -43px;
        width: 450.839px
    }
}

@media (max-width:1023px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women {
        left: -129px
    }
}

@media (max-width:767px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women {
        bottom: auto;
        content: " ";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        left: auto;
        padding-bottom: 677px;
        position: relative;
        width: 100%
    }

    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women img {
        bottom: 0;
        left: 50%;
        max-width: none;
        position: absolute;
        -webkit-transform: translateX(calc(-50% + 6px));
        transform: translateX(calc(-50% + 6px));
        width: 427px
    }
}

@media (max-width:441px) {
    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women {
        padding-bottom: 166%
    }

    .home-menopausa .home-menopausa-etapy .home-menopausa-etapy-women img {
        width: 104.6%
    }
}

.home-uroven-estragena {
    max-width: none !important;
    padding-top: 124px
}

@media (max-width:767px) {
    .home-uroven-estragena {
        padding-top: 63px
    }
}

.home-uroven-estragena .home-uroven-estragena-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
    text-align: center;
    width: 100%
}

@media (max-width:767px) {
    .home-uroven-estragena .home-uroven-estragena-text {
        font-size: 18px
    }
}

@media (max-width:1023px) {
    .home-uroven-estragena .home-uroven-estragena-text br {
        display: none
    }
}

.home-uroven-estragena .home-uroven-estragena-disclaimer {
    background: #ebecf0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 120%;
    padding: 23px 18px
}

@media (max-width:1439px) {
    .home-uroven-estragena .home-uroven-estragena-disclaimer {
        font-size: 12px;
        padding: 14px 18px
    }
}

@media (max-width:767px) {
    .home-uroven-estragena .home-uroven-estragena-disclaimer {
        font-size: 10px
    }
}

.home-uroven-estragena h2 {
    font-size: 80.108px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 119px;
    text-align: center
}

@media (max-width:1439px) {
    .home-uroven-estragena h2 {
        font-size: 54px;
        margin-bottom: 60px;
        margin-top: 59px
    }
}

@media (max-width:1023px) {
    .home-uroven-estragena h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .home-uroven-estragena h2 {
        font-size: 26px;
        margin-bottom: 39px
    }
}

.home-uroven-estragena h2 sup {
    display: inline-block;
    font-size: 40px
}

@media (max-width:1439px) {
    .home-uroven-estragena h2 sup {
        font-size: 31px
    }
}

@media (max-width:767px) {
    .home-uroven-estragena h2 sup {
        font-size: 18px
    }

    .home-uroven-estragena .home-uroven-estragena-schema-wrapper {
        overflow: auto
    }
}

.home-uroven-estragena .home-uroven-estragena-schema {
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
    padding-bottom: 45.115%;
    position: relative
}

@media (max-width:1439px) {
    .home-uroven-estragena .home-uroven-estragena-schema {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .home-uroven-estragena .home-uroven-estragena-schema {
        content: " ";
        height: 307px;
        margin-bottom: 20px;
        min-width: 682.038px;
        padding-bottom: 0
    }
}

.home-menopausa .home-menopausa-etapy:before,
.home-obshie-simptomy:before,
.home-uroven-estragena .home-uroven-estragena-schema img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home-uroven-estragena .home-uroven-estragena-schema img {
    width: 100%
}

@media (max-width:767px) {
    .home-uroven-estragena .home-uroven-estragena-schema img {
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.home-obshie-simptomy {
    margin-top: 40px;
    max-width: none !important;
    padding-bottom: 60px;
    padding-top: 120px;
    position: relative
}

@media (max-width:1439px) {
    .home-obshie-simptomy {
        margin-top: 120px;
        padding-bottom: 183px;
        padding-top: 80px
    }
}

@media (max-width:1023px) {
    .home-obshie-simptomy {
        padding-bottom: 176px
    }
}

@media (max-width:767px) {
    .home-obshie-simptomy {
        margin-top: 80px;
        padding-bottom: 102px
    }
}

.home-obshie-simptomy:before {
    background: #eeedf3;
    content: "";
    width: 100vw;
    z-index: -1
}

.home-obshie-simptomy .home-obshie-simptomy-schema {
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 87px;
    margin-top: 74px;
    max-width: 982px;
    padding-bottom: 40.636%;
    position: relative;
    width: 100%
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema {
        margin: 22px auto 80px;
        padding-bottom: 60.32%
    }
}

@media (max-width:1023px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema {
        margin-bottom: 80px;
        margin-top: 80px;
        padding-bottom: 70.1%
    }
}

@media (max-width:767px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema {
        margin-bottom: 60px;
        margin-top: 67px;
        padding-bottom: 1457px
    }
}

@media (max-width:441px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema {
        padding-bottom: 357%
    }
}

.home-obshie-simptomy .home-obshie-simptomy-schema img {
    height: 100%;
    left: 50%;
    max-width: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(calc(-50% + 381px));
    transform: translateX(calc(-50% + 381px));
    width: 100%
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema img {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:767px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema img {
        width: 100%
    }
}

@media (max-width:441px) {
    .home-obshie-simptomy .home-obshie-simptomy-schema img {
        width: 110%
    }
}

.home-obshie-simptomy .home-obshie-simptomy-grinna {
    margin-bottom: 60px;
    margin-left: auto;
    max-width: 759px;
    width: 100%
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-grinna {
        margin-left: auto;
        margin-right: auto;
        max-width: 940px
    }
}

.home-obshie-simptomy .home-obshie-simptomy-grinna>p {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 60px;
    max-width: 652px
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-grinna>p {
        font-size: 22px;
        max-width: 940px;
        text-align: center
    }
}

@media (max-width:767px) {
    .home-obshie-simptomy .home-obshie-simptomy-grinna>p {
        font-size: 18px
    }
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-grinna .btn_home_grin {
        margin-left: auto;
        margin-right: auto
    }
}

.home-obshie-simptomy .home-obshie-simptomy-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Open Sans, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    gap: 46px;
    line-height: 119%;
    margin-left: auto;
    max-width: 759px;
    width: 100%
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-description {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 940px;
        text-align: center
    }
}

@media (max-width:767px) {
    .home-obshie-simptomy .home-obshie-simptomy-description {
        font-size: 18px
    }
}

.home-obshie-simptomy .home-obshie-simptomy-description p {
    margin-bottom: 0 !important
}

.home-obshie-simptomy .home-obshie-simptomy-tables,
.home-rastitelnye-analogy:before {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1
}

@media (max-width:1439px) {
    .home-obshie-simptomy .home-obshie-simptomy-tables {
        bottom: 0;
        top: auto
    }
}

@media (max-width:767px) {
    .home-obshie-simptomy .home-obshie-simptomy-tables {
        height: 775px
    }
}

.home-obshie-simptomy .home-obshie-simptomy-tables img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center !important;
    object-position: center center !important;
    position: absolute;
    width: 100%
}

@media (max-width:767px) {
    .home-obshie-simptomy .home-obshie-simptomy-tables img {
        -o-object-position: center 81% !important;
        object-position: center 81% !important
    }
}

.home-rastitelnye-analogy {
    max-width: none !important;
    padding-bottom: 83px;
    padding-top: 120px;
    position: relative
}

@media (max-width:1439px) {
    .home-rastitelnye-analogy {
        padding-bottom: 451px
    }
}

@media (max-width:1023px) {
    .home-rastitelnye-analogy {
        padding-bottom: 354px
    }
}

@media (max-width:767px) {
    .home-rastitelnye-analogy {
        padding-bottom: 256px;
        padding-top: 82px
    }
}

.home-rastitelnye-analogy:before {
    background: #ffd6d9;
    content: " ";
    display: block
}

.home-rastitelnye-analogy .home-rastitelnye-analogy-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26.4px;
    margin-bottom: 40px;
    margin-top: 40px
}

.home-rastitelnye-analogy p,
.home-rastitelnye-analogy>* {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 674px;
    width: 100%
}

@media (max-width:1439px) {

    .home-rastitelnye-analogy p,
    .home-rastitelnye-analogy>* {
        font-size: 20px;
        max-width: 940px
    }
}

@media (max-width:767px) {

    .home-rastitelnye-analogy p,
    .home-rastitelnye-analogy>* {
        font-size: 18px
    }
}

.home-rastitelnye-analogy p {
    margin-bottom: 0
}

.home-rastitelnye-analogy ul {
    margin-top: 58px !important
}

@media (max-width:1023px) {
    .home-rastitelnye-analogy ul {
        max-width: 650px !important;
        width: 100%
    }
}

.home-rastitelnye-analogy ul li {
    font-size: 20px;
    line-height: 120% !important;
    margin-bottom: 18px !important
}

@media (max-width:767px) {
    .home-rastitelnye-analogy ul li {
        font-size: 18px;
        margin-bottom: 14px !important;
        padding-left: 31px !important
    }
}

.home-rastitelnye-analogy ul li:before {
    background-size: contain !important;
    height: 14px;
    left: -1px !important;
    top: 8px !important;
    width: 14px
}

.home-rastitelnye-analogy ul li sup {
    font-size: 14px
}

.home-rastitelnye-analogy .home-rastitelnye-analogy-hand {
    max-width: none;
    position: absolute;
    right: -331px;
    top: calc(50% + 31px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 862px;
    z-index: -1
}

@media (max-width:1439px) {
    .home-rastitelnye-analogy .home-rastitelnye-analogy-hand {
        bottom: 6px;
        right: -43px;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 642px
    }
}

@media (max-width:1023px) {
    .home-rastitelnye-analogy .home-rastitelnye-analogy-hand {
        width: 500px
    }
}

@media (max-width:767px) {
    .home-rastitelnye-analogy .home-rastitelnye-analogy-hand {
        bottom: 23px;
        right: -15px;
        width: 315px
    }
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 23px
}

.btn.btn_header {
    background: var(--pink, #c33f74);
    border-radius: 55px;
    color: var(--white, #fff);
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    padding: 12px 26px;
    -webkit-transition: .3s;
    transition: .3s;
    white-space: nowrap
}

@media (max-width:767px) {
    .btn.btn_header {
        padding: 10px 23px
    }
}

.btn.btn_home_grin {
    background: var(--pink, #c33f74);
    color: var(--White, #fff) !important;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    width: 288px
}

.btn.brn_menopausa,
.btn.btn_home_grin,
.btn.btn_schema,
.btn.btn_where {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 12px 26px;
    text-align: center;
    text-decoration: none !important
}

.btn.brn_menopausa {
    color: var(--Text, #111) !important;
    gap: 10px;
    width: 100%;
    background: var(--White, #fff);
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 120%
}

.btn.btn_schema,
.btn.btn_where {
    font-weight: 600;
    width: 288px
}

.btn.btn_where {
    background: var(--White, #fff);
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: var(--Pink, #c33f74)
}

.btn.btn_schema {
    background: var(--Pink, #c33f74);
    color: var(--White, #fff) !important;
    font-size: 16px !important;
    line-height: 120% !important
}

@media (max-width:1023px) {
    .btn.btn_schema {
        display: none !important
    }
}

.btn.btn_only_mobile {
    display: none !important
}

@media (max-width:1023px) {
    .btn.btn_only_mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.breadcrumb,
.btn.btn_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn.btn_product {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--pink, #c33f74);
    border-radius: 55px;
    clear: both;
    color: var(--white, #fff) !important;
    float: left;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 130%;
    padding: 12px 26px;
    text-decoration: none !important;
    width: 188px
}

@media (max-width:1023px) {
    .btn.btn_product {
        max-width: 100%;
        width: 399px
    }
}

@media (max-width:767px) {
    .btn.btn_product {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        float: none;
        font-size: 18px;
        justify-content: center;
        width: 100%
    }
}

.breadcrumb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 37px;
    padding-top: 37px
}

@media (max-width:1439px) {
    .breadcrumb {
        padding-bottom: 28px;
        padding-top: 18px
    }
}

@media (max-width:767px) {
    .breadcrumb {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.breadcrumb li {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140% !important;
    margin-bottom: 9px
}

@media (max-width:767px) {
    .breadcrumb li {
        font-size: 16px
    }
}

.breadcrumb li:not(:last-of-type):after {
    color: var(--dark-grey, #414141);
    content: "/";
    display: inline-block;
    margin-left: 19px;
    margin-right: 19px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.breadcrumb li a {
    color: var(--dark-grey, #414141) !important;
    font-weight: 400;
    line-height: 140%;
    text-decoration: underline;
    text-underline-offset: 7px !important
}

.breadcrumb li a:hover {
    color: var(--dark-pink, #c33f74) !important;
    text-decoration: none
}

.header-white input#menu:checked+.mobile-menu .hamburger .burgerBox:before {
    background: #c33f74;
    -webkit-transform: translate3d(0, 14px, 0) rotate(48deg);
    transform: translate3d(0, 14px, 0) rotate(48deg)
}

.header-white input#menu:checked+.mobile-menu .hamburger .burgerBox:after {
    background: #c33f74;
    bottom: -2px;
    right: 4px;
    -webkit-transform: translate3d(0, -13px, 0) rotate(-48deg);
    transform: translate3d(0, -13px, 0) rotate(-48deg)
}

.header-white input#menu:checked+.mobile-menu .menu-wrapper,
input#menu:checked+.mobile-menu .menu-wrapper {
    display: block
}

input#menu:checked+.mobile-menu .hamburger .burgerBox:before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(48deg);
    transform: translate3d(0, 6px, 0) rotate(48deg)
}

input#menu:checked+.mobile-menu .hamburger .burgerBox .burgerInner {
    -webkit-animation: opacity .2s ease-out;
    animation: opacity .2s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

input#menu:checked+.mobile-menu .hamburger .burgerBox:after {
    bottom: -2px;
    right: 4px;
    -webkit-transform: translate3d(0, -8px, 0) rotate(-48deg);
    transform: translate3d(0, -8px, 0) rotate(-48deg)
}

.hamburger {
    background: #fff;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: none;
    font: inherit;
    margin: 0;
    overflow: visible;
    padding: 16px 8px;
    position: absolute;
    right: 42px;
    text-transform: none;
    top: 32px;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 2501
}

.hamburger:before {
    background: var(--white, #fff);
    border-radius: 96px;
    -webkit-box-shadow: 0 9px 17px 0 rgba(223, 86, 123, .21);
    box-shadow: 0 9px 17px 0 rgba(223, 86, 123, .21);
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:1439px) {
    .hamburger {
        display: block
    }
}

@media (max-width:767px) {
    .hamburger {
        right: 16px;
        top: 14px
    }
}

.hamburger input {
    position: absolute;
    visibility: hidden
}

.burgerBox {
    display: block;
    height: 14px;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 31px
}

.burgerBox:after,
.burgerBox:before {
    background: var(--grey-text, #63656a);
    content: " ";
    height: 2px;
    overflow: hidden;
    position: absolute;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.burgerBox:after,
.burgerBox:before,
.burgerInner {
    right: 4px;
    top: 0;
    width: 22px
}

.burgerBox:after {
    bottom: 0;
    top: auto
}

.burgerInner {
    background: var(--grey-text, #63656a);
    display: block;
    height: 2px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.footer {
    background: #fafafa;
    margin-top: 140px;
    padding-bottom: 40px;
    padding-top: 70px
}

@media (max-width:1023px) {
    .footer {
        margin-top: 120px;
        padding-top: 60px
    }
}

.footer .disclaimer {
    color: #63656a;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 40px;
    max-width: 100%;
    text-align: center
}

@media (max-width:1023px) {
    .footer .disclaimer {
        margin-bottom: 30px
    }
}

@media (max-width:539px) {
    .footer .disclaimer {
        font-size: 29px
    }
}

.footer .two-column {
    display: grid;
    gap: 70px;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

@media (max-width:767px) {
    .footer .two-column {
        gap: 0;
        grid-template-columns: 1fr;
        margin-bottom: 20px
    }
}

@media (max-width:1439px) {
    .hideMenu {
        overflow: hidden !important
    }
}

.no-wrap {
    white-space: nowrap !important
}

.popup-wrapper {
    -webkit-animation: fadeIn .9s forwards;
    animation: fadeIn .9s forwards;
    background: rgba(0, 0, 0, .6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.feminal-popup__bottom__right-block__btn-block,
.feminal-popup__bottom__right-block__btn-block:active .feminal-popup-dop,
.feminal-popup__bottom__right-block__btn-block:focus .feminal-popup-dop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feminal-popup__bottom__right-block__btn-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    margin-right: 30px
}

.feminal-popup__bottom__right-block__btn,
.feminal-popup__btn-close {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.feminal-popup__bottom__right-block__btn {
    background: url(../images/design/VGL_Ecom_2022_04_Button2.70f6ce.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-family: MyriadProBold, sans-serif;
    font-size: 9px;
    font-weight: 700;
    height: 17px;
    margin: 0 auto;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase
}

.feminal-popup__top__left-block__btn:hover {
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.feminal-popup__btn-close {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    display: inline-block;
    height: 2rem;
    position: absolute;
    right: 1rem;
    top: .5rem;
    width: 2rem
}

.feminal-popup__btn-close span {
    background-color: #d93085;
    height: 2px;
    left: calc(50% - .5rem);
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 1rem
}

.feminal-popup__btn-close span:first-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.feminal-popup__btn-close span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.feminal-popup__btn-close.feminal-popup__btn-close__min {
    background-color: #fff;
    right: 6px;
    top: -10px
}

.feminal-popup-main {
    background: url(../images/design/banner-02-2023-desktop.b85a11.jpg);
    background-position: 100%0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 30px 10px 15px;
    position: fixed;
    width: 100%
}

.feminal-popup__top {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    margin-bottom: 2rem
}

.feminal-popup__top__right-block {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    width: 5%
}

.feminal-popup__top__left-block__title {
    color: #b61f19;
    font-family: MyriadProBold, sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center
}

.feminal-popup__top__left-block__title span {
    font-size: 35px
}

.feminal-popup__top__left-block__txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.feminal-popup__top__left-block__txt__title {
    color: #c40077;
    font-family: MyriadProBold, sans-serif;
    font-size: 31px;
    line-height: 24px;
    text-align: center
}

.feminal-popup__top__left-block__txt__title.feminal-popup__top__left-block__txt__ln {
    line-height: 30px
}

.maxwidth {
    overflow: hidden
}

.feminal-popup__top__left-block__txt__title--span {
    font-family: MyriadProLight, sans-serif;
    font-size: 19px
}

.feminal-popup__top__left-block__txt__plus {
    color: #b61f19;
    font-family: MyriadProBold, sans-serif;
    font-size: 48px
}

.bud {
    color: #9e9d9c;
    font-family: MyriadProLightCond, sans-serif;
    letter-spacing: .2em;
    position: absolute;
    right: 70px;
    top: 209px;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    white-space: nowrap
}

.feminal-popup__top__left-block__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: url(../images/design/FEM_Ecom_2022_04_button2.f81b2a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: MyriadProBold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    margin: 20px auto 0;
    max-width: 170px;
    padding-top: 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.feminal-popup__top__right-block__img_packs,
.feminal-popup__top__right-block__img_packs img {
    width: 100%
}

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

.feminal-popup__bottom__right-block__txt {
    color: #878584;
    font-size: 9px
}

.footer-item1 a {
    color: #807f84;
    text-decoration: underline
}

@media (min-width:1024px) {
    .feminal-popup__bottom__right-block__txt {
        margin-top: 7px;
        max-width: 630px;
        padding-left: 46px
    }
}

.feminal-popup-dop {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, .376);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .376);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    justify-content: space-between;
    left: 50%;
    max-width: 810px;
    padding: 10px;
    position: absolute;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%
}

.feminal-popup-dop.active,
.feminal-popup-dop__left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feminal-popup-dop p {
    margin: .2rem
}

.feminal-popup-dop__left-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    width: 20%
}

.feminal-popup-dop__left-block img {
    max-height: 75px;
    max-width: 75px;
    width: 100%
}

.feminal-popup-dop__right-block {
    font-family: MyriadProLight, sans-serif;
    font-size: 10.5px;
    width: 80%
}

.feminal-popup-dop__right-block a {
    color: #000;
    text-decoration: none
}

.feminal-popup__top__right-text {
    color: #6c7274;
    display: block;
    font-family: MyriadProLightCond, sans-serif;
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 20px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none;
    white-space: nowrap
}

.feminal-popup__top__left-block__code {
    bottom: 44.4%;
    color: #818180;
    font-size: 10px;
    left: 14px;
    position: absolute;
    -webkit-transform: translate(-50%) rotate(-90deg);
    transform: translate(-50%) rotate(-90deg);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1023px) {
    .bud {
        right: 76px;
        top: 143px
    }

    .feminal-popup__top__left-block__code {
        bottom: 36.3%
    }

    .feminal-popup__btn-close.feminal-popup__btn-close__min {
        background-color: #fff;
        right: 0;
        top: -20px
    }

    .feminal-popup__top_mobile-logo {
        margin-bottom: 15px;
        max-width: 250px
    }

    .feminal-popup-main {
        background: url(../images/design/feminal_bg_popup_mobile.8a0877.png)100%;
        background-size: cover !important;
        left: 50%;
        max-width: 342px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .feminal-popup__top__left-block {
        margin: 0 auto;
        width: 85%
    }

    .feminal-popup__bottom__right-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .feminal-popup__top__right-text {
        max-width: 100%;
        white-space: normal
    }

    .feminal-popup__bottom__right-block__txt {
        margin-bottom: 10px
    }

    .hz-buttons .button.filled span,
    .youth-section .button.filled span {
        font-size: 14px
    }
}

@media (min-width:1023px) {
    .feminal-popup__top_mobile-logo {
        display: none
    }

    .feminal-popup-main {
        left: 50%;
        max-width: 810px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .feminal-popup__top__left-block {
        width: 60%
    }

    .feminal-popup__top__free_space {
        width: 50%
    }
}

@media (max-height:813px) and (max-width:1023px) {
    .feminal-popup-main {
        cursor: pointer !important;
        max-height: 100Vh !important;
        overflow: auto !important;
        top: 0 !important;
        -webkit-transform: translate(-50%) !important;
        transform: translate(-50%) !important
    }
}

@media (max-height:446px) and (min-width:1024px) {
    .feminal-popup-main {
        cursor: pointer !important;
        max-height: 100Vh !important;
        overflow: auto !important;
        top: 0 !important;
        -webkit-transform: translate(-50%) !important;
        transform: translate(-50%) !important
    }
}

.contents-disclaimer {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 40px;
    text-transform: uppercase
}

@media (max-width:1439px) {
    .contents-disclaimer {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .contents-disclaimer {
        font-size: 16px;
        margin-top: 30px
    }
}

.iframe {
    margin: 80px -40px;
    padding: 40px;
    position: relative
}

@media (max-width:1439px) {
    .iframe {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:1023px) {
    .iframe {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .iframe {
        margin-bottom: 60px;
        margin-top: 60px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:374px) {
    .iframe {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.iframe>:not(.bg_default) {
    position: relative
}

.iframe * {
    color: #fff !important
}

.iframe .iframe-title {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    max-width: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.iframe-container iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.iframe_desc {
    margin-top: 12px
}

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

.bg_default {
    border-radius: 30px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:767px) {
    .bg_default {
        border-radius: 20px
    }
}

.bg_default.bg_purple {
    background: #c33f74
}

.links-creator {
    border-top: 1px solid #58595b;
    font-size: 15px;
    line-height: 1.35;
    margin-top: 50px;
    max-width: none !important;
    padding-top: 30px;
    position: relative;
    width: 100% !important
}

.litera-content {
    display: block !important
}

.litera-content-in a {
    word-break: break-all
}

@media (max-width:1023px) {
    body {
        background: unset !important
    }
}

.container:not(.header) .block-text {
    max-width: none !important
}

.block-text {
    padding-bottom: 43px
}

@media (min-width:1401px) and (max-width:1779px) {
    .block-text {
        padding-bottom: 43px
    }
}

@media (max-width:1401px) {
    .block-text {
        padding-bottom: 15px
    }
}

.block-text .width_650 {
    max-width: 650px
}

.block-text .get-result-score {
    padding-top: 50px;
    position: relative
}

@media (max-width:1023px) {
    .block-text .get-result-score {
        padding-top: 20px
    }
}

.block-text .get-result-score .result-colorfull .result-name,
.block-text .get-result-score.get-result-score-hide {
    display: none
}

.block-text .get-result-score:before {
    background: #f1f1f1;
    content: " ";
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%
}

.block-text .get-result-score .result-colorfull {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-bottom: 40px;
    position: relative
}

.block-text .get-result-score .result-colorfull.result-colorfull-on {
    background: #fee9ed;
    margin-top: 40px;
    padding-top: 40px
}

@media (max-width:1023px) {
    .block-text .get-result-score .result-colorfull.result-colorfull-on {
        margin-top: 20px
    }
}

.block-text .get-result-score .result-colorfull.result-colorfull-on .result-name {
    display: block
}

.block-text .get-result-score .result-colorfull.result-colorfull-on:after {
    background: #f6c0ca;
    content: " ";
    height: 1px;
    position: absolute;
    width: 100%
}

.block-text .get-result-score .result-colorfull.result-colorfull-on:before {
    background: #f6c0ca;
    content: " ";
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%
}

.block-text .get-result-score .result-colorfull.result-colorfull-on:after {
    bottom: 0;
    top: auto
}

.block-text .get-result-score .result-colorfull:after {
    background: #f1f1f1;
    bottom: 0;
    content: " ";
    height: 1px;
    position: absolute;
    width: 100%
}

.block-text .get-result-score .result-name,
.block-text section {
    padding: 0 57px
}

@media (max-width:1023px) {
    .block-text .get-result-score .result-name {
        padding: 0 8px
    }
}

.block-text .get-result-score .result-name input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #807f84;
    border-radius: 5px;
    color: #807f84;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin-bottom: 10px;
    opacity: 1;
    padding: 10px 12px;
    position: relative;
    width: 274px;
    z-index: 1
}

@media (max-width:1023px) {
    .block-text .get-result-score .result-name input {
        font-size: 16px;
        line-height: 20px;
        max-width: 100%
    }
}

.block-text .get-result-score .result-name input::-webkit-input-placeholder {
    color: #bababa;
    opacity: 1
}

.block-text .get-result-score .result-name input::-moz-placeholder {
    color: #bababa;
    opacity: 1
}

.block-text .get-result-score .result-name input:-ms-input-placeholder {
    color: #bababa;
    opacity: 1
}

.block-text .get-result-score .result-name input::-ms-input-placeholder {
    color: #bababa;
    opacity: 1
}

.block-text .get-result-score .result-name input::placeholder {
    color: #bababa;
    opacity: 1
}

.block-text .get-result-score .result-name-title {
    color: #493a40;
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 25px
}

@media (max-width:1401px) {
    .block-text .get-result-score .result-name-title {
        font-size: 32px;
        line-height: 36px
    }
}

@media (max-width:1023px) {
    .block-text .get-result-score .result-name-title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px
    }
}

.block-text .get-result-score .result-name-title span {
    color: #d93085
}

.block-text .get-result-score .result-agree {
    color: #807f84;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

@media (max-width:1023px) {
    .block-text .get-result-score .result-agree {
        font-size: 14px;
        line-height: 16px
    }
}

.block-text .get-result-score .download-with-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d93085;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    line-height: 24px;
    margin-left: 57px;
    margin-top: 25px;
    text-decoration: none !important;
    width: 274.65px
}

@media (max-width:1023px) {
    .block-text .get-result-score .download-with-text {
        margin-left: auto;
        margin-right: auto
    }
}

.block-text .get-result-score .download-with-text .download-but {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block-text .get-result-score .download-with-text svg {
    margin-right: 8px
}

.block-text .get-result-score .result-doctor {
    color: #493a40;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 40px 57px 50px
}

@media (max-width:1023px) {
    .block-text .get-result-score .result-doctor {
        font-size: 16px;
        line-height: 20px;
        padding: 20px 8px 15px
    }
}

.block-text .get-result-score .get-result-sum {
    color: #d93085;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 12px;
    padding: 0 57px
}

@media (max-width:1401px) {
    .block-text .get-result-score .get-result-sum {
        font-size: 22px;
        line-height: 27px
    }
}

@media (max-width:1023px) {
    .block-text .get-result-score .get-result-sum {
        display: block;
        font-size: 18px;
        line-height: 22px;
        padding: 0 8px
    }
}

.block-text .get-result-score .get-result-sum span:first-of-type {
    margin-right: 8px
}

.block-text .get-result-score .get-result-sum span:last-of-type {
    color: #493a40;
    font-weight: 400
}

.block-text .get-result,
.block-text .get-result .get-result-button,
.block-text .get-result .get-result-button-clear {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block-text .get-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
    margin-left: auto;
    margin-top: 30px;
    max-width: 651px
}

@media (max-width:1023px) {
    .block-text .get-result {
        margin-bottom: 30px
    }
}

.block-text .get-result .get-result-button,
.block-text .get-result .get-result-button-clear {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid #d93085;
    border-radius: 5px;
    color: #d93085;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    line-height: 24px;
    width: 201px
}

.block-text .get-result .get-result-button-clear.get-result-button-clear-hide {
    display: none
}

.block-text .get-result.get-result-active .get-result-button {
    background: #d93085;
    border: 1px solid #d93085;
    color: #fff;
    cursor: pointer
}

.block-text .get-result.get-result-active .get-result-button-info {
    opacity: 0;
    pointer-events: none
}

@media (max-width:1023px) {
    .block-text .get-result.get-result-active .get-result-button-info {
        height: 1px
    }
}

.block-text .get-result .get-result-button {
    background: #ececec;
    border: 1px solid #cfcfcf;
    color: #bababa;
    cursor: not-allowed;
    margin-bottom: 5px;
    width: 221px
}

.block-text .get-result .get-result-button.get-result-button-clear-hide,
.block-text .table label.table-checkbox-wrapper span,
.mfp-align-top .mfp-container:before {
    display: none
}

.block-text .get-result .get-result-button-info {
    color: #d93085;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.block-text .table {
    background: #fff;
    border-radius: 25px;
    margin-top: 47px;
    overflow: hidden
}

@media (max-width:1023px) {
    .block-text .table {
        margin-top: 30px
    }
}

.block-text .table input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.block-text .table input:checked+label.table-checkbox-wrapper {
    background: #d93085 !important;
    border: 1px solid #d93085 !important
}

.block-text .table input:checked+label.table-checkbox-wrapper:before {
    border: 1px solid #fee9ed
}

.block-text .table input:checked+label.table-checkbox-wrapper:after {
    background: #d93085;
    border: 0;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: " ";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px
}

@media (max-width:1023px) {
    .block-text .table input:checked+label.table-checkbox-wrapper:after {
        left: 26px
    }
}

.block-text .table input:checked+label.table-checkbox-wrapper span {
    color: #fff
}

.block-text .table label.table-checkbox-wrapper {
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: relative
}

@media (max-width:1023px) {
    .block-text .table label.table-checkbox-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        min-height: 50px;
        padding-left: 55px;
        width: 100%
    }

    .block-text .table label.table-checkbox-wrapper:not(:last-of-type) {
        margin-bottom: 5px
    }
}

.block-text .table label.table-checkbox-wrapper:hover {
    background: #fff
}

.block-text .table label.table-checkbox-wrapper:before,
.block-text .table label.table-checkbox-wrapper:hover:after {
    border-radius: 50%;
    content: " ";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.block-text .table label.table-checkbox-wrapper:hover:after {
    background: #d93085;
    border: 6px solid #fee9ed;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 8px;
    width: 8px
}

@media (max-width:1023px) {
    .block-text .table label.table-checkbox-wrapper:hover:after {
        left: 26px
    }
}

.block-text .table label.table-checkbox-wrapper:before {
    background: #fff;
    border: 1px solid #807f84;
    height: 30px;
    width: 30px
}

@media (max-width:1023px) {
    .block-text .table label.table-checkbox-wrapper:before {
        left: 26px
    }
}

@media (max-width:1023px) {
    .block-text .table label.table-checkbox-wrapper span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.block-text .table .table-checkbox-wrapper {
    border-radius: 0 0 5px 5px;
    margin-left: 5px;
    width: 158.25px
}

@media (max-width:1401px) {
    .block-text .table .table-checkbox-wrapper {
        width: 102.25px
    }
}

.block-text .table .table-checkbox-text {
    color: #493a40;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: auto;
    padding: 0 2px 8px;
    text-align: center
}

@media (max-width:1401px) {
    .block-text .table .table-checkbox-text {
        font-size: 16px;
        line-height: 18px;
        width: 102.25px
    }
}

.block-text .table .table-title {
    color: #d93085;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    max-width: 386px;
    padding: 22px 0 22px 22px
}

@media (max-width:1023px) {
    .block-text .table .table-title {
        font-size: 22px;
        line-height: 26px;
        padding: 22px 8px
    }
}

.block-text .table .table-title sup {
    display: inline-block;
    font-size: 16px;
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    vertical-align: baseline
}

.block-text .table .table-title sup a {
    text-decoration: none !important
}

.block-text .table .table-text {
    color: #493a40;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    padding-left: 22px
}

@media (max-width:1023px) {
    .block-text .table .table-text {
        margin-bottom: 10px;
        padding-left: 8px;
        width: 100%
    }
}

.block-text .table .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px
}

@media (max-width:1023px) {
    .block-text .table .row:not(.row-header) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 8px 10px 0
    }
}

@media (min-width:1023px) {
    .block-text .table .row:not(.row-header):hover {
        background: #d93085 !important
    }

    .block-text .table .row:not(.row-header):hover .table-text {
        color: #fff
    }
}

.block-text .table .row>:nth-child(3) {
    background: #fee9ed;
    border: 1px solid #f5b1bc
}

.block-text .table .row>:nth-child(5) {
    background: #fad4db;
    border: 1px solid #f5b1bc
}

.block-text .table .row>:nth-child(7) {
    background: #f6c0ca;
    border: 1px solid #efa2af
}

.block-text .table .row>:nth-child(9) {
    background: #f2aebb;
    border: 1px solid #df94a0
}

.block-text .table .row>div:first-child {
    margin-right: auto
}

.block-text .table .row:nth-of-type(2n) {
    background: rgba(244, 247, 255, .63)
}

.block-text .table .row.row-header {
    height: auto
}

.block-text .table .row.row-header>:nth-child(2) {
    background: #fee9ed
}

.block-text .table .row.row-header>:nth-child(3) {
    background: #fad4db
}

.block-text .table .row.row-header>:nth-child(4) {
    background: #f6c0ca
}

.block-text .table .row.row-header>:nth-child(5) {
    background: #f2aebb
}

.block-text .table .row.row-header .table-checkbox-wrapper {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1023px) {
    .block-text .table .row.row-header .table-checkbox-wrapper {
        display: none
    }
}

.block-text .breadcrumbs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 81px;
    padding-top: 23px
}

@media (max-width:1023px) {
    .block-text .breadcrumbs {
        margin-bottom: 29px
    }
}

.block-text .breadcrumbs a,
.block-text .breadcrumbs li,
.block-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:1023px) {

    .block-text .breadcrumbs a,
    .block-text .breadcrumbs li {
        font-size: 14px;
        line-height: 15px
    }
}

.block-text .breadcrumbs a {
    color: #807f84;
    display: inline-block
}

.block-text .breadcrumbs a:after {
    content: "|";
    padding: 0 5px
}

.block-text p {
    color: #493a40;
    font-size: 24px;
    line-height: 30px;
    padding-left: 6px
}

.block-text .breadcrumbs a,
.block-text p a {
    text-decoration-line: underline
}

.block-text p a:hover {
    text-decoration-line: none
}

@media (max-width:1401px) {
    .block-text p {
        font-size: 22px;
        line-height: 27px
    }
}

@media (max-width:1023px) {
    .block-text p {
        font-size: 18px;
        line-height: 22px
    }
}

.block-text h1 {
    margin-bottom: 12px
}

@media (max-width:1023px) {
    .block-text section {
        padding: 0
    }
}

.mfp-bg {
    background: #0b0b0b;
    opacity: .8;
    overflow: hidden;
    z-index: 1042;
    position: fixed
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.mfp-wrap {
    position: fixed;
    -webkit-backface-visibility: hidden;
    outline: 0 !important;
    z-index: 1043
}

.mfp-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    position: absolute;
    text-align: center
}

.mfp-container:before,
.mfp-content {
    display: inline-block;
    vertical-align: middle
}

.mfp-container:before {
    content: "";
    height: 100%
}

.mfp-content {
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-close,
.mfp-preloader {
    position: absolute;
    text-align: center
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -.8em;
    right: 8px;
    top: 50%;
    width: auto;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

button.mfp-arrow,
button.mfp-close {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: 0;
    overflow: visible;
    padding: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    z-index: 1046
}

.mfp-close {
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: .65;
    padding: 0 0 18px 10px;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 44px
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.mfp-arrow {
    -webkit-tap-highlight-color: transparent;
    height: 110px;
    margin: -55px 0 0;
    opacity: .65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    border: inset transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    width: 0
}

.mfp-arrow:before {
    top: 0
}

.mfp-arrow:after {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%
}

.mfp-iframe-scaler iframe {
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mfp-figure:after,
img.mfp-img {
    display: block;
    height: auto;
    width: auto
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%
}

.mfp-title {
    word-wrap: break-word;
    color: #f3f3f3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, .6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper-scrollbar,
.swiper-scrollbar-drag {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    -ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.home-header-h1-subtitle+.home-header-h1-subtitle {
    margin-top: 1.5rem;
}

.btn_where,
.btn_header--where {
    cursor: pointer;
}

.btn_header--where {
    border: none;
}