@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto+Slab:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600&display=swap);

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

body {
    font-family: Montserrat, sans-serif;
    background-color: #fff
}

a {
    text-decoration: none
}

ul {
    padding: 0;
    margin: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    margin: 0!important;
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em
}

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

body {
    color: #4a8aad
}

.container-fluid {
    width: 100%;
    max-width: 100%
}

.container {
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto
}

.padding-horizontal {
    padding-left: 30px;
    padding-right: 30px
}

.padding-vertical {
    padding-top: 16px;
    padding-bottom: 16px
}

@media (min-width: 1024px) {
    
    body{
        overflow-x: hidden;
    }
    
    .padding-vertical {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .fixed_teach{
        display: none;
    }

    .fixed_reg{
        display: none;
    }
}

.is-hidden {
    display: none !important
}

.is-fixed {
    position: fixed
}

.overflow-hidden {
    overflow: hidden
}

.grecaptcha-badge {
    display: none !important
}

::-webkit-scrollbar-button {
    height: 19px
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/scroll/arrow-up-hover.svg);
    background-repeat: no-repeat;
    background-position: center 10px
}

::-webkit-scrollbar-button:vertical:decrement:hover {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/scroll/arrow-up.svg)
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/scroll/arrow-down-hover.svg);
    background-repeat: no-repeat;
    background-position: center 4px
}

::-webkit-scrollbar-button:vertical:increment:hover {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/scroll/arrow-down.svg)
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f9ff
}

::-webkit-scrollbar-thumb {
    background: rgba(205, 225, 255, .81);
    border-left: 2.4px solid #f5f9ff;
    border-right: 2.4px solid #f5f9ff
}

.mg-right-4 {
    margin-right: 4px
}

.mg-bottom-4 {
    margin-bottom: 4px
}

.mg-right-8 {
    margin-right: 8px
}

.mg-bottom-8 {
    margin-bottom: 8px
}

.mg-top-12 {
    margin-top: 12px
}

.mg-bottom-12 {
    margin-bottom: 12px
}

.mg-top-16 {
    margin-top: 16px
}

.mg-bottom-16 {
    margin-bottom: 16px
}

.mg-top-20 {
    margin-top: 20px
}

.mg-right-20 {
    margin-right: 20px
}

.mg-bottom-20 {
    margin-bottom: 20px
}

.mg-top-24 {
    margin-top: 24px
}

.mg-bottom-24 {
    margin-bottom: 24px
}

.mg-top-32 {
    margin-top: 32px
}

.mg-bottom-32 {
    margin-bottom: 32px
}

.mg-top-48 {
    margin-top: 48px
}

.mg-bottom-48 {
    margin-bottom: 48px
}

.is-error input, .is-error textarea {
    border: 1px solid #df3a4d;
    color: #df3a4d
}

.is-passed input, .is-passed textarea {
    border: 1px solid rgba(0, 153, 255, .2)
}

.error-message {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    position: relative;
    z-index: 0
}

.error-message.error-primary {
    background-color: rgba(241, 109, 106, .2);
    color: #df3a4d
}

.error-message.error-extra {
    background: rgba(0, 153, 255, .2)
}

.error-message .error-text {
    line-height: 1.3
}

.error-message .error-arrow {
    overflow: hidden;
    width: 30px;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    margin: 0 auto
}

.error-message .error-arrow:before {
    content: "";
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-13px) rotate(45deg);
    transform: translateY(-13px) rotate(45deg)
}

.with-error-arrow.top .error-arrow {
    top: -34px;
    height: 34px
}

.with-error-arrow.top .error-arrow:before {
    top: 38px
}

.with-error-arrow.bottom .error-arrow {
    top: unset;
    bottom: -22px;
    height: 22px
}

.with-error-arrow.bottom .error-arrow:before {
    top: 0
}

.with-error-arrow .error-message {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    margin-top: 16px;
    position: absolute;
    top: -80px;
    width: 222px;
    max-width: 100%;
    z-index: 12
}

.with-error-arrow .error-primary {
    background-color: #df3a4d;
    color: #fff
}

.with-error-arrow .error-primary .error-arrow:before {
    background-color: #df3a4d
}

.with-error-arrow .error-extra {
    background-color: #21a636;
    color: #fff
}

.with-error-arrow .error-extra .error-arrow:before {
    background-color: #21a636
}

.preloader {
    position: relative;
    color: transparent !important
}

.preloader:after {
    content: "";
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/preloader.svg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: inherit
}

.preloader.blue:after {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/preloader-blue.svg)
}

.my-bonuses {
    padding-top: 20px;
    padding-bottom: 0
}

.my-bonuses__heading {
    display: block;
    position: relative;
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 50px;
    letter-spacing: .03em;
    color: #276f97;
    margin-bottom: 20px;
    margin-top: 0
}

.menu-special {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100vh;
    margin-top: -210px
}

.special__menu {
    display: none;
    z-index: 105;
    background-color: rgba(9, 17, 30, .5);
    left: 0
}

.menu__nav, .special__menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.menu__nav {
    width: 100vw;
    background-color: #fff;
    padding: 0;
    display: block;
    -webkit-transition: right .4s ease-in-out;
    transition: right .4s ease-in-out
}

.menu__nav_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 20px;
    border-bottom: 1px solid #276f97
}

.menu__nav_header_title {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .01em
}

.menu__nav_content {
    padding: 24px 22px;
    height: calc(100vh - 169px);
    overflow-y: auto;
    overflow-x: hidden
}

.menu__nav .header_search {
    margin: 0
}

.menu__iamge {
    margin-bottom: 50px
}

.menu__header_search {
    position: relative;
    margin-bottom: 12px
}

.menu__header_search input {
    border: none;
    background: #f1f5fc;
    border-radius: 6px;
    width: 100%;
    color: #4a8aad;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 13px 22px;
    font-family: Montserrat, sans-serif
}

.menu__header_catalog {
    text-align: left;
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #4a8aad;
    margin-bottom: 28px;
    display: block
}

.menu__header_free {
    background: linear-gradient(175.34deg, #ff6c6c -50.08%, #ce0909 191.29%);
    color: #fff;
    border-radius: 6px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    padding: 15px;
    text-align: center;
    display: block;
    margin-top: 20px
}

.menu__header_free:hover {
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

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

.menu__svg {
    width: 50px;
    height: 50px
}

.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    /*min-height: 100vh;*/
    -webkit-transition: top .3s;
    transition: top .3s
}

.menu, .menu__content, .menu__header, .menu__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu__content, .menu__header, .menu__social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__content {
    margin-bottom: 40px
}

.personal-area {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.menu__header, .personal-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__header {
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: Roboto Slab, serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.menu__link {
    display: inline-block
}

.menu__link .menu__link-img {
    max-width: 105px
}

.menu__social-link {
    margin-right: 12px;
}

.menu__social-link:last-child {
    margin-right: 0
}

.menu__social {
    margin-right: 40px;
    margin-left: auto
}

.menu__same-line {
    display: inline-block;
    margin-top: 2px;
    margin-right: 15px;
    margin-bottom: -2px
}

.personal-area {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: var(--heading-color)
}

.menu__list {
    width: 745px;
    margin-right: auto
}

.menu__img {
    max-width: 370px;
    max-height: 530px;
    -o-object-fit: cover;
    object-fit: cover
}

.menu__item {
    margin-bottom: 28px
}

.menu__item:last-child {
    margin-bottom: 0
}

.menu__content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: none;
    background-color: #fff;
    color: var(--heading-color)
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    color: var(--heading-color)
}

.ui-icon, .ui-widget-content .ui-icon {
    display: none
}

.ui-widget-content {
    border: none
}

.menu__heading {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .03em;
    padding-bottom: 1.5vh;
    cursor: pointer;
    display: block
}

.accordion__list {
    padding: 1vh 40px 2vh
}

.accordion__item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #363636
}

.accordion__item a {
    color: #4a8aad
}

.accordion__item:last-child {
    margin-bottom: 0
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 5vh
}

.menu__footer__link {
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color)
}

.menu__footer__link:nth-child(2) {
    text-decoration: underline;
    margin: 0 auto
}

@media (max-width: 1400px) {
    .menu__list {
        max-width: 615px
    }

    .menu__item {
        margin-bottom: 20px
    }

    .menu__heading {
        font-size: 20px;
        line-height: 32px
    }

    .menu__img {
        width: 250px;
        height: 320px
    }

    .menu__content-item {
        max-height: 478px
    }

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

:root {
    --heading-color: #276f97;
    --text-color: #363636;
    --heading-color-light: #4a8aad
}

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

audio {
    display: none
}

ol, ul {
    padding: 0
}

a {
    color: inherit
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    overflow-x: hidden;
    margin-top: 154px
}

ol[class], ul[class] {
    list-style: none
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

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

article > * + * {
    margin-top: 1em
}

button, input, select, textarea {
    font: inherit
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: .01ms;
        animation-duration: .01ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-transition-duration: .01ms;
        transition-duration: .01ms;
        scroll-behavior: auto
    }
}

.padd_top_15 {
    padding-top: 15px
}

.padd_top_5 {
    padding-top: 5px
}

.underline {
    border-bottom: 1px solid #4a4a4a;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    outline: none;
    background: -webkit-gradient(linear, left top, right top, from(#5da6cf), color-stop(0, #5da6cf), color-stop(0, #e8e8e8), to(#e8e8e8));
    background: linear-gradient(90deg, #5da6cf 0, #5da6cf 0, #e8e8e8 0, #e8e8e8)
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    width: 100%;
    height: 2px;
    outline: none;
    background: -moz-linear-gradient(to right, #5da6cf 0, #5da6cf 0, #e8e8e8 0, #e8e8e8 100%)
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #5da6cf;
    border-radius: 50%
}

input[type=range]::-moz-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #5da6cf;
    border-radius: 50%
}

input:focus {
    outline: 0;
    outline-offset: 0
}

button {
    border: none
}

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

progress {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background-size: auto;
    height: 2px;
    width: 100%;
    background: #ebebeb;
    color: #7ec3e9
}

progress::-webkit-progress-bar {
    background: #ebebeb
}

progress::-moz-progress-bar {
    background: #7ec3e9
}

progress::-webkit-progress-value {
    background: #7ec3e9
}

.link {
    position: relative;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link.copy, .link.copy input {
    cursor: pointer
}

.link.copy:after {
    position: absolute;
    display: block;
    right: 16px;
    content: "";
    height: 20px;
    width: 16px;
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/copy.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.link.copy.is-copied:after {
    height: 12px;
    width: 18px;
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/check-gray.svg)
}

.link.copy.is-no-img:after, .mobile {
    display: none
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.menu__logo, .menu_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    margin-right: 38.5%;
    z-index: 10
}

.menu__logo:after, .menu_img:after {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.menu__logo.menu__logo:after, .menu_img.menu__logo:after {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/close.svg);
    height: 16px;
    width: 16px
}

.menu__logo.menu_img:after, .menu_img.menu_img:after {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/point.svg);
    height: 10px;
    width: 10px
}

.menu__logo.menu_img:before, .menu_img.menu_img:before {
    content: "";
    display: block;
    position: absolute;
    height: 100vmax;
    width: 100vmax;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10
}

.menu__logo.menu_img.active:before, .menu_img.menu_img.active:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.menu__logo img, .menu_img img {
    pointer-events: none
}

.menu__logo:hover img, .menu_img:hover img {
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite
}

@media (max-width: 1201px) {
    
    body{
        overflow-x: hidden;
    }
    
    .menu__logo.menu__logo:after, .menu_img.menu__logo:after {
        height: 5%;
        width: 5%;
        margin-top: 12%;
    }

    .menu__logo.menu_img:after, .menu_img.menu_img:after {
        height: 6px;
        width: 6px
    }
}

header {
    border-bottom: 1px solid #276f97;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: Roboto Slab, serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: top .3s;
    transition: top .3s
}

header, header.is-fixed {
    position: fixed
}

header.is-scroll {
    top: -154px
}

.header-middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-middle, .header_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
}

a.header_catalog {
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-bottom: 2px solid transparent
}

a.header_catalog:hover {
    border-bottom: 2px solid #4a8aad
}

.header-menu-list {
    display: grid;
    grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns:max-content max-content max-content;
    grid-template-rows:1fr 1fr;
    gap: 32px 30px;
    grid-template-areas:". . ." ". . .";
    align-items: center;
}

@media (max-width: 1024px) {
    .header-menu-list {
        display: none
    }
}

.header_search {
    margin: 15px 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.header_search .header_search-list {
    position: absolute;
    background-color: #fff;
    top: 40px;
    width: 100%;
    border: 1px solid #f1f5fc;
    max-height: 180px;
    overflow: auto;
    border-radius: 0 0 6px 6px
}

.header_search .header_search-list a {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #676767;
    height: 32px;
    padding: 8px 22px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    cursor: pointer
}

.header_search .header_search-list a:hover {
    color: #006aa5;
    background: rgba(205, 225, 255, .8)
}

.header_search .header_search-icon {
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/lens.svg);
    position: absolute;
    right: 22px;
    cursor: pointer;
    height: 18px;
    width: 18px
}

.header_search input {
    border: 1px solid #288fc8;
    background: #fff;
    border-radius: 6px;
    width: 100%;
    color: #4a8aad;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    padding: 15px;
    font-family: Montserrat, sans-serif
}

.header_search input::-webkit-input-placeholder {
    color: #4a8aad;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: Montserrat, sans-serif
}

.header_search input::-moz-placeholder {
    color: #4a8aad;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: Montserrat, sans-serif
}

.header_search input:-ms-input-placeholder {
    color: #4a8aad;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: Montserrat, sans-serif
}

.header_search input::-ms-input-placeholder {
    color: #4a8aad;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: Montserrat, sans-serif
}

.header_search input::placeholder {
    color: #4a8aad;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: Montserrat, sans-serif
}

.header_free {
    background: #288fc8;
    border: 1px solid #288fc8;
    color: #fff;
    border-radius: 6px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    padding: 15px;
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: 100%;
    text-align: center
}

.header_free:hover {
    background: linear-gradient(206.47deg, #7bc1e8 3.72%, #276f97 142.35%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.header-user {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 192px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-user, .header_enter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_enter {
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    height: 50px
}

.header_enter_menu {
    position: absolute;
    right: 0;
    top: 7px;
    max-height: 100%;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
    cursor: default;
    z-index: 9
}

.header_enter_menu:hover {
    background: #fff;
    -webkit-box-shadow: 0 2px 16px hsla(0, 0%, 63.9%, .1);
    box-shadow: 0 2px 16px hsla(0, 0%, 63.9%, .1);
    border-radius: 4px;
    padding: 25px 50px 30px 30px;
    right: -86px;
    top: -18px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: none;
    -webkit-transition: max-height .5s ease-in;
    transition: max-height .5s ease-in
}

.header_enter_menu:hover .header-nik {
    max-width: none
}

.learn .header_enter_menu {
    right: 50px
}

.learn .header_enter_menu:hover {
    right: 0
}

.learn .header_enter_menu .header-profile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.enter_menu_ul {
    padding-top: 26px
}

.enter_menu_li {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #828282;
    cursor: pointer;
    display: block;
    margin-bottom: 16px
}

.enter_menu_li:hover {
    color: #006aa5
}

.enter_menu_li:last-child {
    margin-bottom: 0
}

.enter_menu_header {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.enter_menu_header, .header-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-profile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.header-profile .header-nik {
    margin-left: 15px;
    font-size: 24px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px
}

@media (max-width: 1440px) {
    .header-profile .header-nik {
        font-size: 19.5px;
        line-height: 26px
    }
}

@media (max-width: 1024px) {
    .header-profile .header-nik {
        font-size: 13.8667px;
        line-height: 18px
    }
}

.header-profile .header-ava {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1.85065px solid #276f97;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-profile-auth, .header-profile .header-ava {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-profile-auth {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 5px;
    width: 100%
}

.header-profile-auth img {
    margin-right: 15px
}

.header_basket {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    border-radius: 6px;
    padding: 0;
    margin-top: 12px;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 56px;
    white-space: nowrap
}

@media (max-width: 1440px) {
    .header_basket {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 1024px) {
    .header_basket {
        font-size: 14px;
        line-height: 18px
    }
}

.header_basket img {
    margin-right: 21px;
    width: 30px;
    height: 30px
}

.header_basket .js-cart-not-cleared {
    font-size: 20px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .header_basket .js-cart-not-cleared {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width: 1024px) {
    .header_basket .js-cart-not-cleared {
        font-size: 14px;
        line-height: 18px
    }
}

.header_basket span {
    font-weight: 600
}

.header__menu_icon {
    display: none
}

.bottom-menu {
    display: none;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 80px;
    width: 100vw;
    background-color: #eee;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 110
}

.bottom-menu, .bottom-menu a.item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-menu a.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 0px;
    color: #4a8aad
}

footer {
    border-top: 1px solid #276f97;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer_block, footer {
    padding-bottom: 25px;
    padding-top: 25px
}

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

.footer_block a.hide {
    color: #4a8aad
}

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

.footer_social img {
    margin-right: 12px
}

.footer_developer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    width: 206px
}

.footer_developer img {
    margin-left: 15px;
    width: 96px
}

.footer_menu {
    width: 100%;
    font-family: Roboto Slab, serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.footer_menu div {
    cursor: pointer
}

.footer_contacts {
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #363636
}

.footer_contacts img {
    max-width: 80px
}

.footer_contacts_btn {
    background: #27749e;
    border-radius: 6px;
    padding: 21px 53px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    cursor: pointer
}

.footer_contacts_btn:hover {
    background: linear-gradient(206.47deg, #7bc1e8 3.72%, #276f97 142.35%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.inherit {
    margin-right: 16px
}

.footer_bureaucracy {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #363636;
    width: 100%
}

.footer_bureaucracy_confidentiality {
    line-height: 13px;
    border-bottom: 1px solid #4a4a4a;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.footer__developer, .footer__special-line {
    display: none
}

.footer__hide {
    width: 100%;
    display: none
}

.footer__hide, .footer_menu__social {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.footer__img {
    width: 50px;
    height: 50px
}

.footer_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer__btn, .footer_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 155px;
    background: #27749e;
    border-radius: 6px;
    padding: 15px 21px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer
}

.footer__btn:hover {
    background: linear-gradient(206.47deg, #7bc1e8 3.72%, #276f97 142.35%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.go-top {
    position: fixed;
    display: block;
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/go-top.svg);
    height: 64px;
    width: 64px;
    bottom: calc(80px + 5%);
    margin-right: -100px;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    z-index: 100
}

@media (max-width: 1440px) {
    .go-top {
        right: 15px;
        margin-right: 0
    }
}

.popup-wrapper {
    overflow-y: auto;
    padding: 50px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    z-index: 1000;
    /*background-color: rgba(15, 15, 15, .8);*/
    background: #C7EBFF;
}

.popup-wrapper.overflow {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.popup-wrapper.overflow::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media (max-width: 991px) {
    .popup-wrapper {
        padding: 0
    }
}

.popup-wrapper.popup-fullscreen {
    padding: 0;
    z-index: 1001
}

.popup-wrapper .popup-inner {
    border-radius: 8px;
    max-width: 100%;
    min-width: 320px;
    margin: auto;
    padding-right: 0 !important;
}

@media (max-width: 991px) {
    .popup-wrapper .popup-inner.popup-fullscreen {
        border-radius: 0;
        min-height: 100%;
        width: 100%
    }
}

.popup-wrapper .popup-inner.popup-video {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    max-width: 1200px;
    position: relative
}

.popup-wrapper .popup-inner.popup-video iframe {
    max-height: 660px
}

.popup-wrapper .popup-inner.popup-video .popup-close {
    z-index: 100;
    position: absolute;
    top: 12px;
    right: 0;
    background-color: #fff;
    height: 31px;
    width: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.popup-wrapper .popup-inner.popup-video .popup-close svg {
    pointer-events: none
}

.popup-wrapper .popup-inner.popup-media {
    height: 100%;
    padding: 20px;
    max-width: 1200px;
    position: relative
}

.popup-wrapper .popup-inner.popup-media .media {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-wrapper .popup-inner.popup-media .media img, .popup-wrapper .popup-inner.popup-media .media video {
    max-height: 660px;
    height: auto;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup-wrapper .popup-inner.popup-media .popup-close {
    z-index: 100;
    position: absolute;
    top: 12px;
    right: 0;
    background-color: #fff;
    height: 31px;
    width: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.popup-wrapper .popup-inner.popup-media .popup-close svg {
    pointer-events: none
}

.popup-wrapper .popup-content {
    padding: 20px
}

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@keyframes fadeOut {
    to {
        opacity: 1
    }
    0% {
        opacity: 0
    }
}

.popup-menu {
    width: 100%;
    background-color: #fff
}

.popup-menu .popup-content {
    padding: 0;
    width: 100%
}

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f5f9ff;
    z-index: 100
}

.cookie__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 65px
}

.cookie__agreement {
    display: inline-block;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    color: var(--text-color)
}

.cookie__same-line {
    text-decoration: underline
}

.cookie__link {
    color: var(--heading-color)
}

.cookie__button {
    padding: 15px 33px;
    border: none;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #276f97 191.29%);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .02em;
    margin-left: 16px;
    cursor: pointer
}

.cookie__button:hover {
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #619fc1 191.29%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.popup-text {
    width: 100%;
    background-color: #fff
}

.popup-text .p-text {
    padding: 38px 38px 44px;
    width: 505px;
    -webkit-box-shadow: 0 10px 36px hsla(0, 0%, 58.8%, .2);
    box-shadow: 0 10px 36px hsla(0, 0%, 58.8%, .2);
    border-radius: 6px;
    border: .7px solid #8e8e8e
}

.popup-text .popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    min-height: 100vh
}

.popup-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #828282
}

.popup-text h2 {
    font-size: 38px;
    line-height: 1.1;
    text-align: center;
    color: #525252;
    margin-bottom: 14px
}

.popup-text .button {
    cursor: pointer;
    border: none;
    border-radius: 6px;
    padding: 10px 15px;
    color: #fff;
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #276f97 191.29%);
    margin-top: 30px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .04em;
    text-transform: uppercase;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-text .button:hover {
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #619fc1 191.29%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.popup-inner.popup-connect {
    width: 614px;
    background: #fafcff;
    position: relative;
    -webkit-box-shadow: 0 11.175px 33.525px hsla(0, 0%, 63.9%, .1);
    box-shadow: 0 11.175px 33.525px hsla(0, 0%, 63.9%, .1);
    border-radius: 10px
}

.popup-inner.popup-connect .popup-close {
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 24px;
    top: 20px;
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/close-light.svg)
}

.popup-inner.popup-connect .popup-content {
    padding: 60px 150px 60px 60px
}

.popup-inner.popup-connect h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.1;
    color: #525252;
    margin-bottom: 30px
}

.popup-inner.popup-connect .button {
    cursor: pointer;
    border: none;
    border-radius: 6px;
    padding: 10px 15px;
    color: #fff;
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #276f97 191.29%);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .04em;
    text-transform: uppercase;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-inner.popup-connect .button:hover {
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #619fc1 191.29%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.popup-inner.popup-connect form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-inner.popup-connect form textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 110px
}

.popup-inner.popup-connect form input, .popup-inner.popup-connect form textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #8e8e8e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 17px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.popup-inner.popup-connect form label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.popup-inner.popup-connect .connect-true {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 90px 100px 80px
}

.popup-inner.popup-connect .connect-true img {
    margin-bottom: 50px
}

.popup-inner.popup-connect .connect-true .button {
    width: 100%
}

.popup-inner.popup-subscriptions .popup-content {
    padding: 60px
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container {
    position: relative;
    margin-bottom: 16px
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container:last-child {
    margin-bottom: none
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container .popup-checkbox {
    display: none
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container .popup-checkbox:checked + label:before {
    opacity: 1
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container .popup-checkbox-label {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #676767;
    padding-left: 30px;
    margin-bottom: 0;
    cursor: pointer
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container .popup-checkbox-label:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    border: 1px solid #5da6cf;
    border-radius: 2px
}

.popup-inner.popup-subscriptions .popup-content .popup-input-container .popup-checkbox-label:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/agree.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    background-color: #5da6cf;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-btns .remove-all, .popup-inner.popup-subscriptions .popup-content .subscriptions-btns input.subscriptions-submit {
    border: 1px solid #7ec3e9;
    border-radius: 4px;
    background-color: #fff;
    padding: 16px 19px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #4a4a4a;
    margin: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 150px;
    cursor: pointer
}

@media (max-width: 1024px) {
    .popup-inner.popup-subscriptions .popup-content .subscriptions-btns .remove-all, .popup-inner.popup-subscriptions .popup-content .subscriptions-btns input.subscriptions-submit {
        min-width: 130px;
        padding: 10px;
        font-size: 12px;
        line-height: 14px
    }
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-btns input.subscriptions-submit {
    background-color: #7ec3e9;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    transition: .4s
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-btns input.subscriptions-submit.active {
    opacity: 1;
    pointer-events: all
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-btns input.subscriptions-submit:disabled {
    background-color: #a3a3a3
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-message {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    padding: 10px;
    margin-top: 15px;
    color: #4a8aad;
    background-color: #f1f5fc;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .4s;
    transition: .4s
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-message.error {
    background-color: #fce2e1;
    color: #d2320f
}

.popup-inner.popup-subscriptions .popup-content .subscriptions-message.active {
    opacity: 1;
    pointer-events: all;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sign-in__form {
    padding: 38px 38px 44px;
    width: 448px;
    -webkit-box-shadow: 0 10px 36px hsla(0, 0%, 63.9%, .1);
    box-shadow: 0 10px 36px hsla(0, 0%, 63.9%, .1);
    border-radius: 6px;
    margin-bottom: 133px
}

.sign-in__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sign-in__heading {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    color: #525252;
    margin-bottom: 80px;
    margin-top: 80px
}

.sign-in__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 35px
}

.sign-in__btn, .sign-in__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sign-in__btn {
    max-width: 372px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 19px 25px;
    border: none;
    border-radius: 2px;
    background-color: #f5f9ff;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #696969;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    margin-bottom: 12px
}

.sign-in__btn:last-child {
    margin-bottom: 0
}

.sign-in__btn:hover {
    opacity: .7
}

.sign-in__same-line {
    padding-right: 17px
}

.sign-in__or {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 38px
}

.or {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #c4c4c4
}

.stick {
    width: 150px;
    border-top: 1px solid #e8e8e8
}

.sign-in__heading-low {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #525252;
    margin-bottom: 16px
}

.sign-in__label {
    margin-bottom: 24px;
    display: block;
    position: relative;
}

.sign-in__input {
    display: block;
    padding: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #c4c4c4
}

.sign-in__input, .sign-in__submit {
    width: 100%;
    font-family: Montserrat;
    font-style: normal
}

.sign-in__submit {
    border: none;
    border-radius: 6px;
    padding: 26px 110px;
    color: #fff;
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #276f97 191.29%);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: 0px;
}

.sign-in__submit:hover {
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #619fc1 191.29%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.sign-in__text {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-bottom: 10px
}

.sign-in__content, .sign-in__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    /*font-size: 16px;*/
    line-height: 20px;
    /*color: #c4c4c4;*/
    margin-bottom: 6px;
    color: #276F97;
    font-size: 20px;
}

.sign-in__content{
    display: none;
}

.same-line {
    padding-left: 0px
}

.sign-in__link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #69afd6
}

.password__form {
    width: 448px;
    height: 430px;
    padding: 50px 38px 60px;
    -webkit-box-shadow: 0 11.175px 33.525px hsla(0, 0%, 63.9%, .1);
    box-shadow: 0 11.175px 33.525px hsla(0, 0%, 63.9%, .1);
    border-radius: 6px
}

.password__heading {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    color: #525252;
    margin-bottom: 32px
}

.password__text {
    max-width: 324px;
    font-size: 18px;
    line-height: 26px;
    color: #828282
}

.password__input, .password__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 24px
}

.password__input {
    display: block;
    width: 100%;
    padding: 24px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #c4c4c4
}

.password__submit {
    border: none;
    border-radius: 6px;
    padding: 26px 110px;
    color: #fff;
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #276f97 191.29%);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .04em;
    text-transform: uppercase
}

.password__submit:hover {
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #619fc1 191.29%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.registration__form {
    max-width: 448px;
    padding: 38px 38px 44px;
    -webkit-box-shadow: 0 0 0 hsl(0deg 0% 64% / 10%);
    box-shadow: 0 0 0 hsl(0deg 0% 64% / 10%);
    border-radius: 6px
}

.registration__form label {
    display: block;
    margin-bottom: 24px
}

.registration__form label:last-child {
    margin-bottom: 40px
}

.registration__input {
    width: 100%;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    padding: 12px 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #525252
}

.registration__input:focus-visible {
    outline: none
}

.registration__btn {
    width: 100%;
    height: 74px;
    padding: 26px 110px;
    color: #fff;
    background: #276F97;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px!important;
    line-height: 20px;
    letter-spacing: .04em;
    border: none;
    border-radius: 6px
}

.registration__btn:hover {
    background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #619fc1 191.29%);
    -webkit-box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1), inset 0 -4px 4px rgba(91, 91, 91, .1)
}

.js-validate-error-label {
    color: var(--heading-color-light)
}

.fullscreen-block {
    display: none
}

.article__content.desktop, .popup-video-desktop {
    display: block
}

.popup-video-mobile {
    display: none
}

@media (max-width: 1201px) {
    body {
        margin-top: 97px
    }

    p {
        word-break: break-word
    }

    .menu__header {
        /*padding-top: 24px;*/
        /*padding-bottom: 2vh;*/
        padding: 0!important;
    }

    .menu-link-one {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0 0 0 10px
    }

    .header-middle, .header_content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-direction: row-reverse;
    }

    .menu__same-line {
        margin: 0
    }

    .menu__logo {
        margin-right: auto
    }

    .hide {
        display: block !important
    }

    .hide__content {
        display: none
    }

    .menu__list {
        max-width: 300px
    }

    .menu__social {
        margin-right: 12px
    }

    .menu__content-item {
        display: none
    }

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

    .menu__list {
        margin-right: 0
    }

    .menu__heading {
        font-size: 22px;
        line-height: 29px;
        letter-spacing: .01em;
        max-width: 253px
    }

    .accordion__item {
        font-size: 14px;
        line-height: 17px;
        max-width: 300px
    }

    .footer__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .menu__footer__link:nth-child(2) {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .menu__footer__link {
        margin-bottom: 20px
    }

    .footer_developer {
        display: none
    }

    .menu__link-img {
        width: 48px;
        height: 48px;
        min-width: 48px;
        display: none
    }

    .menu__link-img.close {
        width: 40px;
        height: 40px;
        min-width: 40px;
        margin-left: 4px
    }

    .menu__link-img:nth-child(2) {
        width: 45px;
        height: 37px
    }

    .menu__social-link {
        width: 10px;
        height: 10px
    }

    .footer_menu__social .menu__social-link, .menu__nav__social .menu__social-link {
        width: 20px;
        height: 20px
    }

    .header-nik, .header-user {
        display: none
    }

    .learn .header-nik, .learn .header-user {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .learn .header_enter_menu, .learn .header_enter_menu:hover {
        right: 20px;
        top: 3px
    }

    .header_enter_menu:hover {
        background: transparent;
        max-height: 70px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        right: 0;
        top: 0
    }

    .header_enter_ava {
        width: 25px;
        height: 25px
    }

    .menu__same-line {
        width: 20px;
        height: 20px
    }

    .header_basket {
        padding: 0;
        margin: 0;
        background-color: #fff
    }

    .header__menu_icon {
        display: block;
        height: 24px
    }

    .header-middle .header_search {
        margin: 0
    }

    .ava {
        width: 100% !important;
        height: 100% !important
    }

    .header_enter img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .header_basket img {
        margin-right: 20px
    }

    .header_crutch {
        width: 40px;
        height: 40px;
        margin-right: auto
    }

    .header-middle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        width: 60%
    }

    .header_catalog, .header_free, .menu_img {
        display: none
    }

    .header_search input {
        background-color: #fff;
        border: .5px solid #276f97;
        border-radius: 4px;
        padding: 9px 18px
    }

    .header_search .header_search-icon {
        background-image: url(/wp-content/themes/ys-wp-theme/dist/images/icons/lens-white.svg);
        background-size: 13px 13px;
        background-position: 50%;
        background-repeat: no-repeat;
        right: 0;
        height: 100%;
        width: 38px;
        background-color: #027cc0;
        border-radius: 0 4px 4px 0
    }

    .header_search .header_search-list a {
        white-space: normal;
        min-height: 32px;
        height: auto
    }

    .header_search{
        width: 88%;
    }

    .header-middle{
        width: 54%;
    }

    /*.header-profile-auth{*/
    /*    overflow: hidden;*/
    /*}*/

    .menu__nav .menu__btn {
        width: 32px;
        height: 24px
    }

    .menu__btn {
        position: relative;
        z-index: 1;
        height: 30px;
        background-color: #fff
    }

    .menu__nav {
        z-index: 16
    }

    header {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .preview_list {
        padding-bottom: 20px
    }

    .preview_video, .try_free {
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        height: 52px;
        width: 200px
    }

    .preview_video img, .try_free img {
        height: 21px
    }

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

    .faq__heading {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .01em;
        margin-bottom: 50px
    }

    .faq {
        padding-bottom: 80px;
        padding-top: 70px
    }

    .faq__accordion__item {
        width: 100%;
        max-height: 55px
    }

    .accordion__heading {
        font-size: 14px;
        line-height: 22px;
        padding: 15px 14px 15px 16px;
        min-height: 74px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        text-align: left
    }

    .accordion__text {
        font-size: 12px;
        line-height: 20px;
        padding: 0 20px 20px
    }

    .accordion__text p {
        margin-top: 0
    }

    .faq__accordion__item.faq__accordion__item-active {
        max-height: 1500px
    }

    .faq__plus {
        margin-left: 20px;
        min-width: 25px;
        min-height: 25px;
        width: 25px;
        height: 25px
    }

    .accordion__heading-active .faq__plus {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .footer_contacts_btn, .footer_menu {
        display: none
    }

    .footer_contacts {
        padding-top: 0
    }

    .footer__hide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px
    }

    .image {
        width: 45px;
        height: 40px
    }

    .footer_bureaucracy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .copyrights {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        margin-bottom: 20px
    }

    .footer_bureaucracy_confidentiality {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
        text-decoration: underline;
        border: none
    }

    .dev_img {
        width: 80px
    }

    .charity__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 70px 0 80px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .charity__img {
        margin-left: 0;
        width: 100%;
        margin-top: 30px
    }

    .heading {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .01em
    }

    .charity__text {
        font-size: 20px;
        line-height: 29px
    }

    .article__content.desktop {
        display: none
    }

    .article__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }

    .article__block {
        padding-bottom: 15px;
        margin-bottom: 15px;
        margin-top: 0;
        border-bottom: 1px solid #bababa
    }

    .article__block:last-child, body.single .article__block {
        border-bottom: none;
        margin-bottom: 0
    }

    body.single .article__heading {
        font-size: 20px;
        line-height: 26px
    }

    body.single .article__block, body.single .article__text-content {
        padding-bottom: 0
    }

    body.single .article__text-content * {
        font-size: 18px;
        line-height: 21px
    }

    body.single .article__text-content h1, body.single .article__text-content h2, body.single .article__text-content h3, body.single .article__text-content h4, body.single .article__text-content h5, body.single .article__text-content h6 {
        font-size: 20px;
        line-height: 26px
    }

    .article__img {
        width: 100%;
        height: auto;
        max-height: none;
        margin-bottom: 15px;
        margin-top: 6px
    }

    .article__heading.desktop {
        display: none
    }

    .article__heading {
        margin-top: 15px;
        margin-bottom: 6px;
        text-align: center
    }

    .article__heading_light {
        font-size: 20px;
        line-height: 26px;
        margin-top: 0;
        margin-bottom: 12px
    }

    .article__text {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 6px
    }

    .article__heading_low {
        font-family: Roboto Slab;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        text-align: left;
        color: #276f97;
        margin: 15px 0
    }

    .article__content {
        margin: 0
    }

    .swiper {
        padding: 0;
        width: 276px
    }

    .swiper, .swiper-wrapper {
        height: 160px
    }

    .swiper-button-prev {
        left: 0;
        top: 45%
    }

    .swiper-button-next {
        right: 0;
        top: 45%
    }

    .swiper-button-next, .swiper-button-prev {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .read__more {
        display: block;
        margin-top: 10px
    }

    .article__accordion {
        height: 220px;
        overflow: hidden
    }

    .article__text-content {
        padding-bottom: 15px;
        border-bottom: none;
        margin-bottom: 0
    }

    .article__text-content img {
        width: 100%;
        height: auto
    }

    .catalog_store_products {
        width: 100%
    }

    .catalog_store_filter {
        max-width: 270px;
        height: 100%;
        padding-top: 45px;
        position: fixed;
        top: 0;
        left: -275px;
        bottom: 0;
        -webkit-transform: scaleX(101%);
        transform: scaleX(101%);
        margin: 0;
        z-index: 115
    }

    .catalog_store_filter__content {
        overflow-x: hidden;
        overflow-y: auto;
        margin-bottom: 25px;
        width: 100%
    }

    .catalog_title {
        text-align: center;
        padding-bottom: 20px
    }

    .special__line {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .store_products_reset {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px
    }

    .catalog_store, .store_products_reset {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .menu__filter_search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 12px
    }

    .menu__special-btn {
        border: 1px solid #7ec3e9;
        color: #7ec3e9;
        width: 100%;
        border-radius: 4px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 14px
    }

    .menu__close, .menu__special-btn {
        display: block;
        background-color: #fff
    }

    .menu__close {
        margin-left: 32px
    }

    .catalog {
        padding-top: 15px
    }

    .article {
        padding-top: 1px
    }

    .cookie {
        bottom: 80px
    }

    .cookie__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 0
    }

    .cookie__agreement {
        font-size: 12px;
        line-height: 16px
    }

    .cookie__button {
        padding: 10px 20px
    }

    .subscription__form {
        max-width: 300px;
        padding: 50px 50px 60px 30px
    }

    .subscription__heading {
        font-size: 22px;
        line-height: 27px
    }

    .subscription__label {
        font-size: 16px;
        line-height: 20px
    }

    .checkbox-block {
        margin-bottom: 10px
    }

    .checkbox-block:last-child {
        margin-bottom: 0
    }

    .form__btn {
        margin-top: 30px
    }

    .form__btn, .subscription__btn {
        font-size: 14px;
        line-height: 17px;
        padding: 15px
    }

    .subscription__content {
        padding-bottom: 60px
    }

    .subscription__label:after {
        top: -1px
    }

    .registration__form {
        /*max-width: 300px;*/
        max-width: 100%;
        padding: 34px 10px 44px
    }

    .registration__input {
        padding: 15px 22px;
        font-size: 14px;
        line-height: 17px
    }

    .registration__btn {
        padding: 17px 33px;
        font-size: 12px;
        line-height: 15px
    }

    .js-validate-error-label {
        font-size: 14px;
        line-height: 17px
    }

    .password__form {
        width: 300px;
        padding: 0 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .password__heading {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 22px
    }

    .password__text {
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 18px
    }

    .password__input {
        padding: 10px 22px;
        margin-bottom: 14px
    }

    .password__submit {
        padding: 18px 63px;
        font-size: 12px;
        line-height: 15px
    }

    .password__form .js-validate-error-label {
        margin-top: -10px;
        margin-bottom: 10px
    }

    .menu-special {
        margin-top: -89px
    }

    .sign-in__heading {
        font-size: 24px;
        line-height: 29px;
        margin-top: 11px;
        margin-bottom: 10px
    }

    .sign-in__form {
        /*width: 280px;*/
        width: 100%;
        padding: 20px;
        margin-bottom: 0px
    }

    .sign-in__or, .sign-in__wrapper {
        margin: 0 auto 15px!important;
    }

    .stick {
        width: 80px
    }

    .sign-in__btn {
        text-align: center;
        font-size: 14px;
        line-height: 17px;
        border: 1px solid #276F97;
    }

    .sign-in__heading-low {
        /*font-size: 14px;*/
        line-height: 17px;
        /*max-width: 178px;*/

        font-size: 16px;
        line-height: 17px;
        max-width: 100%;
    }

    .sign-in__input {
        padding: 9px 22px;
        font-size: 14px;
        line-height: 16px;
        height: 50px
    }

    .sign-in__input-last {
        padding-top: 0
    }

    .sign-in__submit {
        margin-top: 0;
        /*padding: 18px 88px;*/
        /*font-size: 12px;*/
        line-height: 15px;
        margin-top: 0;
        padding: 18px 18px;
        font-size: 18px;
        /*line-height: 15px;*/
        margin-bottom: 20px;
        background: #276F97;
        height: 74px;
    }

    .sign-in__text {
        margin-bottom: 6px
    }

    .sign-in__form .same-line {
        padding-left: 0
    }

    .swiper-button-next, .swiper-button-prev {
        z-index: 8
    }

    .product_list {
        padding: 25px 0
    }

    .product_nav {
        font-size: 16px;
        line-height: 20px;
        margin-left: -55px
    }

    .product_nav .underline {
        font-size: 18px;
        line-height: 22px
    }

    .product {
        padding-top: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-data .product-left {
        display: none
    }

    .product__author, .product__name {
        font-size: 14px;
        line-height: 17px
    }

    .product-data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .product-data .product-middle {
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .product-middle > div {
        margin-bottom: 20px
    }

    .product-data .product-right {
        width: 100%;
        margin-bottom: 20px
    }

    .product-data .product-tag {
        font-size: 14px
    }

    .product .slider {
        height: auto
    }

    .product .slider_right {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 50%;
        right: -10px
    }

    .product .block_info_slider .slider_left {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 50%;
        left: -10px
    }

    .product-block .product-image {
        height: auto;
        max-height: 295px;
        width: 100%
    }

    .product-block .product-tag {
        width: 90px;
        height: 30px;
        font-size: 12px
    }

    .product-block .product-author {
        font-size: 16px;
        line-height: 16px;
        margin-top: 10px
    }

    .product-block .product-title {
        font-size: 16px;
        line-height: 21px
    }

    .products_block_price {
        font-size: 21px;
        line-height: 21px
    }

    .products_block_btn {
        font-size: 12px;
        line-height: 12px
    }

    .block_info_slider {
        margin: 0 auto
    }

    .block_info_slider .slider {
        margin: 0;
        width: 100%;
        padding: 0;
        border: 1px solid #006aa5;
        border-radius: 4px;
        overflow: hidden
    }

    .block_info_slider .slider .slide__wrapper {
        height: auto
    }

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

    .breadcrumbs {
        margin-bottom: 0
    }

    .slider {
        margin: 0;
        width: 200px
    }

    .slider, .swiper-wrapper {
        height: 196px
    }

    .product_title {
        font-size: 24px;
        line-height: 29px;
        max-width: 290px;
        margin-left: -30px
    }

    .product_subtitle {
        padding-bottom: 35px
    }

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

    .product_blocks, .product_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product_block_img {
        width: 260px;
        height: 350px;
        margin-bottom: 24px
    }

    .product_subtitle {
        font-size: 12px;
        line-height: 15px;
        margin-left: -15px
    }

    .product_subtitle_block img {
        width: 17px;
        height: 17px;
        margin-right: 10px
    }

    .product_block_info {
        width: auto;
        margin-left: 0;
        margin-right: 90px
    }

    .product_text, .product_text-hide, .product_text_more {
        max-width: 300px
    }

    .product_block_bord {
        height: 50px;
        font-size: 14px;
        line-height: 17px;
        padding: 10px
    }

    #product_block_bord-two {
        margin-bottom: 22px
    }

    .block_info_groups .underline {
        margin-left: 12px
    }

    .product_block_buy {
        width: 300px;
        padding: 36px 38px 28px;
        margin-top: 35px;
        margin-bottom: 70px
    }

    .product_block_price {
        padding: 17px 30px;
        font-size: 22px;
        line-height: 27px
    }

    .product_block_btn {
        margin-top: 70px;
        padding: 19px 85px;
        font-size: 24px!important;
        line-height: 15px;



        position: fixed;
        bottom: 11%;
        z-index: 98;
    }

    .product_block_link{
        position: fixed;
        bottom: 8.9%;
        z-index: 98;
        font-size: 24px!important;
    }

    .relative {
        position: relative
    }

    .slide {
        width: 228px;
        height: 130px
    }

    .slide__slide {
        width: 110px !important;
        height: 130px !important
    }

    .slide__slide img {
        width: 100%;
        height: 100%
    }

    .slide__slide video {
        width: 110px;
        height: 130px
    }

    .slide__wrapper {
        height: 130px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 70px
    }

    .slider_left, .slider_right {
        z-index: 8;
        width: 44px;
        height: 44px
    }

    .slider_left img, .slider_right img {
        cursor: pointer;
        width: 44px;
        height: 44px
    }

    .slider_left {
        left: -74px;
        top: 20%
    }

    .slider_right {
        right: -74px;
        top: 20%
    }

    .product__popup__content {
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product__popup__content img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .product__popup__content img, .product__popup__content video {
        width: 100%;
        height: 60%
    }

    .recommended {
        width: 100%;
        padding-top: 20px
    }

    .recommended_title {
        font-size: 24px;
        line-height: 32px;
        text-align: center
    }

    .recommended .swiper-button-next {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        left: auto
    }

    .recommended .swiper-button-prev {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .description {
        width: 100%;
        display: block;
        text-align: left;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: #276f97;
        margin-left: 10px
    }

    .product_block_buy-sale {
        width: auto
    }

    .flex-item {
        margin-top: 16px
    }

    .product_block_price-special, .product_block_price-through {
        max-width: 108px;
        padding: 15px 20px;
        font-size: 18px;
        line-height: 22px
    }

    .header_basket {
        position: relative
    }

    .shown {
        display: block;
        position: absolute;
        font-family: Roboto Slab;
        font-style: normal;
        font-weight: 400;
        font-size: 8px;
        line-height: 11px;
        right: 15px;
        bottom: -5px;
        z-index: inherit;
        padding: 2px 5px;
        border-radius: 50%;
        border: 1px solid #4a8aad;
        background-color: #f5f9ff
    }

    .my-bonuses {
        padding-top: 10px;
        padding-bottom: 0
    }

    .my-bonuses__heading {
        margin-bottom: 15px
    }

    .my-bonuses__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .my-bonuses__content {
        margin: 0
    }

    .my-bonuses__menu {
        margin-bottom: 20px;
        width: 100%
    }

    .my-bonuses__list {
        padding: 15px 26px 0 !important;
        max-width: 280px
    }

    .my-bonuses__list:last-child {
        padding-bottom: 15px !important
    }

    .my-bonuses__link {
        font-size: 16px;
        line-height: 20px
    }

    .my-bonuses__item {
        margin-bottom: 12px
    }

    .my-bonuses__item:last-child {
        margin-bottom: 0
    }

    .my-bonuses__link_active {
        border-bottom: 1px solid #006aa5
    }

    .ref__heading {
        margin-bottom: 15px;
        margin-left: 0;
        text-align: center;
        margin-top: 10px;
        font-size: 22px
    }

    .choices {
        display: block;
        max-width: 216px
    }

    .choices__inner {
        padding: 10px;
        border: 1px solid #c4c4c4;
        border-radius: 4px;
        background-color: #fff
    }

    .choices[data-type*=select-one]:after {
        content: url(/wp-content/themes/ys-wp-theme/dist/images/select-arrow.svg);
        border: none;
        top: 10px;
        right: 30px
    }

    .choices__item, .choices__placeholder {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #696969;
        opacity: 1
    }

    .choices[data-type*=select-one].is-open:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 42px;
        right: 16px
    }

    .orders_year {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .orders_year div {
        padding: 10px;
        max-width: 70px;
        margin-bottom: 6px
    }

    .order_day_title {
        font-size: 14px;
        line-height: 17px
    }

    .order_day_header {
        padding: 16px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .order_day_number {
        font-size: 12px;
        line-height: 15px
    }

    .order-price {
        font-size: 14px;
        line-height: 17px
    }

    .order_day_content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .order_day_content-special {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .order_day_imgs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 10px
    }

    .order_day_img {
        width: 60px;
        height: 80px
    }

    .order_delivery_state {
        margin-top: 22px
    }

    .count-orders {
        font-size: 12px;
        line-height: 15px;
        left: 100px
    }

    .favorites_empty_title {
        font-size: 22px;
        line-height: 27px;
        text-align: center
    }

    .favorites_empty_subtitle {
        max-width: 235px;
        font-size: 16px;
        line-height: 20px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .favorites_empty button {
        padding: 20px 40px;
        font-size: 14px;
        line-height: 17px
    }

    .header_start {
        width: 100%
    }

    .learn_box {
        padding: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .learn_footert button {
        max-width: 105px;
        height: 55px;
        padding: 18px 25px
    }

    .learn_footert {
        margin-bottom: 30px;
        padding-top: 30px
    }

    .learn_four_content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-height: none
    }

    .learn_four_block {
        width: 100%;
        max-width: 260px;
        padding: 0 5px
    }

    .learn_five {
        padding-top: 30px
    }

    .learn_five_content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-height: none
    }

    .learn_five_block {
        max-width: 250px;
        width: 100%;
        padding: 0 5px
    }

    .learn_five_progress {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 40px;
        right: auto;
        top: auto
    }

    .learn .header_start {
        display: none
    }

    .learn_header_prosent {
        position: static;
        padding-top: 24px
    }

    .learn_six {
        padding-top: 30px
    }

    .learn_six_title {
        width: auto;
        display: block
    }

    .learn_six_content {
        text-align: center
    }

    .preview_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .preview_slider {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 70%;
        margin: -15% auto
    }

    .benefit, .buy, .details, .how, .preview, .tasks, .work {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .reviews {
        padding-top: 15px;
        padding-bottom: 100px
    }

    .reviews_title {
        padding-bottom: 0
    }

    .reviews_blocks {
        margin-top: -30px
    }

    .reviews_blocks_left {
        left: -15px
    }

    .reviews_blocks_right {
        right: -15px
    }

    .reviews_blocks_carousel .swiper-wrapper {
        height: auto
    }

    .details_img {
        display: none
    }

    .details_img_mobail {
        display: block;
        float: right;
        max-width: 50%
    }

    .details_text {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .buy_blocks, .tasks_blocks, .work_blocks {
        grid-template-columns:repeat(1, 100%)
    }

    .tasks_block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .benefit_blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .benefit_blocks_carousel {
        display: block !important
    }

    .tasks_block .padd_top_5, .tasks_block .padd_top_15 {
        padding-top: 0
    }

    .owl-carousel .owl-stage {
        width: calc(100vw - 40px)
    }

    .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 16px
    }

    .owl-dot {
        width: 8px;
        height: 8px;
        background: #ebebeb !important;
        margin-left: 4px;
        border-radius: 50%
    }

    .owl-dot.active {
        width: 8px;
        height: 8px;
        background: linear-gradient(175.34deg, #7bc1e8 -50.08%, #276f97 191.29%) !important
    }

    .benefit_output {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .benefit_output_img {
        margin-top: 20px;
        width: 100%;
        height: auto
    }

    .buy_title, .details_title {
        width: 100%;
        max-width: 100%
    }

    .work_block {
        margin-bottom: 20px
    }

    .work_block_number {
        min-width: 100px;
        width: 100px !important
    }

    .my-bonuses__heading {
        font-size: 26px;
        line-height: 34px
    }

    .ref__img, .your-bonuses__img {
        display: none
    }

    .ref__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .my-bonuses__heading_low {
        font-size: 22px;
        line-height: 27px;
        margin-top: 0;
        margin-bottom: 15px
    }

    .my-bonuses-text {
        font-size: 16px;
        line-height: 23px
    }

    .ref__digit {
        font-size: 48px;
        line-height: 56px
    }

    .ref__text {
        font-size: 16px;
        line-height: 23px
    }

    .ref__content__text {
        margin-bottom: 17px
    }

    .ref__bonus {
        margin-left: 45px
    }

    .ref__content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin-bottom: 50px
    }

    .ref__menu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .ref__input {
        padding: 16px;
        font-size: 14px;
        line-height: 17px
    }

    .ref {
        margin-bottom: 50px
    }

    .your-bonuses__text {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 20px;
        text-align: center
    }

    .your-bonuses__text:last-child {
        margin-bottom: 50px
    }

    .my-bonuses .my-bonuses__content, .your-bonuses__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .your-bonuses__item {
        width: 100%
    }

    .your-bonuses__list {
        width: 150px
    }

    .your-bonuses__link {
        font-size: 16px;
        line-height: 20px
    }

    .your__bonuses__bonus {
        max-width: 200px
    }

    .your__bonuses__price {
        font-size: 18px;
        line-height: 22px
    }

    .your-bonuses__heading {
        font-size: 20px;
        line-height: 24px
    }

    .your-bonuses__main-item, .your-bonuses__main-list {
        width: 100%;
        max-width: 100%
    }

    .header_content .header_catalog, .mobile {
        display: block
    }

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

    .start_header .header_content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header_enter_menu, .start_header .header_enter_menu {
        max-width: 160px
    }

    .catalog__choice {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header_start {
        width: 600px;
        padding: 15px;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 50px;
        margin-top: 30px
    }

    .catalog__choice, .catalog__filter {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .store_products_reset {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 0 auto 50px
    }

    .catalog_list .menu__special-btn {
        width: 270px;
        margin: 30px auto 20px
    }

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

    .header_start {
        text-align: center;
        margin: 0 auto 20px
    }

    .flex {
        max-width: 100%
    }

    .enter_menu_header, .header_enter_menu {
        width: 130px
    }

    header .header_catalog {
        display: none !important
    }

    .personal_area__block {
        padding: 10px 0 40px
    }

    .personal_area__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .personal_area__heading_low {
        display: none
    }

    .personal_area__heading {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 15px
    }

    .personal_area__menu {
        max-width: 280px;
        padding: 22px 26px 24px
    }

    .persoanl_area__form {
        max-width: 300px;
        padding: 34px 38px 48px;
        margin: 0 auto
    }

    .personal_area__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 16px
    }

    .personal_area__input, .personal_area__same-line {
        max-width: 100%
    }

    .personal_area__input {
        padding: 16px 22px;
        font-size: 14px;
        line-height: 17px
    }

    .personal_area__btn {
        width: 224px;
        padding: 18px 70px;
        font-size: 12px;
        line-height: 15px;
        margin: 0 auto
    }

    .personal_area__label {
        margin-right: 0;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }

    .mobil {
        display: block !important
    }

    .footer_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 80px
    }

    .footer__special-line {
        display: none;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__special-line img {
        width: 40px;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .attachments {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #363636
    }

    .learn_block_img {
        height: 150px
    }

    .checkout-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .checkout-container-item {
        width: 100%
    }

    .checkout-container-item:last-child {
        margin-left: 0
    }

    .order .order-data {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order .order-data, .order .order-data .data-block .total-item {
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .order .order-data .data-block .total-item {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .order .order-data .data-block .total-item.title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .order .order-data .data-block .total-item.title span:last-child {
        margin-left: 5px
    }

    .order .order-list .list-item .button {
        width: 100%
    }

    .order .order-list {
        padding: 20px
    }

    .order .order-list .list-item {
        grid-template-columns:100px 1fr;
        grid-template-areas:"image ." "image ." "image ." "image ." "image ."
    }

    .order .order-list .list-item > * {
        margin-bottom: 10px
    }

    .order .order-list .list-item .image {
        grid-area: image;
        margin-bottom: 0
    }

    .personal_area__form-block {
        margin-left: 0
    }

    .personal_area__form, .popup-inner.popup-connect .popup-content {
        padding: 20px
    }

    .popup-text .p-text {
        width: 100%;
        max-width: 500px;
        padding: 20px
    }

    .popup-text h2 {
        font-size: 24px
    }

    .popup-text .button {
        font-size: 12px
    }

    .sidebar {
        max-width: 100%
    }

    .sidebar-image {
        display: none
    }

    .orders_days {
        width: 100%
    }

    .order_day_header div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-profile {
        margin-top: 3px
    }

    .header-profile-auth .header-ava, .header-profile .header-ava {
        height: 40px;
        width: 40px
    }

    .header-profile-auth img {
        margin-right: 0
    }

    .print {
        margin-top: -89px
    }

    .choice-variants-wrapper, .choice .choice-variants {
        height: auto !important
    }

    .info_slide-img, .product__img {
        width: 100%;
        max-width: 328px
    }

    .show .slide__wrapper {
        height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .show .swiper-slide.video-block .product__img.video {
        width: 100%
    }

    .details_problems span, .how_text span {
        font-weight: 600;
        color: #000
    }

    .swiper-container {
        height: auto;
        padding: 0 40px
    }

    .article__slider.desktop {
        display: none
    }

    .article__slider .swiper, .article__slider .swiper-wrapper {
        height: auto
    }

    .article__slider .swiper {
        width: 100%;
        overflow: hidden
    }

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

    .block_delivery_body {
        min-height: 147px;
        height: 185px;
        max-height: 310px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 0;
        padding-top: 0
    }

    .delivery_body_ava {
        min-width: 80px;
        width: 80px
    }

    .delivery_body_ava img {
        -o-object-fit: cover;
        object-fit: cover
    }

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

    .basket_block {
        margin-bottom: 20px
    }

    .checkout-form {
        padding: 30px;
        height: 90px
    }

    .print-button.base {
        border-radius: 3vw;
        height: 5vw;
        padding: 0 3vw;
        border: 2px solid #fff
    }

    .print-button.user {
        height: 3vw
    }

    .print-button.user, .print .stars {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        margin: 1vw 0
    }

    .print .stars .label {
        border-width: 1px
    }

    .favorites-non .favorites-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .favorites-non .favorites-text img {
        width: 25px;
        margin: 10px 0 0
    }

    .popup-video-desktop {
        display: none
    }

    .popup-video-mobile {
        display: block
    }
}

@media (max-width: 901px) {
    .store_products_blocks {
        grid-template-columns:repeat(2, calc(50% - 15px))
    }

    .block_delivery_body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .basket_block_choice {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .block_delivery_head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .delivery_head_left {
        margin-bottom: 12px
    }

    .delivery_body_numbers {
        padding-left: 36px;
        padding-right: 0
    }

    .delivery_body_price, .delivery_price_discount, .delivery_price_how {
        text-align: left
    }

    .delivery_price_discount {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .products_block_old {
        margin-right: 6px
    }

    .block_delivery_head img {
        margin-left: 0;
        margin-right: 7px
    }

    .mappin {
        margin-left: 40px !important
    }

    .delivery_control_add, .delivery_control_delete {
        font-size: 12px;
        line-height: 15px
    }

    .delivery_control_add {
        padding-right: 5px
    }

    .delivery_control_delete {
        padding-left: 5px
    }

    .delivery_body_control {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 145px
    }

    .delivery_body_ava {
        margin-right: 10px
    }

    .delivery_body_left {
        margin-bottom: 15px
    }

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

    .basket_reg_header a {
        padding: 15px 44px;
        font-size: 12px;
        line-height: 15px
    }

    .basket_reg_header {
        padding: 16px
    }

    .basket_reg_basket, .basket_reg_result {
        padding: 15px 0
    }

    .learn_block_img {
        height: 100px
    }
}

@media (max-width: 620px) {
    .store_products_blocks {
        grid-template-columns:repeat(1, 1fr)
    }

    .product__popup__content {
        padding: 50px 10px 10px
    }

    .product__popup__content img {
        height: 70%
    }

    .popup-content .container {
        width: 100%
    }

    .popup-wrapper .popup-inner.popup-video iframe {
        max-height: 30vh
    }

    .preview_slider {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .faq__accordion__item {
        max-height: 74px
    }
}

@media (max-width: 400px) {
    input#promocode {
        width: 100%
    }

    .checkout-input-btn.js-check-promocode {
        width: 100%;
        margin-top: 10px;
        margin-left: 0
    }

    .promocode-staus {
        width: 100%
    }
}

#modile_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 1000;
    display: none
}

.modile_block_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%
}

.modile_block_img {
    min-width: 250px;
    width: 20%;
    margin-bottom: 40px
}

.learn_five_img_text {
    padding: 5px 0
}

.learn_block_img.active, .learn_block_text.active {
    -webkit-box-shadow: 0 0 5px #276f97;
    box-shadow: 0 0 5px #276f97
}

body > div.bottom-menu > a > img {
    width: 42px;
}

body > div.bottom-menu > a:nth-child(2) > img {
    width: 54px;
}

.mobile_header_nav {
    display: flex;
}

@media (min-width: 1201px) {
    .mobile_header_nav {
        display: none;
    }

    .registration_desktop{
        display: flex;
        justify-content: space-evenly;
    }

    .first.first_menu_reg{
        display: none;
    }

    .registration_desktop{
        background: linear-gradient(to right, #FFE8DA 50%, #C7EBFF 50%);
    }

    .sign-in__wrapper{
        -webkit-box-orient: horizontal;
        flex-direction: initial;
    }

    .first{
        display: none;
    }

    .sign-in__form{
        -webkit-box-shadow: 0 0 0 hsl(0deg 0% 64% / 10%);
        box-shadow: 0 0 0 hsl(0deg 0% 64% / 10%);
    }

    .sign-in__btn{
        margin-bottom: 0;
    }

    .sign-in__wrapper{
        display: flex;
        justify-content: center;
        gap: 34px;
        margin-bottom: 18px;
    }

    .sign-in__heading{
        text-align: center;
        margin-top: 25px;
        margin-bottom: 31px;
    }

    .sign-in__btn{
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
    }

    .sign-in__img{
        width: 40px;
        height: 40px;
    }

    .sign-in__btn{
        padding: 0;
    }

    .sign-in__same-line{
        padding: 0;
    }

    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div:nth-child(1) > h2:nth-child(1){
        display: none;
    }

    .sign-in__form{
        padding: 0;
    }

    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div:nth-child(2) > form > hr{
        border: none;
        border-top: 1px double #333;
        color: #525252;
        overflow: visible;
        text-align: center;
        height: 5px;
        margin-bottom: 15px!important;
    }

    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div:nth-child(2) > form > hr:after{
        background: #FFE8DA;
        content: 'или';
        padding: 0 20px;
        position: relative;
        top: -13px;
        font-size: 20px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #414141;
    }

    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.first_desktop > div.container > form > hr{
        border: none;
        border-top: 1px double #333;
        color: #525252;
        overflow: visible;
        text-align: center;
        height: 5px;
        margin-bottom: 25px;
    }

    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.first_desktop > div.container > form > hr:after{
        background: #C7EBFF;
        content: 'или';
        padding: 0 20px;
        position: relative;
        top: -13px;
        font-size: 20px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #414141;
    }

    .registration__form{
        padding: 0;
    }

    .sign-in__submit{
        background: #276F97;
    }

    .sign-in__text{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-decoration-line: underline;

        color: #363636;
    }

    .first_nav_mobile_header{
        padding-top: 28px;
        padding-bottom: 32px;
    }




}

@media (max-width: 1201px) {
    
    body{
        overflow-x: hidden;
    }
    
    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div.first > span > div{
        margin: 0;
    }

    body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div:nth-child(1) > h2:nth-child(2){
        display: none;
    }


    .first_desktop{
        display: none;
    }

    .sign-in__btn{
        width: 60px;
        height: 60px;
        padding: 0;
    }

    .mobile_nav_p {
        font-size: 16px;
        padding-left: 5px;
    }

    .popup-wrapper .popup-inner {
        background: #FFE8DA;
    }

    .sign-in__wrapper {
        -webkit-box-orient: horizontal;
        flex-direction: initial
    }

    .sign-in__btn, .sign-in__wrapper {
        justify-content: center;
        gap: 34px;
    }

    .sign-in__btn:last-child {
        margin-bottom: auto;
    }

    .sign-in__same-line {
        padding-right: 0;
    }

    .sign-in__img {
        width: 40px;
    }

    .sign-in__form {
        -webkit-box-shadow: 0 0 0 hsl(0deg 0% 64% / 0%);
        box-shadow: 0 0 0 hsl(0deg 0% 64% / 0%);
        border-radius: 6px;
    }

    .sign-in__link {
        font-size: 20px;
        color: #276F97;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .menu__header-block{
        background: #FFE8DA;
    }

    .menu__footer {
        display: none;
    }

    .first {
        padding: 0 30px;
        background: #C7EBFF;
        /*height: 20vh;*/
    }

    .fixed_teach{
        position: relative;
        z-index: 0;
        display: block;
        margin-top: 10px!important;
    }

    .fixed_reg{
        position: relative;
        z-index: 0;
        display: block;
        margin-top: 10px!important;
    }

    .first_nav_mobile_header{
        padding-top: 0!important;
        padding-bottom: 10px;
    }
}

body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div:nth-child(3) > form > hr {
    border: none;
    border-top: 1px double #333;
    color: #525252;
    overflow: visible;
    text-align: center;
    height: 5px;
    margin-bottom: 25px;
}

body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div:nth-child(3) > form > hr:after {
    background: #FFE8DA;
    content: 'или';
    padding: 0 20px;
    position: relative;
    top: -13px;
    font-size: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
}

body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div:nth-child(2) > form > hr{
    border: none;
    border-top: 1px double #333;
    color: #525252;
    overflow: visible;
    text-align: center;
    height: 5px;
    margin-bottom: 25px;
}

body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(2) > div.popup-content.menu > div.registration_desktop > div.login_desktop > div:nth-child(2) > form > hr:after{
    background: #FFE8DA;
    content: 'или';
    padding: 0 20px;
    position: relative;
    top: -13px;
    font-size: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
}

.register_privacy_police {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #363636;
}

.register_privacy_police a {
    color: #276F97;
}



.first_nav_mobile_header {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    color: #363636;
    text-align: center;
    margin: 0;
    padding-top: 28px;
    /*padding-top: 0px;*/

}

.first_nav_mobile_text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
    text-align: center;
    margin: 0;
    padding-top: 14px;
}

.first.first_menu_reg {
    background: #FFE8DA;
}

.menu_nav_registration {
    background: #C7EBFF;
}

body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(4) > div.menu_nav_registration > div > div.container > form > hr {
    border: none;
    border-top: 1px double #333;
    color: #525252;
    overflow: visible;
    text-align: center;
    height: 5px;
    margin-bottom: 25px;
}

body > div.popup-wrapper.d-flex.js-popup-wrapper.js-close.popup-fullscreen > div:nth-child(4) > div.menu_nav_registration > div > div.container > form > hr:after {
    background: #C7EBFF;
    content: 'или';
    padding: 0 20px;
    position: relative;
    top: -13px;
    font-size: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
}

.register_privacy_police.register_privace_nav {
    padding-right: 10px;
    padding-left: 10px;
}

.register_change{
    font-size: 32px;
    background: linear-gradient(175.34deg, #276F97 -50.08%, #276F97 191.29%);
}

.footer_developer{
    display: none!important;
}

.password-control {
    position: absolute;
    top: 13px;
    right: 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/ys-wp-theme/dist/images/icons/view.svg) 0 0 no-repeat;
}
.password-control.view {
    background: url(/wp-content/themes/ys-wp-theme/dist/images/icons/no-view.svg) 0 0 no-repeat;
}

.personal_area__alert{
    position: relative;
}

.personal_area__same-line .password-control{
    top: 0;
}
.page-numbers.current{
	background:#4a8aad;
	color:white !important;
}
.article__text-excerpt ol, .article__text-excerpt ul, .main_contentt ol, .main_contentt ul{
	padding-left:20px;
	color:#363636;
}
.product-block .lock_product
{
	position:absolute;
	right:10px;
	top:10px;
	width:18px
}
.product-block .need_register
{
	display:none
}

/*new*/
.tarifs {
	padding-top: 46px;
	padding-bottom: 32px;
}
.title-section {
	font-size: 42px;
	margin-bottom: 20px;
	letter-spacing: 0.03em;
	font-weight: 500;
	line-height: 140%;
	color: #276F97;
	text-align: center;
	font-family: 'Roboto Slab', sans-serif;
}
.descr-section {
	font-size: 32px;
	margin-bottom: 36px;
	letter-spacing: 0.03em;
	font-weight: 500;
	line-height: 140%;
    font-family: 'Roboto Slab', sans-serif;
	color: #276F97;
}
.wrap-tarifs {
    display: flex;
    justify-content: flex-end;
    gap: 73px;
	max-width: 1166px;
}
.unit-tarif {
	padding: 19px 90px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	border: 4px solid #276F97;
	background: #ffe8da;
	font-family: 'Roboto Slab', sans-serif;
	border-radius: 10px;
}
.unit-tarif__title {
	font-size: 32px;
	margin-bottom: 25px;
	line-height: 140%;
    font-weight: 700;
    font-family: 'Roboto Slab', sans-serif;
	color: #525252;
}
.unit-tarif__descr {
	font-size: 24px;
	max-width: 324px;
	color: #414141;
	font-weight: 600;
	line-height: 140%;
}
.unit-tarif__descr span {
	font-weight: 800;
	color: #DE4B0B;
}
.unit-tarif__image img {
	margin-left: 201px;
	margin-top: -30px;
	margin-bottom: 12px;
	width: 126px;
}
.item-form {
	margin-bottom: 14px;
}
.item-form input {
	height: 53px;
	padding: 0 10px;
	font-size: 24px;
	color: #414141;
	font-weight: 600;
	border: 1.12px solid #276F97;
	background: #f5f9ff;
	border-radius: 2px;
	font-family: Montserrat, sans-serif;
	width: 100%;
	text-align: center;
}
.btn-main {
	height: 53px;
	border-radius: 6px;
	font-size: 24px;
	padding: 0 60px;
	letter-spacing: 0.04em;
	font-weight: 700;
	text-transform: uppercase;
	font-family: Montserrat, sans-serif;
	text-align: center;
	color: #fff;
	background: #276F97;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	z-index: 1;
}
.btn-main:hover {
    background: #0a4464;
}
.unit-tarif:nth-child(odd) .btn-main,
.btn-main.btn-main_page {
	background: linear-gradient(157deg, #d2320f 0%, #ff9000 100%);
}
.unit-tarif:nth-child(odd) .btn-main::before,
.btn-main.btn-main_page::before {
	position: absolute;
	display: block;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: linear-gradient(157deg, #ff9000 0%, #d2320f 100%);
	opacity: 0;
	transition: all 0.3s;
	border-radius: 6px;
}
.unit-tarif:nth-child(odd) .btn-main:hover::before,
.btn-main.btn-main_page:hover::before {
	opacity: 1;
}
.unit-tarif__subtitle {
	margin-top: 21px;
	font-size: 24px;
	color: #525252;
	font-weight: 700;
	margin-bottom: 3px;
	line-height: 140%;
}
.unit-tarif .btn-main,
.unit-tarif .item-form {
	width: 100%;
	max-width: 350px;
}
.checkbox {
	font-size: 24px;
	font-family: Montserrat, sans-serif;
	color: #363636;
	font-weight: 400;
	letter-spacing: normal;
	display: flex;
	text-align: left;
	justify-content: flex-start;
}
.checkbox label input {
	position: absolute;
	z-index: -1;
	height: 1px !important;
	width: 1px !important;
	opacity: 0 !important;
	margin: 12px 2px 0 7px !important;
}
.checkbox label > span {
	position: relative;
	padding: 3px 0 0 56px;
	display: block;
	cursor: pointer;
}
.checkbox label > span:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 30px;
	height: 30px;
	background: #276F97;
	border-radius: 3px;
	transition: .2s;
}
.checkbox label > span:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 0px;
	width: 30px;
	height: 30px;
	background-image: url(../images/ic_check.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: .2s;
}
.checkbox label input:checked + span:after {
	opacity: 1;
}
.descr-tarifs,
.agree-form {
	font-size: 16px;
	margin-top: 24px;
	margin-right: -50px;
	color: #363636;
	line-height: 140%;
	font-family: Montserrat, sans-serif;
}
.agree-form a {
	color: #276F97;
	border-bottom: 1px transparent solid;
}
.agree-form a:hover {
	border-color: #276F97;
}
.unit-tarif:nth-child(2) {
	background: #c7ebff;
}

.head-catalog {
    padding-top: 0;
    padding-bottom: 38px;
    margin-top: -71px;
}
.head-catalog__title {
	font-size: 32px;
	line-height: 140%;
	margin-bottom: 20px;
	letter-spacing: 0.01em;
	color: #363636;
    font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}
.head-catalog__title a {
	font-weight: 500;
	color: #DE4B0B;
}
.title-page {
    font-size: 38px;
    margin: 0;
    margin-bottom: 20px;
    line-height: 140%;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: #276F97;
    font-family: 'Roboto Slab', sans-serif;
}
.product-middle .btn-main {
    margin-bottom: 20px;
    height: 42px;
    font-size: 20px;
    padding: 0 5px;
    width: 100%;
}
.product-authors-container {
    margin-bottom: 11px;
}
.menu__subscription span {
    width: 100%;
    font-size: 12px;
    color: #575757;
    display: block;
}
.progress-subscription {
    margin: 5px 0;
    height: 1.5px;
    background: #C4C4C4;
    position: relative;
}
.progress-subscription__value {
    top: 0;
    left: 0;
    height: 100%;
    background: #4A8AAD;
    position: absolute;
}
.menu__subscription {
    display: inline-block;
    vertical-align: middle;
}
.page-result {
    padding-top: 30px;
    padding-bottom: 54px;
}
.result-block {
    padding: 18px 30px;
    border: 4px solid #f0f0f0;
    max-width: 590px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 4px 30px 0 rgba(195, 195, 195, 0.1);
}
.result-block__title {
    font-size: 38px;
letter-spacing: 0.03em;
font-weight: 500;
margin-bottom: 41px;
font-family: 'Roboto Slab', sans-serif;
}
.result-block__text {
    font-size: 18px;
    margin-bottom: 41px;
line-height: 130%;
text-align: center;
color: #525252;
font-family: Montserrat, sans-serif;
}
.result-block .btn-main {
    width: 355px;
    padding: 0 10px;
    font-size: 14px;
letter-spacing: 0.02em;
    max-width: 100%;
    background: linear-gradient(157deg, #7bc1e8 0%, #276f97 100%);
}
.result-block__image img {
    margin: 0 auto;
    margin-top: 14px;
}
.page-result_error .result-block__title {
    margin-bottom: 10px;
}
.page-result_error .result-block__text {
    margin-bottom: 0;
}
.page-result_error .btn-main {
    margin-top: 20px;
}
.product_text h1 ~ p {
    text-align: center;
}
.unit-tarif .error-message {
    color: red;
}

.need_register_mob {
    position: absolute;
    background: #276F97;
    top: 51%;
    left: 0%;
    border-radius: 5px;
    display: none;
    cursor: pointer;
}
.need_register_mob p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
}
.need_register_mob::after {
    content: '';
    position: absolute;
    right: 44%;
    border-left: 20px solid green;
    border: 10px solid transparent;
    border-top: 10px solid #276F97;
}
.page-result {
    padding-top: 16px;
    padding-bottom: 20px;
}
.result-block__title {
    font-size: 18px;
    margin-bottom: 16px;
}
.result-block__text {
    font-size: 15px;
    margin-bottom: 16px;
}
.result-block__image img {
    width: 104px;
}
.page-result_error .btn-main {
    margin-top: 16px;
}
.result-block__text br {
    display: none;
}
.need_register {
    display: none !important;
}

.personal_area__form-block .personal_area__heading_low {
    font-size: 36px;
    text-align: center;
}
.personal_area__form-block .descr-section.small {
    margin-bottom: 20px;
}
.personal_area .wrap-tarifs {
    padding-top: 20px;
}


@media only screen and (max-width : 1201px) {
    body .personal_area__form-block {
        width: 100%;
    }
    .personal_area__form-block .personal_area__heading_low {
        font-size: 28px;
        display: block;
    }
    .personal_area__form-block .descr-section.small {
        font-size: 17px;
        margin-bottom: 13px;
    }
}
@media only screen and (max-width : 1200px) {
	.unit-tarif {
		padding: 19px 60px;
	}
	.wrap-tarifs {
		gap: 27px;
	}
	.descr-section {
		font-size: 28px;
		margin-bottom: 33px;
	}
    .head-catalog {
        margin-top: 0;
    }
    .product-middle .btn-main {
        margin-top: 20px;
    }
    .hidden-mob {
        display: none !important;
    }
    .product-right .btn-main {
        margin-bottom: 20px;
        height: 42px;
        font-size: 20px;
        padding: 0 5px;
        width: 100%;
    }
}
@media only screen and (max-width : 992px) {
	.tarifs .descr-section {
		display: none;
	}
	.wrap-tarifs {
		display: block;
	}
	.unit-tarif {
		padding: 3px 15px;
		padding-bottom: 15px;
		margin-bottom: 30px;
		min-height: initial;
	}
	.unit-tarif__image img {
		width: 83px;
		margin-left: 132px;
		margin-top: -25px;
	}
	.unit-tarif .btn-main {
		padding-left: 40px;
		padding-right: 18px;
		height: 45px;
		justify-content: space-between;
	}
	.unit-tarif .btn-main::after {
		position: relative;
		display: block;
		content: " ";
		width: 48px;
		height: 38px;
		background-image: url(../images/ic_handbag.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.unit-tarif .item-form + .btn-main {
		margin-top: 15px;
	}
	.unit-tarif:last-child {
		margin-bottom: 0;
	}
	.item-form input {
		height: 46px;
	}
	.unit-tarif__descr {
		font-size: 20px;
		max-width: 273px;
	}
	.unit-tarif__title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.unit-tarif__subtitle {
		margin-top: 15px;
		font-size: 20px;
	}
	.checkbox {
		font-size: 20px;
	}
	.checkbox label > span:after,
	.checkbox label > span:before {
		width: 40px;
		height: 40px;
	}
	.checkbox label > span {
		padding: 8px 0 0 60px;
	}
	.checkbox label > span:after {
		background-image: url(../images/ic_check_mob.svg);
	}
	.unit-tarif:nth-child(2) .checkbox label > span:after {
		background-image: url(../images/ic_check2_mob.svg);
	}
    .descr-tarifs,
	.agree-form {
		margin-right: 0;
	}
	.title-section {
		font-size: 26px;
		margin-bottom: 25px;
		text-align: left;
	}
	.tarifs {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.head-catalog__title {
		font-size: 16px;
	}
	.head-catalog {
		padding-top: 10px;
		padding-bottom: 22px;
	}
	.head-catalog__title a {
		display: block;
	}
	.head-catalog .btn-main {
		height: 34px;
		font-size: 16px;
		padding: 0 10px;
		width: 100%;
		display: flex;
	}
    .title-page {
        font-size: 20px;
        margin-bottom: 0;
    }
    .unit-tarif .btn-main, .unit-tarif .item-form {
        max-width: 100%;
    }
    .product-block .lock_product::before {
        position: absolute;
        display: block;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(1.2);
    }
    .need_register_mob {
        top: 49%;
    }
    body .catalog_lists div {
        margin-right: 8px;
    }
    body .catalog_lists {
        font-size: 18px;
    }
}
@media only screen and (min-width : 1200px) {
    .show-mob {
        display: none !important;
    }
}
@media only screen and (min-width : 992px) {

}