/* Start:/local/templates/blog/css/style.min.css?176046267568994*/
@font-face {
    font-family: Alegreya Sans;
    src: url(/local/templates/blog/fonts/Alegreya_Sans/400.woff2)format("woff2"), url(/local/templates/blog/fonts/Alegreya_Sans/400.woff)format("woff");
    font-weight: 400
}

@font-face {
    font-family: Alegreya Sans;
    src: url(/local/templates/blog/fonts/Alegreya_Sans/500.woff2)format("woff2"), url(/local/templates/blog/fonts/Alegreya_Sans/500.woff)format("woff");
    font-weight: 500
}

@font-face {
    font-family: Alegreya Sans;
    src: url(/local/templates/blog/fonts/Alegreya_Sans/300.woff2)format("woff2"), url(/local/templates/blog/fonts/Alegreya_Sans/300.woff)format("woff");
    font-weight: 300
}

@font-face {
    font-family: Alegreya Sans;
    src: url(/local/templates/blog/fonts/Alegreya_Sans/700.woff2)format("woff2"), url(/local/templates/blog/fonts/Alegreya_Sans/700.woff)format("woff");
    font-weight: 700
}

@font-face {
    font-family: Alegreya Sans;
    src: url(/local/templates/blog/fonts/Alegreya_Sans/800.woff2)format("woff2"), url(/local/templates/blog/fonts/Alegreya_Sans/800.woff)format("woff");
    font-weight: 800
}

@font-face {
    font-family: Alegreya Sans;
    src: url(/local/templates/blog/fonts/Alegreya_Sans/400i.woff2)format("woff2"), url(/local/templates/blog/fonts/Alegreya_Sans/400i.woff)format("woff");
    font-weight: 400;
    font-style: italic
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    line-height: 1.1
}

fieldset {
    border: 0;
    min-width: 0;
    margin: 0;
    padding: 0
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
dl,
dd,
dt {
    margin: 0;
    padding: 0
}

a,
a:active,
a:hover {
    text-decoration: none
}

button,
input,
optgroup,
select,
textarea {
    letter-spacing: inherit;
    margin: 0;
    font-family: inherit
}

textarea {
    resize: vertical;
    display: block
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

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

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

button:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=button]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=submit]:-moz-focusring {
    outline: 1px dotted buttontext
}

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

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

input,
textarea {
    background: 0 0;
    border: none;
    outline: none;
    display: block
}

*,
:after,
:before {
    box-sizing: border-box;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    transform-origin: 50%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

ul,
ol,
li,
figure,
figcaption {
    margin: 0;
    padding: 0;
    list-style-type: none
}

button,
[type=submit] {
    color: inherit;
    font: inherit;
    cursor: pointer;
    background: 0 0;
    border: none;
    padding: 0
}

svg,
img {
    width: auto;
    height: auto;
    display: block
}

dd,
dt,
address {
    margin: 0;
    font-style: normal
}

.icons {
    pointer-events: none;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.wrapper {
    --wrappad: 32px;
    padding: 0 var(--wrappad);
    width: 100%;
    max-width: 1454px;
    margin: 0 auto
}

.inwrap {
    margin: 0 calc(var(--inwrapshift, 0px) - var(--wrappad))
}

@keyframes search-active {
    0% {
        visibility: visible
    }

    to {
        visibility: visible
    }
}

@keyframes search-idle {
    0% {
        visibility: visible
    }

    to {
        visibility: visible
    }
}

.search {
    z-index: 1;
    background: #f6f6f6;
    border-radius: 8px;
    align-items: center;
    width: 100%;
    padding: 10px 15px 11px;
    animation: .1s linear search-idle;
    display: flex;
    position: relative
}

.search:focus-within {
    animation: .1s linear search-active
}

.search.active .search__options {
    display: grid
}

.search__options {
    background: #fff;
    border-radius: 10px;
    grid-template-columns: 1fr;
    gap: 15px;
    width: 100%;
    padding: 20px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 4px 20px #00000014
}

.search__options:empty {
    display: none !important
}

@supports selector(:has(*)) {
    .search__options:not(:has(:first-child)) {
        display: none !important
    }
}

.search__icon {
    transition: background .1s ease-out
}

.search__icon svg {
    stroke-width: 3px;
    color: #b7b7b7;
    width: 28px;
    transition: color .1s ease-out
}

.search__input {
    color: #000;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #b7b7b780;
    outline: none;
    flex-grow: 1;
    margin-right: 10px;
    padding-bottom: 3px;
    padding-left: 5px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

.search__input::placeholder {
    color: #a6a6a6
}

.search__option {
    align-items: center;
    font-weight: 500;
    display: flex
}

.search__option-img {
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    align-self: flex-start;
    width: 72px;
    height: 40px;
    margin-right: 20px
}

body {
    --headerheight: 130px
}

.header {
    z-index: 5;
    --logowidth: 109px;
    position: sticky;
    top: 0
}

.header:before {
    content: "";
    z-index: -2;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.header__inner {
    grid-template-columns: auto 1fr 205px;
    align-items: center;
    gap: 0 6.45%;
    padding: 45px 0 33px;
    display: grid
}

.header__logo {
    order: -100
}

.header__logo svg {
    width: var(--logowidth)
}

.header .header__choosecourse {
    font-size: 20px
}

.header__search {
    margin: 2px auto 0
}

.banner1 {
    background: #fedd2d;
    border-radius: 15px;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 21px 39px 20px;
    display: grid
}

.banner1__text {
    text-align: center;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: .96
}

.banner1__right {
    justify-self: end
}

.banner1 .banner1__btn {
    background: #000;
    border-radius: 100px;
    padding: 19px 71px;
    font-size: 24px;
    line-height: 1.2
}

.btn {
    width: var(--btnwidth, -webkit-fit-content);
    width: var(--btnwidth, -moz-fit-content);
    width: var(--btnwidth, fit-content);
    --padY: 13px;
    --padX: 46px;
    --padding: var(--padY)var(--padX);
    padding: var(--padding);
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    z-index: 1;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    transition: all .2s ease-in-out;
    display: block;
    position: relative;
    overflow: hidden
}

.btn.btn {
    color: #fff
}

.btn:after {
    content: "";
    z-index: -1;
    opacity: 0;
    background: #000;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0
}

.btn:hover:after {
    opacity: var(--hoverop, .15)
}

.btn:active {
    transform: translateY(1px)scale(.995)
}

.btn:active:after {
    opacity: var(--activeop, .3)
}

.btn_brighting:after {
    background: #fff
}

.btn_slim {
    --padY: 10.5px
}

.footer {
    color: #fff;
    z-index: 4;
    background: #1c1c1c;
    padding: 31px 0 60px;
    position: relative
}

.footer a,
.footer svg {
    display: block
}

.footer__banner {
    margin-bottom: 50px
}

.footer__courselist {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.footer__minititle {
    color: #fff;
    font-weight: 700;
    font-size: var(--footerfs, 18px);
    margin-bottom: 15px
}

.footer__list {
    color: #999;
    font-weight: 500;
    font-size: var(--footerfs, 18px)
}

.footer__list li:not(:last-child) {
    margin-bottom: 11px
}

.footer__list li {
    position: relative
}

.footer__list li svg {
    position: absolute;
    top: 2px;
    left: -4px;
    transform: translate(-100%)rotate(.001deg)
}

.footer__contacts a {
    font-size: var(--footerfs, 20px);
    font-weight: 500
}

.footer__contacts a:not(:last-child) {
    margin-bottom: 10px
}

.footer__logolinks {
    margin-bottom: 54px
}

.footer__logolinks img {
    width: 100%;
    max-width: 200px;
    margin-bottom: 10px
}

.footer__links {
    align-items: center;
    margin-left: -5px;
    display: flex
}

.footer__links .footer__links-vk {
    padding-left: 1px;
    padding-right: 4px
}

.footer__links a {
    padding: 5px;
    display: block
}

.footer__line {
    background: #2e2e2e;
    height: 1px;
    margin: 43px 0 40px
}

.footer__tempwrap {
    display: block
}

.footer__grid,
.footer__undergrid {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    display: grid
}

.footer__undergrid {
    grid-template-rows: initial;
    color: #999
}

.footer__undergrid img {
    max-width: 100%
}

.footer__undergrid a,
.footer__undergrid span {
    display: block
}

.footer__undergrid-el {
    font-weight: 500;
    font-size: var(--footerfs, 18px)
}

.footer__undergrid-el_dim {
    opacity: .5
}

.footer__undergrid-el-flex {
    justify-content: space-between;
    display: flex
}

.footer__undergrid-el a:not(:last-child),
.footer__undergrid-el span:not(:last-child) {
    margin-bottom: 20px
}

.footer__undergrid-skol a {
    color: #fff;
    align-items: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
    display: flex
}

.footer__undergrid-skol a svg {
    width: 50px;
    margin-top: 5px;
    margin-right: 10px;
    display: block;
    transform: rotate(.001deg)
}

.footer__undergrid-links {
    grid-template-columns: minmax(auto, 120px) minmax(auto, 95px);
    align-self: start;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    display: grid
}

.footer__directions {
    grid-column: 2/4
}

.footer__academy {
    grid-column: 4/5
}

.ls {
    letter-spacing: -.02em
}

.f12 {
    font-size: 12px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.f26 {
    font-size: 26px
}

.f30 {
    font-size: 30px
}

.f34 {
    font-size: 34px
}

.f36 {
    font-size: 36px
}

.f40 {
    font-size: 40px
}

.f45 {
    font-size: 45px
}

.f70 {
    font-size: 70px
}

.fw300.fw300 {
    font-weight: 300
}

.fw400.fw400 {
    font-weight: 400
}

.fw500.fw500 {
    font-weight: 500
}

.fw600.fw600 {
    font-weight: 600
}

.fw700.fw700 {
    font-weight: 700
}

.lh105 {
    line-height: 1.05
}

.lh15 {
    line-height: 1.5
}

.lh14 {
    line-height: 1.4
}

.lh13 {
    line-height: 1.3
}

.lh12 {
    line-height: 1.2
}

.lh11 {
    line-height: 1.1
}

.lh1 {
    line-height: 1
}

.checkbox {
    width: calc(100% + var(--checkboxshift, 0px));
    display: flex
}

.checkbox__input {
    width: var(--checkboxwidth, 16px);
    height: var(--checkboxwidth, 16px);
    flex-shrink: 0;
    align-self: flex-start;
    margin-right: 8px
}

.checkbox__text {
    margin-right: calc(var(--checkboxshift, 0px)*-1);
    align-self: center;
    font-size: 18px
}

.checkbox__text a {
    color: #5652cc
}

.input {
    padding: var(--inputpadY, 13px)var(--inputpadX, 15px);
    background: #fff;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.3
}

.popup {
    opacity: 0;
    z-index: 100;
    pointer-events: none;
    background: #0009;
    flex-direction: column;
    transition: opacity .3s ease-out;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.popup.active {
    pointer-events: auto;
    opacity: 1
}

.popup_clickable {
    pointer-events: auto
}

.popup_animated:not(.active) .popup__content {
    transform: scale(.9)translateY(50px)
}

.popup__content {
    max-width: 90%;
    max-height: 90%;
    margin: auto;
    transition: transform .3s ease-out;
    transform: none
}

.popup__spaced {
    grid-template-columns: 1fr;
    gap: 15px;
    display: grid
}

.popup__close {
    top: var(--closespace, 18px);
    right: var(--closespace, 18px);
    color: var(--closecolor, #fff);
    cursor: pointer;
    transition: filter .3s ease-in-out;
    position: absolute
}

.popup__close:before {
    content: "";
    top: calc(0px - var(--closeboost));
    right: calc(0px - var(--closeboost));
    bottom: calc(0px - var(--closeboost));
    left: calc(0px - var(--closeboost))
}

.popup__close:hover {
    filter: brightness(80%)
}

.popup__close:active {
    filter: brightness(60%)
}

.popup__close svg {
    width: var(--closewidth, 17px)
}

.leavepop {
    --checkboxshift: 5px;
    --closecolor: #b7b7b7
}

.leavepop__content {
    border-radius: 10px;
    grid-template-columns: 48.2% 51.8%;
    width: 900px;
    max-width: 100%;
    display: grid;
    overflow: hidden
}

.leavepop__content-right {
    border-radius: 10px;
    padding: 30px 40px 25px;
    position: relative
}

.leavepop__content-left {
    z-index: 1;
    padding: 27px 32px;
    position: relative
}

.leavepop__content-left-image {
    pointer-events: none;
    z-index: -1;
    width: 110%;
    position: absolute;
    bottom: -5%;
    right: -15%
}

.toTop {
    z-index: 4;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    right: 20px;
    bottom: calc(20px + var(--toTopShift, 0px));
    transition: opacity .3s ease-out;
    position: fixed
}

.toTop.active {
    opacity: 1;
    pointer-events: auto
}

.toTop svg {
    fill: #5652cc;
    background: #fff;
    border-radius: 999px;
    width: 50px;
    height: 50px;
    transition: fill .1s ease-out
}

.toTop svg:hover,
.toTop svg:focus {
    fill: #433ec6
}

.toTop svg:active {
    fill: #3a36b5
}

html,
body {
    scroll-behavior: smooth;
    width: 100%
}

.bg-viol {
    background: #5652cc
}

fallback,
body {
    min-height: 100vh
}

body {
    color: #121212;
    background: #fff;
    flex-direction: column;
    min-height: 100dvh;
    font-family: Alegreya Sans, sans-serif;
    line-height: 1.2;
    display: flex
}

.centered {
    margin-left: auto;
    margin-right: auto
}

a:hover,
a:active,
a:focus {
    color: #5652cc
}

main {
    flex-grow: 1
}

.dblock {
    display: block !important
}

.dnone {
    display: none !important
}

.nowrap {
    white-space: nowrap
}

.w100 {
    width: 100%
}

.hidden {
    overflow: hidden
}

.color_beige.color_beige {
    color: #fff8dc
}

.bg_beige.bg_beige {
    background: #fff8dc
}

.color_black.color_black {
    color: #000
}

.bg_black.bg_black {
    background: #000
}

.color_lightblue.color_lightblue {
    color: #ecf0ff
}

.bg_lightblue.bg_lightblue {
    background: #ecf0ff
}

.color_blue.color_blue {
    color: #496bf2
}

.bg_blue.bg_blue {
    background: #496bf2
}

.color_dark.color_dark {
    color: #121212
}

.bg_dark.bg_dark {
    background: #121212
}

.color_dark-1c.color_dark-1c {
    color: #1c1c1c
}

.bg_dark-1c.bg_dark-1c {
    background: #1c1c1c
}

.color_dark-1e.color_dark-1e {
    color: #1e1e1e
}

.bg_dark-1e.bg_dark-1e {
    background: #1e1e1e
}

.color_dark-2e.color_dark-2e {
    color: #2e2e2e
}

.bg_dark-2e.bg_dark-2e {
    background: #2e2e2e
}

.color_dark-36.color_dark-36 {
    color: #363636
}

.bg_dark-36.bg_dark-36 {
    background: #363636
}

.color_lightgold.color_lightgold {
    color: #fffae9
}

.bg_lightgold.bg_lightgold {
    background: #fffae9
}

.color_gold2.color_gold2 {
    color: #fee173
}

.bg_gold2.bg_gold2 {
    background: #fee173
}

.color_gold.color_gold {
    color: #fdd021
}

.bg_gold.bg_gold {
    background: #fdd021
}

.color_gray-99.color_gray-99 {
    color: #999
}

.bg_gray-99.bg_gray-99 {
    background: #999
}

.color_gray-a6.color_gray-a6 {
    color: #a6a6a6
}

.bg_gray-a6.bg_gray-a6 {
    background: #a6a6a6
}

.color_gray-b7.color_gray-b7 {
    color: #b7b7b7
}

.bg_gray-b7.bg_gray-b7 {
    background: #b7b7b7
}

.color_light.color_light {
    color: #e1fff6
}

.bg_light.bg_light {
    background: #e1fff6
}

.color_light-f6.color_light-f6 {
    color: #f6f6f6
}

.bg_light-f6.bg_light-f6 {
    background: #f6f6f6
}

.color_pink.color_pink {
    color: #ff99af
}

.bg_pink.bg_pink {
    background: #ff99af
}

.color_lightpink.color_lightpink {
    color: #ffe7ec
}

.bg_lightpink.bg_lightpink {
    background: #ffe7ec
}

.color_green.color_green {
    color: #3fd6a6
}

.bg_green.bg_green {
    background: #3fd6a6
}

.color_lightgreen.color_lightgreen {
    color: #e1fff6
}

.bg_lightgreen.bg_lightgreen {
    background: #e1fff6
}

.color_viol.color_viol {
    color: #5652cc
}

.bg_viol.bg_viol {
    background: #5652cc
}

.color_lightviol.color_lightviol {
    color: #edecff
}

.bg_lightviol.bg_lightviol {
    background: #edecff
}

.color_white.color_white {
    color: #fff
}

.bg_white.bg_white {
    background: #fff
}

.color_gold3.color_gold3 {
    color: #fedd2d
}

.bg_gold3.bg_gold3 {
    background: #fedd2d
}

.bg_none.bg_none {
    background: 0 0
}

.order_-2 {
    order: -2
}

.order_-1 {
    order: -1
}

.order_0 {
    order: 0
}

.order_1 {
    order: 1
}

.order_2 {
    order: 2
}

.order_3 {
    order: 3
}

.order_4 {
    order: 4
}

.order_5 {
    order: 5
}

.order_6 {
    order: 6
}

.order_7 {
    order: 7
}

.order_8 {
    order: 8
}

.order_9 {
    order: 9
}

.order_10 {
    order: 10
}

.mb40.mb40 {
    margin-bottom: 40px
}

.mb30.mb30 {
    margin-bottom: 30px
}

.mb25.mb25 {
    margin-bottom: 25px
}

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

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

.mb15.mb15 {
    margin-bottom: 15px
}

.mb10.mb10 {
    margin-bottom: 10px
}

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

.mb5.mb5 {
    margin-bottom: 5px
}

.mb0.mb0 {
    margin-bottom: 0
}

.ta-center.ta-center {
    text-align: center
}

.ta-left.ta-left {
    text-align: left
}

.herocat {
    --iconspace: 34px;
    --lpad: 30px
}

.herocat a {
    display: block
}

.herocat_27 {
    --iconspace: 27px
}

.herocat_24 {
    --iconspace: 24px
}

.herocat_18 {
    --iconspace: 18px
}

.herocat a {
    padding: 11px 0px 6px var(--lpad);
    background: #f6f6f6;
    border-radius: 8px;
    height: 42px;
    font-weight: 500;
    line-height: 1.1;
    transition: background .1s ease-out;
    display: flex;
    overflow: hidden
}

.herocat a:hover {
    background: #edecff
}

.herocat a svg,
.herocat a img {
    margin-left: var(--iconspace);
    align-self: flex-end;
    margin-bottom: -6px
}

.hero {
    padding: 13px 0 10px;
    line-height: 1.2
}

.hero__inner {
    border-radius: 10px;
    padding: 80px 20px
}

.hero__title {
    text-align: center;
    letter-spacing: -.022em;
    margin-bottom: 8px;
    font-weight: 700
}

.hero__subtitle {
    text-align: center;
    margin-bottom: 50px
}

.hero__gridwrap {
    max-width: 1090px;
    margin: 0 auto
}

.hero__grid {
    --Xgap: 10px;
    --Ygap: 10px;
    margin: calc(var(--Ygap)*-1)calc(var(--Xgap)*-1);
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.hero__cat {
    margin: var(--Ygap)var(--Xgap)
}

.tag {
    padding: 4px var(--tagpad, 25px)3px;
    white-space: nowrap;
    background: #fff;
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500
}

.tag_mini {
    padding: 5px 16px 4px
}

.cattiles {
    padding: 4px 0
}

.cattiles__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 17px 28px;
    display: grid
}

.cattiles__grid_alt {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 35px
}

.cattiles__btn {
    margin-top: 18px
}

.cattile {
    z-index: 1;
    --catpad: 25px;
    --tagpad: 25px;
    border-radius: 10px;
    flex-direction: column;
    height: 226px;
    display: flex;
    position: relative;
    overflow: hidden
}

.cattile:hover .cattile__title {
    color: #5652cc
}

.cattile_center .cattile__picture img {
    object-position: 50% 70%
}

.cattile_titlespace .cattile__title {
    margin-bottom: 16px
}

.cattile__tags {
    margin: calc(-1*var(--Ygap))calc(-1*var(--Xgap))var(--Ygap)calc(-1*var(--Xgap));
    --Xgap: 5px;
    --Ygap: 5px;
    flex-wrap: wrap;
    display: flex
}

.cattile__tags>* {
    margin: var(--Ygap)var(--Xgap)
}

.cattile__picture {
    padding: var(--tagpad)var(--catpad)16px;
    flex-grow: 1
}

.cattile__picture img {
    z-index: -2;
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cattile__body {
    padding: 16px var(--catpad);
    background: #ffffffe6;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    align-items: flex-start;
    display: flex
}

.cattile__title {
    flex-grow: 1;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1.05;
    transition: color .1s ease-out
}

.cattile__date {
    color: #a6a6a6;
    line-height: 1.05
}

.cattile_alt {
    --catpad: 20px;
    --tagpad: 15px;
    border-radius: 20px;
    height: 334px
}

.cattile_alt .cattile__body {
    padding: 23px var(--catpad)28px;
    min-height: 52.3%
}

.swiper-container {
    z-index: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    position: relative;
    overflow: hidden
}

.swiper-wrapper {
    z-index: 1;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-property: transform, height;
    display: flex;
    position: relative
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate(0, 0)
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    transition-property: transform;
    position: relative
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    width: 100%;
    bottom: 10px;
    left: 0
}

.courseslide-outer {
    border-radius: 10px;
    flex-direction: column;
    min-height: 508px;
    display: flex;
    overflow: hidden
}

.courseslide {
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    display: flex;
    position: relative
}

.courseslide__head {
    height: 211px;
    padding: 40px 22px 24px 25px
}

.courseslide__body {
    background: #fff;
    flex-direction: column;
    flex-grow: 1;
    padding: 10px 23px 18px;
    display: flex
}

.courseslide__tag {
    z-index: 1;
    position: absolute
}

.courseslide__img {
    object-fit: contain;
    object-position: right center;
    width: 100%;
    height: 100%
}

.courseslide__title {
    margin-bottom: 10px;
    font-weight: 700
}

.courseslide__descr {
    flex-grow: 1;
    margin-bottom: 10px
}

.courseslide__price {
    align-items: center;
    font-weight: 700;
    display: flex
}

.courseslide__price .courseslide__price-number {
    margin-right: 4px;
    font-weight: 700
}

.courseslide__price_old {
    color: #a6a6a6;
    font-weight: 400;
    text-decoration: line-through
}

.courseslide__price_old .courseslide__price-number {
    margin-right: 6px;
    font-weight: 400
}

.courseslide__button {
    margin-top: 15px
}

.clickincrease {
    --clickboost: -100%
}

.clickincrease:before {
    top: var(--clickboost);
    left: var(--clickboost);
    right: var(--clickboost);
    bottom: var(--clickboost);
    content: "";
    display: block;
    position: absolute
}

.courses {
    padding: 60px 0 40px;
    overflow: hidden
}

.courses__title {
    text-align: center;
    letter-spacing: -.02em;
    margin-bottom: 40px
}

.courses__swiper {
    margin-bottom: 24px;
    position: relative
}

.courses__swiper-arrow {
    cursor: pointer;
    transition: filter .1s ease-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.courses__swiper-arrow:hover svg {
    filter: brightness(80%)
}

.courses__swiper-arrow:active svg {
    filter: brightness(60%)
}

.courses__swiper-arrow svg {
    color: #b7b7b7;
    width: 16px;
    transition: opacity .1s ease-out
}

.courses__swiper-arrow.swiper-button-disabled {
    pointer-events: none
}

.courses__swiper-arrow.swiper-button-disabled svg {
    opacity: .5
}

.courses__swiper-arrow_prev {
    right: calc(100% + 36px)
}

.courses__swiper-arrow_next {
    left: calc(100% + 36px)
}

.courses .swiper-container .swiper-wrapper {
    align-items: flex-start;
    transition: all .3s ease-out
}

.courses .swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

.courses__btn {
    margin-top: 38px
}

.promo {
    z-index: 1;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 268px;
    padding: 30px 40px;
    display: flex;
    position: relative;
    overflow: hidden
}

.promo:before {
    content: "";
    opacity: .35;
    z-index: -1;
    background: #000
}

.promo__img,
.promo:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.promo__img {
    z-index: -2
}

.promo__img img {
    object-fit: cover;
    object-position: 50% 30%;
    width: 100%;
    height: 100%
}

.promo__title {
    margin-bottom: 10px;
    font-weight: 700
}

.promo__subtitle {
    margin-bottom: 16px;
    font-weight: 500
}

.promo__button {
    margin-top: auto
}

.promos {
    padding: 22px 0 100px
}

.promos__title {
    text-align: center;
    letter-spacing: -.02em;
    margin-bottom: 52px
}

.promos__grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    display: grid
}

.pagetitle {
    margin: 107px 0 48px
}

.tagline {
    --Xgap: 4px;
    --Ygap: 4px
}

.tagline__inner {
    margin: calc(-1*var(--Ygap))calc(-1*var(--Xgap))var(--Ygap)calc(-1*var(--Xgap));
    flex-wrap: wrap;
    display: flex
}

.tagline__inner>* {
    margin: var(--Ygap)var(--Xgap)
}

.tag2 {
    padding: 11px var(--tagpadX, 29px);
    white-space: nowrap;
    --border: #fff;
    --bg: #fff;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    transition: border-color .3s ease-out, background .3s ease-out, color .3s ease-out;
    display: flex
}

.tag2 svg {
    margin-right: var(--tagiconspace, 6px)
}

.tag2_toggle-dark:hover {
    --border: #363636
}

.tag2_toggle-dark.active {
    --border: #363636;
    --bg: #363636;
    color: #fff
}

.tag2_toggle-blue:hover {
    --border: #496bf2
}

.tag2_toggle-blue.active {
    --border: #496bf2;
    --bg: #496bf2;
    color: #fff
}

.coursepage-section {
    min-height: calc(100vh - 230px);
    padding-bottom: 85px
}

.coursepage-section__tagline {
    margin-bottom: 41px
}

.coursepage-section__grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto));
    gap: 20px 28px;
    margin-bottom: 45px;
    display: grid
}

.actionlink {
    align-items: center;
    transition: filter .1s ease-out;
    display: flex
}

.actionlink__icon {
    color: #b7b7b7;
    margin-right: 8px;
    transition: color .1s ease-out
}

.actionlink__text {
    color: #a6a6a6;
    transition: color .1s ease-out
}

.actionlink:hover .actionlink__icon,
.actionlink:focus .actionlink__icon {
    color: #9e9e9e
}

.actionlink:hover .actionlink__text,
.actionlink:focus .actionlink__text {
    color: #8d8d8d
}

.actionlink:active .actionlink__icon {
    color: #919191
}

.actionlink:active .actionlink__text {
    color: gray
}

.actionlink_top {
    margin: 30px 0 16px
}

.catbanner {
    z-index: 1;
    border-radius: 10px;
    align-items: center;
    padding: 40px 140px 40px 70px;
    display: flex;
    position: relative
}

.catbanner__title {
    margin-right: auto;
    line-height: 1
}

.catbanner__btn {
    --padY: 11.5px;
    --padX: 31.5px;
    border-radius: 100px
}

.catbanner__img {
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 0
}

.catbanner_catpage {
    margin-bottom: 30px
}

.tagline_catpage {
    margin-bottom: 15px
}

.cattiles__grid_catpage {
    margin-bottom: 68px
}

.artlink {
    grid-template-columns: 196px 1fr;
    gap: 50px;
    display: grid
}

.artlink__img {
    align-self: start;
    width: 196px
}

.artlink__img img {
    border-radius: 10px;
    width: 100%
}

.artlink__body {
    border-bottom: 1px solid #b7b7b733;
    align-self: stretch;
    padding-bottom: 25px
}

.artlink__title,
.artlink__tags {
    margin-bottom: 10px;
    font-weight: 700;
    transition: color .1s ease-out
}

.artlink__tags {
    color: #b7b7b7;
    font-weight: 500
}

.artlink__tags-flex {
    --Xgap: 11px;
    --Ygap: 11px;
    margin: calc(-1*var(--Ygap))calc(-1*var(--Xgap));
    flex-wrap: wrap;
    display: flex
}

.artlink__tags-flex>* {
    margin: var(--Ygap)var(--Xgap)
}

.artlink__text {
    color: #121212;
    font-weight: 500
}

.pagination {
    justify-content: center;
    margin: 0 auto;
    display: flex
}

.pagination__body {
    align-items: center;
    display: flex
}

.pagination__body>:not(:last-child) {
    margin-right: 15px
}

.pagination__page {
    color: #b7b7b7;
    padding: 15px;
    font-weight: 700;
    transition: color .1s ease-out
}

.pagination__page.active {
    color: #5652cc
}

.pagination__filler {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 15px;
    max-width: 70px
}

.pagination__arrow {
    --clickboost: 75%;
    transition: filter .1s ease-out;
    position: relative
}

.pagination__arrow:hover svg {
    filter: brightness(80%)
}

.pagination__arrow:active svg {
    filter: brightness(60%)
}

.pagination__arrow svg {
    color: #b7b7b780;
    opacity: .5;
    width: 16px;
    transition: opacity .1s ease-out
}

.pagination__arrow[href] svg {
    opacity: 1
}

.searchpage-section {
    min-height: calc(100vh - 230px);
    padding-bottom: 80px
}

.searchpage-section__search {
    margin-bottom: 16px
}

.searchpage-section__text {
    border-bottom: 1px solid #b7b7b780;
    min-height: 76px
}

.searchpage-section__results {
    grid-template-columns: 1fr;
    gap: 49px;
    padding: 48px 0;
    display: grid
}

.searchpage-section__pagination {
    margin-bottom: 51px
}

.searchpage-section__sorts {
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 23px;
    font-weight: 500;
    display: grid
}

.searchpage-section__sort {
    color: #5652cc;
    transition: color .1s ease-out
}

.searchpage-section__sort:not([href]),
.searchpage-section__sort.active {
    color: #121212
}

.marked {
    padding: 30px 40px;
    position: relative
}

.marked__title {
    font-weight: 700
}

.marked__bordline {
    border-radius: 4px;
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.marked__body p:not(:last-child) {
    margin-bottom: 1.25em
}

.marked__checkline {
    align-items: center;
    display: flex
}

.marked__checkline:not(:last-child) {
    margin-bottom: 25px
}

.marked__checkline-check {
    flex-shrink: 0;
    align-self: flex-start;
    width: 30px;
    margin-right: 15px
}

.marked__ol {
    --listpad: 50px;
    --counterfs: 22px;
    --counterfw: 500;
    --counterbg: #fdd021;
    --countersize: 34px;
    --listspace: 25px
}

.person {
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 20px;
    display: grid
}

.person__ava {
    align-self: start
}

.person__ava img {
    border-radius: 999px;
    width: 100%
}

.person__name {
    font-weight: 700
}

.person__descr {
    font-weight: 500
}

.slider {
    --arrowgap: 36px;
    position: relative
}

.slider__container {
    height: 100%
}

.slider .slider__slide {
    max-width: 100%
}

.slider .slider__slide_rounded,
.slider .slider__slide_rounded .slider__slide-img {
    border-radius: 10px;
    overflow: hidden
}

.slider .slider__slide-img {
    width: 100%;
    height: 100%
}

.slider .slider__slide-img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.slider__arrow {
    cursor: pointer;
    transition: filter .1s ease-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slider__arrow:hover svg {
    filter: brightness(80%)
}

.slider__arrow:active svg {
    filter: brightness(60%)
}

.slider__arrow svg {
    width: var(--arrowwidth, 16px);
    color: var(--arrowcolor, #b7b7b7);
    transition: opacity .1s ease-out
}

.slider__arrow.swiper-button-disabled {
    pointer-events: none
}

.slider__arrow.swiper-button-disabled svg {
    opacity: .5
}

.slider__arrow_prev {
    right: calc(100% + var(--arrowgap))
}

.slider__arrow_next {
    left: calc(100% + var(--arrowgap))
}

.slider_autoheight {
    aspect-ratio: initial !important;
    height: auto !important
}

.slider_autoheight .swiper-container .swiper-wrapper {
    align-items: flex-start;
    transition: all .3s ease-out
}

.slider_autoheight .swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

.slider_autoheight .slider__slide-img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 auto
}

.slider_autoheight .slider__slide-img img {
    object-fit: initial;
    object-position: center;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 600px
}

.slider_autoslides .swiper-slide {
    width: initial;
    max-width: 100%
}

.linkbanner {
    border-radius: 10px;
    grid-template-columns: 200px 1fr;
    gap: 43px;
    padding: 26px 40px;
    display: grid;
    overflow: hidden
}

.linkbanner__img {
    border-radius: 10px;
    overflow: hidden
}

.linkbanner__img img {
    width: 100%
}

.linkbanner__uptitle {
    color: #121212
}

.linkbanner__title {
    text-underline-offset: .2em;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    transition: color .1s ease-out
}

.question {
    --questionbg: #f6f6f6;
    --questionactive: #edecff;
    --questionmain: #5652cc;
    background: var(--questionbg);
    --descrspace: 10px;
    border-radius: 8px;
    transition: background .3s ease-out
}

.question:hover,
.question:focus-within {
    background: var(--questionactive)
}

.question:hover .question__title,
.question:focus-within .question__title {
    color: var(--questionmain)
}

.question__header {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: 24px 30px 24px 40px;
    display: flex
}

.question.active .question__close {
    transform: rotate(-45deg)
}

.question__close {
    color: #c9c9c9;
    border-radius: 99px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-left: 20px;
    transition: color .1s ease-out, all .3s ease-out;
    display: flex
}

.question__close svg {
    width: 23px
}

.question:hover .question__close {
    color: var(--questionmain)
}

.question__title {
    font-weight: 700;
    transition: color .3s ease-out
}

.question__body {
    z-index: 1;
    margin-top: calc(var(--descrspace)*-1);
    margin-bottom: var(--descrspace);
    height: 0;
    transition: height .4s ease-out, margin-bottom .4s ease-out;
    position: relative;
    overflow: hidden
}

.question.active .question__descr {
    opacity: 1
}

.question.active .question__body {
    margin-bottom: 0
}

.question__descr {
    opacity: 0;
    padding: 0 101px 20px 40px;
    transition: opacity .4s ease-out
}

.rating {
    pointer-events: none;
    --default: #fff;
    --defaultfill: #fff;
    --notactive: #fff;
    justify-content: center;
    align-items: center;
    display: flex
}

.rating>:not(:last-child) {
    margin-right: 2px
}

.rating_set {
    --defaultfill: #fdd021
}

.rating:hover {
    --defaultfill: #fdd021;
    --notactive: #fdd021
}

.rating:focus-visible {
    --defaultfill: #fdd021;
    --notactive: #fdd021
}

.rating__star.active~.rating__star {
    color: var(--notactive)
}

.rating .rating__star {
    pointer-events: auto;
    cursor: pointer;
    color: var(--defaultfill)
}

.rating .rating__star:hover~.rating__star {
    color: var(--default)
}

.rating .rating__star:focus-visible~.rating__star {
    color: var(--default)
}

.comment {
    --Xgap: 10px;
    --Ygap: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5
}

.comment+.comment {
    margin-top: 35px
}

.comment__head {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
    display: flex
}

.comment__head-inner {
    margin: calc(-1*var(--Ygap))calc(-1*var(--Xgap));
    flex-wrap: wrap;
    display: flex
}

.comment__head-inner>* {
    margin: var(--Ygap)var(--Xgap)
}

.comment__name {
    margin-right: 10px;
    font-weight: 700;
    line-height: 1.5
}

.comment__date {
    color: #a6a6a6
}

.comment__body {
    margin-bottom: 10px
}

.comment__actionline {
    grid-template-columns: auto auto auto;
    justify-content: start;
    align-items: center;
    gap: 15px;
    display: grid
}

.comment__actionline-number {
    align-self: start;
    line-height: 1.3
}

.comment__actionline-btn {
    --clickboost: -30%;
    cursor: pointer;
    color: #a6a6a6;
    height: 30px;
    transition: color .1s ease-out;
    position: relative
}

.comment__actionline-btn:hover,
.comment__actionline-btn:active,
.comment__actionline-btn.active {
    color: #5652cc
}

.comment__actionline-btn:focus-visible {
    color: #5652cc
}

.list>li {
    padding-left: var(--listpad, 14px);
    position: relative
}

.list>li:not(:last-child) {
    margin-bottom: var(--listspace, 7px)
}

.list>li:before {
    content: "";
    position: absolute
}

.list_dot>li:before {
    left: var(--dotleft, 3px);
    top: var(--dotright, .6em);
    width: var(--dotsize, 6px);
    height: var(--dotsize, 6px);
    background: var(--dotcolor, #5652cc);
    border-radius: 99px;
    transform: translate(-50%, -50%)
}

.list_ol {
    counter-reset: counter
}

.list_ol>li {
    counter-increment: counter
}

.list_ol>li:before {
    content: counter(counter);
    border-radius: var(--counterbr, 99px);
    background: 0 0;
    background: var(--counterbg);
    font-size: var(--counterfs);
    font-weight: var(--counterfw);
    line-height: var(--countersize);
    width: var(--countersize);
    height: var(--countersize);
    text-align: center;
    white-space: nowrap;
    top: 0;
    left: 0
}

.article {
    padding: 30px 0;
    overflow: hidden
}

.article.article {
    width: calc(100% + var(--wrappad)*2);
    padding-left: var(--wrappad);
    padding-right: var(--wrappad);
    margin-left: calc(var(--wrappad)*-1);
    margin-right: calc(var(--wrappad)*-1)
}

.article-cont {
    grid-template-columns: 1fr 389px;
    gap: 45px;
    display: grid
}

.article-cont .article-cont__subscriptform {
    top: var(--headerheight);
    position: sticky
}

.article__table {
    width: 100%;
    overflow: auto
}

.article__table::-webkit-scrollbar {
    opacity: 1
}

.article__table::-webkit-scrollbar-track {
    height: 0
}

.article__table::-webkit-scrollbar-thumb {
    background: #0003
}

.article__table tr td:first-child {
    position: sticky;
    left: 0
}

.article__table tr td {
    background: #fff
}

.article__table tr:nth-child(odd) td {
    background: #edecff
}

.article__table-table {
    border-spacing: 0;
    text-align: center;
    min-width: 100%;
    margin-bottom: 5px
}

.article__table td+td,
.article__table th+th {
    border-left: 0
}

.article__table tr+tr td,
.article__table tr+tr th,
.article__table thead+tbody tr:first-child td,
.article__table thead+tbody tr:first-child th {
    border-top: 0
}

.article__table th {
    font-weight: 500
}

.article__table td,
.article__table th {
    border: 1px solid #0009;
    padding: 15px
}

.article__table td:first-child,
.article__table th:first-child {
    text-align: left
}

.article__title {
    margin-bottom: 17px
}

.article__subtitle {
    margin-bottom: 15px
}

.article__img_rounded {
    border-radius: 10px;
    overflow: hidden
}

.article__img_bordered {
    border: 1px solid #b7b7b7
}

.article__img_box {
    width: 100%;
    padding-bottom: 56.4%;
    position: relative
}

.article__img_box img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.article .article__header-actionlink {
    margin-bottom: 43px
}

.article .article__header-tagline {
    --Xgap: 8px;
    --Ygap: 8px;
    margin-bottom: 20px
}

.article .article__header-tag {
    padding-top: 13px;
    padding-bottom: 13px
}

.article .article__header-tag_wide {
    --tagpadX: 40px
}

.article .article__header-tag_empty {
    --tagpadX: 3px;
    --tagiconspace: 3px;
    border-color: #0000
}

.article .article__header-img {
    margin-bottom: 40px
}

.article__pre {
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 30px
}

.article__pre-headline {
    margin-bottom: 17px;
    display: flex
}

.article__pre-title {
    align-self: center
}

.article__pre-icon {
    margin-right: 8px
}

.article__slider {
    width: calc(100% - var(--sliderspace)*2);
    --sliderspace: 20px;
    --arrowgap: 20px;
    --arrowwidth: 13px;
    --arrowcolor: #929292
}

@supports (aspect-ratio:798/450) {
    .article__slider {
        aspect-ratio: 798/450
    }
}

@supports not (aspect-ratio:798/450) {
    .article__slider {
        height: 450px
    }
}

.article__icontitle {
    align-items: center;
    display: flex
}

.article__icontitle-icon {
    margin-right: 21px
}

.article__youtubevideo-iframeholder {
    border-radius: 10px;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

.article__youtubevideo-iframeholder iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0
}

.article__faq-questions {
    grid-template-columns: 1fr;
    gap: 20px;
    display: grid
}

.article__footer {
    padding: 10px 0 15px
}

.article__footer-actionline,
.article__footer-actionline2 {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.article__footer-actionline2 {
    align-items: flex-start
}

.article__footer-comment {
    border-radius: 10px;
    width: 100%;
    height: 250px;
    padding: 35px;
    font-weight: 500
}

.article__footer-enter {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.article__footer-enter-actions {
    align-items: center;
    display: flex
}

.article__footer-enter-input {
    width: 316px;
    font-weight: 500
}

.article__footer-enter-btn {
    --padX: 36px;
    flex-shrink: 0
}

.article__footer-socials-list {
    align-items: center;
    display: flex
}

.article__footer-socials-list>:not(:last-child) {
    margin-right: 15px
}

.article__footer-socials-tel {
    color: #00a1f3 !important
}

.article__footer-socials-tel svg {
    width: 31px
}

.article__footer-socials-zen {
    color: #4f4f4f !important
}

.article__footer-socials-zen svg {
    width: 24px
}

.article__footer-socials-yt {
    color: #fe0100 !important
}

.article__footer-socials-yt svg {
    width: 32px
}

.article__footer-socials-vk {
    color: #0377ff !important
}

.article__footer-socials-vk svg {
    width: 37px
}

.article__footer-comments {
    padding-top: 10px
}

.profpop__content {
    --checkboxshift: 2px;
    --hoverop: .05;
    --activeop: .1;
    z-index: 1;
    border-radius: 10px;
    width: 466px;
    max-width: 100%;
    padding: 87px 40px;
    position: relative
}

.profpop__tl {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0
}

.profpop__br {
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 0
}

.subscriptform {
    z-index: 1;
    border-radius: 22px;
    width: 100%;
    padding: 100px 24px 40px;
    position: relative;
    overflow: hidden
}

.subscriptform__background {
    width: 100%
}

.subscriptform__background img {
    z-index: -1;
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cattiles_articlepage {
    padding: 10px 0 80px
}

.cattiles__grid_articlepage {
    margin-bottom: 57px
}

@media (min-width:768px) {
    .mobonly {
        display: none !important
    }

    .nowrap-sincemob {
        white-space: nowrap
    }

    .courseslide__tag {
        top: 20px
    }

    .coursepage-section__title {
        margin-bottom: 74px
    }

    .rating_withtext[data-value]:after {
        content: attr(data-value)".0 из 5";
        margin-left: 35px;
        font-weight: 500
    }

    .article__icontitle {
        padding-left: 11px
    }

    .article__footer-enter-actions>:not(:last-child) {
        margin-right: 20px
    }
}

@media (min-width:1280.02px) {
    .nowrap-sincetab {
        white-space: nowrap
    }
}

@media (min-width:1440.02px) {
    .footer {
        --footerfs: 24px
    }

    .footer__banner {
        margin-bottom: 53px
    }

    .footer__list li:not(:last-child) {
        margin-bottom: 13px
    }

    .footer__list li:not(.footer__license) svg {
        left: -8px;
        transform: translate(-100%)scale(1.25)
    }

    .footer__logolinks img {
        max-width: 271px;
        margin-bottom: 18px
    }

    .footer__links>:not(:last-child) {
        margin-right: 11px
    }

    .footer__links .footer__links-vk svg {
        width: 39px
    }

    .footer__links-tg svg {
        width: 27px
    }

    .footer__links-zen svg {
        width: 23px
    }

    .footer__links-yt svg {
        width: 30px
    }

    .footer__line {
        margin: 105px 0 60px
    }

    .footer__undergrid {
        gap: 85px 40px
    }
}

@media (max-width:1600px) {
    .article__slider {
        margin-left: var(--sliderspace);
        margin-right: var(--sliderspace)
    }
}

@media (max-width:1280px) {
    .banner1 {
        padding: 15px 20px
    }

    .banner1__img {
        max-width: 180px
    }

    .banner1 .banner1__btn {
        padding: 14px 50px;
        font-size: 22px
    }

    .f12-tab {
        font-size: 12px
    }

    .f15-tab {
        font-size: 15px
    }

    .f16-tab {
        font-size: 16px
    }

    .f18-tab {
        font-size: 18px
    }

    .f20-tab {
        font-size: 20px
    }

    .f22-tab {
        font-size: 22px
    }

    .f24-tab {
        font-size: 24px
    }

    .f26-tab {
        font-size: 26px
    }

    .f30-tab {
        font-size: 30px
    }

    .f34-tab {
        font-size: 34px
    }

    .f36-tab {
        font-size: 36px
    }

    .f40-tab {
        font-size: 40px
    }

    .f45-tab {
        font-size: 45px
    }

    .f70-tab {
        font-size: 70px
    }

    .sincetab {
        display: none !important
    }

    .herocat {
        --lpad: 21px;
        --iconspace: 20px
    }

    .herocat svg,
    .herocat img {
        transform-origin: 100% 100%;
        margin-right: -1px;
        transform: scale(.85)
    }

    .hero__grid {
        --Xgap: 7px;
        --Ygap: 7px
    }

    .cattiles__grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 17px 24px
    }

    .cattile {
        --catpad: 23px
    }

    .cattile__body {
        padding: 16px var(--catpad)14px
    }

    .cattile_alt {
        height: 245px
    }

    .cattile_alt .cattile__body {
        padding: 16px var(--catpad)14px
    }

    .pagetitle {
        margin-top: 60px
    }

    .article__footer-actionline2 {
        display: block
    }

    .article__footer-socials {
        margin-bottom: 20px
    }
}

@media (max-width:1280px) and (min-width:991.02px) {
    .linkbanner {
        grid-template-columns: 150px 1fr;
        gap: 20px;
        padding: 26px 20px
    }
}

@media (max-width:991.98px) {
    .banner1 {
        background: #fff;
        flex-direction: column;
        display: flex
    }

    .banner1__left {
        background: #fedd2d;
        border-radius: 15px;
        width: calc(100% + 40px);
        margin: -20px -20px 0
    }

    .banner1__img {
        max-width: 150px;
        margin: 8px auto
    }

    .banner1__right {
        justify-self: initial
    }

    .banner1__btn,
    .banner1__right {
        width: 100%;
        max-width: 500px
    }

    .f12-med {
        font-size: 12px
    }

    .f15-med {
        font-size: 15px
    }

    .f16-med {
        font-size: 16px
    }

    .f18-med {
        font-size: 18px
    }

    .f20-med {
        font-size: 20px
    }

    .f22-med {
        font-size: 22px
    }

    .f24-med {
        font-size: 24px
    }

    .f26-med {
        font-size: 26px
    }

    .f30-med {
        font-size: 30px
    }

    .f34-med {
        font-size: 34px
    }

    .f36-med {
        font-size: 36px
    }

    .f40-med {
        font-size: 40px
    }

    .f45-med {
        font-size: 45px
    }

    .f70-med {
        font-size: 70px
    }

    .sincemed {
        display: none !important
    }

    .cattiles__grid {
        grid-template-columns: 1fr 1fr
    }

    .promos__grid {
        grid-template-columns: 1fr
    }

    .artlink {
        gap: 30px
    }

    .article-cont {
        grid-template-columns: 1fr;
        gap: 0
    }

    .article-cont__sidebar {
        display: none
    }
}

@media (max-width:991px) {
	.article__img_box img{
		object-fit: unset;
	}
    .banner1__text {
        font-size: calc(1.78838vw + 10.2772px)
    }
}

@media (max-width:920px) {
    .footer__tempwrap {
        display: contents
    }

    .footer__grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }

    .footer__grid:after {
        content: "";
        background: #2e2e2e;
        order: 1;
        grid-column: span 2;
        height: 1px;
        margin: 30px 0
    }

    .footer .footer__undergrid-el a:not(:last-child),
    .footer .footer__undergrid-el span:not(:last-child) {
        margin-bottom: 4px
    }

    .footer__policy {
        order: -3
    }

    .footer__license {
        grid-column: span 2;
        margin-top: 20px;
        margin-left: 20px;
        padding-top: 2px
    }

    .footer__undergrid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }

    .footer__undergrid * {
        font-size: 14px
    }

    .footer__undergrid-links {
        display: contents
    }

    .footer__undergrid-links>* {
        order: -5;
        align-self: center
    }

    .footer__undergrid-skol {
        order: -4;
        margin-bottom: 5px
    }

    .footer__undergrid-skol a span {
        font-size: 16px
    }

    .footer__undergrid-el:not(.footer__undergrid-el_dim),
    .footer__undergrid .footer__list {
        display: contents
    }

    .footer__undergrid-el:not(.footer__undergrid-el_dim)>li,
    .footer__undergrid .footer__list>li {
        margin-bottom: 0
    }

    .footer__undergrid-el_dim {
        grid-column: span 2
    }

    .footer__undergrid-el_final {
        order: 1
    }

    .footer__line {
        margin: 20px 0
    }

    .footer__minititle-disappearing {
        display: none
    }

    .footer__minititle,
    .footer__list {
        font-size: 16px
    }

    .footer__logolinks,
    .footer__contacts {
        grid-column: 1/3
    }

    .footer__logolinks a,
    .footer__contacts a {
        font-size: 18px
    }

    .footer__logolinks {
        grid-template-columns: minmax(auto, 200px) auto;
        justify-content: space-between;
        align-items: start;
        gap: 10px;
        margin-bottom: 0;
        display: grid
    }

    .footer__logolinks img {
        max-width: 100%
    }

    .footer__contacts {
        -moz-columns: 2;
        columns: 2;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .footer__directions,
    .footer__academy {
        grid-column: initial;
        grid-row: initial;
        order: 2
    }

    .footer__courselist {
        -moz-columns: initial;
        columns: initial
    }
}

@media (max-width:767.98px) {
    .wrapper {
        --wrappad: 16px
    }

    .mobinwrap {
        margin: 0 calc(var(--inwrapshift, 0px) - var(--wrappad))
    }

    .search {
        padding: 0 0 0 15px
    }

    .search_mobshrink {
        flex-grow: 0;
        width: auto;
        padding: 0
    }

    .search_mobshrink .search__input {
        max-width: 0
    }

    .search_mobshrink.active {
        width: 100%;
        padding-left: 15px
    }

    .search_mobshrink.active .search__input {
        max-width: initial
    }

    .search_mobshrink.active .search__icon,
    .search:focus-within .search__icon {
        background: #edecff
    }

    .search_mobshrink.active .search__icon svg,
    .search:focus-within .search__icon svg {
        color: #5652cc
    }

    .search__options {
        padding: 15px
    }

    .search__icon {
        border-radius: 10px;
        padding: 4.5px
    }

    .search__icon svg {
        color: #b7b7b7;
        stroke-width: 2.6px;
        width: 33px
    }

    .search__input {
        border: none;
        border-radius: 8px;
        margin-right: 0;
        padding: 0
    }

    .search__option-img {
        width: 60px;
        margin-right: 10px
    }

    body {
        --headerheight: 83px
    }

    .header {
        --logowidth: 102px
    }

    .header__choosecourse {
        display: none
    }

    .header__inner {
        justify-content: space-between;
        height: 82.4px;
        padding: 17px 0;
        display: flex
    }

    .header__logo {
        margin-right: calc(var(--logowidth)*-1)
    }

    .header__search {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: 0
    }

    .header__search.active~.header__logo {
        display: none
    }

    .banner1 {
        gap: 13px
    }

    .banner1__left {
        margin-bottom: 7px
    }

    .banner1__text {
        font-size: 20px
    }

    .banner1__img {
        max-width: 87px
    }

    .banner1 .banner1__btn {
        margin-bottom: 10px;
        padding: 12px 20px;
        font-size: 20px
    }

    .btn_slim-mob {
        --padY: 10.5px
    }

    .f12-mob {
        font-size: 12px
    }

    .f15-mob {
        font-size: 15px
    }

    .f16-mob {
        font-size: 16px
    }

    .f18-mob {
        font-size: 18px
    }

    .f20-mob {
        font-size: 20px
    }

    .f22-mob {
        font-size: 22px
    }

    .f24-mob {
        font-size: 24px
    }

    .f26-mob {
        font-size: 26px
    }

    .f30-mob {
        font-size: 30px
    }

    .f34-mob {
        font-size: 34px
    }

    .f36-mob {
        font-size: 36px
    }

    .f40-mob {
        font-size: 40px
    }

    .f45-mob {
        font-size: 45px
    }

    .f70-mob {
        font-size: 70px
    }

    .lh105-mob {
        line-height: 1.05
    }

    .lh15-mob {
        line-height: 1.5
    }

    .lh14-mob {
        line-height: 1.4
    }

    .lh13-mob {
        line-height: 1.3
    }

    .lh12-mob {
        line-height: 1.2
    }

    .lh11-mob {
        line-height: 1.1
    }

    .lh1-mob {
        line-height: 1
    }

    .checkbox__text {
        font-size: 16px
    }

    .popup__close {
        top: var(--closespace, 12px);
        right: var(--closespace, 12px);
        padding: var(--closeboost, 0px)
    }

    .popup__close svg {
        width: var(--closewidth, 13px)
    }

    .leavepop__content {
        grid-template-columns: 1fr;
        width: 300px
    }

    .leavepop__content-right {
        padding: 20px
    }

    .leavepop__content-left {
        display: none
    }

    .sincemob {
        display: none !important
    }

    .nowrap-mob {
        white-space: nowrap
    }

    .w100-mob {
        width: 100%
    }

    .color_beige-mob.color_beige-mob {
        color: #fff8dc
    }

    .bg_beige-mob.bg_beige-mob {
        background: #fff8dc
    }

    .color_black-mob.color_black-mob {
        color: #000
    }

    .bg_black-mob.bg_black-mob {
        background: #000
    }

    .color_lightblue-mob.color_lightblue-mob {
        color: #ecf0ff
    }

    .bg_lightblue-mob.bg_lightblue-mob {
        background: #ecf0ff
    }

    .color_blue-mob.color_blue-mob {
        color: #496bf2
    }

    .bg_blue-mob.bg_blue-mob {
        background: #496bf2
    }

    .color_dark-mob.color_dark-mob {
        color: #121212
    }

    .bg_dark-mob.bg_dark-mob {
        background: #121212
    }

    .color_dark-1c-mob.color_dark-1c-mob {
        color: #1c1c1c
    }

    .bg_dark-1c-mob.bg_dark-1c-mob {
        background: #1c1c1c
    }

    .color_dark-1e-mob.color_dark-1e-mob {
        color: #1e1e1e
    }

    .bg_dark-1e-mob.bg_dark-1e-mob {
        background: #1e1e1e
    }

    .color_dark-2e-mob.color_dark-2e-mob {
        color: #2e2e2e
    }

    .bg_dark-2e-mob.bg_dark-2e-mob {
        background: #2e2e2e
    }

    .color_dark-36-mob.color_dark-36-mob {
        color: #363636
    }

    .bg_dark-36-mob.bg_dark-36-mob {
        background: #363636
    }

    .color_lightgold-mob.color_lightgold-mob {
        color: #fffae9
    }

    .bg_lightgold-mob.bg_lightgold-mob {
        background: #fffae9
    }

    .color_gold2-mob.color_gold2-mob {
        color: #fee173
    }

    .bg_gold2-mob.bg_gold2-mob {
        background: #fee173
    }

    .color_gold-mob.color_gold-mob {
        color: #fdd021
    }

    .bg_gold-mob.bg_gold-mob {
        background: #fdd021
    }

    .color_gray-99-mob.color_gray-99-mob {
        color: #999
    }

    .bg_gray-99-mob.bg_gray-99-mob {
        background: #999
    }

    .color_gray-a6-mob.color_gray-a6-mob {
        color: #a6a6a6
    }

    .bg_gray-a6-mob.bg_gray-a6-mob {
        background: #a6a6a6
    }

    .color_gray-b7-mob.color_gray-b7-mob {
        color: #b7b7b7
    }

    .bg_gray-b7-mob.bg_gray-b7-mob {
        background: #b7b7b7
    }

    .color_light-mob.color_light-mob {
        color: #e1fff6
    }

    .bg_light-mob.bg_light-mob {
        background: #e1fff6
    }

    .color_light-f6-mob.color_light-f6-mob {
        color: #f6f6f6
    }

    .bg_light-f6-mob.bg_light-f6-mob {
        background: #f6f6f6
    }

    .color_pink-mob.color_pink-mob {
        color: #ff99af
    }

    .bg_pink-mob.bg_pink-mob {
        background: #ff99af
    }

    .color_lightpink-mob.color_lightpink-mob {
        color: #ffe7ec
    }

    .bg_lightpink-mob.bg_lightpink-mob {
        background: #ffe7ec
    }

    .color_green-mob.color_green-mob {
        color: #3fd6a6
    }

    .bg_green-mob.bg_green-mob {
        background: #3fd6a6
    }

    .color_lightgreen-mob.color_lightgreen-mob {
        color: #e1fff6
    }

    .bg_lightgreen-mob.bg_lightgreen-mob {
        background: #e1fff6
    }

    .color_viol-mob.color_viol-mob {
        color: #5652cc
    }

    .bg_viol-mob.bg_viol-mob {
        background: #5652cc
    }

    .color_lightviol-mob.color_lightviol-mob {
        color: #edecff
    }

    .bg_lightviol-mob.bg_lightviol-mob {
        background: #edecff
    }

    .color_white-mob.color_white-mob {
        color: #fff
    }

    .bg_white-mob.bg_white-mob {
        background: #fff
    }

    .color_gold3-mob.color_gold3-mob {
        color: #fedd2d
    }

    .bg_gold3-mob.bg_gold3-mob {
        background: #fedd2d
    }

    .bg_none-mob.bg_none-mob {
        background: 0 0
    }

    .order_-2-mob {
        order: -2
    }

    .order_-1-mob {
        order: -1
    }

    .order_0-mob {
        order: 0
    }

    .order_1-mob {
        order: 1
    }

    .order_2-mob {
        order: 2
    }

    .order_3-mob {
        order: 3
    }

    .order_4-mob {
        order: 4
    }

    .order_5-mob {
        order: 5
    }

    .order_6-mob {
        order: 6
    }

    .order_7-mob {
        order: 7
    }

    .order_8-mob {
        order: 8
    }

    .order_9-mob {
        order: 9
    }

    .order_10-mob {
        order: 10
    }

    .mb40-mob.mb40-mob {
        margin-bottom: 40px
    }

    .mb30-mob.mb30-mob {
        margin-bottom: 30px
    }

    .mb25-mob.mb25-mob {
        margin-bottom: 25px
    }

    .mb20-mob.mb20-mob {
        margin-bottom: 20px
    }

    .mb16-mob.mb16-mob {
        margin-bottom: 16px
    }

    .mb15-mob.mb15-mob {
        margin-bottom: 15px
    }

    .mb10-mob.mb10-mob {
        margin-bottom: 10px
    }

    .mb8-mob.mb8-mob {
        margin-bottom: 8px
    }

    .mb5-mob.mb5-mob {
        margin-bottom: 5px
    }

    .mb0-mob.mb0-mob {
        margin-bottom: 0
    }

    .ta-center-mob.ta-center-mob {
        text-align: center
    }

    .ta-left-left.ta-left-left {
        text-align: left
    }

    .herocat {
        --iconspace: 0px;
        flex-grow: 1;
        min-width: 95px
    }

    @supports (min-width:max(95px, 33%)) {
        .herocat {
            min-width: max(95px, 33%)
        }
    }

    .herocat a {
        justify-content: space-between;
        height: 36px
    }

    .hero {
        padding: 25px 0 32px
    }

    .hero__inner {
        padding: 0
    }

    .hero__title {
        letter-spacing: normal;
        margin-bottom: 18px
    }

    .hero__subtitle {
        margin-bottom: 30px;
        font-size: 18px
    }

    .hero__grid {
        --Xgap: 6px;
        --Ygap: 5px
    }

    .tag_mini {
        padding: 4px 12px
    }

    .cattiles__btn {
        margin-top: 30px
    }

    .cattiles {
        padding: 15px 0
    }

    .cattiles__grid {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .cattile__tags {
        --Xgap: 4px;
        --Ygap: 4px
    }

    .cattile {
        --catpad: 25px;
        height: auto;
        min-height: 226px
    }

    .cattile__body {
        flex-basis: initial;
        background: #f6f6f6e6
    }

    .cattile_alt {
        --catpad: 15px;
        --tagpad: 11px;
        border-radius: 10px;
        height: 245px
    }

    .cattile_alt .cattile__body {
        padding: 17px var(--catpad)19px
    }

    .courseslide-outer:not(.courseslide-outer_noadaptive) {
        min-height: 404px
    }

    .courseslide-outer:not(.courseslide-outer_noadaptive).swiper-slide {
        width: 260px
    }

    .courseslide__head {
        height: 168px;
        padding: 16px 38px 19px 21px
    }

    .courseslide_noadaptive .courseslide__head {
        height: 211px;
        padding: 40px 22px 24px 25px
    }

    .courseslide__body {
        padding: 10px 18px 15px
    }

    .courseslide_noadaptive .courseslide__body {
        padding: 10px 23px 18px
    }

    .courseslide_noadaptive .courseslide__tag {
        top: 20px
    }

    .courseslide__img {
        height: calc(100% - 20px);
        margin-top: 20px
    }

    .courseslide_noadaptive .courseslide__img {
        height: 100%;
        margin-top: 0
    }

    .courseslide__title {
        margin-bottom: 6px
    }

    .courseslide_noadaptive .courseslide__title {
        margin-bottom: 10px
    }

    .courses {
        padding: 22px 0
    }

    .courses__title {
        margin-bottom: 30px
    }

    .courses__btn {
        margin-top: 30px
    }

    .courses__swiper {
        margin-bottom: 18px
    }

    .courses__swiper-arrow {
        display: none
    }

    .promo {
        padding: 30px 30px 28px
    }

    .promos {
        padding: 13px 0 50px
    }

    .promos__title {
        margin-bottom: 30px
    }

    .promos__grid {
        gap: 15px
    }

    .pagetitle {
        margin: 32px 0 30px
    }

    .tagline__inner_mobgrow>* {
        flex-grow: 1
    }

    .tag2 {
        padding: 8px var(--tagpadX, 29px)
    }

    .coursepage-section {
        padding-bottom: 32px
    }

    .coursepage-section__tagline {
        --Ygap: 3px;
        --Xgap: 3px;
        margin-bottom: 30px
    }

    .coursepage-section__grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, auto));
        gap: 30px;
        margin-bottom: 30px
    }

    .tag2_coursepage {
        --tagpadX: 22px;
        border-radius: 7px
    }

    .actionlink_top {
        margin: 32px 0 35px
    }

    .catbanner {
        border-radius: 5px;
        padding: 20px 19px 25px;
        display: block
    }

    .catbanner__title {
        margin-bottom: 30px
    }

    .catbanner__btn {
        min-width: 224px
    }

    .catbanner__img {
        transform-origin: 100% 100%;
        transform: scale(1.2)
    }

    .tagline_catpage {
        margin-bottom: 8px
    }

    .tag2_catpage {
        --tagpadX: 15px;
        min-width: 26%
    }

    .cattiles__grid_catpage {
        margin-bottom: 30px
    }

    .artlink {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .artlink__text {
        font-weight: 400
    }

    .pagination__body>:not(:last-child) {
        margin-right: 10px
    }

    .pagination__page {
        padding: 10px
    }

    .searchpage-section {
        padding-bottom: 32px
    }

    .searchpage-section__search {
        margin-bottom: 10px
    }

    .searchpage-section__text {
        border-bottom: none;
        min-height: 20px
    }

    .searchpage-section__results {
        gap: 30px;
        padding: 30px 0 40px
    }

    .searchpage-section__pagination {
        margin-bottom: 45px
    }

    .searchpage-section__sorts {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .marked {
        padding: 15px 20px 25px
    }

    .marked__person {
        margin-top: 15px
    }

    .marked__checkline {
        padding-top: 2px
    }

    .marked__checkline-check {
        --tickscale: 1.25;
        width: 23px;
        margin-top: -1px
    }

    .marked__ol {
        --countersize: 28px;
        --counterfs: 18px;
        --listpad: 43px
    }

    .marked__ol li {
        padding-top: 2px
    }

    .person {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .person__ava img {
        width: 80px
    }

    .slider {
        --arrowgap: 10px
    }

    .slider_autoheight .slider__slide-img img {
        max-height: 400px
    }

    .linkbanner {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .linkbanner {
        padding: 26px 20px
    }

    .linkbanner__img {
        max-width: 350px
    }

    .linkbanner__title {
        text-decoration-color: color-mix(in srgb, currentColor 50%, transparent)
    }

    .question {
        --questionbg: #fff
    }

    .question__header {
        padding: 15px 15px 15px 20px
    }

    .question__close {
        width: 18px;
        height: 18px
    }

    .question {
        --descrspace: 0px
    }

    .question__descr {
        padding: 0 20px 15px
    }

    .comment+.comment {
        margin-top: 30px
    }

    .article {
        padding: 32px 0 0
    }

    .article__table td,
    .article__table th {
        padding: 10px 15px
    }

    .article__subtitle {
        margin-bottom: 30px
    }

    .article__img_box {
        padding-bottom: 67.9%
    }

    .article .article__header-actionlink {
        margin-bottom: 35px
    }

    .article .article__header-tagline {
        margin-bottom: 25px
    }

    .article .article__header-tag {
        padding: 8px 27px
    }

    .article .article__header-tag_empty {
        --tagiconspace: 4px;
        padding: 8px 2px
    }

    .article .article__header-img {
        margin-bottom: 30px
    }

    .article .article__header {
        flex-direction: column;
        display: flex
    }

    .article .article__header-info {
        order: -1
    }

    .article__pre {
        margin-bottom: 30px;
        padding: 15px 17px
    }

    .article__pre-headline {
        margin-bottom: 11px
    }

    .article__slider {
        height: 400px
    }

    .article__slider {
        --sliderspace: 14px
    }

    .article__icontitle-icon {
        width: 16px;
        margin-right: 10px
    }

    .article__faq-questions {
        gap: 10px
    }

    .article__footer {
        padding: 15px 0
    }

    .article__footer-enter {
        display: block
    }

    .article__footer-enter-actions {
        display: block
    }

    .article__footer-enter-input {
        width: 100%;
        max-width: 400px;
        margin-bottom: 20px
    }

    .profpop__content {
        width: 300px;
        padding: 30px 20px
    }

    .cattiles_articlepage {
        padding: 10px 0 80px
    }

    .cattiles__grid_articlepage {
        margin-bottom: 30px
    }
}

@media screen and (prefers-reduced-motion:reduce) {

    html,
    body {
        scroll-behavior: auto
    }
}
/* End */


/* Start:/local/templates/blog/css/bottombanner.min.css?17500144455693*/
@keyframes bottonbanner-appearing {
    0% {
        opacity: 0;
        pointer-events: none
    }

    to {
        opacity: 1;
        pointer-events: auto
    }
}

.bottombanner~.toTop {
    --toTopShift: 90px
}

.bottombanner {
    opacity: 0;
    color: #242424;
    z-index: 4;
    background: url(/local/templates/blog/img/bottombanner/deskbg.webp) 50%/cover;
    width: 100%;
    height: 90px;
    animation: 1s 3s forwards bottonbanner-appearing;
    position: fixed;
    bottom: 0;
    overflow: hidden
}

.bottombanner__mobbg {
    display: none
}

.bottombanner__button {
    letter-spacing: .03em;
    background: linear-gradient(#555 0%, #323232 41.41%, #000 100%);
    border-radius: 99px;
    flex-shrink: 0;
    width: 235px;
    height: 55px;
    font-size: 25px;
    box-shadow: 0 4px 13px #ecc87857
}

.bottombanner__body {
    align-items: stretch;
    gap: 20px;
    height: 100%;
    display: flex
}

.bottombanner__body img {
    left: var(--left, initial);
    top: var(--top, initial);
    right: var(--right, initial);
    bottom: var(--bottom, initial);
    width: var(--width, auto);
    transform: var(--transform, none);
    transform-origin: 50%;
    position: absolute
}

.bottombanner__left {
    z-index: -1;
    flex-grow: 636;
    max-width: 636px;
    margin-right: -25px;
    position: relative
}

.bottombanner__left-1 {
    --left: 22px;
    --top: -48px;
    --width: 337px;
    --transform: rotate(-15deg)
}

.bottombanner__left-2 {
    --left: 241px;
    --top: -80px;
    --width: 339px;
    --transform: rotate(6deg)
}

.bottombanner__left-3 {
    --right: 0;
    --top: -96px;
    --width: 200px
}

.bottombanner__right {
    flex-grow: 306;
    max-width: 306px;
    margin-left: -40px;
    position: relative
}

.bottombanner__right-1 {
    --left: 0;
    --top: -109px;
    --width: 284px
}

.bottombanner__right-2 {
    --right: -93.5px;
    --top: -163.23px;
    --width: 202px;
    --transform: rotate(27deg)
}

.bottombanner__center {
    text-align: center;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    max-width: 950px;
    margin: 0 auto;
    display: flex
}

.bottombanner__center-title {
    letter-spacing: .02em;
    font-size: 38px
}

@media (max-width:1830px) {
    .bottombanner__left-1 {
        --width: 300px
    }

    .bottombanner__left-2 {
        --width: 272px;
        --top: initial;
        --bottom: -136px
    }

    .bottombanner__left-3,
    .bottombanner__right-2 {
        display: none
    }
}

@media (max-width:1500px) {
    .bottombanner__left-1 {
        --left: -30px;
        --width: 250px;
        --top: 50%;
        --transform: translateY(-50%)rotate(-15deg)
    }

    .bottombanner__left-2 {
        --left: initial;
        --right: 20px
    }
}

@media (max-width:1350px) {
    .bottombanner__left-1 {
        --width: 200px
    }
}

@media (max-width:1180px) {
    .bottombanner__left {
        max-width: 350px
    }

    .bottombanner__center-title {
        max-width: 290px;
        font-size: 27px
    }
}

@media (max-width:991.98px) {
    .bottombanner~.toTop {
        --toTopShift: 127px
    }

    .bottombanner__left-1 {
        --width: 180px
    }

    .bottombanner__left-2 {
        --right: -80px
    }
}

@media (max-width:767.98px) {
    .bottombanner {
        background: url(/local/templates/blog/img/bottombanner/mobbg.webp);
        height: 127px
    }

    .bottombanner__mobbg {
        z-index: -2;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    .bottombanner__mobbg img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%
    }

    .bottombanner__center {
        flex-direction: column;
        justify-content: center;
        gap: 15px;
        padding: 21px 0 13px
    }

    .bottombanner__center-title {
        letter-spacing: .02em;
        max-width: 230px;
        font-size: 21px;
        line-height: 1.1
    }

    .bottombanner__center-title strong {
        font-weight: 800
    }

    .bottombanner__left {
        flex-grow: 100;
        max-width: 228px;
        margin-right: -70px
    }

    .bottombanner__left-1 {
        --width: 100%;
        --left: -37.2%;
        --top: 38px
    }

    .bottombanner__left-2 {
        --right: -42px
    }

    .bottombanner__right {
        flex-grow: 100;
        max-width: 200px
    }

    .bottombanner__right-1 {
        --width: 99%;
        --transform: translateY(-50%)rotate(-17deg);
        --left: 7%;
        --top: 64%;
        --bottom: initial
    }

    .bottombanner__right-2 {
        --width: 65%;
        --top: initial;
        --left: initial;
        --right: 0px;
        --bottom: -4px;
        --transform: translateX(38%)rotate(-20deg);
        display: block
    }

    .bottombanner__button {
        letter-spacing: .05em;
        width: 132px;
        height: 31px;
        max-height: 999px;
        padding: 7px 20px 9px;
        font-size: 14px;
        font-weight: 500
    }
}

@media (max-width:767.98px) and (max-width:450px) {
    .bottombanner__left-1 {
        --left: initial;
        --right: 50px;
        --width: 150px
    }

    .bottombanner__right-1 {
        --width: 150px
    }

    .bottombanner__right-2 {
        --width: 80px;
        --right: -30px
    }
}
/* End */


/* Start:/local/templates/blog/css/custom.css?17707285255320*/
.article a{
	color: #5652cc;
}
.courseslide-outer.filterlist-filtered{
	display: none;
}
.h1,
.h2{
	font-weight: 700;
}
.tag_svg{
	display: flex;
	align-items: center;
}
.article__pre .list .content_H3 a{
	padding-left: 10px;
}
.article__pre .list .content_H3:before{
	left: 10px;
}
.article h2{
	margin-bottom: 20px;
	font-size: 40px;
}
.article p{
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 20px;
}

.share{
	display: flex;
	align-items: center;
}
.share .actionlink__text{
	margin-left: 8px;
}
.article img{
	max-width: 100%;
}
.sidebar_arcicle{
	width: 434px;
	padding: 45px 0;
	padding-left: 45px;
}
.sticky{
	position: -webkit-sticky;
	position: sticky;
    z-index: 4;
    top: 20px;
}
.main_art_wrap{
	display: flex;
}
body:has(.sidebar_arcicle){
  overflow: visible;
}
.header{
	position: relative;
}
.mobile_search{
	display: none;
}
label.checkbox{
	position: relative;
}
.checkbox__input {
    opacity: 0;
    position: absolute;
}
.checkbox__custom {
    margin-right: var(--checkboxgap, 10px);
    width: var(--checkboxsize);
    height: var(--checkboxsize);
    background-size: calc(var(--checkboxsize) / 1.5) calc(var(--checkboxsize) / 1.5);
    border: 2px solid var(--checkboxborder, #0009);
    background-color: var(--checkboxbg);
    cursor: pointer;
    flex-shrink: 0;
    align-self: flex-start;
    transition: border-color .1s ease-out;
    display: inline-block;
    position: relative;
    --checkboxsize: 20px;
}
.checkbox__input:checked+.checkbox__custom:after {
    content: "";
    box-sizing: content-box;
    border: solid var(--checkboxactiveborder, #000);
    border-width: 0 2px 2px 0;
    width: 3px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 6px;
    transform: rotate(45deg);
}
.checkbox__input.error + .checkbox__custom {
    border: 1px solid red !important;
}
/*.profession .checkbox__input.error{
    border: 1px solid red !important;
}*/
.input.error,
.checkbox__input.error,
.article__footer-comment.error{
	border: 1px solid red;
}
label.error{
	display: none !important;
}
.inline_success {
    text-align: center;
    display: none;
}
.modal-body {
    padding: 35px 35px 51px;
    -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;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.reviewForm .article__footer-enter-input{
	width: 100%;
}
.rating__input,
.article_val{
	display: none;
}
.comment__actionline{
    display: flex;
}
.dislike_btn.active,
.like_btn.active{
    pointer-events: none;
}
.article h3{
    margin-bottom: 20px;
    font-size: 30px;
}
.article ol{
  counter-reset: myCounter;
}

.article ul li,
.article ol li{
    position: relative;
    padding-left: 18px;
}
.article ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 11px;
    background: #666666;
    min-width:8px;
    height: 8px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border-radius: 100%;
}
.article ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  position: absolute;
left: 0px;
color: #666666;
min-width:8px;
height: 8px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
border-radius: 100%;

}
.article .marked__body ul li:before{
    content: none;
}
.article .marked__body ul li, .article .marked__body ol li{
    padding-left: 0;
}
.article .share ul li:before{
    content: none;
}
.form_blog__wrapper {
    background: #f1f1f1;
    border-radius: 4px;
    box-shadow: 0px 16px 64px -12px rgba(51, 51, 51, 0.15);
    text-align: left;
    padding: 15px 30px;
    z-index: 2;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    line-height: 1.5;
    font-size: 20px;
    border: 1px solid #5652cc;
}
.form_blog__wrapper img{
    min-width: 134px;
    max-width: 135px;
}
.article-cont .article-cont__subscriptform{
	top: 0;
}
.bottombanner {
    position: relative;
}

.bottombanner__close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    color: #fff;
    background: rgba(0,0,0,0.5);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.bottombanner__close:hover {
    background: rgba(0,0,0,0.7);
}
.tagline__inner a{
    color: #121212;
}
@media (max-width: 991px) {
	.sidebar_arcicle {
		display: none;
	}
	.article{
		width: 100%;
	}
}
@media (max-width: 767.98px) {
    .article p,
    .article{
        font-size: 18px;
    }
    .action_search{
    	display: none;
    }
    .mobile_search{
    	display: block;
    }
    .article__header-linkbanner .linkbanner__img{
        margin-bottom: 16px;
    }
    .form_blog__wrapper{
        flex-direction: column;
        font-size: 18px;
        padding: 20px 10px 10px 10px;
    }
}

.article .list_ol.marked__ol li:before{
    height: auto;
    top: -4px;
}

.article .list_ol.marked__ol li{
    padding-left: 46px;
}

@media (max-width: 767.98px) {
    .article .list_ol.marked__ol li{
        padding-left: 38px;
    }
    .article .list_ol.marked__ol li:before{
        top: -2px;
    }
}

/* End */


/* Start:/local/templates/blog/components/bitrix/search.title/search_header/style.css?17500144442571*/
div.title-search-result {
	border-radius: 10px;
	display:none;
	overflow:hidden;
	z-index:205;
	box-shadow: 0 4px 20px #00000014;
	padding: 20px;
	background: #fff;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	color: #5652cc;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/blog/components/bitrix/search.title/search_header/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

#title-search form{
	display: flex;
	width: 100%;
}
.title-search-result.search_wrap_new{
    width: 100%;
}
.search_wrap_new li{
	margin-bottom: 15px;
}
.search_all{
	border: 1px solid #5652cc;
	text-align: center;
    padding: 11px 10px 9px;
    border-radius: 8px;
    color: #5652cc;
    display: block;
    margin-top: 10px;
    width: 120px;
}
.search_all:hover{
	color: #fff;
	background: #5652cc;
}
/* End */


/* Start:/local/templates/blog/styles.css?176224807178*/
.marked_ol > li:before {
    content: none !important;
border:1px solid red;
}
/* End */
/* /local/templates/blog/css/style.min.css?176046267568994 */
/* /local/templates/blog/css/bottombanner.min.css?17500144455693 */
/* /local/templates/blog/css/custom.css?17707285255320 */
/* /local/templates/blog/components/bitrix/search.title/search_header/style.css?17500144442571 */
/* /local/templates/blog/styles.css?176224807178 */