@font-face {
    font-family: Nekst;
    src: url(fonts/Nekst-Regular.d15de01d.eot);
    src: url(fonts/Nekst-Regular.d15de01d.eot@) format("embedded-opentype"), url(fonts/Nekst-Regular.d9b103e0.woff2) format("woff2"), url(fonts/Nekst-Regular.d501cd86.woff) format("woff"), url(fonts/Nekst-Regular.7171c169.ttf) format("truetype"), url(images/Nekst-Regular.f3e8dcb9.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nekst;
    src: url(fonts/Nekst-Medium.189f3e01.eot);
    src: url(fonts/Nekst-Medium.189f3e01.eot@) format("embedded-opentype"), url(fonts/Nekst-Medium.434e4d4d.woff2) format("woff2"), url(fonts/Nekst-Medium.2d108923.woff) format("woff"), url(fonts/Nekst-Medium.1e4760da.ttf) format("truetype"), url(images/Nekst-Medium.b5498610.svg) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nekst;
    src: url(fonts/Nekst-SemiBold.77c96db1.eot);
    src: url(fonts/Nekst-SemiBold.77c96db1.eot@) format("embedded-opentype"), url(fonts/Nekst-SemiBold.dd0cf516.woff2) format("woff2"), url(fonts/Nekst-SemiBold.9640238f.woff) format("woff"), url(fonts/Nekst-SemiBold.c0f7dbb8.ttf) format("truetype"), url(images/Nekst-SemiBold.ff320402.svg) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nekst;
    src: url(fonts/Nekst-Bold.73ec2449.eot);
    src: url(fonts/Nekst-Bold.73ec2449.eot@) format("embedded-opentype"), url(fonts/Nekst-Bold.4b3030cd.woff2) format("woff2"), url(fonts/Nekst-Bold.b1d78dea.woff) format("woff"), url(fonts/Nekst-Bold.f46aa0a2.ttf) format("truetype"), url(images/Nekst-Bold.05b13f63.svg) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nekst;
    src: url(fonts/Nekst-Black.7a25a64d.eot);
    src: url(fonts/Nekst-Black.7a25a64d.eot@) format("embedded-opentype"), url(fonts/Nekst-Black.9427b240.woff2) format("woff2"), url(fonts/Nekst-Black.8ccb2e00.woff) format("woff"), url(fonts/Nekst-Black.99ece044.ttf) format("truetype"), url(images/Nekst-Black.07dfb26e.svg) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

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

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

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

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

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

.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-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

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

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

*,
:after,
:before {
    box-sizing: inherit;
    line-height: inherit;
    color: inherit
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    vertical-align: baseline;
    font-family: Nekst, sans-serif
}

body {
    text-rendering: optimizeSpeed
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

b,
strong {
    font-weight: bolder
}

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

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

a {
    text-decoration: none
}

a,
button,
input {
    outline: none;
    -webkit-tap-highlight-color: transparent
}

a,
a span,
a svg,
button,
button span,
button svg,
input,
input span,
input svg {
    transition: all .25s
}

button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

small {
    font-size: 80%
}

:focus {
    outline: none
}

.reg-xs {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 500
}

@media only screen and (min-width:768px) {
    .reg-xs {
        font-size: 1rem
    }
}

.reg-sm {
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 500
}

@media only screen and (min-width:768px) {
    .reg-sm {
        font-size: 1.25rem
    }
}

.reg-md {
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 500
}

@media only screen and (min-width:768px) {
    .reg-md {
        font-size: 1.625rem
    }
}

.reg-lg {
    font-size: 1.3125rem;
    line-height: 1.2;
    font-weight: 600
}

@media only screen and (min-width:768px) {
    .reg-lg {
        font-size: 2.125rem
    }
}

.caps-sm {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .caps-sm {
        line-height: 1.2
    }
}

.caps-md {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .caps-md {
        font-size: 1.875rem;
        line-height: 1
    }
}

.caps-lg {
    font-size: 2.1875rem;
    line-height: .9;
    font-weight: 900;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .caps-lg {
        font-size: 2.5rem
    }
}

:root {
    --primary: var(--main-landing-color, #3B82F6);
    --secondary: var(--secondary-landing-color, #E0E7FF);
    --accent: var(--accent-color, #ff434e);
    --gray-bg: var(--light-section-background, #f3f3f3);
    --core-txt: var(--main-text-color, #333333);
    --gray-txt: #5a585a;
    --light-gray-txt: #dedede;
    --order-price-txt: var(--order-price-text, #fff);
    --order-price-btn-hover: #e73737;
    --informer-list-bg: #e0f9e7;
    --informer-list-txt: #333333;
    --informer-list-accent: #10B981;
    --accent-box-bg: #f1fb7c;
    --header-height: 3.75rem;
    --outer-size: .1875rem;
    --inner-size: 1.25rem;
    --summary-size: calc(var(--inner-size) + var(--outer-size));
    --max-content: 76.25rem;
    --spacing: 3.125rem
}

@media only screen and (min-width:414px) {
    :root {
        --outer-size: .3125rem;
        --inner-size: 1.5rem
    }
}

@media only screen and (min-width:768px) {
    :root {
        --header-height: 4.375rem;
        --outer-size: .625rem;
        --inner-size: 1.875rem;
        --spacing: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    :root {
        --outer-size: 2.0625rem;
        --inner-size: 2.5rem
    }
}

@media only screen and (min-width:1280px) {
    :root {
        --spacing: 4.375rem
    }
}

@media only screen and (min-width:1600px) {
    :root {
        --outer-size: 5.625rem;
        --inner-size: 3.75rem;
        --max-content: 81.25rem
    }
}

.elvtr-expansion-body {
    padding-top: var(--header-shift, var(--header-height));
    color: var(--core-txt);
    background-color: var(--body-background)
}

.sc-grid {
    display: grid;
    grid-template-columns: [full-start] minmax(var(--outer-size), 1fr) [wide-start] var(--inner-size) [main-start] minmax(0, var(--max-content)) [main-end] var(--inner-size) [wide-end] minmax(var(--outer-size), 1fr) [full-end]
}

.sc-subtitle {
    grid-column: wide-start/main-end;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: var(--spacing)
}

@media only screen and (min-width:768px) {
    .sc-subtitle {
        grid-column: main;
        font-size: 1.25rem;
        line-height: 1.25
    }
}

@media only screen and (min-width:1024px) {
    .sc-subtitle {
        grid-column: wide;
        margin-bottom: 3.125rem
    }
}

@media only screen and (max-width:1023px) {
    .no-shape:not(.lector)+.no-shape {
        padding-top: 0
    }
}

@media only screen and (min-width:1024px) {
    .no-shape+.no-shape {
        padding-top: 0
    }
}

[data-font-size-multiplier] {
    --js-calc-font-size: initial;
    --scaled-font-size: calc(var(--base-font-size)*var(--title-mult, 1));
    font-size: var(--js-calc-font-size, var(--scaled-font-size))
}

[data-color-theme=black]~* .sc-subtitle {
    color: var(--primary)
}

@media only screen and (min-width:1440px) {
    [data-color-theme=black]~* {
        --spacing: 8.75rem
    }

    [data-color-theme=black]~* .sc-subtitle {
        margin-bottom: 6.25rem
    }
}

.lector__list-item a,
.link-with-arrow {
    border-bottom: 2px solid var(--primary)
}

.lector__list-item a:after,
.link-with-arrow:after {
    content: "";
    display: inline-block;
    position: static;
    width: .55em;
    height: .55em;
    margin-left: .25em;
    background-color: var(--primary);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.029 0H.855v2.909H6.17L0 8.944 2.103 11l5.926-5.796v4.718H11V0H8.029z' fill='%239AF561'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.029 0H.855v2.909H6.17L0 8.944 2.103 11l5.926-5.796v4.718H11V0H8.029z' fill='%239AF561'/%3E%3C/svg%3E");
    -webkit-mask-size: cover;
    mask-size: cover;
    mask-repeat: no-repeat
}

@media only screen and (hover:hover) and (pointer:fine) {

    .lector__list-item a:hover,
    .link-with-arrow:hover {
        color: var(--primary)
    }
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .btn {
        font-size: 1.25rem;
        padding-top: .75rem;
        padding-bottom: .8125rem
    }
}

.btn--custom {
    background-color: var(--primary);
    color: #fff
}

.btn--submit {
    position: relative;
    background-color: #fff;
    color: var(--primary)
}

.btn--submit:disabled {
    pointer-events: none
}

.btn--submit:disabled>i,
.btn--submit:disabled>span {
    opacity: 0
}

.btn--submit:disabled .btn-loader {
    opacity: 1
}

@media only screen and (hover:hover) and (pointer:fine) {
    .btn--custom:hover {
        opacity: .75
    }

    .btn--submit:hover {
        background-color: var(--secondary)
    }
}

.btn svg {
    width: 1em;
    height: 1em;
    margin-right: .5em
}

.btn-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 80px;
    height: 80px;
    opacity: 0;
    pointer-events: none
}

.btn-loader span {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--primary);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.btn-loader span:first-child {
    left: 8px;
    animation: btn-loader-1 .6s infinite
}

.btn-loader span:nth-child(2) {
    left: 8px;
    animation: btn-loader-2 .6s infinite
}

.btn-loader span:nth-child(3) {
    left: 32px;
    animation: btn-loader-2 .6s infinite
}

.btn-loader span:nth-child(4) {
    left: 56px;
    animation: btn-loader-3 .6s infinite
}

@keyframes btn-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes btn-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes btn-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100
}

.header .container {
    grid-column: wide;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .625rem 0
}

@media only screen and (min-width:768px) {
    .header .container {
        grid-column: main
    }
}

@media only screen and (min-width:1024px) {
    .header .container {
        grid-column: wide
    }
}

.header__logo {
    height: 100%;
    display: flex;
    align-items: center
}

.header__logo .logo-img {
    height: 80%;
    max-height: 80%;
    fill: var(--core-txt)
}

@media only screen and (hover:hover) and (pointer:fine) {
    .header__logo:hover .logo-img {
        fill: var(--primary)
    }
}

.nav {
    display: flex;
    justify-content: end;
    align-items: center
}

.nav__list {
    display: none
}

@media only screen and (min-width:1024px) {
    .nav__list {
        list-style-type: none;
        display: flex;
        align-items: center;
        gap: 2.5rem;
        margin-right: 3.125rem
    }
}

@media only screen and (min-width:1280px) {
    .nav__list {
        gap: 4.375rem;
        margin-right: 9.25rem
    }
}

.nav__list a,
.nav__list a span {
    position: relative;
    z-index: 1
}

.nav__list a:before {
    content: "";
    display: block;
    position: absolute;
    height: 50%;
    width: 110%;
    left: -5%;
    bottom: -10%;
    background-color: var(--secondary);
    transition: transform .25s ease;
    transform-origin: bottom;
    transform: scaleY(0)
}

@media only screen and (hover:hover) and (pointer:fine) {
    .nav__list a:hover:before {
        transform: scale(1)
    }
}

[data-color-theme=black]~.header {
    background-color: rgba(0, 0, 0, .85)
}

[data-color-theme=black]~.header .nav__enroll {
    color: #000
}

[data-color-theme=black]~.header .nav a:before {
    background-color: var(--primary)
}

.breadcrumbs .container {
    grid-column: wide
}

@media only screen and (min-width:768px) {
    .breadcrumbs .container {
        grid-column: main
    }
}

@media only screen and (min-width:1024px) {
    .breadcrumbs .container {
        grid-column: wide;
        padding-top: .625rem
    }
}

.breadcrumbs__list {
    list-style-type: none;
    font-size: .875rem;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase
}

.breadcrumbs__list li:not(:first-child) {
    position: relative;
    padding-left: 1em
}

.breadcrumbs__list li:not(:first-child):before {
    content: "-";
    display: block;
    position: absolute;
    left: 0
}

.hero .container {
    grid-column: full;
    padding-top: 3.125rem
}

@media only screen and (min-width:414px) {
    .hero .container {
        padding-top: 3.75rem
    }
}

@media only screen and (min-width:768px) {
    .hero .container {
        padding-top: 4.375rem
    }
}

@media only screen and (min-width:1024px) {
    .hero .container {
        grid-column: wide;
        padding-top: 5rem;
        margin-bottom: 2.5rem
    }
}

.hero__inner {
    position: relative
}

@media only screen and (min-width:1024px) {
    .hero__inner {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 3.75rem
    }
}

.hero__info {
    padding: 0 var(--outer-size) 1.25rem
}

@media only screen and (min-width:414px) {
    .hero__info {
        padding-bottom: 1.875rem
    }
}

@media only screen and (min-width:768px) {
    .hero__info {
        padding: 0 calc(var(--outer-size) + var(--inner-size)) 3.125rem
    }
}

@media only screen and (min-width:1024px) {
    .hero__info {
        padding: 0 0 2.5rem;
        flex: 1 1 40rem;
        max-width: 60%
    }
}

.hero__label {
    color: var(--accent)
}

@media only screen and (min-width:1024px) {
    .hero__label {
        padding-left: .1875rem
    }
}

.hero__title {
    --base-font-size: 2.1875rem;
    width: 100%;
    margin-top: .3125rem;
    line-height: .9;
    font-weight: 900;
    letter-spacing: -1px;
    color: var(--primary);
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:414px) {
    .hero__title {
        --base-font-size: 3.4375rem;
        margin-top: .625rem
    }
}

@media only screen and (min-width:768px) {
    .hero__title {
        --base-font-size: 5.25rem
    }
}

@media only screen and (min-width:1140px) {
    .hero__title {
        --base-font-size: 5.5rem
    }
}

.hero__title>span {
    display: inline-block;
    white-space: nowrap
}

.hero__lector {
    margin-top: 2.1875rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15
}

@media only screen and (max-width:413px) {
    .hero__lector {
        font-size: 1rem
    }
}

@media only screen and (min-width:414px) {
    .hero__lector {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .hero__lector {
        margin-top: 5.625rem
    }
}

@media only screen and (min-width:1140px) {
    .hero__lector {
        margin-top: 6.25rem
    }
}

.hero__lector span {
    text-align: right
}

@media only screen and (min-width:1024px) {
    .hero__img {
        flex: 0 1 37.5rem;
        min-width: 25rem
    }
}

.hero__img-wrap {
    width: 100%;
    height: 0;
    padding-top: Min(95%, 600px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.hero__img picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.hero__img picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--main-img-position-x, center) var(--main-img-position-y, center)
}

.hero-wide {
    padding-top: 3.75rem
}

@media only screen and (min-width:1280px) {
    .hero-wide {
        padding-top: 6.25rem
    }
}

.hero-wide__lead {
    grid-column: wide;
    margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
    .hero-wide__lead {
        grid-column: main;
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:1024px) {
    .hero-wide__lead {
        grid-column: wide
    }
}

.hero-wide__label {
    color: var(--accent)
}

@media only screen and (min-width:1280px) {
    .hero-wide__label {
        font-size: 1.875rem
    }
}

.hero-wide__title {
    margin-top: .625rem;
    font-size: 12vw;
    letter-spacing: -.008em;
    font-weight: 900;
    line-height: 1;
    color: var(--primary)
}

@media only screen and (min-width:768px) {
    .hero-wide__title {
        font-size: 5rem;
        line-height: .86
    }
}

@media only screen and (min-width:1280px) {
    .hero-wide__title {
        font-size: 7.5rem
    }
}

.hero-wide__img {
    grid-row: 1/2;
    grid-column: full
}

@media only screen and (min-width:568px) {
    .hero-wide__img picture {
        max-height: 100vw;
        overflow: hidden
    }
}

@media only screen and (min-width:968px) {
    .hero-wide__img picture {
        max-height: 43.75rem
    }
}

@media only screen and (min-width:1440px) {
    .hero-wide__img picture {
        max-height: 50vw
    }
}

.hero-wide__info {
    position: relative;
    grid-row: 1/2;
    grid-column: wide
}

@media only screen and (min-width:768px) {
    .hero-wide__info {
        grid-column: main
    }
}

@media only screen and (min-width:1024px) {
    .hero-wide__info {
        grid-column: wide
    }
}

.hero-wide__lector {
    margin-top: 1.25rem;
    color: var(--txt-color, #fff)
}

@media only screen and (min-width:768px) {
    .hero-wide__lector {
        margin-top: 1.875rem
    }
}

.hero-wide__lector span {
    display: block
}

@media only screen and (max-width:767px) {
    .hero-wide__lector span {
        max-width: 60%
    }
}

.hero-wide .scroll-down {
    left: 0
}

@media only screen and (min-width:768px) {
    .hero-wide .scroll-down {
        bottom: 60%
    }
}

.scroll-down {
    position: absolute;
    left: var(--inner-size);
    bottom: 30vw;
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width:1024px) {
    .scroll-down {
        color: var(--core-txt);
        left: 0;
        bottom: 0;
        font-size: 1.25rem
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .scroll-down:hover span {
        color: var(--primary)
    }
}

.scroll-down svg {
    stroke: var(--secondary);
    width: 1.2em;
    height: 1.2em
}

@media only screen and (min-width:1024px) {
    .scroll-down svg {
        stroke: var(--primary)
    }
}

@media only screen and (max-width:567px) {
    .scroll-down span {
        display: none
    }
}

[data-color-theme=black]~.hero-wide .scroll-down svg,
[data-color-theme=black]~.hero .scroll-down svg {
    stroke: var(--primary)
}

[data-color-theme=black]~.hero-wide .hero-wide__label {
    color: var(--core-txt)
}

[data-color-theme=black]~.hero-wide .hero-wide__img {
    position: relative;
    overflow: hidden;
    --decor-size: Min(40vw, 25rem)
}

[data-color-theme=black]~.hero-wide .hero-wide__img:after,
[data-color-theme=black]~.hero-wide .hero-wide__img:before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--primary);
    width: var(--decor-size);
    height: var(--decor-size);
    filter: blur(calc(var(--decor-size)*0.35))
}

[data-color-theme=black]~.hero-wide .hero-wide__img:before {
    top: 1.875rem;
    left: 0;
    transform: translate3d(-30%, 0, 0)
}

[data-color-theme=black]~.hero-wide .hero-wide__img:after {
    bottom: 0;
    right: 0;
    transform: translate3d(40%, 0, 0)
}

[data-color-theme=black]~.hero-wide .hero-wide__lector {
    color: var(--txt-color, #000)
}

[data-color-theme=black]~.hero-wide .animation-show {
    position: relative
}

[data-color-theme=black]~.hero-wide .animation-show:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--body-background, #000);
    z-index: 100;
    animation: show 1s cubic-bezier(.25, 1, .5, 1) 1s both
}

@keyframes show {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.info {
    padding: var(--spacing) 0
}

.info .container {
    grid-column: wide
}

.info__inner {
    display: grid;
    grid-template: auto 1fr;
    gap: .625rem
}

@media only screen and (min-width:768px) {
    .info__inner {
        gap: 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .info__inner {
        gap: 0;
        grid-template-columns: minmax(400px, 540px) minmax(70px, 1fr) minmax(480px, 660px);
        grid-auto-rows: auto 1fr
    }
}

.info__lead {
    margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
    .info__lead {
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width:1024px) {
    .info__lead {
        grid-area: 1/1/2/2;
        margin-bottom: 6.25rem
    }
}

.info__data {
    grid-row: 1/2;
    margin-bottom: 2.5rem
}

@media only screen and (min-width:1024px) {
    .info__data {
        grid-area: 2/1/3/2;
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:1280px) {
    .info__data {
        margin-bottom: 0
    }
}

.info__data-item:not(:first-child) {
    margin-top: 1.25rem
}

.info__data-interval {
    margin-top: .3125rem;
    color: var(--primary)
}

@media only screen and (max-width:767px) {
    .info__data-interval {
        font-size: 1rem
    }
}

.info__desc {
    padding: 0 var(--inner-size)
}

@media only screen and (min-width:1024px) {
    .info__desc {
        grid-area: 1/3/3/4;
        padding: 0
    }
}

.info__desc>*+* {
    margin-top: .5em
}

[data-color-theme=black]~.info .info__desc {
    font-weight: 400
}

[data-color-theme=black]~.info .info__data-date {
    color: var(--core-txt)
}

[data-color-theme=black]~.info .info__data-interval {
    color: var(--primary)
}

.cells {
    padding: 1.875rem 0 var(--spacing)
}

.cells__title {
    grid-column: wide-start/main-end;
    margin-bottom: calc(var(--spacing)*0.75)
}

.cells__grid {
    grid-column: main;
    list-style: none;
    display: grid;
    grid-template: 1fr/auto;
    gap: 3.125rem
}

@media only screen and (min-width:1024px) {
    .cells__grid {
        grid-column: wide;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem 3.75rem
    }
}

.cell:before {
    content: "";
    display: block;
    position: relative;
    width: 2.25rem;
    height: .5rem;
    margin-bottom: .75rem;
    background-color: #dedede
}

@media only screen and (min-width:768px) {
    .cell:before {
        margin-bottom: .9375rem
    }
}

.cell__lead {
    font-size: 1.625rem;
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
    color: var(--cell-lead-color, var(--accent));
    margin-bottom: .9375rem
}

@media only screen and (min-width:768px) {
    .cell__lead {
        font-size: 2.125rem;
        margin-bottom: 1.25rem
    }
}

.pros {
    padding: var(--spacing) 0;
    background-color: var(--secondary)
}

.pros .sc-subtitle {
    color: var(--primary)
}

.pros__inner {
    grid-column: main;
    grid-row: 2/3
}

@media only screen and (min-width:1024px) {
    .pros__inner {
        grid-column: wide;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 6.25rem
    }
}

.pros__img {
    display: flex;
    justify-content: flex-end
}

.pros__img img {
    width: 100%;
    max-width: 500px
}

@media only screen and (min-width:1024px) {
    .pros__img {
        flex: 0 1 25rem;
        padding-top: 1.25rem
    }

    .pros__img img {
        object-fit: contain;
        object-position: var(--reason-image-position, bottom)
    }
}

.pros__list {
    margin-top: var(--spacing);
    list-style: none
}

@media only screen and (min-width:1024px) {
    .pros__list {
        margin: 0;
        flex: 0 1 41.25rem
    }
}

.pros__list-item:not(:first-child) {
    margin-top: 1.875rem
}

@media only screen and (min-width:768px) {
    .pros__list-item:not(:first-child) {
        margin-top: 2.5rem
    }
}

.pros__list-item__lead {
    font-size: 1.625rem;
    line-height: 1.15;
    font-weight: 900
}

@media only screen and (min-width:768px) {
    .pros__list-item__lead {
        font-size: 2.125rem
    }
}

.pros__list-item>*+* {
    margin-top: .625rem
}

[data-color-theme=black]~.pros {
    background-color: var(--gray-bg);
    overflow: hidden;
    --decor-size: Min(40vw, 15.625rem)
}

[data-color-theme=black]~.pros .pros__img {
    position: relative
}

[data-color-theme=black]~.pros .pros__img img {
    position: relative;
    z-index: 10
}

[data-color-theme=black]~.pros .pros__img:before {
    content: "";
    display: block;
    position: absolute;
    width: var(--decor-size);
    height: var(--decor-size);
    bottom: 0;
    right: 0;
    transform: translate3d(30%, 50%, 0);
    background-color: var(--primary);
    filter: blur(calc(var(--decor-size)*0.4))
}

@media only screen and (min-width:768px) {
    [data-color-theme=black]~.pros .pros__img:before {
        bottom: 50%;
        right: 50%;
        transform: translate3d(0, 40%, 0);
        opacity: .6
    }
}

.points {
    padding: var(--spacing) 0;
    overflow: hidden
}

.points__list {
    grid-column: wide;
    list-style: none;
    counter-reset: points
}

@media only screen and (min-width:414px) {
    .points__list {
        grid-column: main
    }
}

@media only screen and (min-width:768px) {
    .points__list {
        padding-left: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .points__list {
        grid-column: wide
    }
}

.points__list-item {
    counter-increment: points
}

.points__list-item:not(:first-child) {
    margin-top: 1.875rem
}

@media only screen and (min-width:414px) {
    .points__list-item:not(:first-child) {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width:1280px) {
    .points__list-item:not(:first-child) {
        margin-top: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .points__list-item {
        display: flex
    }
}

.points__list-item__lead {
    position: relative;
    font-size: 1.625rem;
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
    padding-top: 1.375rem;
    margin-bottom: .9375rem
}

.points__list-item__lead:before {
    content: counter(points, decimal-leading-zero);
    display: block;
    position: absolute;
    color: var(--primary);
    font-size: .875rem;
    line-height: 1.375rem;
    top: 0
}

@media only screen and (min-width:768px) {
    .points__list-item__lead:before {
        left: -3rem;
        font-size: 1.25rem;
        top: .1875rem
    }
}

@media only screen and (min-width:768px) {
    .points__list-item__lead {
        font-size: 3.125rem;
        padding: 0;
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .points__list-item__lead {
        font-size: 2.5rem;
        flex: 0 0 22.1875rem;
        padding-right: 2.5rem;
        margin-right: 2.8125rem
    }

    .points__list-item__lead:first-child {
        position: relative
    }

    .points__list-item__lead:first-child:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: -100vh;
        height: 200vh;
        width: 100vw;
        background-color: var(--gray-bg);
        z-index: -1
    }
}

@media only screen and (min-width:1280px) {
    .points__list-item__lead {
        font-size: 3.125rem;
        flex-basis: 33.75rem;
        padding-right: 5rem;
        margin-right: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    [data-color-theme=black]~.points .points__list-item__lead:first-child:after {
        background: radial-gradient(circle at 82% 52%, rgba(0, 0, 0, .4), var(--gray-bg) 30%, var(--gray-bg) 100%), radial-gradient(circle at 82% 52%, var(--primary), var(--gray-bg) 20%, var(--gray-bg) 100%)
    }
}

.lector {
    background-color: var(--gray-bg);
    padding: var(--spacing) 0
}

@media only screen and (min-width:1024px) {
    .lector {
        background: none
    }
}

.lector__inner {
    grid-column: full
}

@media only screen and (min-width:768px) {
    .lector__inner {
        grid-column: main-start/wide-end
    }
}

@media only screen and (min-width:1024px) {
    .lector__inner {
        grid-column: wide;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.lector__social-link {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    transition: all .3s;
    gap: .625rem;
    justify-content: flex-end
}

.lector__social-link svg {
    width: 1.5rem;
    fill: var(--icon-color)
}

.lector__social-link span {
    color: var(--core-txt);
    font-size: 1.0625rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .lector__social-link span {
        font-size: 1.25rem
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .lector__social-link:hover span {
        color: var(--primary)
    }

    .lector__social-link:hover svg {
        fill: var(--primary)
    }
}

@media only screen and (min-width:1280px) {
    .lector__social-link {
        justify-content: unset;
        margin-top: 3.75rem
    }
}

.lector__img {
    margin-right: calc(var(--outer-size)*-1)
}

@media only screen and (min-width:1024px) {
    .lector__img {
        flex: 1 1 auto
    }
}

@media only screen and (min-width:1024px) {
    .lector__info {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.lector__name {
    --base-font-size: 3rem;
    line-height: .85;
    font-weight: 900;
    color: var(--primary);
    text-align: right;
    margin-top: 0;
    margin-bottom: 4.375rem
}

@media only screen and (min-width:768px) {
    .lector__name {
        --base-font-size: 5.25rem
    }
}

@media only screen and (min-width:1024px) {
    .lector__name {
        position: relative;
        text-align: left;
        margin-top: 0;
        margin-right: -10vw;
        margin-bottom: 6.25rem
    }
}

.lector__name:not([data-font-size-multiplier]) {
    font-size: 3rem
}

@media only screen and (min-width:768px) {
    .lector__name:not([data-font-size-multiplier]) {
        font-size: 5.25rem
    }
}

.lector__list {
    list-style: none;
    padding: 0 var(--inner-size)
}

@media only screen and (min-width:1024px) {
    .lector__list {
        padding: 0 2.5rem 0 0
    }
}

@media only screen and (min-width:1280px) {
    .lector__list {
        padding-right: 5rem
    }
}

.lector__list-item {
    position: relative;
    padding-top: 1.0625rem
}

.lector__list-item:not(:first-child) {
    margin-top: 2.0625rem
}

@media only screen and (min-width:768px) {
    .lector__list-item:not(:first-child) {
        margin-top: 2.75rem
    }
}

.lector__list-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: .4375rem;
    width: 2rem;
    background-color: #dedede
}

[data-color-theme=black]~.lector .lector__img {
    position: relative;
    overflow: hidden;
    --decor-size: Min(40vw, 25rem)
}

[data-color-theme=black]~.lector .lector__img:after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--primary);
    width: var(--decor-size);
    height: var(--decor-size);
    filter: blur(calc(var(--decor-size)*0.35));
    top: 0;
    right: 0;
    transform: translate3d(45%, 0, 0)
}

@media only screen and (min-width:1280px) {
    [data-color-theme=black]~.lector .lector__img {
        --decor-size: 18.75rem
    }
}

.invite {
    padding: var(--spacing) 0
}

.invite .sc-subtitle {
    display: flex;
    flex-direction: column
}

.invite__inner {
    grid-column: main
}

.video-box {
    position: relative;
    width: 100%;
    max-width: 53.625rem;
    margin: 0 auto
}

.video-box:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.video-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[data-color-theme=black]~.invite {
    overflow: hidden;
    background-color: var(--gray-bg)
}

[data-color-theme=black]~.invite .video-box {
    z-index: 10
}

[data-color-theme=black]~.invite .invite__inner {
    position: relative;
    --decor-size: Min(40vw, 12.5rem)
}

[data-color-theme=black]~.invite .invite__inner:after,
[data-color-theme=black]~.invite .invite__inner:before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--primary);
    width: var(--decor-size);
    height: var(--decor-size);
    filter: blur(calc(var(--decor-size)*0.75));
    z-index: 1;
    transform: translateZ(0)
}

[data-color-theme=black]~.invite .invite__inner:before {
    bottom: 0;
    left: 0
}

[data-color-theme=black]~.invite .invite__inner:after {
    top: 0;
    right: 0
}

.programm {
    padding: var(--spacing) 0
}

.programm ul {
    list-style: none
}

.programm .hidden-program {
    display: none;
    pointer-events: none;
    opacity: 0;
    transition: 1ms
}

.programm .hidden-program.show-program {
    display: block;
    opacity: 1;
    pointer-events: all;
    margin-top: 1.875rem
}

@media only screen and (min-width:768px) {
    .programm .hidden-program.show-program {
        margin-top: 2.75rem
    }
}

@media only screen and (min-width:1280px) {
    .programm .hidden-program.show-program {
        margin-top: 4.375rem
    }
}

.programm .show-program-btn {
    margin-top: 1.875rem
}

@media only screen and (min-width:768px) {
    .programm .show-program-btn {
        margin-top: 2.75rem
    }
}

@media only screen and (min-width:1280px) {
    .programm .show-program-btn {
        margin-top: 4.375rem
    }
}

.programm .show-program-btn .close,
.programm .show-program-btn.shown .open {
    display: none
}

.programm .show-program-btn.shown .close {
    display: block
}

.programm__inner {
    grid-column: main
}

@media only screen and (min-width:1024px) {
    .programm__inner {
        grid-column: wide
    }
}

@media only screen and (min-width:1440px) {
    .programm__inner {
        grid-column: main-start/wide-end
    }
}

.programm__list-item:not(:first-child) {
    margin-top: 1.875rem
}

@media only screen and (min-width:768px) {
    .programm__list-item:not(:first-child) {
        margin-top: 2.75rem
    }
}

@media only screen and (min-width:1024px) {
    .programm__list-item:not(:first-child) {
        margin-top: 4.375rem
    }
}

@media only screen and (max-width:767px) {
    .programm__list-item:not(:last-child) {
        padding-bottom: 1.875rem;
        border-bottom: 3px solid var(--light-gray-txt)
    }
}

.prog-item {
    display: grid;
    grid-template-columns: 3.375rem 1fr 3.75rem;
    grid-template-rows: auto;
    grid-template-areas: "num    date    action" "lead   lead    lead" "body   body    body"
}

@media only screen and (min-width:768px) {
    .prog-item {
        grid-template-columns: 4.375rem 1fr 7.5rem;
        grid-template-areas: "num    date    action" ".      lead    lead" ".      body    body"
    }
}

@media only screen and (min-width:1024px) {
    .prog-item {
        grid-template-columns: 11.5rem 1fr 8.125rem;
        grid-template-areas: "num    date    action" "num    lead    action" ".      body    ."
    }
}

@media only screen and (min-width:1280px) {
    .prog-item {
        grid-template-columns: 12.5rem 1fr 7.5rem
    }
}

.prog-item__num {
    grid-area: num;
    font-size: 2.1875rem;
    line-height: 1.2;
    font-weight: 900;
    color: var(--light-gray-txt)
}

@media only screen and (min-width:768px) {
    .prog-item__num {
        font-size: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .prog-item__num {
        font-size: 7.8125rem;
        line-height: 4.5rem
    }
}

.prog-item__date {
    grid-area: date;
    align-self: center;
    padding-top: .625rem;
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--gray-txt)
}

@media only screen and (min-width:768px) {
    .prog-item__date {
        display: flex;
        flex-direction: column;
        padding: 0;
        font-size: 1.125rem;
        line-height: 1
    }
}

@media only screen and (min-width:1024px) {
    .prog-item__date {
        display: block
    }
}

.prog-item__lead {
    grid-area: lead;
    margin-top: .3125rem;
    margin-bottom: 1.25rem;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .prog-item__lead {
        margin-top: 1.25rem;
        padding-left: 1.5625rem
    }
}

@media only screen and (min-width:1024px) {
    .prog-item__lead {
        margin-top: .9375rem;
        margin-bottom: 1.5rem;
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .prog-item__lead {
        margin-bottom: 1.875rem
    }
}

.prog-item__action {
    grid-area: action;
    align-self: center;
    justify-self: end;
    padding-top: .625rem
}

@media only screen and (min-width:1024px) {
    .prog-item__action {
        align-self: start;
        justify-self: end;
        padding-top: 2.8125rem
    }
}

.prog-item__body {
    grid-area: body;
    font-size: 1rem;
    line-height: 1.4375rem;
    font-weight: 500;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-out
}

.js-accordeon-shown .prog-item__body {
    opacity: 1;
    max-height: var(--item-height, 2000px)
}

.prog-item__body>*+* {
    margin-top: .5em
}

@media only screen and (min-width:768px) {
    .prog-item__body {
        font-size: 1.25rem;
        line-height: 1.33;
        padding-left: 1.5625rem
    }
}

@media only screen and (min-width:1024px) {
    .prog-item__body {
        padding: 0
    }
}

.prog-item__body li {
    position: relative;
    padding-left: 1.25em
}

.prog-item__body li+li {
    margin-top: .125rem
}

.prog-item__body li:before {
    content: "";
    display: block;
    position: absolute;
    width: .4375rem;
    height: .4375rem;
    background-color: var(--light-gray-txt);
    left: 0;
    top: .55em
}

.show-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.show-btn span {
    margin-left: .625rem;
    padding-bottom: .125rem
}

@media only screen and (max-width:767px) {
    .show-btn span {
        display: none !important
    }
}

.show-btn .less-str {
    display: none
}

.show-btn__icon {
    --icon-size: 14px;
    position: relative;
    width: var(--icon-size);
    height: var(--icon-size)
}

.show-btn__icon:after,
.show-btn__icon:before {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: var(--icon-size);
    background-color: var(--primary);
    transform-origin: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .25s ease
}

.show-btn__icon:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

@media only screen and (min-width:1024px) {
    .show-btn__icon {
        --icon-size: 18px
    }

    .show-btn__icon:after,
    .show-btn__icon:before {
        height: 4px
    }
}

.js-accordeon-shown .show-btn .less-str {
    display: block
}

.js-accordeon-shown .show-btn .more-str {
    display: none
}

.js-accordeon-shown .show-btn .show-btn__icon:after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg)
}

@media only screen and (hover:hover) and (pointer:fine) {
    .show-btn:hover span {
        color: var(--primary)
    }
}

[data-color-theme=black]~.programm .prog-item__date {
    color: var(--primary)
}

[data-color-theme=black]~.programm .prog-item__num {
    position: relative;
    align-self: start;
    justify-self: start;
    color: var(--gray-txt);
    transition: all .25s
}

[data-color-theme=black]~.programm .prog-item__num span {
    position: relative
}

[data-color-theme=black]~.programm .prog-item__num:before {
    content: "";
    display: block;
    position: absolute;
    width: 140%;
    padding-top: 140%;
    top: 60%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: radial-gradient(circle at center, var(--primary), transparent 70%);
    filter: blur(50px);
    opacity: 0;
    transition: inherit
}

[data-color-theme=black]~.programm .js-accordeon-shown .prog-item__num {
    color: var(--core-txt)
}

[data-color-theme=black]~.programm .js-accordeon-shown .prog-item__num:before {
    opacity: 1
}

[data-color-theme=black]~.programm .show-btn__icon {
    --icon-size: 16px
}

[data-color-theme=black]~.programm .show-btn__icon:after,
[data-color-theme=black]~.programm .show-btn__icon:before {
    height: 2px
}

@media only screen and (min-width:1024px) {
    [data-color-theme=black]~.programm .show-btn__icon {
        --icon-size: 22px
    }
}

.reviews {
    --img-size: 18.75rem;
    background-color: var(--gray-bg);
    overflow: hidden
}

@media only screen and (min-width:1024px) {
    .reviews+.order {
        padding-top: var(--spacing)
    }
}

@media only screen and (min-width:768px) {

    .reviews+.order,
    .reviews+.order+.footer {
        background-color: var(--gray-bg)
    }
}

.reviews .container {
    grid-column: wide;
    padding: var(--spacing) 0
}

.reviews-slider {
    overflow: unset
}

@media only screen and (min-width:1024px) {
    .reviews-slider {
        position: relative;
        padding: 0 6.125rem
    }
}

@media only screen and (min-width:1280px) {
    .reviews-slider {
        padding: 0 8.625rem
    }

    .reviews-slider:after,
    .reviews-slider:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 50vw;
        height: 100%;
        z-index: 5
    }

    .reviews-slider:before {
        right: calc(100% - 7.5rem);
        background: linear-gradient(270deg, transparent, var(--gray-bg) 1.875rem, var(--gray-bg))
    }

    .reviews-slider:after {
        left: calc(100% - 7.5rem);
        background: linear-gradient(90deg, transparent, var(--gray-bg) 1.875rem, var(--gray-bg))
    }
}

@media only screen and (min-width:1024px) {
    .reviews-slider__wrap {
        position: relative;
        z-index: 1
    }
}

.reviews-slider>button {
    display: none
}

.reviews-slider>button svg {
    display: block;
    fill: var(--core-txt);
    width: 2.5rem;
    height: 2.5rem
}

@media only screen and (hover:hover) and (pointer:fine) {
    .reviews-slider>button:hover svg {
        fill: var(--accent)
    }
}

@media only screen and (min-width:1024px) {
    .reviews-slider>button {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 5rem;
        height: var(--img-size);
        padding: 1.25rem;
        top: 0;
        z-index: 10
    }
}

@media only screen and (min-width:1280px) {
    .reviews-slider>button {
        width: 7.5rem;
        padding: 2.5rem
    }
}

.reviews-slider__prev {
    left: 0
}

.reviews-slider__next {
    right: 0
}

.reviews-slider__pagination {
    margin-top: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem
}

@media only screen and (min-width:768px) {
    .reviews-slider__pagination {
        margin-top: .5rem
    }
}

.reviews-slider__pagination .swiper-pagination-bullet {
    width: .25rem;
    height: .25rem;
    background-color: #000;
    opacity: .5;
    border-radius: 50%;
    transform: scale(1);
    transition: all .2s ease
}

.reviews-slider__pagination .swiper-pagination-bullet-active {
    transform: scale(1.5);
    opacity: 1
}

.review {
    padding: 0 var(--inner-size);
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media only screen and (min-width:768px) {
    .review {
        display: grid;
        grid-template: auto/18.75rem 1fr;
        column-gap: 4rem
    }
}

@media only screen and (min-width:1024px) {
    .review {
        padding: 0;
        opacity: 0;
        transition: opacity .3s
    }

    .swiper-slide-active .review {
        opacity: 1
    }
}

.review__img {
    position: relative;
    width: 100%;
    max-width: 30rem;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .review__img {
        grid-area: 1/1/3/2;
        align-self: start
    }
}

.review__img:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

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

.review__author {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

[data-color-theme=black]~.reviews .reviews-slider>button svg {
    fill: var(--primary)
}

@media only screen and (hover:hover) and (pointer:fine) {
    [data-color-theme=black]~.reviews .reviews-slider>button:hover {
        opacity: .5
    }
}

[data-color-theme=black]~.reviews .reviews-slider__pagination .swiper-pagination-bullet {
    background-color: var(--core-txt)
}

.order {
    --core-clr: #fff
}

@media only screen and (min-width:1024px) {
    .order {
        padding-bottom: 3.75rem
    }
}

.order .container {
    grid-column: full;
    padding: var(--spacing) 0;
    background-color: var(--primary);
    color: var(--core-clr)
}

@media only screen and (min-width:768px) {
    .order .container {
        grid-column: main;
        padding: var(--spacing) 4.0625rem
    }
}

@media only screen and (min-width:1024px) {
    .order .container {
        grid-column: wide
    }
}

.order__title {
    font-size: 3rem;
    line-height: .85;
    font-weight: 900;
    color: var(--secondary);
    padding: 0 var(--outer-size);
    text-align: center
}

@media only screen and (min-width:768px) {
    .order__title {
        padding: 0;
        font-size: 4.375rem
    }
}

@media only screen and (min-width:1280px) {
    .order__title {
        font-size: 5.25rem
    }
}

.order__inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.order__info {
    padding: 0 var(--summary-size);
    margin-top: 1.875rem;
    margin-bottom: 2.8125rem;
    text-align: center
}

@media only screen and (min-width:414px) {
    .order__info {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .order__info {
        padding: 0;
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:1024px) {
    .order__info {
        max-width: 46.25rem;
        margin-top: 3.75rem;
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width:1280px) {
    .order__info {
        max-width: 38.75rem
    }
}

.order__form {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .order__form {
        max-width: 38.25rem
    }
}

@media only screen and (min-width:1280px) {
    .order__form {
        max-width: 43.75rem
    }
}

.order__form a {
    text-decoration: underline
}

@media only screen and (hover:hover) and (pointer:fine) {
    .order__form a:hover {
        color: var(--secondary)
    }
}

.form__input {
    position: relative;
    width: 100%;
    margin-top: .5rem;
    padding: .75rem var(--summary-size)
}

.form__input input:-webkit-autofill,
.form__input input:-webkit-autofill:active,
.form__input input:-webkit-autofill:focus,
.form__input input:-webkit-autofill:hover {
    box-shadow: 0 0 0 30px var(--primary) inset !important;
    -webkit-box-shadow: 0 0 0 30px var(--primary) inset !important;
    transition: background-color 0s linear 1000s !important;
    color: var(--core-clr) !important;
    caret-color: var(--core-clr) !important
}

.form__input:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--core-clr);
    transition: opacity .25s
}

@media only screen and (min-width:768px) {
    .form__input {
        padding: 1.875rem 0;
        margin: 0
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .form__input {
        cursor: text
    }

    .form__input:hover .form__label,
    .form__input:hover:before {
        opacity: .5
    }
}

.form__input .request-input {
    background: none;
    border: none;
    width: 100%;
    -webkit-text-fill-color: var(--core-clr) !important
}

.form__input .request-input:not(.js-country-shown)::placeholder {
    opacity: 0
}

.form__input .request-input:not(.js-country-shown):-webkit-autofill+.form__label,
.form__input .request-input:not(.js-country-shown):-webkit-autofill:focus+.form__label,
.form__input .request-input:not(.js-country-shown):-webkit-autofill:hover+.form__label,
.form__input .request-input:not(.js-country-shown):focus+.form__label,
.form__input .request-input:not(.js-country-shown):focus-within+.form__label,
.form__input .request-input:not(.js-country-shown):not(:placeholder-shown)+.form__label {
    transform: scale(.6) translate(2px, -150%)
}

.form__input.filled .form__label {
    transform: scale(.6) translate(2px, -150%)
}

.form__label {
    position: absolute;
    left: var(--summary-size);
    bottom: .75rem;
    text-transform: uppercase;
    transform-origin: left;
    transition: all .2s ease;
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .form__label {
        left: 0;
        bottom: 1.875rem
    }
}

.form__error {
    position: absolute;
    font-size: .75rem;
    line-height: 1;
    text-align: right;
    right: var(--outer-size);
    top: 50%;
    transform: translateY(-20%);
    opacity: 0;
    color: var(--accent);
    pointer-events: none;
    transition: all .2s ease
}

@media only screen and (max-width:413px) {
    .form__error {
        width: min-content
    }
}

@media only screen and (min-width:768px) {
    .form__error {
        right: 0
    }
}

.form__action {
    margin-top: 1.5rem;
    padding: 0 var(--summary-size)
}

.form__action .btn-icon svg {
    height: 1.25em;
    width: 1.25em;
    stroke: var(--primary);
    max-width: 100%;
    max-height: 100%
}

@media only screen and (min-width:768px) {
    .form__action {
        padding: 0;
        margin-top: 2.375rem
    }
}

.form__disclaimer {
    margin-top: 1.5625rem;
    padding: 0 var(--summary-size);
    text-align: center
}

@media only screen and (min-width:768px) {
    .form__disclaimer {
        margin-top: 2.5rem;
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .form__disclaimer {
        margin-top: 1.875rem
    }
}

.form .request-input,
.form__label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700
}

@media only screen and (min-width:1024px) {

    .form .request-input,
    .form__label {
        font-size: 1.25rem
    }
}

.error-input .form__error {
    opacity: 1;
    transform: translateY(-50%)
}

.iti {
    width: 100%
}

.iti__country-list {
    color: var(--core-txt)
}

@media only screen and (min-width:768px) {
    .iti__country-list {
        border: none;
        margin-top: 1.75rem
    }
}

.iti__selected-flag {
    padding: 0;
    background-color: transparent !important;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700
}

@media only screen and (min-width:1024px) {
    .iti__selected-flag {
        font-size: 1.25rem
    }
}

[data-color-theme=black]~.order {
    --core-clr: #000
}

@media only screen and (min-width:768px) {
    [data-color-theme=black]~.order .container {
        border-radius: 1.5625rem;
        box-shadow: 0 0 1.875rem var(--primary)
    }
}

[data-color-theme=black]~.order .btn--submit span {
    color: var(--core-clr)
}

[data-color-theme=black]~.order .btn--submit svg {
    stroke: var(--core-clr)
}

[data-color-theme=black]~.order .btn--submit .btn-loader span {
    background: var(--core-clr)
}

@media only screen and (hover:hover) and (pointer:fine) {
    [data-color-theme=black]~.order .btn--submit:hover span {
        color: var(--primary)
    }

    [data-color-theme=black]~.order .btn--submit:hover svg {
        stroke: var(--primary)
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    [data-color-theme=black]~.order .form__disclaimer a:hover {
        opacity: .5
    }
}

@media only screen and (min-width:768px) {
    [data-color-theme=black]~.order .iti__country-list {
        scrollbar-color: var(--primary);
        background-color: var(--body-background, #000)
    }

    [data-color-theme=black]~.order .iti__country-list::-webkit-scrollbar {
        background-color: var(--body-background, #000)
    }

    [data-color-theme=black]~.order .iti__country-list::-webkit-scrollbar-thumb {
        background-color: var(--primary)
    }
}

.footer {
    padding: var(--spacing) 0
}

@media only screen and (min-width:1024px) {
    .footer {
        padding-bottom: 2.5rem;
        padding-top: 3.75rem
    }

    .order+.footer {
        padding-top: 0
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .footer a:hover {
        color: var(--primary)
    }

    .footer a:hover svg {
        fill: var(--primary)
    }
}

.footer__inner {
    grid-column: main;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width:968px) {
    .footer__inner {
        display: grid;
        grid-template: auto/repeat(3, minmax(12.5rem, auto));
        align-items: end;
        gap: 3.75rem 1.875rem
    }
}

@media only screen and (min-width:1024px) {
    .footer__inner {
        grid-column: wide
    }
}

@media only screen and (min-width:968px) {
    .footer__back {
        justify-self: end;
        grid-area: 1/3/2/4
    }
}

.footer__back a {
    display: flex;
    gap: .25rem
}

.footer__back a svg {
    margin-top: .125rem;
    width: 1.375rem;
    height: 1.375rem;
    stroke: var(--primary)
}

.footer__links,
.footer__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none
}

.footer__links li:not(:last-child):after,
.footer__social li:not(:last-child):after {
    content: "/";
    display: inline-block;
    margin: 0 .25rem
}

.footer__social {
    margin-top: 2.5rem
}

@media only screen and (min-width:968px) {
    .footer__social {
        margin: 0;
        justify-self: start;
        grid-area: 1/1/2/3
    }
}

.footer__logo {
    margin-top: 3.125rem;
    text-align: center
}

@media only screen and (min-width:968px) {
    .footer__logo {
        margin: 0;
        grid-area: 2/1/3/2
    }
}

.footer__logo .logo-img {
    fill: var(--core-txt)
}

.footer__copyright {
    margin-top: 1.25rem;
    text-align: center
}

@media only screen and (min-width:968px) {
    .footer__copyright {
        margin: 0;
        grid-area: 2/2/3/3;
        text-align: left
    }
}

@media only screen and (max-width:967px) {
    .footer__copyright span {
        justify-self: end;
        grid-area: 1/3/2/4
    }
}

.footer__links {
    margin-top: 3.125rem;
    row-gap: .25rem;
    text-align: center
}

@media only screen and (min-width:968px) {
    .footer__links {
        margin: 0;
        justify-self: end;
        justify-content: flex-end;
        grid-area: 2/3/3/4;
        text-align: left
    }
}

.social .container {
    grid-column: wide;
    padding: var(--spacing) 0
}

@media only screen and (min-width:768px) {
    .social .container {
        grid-column: main-start/wide-end
    }
}

@media only screen and (min-width:1024px) {
    .social .container {
        grid-column: wide;
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width:1440px) {
    .social .container {
        grid-column: main-start/wide-end
    }
}

.social__inner {
    padding: 0 var(--inner-size);
    margin-bottom: 1.5625rem
}

@media only screen and (min-width:1024px) {
    .social__inner {
        padding: 0
    }
}

.social__title {
    font-size: 1.625rem;
    margin-bottom: 1.875rem
}

@media only screen and (min-width:768px) {
    .social__title {
        font-size: 2.3125rem
    }
}

@media only screen and (min-width:1024px) {
    .social__title {
        width: 49.75rem;
        font-size: 2.75rem
    }
}

.social__description {
    font-size: 1.1875rem
}

@media only screen and (min-width:768px) {
    .social__description {
        width: 31.25rem
    }
}

.social__description a {
    font-weight: 600;
    border-bottom: 1px solid;
    transition: .2s
}

@media only screen and (hover:hover) and (pointer:fine) {
    .social__description a:hover {
        border-color: #fff
    }
}

.social__btns {
    padding: 0 var(--inner-size)
}

@media only screen and (min-width:1024px) {
    .social__btns {
        margin-top: .875rem
    }
}

.social__btns-tg {
    background: #3e9dd2;
    color: #fff;
    padding: .625rem 0;
    width: 100%;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .875rem;
    justify-content: center;
    transition: .2s
}

@media only screen and (min-width:768px) {
    .social__btns-tg {
        width: 18.75rem
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .social__btns-tg:hover {
        opacity: .8
    }
}

.social__btns-tg svg {
    fill: #fff;
    width: 1.75rem;
    height: 2rem
}

.informers-list {
    background: var(--informer-list-bg);
    color: var(--informer-list-txt);
    overflow: hidden
}

.informers-list .container {
    grid-column: wide;
    padding-top: 2.1875rem;
    padding-bottom: 13.1875rem;
    position: relative
}

@media only screen and (max-width:767px) {
    .informers-list .container {
        overflow: hidden
    }
}

@media only screen and (min-width:768px) {
    .informers-list .container {
        padding-top: 3.125rem;
        padding-bottom: 2.5rem;
        grid-column: main
    }
}

@media only screen and (min-width:1024px) {
    .informers-list .container {
        grid-column: wide;
        padding-top: 3.5625rem;
        padding-bottom: 3.75rem
    }
}

.informers-list__inner {
    display: grid;
    grid-template-areas: "title title" "number-lectures number-lectures" "list list" "lector-info img"
}

@media only screen and (min-width:768px) {
    .informers-list__inner {
        grid-template-areas: "title title" "number-lectures lector-info" "list list"
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__inner {
        width: 53.9375rem;
        grid-template-areas: "title number-lectures img" "title lector-info img" "list list img"
    }
}

.informers-list__column {
    margin-bottom: .9375rem
}

@media only screen and (min-width:768px) {
    .informers-list__column {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__column {
        margin-bottom: 0
    }
}

.informers-list__column:last-child {
    margin-bottom: 0
}

.informers-list__title {
    font-weight: 900;
    font-size: 2.25rem;
    line-height: 1.2;
    margin-bottom: .9375rem;
    grid-area: title;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .informers-list__title {
        font-size: 3.375rem;
        line-height: 1.1;
        margin-bottom: 1.875rem;
        width: 100%
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__title {
        font-size: 3.875rem;
        width: 30.25rem
    }
}

.informers-list__number-lectures {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.1;
    margin-bottom: 1.25rem;
    grid-area: number-lectures
}

@media only screen and (min-width:768px) {
    .informers-list__number-lectures {
        font-size: 1.75rem;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__number-lectures {
        text-align: right
    }
}

.informers-list__lector-name {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: .3125rem
}

@media only screen and (min-width:768px) {
    .informers-list__lector-name {
        font-size: 1.75rem;
        line-height: 1.1
    }
}

.informers-list__lector-position {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500
}

@media only screen and (min-width:768px) {
    .informers-list__lector-position {
        font-size: 1.375rem
    }
}

.informers-list__lector-info {
    grid-area: lector-info;
    width: 12.75rem
}

@media only screen and (min-width:768px) {
    .informers-list__lector-info {
        margin-bottom: 2.5rem;
        width: 100%;
        text-align: right
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__lector-info {
        margin-bottom: 1.9375rem
    }
}

.informers-list__list {
    background: #fff;
    padding: 1.25rem .625rem 1.375rem;
    counter-reset: list-counter;
    list-style: none;
    grid-area: list;
    margin-bottom: 2.5rem;
    width: 100%
}

@media only screen and (min-width:768px) {
    .informers-list__list {
        padding: 2.5625rem 1.25rem 2.75rem;
        margin-bottom: 0;
        width: 24rem
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__list {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 0 1.375rem
    }
}

.informers-list__list p {
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 1.1875rem;
    position: relative;
    counter-increment: list-counter;
    padding-left: 3rem;
    font-weight: 500
}

@media only screen and (min-width:768px) {
    .informers-list__list p {
        font-size: 1.25rem;
        margin-bottom: 1.9375rem;
        padding-left: 3.25rem
    }
}

.informers-list__list p:last-child {
    margin-bottom: 0
}

.informers-list__list p:before {
    content: counter(list-counter, decimal-leading-zero);
    position: absolute;
    left: 0;
    font-size: 1.25rem;
    line-height: 1.1;
    font-weight: 700;
    color: var(--informer-list-accent)
}

@media only screen and (min-width:768px) {
    .informers-list__list p:before {
        font-size: 1.75rem
    }
}

.informers-list__img-box {
    grid-area: img;
    position: absolute;
    height: 22.125rem;
    width: 16.25rem;
    bottom: 0;
    right: -5.4375rem
}

@media only screen and (min-width:414px) {
    .informers-list__img-box {
        right: -.8125rem
    }
}

@media only screen and (min-width:768px) {
    .informers-list__img-box {
        height: 44.9375rem;
        width: 33.0625rem;
        right: -10.8125rem
    }
}

@media only screen and (min-width:1280px) {
    .informers-list__img-box {
        right: -4.5rem;
        height: 41.75rem
    }
}

@media only screen and (min-width:1600px) {
    .informers-list__img-box {
        right: 3.9375rem
    }
}

.informers-list__img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.informers-list.without-lector .container {
    padding-bottom: 3.75rem
}

@media only screen and (min-width:768px) {
    .informers-list.without-lector .container {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:1280px) {
    .informers-list.without-lector .logo__box {
        left: 4.375rem
    }
}

@media only screen and (min-width:1440px) {
    .informers-list.without-lector .logo__box {
        left: 0
    }
}

.informers-list.without-lector .informers-list__accent-box {
    padding: .75rem;
    background: var(--accent-box-bg);
    position: absolute;
    right: 1.125rem;
    z-index: 10;
    bottom: -1.1875rem;
    text-align: right;
    width: 14.25rem
}

@media only screen and (min-width:768px) {
    .informers-list.without-lector .informers-list__accent-box {
        padding: .75rem 1rem 1.5rem;
        width: 25.875rem;
        bottom: -1.4375rem;
        right: .9375rem
    }
}

@media only screen and (min-width:1280px) {
    .informers-list.without-lector .informers-list__accent-box {
        width: 19.375rem;
        right: 1.25rem
    }
}

.informers-list.without-lector .informers-list__lector-info {
    width: 100%;
    margin-bottom: 0
}

.informers-list.without-lector .informers-list__lector-name {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    line-height: 1.2
}

.informers-list.without-lector .informers-list__lector-position {
    font-size: 1rem;
    line-height: 1.2
}

@media only screen and (min-width:768px) {
    .informers-list.without-lector .informers-list__lector-position {
        font-size: 1.25rem
    }
}

.informers-list.without-lector .informers-list__inner {
    grid-template-areas: "title-box title-box" "number-lectures number-lectures" "list list" "lector-info img"
}

@media only screen and (min-width:1280px) {
    .informers-list.without-lector .informers-list__inner {
        width: 100%
    }
}

.informers-list.without-lector .informers-list__title {
    padding-bottom: 9.0625rem;
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .informers-list.without-lector .informers-list__title {
        padding-bottom: 9.4375rem
    }
}

@media only screen and (min-width:1280px) {
    .informers-list.without-lector .informers-list__title {
        padding-bottom: 2.5rem
    }
}

.informers-list.without-lector .informers-list__list {
    padding: 2.5rem .625rem;
    margin: 0
}

@media only screen and (min-width:768px) {
    .informers-list.without-lector .informers-list__list {
        padding: 2.8125rem 2.5rem;
        width: 100%
    }
}

@media only screen and (min-width:1280px) {
    .informers-list.without-lector .informers-list__list {
        gap: 0 3.75rem
    }
}

.informers-list.without-lector .informers-list__title-box {
    position: relative;
    grid-area: title-box
}

.informers-list.without-lector .informers-list__number-lectures {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.1
}

@media only screen and (min-width:768px) {
    .informers-list.without-lector .informers-list__number-lectures {
        font-size: 1.5rem
    }
}

.informers-list-header {
    background: var(--informer-list-bg);
    transition: .2s
}

.informers-list-header.scrolled {
    background: #fff
}

.informers-list-header .nav__enroll {
    padding: .5rem .9375rem;
    background: var(--informer-list-accent)
}

@media only screen and (min-width:768px) {
    .informers-list-header .nav__enroll {
        padding: .8125rem 1.25rem
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .informers-list-header .nav__enroll:hover {
        background: #e857e0
    }
}

@media only screen and (min-width:1280px) {
    .informers-list-header .nav__list {
        margin-right: 3.75rem;
        gap: 3.75rem
    }
}

.informers-list-header .nav__list-item a span {
    transition: .2s
}

@media only screen and (hover:hover) and (pointer:fine) {
    .informers-list-header .nav__list-item a:hover {
        color: var(--informer-list-accent)
    }

    .informers-list-header .nav__list-item a:hover:before {
        content: none
    }
}

.informers-list-header .logo-img {
    width: 8.75rem
}

@media only screen and (hover:hover) and (pointer:fine) {
    .informers-list-header .header__logo:hover .logo-img {
        fill: var(--informer-list-accent)
    }
}

.informers-list-header .container {
    grid-column: wide
}

.new-header {
    background: var(--bg-new);
    transition: .3s;
    display: none;
    max-width: 100vw;
    position: relative
}

@media only screen and (min-width:768px) {
    .new-header {
        display: grid
    }
}

.new-header.scrolled {
    background: #fff;
    position: fixed
}

.new-header .full-logo {
    display: none
}

@media only screen and (min-width:1280px) {
    .new-header .full-logo {
        display: unset
    }
}

@media only screen and (min-width:1280px) {
    .new-header .sm-logo {
        display: none
    }
}

.new-header .container {
    height: 4.375rem;
    grid-column: auto
}

.new-header .actions__wrap {
    display: none
}

.new-header .btn__custom {
    transition: .3s;
    padding: .625rem 1.1875rem;
    margin-right: .625rem;
    color: #fff;
    background: var(--accent-bg);
    font-size: 1.1875rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .new-header .btn__custom {
        padding: .8125rem 1.625rem
    }
}

@media only screen and (min-width:1280px) {
    .new-header .btn__custom {
        padding: .8125rem 1.5rem
    }
}

@media screen and (hover:hover) and (pointer:fine) {
    .new-header .btn__custom:hover {
        opacity: .8
    }
}

.new-header .logo__icon {
    width: 6.25rem;
    height: 1.25rem
}

@media only screen and (min-width:1280px) {
    .new-header .logo__icon {
        width: 8.9375rem
    }
}

.new-header .logo__icon svg {
    width: 100%;
    height: 100%;
    fill: var(--logo-color)
}

@media only screen and (hover:hover) and (pointer:fine) {
    .new-header .logo__icon svg:hover {
        fill: var(--accent-bg)
    }
}

.new-header .main__nav {
    display: none
}

@media only screen and (min-width:1280px) {
    .new-header .main__nav {
        display: block
    }
}

.new-header .main__nav ul {
    display: flex;
    gap: 3.75rem
}

@media only screen and (min-width:1280px) {
    .new-header .main__nav ul {
        margin-right: 0
    }
}

.new-header .main__nav ul li {
    list-style: none;
    font-size: 1.25rem;
    font-weight: 700
}

.new-header .main__nav a {
    color: var(--text-color);
    position: relative
}

.new-header .main__nav a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    background: var(--accent-bg);
    height: 9px;
    opacity: 0;
    bottom: 0;
    z-index: -1;
    will-change: width, opacity;
    transition: .2s
}

@media only screen and (hover:hover) and (pointer:fine) {
    .new-header .main__nav a:hover:before {
        opacity: 1;
        width: 100%
    }
}

.show-mob-header {
    display: grid
}

@media only screen and (min-width:1280px) {
    .show-mob-header .main__nav ul {
        margin-right: 3.75rem
    }
}

.bottom-btn {
    margin-right: .625rem;
    margin-top: 1.25rem;
    line-height: 1;
    font-size: 1rem;
    text-align: right;
    font-weight: 700;
    color: #fff
}

.bottom-btn a {
    background: var(--accent-bg);
    padding: .75rem 1.1875rem;
    display: inline-block
}

@media only screen and (min-width:768px) {
    .bottom-btn {
        display: none
    }
}

@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.new-header .logo__box {
    position: unset
}

.new-header .container {
    padding-right: 0;
    grid-column: wide
}

@media only screen and (min-width:1280px) {
    .new-header .container {
        padding-right: 1.875rem
    }
}

.marquee {
    width: 100%;
    background: #f0f2f5;
    padding: .3125rem 0;
    display: flex
}

.show-mob-header .actions__wrap {
    display: inline
}

.new-main {
    background: var(--bg-new);
    display: block
}

@media only screen and (min-width:1280px) {
    .new-main {
        display: grid
    }
}

.new-main .container {
    padding-right: 0;
    grid-column: wide
}

@media only screen and (max-width:967px) {
    .new-main .container {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .new-main .container {
        padding-top: 0
    }
}

.new-main .desc-btn {
    display: none
}

@media only screen and (min-width:1280px) {
    .new-main .desc-btn {
        display: block
    }
}

.new-main .mob-btn {
    display: block
}

@media only screen and (min-width:1280px) {
    .new-main .mob-btn {
        display: none
    }
}

.new-main .actions__wrap {
    position: absolute;
    bottom: 1.5625rem;
    right: .625rem;
    transition: .3s
}

@media only screen and (min-width:768px) {
    .new-main .actions__wrap {
        bottom: 3.5625rem;
        right: unset;
        left: 2.5rem
    }
}

@media only screen and (min-width:1280px) {
    .new-main .actions__wrap {
        margin-bottom: 3.75rem;
        position: static;
        margin-top: 3.75rem
    }
}

.new-main .name-box {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 900;
    color: var(--text-color);
    text-align: end;
    margin-bottom: .625rem;
    margin-right: .625rem;
    position: absolute;
    right: 0;
    top: -3rem;
    height: max-content
}

@media only screen and (min-width:768px) {
    .new-main .name-box {
        font-size: 1.375rem;
        line-height: 1.625rem;
        position: absolute;
        bottom: 2.5rem;
        right: 2.5rem;
        top: auto;
        margin: 0;
        color: #fff
    }
}

@media only screen and (min-width:1280px) {
    .new-main .name-box {
        right: auto;
        left: 1.875rem;
        bottom: 1.875rem
    }
}

.new-main .btn__custom {
    background: var(--accent-bg);
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    padding: .75rem 1.1875rem;
    color: #fff
}

@media only screen and (min-width:768px) {
    .new-main .btn__custom {
        margin-top: 2.5rem;
        font-size: 1.1875rem;
        padding: .8125rem 1.5rem
    }
}

@media screen and (hover:hover) and (pointer:fine) {
    .new-main .btn__custom:hover {
        opacity: .8
    }
}

.new-main .course__date span {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1875rem;
    display: block;
    color: var(--text-color)
}

@media only screen and (min-width:768px) {
    .new-main .course__date span {
        font-size: 1.375rem;
        line-height: 1.625rem
    }
}

@media only screen and (min-width:1280px) {
    .new-main .course__date span {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }
}

.new-main .course__date .first-date {
    margin-bottom: .9375rem
}

@media only screen and (min-width:768px) {
    .new-main .course__date .first-date {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1280px) {
    .new-main .course__date .first-date {
        margin-bottom: 1.25rem
    }
}

.new-main .course__date .course__date-lead {
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 900;
    color: var(--accent-bg)
}

@media only screen and (min-width:768px) {
    .new-main .course__date .course__date-lead {
        font-size: 1rem;
        line-height: 1.1875rem;
        margin-bottom: .1875rem
    }
}

@media only screen and (min-width:1280px) {
    .new-main .course__date .course__date-lead {
        font-size: 1.125rem;
        line-height: 1.3125rem;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1280px) {
    .new-main .course__date .course__date-lead:last-child {
        margin-top: 1.25rem
    }
}

.main-box {
    position: relative;
    overflow: hidden;
    padding-top: 3.125rem
}

@media only screen and (min-width:768px) {
    .main-box {
        padding-top: 2.5rem
    }
}

@media only screen and (min-width:1280px) {
    .main-box {
        display: flex;
        min-height: 39rem;
        position: static;
        padding-top: 0;
        overflow: visible
    }
}

.main-box div {
    flex-basis: 50%
}

.right-block {
    position: relative
}

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

@media only screen and (min-width:1280px) {
    .right-block img {
        object-position: right
    }
}

.right-block svg {
    fill: #000;
    position: absolute;
    bottom: 1.5625rem;
    left: .625rem;
    width: 5.1875rem;
    height: 1.3125rem
}

@media only screen and (min-width:768px) {
    .right-block svg {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .right-block .actions__wrap {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .right-block {
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .right-block .marque-title__inner {
        bottom: unset;
        top: 0
    }
}

.left-block {
    margin-bottom: 5.6875rem;
    position: relative;
    padding-left: 1.875rem
}

@media only screen and (min-width:768px) {
    .left-block {
        margin-left: 0;
        margin-bottom: 4.375rem;
        padding-left: 0
    }
}

@media only screen and (min-width:1280px) {
    .left-block {
        display: block;
        position: static
    }
}

.left-block .container {
    grid-column: main
}

.left-block .course__date {
    position: static
}

@media only screen and (min-width:768px) {
    .left-block .course__date {
        display: flex;
        gap: 1.875rem
    }
}

@media only screen and (min-width:1280px) {
    .left-block .course__date {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .left-block .course__date div {
        max-width: 19.625rem
    }
}

@media only screen and (max-width:1279px) {
    .left-block .course__date div {
        max-width: 100%
    }
}

.left-heading {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1.25rem;
    font-weight: 900;
    color: var(--text-color)
}

@media only screen and (max-width:374px) {
    .left-heading {
        font-size: 2.3125rem
    }
}

@media only screen and (min-width:768px) {
    .left-heading {
        font-size: 5rem;
        line-height: 6rem;
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width:1280px) {
    .left-heading {
        line-height: 4.75rem;
        margin-top: 3.75rem;
        max-width: 98%
    }
}

.main-container {
    position: relative;
    overflow: hidden
}

.main__marquee {
    display: none
}

@media only screen and (min-width:768px) {
    .main__marquee {
        display: block
    }
}

.marquee-mob {
    position: absolute;
    display: block;
    top: 50%;
    left: .4375rem;
    transform: translate(-50%, -100%) rotate(-90deg);
    transform-origin: 50% 50%
}

.marquee-mob span {
    animation: marquee-mob 10s linear infinite;
    font-size: .625rem;
    line-height: .75rem;
    font-weight: 600;
    margin-right: .625rem;
    display: inline-block;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .marquee-mob {
        display: none
    }
}

.marque-title {
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
    height: 1.25rem;
    position: relative
}

@media only screen and (min-width:968px) {
    .marque-title {
        height: 1.5rem;
        transform: none
    }
}

.marque-title__inner {
    display: flex;
    align-items: center;
    will-change: transform;
    height: 1.3125rem;
    background: var(--marquee-bg)
}

@media only screen and (min-width:768px) {
    .marque-title__inner {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media only screen and (min-width:1280px) {
    .marque-title__inner {
        align-items: flex-start;
        bottom: auto
    }
}

.marque-title__inner.ready {
    animation: marque-mob 25s linear infinite
}

@media only screen and (min-width:768px) {
    .marque-title__inner.ready {
        animation: marque 25s linear infinite
    }
}

.marque-title__item {
    font-size: .625rem;
    line-height: .75rem;
    text-transform: uppercase;
    margin-right: 1.25rem;
    display: block;
    white-space: nowrap;
    font-weight: 600
}

@media only screen and (min-width:768px) {
    .marque-title__item {
        height: 1.25rem;
        font-size: .75rem;
        line-height: 1.6
    }
}

@media only screen and (min-width:1280px) {
    .marque-title__item {
        height: 1.25rem;
        font-size: .75rem;
        line-height: 1.7
    }
}

@keyframes marquee-mob {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% + 100vw))
    }
}

@media only screen and (min-width:768px) {
    .ticker {
        display: grid;
        grid-template: 1fr/1fr;
        position: absolute;
        width: 100vw;
        background: var(--marquee-bg);
        height: 1.25rem;
        left: 0;
        z-index: 10
    }
}

@media only screen and (min-width:1280px) {
    .ticker {
        top: 100%;
        bottom: 0
    }
}

.ticker__item {
    grid-area: 1/1/2/2;
    display: flex;
    gap: .6em;
    white-space: nowrap;
    transform: translate(100vw);
    padding: 0 .3em
}

.ticker__item:first-child {
    animation: ticker 56s linear infinite forwards
}

.ticker__item:last-child {
    animation: ticker 56s linear 28s infinite forwards
}

@keyframes ticker {
    0% {
        transform: translate(100vw)
    }

    50% {
        transform: translate(calc(100vw - 100%))
    }

    to {
        transform: translate(calc(100vw - 200%))
    }
}

.header--scrolled .logo__icon svg {
    fill: var(--logo-color)
}

.header--scrolled .main__nav a {
    color: var(--bg-main)
}

@media only screen and (min-width:768px) {
    .marque-title__inner span {
        font-size: .75rem;
        line-height: 1.25rem;
        animation: marquee 5s linear infinite;
        white-space: nowrap;
        font-weight: 700;
        display: block;
        margin-right: .875rem
    }
}

.main-running-lines-box-light .main__nav a {
    color: var(--text-color)
}

.main-running-lines-box-light .logo__icon svg {
    fill: var(--text-color)
}

.invited__section {
    position: relative
}

.invited__section .swiper-container {
    z-index: 6;
    overflow: visible
}

.invited__section .swiper-wrapper {
    z-index: 6
}

.invited__section .invited__head {
    grid-column: wide
}

.invited__section .container {
    position: relative;
    padding-bottom: 10.125rem;
    padding-right: 0;
    grid-column: wide/full;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .invited__section .container {
        padding-bottom: 3.25rem;
        padding-right: 0;
        grid-column: main/full
    }
}

@media only screen and (min-width:1280px) {
    .invited__section .container {
        padding-bottom: 4.5rem;
        grid-column: main
    }
}

@media only screen and (min-width:1600px) {
    .invited__section .container {
        grid-column: main
    }
}

.invited__section .close {
    display: none
}

.invited__section .open-info {
    font-size: .875rem;
    line-height: 1.2;
    border: none;
    background: transparent;
    display: block;
    margin: 1.375rem 0 .25rem;
    font-weight: 600;
    transition: .2s
}

@media only screen and (hover:hover) and (pointer:fine) {
    .invited__section .open-info:hover {
        opacity: .7
    }
}

.invited__section .lector-btn {
    border-bottom: 1px solid;
    padding-bottom: 2px
}

.invited__section .arrow {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    transition: .2s
}

@media only screen and (min-width:1280px) {
    .invited__section .arrow {
        position: unset;
        cursor: pointer
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .invited__section .arrow:hover {
        opacity: .8
    }
}

.invited__section .arrow svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.invited__section .arrow svg>path {
    fill: var(--main-landing-color, #025453)
}

@media only screen and (min-width:1280px) {
    .invited__section .arrow svg {
        position: unset;
        transform: none
    }
}

.invited__section .arrow--prev {
    right: 2.625rem
}

@media only screen and (min-width:768px) {
    .invited__section .arrow--prev {
        left: 0;
        right: unset
    }
}

.invited__section .arrow--next {
    right: 0
}

@media only screen and (min-width:768px) {
    .invited__section .arrow--next {
        right: 0
    }
}

@media only screen and (min-width:1280px) {
    .invited__section .arrow--next {
        right: 0
    }
}

.invited__slider-arrows {
    position: absolute;
    bottom: 12%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 7
}

.invited__slider-arrows.hidden {
    display: none
}

@media only screen and (min-width:768px) {
    .invited__slider-arrows {
        top: 18rem;
        bottom: unset
    }
}

@media only screen and (min-width:1280px) {
    .invited__slider-arrows {
        top: -.5%;
        left: 0;
        width: 100%;
        grid-column: main;
        display: flex;
        align-items: center;
        gap: 1.125rem;
        transform: none;
        justify-content: flex-end;
        padding-right: 2.0625rem
    }
}

.invited__info,
.invited__slider-box {
    position: relative
}

.invited__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 3.75rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .invited__title {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: 6.25rem
    }
}

.invited__img-wrapper {
    width: 40%;
    height: auto;
    overflow: hidden
}

.invited__img-wrapper img {
    width: 100%;
    height: 100%
}

.invited__name {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: .75rem;
    margin-bottom: .25rem
}

.invited__position {
    display: flex;
    justify-content: space-between;
    word-break: break-word;
    margin-bottom: 1.25rem;
    margin-top: 0;
    font-weight: 600
}

.invited__position,
.invited__text {
    font-size: 1rem;
    line-height: 1.2
}

.invited__text.hidden {
    display: none
}

.invited-slider__item.opened .invited__text.hidden {
    display: block
}

.invited-slider__item.opened .open {
    display: none
}

.invited-slider__item.opened .close {
    display: block
}

.invited-slider__item .invited__imageWrapper {
    position: relative;
    width: 100%;
    padding-top: 120%
}

.invited-slider__item .invited__imageWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    z-index: 1;
    transition: .2s ease-in-out
}

.invited-slider__item .invited__imageWrapper>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.invited__section .expander {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden
}

.invited__section .expander-content {
    min-height: 0;
    visibility: hidden
}

.invited__section .expander.show {
    grid-template-rows: 1fr
}

.invited__section .expander.show .expander-content {
    visibility: visible
}

.invited__section .lector-popup .popup-trigger {
    bottom: -1px;
    white-space: nowrap;
    align-items: baseline
}

.invited__section .lector-popup .popup-trigger>svg {
    transform: rotate(0deg) translateY(3px)
}

.invited__section .lector-popup .popup-body {
    width: calc(100% + rem(20));
    padding: 0;
    transform: translate(0)
}

.invited__section .lector-popup .popup-body__title {
    font-size: 1.25rem;
    padding: 2.5rem 0 0 1.25rem;
    max-width: calc(100% - 7.25rem)
}

.invited__section .lector-popup .popup-body__description {
    max-height: 10rem;
    overflow-y: auto;
    font-size: 1rem;
    padding: 0 1.25rem 2.5rem
}

.invited__section .lector-popup.popup-open .popup-body {
    opacity: 1;
    pointer-events: all;
    transform: translateY(-5%)
}

.invited__section .lector-popup.popup-open .popup-trigger {
    pointer-events: all
}

.invited__section .lector-popup.popup-open .popup-trigger>svg {
    transform: rotate(180deg) translateY(-3px)
}

.popup-opened .invited__section .popup-trigger,
.popup-opened .invited__section .swiper-container {
    pointer-events: none
}

.popup-opened .invited__imageWrapper:before {
    opacity: 1
}

.popup-opened .invited__slider-arrows {
    z-index: 6;
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .popup-opened .invited__slider-arrows {
        pointer-events: none;
        z-index: 7
    }
}

.single-lector {
    --lector-name-color: var(--primary);
    padding: 3.75rem 0
}

@media only screen and (min-width:768px) {
    .single-lector {
        padding: 3.75rem 0 5rem
    }
}

.single-lector .container {
    position: relative;
    grid-column: wide
}

@media only screen and (min-width:768px) {
    .single-lector .container {
        grid-column: main
    }
}

@media only screen and (min-width:1024px) {
    .single-lector .container {
        grid-column: main/wide
    }
}

@media only screen and (min-width:1140px) {
    .single-lector .container {
        grid-column: main/wide
    }
}

.single-lector .lector-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0
}

@media only screen and (min-width:968px) {
    .single-lector .lector-wrapper {
        flex-direction: column;
        gap: 2.5rem;
        padding: 0
    }
}

@media only screen and (min-width:1024px) {
    .single-lector .lector-wrapper {
        flex-direction: row
    }
}

@media only screen and (min-width:1140px) {
    .single-lector .lector-wrapper {
        flex-direction: row
    }
}

.single-lector .lector-wrapper__photo {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .single-lector .lector-wrapper__photo {
        width: 28.4923%
    }
}

.single-lector .lector-wrapper__photo__wrapper {
    position: relative;
    padding-top: 127.228%
}

@media only screen and (min-width:768px) {
    .single-lector .lector-wrapper__photo__wrapper {
        padding-top: 128.134%
    }
}

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

.single-lector .lector-wrapper__lector-info {
    position: relative;
    margin-top: 2rem
}

@media only screen and (min-width:1024px) {
    .single-lector .lector-wrapper__lector-info {
        margin-top: 0;
        flex: 1
    }
}

.single-lector .lector-wrapper__lector-info__name {
    font-size: 1.75rem;
    line-height: 100%;
    font-weight: 700;
    color: var(--lector-name-color);
    letter-spacing: .035rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .single-lector .lector-wrapper__lector-info__name {
        font-size: 2.25rem;
        letter-spacing: .045rem
    }
}

.single-lector .lector-wrapper__lector-info__position {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    line-height: 120%;
    color: var(--lector-name-color);
    margin: .5rem 0 2rem
}

@media only screen and (min-width:768px) {
    .single-lector .lector-wrapper__lector-info__position {
        font-size: 1.25rem;
        margin-bottom: 2.5rem
    }
}

.single-lector .lector-wrapper__lector-info__position>p {
    font-weight: 600
}

.single-lector .lector-wrapper__lector-info__position>p>span {
    font-weight: 700
}

.single-lector .lector-wrapper__lector-info__text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 130%
}

@media only screen and (min-width:768px) {
    .single-lector .lector-wrapper__lector-info__text {
        font-size: 1.125rem
    }
}

.single-lector .lector-wrapper__lector-info__text__list {
    width: calc(100% - rem(20));
    transform: translateX(1.25rem)
}

.single-lector .lector-wrapper__lector-info__text__list>li:not(last-child) {
    margin-bottom: 1.25rem
}

.single-lector.lector-popup .popup-body {
    padding-top: 1.25rem;
    padding-bottom: 2rem;
    transform: translate(-2.5%)
}

@media only screen and (min-width:768px) {
    .single-lector.lector-popup .popup-body {
        padding-top: 2.5rem;
        padding-bottom: 3.75rem
    }
}

.single-lector.lector-popup .popup-body__title {
    color: var(--lector-name-color);
    margin-bottom: 2rem
}

.single-lector.lector-popup .popup-body__description {
    max-height: 10rem;
    overflow-y: auto
}

.single-lector.lector-popup.popup-open .popup-body {
    opacity: 1;
    pointer-events: all;
    transform: translate(-2.5%, 7%)
}

.single-lector.lector-popup.popup-open .popup-trigger>svg {
    transform: rotate(180deg)
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    opacity: 0;
    z-index: 5;
    pointer-events: none;
    transition: all .2s ease;
    background-color: rgba(0, 0, 0, .3)
}

.show-overlay {
    opacity: 1;
    pointer-events: all
}

.lector-popup .popup-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    padding: 2.5rem 1.25rem;
    background-color: #fff;
    opacity: 0;
    z-index: 11;
    pointer-events: none;
    transition: all .2s ease
}

.lector-popup .popup-body__title {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 1.25rem;
    max-width: calc(100% - 4.375rem);
    color: var(--main-landing-color, #025453)
}

@media only screen and (min-width:768px) {
    .lector-popup .popup-body__title {
        font-size: 2.25rem
    }
}

.lector-popup .popup-body__description {
    font-size: 1rem;
    line-height: 130%;
    font-weight: 500;
    user-select: none
}

@media only screen and (min-width:768px) {
    .lector-popup .popup-body__description {
        font-size: 1.125rem
    }
}

.lector-popup .popup-body__description::-webkit-scrollbar {
    width: .25rem
}

.lector-popup .popup-body__description::-webkit-scrollbar-track {
    background: #f1f1f1
}

.lector-popup .popup-body__description::-webkit-scrollbar-thumb {
    background: #e5e4e4;
    height: 35%;
    border-radius: .5rem
}

.lector-popup .popup-trigger {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
    pointer-events: all;
    z-index: 15
}

.lector-popup .popup-trigger:hover .popup-trigger__text {
    transform: scale(1.1)
}

.lector-popup .popup-trigger__text {
    position: relative;
    font-size: 14px;
    color: #002fa2;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: .0175rem;
    transition: all .2s ease-in-out;
    user-select: none
}

.lector-popup .popup-trigger__text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #002fa2
}

.lector-popup .popup-trigger>svg {
    min-width: 1rem;
    min-height: 1rem;
    margin-left: .5rem;
    transition: .2s ease-in-out;
    user-select: none
}

.header__logo .logo-img {
    height: 60%
}

@media only screen and (min-width:1024px) {
    .header__logo .logo-img {
        margin-bottom: .25rem
    }
}

[data-color-theme=black]~.header .header__logo .logo-img {
    height: 70%
}

@media only screen and (min-width:1024px) {
    [data-color-theme=black]~.header .header__logo .logo-img {
        height: 65%;
        margin-bottom: .125rem
    }
}

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

.form__action {
    order: 2
}

.form__item {
    position: relative;
    order: 1;
    padding: .75rem var(--summary-size) 0
}

@media only screen and (min-width:768px) {
    .form__item {
        padding: 1.875rem 0 0
    }
}

.form__item .form__error {
    top: 100%;
    right: unset
}

.form__item.error-input .form__error {
    transform: translateY(25%)
}

.footer__logo svg {
    height: 1.875rem
}

.order-with-price {
    margin-top: .625rem
}

@media only screen and (min-width:768px) {
    .order-with-price {
        margin-top: 1.875rem
    }
}

.order-with-price .container {
    grid-column: full;
    background-color: var(--secondary)
}

@media only screen and (min-width:768px) {
    .order-with-price .container {
        grid-column: main;
        padding: 4.6875rem 3rem 0
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price .container {
        grid-column: wide;
        display: flex;
        justify-content: space-between
    }
}

.order-with-price__inner {
    background: var(--order-price-txt);
    padding: 1.875rem .1875rem 5rem
}

@media only screen and (min-width:768px) {
    .order-with-price__inner {
        padding: 3.75rem 3rem 3.875rem;
        max-width: 38.8125rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__inner {
        padding: 5.125rem 5rem 6.1875rem
    }
}

.order-with-price__inner .form__input {
    padding-left: 0;
    padding-bottom: .625rem;
    padding-top: 2.0625rem
}

@media only screen and (min-width:768px) {
    .order-with-price__inner .form__input {
        padding-top: 2.875rem
    }
}

.order-with-price__inner .form__input:first-child {
    padding-top: 0
}

.order-with-price__inner .form__input:before {
    background: var(--core-txt)
}

.order-with-price__inner .form__input.error-input:before {
    background: var(--accent)
}

.order-with-price__inner .form__input.error-input .form__error {
    top: unset;
    transform: none;
    bottom: -.8125rem
}

.order-with-price__inner .form__input input:-webkit-autofill,
.order-with-price__inner .form__input input:-webkit-autofill:active,
.order-with-price__inner .form__input input:-webkit-autofill:focus,
.order-with-price__inner .form__input input:-webkit-autofill:hover {
    box-shadow: 0 0 0 30px var(--order-price-txt) inset !important;
    -webkit-box-shadow: 0 0 0 30px var(--order-price-txt) inset !important;
    transition: background-color 0s linear 1000s !important;
    color: #000 !important;
    caret-color: #000 !important
}

.order-with-price__inner .form .iti__selected-flag,
.order-with-price__inner .form__label {
    left: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1
}

@media only screen and (min-width:768px) {

    .order-with-price__inner .form .iti__selected-flag,
    .order-with-price__inner .form__label {
        font-size: 1.125rem
    }
}

.order-with-price__inner .form__label {
    bottom: .625rem
}

.order-with-price__inner .form .request-input {
    font-weight: 500;
    -webkit-text-fill-color: var(--core-txt) !important
}

.order-with-price__inner .form .request-input:not(.js-country-shown):not(:placeholder-shown)+.form__label {
    transform: scale(.6) translate(.125rem, -212%)
}

.order-with-price__inner .form__action {
    padding-left: 0;
    margin: 0
}

.order-with-price__inner .form__action .btn {
    background: var(--cell-lead-color, var(--accent));
    color: var(--order-price-txt);
    padding: .9375rem .625rem
}

@media only screen and (min-width:768px) {
    .order-with-price__inner .form__action .btn {
        padding: 1.25rem .625rem
    }
}

@media only screen and (hover:hover) and (pointer:fine) {
    .order-with-price__inner .form__action .btn:hover {
        background: var(--order-price-btn-hover)
    }
}

.order-with-price__inner .form__disclaimer {
    padding: 0;
    text-align: unset;
    font-size: .75rem;
    line-height: 1.3;
    margin-bottom: 1.875rem
}

@media only screen and (min-width:768px) {
    .order-with-price__inner .form__disclaimer {
        font-size: .875rem;
        margin-bottom: 2.3125rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__inner .form__disclaimer {
        margin: 2.5rem 0
    }
}

.order-with-price__inner .form__disclaimer a {
    text-decoration: none;
    border-bottom: 1px solid
}

@media only screen and (hover:hover) and (pointer:fine) {
    .order-with-price__inner .form__disclaimer a:hover {
        color: unset;
        border-color: transparent
    }
}

.order-with-price__inner .btn-loader span {
    background: var(--order-price-txt)
}

.order-with-price__title {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.3;
    margin-bottom: 2.375rem
}

@media only screen and (min-width:768px) {
    .order-with-price__title {
        font-weight: 900;
        line-height: 1.2;
        font-size: 2rem;
        margin-bottom: 2.875rem
    }
}

.order-with-price__heading {
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 2.5rem
}

@media only screen and (min-width:768px) {
    .order-with-price__heading {
        font-size: 3.875rem;
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__heading {
        line-height: 1.3;
        margin-bottom: 2.5rem
    }
}

.order-with-price__price {
    margin-bottom: 1.9375rem
}

@media only screen and (min-width:768px) {
    .order-with-price__price {
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__price {
        margin-bottom: 1.25rem
    }
}

.order-with-price__price p {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .order-with-price__price p {
        font-size: 2.5rem
    }
}

.order-with-price__price .description {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.3
}

@media only screen and (min-width:768px) {
    .order-with-price__price .description {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__price .description {
        font-size: 1.375rem
    }
}

.order-with-price p {
    font-size: 1.625rem;
    line-height: 1.3;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .order-with-price p {
        font-size: 2.5rem
    }
}

.order-with-price p span {
    font-size: 1.25rem
}

@media only screen and (min-width:768px) {
    .order-with-price p span {
        font-size: 1.875rem
    }
}

.order-with-price__sale {
    background: var(--primary);
    color: var(--order-price-txt);
    padding: .9375rem 1.0625rem .9375rem .625rem;
    position: relative;
    width: fit-content;
    margin-bottom: 1.25rem;
    margin-left: -.625rem
}

@media only screen and (min-width:768px) {
    .order-with-price__sale {
        margin-bottom: 3.125rem;
        margin-left: -4.1875rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__sale {
        margin-bottom: 1.875rem
    }
}

.order-with-price__sale .sale {
    font-weight: 900;
    font-size: .875rem;
    line-height: 1.3;
    padding: .625rem;
    width: fit-content;
    position: absolute;
    top: -50%;
    transform: translateY(50%);
    right: .625rem;
    background: var(--order-price-txt);
    color: var(--cell-lead-color, var(--accent))
}

@media only screen and (min-width:768px) {
    .order-with-price__sale .sale {
        font-size: 1.5rem;
        padding: 1rem;
        right: 1.25rem;
        transform: translateY(60%)
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__sale .sale {
        right: 2rem;
        transition: none;
        top: -3.4375rem
    }
}

@media only screen and (min-width:768px) {
    .order-with-price__sale {
        padding: 2.5rem 2.6875rem 2.5rem 3.6875rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__sale {
        padding: 2.9375rem 2.4375rem 2.9375rem 3.75rem
    }
}

.order-with-price__sale p {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .order-with-price__sale p {
        font-size: 2.5rem
    }
}

.order-with-price__sale p span {
    font-size: 1.125rem
}

@media only screen and (min-width:768px) {
    .order-with-price__sale p span {
        font-size: 1.875rem
    }
}

.order-with-price .description {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.3
}

@media only screen and (min-width:768px) {
    .order-with-price .description {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price .description {
        font-size: 1.375rem
    }
}

.order-with-price__info {
    padding: 2.5rem .625rem
}

@media only screen and (min-width:768px) {
    .order-with-price__info {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__info {
        padding-bottom: 5rem
    }
}

.order-with-price__list p {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
    .order-with-price__list p {
        font-size: 1.25rem;
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__list p {
        font-size: 1.375rem
    }
}

.order-with-price__list ul {
    list-style: none;
    margin-bottom: 2.5rem
}

@media only screen and (min-width:768px) {
    .order-with-price__list ul {
        margin-bottom: 4.375rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__list ul {
        margin-bottom: 0
    }
}

.order-with-price__list li {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .625rem;
    position: relative;
    padding-left: 1.375rem
}

@media only screen and (min-width:768px) {
    .order-with-price__list li {
        font-size: 1.25rem;
        margin-bottom: 1.25rem;
        padding-left: 1.6875rem
    }
}

@media only screen and (min-width:1280px) {
    .order-with-price__list li {
        font-size: 1.375rem
    }
}

.order-with-price__list li:last-child {
    margin-bottom: 0
}

.order-with-price__list li svg {
    fill: var(--order-price-txt);
    width: .75rem;
    height: .8125rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-33%);
    left: 0
}

@media only screen and (min-width:768px) {
    .order-with-price__list li svg {
        width: 1.0625rem;
        height: 1.125rem
    }
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: none
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(images/flags.416250f6.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(images/flags@2x.d429a577.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

:root {
    --base-banner-height: 3rem
}

@media only screen and (min-width:768px) {
    :root {
        --base-banner-height: 3.75rem
    }
}

.base-banner {
    position: relative;
    z-index: 200;
    height: var(--base-banner-height)
}

.base-banner__cont {
    display: block;
    background-color: var(--bgc)
}

.base-banner__cont img,
.base-banner__cont picture {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    max-width: 120rem;
    margin: 0 auto
}

.base-banner+.dark-mode .header,
.base-banner~.header,
.base-banner~.l_header {
    transition: top .2s ease
}

.base-banner+.dark-mode .header:not(.scrolled),
.base-banner~.header:not(.scrolled),
.base-banner~.l_header:not(.scrolled) {
    top: var(--base-banner-height)
}

.base-banner+.dark-mode .header.active,
.base-banner+.dark-mode .header.header--scrolled,
.base-banner+.dark-mode .header.is-scrolled,
.base-banner+.dark-mode .header.show,
.base-banner+.dark-mode .header.sticky,
.base-banner~.header.active,
.base-banner~.header.header--scrolled,
.base-banner~.header.is-scrolled,
.base-banner~.header.show,
.base-banner~.header.sticky,
.base-banner~.l_header.active,
.base-banner~.l_header.header--scrolled,
.base-banner~.l_header.is-scrolled,
.base-banner~.l_header.show,
.base-banner~.l_header.sticky,
.overflow .base-banner+.dark-mode .header,
.overflow .base-banner~.header,
.overflow .base-banner~.l_header {
    top: 0
}

body[data-banner-enabled=true] .breadcrumbs:is(nav) {
    margin-top: calc(var(--base-banner-height) + 2rem)
}

body[data-banner-enabled=true] .landing-breadcrumbs {
    margin-top: calc(var(--base-banner-height)*-1)
}

body[data-banner-enabled=true].elvtr-base .wrapper,
body[data-banner-enabled=true].page-not-front .wrapper {
    padding-top: 0
}

@media only screen and (max-width:639px) {
    body[data-banner-enabled=true].menu-active .l_header:not(.active)+.l_menu {
        top: var(--base-banner-height)
    }
}

body[data-banner-enabled=true].course-new-theme .nav__bars {
    transition: margin .2s ease
}

body[data-banner-enabled=true].course-new-theme .header:not(.active)+.nav__bars {
    margin-top: var(--base-banner-height)
}

body[data-banner-enabled=true].elvtr-expansion-body,
body[data-banner-enabled=true].elvtr-expansion-body .wrapper {
    padding-top: 0
}

body[data-banner-enabled=true].elvtr-expansion-body .breadcrumbs {
    margin-top: calc(var(--base-banner-height) + 2rem)
}

body[data-banner-enabled=true].elvtr-expansion-body .hero,
body[data-banner-enabled=true].elvtr-expansion-body .informers-list {
    padding-top: var(--base-banner-height)
}

@media only screen and (max-width:1139px) {
    body[data-banner-enabled=true].elvtr-expansion-body .informers-list {
        padding-top: var(--header-height, var(--base-banner-height))
    }
}

body[data-banner-enabled=true].elvtr-expansion-body .header:not(.scrolled) {
    top: var(--base-banner-height)
}

body[data-banner-enabled=true].elvtr-expansion-body .main-running-lines-box-light .header,
body[data-banner-enabled=true].elvtr-expansion-body .main-running-lines-box .header {
    top: 0
}

body[data-banner-enabled=true].short-land-body .header:not(.scrolled) .nav__enroll {
    top: calc(var(--base-banner-height) + .25rem)
}

body[data-banner-enabled=true] .webinar-timetable-wrap .cta-top-btn {
    top: var(--base-banner-height)
}

body[data-banner-enabled=true].corp-landing .header.header--scrolled,
body[data-banner-enabled=true] .webinar-timetable-wrap .cta-top-btn.show {
    top: 0
}

body[data-banner-enabled=true].corporate_landing .base-banner {
    z-index: 1100
}

body[data-banner-enabled=true].corporate_landing.is-scrolled .header {
    top: 0
}

body[data-banner-enabled=true].laba-3-0-body .desk {
    margin-top: 1.25rem
}

@media only screen and (min-width:1280px) {
    body[data-banner-enabled=true].laba-3-0-body .desk {
        margin-top: 0
    }
}

body[data-banner-enabled=true].laba-global-body .header {
    top: 0;
    transition: all .2s
}