/* Start:/local/templates/main/assets/fonts/styles.css?1770977540926*/
@font-face {
    font-family: 'font';
    font-weight: 300;
    src: url('/local/templates/main/assets/fonts/./font/Light.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/./font/Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main/assets/fonts/./font/Light.woff') format('woff');
}

@font-face {
    font-family: 'font';
    font-weight: 400;
    src: url('/local/templates/main/assets/fonts/./font/Roman.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/./font/Roman.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main/assets/fonts/./font/Roman.woff') format('woff');
}

@font-face {
    font-family: 'font';
    font-weight: 500;
    src: url('/local/templates/main/assets/fonts/./font/Medium.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/./font/Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main/assets/fonts/./font/Medium.woff') format('woff');
}

@font-face {
    font-family: 'font';
    font-weight: 700;
    src: url('/local/templates/main/assets/fonts/./font/Bold.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/./font/Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main/assets/fonts/./font/Bold.woff') format('woff');
}
/* End */


/* Start:/local/templates/main/assets/styles/main.css?1774021218111151*/
@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent;
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@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');
    font-weight: 400;
    font-style: normal
}

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

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

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

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

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 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.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: 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;
    font-variant: initial;
    line-height: 1
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

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

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    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 {
    transform: scale(1)
}

.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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-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: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

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

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, 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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

html {
    font-size: 16px
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 17px 28px 18px 28px;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    white-space: nowrap
}

.btn span {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -.04em
}

@media (min-width:768px) and (max-width:1280px) {
    .btn span {
        font-size: 18px
    }
}

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

.btn--primary {
    color: #fff;
    background-color: #0abab5
}

.btn--primary:hover {
    background-color: #5bd3cd
}

.btn--primary:active {
    background-color: #32c8c1
}

.btn--primary span {
    color: #fff
}

.btn--primary_bordered {
    border: 1px solid #0abab5;
    background-color: transparent;
    color: #0abab5
}

.btn--primary_bordered span {
    color: #0abab5
}

.btn--white {
    background-color: #fff;
    border: 1px solid #fff
}

.btn--white span {
    color: #0abab5
}

.btn--white:hover {
    background-color: transparent;
    border: 1px solid #fff
}

.btn--white:hover span {
    color: #fff
}

.btn--white:active {
    background-color: transparent;
    border: 1px solid #fff
}

.btn--white:active span {
    color: #fff
}

.btn--svg {
    gap: 5px
}

.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: 10px
}

.custom-checkbox input[type=checkbox] {
    display: none
}

.custom-checkbox input:checked+.checkbox-box {
    background-color: transparent;
    border-color: #000
}

.custom-checkbox input:checked+.checkbox-box::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 4px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-checkbox.custom-checkbox--white input:checked+.checkbox-box {
    border-color: #fff
}

.custom-checkbox.custom-checkbox--white input:checked+.checkbox-box::after {
    border-color: #fff
}

.checkbox-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.custom-checkbox--white .checkbox-box {
    border: 2px solid #fff
}

.checkbox-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 110%
}

.custom-checkbox--white .checkbox-label {
    color: #fff
}

.checkbox-label a {
    color: #ff8562
}

.input {
    background-color: #fff;
    outline: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    height: 64px;
    border: 1px solid #fff;
    color: #1f1f1f;
    padding: 21px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.input:hover {
    border-color: #0ABAB533;
}

.input::-webkit-input-placeholder {
    color: #b6b6b6
}

.input::-moz-placeholder {
    color: #b6b6b6
}

.input:-ms-input-placeholder {
    color: #b6b6b6
}

.input::-ms-input-placeholder {
    color: #b6b6b6
}

.input::placeholder {
    color: #b6b6b6
}

.input.error {
    border: 1px solid red;
    color: red
}

.input.error::-webkit-input-placeholder {
    color: red
}

.input.error::-moz-placeholder {
    color: red
}

.input.error:-ms-input-placeholder {
    color: red
}

.input.error::-ms-input-placeholder {
    color: red
}

.input.error::placeholder {
    color: red
}

.input.not-empty:not(.error) {
    border-color: #0ABAB5;
}

.input.not-empty.error {
    border-color: #EE0101;
    color: #EE0101;
}

@media (max-width:360px) {
    .input {
        font-size: 18px
    }
}

.popup {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 617px;
    height: 326px;
    background-color: #0abab5;
    border-radius: 16px;
    padding: 40px;
    gap: 24px;
    position: absolute;
    left: calc(50%);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:768px) and (max-width:1280px) {
    .popup {
        width: 510px;
        height: 297px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .popup {
        width: 343px;
        height: 260px;
        gap: 16px
    }
}

@media (max-width:374px) {
    .popup {
        width: 303px;
        height: 220px;
        gap: 16px
    }
}

.popup-container {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .25)
}

.popup-container.opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.popup__close svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup__ico {
    width: 60px;
    height: 60px
}

@media (max-width:1280px) {
    .popup__ico {
        width: 50px;
        height: 50px
    }
}

.popup__ico svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px
}

@media (max-width:767px) {
    .popup__body {
        gap: 16px
    }
}

.popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.popup__title {
    font-weight: 400;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -.03em;
    color: #fff;
    text-align: center
}

@media (min-width:768px) and (max-width:1280px) {
    .popup__title {
        font-size: 32px
    }
}

@media (max-width:767px) {
    .popup__title {
        font-size: 24px
    }
}

.popup__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #fff;
    text-align: center
}

@media (min-width:768px) and (max-width:1280px) {
    .popup__subtitle {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .popup__subtitle {
        font-size: 14px
    }
}

.popup__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup__btn {
    width: 191px;
    height: 64px
}

@media (min-width:768px) and (max-width:1280px) {
    .popup__btn {
        width: 169px;
        height: 57px
    }
}

@media (max-width:767px) {
    .popup__btn {
        width: 148px;
        height: 47px
    }
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

@media (max-width:767px) {
    .tabs {
        gap: 20px
    }
}

.tabs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

@media (max-width:767px) {
    .tabs__header {
        overflow: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .tabs__header::-webkit-scrollbar {
        display: none
    }
}

.tabs__header-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 49px;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000;
    padding: 15px 30px;
    width: 100%;
    cursor: pointer
}

.tabs__header-item.active {
    background-color: #bb966e;
    color: #fff
}

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

.tabs__body-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    padding: 12px 50px;
    border-bottom: 1px solid #0000001A
}

@media (max-width:767px) {
    .services-tabs .tabs__body-item {
        padding: 12px 16px !important;
        text-align: center
    }
}

.tabs__body-head {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    background-color: #000
}

@media (max-width:767px) {
    .services-tabs .tabs__body-head {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.tabs__body-head .tabs__body-item {
    color: #fff
}

@media (max-width:767px) {
    .services-tabs .tabs__body-head .tabs__body-item:first-child {
        display: none
    }
}

.tabs__body-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    background-color: #fff
}

@media (max-width:767px) {
    .services-tabs .tabs__body-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-template-columns: unset
    }
}

.tabs__body-row .tabs__body-item {
    text-align: center
}

.tabs__body-row .tabs__body-item span {
    margin-left: 3px
}

.tabs__body-row .tabs__body-item:nth-child(1) {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    padding: 12px 50px
}

@media (max-width:767px) {
    .services-tabs .tabs__body-row .tabs__body-item:nth-child(1) {
        width: 100%;
        font-size: 14px
    }
}

@media (max-width:767px) {

    .services-tabs .tabs__body-row .tabs__body-item:nth-child(2),
    .services-tabs .tabs__body-row .tabs__body-item:nth-child(3),
    .services-tabs .tabs__body-row .tabs__body-item:nth-child(4) {
        width: 33.333%
    }
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.grid {
    display: grid
}

.grid--cols-4 {
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:767px) {
    .grid--cols-4.programs__grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.grid--cols-3 {
    grid-template-columns: repeat(3, 1fr)
}

.grid--cols-2 {
    grid-template-columns: repeat(2, 1fr)
}

.grid--cols-1 {
    grid-template-columns: repeat(1, 1fr)
}

.badges--prices {
    max-width: 1012px
}

@media (max-width:1280px) {
    .badges--prices {
        max-width: 100%
    }
}

.badges--text-page {
    max-width: 515px
}

@media (max-width:1500px) {
    .badges--text-page {
        max-width: 100%
    }
}

.badges__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0
}

.badges--text-page .badges__list {
    gap: 10px
}

@media (min-width:768px) and (max-width:1280px) {
    .badges--text-page .badges__list {
        gap: 8px
    }
}

@media (max-width:767px) {
    .badges--text-page .badges__list {
        gap: 4px
    }
}

.badges__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 60px;
    padding: 19px 23px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease, border-color .2s ease-in-out;
    -moz-transition: background-color .2s ease, border-color .2s ease-in-out;
    -ms-transition: background-color .2s ease, border-color .2s ease-in-out;
    -o-transition: background-color .2s ease, border-color .2s ease-in-out;
}

@media (min-width:768px) and (max-width:1280px) {
    .badges__item {
        padding: 15px 19px
    }
}

@media (max-width:767px) {
    .badges__item {
        padding: 9px 11px
    }
}

.badges--prices .badges__item {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.badges--prices .badges__item:hover {
    border-color: #0ABAB5;
}

.badges--prices .badges__item.active,
.badges--prices .badges__item:active {
    background-color: #0ABAB5;
    border-color: #0ABAB5;
}

.badges--prices .badges__item.active .badges__text,
.badges--prices .badges__item:active .badges__text {
    color: #fff
}

.badges--text-page .badges__item {
    padding: 13px 16px;
    background-color: #0abab5
}

@media (min-width:768px) and (max-width:1280px) {
    .badges--text-page .badges__item {
        padding: 10px 14px
    }
}

@media (max-width:767px) {
    .badges--text-page .badges__item {
        padding: 7px 10px
    }
}

.badges--text-page .badges__item.active,
.badges--text-page .badges__item:active,
.badges--text-page .badges__item:hover {
    background-color: #0abab5
}

.badges--text-page .badges__item.active .badges__text,
.badges--text-page .badges__item:active .badges__text,
.badges--text-page .badges__item:hover .badges__text {
    color: #fff
}

.badges__text {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -.04em;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

@media (min-width:768px) and (max-width:1280px) {
    .badges__text {
        font-size: 18px
    }
}

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

.badges--prices .badges__text {
    color: #0abab5
}

.badges--text-page .badges__text {
    font-size: 16px;
    color: #fff
}

@media (max-width:1280px) {
    .badges--text-page .badges__text {
        font-size: 14px
    }
}

.video.playing:after {
    display: none
}

.video__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.video__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 89px;
    height: 89px;
    background: #0abab5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 101;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:767px) {
    .video__button {
        width: 58px;
        height: 58px
    }
}

.video__button::before {
    content: '';
    display: block;
    margin-left: 5px;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #fff
}

.video__button::after {
    content: '';
    border: 1px solid #0abab5;
    border-radius: 50% 50%;
    width: 113px;
    height: 113px;
    position: absolute;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:767px) {
    .video__button::after {
        width: 74px;
        height: 74px
    }
}

.form-inline__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.form-inline__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

@media (min-width:768px) and (max-width:1280px) {
    .form-inline__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:767px) {
    .form-inline__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#courseForm .form-inline__item {
    width: 581px
}

@media (min-width:768px) and (max-width:1280px) {
    #courseForm .form-inline__item {
        width: 100%
    }
}

@media (max-width:767px) {
    #courseForm .form-inline__item {
        width: 100%
    }
}

.form-inline__item .iti {
    width: 100%
}

.form-inline__item .iti input {
    width: 100%
}

.form-inline__btn {
    height: 50px
}

@media (min-width:768px) and (max-width:1280px) {
    .form-inline__btn {
        width: 100%
    }
}

@media (max-width:767px) {
    .form-inline__btn {
        width: 100%
    }
}

.form-inline__agreement a {
    color: #ff8562
}

.swiper-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.swiper-button {
    width: 60px;
    height: 60px;
    cursor: pointer
}

.swiper-button:hover svg circle {
    fill-opacity: 1
}

.swiper-button:hover svg path {
    stroke: #fff
}

.swiper-button:active svg circle {
    fill-opacity: 0
}

@media (min-width:768px) and (max-width:1280px) {
    .swiper-button {
        width: 56px;
        height: 56px
    }
}

@media (max-width:767px) {
    .swiper-button {
        display: none
    }
}

.swiper-button svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-button svg circle {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.swiper-button svg path {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.swiper-pagination {
    display: none;
    bottom: 0 !important
}

@media (max-width:767px) {
    .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px
    }
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px
}

.swiper-pagination-bullet-active {
    background: #0abab5
}

.breadcrumbs {
    margin: 40px 0
}

@media (min-width:768px) and (max-width:1280px) {
    .breadcrumbs {
        margin: 24px 0
    }
}

@media (max-width:767px) {
    .breadcrumbs {
        margin: 16px 0
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .breadcrumbs__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.breadcrumbs__item:not(:last-child) {
    padding-right: 30px;
    position: relative
}

@media (max-width:767px) {
    .breadcrumbs__item:not(:last-child) {
        padding-right: 28px
    }
}

.breadcrumbs__item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    right: -6px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width:767px) {
    .breadcrumbs__item:not(:last-child)::after {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px)
    }
}

.breadcrumbs__link {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em
}
.breadcrumbs__link:not(.breadcrumbs__item.breadcrumbs__item--current):hover{
    color: #0abab5;
}
@media (max-width:767px) {
    .breadcrumbs__link {
        font-size: 16px
    }
}

.breadcrumbs__item--current .breadcrumbs__link {
    color: #b6b6b6;
    pointer-events: none
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0
}

@media (max-width:767px) {
    .header__inner {
        padding: 24px 0 16px;
        flex-wrap: wrap;
        gap: 16px;
    }
}
@media (max-width: 423px){
    .header__right {
        gap: 8px;
    }
}
.header__logo {
    width: 280px;
    height: 38px
}

@media (min-width:1281px) and (max-width:1500px) {
    .header__logo {
        width: 240px;
        height: 30px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .header__logo {
        width: 206px;
        height: 28px;
    }
}

@media (max-width:767px) {
    .header__logo {
        width: 206px;
        height: 28px;
        flex: 0 0 auto;
        order: 1;
    }
}

.header__logo picture img,
.header__logo svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) and (max-width:1280px) {
    .header-nav {
        display: none
    }
}

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

.header-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

@media (min-width:1281px) and (max-width:1500px) {
    .header-nav__list {
        gap: 16px
    }
}

.header-nav__link {
    /* font-size: 18px; */

    font-weight: 400;
    letter-spacing: -.04em;
    text-align: right;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
@media screen and (min-width:1321px){
	.header-nav__link {
		font-size: 24px; 
	}
}

@media screen and (min-width:1281px) and (max-width:1320px){
	.header-nav__link {
		font-size: 18px; 
	}
}

.header-nav__link:hover {
    color: #0abab5
}
.header__right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
}
@media (max-width:767px) {
    .header__right {
        width: 100%;
        order: 4;
        gap: 8px;
    }
}
@media (max-width: 423px){
    .header__right {
        gap: 4px;
    }
}
.header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

@media (min-width: 768px) and (max-width:1280px) {
    .header-info {
        display: none;
    }
}
@media (max-width: 767px){
    .header-info {
        width: 100%;
        align-items: flex-start;
        gap: 6px;
    }
}
@media (max-width: 300px){
    .header-info {
        flex-direction: column;
    }
}
.header-info__text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.04em;
    text-align: right
}
@media (max-width: 767px){
    .header-info__text {
        line-height: normal;
        align-items: center;
    }
}
@media (min-width: 375px) and (max-width: 767px){
    .header .header-info__text {
        font-size: 14px;
    }
}
@media (max-width: 374px){
    .header .header-info__text {
        font-size: 11px;
    }
}
.header-info__metro {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.04em;
    text-align: right
}

.header-info__metro-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;

}

.header-info__metro-inner svg {
    width: 7px;
    height: 7px;
    -o-object-fit: contain;
    object-fit: contain
}
.header-info .header-info_sub_metro{
   /* position: absolute;
    top: 100%;
    z-index: 999; */
}

.header-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}
@media (min-width: 768px) and (max-width: 1280px){
    .header-contacts {
        flex-direction: row;
        align-items: center;
        gap: 40px;
    }
}
@media (max-width:767px) {
    .header-contacts {
        width: 100%;
        align-items: flex-end;
    }
}

.header-contacts__phone {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.04em;
    text-align: right;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
@media (max-width: 767px){
    .header .header-contacts__phone {
        line-height: normal;
    }
}
@media (min-width: 424px) and (max-width: 767px){
    .header .header-contacts__phone {
        font-size: 16px;
    }
}
@media (max-width: 423px){
    .header .header-contacts__phone {
        font-size: 14px;
    }
}
.header-contacts__phone:hover {
    color: #0abab5
}

.header-contacts__whatsapp {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.04em;
    text-align: right;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
@media (max-width: 767px){
    .mobile-menu .header-contacts__whatsapp {
        transition: unset;
    }
}
@media (max-width: 767px){
    .header .header-contacts__whatsapp {
        line-height: normal;
    }
}
@media (min-width: 424px) and (max-width: 767px){
    .header .header-contacts__whatsapp {
        font-size: 16px;
    }
}
@media (max-width: 423px){
    .header .header-contacts__whatsapp {
        font-size: 12px;
    }
}




.header-contacts__whatsapp:hover {
    color: #0abab5
}

.header-contacts__whatsapp-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}
@media (max-width: 375px){
    .header-contacts__whatsapp-inner {
        gap: 4px;
    }
}
.header-contacts__whatsapp-inner svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}
@media (min-width: 376px) and (max-width: 423px){
    .header-contacts__whatsapp-inner svg {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 375px){
    .header-contacts__whatsapp-inner svg {
        width: 16px;
        height: 16px;
    }
}
.header__toggle {
    display: none
}

@media (max-width:1280px) {
    .header__toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 28px;
        height: 22px;
        cursor: pointer;
        order: 2;
    }

    .header__toggle span {
        display: block;
        height: 2px;
        background-color: #1f1f1f;
        border-radius: 1px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__toggle span:nth-child(1) {
        width: 100%;
        margin-bottom: 6px
    }

    .header__toggle span:nth-child(2) {
        width: 100%;
        margin-bottom: 6px
    }

    .header__toggle span:nth-child(3) {
        width: 100%
    }

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

    .header__toggle.opened span {
        margin: 0;
        height: 3px
    }

    .header__toggle.opened span:nth-child(1) {
        -webkit-transform: rotate(45deg) translate(2px, 2px);
        transform: rotate(45deg) translate(2px, 2px)
    }

    .header__toggle.opened span:nth-child(2) {
        opacity: 0
    }

    .header__toggle.opened span:nth-child(3) {
        -webkit-transform: rotate(-45deg) translate(2px, -2px);
        transform: rotate(-45deg) translate(2px, -2px)
    }
}

.footer {
    background-color: #f9f9f9;
    padding: 40px 80px
}

@media (min-width:768px) and (max-width:1280px) {
    .footer {
        padding: 40px 20px
    }
}

@media (max-width:767px) {
    .footer {
        padding: 40px 20px
    }
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}
@media (max-width:1024px) {
    .footer__wrapper {
        flex-wrap: wrap;
    }
    .footer_center{
        order: 9;
    }
}
@media (max-width:767px) {
    .footer__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:767px) {
    .footer__left {
        gap: 24px
    }
}

.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

@media (max-width:767px) {
    .footer__info {
        gap: 8px
    }
}

.footer__info-phone {
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -.04em
}
.footer__info-phone:hover {
    color: #0ABAB5;
}
@media (min-width:768px) and (max-width:1280px) {
    .footer__info-phone {
        font-size: 32px
    }
}

@media (max-width:767px) {
    .footer__info-phone {
        font-size: 24px
    }
}

.footer__info-email {
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -.04em
}
.footer__info-email:hover {
    color: #0ABAB5;
}
@media (min-width:768px) and (max-width:1280px) {
    .footer__info-email {
        font-size: 32px
    }
}

@media (max-width:767px) {
    .footer__info-email {
        font-size: 24px
    }
}

.footer__logo {
    width: 353px;
    height: 48px
}



@media (min-width:768px) and (max-width:1280px) {
    .footer__logo {
        width: 258px;
        height: 44px
    }
}

@media (min-width:401px) and (max-width:767px) {
    .footer__logo {
        width: 285px;
        height: 39px
    }
}

@media (max-width:400px) {
    .footer__logo {
        width: 236px;
        height: 32px
    }
}

.footer__logo picture img,
.footer__logo svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 109px
}

@media(max-width:1440px){
    .footer__right{
        gap: 70px;
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .footer__right {
        gap: 35px
    }
}

@media (max-width:767px) {
    .footer__right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 24px
    }
}

@media (max-width:374px) {
    .footer__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    max-width: 202px;
}


@media (min-width:768px) and (max-width:1280px) {
    .footer__list {
        gap: 8px;
        max-width: 202px;
    }
}

@media (max-width:767px) {
    .footer__list {
        gap: 8px
    }
}

.footer__list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.footer__list-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.04em
}

.footer_addres_text, .footer_addres_text a{
    color: #b6b6b6;
    font-size: 16px;
}
.footer_addres_text a{
    text-decoration: underline;
}
.footer_addres_text a:hover{
    text-decoration: none;
}
@media (min-width:768px) and (max-width:1280px) {
    .footer__list-title {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .footer__list-title {
        font-size: 18px
    }
}

.footer__list-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em
}

@media (min-width:768px) and (max-width:1280px) {
    .footer__list-item {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .footer__list-item {
        font-size: 18px
    }
}
.footer__list-link:hover {
    color: #0ABAB5;
}
.footer__list-link_disabled {
    pointer-events: none;
}
.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    /*margin-top: 38px;*/
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid #b6b6b6
}
.footer_addres_text{
    margin-top: 38px;
    padding-top: 20px;
    border-top: 1px solid #b6b6b6;
}
@media (max-width:1800px) {
    .footer__bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .footer__bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px
    }
}

@media (max-width:767px) {
    .footer__bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px
    }
}

.footer__bottom-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: #b6b6b6
}

@media (max-width:1800px) {
    .footer__bottom-text br {
        display: none
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .footer__bottom-text {
        width: 100%
    }

    .footer__bottom-text br {
        display: none
    }
}

@media (max-width:767px) {
    .footer__bottom-text {
        font-size: 14px
    }

    .footer__bottom-text br {
        display: none
    }
}

.footer__bottom-copyright {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: #b6b6b6;
    margin: 0 auto 0 75px
}

@media (max-width:1800px) {
    .footer__bottom-copyright {
        margin: 0 auto 0 0
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .footer__bottom-copyright {
        width: 100%
    }
}

@media (max-width:767px) {
    .footer__bottom-copyright {
        font-size: 14px;
        width: 100%
    }
}

.footer__bottom-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin: 0
}

@media (max-width:767px) {
    .footer__bottom-list {
        gap: 24px
    }
}

.footer__bottom-list li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em;
    text-decoration: underline;
    color: #b6b6b6
}
.footer__bottom-list li a:hover{
     color: #0abAB5;
 }
@media (max-width:767px) {
    .footer__bottom-list li a {
        font-size: 14px
    }
}

.cookies {
    display: none;
    position: fixed;
    width: 528px;
    bottom: 20px;
    right: 20px;
    z-index: 101;
    margin: 0 auto;
    background-color: #fff;
    padding: 24px;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 10px 0 #00000026;
    box-shadow: 0 0 10px 0 #00000026;
    border: 1px solid #0abAB566
}

.cookies__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 16px
}

.cookies__content {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em
}

.cookies__content a {
    display: contents;
    text-decoration: underline
}

.cookies__action {
    width: 100%
}

.cookies__btn {
    width: 100%
}

@media (min-width:768px) and (max-width:1280px) {
    .cookies {
        right: calc(50% - (528px / 2))
    }

    .cookies__content {
        font-size: 16px
    }

    .cookies__btn span {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .cookies {
        padding: 16px
    }

    .cookies__content {
        font-size: 14px
    }

    .cookies__btn span {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .cookies {
        width: 351px;
        right: calc(50% - (351px / 2))
    }
}

@media (max-width:374px) {
    .cookies {
        width: 320px;
        right: calc(50% - (320px / 2))
    }
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10002;
    background-color: #fff;
    padding: 24px 20px 24px 24px;
    max-height: 100vh;
    width: 420px;
    overflow-y: auto;
    border-radius: 24px 0 0 24px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width:767px) {
    .mobile-menu {
        width: 320px;
        border-radius: 16px 0 0 16px
    }
}

.mobile-menu.opened {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.mobile-menu__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px
}
@media screen and (max-width:767px) {
    .mobile-menu__head {
        margin-bottom: 16px
    }
}
.mobile-menu__logo {
    width: 206px;
    height: 28px
}

.mobile-menu__logo svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile-menu__toggle {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.mobile-menu__toggle svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile-menu__nav {
    margin-bottom: 32px;
    width: 100%;
    /*margin-left: auto;*/
}
@media screen and (max-width:767px) {
    .mobile-menu__nav {
        margin-bottom: 16px
    }
}
.mobile-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    align-items: flex-start;
}

.mobile-menu__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0 10px;
    padding: 12px 8px;
    width: 100%;
    border-bottom: 1px solid #DADADA;
}
.mobile-menu__item-ico {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    cursor: pointer;
    margin-left: auto;
}
.mobile-menu__item-ico svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mobile-menu__item-ico.toggled svg{
    transform: rotate(180deg);
}
@media (max-width:374px) {
    .mobile-menu__item {
        padding: 10px 12px
    }
}

.mobile-menu__link:hover{
    color: #0ABAB5;
}

.mobile-menu__link {
    display: block;
    color: #1f1f1f;
    font-size: 18px;
    line-height: 120%;
    font-weight: 500;
    text-align: left;
    letter-spacing: -0.04em;
    width: fit-content;
}

@media (max-width:374px) {
    .mobile-menu__link {
        font-size: 16px
    }
}

.mobile-menu-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .mobile-menu-info {
        margin-bottom: 16px;
    }
}

.mobile-menu-info__text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.04em;
    text-align: right
}

@media (max-width:374px) {
    .mobile-menu-info__text {
        font-size: 16px
    }
}

.mobile-menu-info__metro {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.04em;
    text-align: right
}

@media (max-width:374px) {
    .mobile-menu-info__metro {
        font-size: 16px
    }
}

.mobile-menu-info__metro-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 6px
}

.mobile-menu-info__metro-inner svg {
    width: 7px;
    height: 7px;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile-menu-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    width: fit-content;
    margin-left: auto;
}
@media screen and (max-width: 767px){
    .mobile-menu-contacts {
        gap: 10px;
    }
}
.mobile-menu-contacts__phone {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.04em;
    text-align: right
}

.mobile-menu-contacts__whatsapp {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.04em;
    text-align: right
}

@media (max-width:374px) {
    .mobile-menu-contacts__whatsapp {
        font-size: 16px
    }
}

.mobile-menu-contacts__soc-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 8px
}

.mobile-menu-contacts__soc-inner svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    background: linear-gradient(180deg, #2AABEE 0%, #229ED9 100%);
    border-radius: 100%;
}

.mobile-menu__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 10001
}

.mobile-menu__overlay.visible {
    opacity: 1;
    visibility: visible
}

.contacts {
    margin-bottom: 120px
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .contacts {
        margin-bottom: 60px
    }
}

.contacts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    background-color: #f9f9f9;
    padding: 60px;
    gap: 60px;
    border-radius: 24px
}

@media (min-width:1281px) and (max-width:1800px) {
    .contacts__wrapper {
        padding: 40px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        padding: 32px
    }
}

@media (max-width:767px) {
    .contacts__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        padding: 15px
    }
}

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

.contacts__title {
    font-weight: 500;
    font-size: 70px;
    line-height: 100%;
    letter-spacing: -.04em;
    margin-bottom: 50px
}

@media (min-width:1281px) and (max-width:1800px) {
    .contacts__title {
        font-size: 56px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts__title {
        font-size: 56px;
        margin-bottom: 32px
    }
}

@media (max-width:767px) {
    .contacts__title {
        font-size: 36px;
        margin-bottom: 24px
    }
}

.contacts-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 511px
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts-form {
        width: 100%
    }
}

@media (max-width:767px) {
    .contacts-form {
        width: 100%
    }
}

.contacts-form__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px
}

@media (max-width:767px) {
    .contacts-form__items {
        margin-bottom: 16px
    }
}

.contacts-form__item {
    width: 100%
}

.contacts-form__input {
    width: 100%
}

.contacts-form__btn {
    width: 100%;
    height: 64px;
    margin-bottom: 10px
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts-form__btn {
        height: 57px
    }
}

@media (max-width:767px) {
    .contacts-form__btn {
        height: 47px
    }
}

.contacts-form__agreement p,
.contacts-form__agreement a {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #b6b6b6
}
.contacts-form__agreement a {
    text-decoration: underline;
}
@media (min-width:768px) and (max-width:1280px) {
    .contacts-form__agreement p,
    .contacts-form__agreement a {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .contacts-form__agreement p,
    .contacts-form__agreement a {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts-form__agreement p br {
        display: none
    }
}

@media (max-width:767px) {
    .contacts-form__agreement p br {
        display: none
    }
}

.contacts__map {
    width: 783px;
    height: 556px;
    border-radius: 24px;
    overflow: hidden;
    position: relative
}
@media (min-width: 2160px){
    .contacts__map {
        width: 100%;
    }
}
@media (min-width:1281px) and (max-width:1500px) {
    .contacts__map {
        width: 583px;
        height: 515px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts__map {
        width: 100%;
        height: 414px;
        border-radius: 16px
    }
}

@media (max-width:767px) {
    .contacts__map {
        width: 100%;
        height: auto;
        border-radius: 16px
    }
}

.contacts__map #map {
    width: 100%;
    height: 100%
}

@media (max-width:767px) {
    .contacts__map #map {
        height: 200px
    }
}

.contacts__map #map .ymaps-2-1-79-ground-pane {
    -webkit-filter: grayscale(100);
    filter: grayscale(100)
}

.contacts__map #map .ymaps-2-1-79-controls__toolbar,
.contacts__map #map .ymaps-2-1-79-controls__toolbar_left,
.contacts__map #map .ymaps-2-1-79-map-copyrights-promo {
    display: none
}

.contacts__balloon {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    background-color: #fff;
    border-radius: 16px;
    padding: 24px
}

@media (min-width:1281px) and (max-width:1500px) {
    .contacts__balloon {
        zoom: .8
    }
}

@media (max-width:767px) {
    .contacts__balloon {
        position: relative;
        top: unset;
        right: unset;
        padding: 16px;
        border-radius: 12px;
        margin-top: -12px
    }
}

.contacts__balloon-title {
    font-weight: 400;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: -.04em;
    margin-bottom: 16px
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts__balloon-title {
        font-size: 22px;
        margin-bottom: 16px
    }
}

@media (max-width:767px) {
    .contacts__balloon-title {
        font-size: 18px;
        margin-bottom: 16px
    }
}

.contacts__balloon-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media (max-width:767px) {
    .contacts__balloon-items {
        gap: 12px
    }
}

.contacts__balloon-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts__balloon-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dadada
}

@media (max-width:767px) {
    .contacts__balloon-item {
        padding-bottom: 12px
    }
}

.contacts__balloon-item:first-child {
    padding-top: 16px;
    border-top: 1px solid #dadada
}

@media (max-width:767px) {
    .contacts__balloon-item:first-child {
        padding-top: 12px
    }
}

.contacts__balloon-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.contacts__balloon-item span {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -.04em;
    color: #b6b6b6
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts__balloon-item span {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .contacts__balloon-item span {
        font-size: 14px
    }
}

.contacts__balloon-item p {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em
}

@media (min-width:768px) and (max-width:1280px) {
    .contacts__balloon-item p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .contacts__balloon-item p {
        font-size: 14px
    }
}

.contacts__balloon-item a {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em
}

@media (min-width: 768px) and (max-width: 1280px) {
    .contacts__balloon-item a {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .contacts__balloon-item a {
        font-size: 14px
    }
}

.contacts__balloon-item--rank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.contacts__balloon-item--rank p {
    font-size: 20px
}

.appointment {
    margin-bottom: 240px
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .appointment {
        margin-bottom: 60px
    }
}

.appointment__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    background-color: #f9f9f9;
    padding: 60px;
    border-radius: 24px
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment__wrapper {
        padding: 32px 0 32px 32px
    }
}

@media (max-width:767px) {
    .appointment__wrapper {
        border-radius: 12px;
        padding: 15px
    }
}

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

@media (max-width:767px) {
    .appointment__content {
        padding-bottom: 177px
    }
}

.appointment__title {
    font-weight: 500;
    font-size: 70px;
    line-height: 100%;
    letter-spacing: -.04em;
    margin-bottom: 50px
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment__title {
        font-size: 56px
    }
}

@media (max-width:767px) {
    .appointment__title {
        font-size: 36px;
        margin-bottom: 24px
    }

    .appointment__title br {
        display: none
    }
}

.appointment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 511px
}
.appointment-form .appointment-form__agreement a{
    color: #b6b6b6;
    text-decoration: underline;
}
@media (min-width:768px) and (max-width:1280px) {
    .appointment-form {
        width: 420px;
        z-index: 1
    }
}

@media (max-width:767px) {
    .appointment-form {
        width: 100%
    }
}

.appointment-form__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px
}

@media (max-width:767px) {
    .appointment-form__items {
        gap: 12px;
        margin-bottom: 16px
    }
}

.appointment-form__item {
    width: 100%
}

.appointment-form__input {
    width: 100%
}

.appointment-form__btn {
    width: 100%;
    height: 64px;
    margin-bottom: 10px
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment-form__btn {
        height: 57px
    }
}

@media (max-width:767px) {
    .appointment-form__btn {
        height: 47px
    }
}

.appointment-form__agreement p {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #b6b6b6
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment-form__agreement p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .appointment-form__agreement p {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment-form__agreement p br {
        display: none
    }
}

@media (max-width:767px) {
    .appointment-form__agreement p br {
        display: none
    }
}

.appointment__image {
    width: 1075px;
    height: 831px;
    position: absolute;
    top: -6px;
    right: 60px;
    bottom: -149px
}

@media (min-width:1501px) and (max-width:1800px) {
    .appointment__image {
        width: 875px;
        height: 631px;
        right: 40px;
        top: unset;
        bottom: -79px
    }
}

@media (min-width:1281px) and (max-width:1500px) {
    .appointment__image {
        width: 675px;
        height: 531px;
        right: 40px;
        top: unset;
        bottom: -79px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .appointment__image {
        width: 440px;
        height: 360px;
        top: unset;
        right: -32px;
        bottom: 0
    }
}

@media (max-width:767px) {
    .appointment__image {
        width: 261px;
        height: 214px;
        top: unset;
        right: -24px;
        bottom: -24px
    }
}

.appointment__image picture img {
    -o-object-fit: contain;
    object-fit: contain
}
.text-before_slider{
    margin-bottom: 25px;
}
.prices, .services-after-hero,.services-before-views,.services-after-stages,.services-text-block {
    margin-bottom: 120px
}

@media (min-width:768px) and (max-width:1280px) {
    .prices,.services-after-hero,.services-before-views,.services-after-stages,.services-text-block {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .prices,.services-after-hero,.services-before-views,.services-after-stages,.services-text-block {
        margin-bottom: 60px
    }
}

.prices__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:768px) and (max-width:1500px) {
    .prices__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .prices__wrapper {
        gap: 0
    }
}

@media (max-width:767px) {
    .prices__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }
}

.prices__left {
    width: 571px
}

@media (min-width:768px) and (max-width:1500px) {
    .prices__left {
        width: 100%
    }
}

@media (max-width:767px) {
    .prices__left {
        width: 100%
    }
}

.prices__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 571px - 24px)
}

@media (min-width:768px) and (max-width:1500px) {
    .prices__right {
        width: 100%
    }
}

@media (max-width:767px) {
    .prices__right {
        width: 100%
    }
}

.prices__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin: 0
}

.prices__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #dadada;
    gap: 12px
}

@media (min-width:768px) and (max-width:1280px) {
    .prices__list li {
        padding: 20px 0
    }
}

@media (max-width:767px) {
    .prices__list li {
        padding: 12px 0
    }
}

.prices__list li:first-child {
    border-top: 1px solid #dadada
}

.prices__list li p {
    font-weight: 400;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: -.04em
}

@media (max-width:1280px) {
    .prices__list li p {
        max-width: 85%
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .prices__list li p {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .prices__list li p {
        font-size: 18px
    }
}

@media (max-width:374px) {
    .prices__list li p {
        font-size: 16px
    }
}

.prices__list li span {
    font-weight: 400;
    font-size: 25px;
    font-style: italic;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #0abab5;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) and (max-width:1280px) {
    .prices__list li span {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .prices__list li span {
        font-size: 18px
    }
}

@media (max-width:374px) {
    .prices__list li span {
        font-size: 16px
    }
}

.prices__btn {
    width: 100%;
    height: 64px;
    margin-top: 30px
}

@media (min-width:768px) and (max-width:1280px) {
    .prices__btn {
        height: 57px
    }
}

@media (max-width:767px) {
    .prices__btn {
        height: 47px;
        margin-top: 24px
    }
}

.doctors {
    margin-bottom: 120px
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .doctors {
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    .doctors__title {
        margin-bottom: 0
    }
}

.doctors-slider {
    overflow: hidden
}
@media (max-width: 767px){
    .doctors-slider {
        position: relative;
        padding-bottom: 30px;
    }
}
.doctors-slider:not(.swiper-initialized) .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.doctors-slider:not(.swiper-initialized) .swiper-slide {
    margin-right: 24px
}

.doctors__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 570px;
    height: auto;
}

.doctors__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    padding: 0 24px;
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 53px;
        gap: 4px;
        margin-bottom: 12px;
        padding: 0;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:767px) {
    .doctors__item-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 48px;
        padding: 0;
        gap: 4px
    }
}

.doctors__item-name {
    font-weight: 400;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #0abab5;
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-name {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .doctors__item-name {
        font-size: 20px
    }
}

.doctors__item-skill {
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.04em;
    text-align: right
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-skill {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .doctors__item-skill {
        font-size: 14px
    }
}

.doctors__item-image {
    width: 100%;
    height: 422px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    overflow: hidden;
    position: relative;
    margin-top: auto;
}
@media (min-width: 2160px){
    .doctors__item-image {
        height: auto;
    }
}
@media (max-width: 1280px){
    .doctors__item-image {
        height: auto;
    }
}
@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-image {
        border-radius: 24px 24px 0 0
    }
}

@media (max-width:767px) {
    .doctors__item-image {
        position: relative;
        border-radius: 16px 16px 0 0
    }
}

@media (min-width:577px) and (max-width:1280px) {
    .doctors__item-image picture {
        height: auto
    }
}


.doctors__item-image picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-image picture img {
        width: 100%
    }
}

@media (max-width:767px) {
    .doctors__item-image picture img {
        width: 100%
    }
}

.doctors__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* position: absolute; */
    /* bottom: 24px; */
    /* left: 24px; */
    /* right: 24px; */
    gap: 16px
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-content {
        position: relative;
        bottom: unset;
        left: unset;
        right: unset
    }
}

@media (max-width:767px) {
    .doctors__item-content {
        position: relative;
        bottom: unset;
        left: unset;
        right: unset
    }
}

.doctors__item-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;

    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px
}

/* @media (max-width:767px) {
    .doctors__item-badges {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: calc(119px + 16px)
    }
} */

.doctors__item-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #0abab5;
    border-radius: 60px;
    padding: 13px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em
}

@media (min-width:768px) and (max-width:1280px) {
    .doctors__item-badge {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .doctors__item-badge {
        font-size: 14px;
        padding: 10px 14px
    }
}

.doctors__item-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background-color: #F9F9F9;
    padding: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

@media (min-width:768px) and (max-width:1800px) {
    .doctors__item-tooltip {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 129px;
        background-color: #f9f9f9
    }
}

@media (max-width:767px) {
    .doctors__item-tooltip {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 119px;
        background-color: #f9f9f9;
        padding: 16px
    }
}

.doctors__item-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.doctors__item-about svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.doctors__item-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -.04em;
    color: #0abab5
}

.doctors__item-btn {
    width: 100%;
    height: 64px
}

@media (min-width:768px) and (max-width:1800px) {
    .doctors__item-btn {
        width: 100%;
        height: 57px
    }
}

@media (max-width:767px) {
    .doctors__item-btn {
        width: 100%;
        height: 47px
    }
}

.stocks {
    margin-bottom: 120px
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .stocks {
        margin-bottom: 60px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks .section__head {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (max-width:767px) {
    .stocks .section__head {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks__title {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .stocks__title {
        margin-bottom: 0
    }
}

.stocks-slider {
    margin-bottom: 24px;
    overflow: hidden
}
@media (max-width:767px) {
    .stocks-slider {
        position: relative;
        padding-bottom: 30px;
    }
}
.stocks-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    border-radius: 24px;
    padding: 24px;
    background-color: #f9f9f9;
    height: auto;
    justify-content: space-between
}
@media (max-width: 1500px){
    .stocks-slider__item {
        height: 100%;
    }
}
@media (min-width:768px) and (max-width:1280px) {
    .stocks-slider__item {
        padding: 20px;
        border-radius: 16px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:767px) {
    .stocks-slider__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px;
        border-radius: 16px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 16px
    }
}

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

@media (max-width:767px) {
    .stocks-slider__item-content {
        width: 100%
    }
}

.stocks-slider__item-title {
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -.04em;
    margin-bottom: 8px
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks-slider__item-title {
        font-size: 24px
    }
}

@media (max-width:767px) {
    .stocks-slider__item-title {
        font-size: 24px
    }
}

.stocks-slider__item-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
    margin-bottom: 8px
}

@media (min-width:1281px) and (max-width:1500px) {
    .stocks-slider__item-text {
        margin-bottom: 20px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks-slider__item-text {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .stocks-slider__item-text {
        font-size: 14px;
        margin-bottom: 16px
    }
}

.stocks-slider__item-btn {
    width: 250px;
    height: 64px;
    margin-top: auto
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks-slider__item-btn {
        width: 223px;
        height: 57px
    }
}

@media (max-width:767px) {
    .stocks-slider__item-btn {
        display: none;
        width: 100%;
        height: 47px
    }
}

.stocks-slider__item-btn--mob {
    display: none
}

@media (max-width:767px) {
    .stocks-slider__item-btn--mob {
        display: inline-flex;
    }
}

.stocks-slider__item-image {
    width: 398px;
    height: 348px;
    border-radius: 24px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width: 1501px) and (max-width: 1800px) {
    .stocks-slider__item-image {
        width: 338px;
        height: 288px;
    }
}
@media (min-width: 1281px) and (max-width: 1500px) {
    .stocks-slider__item-image {
        width: 308px;
        height: auto;
    }
}
@media (min-width:768px) and (max-width:1280px) {
    .stocks-slider__item-image {
        border-radius: 16px
    }
}

@media (max-width:767px) {
    .stocks-slider__item-image {
        width: 100%;
        height: auto;
        border-radius: 16px
    }
}

.stocks-slider__item-image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.stocks-more__inner {
    width: 100%
}

.stocks-more__btn {
    width: 100%;
    height: 64px
}

@media (min-width:768px) and (max-width:1280px) {
    .stocks-more__btn {
        height: 57px
    }
}

@media (max-width:767px) {
    .stocks-more__btn {
        height: 47px
    }
}

html {
    font-display: swap;
    overflow-x: hidden
}

body,
html {
    font-family: font;
    color: #1f1f1f;
    font-weight: 400
}

body *,
html * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    line-height: 1
}

body {
    max-width: 100vw;
    overflow-x: hidden
}

body.no-scroll {
    overflow-y: hidden;
    max-height: 100vh;
    scrollbar-gutter: stable
}
p {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    margin: 0
}

a {
    text-decoration: none;
    color: #1f1f1f
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}



h3 {
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -.04em;
    font-weight: 500;
}

ul {
    padding: 0;
    list-style-type: none
}

ul li {
    padding: 0;
    margin: 0
}

picture {
    display: block;
    height: 100%;
    width: 100%
}

img {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%
}

input {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: transparent
}

.container {
    width: 1760px;
    margin: 0 auto
}

@media (min-width:2160px) {
    .container {
        width: 2080px
    }
}

@media (min-width:1501px) and (max-width:1800px) {
    .container {
        /*width: 1440px*/
        width: calc(100% - 80px);
    }
}

@media (min-width:1281px) and (max-width:1500px) {
    .container {
        /*width: 1206px*/
        width: calc(100% - 60px);
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .container {
        width: 100%;
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .container {
        width: 100%;
        padding: 0 12px
    }
}

.js-popup {
    cursor: pointer
}

.section--dark {
    background-color: #000
}

.section--light {
    background-color: #ebf3ff
}

.section--gray {
    background-color: #f9f9f9
}

.section--primary {
    background-color: #0abab5
}

.section__bg {
    width: 100%;
    height: 100%
}

.section__bg picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.section__title {
    font-weight: 500;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: #1f1f1f;
    margin-bottom: 40px
}

@media (min-width:768px) and (max-width:1800px) {
    .section__title {
        font-size: 52px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .section__title {
        margin-bottom: 32px
    }
}

@media (min-width:376px) and (max-width:767px) {
    .section__title {
        font-size: 36px;
        margin-bottom: 24px
    }
}

@media (max-width:360px) {
    .section__title {
        font-size: 30px;
        margin-bottom: 24px
    }
}

.section__title--white {
    color: #fff
}

.section__title--bold {
    font-weight: 900
}

.section__title--primary {
    color: #0abab5
}

.section__title--capitalize {
    text-transform: none
}

.section__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}


@media (min-width:768px) and (max-width:1280px) {
    .section__head {
        margin-bottom: 32px
    }
}

@media (max-width:767px) {
    .section__head {
        margin-bottom: 24px
    }
}

.section__head .section__title {
    margin-bottom: 0
}

.mob--hidden {
    display: inline-block
}

@media (max-width:767px) {
    .mob--hidden {
        display: none
    }
}

.mob--visible {
    display: none
}

@media (max-width:767px) {
    .mob--visible {
        display: inline-block
    }

}


.font_bold {
    font-weight: 500 !important;
}
.font_bolder {
    font-weight: bolder !important;
}

.font_italic {
    font-style: italic !important;
}


.header-metro-wrapper{
    position: relative;
}
.mobile-menu .header-metro-wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header-metro-top{
    font-size:14px;
    display: flex;
    align-items: center;
    gap: 7px;         
    cursor:pointer;       
    transition: .3s color;   
}
@media (min-width: 327px) and (max-width: 423px) {
    .header .header-metro-top {
        font-size: 12px;
        gap: 4px;
    }
}
.header-metro-top svg{
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    transition: .3s transform;                
}
@media (max-width: 375px){
    .header .header-metro-top svg{
        width: 16px;
        height: 16px;
    }
}
.header-metro-top.open svg{
    transform: rotate(180deg);
}
.header-metro-top:hover,.header-metro-top.open{
    color: #0abab5;
}

.header-metro-list{
    overflow: hidden;
    top: 100%;
    position: absolute;
    z-index: 9;
    background: #fff;    
    width: 250px;
    padding: 0px 0 20px;   
    border-radius: 8px; 
    display: none;
}
@media (max-width: 767px){
    .header-metro-list {
        box-shadow: 1px 3px 12px rgba(0,0,0, .15);
    }
}
.header-metro-list ul{
    margin: 8px 0 0 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.header-metro-list ul a, .header-metro-list ul span{
    font-size:14px;
    transition: .3s color;  
    cursor: pointer;
}
.header-metro-list ul a:hover, .header-metro-list ul span:hover{
    color: #0abab5;
}
.header-metro-list ul li{
    display: flex;
    align-items: center;
    gap: 7px;
}
@media (max-width: 1280px){
    .mobile-menu .header-metro-wrapper {
        gap: 5px;
    }
    .mobile-menu .header-metro-top svg {
        display: block;
        transition: all .3s ease;
    }
    .mobile-menu .header-metro-top.opened svg {
        transform: rotate(180deg);
    }
    .mobile-menu .header-metro-list {
        max-height: 0;
        overflow: hidden;
        display: block;
        transition: max-height .3s ease,  opacity .5s ease;
        opacity: 0;
        top: calc(100% + 10px);
    }
    .header-metro-list.opened {
        max-height: 300px;
        overflow: visible;
        opacity: 1;
        box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
    }
}


.header-nav__item {
    position: relative;
}
.header-subnav{
    display: none;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 40px);
    left: -36px;
    box-shadow: 0px 0px 7px 0px #00000026;
    background-color: #F9F9F9;
    padding: 24px 24px 24px 24px;
    border-radius: 24px;
    z-index: 101;
}
.header-subnav:before{
    content: '';
    position: absolute;
    top: -40px;
    height: 40px;
    background: transparent;
    left: 0;
    width: 100%;
}
.header-subnav__icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
}
.header-subnav__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    padding: 8px;
    width: 302px;
}
.header-subnav__item:hover{
    background: #0ABAB51A;
}
.header-subnav__item:hover .header-subnav {
    display: flex;
}
.header-subnav__item svg {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    object-fit: contain;
}
.header-subnav__link {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.04em;
}

.header-subnav__link:hover {
    color: #0abab5;
    width: fit-content;
}
.header-nav__item:hover .header-subnav {
    display: flex;
}
.header-sublist {
    position: absolute;
    left: calc(100% - 24px);
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #F9F9F9;
    padding: 24px 24px 24px 24px;
    border-radius: 0 24px 24px 0;
    z-index: 101;
    width: max-content;
    gap: 0 35px;
    height: 364px;
    overflow: auto;
    top: 0;
    box-shadow: 3px 0px 7px 0px #00000026;
}
.header-sublist ul{
    overflow: auto;
}
.header-sublist ul::-webkit-scrollbar{
    /*display: none;*/
}
.header-subnav__item:hover .header-sublist{
    display: flex;
}
.header-sublist__link:hover {
    color: #0abab5;
}
.header-sublist:before{
    content: '';
    position: absolute;
    left: -24px;
    height: calc(100%);
    background: #F9F9F9;
    top: 0;
    width: 24px;
    /*border-right: 1px solid #DADADA;*/
}
.header-sublist__title{
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.04em;
    margin-bottom: 16px;
}
.header-sublist__item {
    padding: 10px 0;
    border-bottom: 1px solid #DADADA;
}
.mobile-menu__item.mobile-menu__item--has-subnav{
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 8px 0;
}
.mobile-menu-subnav{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.mobile-menu-subnav.open{
    opacity: 1;
        max-height: 100% !important;
}
.mobile-menu__icon {
    width: 20px;
    flex: 0 0 auto;
    height: 20px;
    object-fit: contain;
}
.mobile-menu-sublist{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}
.mobile-menu-sublist.open{
    opacity: 1;
        max-height: 100% !important;
}
.mobile-menu-subnav__item{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid #DADADA;
    padding: 12px 8px 12px 20px;
}
.mobile-menu-subnav__item:first-child{
    border-top: 1px solid #DADADA;
}
.mobile-menu-subnav__item:last-child{
    border-bottom: none;
}
.mobile-menu-subnav__link{
    font-weight: 500;
    letter-spacing: -0.04em;
    max-width: 75%;
}
.mobile-menu-sublist__title {
    display: none;
}
.mobile-menu-sublist__item{
    padding: 12px 8px;
    width: 100%;
    border-bottom: 1px solid #DADADA;
}
.mobile-menu-sublist__item:last-child{
    border-bottom: 0;
}
.mobile-menu-sublist__link{
    width: 100%;
}
/* End */


/* Start:/local/templates/main/assets/styles/extra.css?177395093646386*/
.header__top {
    background-color: #f9f9f9;
    display: flex;
    justify-content: space-between;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    margin-top: 24px;
    padding: 16px 40px;
    align-items: center;
    border-bottom: 1px solid #dadada;
}



.header__inner {
    background: #f9f9f9;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.hero {
    margin-top: 24px;
}
@media (max-width: 767px){
    .hero {
        margin-top: 16px;
    }
}

.header__logo {
    display: block;
}

@media screen and (min-width: 1281px) {
    .header-logo-mobile {
        display: none;
    }

    .header__inner {
        padding: 16px 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .header__top {
        display: none;
    }

    .header__inner {
        padding: 16px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 481px) {
    .header__inner {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1280px) {
    .header__inner {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
}

@media screen and (max-width: 767px) {
    .header__inner {
        background-color: transparent;
        border-radius: 12px;
        padding: 0;
    }

    .header .header__top {
        padding: 0;
        margin-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
        background: transparent;
    }

    .header .header__top .header__logo {
        display: none;
    }

    .header .header__top__left .hero-form__btn {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .header .header__inner {
        margin: 16px 0;
        padding-bottom: 16px;
        border-bottom: 1px solid #dadada;
        border-radius: 0;
    }
}

.header__top .header__top__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

@media screen and (max-width: 767px) {
    .header .header__top .header__top__left {
        flex-direction: row-reverse;
        width: 100%;
    }
}

@media screen and (min-width: 376px) and (max-width: 767px) {
    .header .header__top .header__top__left {
        gap: 16px;
    }
}

@media screen and (max-width: 375px) {
    .header .header__top .header__top__left {
        gap: 8px;
    }
}

.header__top__left span.worktime {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.72px;
    color: #0abab5;
}

@media screen and (min-width: 376px) and (max-width: 767px) {
    .header .header__top__left span.worktime {
        font-size: 16px;
    }
}

@media screen and (max-width: 375px) {
    .header .header__top__left span.worktime {
        font-size: 14px;
    }
}

.header__top__left .btn {
    width: fit-content;
}

.header__top__ya__raiting {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.header__top__ya__text {
    display: block;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.64px;
    color: #b6b6b6;
}

@media screen and (max-width: 767px) {
    .header .header__top__ya__raiting {
        margin-bottom: 4px;
        gap: 6px;
    }

    .header .header__top__ya__raiting svg {
        object-fit: contain;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .header-info {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .header-contacts {
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
    }

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

@media (min-width: 768px) and (max-width: 820px) {
    .header__right {
        gap: 20px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 767px) {
    .header .header__top__ya__text {
        font-size: 12px;
    }

    .header .header__top__ya__raiting svg {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 320px) {
    .header .header__top__ya__text {
        font-size: 10px;
    }

    .header .header__top__ya__raiting svg {
        width: 14px;
        height: 14px;
    }
}

.mobile-menu.opened {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mobile-menu__inner__bottom {
    align-items: flex-end;
    justify-content: end;
    display: flex;
    flex-direction: column;
}

.mobile-menu__inner__bottom .header__top__ya {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 5px;
}

.mobile-menu__inner__bottom .worktime {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.72px;
    color: #0abab5;
    margin-bottom: 10px;
}

.mobile-menu__inner__bottom .header__top__ya__raiting {
    gap: 5px;
    margin-bottom: 0;
}

.mobile-menu__inner__bottom .header__top__ya {
    margin-bottom: 16px;
}

.mobile-menu__inner__bottom .hero-form__btn {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .mobile-menu__inner__bottom .hero-form__btn {
        margin-top: 16px;
    }
}

.section.doctors .doctors__item {
    justify-content: space-between;
    background-color: #f9f9f9;
    border-radius: 24px;
}

@media screen and (min-width: 1151px) {
    .section.doctors .doctors__item {
        flex-direction: row;
    }

    .section.doctors .doctors__item-image {
        max-width: 720px;
    }

    .doctors__item-contentpart .doctors__item-name {
        font-size: 50px;
        line-height: 90%;
        letter-spacing: -2px;
    }
}

@media screen and (min-width: 1151px) {
    .section.doctors .doctors__item {
        padding: 40px;
    }
}

@media screen and (max-width: 1150px) {
    .section.doctors .doctors__item {
        flex-direction: column-reverse;
    }

    .doctors__item-contentpart .doctors__item-speciality {
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.6px;
    }
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
    .doctors__item-contentpart .doctors__item-name {
        font-size: 48px;
        line-height: 90%;
        margin-top: 24px;
    }

    .section.doctors .doctors__item {
        padding: 24px;
    }

    .doctors__item-contentpart .doctors__item-speciality {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .doctors__item-contentpart .doctors__item-name {
        font-size: 24px;
        line-height: 90%;
        margin-top: 16px;
    }

    .doctors__item-contentpart .doctors__item-speciality {
        font-size: 18px;
    }

    .section.doctors .doctors__item {
        padding: 12px;
    }
}

@media screen and (max-width: 767px) and (min-width: 641px) {
    .section.doctors .doctors__item-image {
        max-height: 600px;
    }
}

@media screen and (min-width: 641px) {
    .doctors__items__detail {
        display: none;
    }

    .section.doctors .doctors__item {
        height: fit-content;
    }

    .doctors__item-contentpart .doctors-detail__items {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1150px) and (min-width: 641px) {
    .section.doctors .doctors__item-image img {
        overflow: hidden;
        /*max-height: 750px;*/
    }
}

@media screen and (max-width: 767px) {
    .section.doctors .doctors__item-contentpart .doctors__item-tooltip {
        padding: 0;
    }
}

@media screen and (max-width: 640px) {
    .section.doctors .doctors__item-image .doctors__item-badges {
        position: relative;
        margin-top: 16px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .section.doctors .swiper-wrapper {
        height: auto;
    }

    .section.doctors .swiper-wrapper .swiper-slide {
        height: auto;
    }

    .section.doctors .doctors__item-contentpart .doctors__item-tooltip {
        flex-direction: column;
        margin-top: 16px;
        gap: 8px !important;
        height: fit-content;
    }

    .doctors__item-contentpart .doctors-detail__items {
        max-height: 0px;

        visibility: hidden;
        margin-top: 0;
        margin-bottom: 0px;
        transition: visibility 0.1s ease,
        max-height 0.5s ease 0.2s,
        margin-bottom 0.5s ease 0.2s;
    }

    .doctors__item-contentpart .doctors-detail__items.active {
        max-height: 100%;
        visibility: visible;
        margin-top: 0;
        margin-bottom: 16px;
        transition: max-height 0.5s ease 0s,
        margin-bottom 0.5s ease 0s,
        visibility 0.1s ease 0.5s;
    }

    .section.doctors .doctors__item {
        height: fit-content;
    }

    .doctors__items__detail {
        display: flex;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .doctors__items__detail {
        color: #0abab5;
        font-weight: 500;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -0.64px;
        text-decoration: underline;
        text-decoration-style: solid;
    }

    .section.doctors .doctors__item-image picture {
        max-height: 420px;
        height: auto;
        overflow: hidden;
        border-radius: 24px;
    }

    .doctors__item-contentpart .doctors-detail__item {
        flex-direction: column;
    }

    .doctors__item-contentpart .doctors-detail__item {
        gap: 10px;
    }
}

.section.doctors .doctors__item-image {
    border-radius: 24px;

    height: 100%;
}

.section.doctors .doctors__item-image img {
    object-position: top;
    border-radius: 24px;
}

.doctors__item-contentpart .doctors__item-name {
    font-weight: 500;

    color: #1f1f1f;
    margin-bottom: 12px;
}

.doctors__item-contentpart .doctors__item-speciality {
    font-weight: 400;
    font-style: Regular;
    letter-spacing: -0.72px;
}

.doctors__item-contentpart .doctors-detail__item-name {
    font-weight: 500;

    line-height: 110%;
    letter-spacing: -0.04em;
    color: #0abab5;
}

@media screen and (min-width: 1151px) {
    .doctors__item-contentpart .doctors-detail__item-text p {
        font-size: 20px;
    }
}

@media screen and (min-width: 1150px) {
    .doctors__item-contentpart .doctors-detail__item-text p {
        font-size: 18px;
    }
}

.doctors__item-contentpart .doctors-detail__item {
    display: flex;

    align-items: flex-start;
}

@media screen and (min-width: 641px) {
    .doctors__item-contentpart .doctors-detail__item {
        gap: 40px;
    }
}

.doctors__item-contentpart .doctors-detail__items {
    gap: 32px;
    display: flex;
    flex-direction: column;
}

.doctors__item-contentpart .doctors-detail__item-text p {
    font-weight: 400;
    font-style: Regular;

    line-height: 120%;
    letter-spacing: -0.72px;
}

@media screen and (min-width: 1151px) {
    .doctors__item-contentpart .doctors-detail__item-text p {
        font-size: 18px;
    }
}

@media screen and (min-width: 1150px) {
    .doctors__item-contentpart .doctors-detail__item-text p {
        font-size: 16px;
    }
}

.doctors__item-contentpart {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (min-width: 1151px) {
    .doctors__item-contentpart {
        margin-right: 40px;
        
    }
}

@media screen and (max-width: 1150px) {
    .doctors__item-contentpart {
        margin-right: 0px;
    }
}

.doctors__item-contentpart .doctors__item-content {
    margin-bottom: 0;
    display: flex;
    margin-top: auto;
    width: 100%;
}

.doctors__item-contentpart .doctors__item-tooltip {
    flex-direction: row;
}

@media screen and (max-width: 1280px) and (min-width: 1151px) {
    .doctors__item .doctors__item-image pictire img {
        object-fit: cover;
        height: 100%;
        min-height: 760px;
    }

    .doctors__item .doctors__item-image picture {
        height: 100%;
    }
}

.link__external {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #f9f9f9;
    border-radius: 20px;
    padding: 20px;
}

@media screen and (max-width: 1150px) {
    .link__external.link__external--desktop {
        display: none;
    }
}

@media screen and (min-width: 1151px) {
    .link__external {
        position: absolute;
        right: 24px;
        top: 24px;
    }

    .link__external.link__external--desktop {
        display: flex;
    }
}

.link__external__raiting {
    display: flex;
    gap: 5px;
}

.link__external__raiting .number {
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.8px;
}

@media screen and (max-width: 1500px) and (min-width: 1151px) {
    .section.doctors .doctors__item-image img {
        object-position: top;
        border-radius: 24px;
        /*min-height: 735px;*/
    }
}

@media screen and (min-width: 1151px) {
    .doctors__platforms {
        display: none;
    }
}

@media screen and (max-width: 1150px) {
    .doctors__platforms {
        display: flex;
        width: 100%;
        gap: 8px;
        justify-content: space-between;
    }

    .doctors__platforms .link__external.link__external--mobile {
        padding: 20px;
        background-color: #ffffff;
        width: 100%;
    }
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
    .doctors__platforms {
        margin-top: 24px;
    }
}

@media screen and (max-width: 767px) {
    .doctors__platforms {
        margin-top: 16px;
    }
}

.link__external__raiting {
    align-items: center;
}

.link__external__raiting--number {
    font-weight: 400;
    font-size: 14px;
    line-height: 110.00000000000001%;
    letter-spacing: -0.56px;
    color: #b6b6b6;
}

@media screen and (max-width: 640px) {
    .doctors__platforms {
        flex-direction: column;
    }

    .doctors__platforms .link__external.link__external--mobile {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .link__external__logo {
        width: 100%;
    }

    .link__external__raiting {
        width: fit-content;
    }

    .link__external__raiting--number {
        width: fit-content;
        margin-top: 2px;
    }
}

.our-works__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.our-works__list {
    gap: 10px;
}

@media (min-width: 941px) and (max-width: 1280px) {
    .our-works__list {
        gap: 8px;
    }
}

@media (max-width: 940px) {
    .our-works__list {
        gap: 0px;
    }
}

.our-works__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 60px;
    padding: 19px 23px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    transition: background-color 0.2s ease,
    border-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease,
    border-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease,
    border-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease,
    border-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease,
    border-color 0.2s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1280px) {
    .our-works__item {
        padding: 15px 19px;
    }
}

@media (max-width: 767px) {
    .our-works__item {
        padding: 9px 11px;
    }
}

@media screen and (min-width: 941px) {
    .our-works__item:not(.active) {
        background-color: #f9f9f9;
        border-color: #f9f9f9;
    }

    .our-works__item:not(.active) .our-works__item__text {
        color: #0abab5;
    }

    .our-works__item.active .our-works__item__text,
    .our-works__item:active .our-works__item__text,
    .our-works__item:hover .our-works__item__text {
        color: #fff !important;
    }
}

.our-works__item:hover {
    border-color: #0abab5;
}

.our-works__item.active,
.our-works__item:active {
    background-color: #0abab5;
    border-color: #0abab5;
}

.our-works__item.active .our-works__item__text,
.our-works__item:active .our-works__item__text {
    color: #fff;
}

.our-works__item {
    padding: 13px 16px;
    background-color: #0abab5;
}

@media (min-width: 768px) and (max-width: 1280px) {
    .our-works__item {
        padding: 10px 14px;
    }
}

@media (max-width: 767px) {
    .our-works__item {
        padding: 7px 10px;
    }
}

.our-works__item.active,
.our-works__item:active,
.our-works__item:hover {
    background-color: #0abab5;
}

.our-works__item__text {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.04em;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

@media (min-width: 768px) and (max-width: 1280px) {
    .our-works__item__text {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .our-works__item__text {
        font-size: 16px;
    }
}

.our-works__item__text {
    color: #0abab5;
}

.our-works__item__text {
    font-size: 16px;
    color: #fff;
}

@media (max-width: 1280px) {
    .our-works__item__text {
        font-size: 14px;
    }
}

@media screen and (min-width: 941px) {
    .our-works__active__tag {
        display: none;
    }
}

@media screen and (max-width: 940px) {
    .our-works__active__tag {
        display: flex;
        width: 100%;
        background-color: #f9f9f9;
        border-color: transparent;
        border-radius: 8px;
        padding: 20px 22px;
        justify-content: space-between;
    }

    .our-works__active__tag p {
        color: #1f1f1f;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: -0.6;
    }

    .our-works__item {
        justify-content: flex-start;
    }

    .our-works__item.active,
    .our-works__item,
    .our-works__item:hover,
    .our-works__item:active,
    .our-works__item:focus {
        background-color: #f9f9f9;
        border: none;
        border-bottom-color: #dadada;

        position: relative;
        border-radius: 0;
        width: 100%;
        padding: 16px 20px;
    }

    .our-works__item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #dadada;
    }

    .our-works__item.active .our-works__item__text,
    .our-works__item:active .our-works__item__text,
    .our-works__item .our-works__item__text {
        color: #1f1f1f;
    }

    .our-works__item .our-works__item__text {
        font-weight: 400;
        font-size: 20px;
        line-height: 110%;
        letter-spacing: -0.72px;
    }

    .our-works__active__tag svg {
        transition: 0.5s ease;
    }

    .our-works__active__tag svg.rotate {
        transform: rotate(180deg);
        transition: 0.5s ease;
    }

    .our-works__item.active {
        display: none !important;
    }

    .our-works__list {
        display: none;
    }

    .our-works__list.active {
        display: flex;
    }

    .our-works__list {
        max-height: 500px;
        overflow: auto;
    }

    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    .our-works__list {
        scrollbar-width: thin;
        scrollbar-color: #0abab5 #fff;
    }

    /* Chrome, Edge, and Safari */
    .our-works__list::-webkit-scrollbar {
        width: 16px;
    }

    .our-works__list::-webkit-scrollbar-track {
        background: #fff;
    }

    .our-works__list::-webkit-scrollbar-thumb {
        background-color: #0abab5;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }
}

.our-works__fotos {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px;
}

@media screen and (min-width: 1281px) {
    article.our-work__article {
        max-width: calc((100% - 48px) / 3);
    }

    #swiperOurWorksHomeBtns article.our-work__article {
        max-width: 100%;
    }
}

@media screen and (max-width: 1280px) and (min-width: 941px) {
    article.our-work__article {
        max-width: calc((100% - 24px) / 2);
    }

    #swiperOurWorksHomeBtns article.our-work__article {
        max-width: 100%;
    }
}

@media screen and (max-width: 940px) {
    article.our-work__article {
        max-width: 100%;
    }

    #swiperOurWorksHomeBtns article.our-work__article {
        max-width: 100%;
    }

    article.our-work__article img {
        width: 100%;
    }
}

.swiperBFthumb .swiper-slide {
    width: fit-content !important;
    cursor: pointer;
}

.our-work__image {
    position: relative;

    overflow: hidden;
}

.our-work__image__tag {
    background-color: #f9f9f9;

    border-radius: 60px;
    padding-top: 13px;
    padding-right: 16px;
    padding-bottom: 13px;
    padding-left: 16px;
    width: fit-content;
}

.swiperBFthumb .swiper-slide.swiper-slide-thumb-active .our-work__image__tag {
    background-color: #0abab5;
    color: #ffffff;
}

.our-works__fotos {
    display: flex;
    flex-direction: column;
}

.our-work__article__wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px;
    margin-top: 40px;
    margin-bottom: 24px;
}

.swiperBFthumb
.swiper-slide:not(.swiper-slide-thumb-active)
.our-work__image__tag {
    background-color: #ffffff;
    color: #0abab5;
}

.our-work__article h2 {
    margin-top: 16px;
    margin-bottom: 8px;

    color: #0abab5;

    font-weight: 400;
    line-height: 100%;
}

.our-work__article p {
    color: #1f1f1f;
    font-weight: 400;
    line-height: 120%;
}

@media screen and (min-width: 941px) {
    .our-work__article p {
        font-size: 22px;
        letter-spacing: -0.88px;
    }

    .our-work__article h2 {
        font-size: 30px;
        letter-spacing: -0.9px;
    }
}

@media screen and (max-width: 940px) and (min-width: 641px) {
    .our-work__article p {
        font-size: 20px;
        letter-spacing: -0.88px;
    }

    .our-work__article h2 {
        font-size: 32px;
        letter-spacing: -0.9px;
    }
}

@media screen and (max-width: 640px) {
    .our-work__article p {
        font-size: 16px;
        letter-spacing: -0.64px;
    }

    .our-work__article h2 {
        font-size: 20px;
        letter-spacing: -0.6px;
    }
}

.swiperBF {
    height: 100%;
    width: 100%;
    border-radius: 24px;
}

.swiperBFthumb {
    /* height: 20%;
    box-sizing: border-box;
    padding: 10px 0;  */
    position: absolute;
    bottom: 10px;
    left: 8px;
}

@media screen and (min-width: 1281px) {
    .our-works__fotos {
        margin-bottom: 180px;
    }
}

@media screen and (max-width: 1280px) {
    .our-works__fotos {
        margin-bottom: 120px;
    }
}

@media screen and (max-width: 767px) {
    .header .container {
        display: flex;
        flex-direction: column-reverse;
    }
}

:root {
    --color-time: #0abab5;
    --color-border: #0abab566;
}

.discount__time {
    width: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1296px;
    margin-left: 0;
    margin-right: auto;
    z-index: 5;
    position: relative;
    background-color: transparent;
}

@media screen and (max-width: 1150px) {
    .discount__time {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
}

@media screen and (min-width: 769px) {
    .discount__time {
        padding: 20px 0px 32px;
    }
}

@media screen and (max-width: 769px) {
    .discount__time {
        padding: 16px 0px;
    }
}

.discount__time-container {
    display: flex;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}

.discount__time-container-deadline {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .discount__time-container-deadline {
        gap: 15px;
    }
}

@media screen and (max-width: 767px) {
    .discount__time-container-deadline {
        gap: 8px;
    }
}

.discount__time-container-deadline .offer__timeline {
    position: absolute;
}

@media screen and (min-width: 768px) {
    .discount__time-container-deadline .offer__timeline {
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .discount__time-container-deadline .offer__timeline {
        width: 57px;
        height: 57px;
    }
}

.discount__time-container-deadline .offer__timeline-line {
    position: absolute;
    border-radius: 50%;
    overflow: unset;

}

@media screen and (min-width: 768px) {
    .discount__time-container-deadline .offer__timeline-line {
        width: 80px;
        height: 80px;
        border: 3px solid var(--color-border);
    }
}

@media screen and (max-width: 767px) {
    .discount__time-container-deadline .offer__timeline-line {
        width: 70px;
        height: 74px;

        /*border: 3px solid var(--color-border);*/
        z-index: 10;
        border: 3px solid transparent;
        margin-left: -2px;
        margin-top: -4px;
    }

    .discount__time-container-deadline .time {
        width: 57px;
        height: 57px;
        justify-content: start;
        border: 3px solid var(--color-border);
    }

    .discount__time-container-deadline .offer__timeline-circle {
        width: 80px;
        height: 80px;
        z-index: 10;
    }
}

.discount__time-container-deadline .offer__timeline-circle {
    fill: none;
    stroke-width: 4px;
    stroke: var(--color-time);
    stroke-dasharray: 314;
    stroke-dashoffset: 0;
    transition: all 0.6s ease;
    z-index: 10;
}

.discount__time-container-deadline .separator {
    text-align: center;
    color: #0abab5;

}

@media screen and (min-width: 768px) {
    .discount__time-container-deadline .separator {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .discount__time-container-deadline .separator {
        font-size: 22px;
        line-height: 100%;
        margin-bottom: 16px;
    }
}

.discount__time-container-deadline .time {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    border-radius: 50%;
}

@media screen and (min-width: 768px) {
    .discount__time-container-deadline .time {
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .discount__time-container-deadline .time {
        width: 57px;
        height: 57px;
        justify-content: start;
        border: 3px solid var(--color-border);
    }

}

.discount__time-container-deadline .time .count {
    font-weight: 700px;
    text-align: center;
    color: #0abab5;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .discount__time-container-deadline .time .count {
        font-size: 34px;
        line-height: 90%;
    }
}

@media screen and (max-width: 767px) {
    .discount__time-container-deadline .time .count {
        font-size: 24px;
        padding-top: 14px;
        /*padding-right: 5px;*/
    }
}

.discount__time .time-of {
    line-height: 100%;
    text-align: center;
    color: var(--color-time);
}

@media screen and (min-width: 768px) {
    .discount__time .time-of {
        font-size: 17px;
        line-height: 110%;
        letter-spacing: 0.68px;
    }
}

@media screen and (max-width: 767px) {
    .discount__time .time-of {
        font-size: 12px;
    }
}

.discount__time .time__column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (max-width: 767px) {
    .discount__time .time__column {
        gap: 4px;
    }
}

/* services items*/
.hero__content__service {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 630px;
}

.hero__content__service .hero__content__service__item:last-child {
    width: 100%;

}

.hero__content__service__item {
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.6px;

    padding-left: 12px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .hero__content__service .hero__content__service__item:first-child {
        margin-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .hero__content__service__item {
        display: none;
    }
}

.hero__content__service__item::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-color: #0ABAB5;
    width: 2px;
    height: 100%;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
    .hero-form__inner.hero-form__inner--timerShow {
        top: 460px;
    }
}

@media screen and (max-width: 767px) {
    .hero-form__inner.hero-form__inner--timerShow {
        top: 267px;
    }
}

@media screen and (min-width: 1281px) {
    .hero__image.hero__image--left {
        right: 0;

    }
}

@media screen and (min-width: 1441px) {
    .hero__image.hero__image--left picture img {
        object-position: bottom right !important;
    }
}

.hero__wrapper {
    overflow: hidden;
}

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

.heroSwiper-buttons {
    max-width: 130px;
    width: 100%;
    position: absolute;
    right: 0;
    height: 60px;
    bottom: 38px;
    right: 60px;
}

.swiper-button-prev.heroSwiper-button-prev, .swiper-button-next.heroSwiper-button-next {
    width: 60px;
    height: 60px;
}

.swiper-button-prev.heroSwiper-button-prev:after, .swiper-button-next.heroSwiper-button-next:after {
    display: none;
}

.swiper-button-prev.heroSwiper-button-prev:hover, .swiper-button-next.heroSwiper-button-next:hover {
    opacity: 0.8;
}

.swiper-button-prev.heroSwiper-button-prev {
    left: 0;
}

.swiper-button-next.heroSwiper-button-next {
    right: 0;
}

@media screen and (max-width: 767px) {
    .heroSwiper-buttons {
        display: none;
    }

    .swiper-pagination.heroSwiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: relative;
        margin-top: 16px;
    }

	.swiper-pagination{
		gap:4px;
	}
}

@media screen and (max-width: 360px) {
    .discount__time-container-deadline .separator {
        display: none;
    }
}

.hero-bagde {
    font-weight: 400;
    font-style: Regular;
    width: fit-content;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #FFFFFF;
    border-radius: 60px;
    background-color: #0ABAB5;
}

@media screen and (min-width: 1281px) {
    .hero-bagde {
        font-size: 20px;
        padding: 16px;
        margin-bottom: 15px;
        line-height: 100%;
        letter-spacing: -0.8px;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__title {
        font-size: 60px;
        line-height: 100%;
        letter-spacing: -2.4px;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__subtitle {
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.9px;
    }

}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .hero__title {
        font-size: 50px;
    }

    .hero__subtitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .hero__content {
        top: 0;
        left: 16px;
        margin-top: 24px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
    .hero-bagde {
        font-size: 18px;
        padding: 16px 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .hero-bagde {
        font-size: 16px;
        padding: 10px 12px;
        margin-bottom: 10px;
    }
}

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

    .hero-form__inner.hero-form__inner--timerShow .hero-form__text__row {
        display: flex;
        gap: 9px;
    }

}

.hero__wrapper.hero__wrapper-timerShow .hero__image.hero__image--left {
    z-index: 0;
}

@media screen and (min-width: 1281px) {
    .hero-form__inner.hero-form__inner--timerShow .hero-form__text__row .hero-form__title {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .hero-form__inner.hero-form__inner--timerShow .hero-form__text__row .hero-form__subtitle {
        font-size: 22px;
        margin-bottom: 16px;
        line-height: 120%;
    }

    .hero-form__inner.hero-form__inner--timerShow .hero-form__text__row .hero-form__title {
        margin-bottom: 16px;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__bg {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__image.hero__image--left {
        position: relative;
        left: unset;
        top: unset;
        bottom: unset;
        right: unset;
        width: 100%;
        display: flex;
        align-items: flex-end;
        height: fit-content;

    }

    .hero__wrapper.hero__wrapper-timerShow .hero__content {
        position: relative;
    }

    .hero__wrapper.hero__wrapper-timerShow {
        height: fit-content;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__image.hero__image--left picture img {
        object-fit: cover;
        width: 100%;
        height: auto;

    }

    .hero__image hero__image--left {
        height: auto;
    }

    .hero__image.hero__image--left picture {
        height: auto;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero-form__inner.hero-form__inner--timerShow {
        position: relative;
        top: unset;
        left: unset;
        left: 0;
        margin-top: 40px;
        margin-left: 24px;
    }

}

.heroSwiper .swiper-wrapper {
    height: auto;
}

.heroSwiper .swiper-wrapper .swiper-slide {
    height: auto;
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .hero__wrapper.hero__wrapper-timerShow .hero-form__inner.hero-form__inner--timerShow {
        padding: 58px 16px 10px;
    }
}

@media screen and (max-width: 480px) {
    .hero__wrapper.hero__wrapper-timerShow .hero-form__inner.hero-form__inner--timerShow {
        padding: 27px 16px 10px;
    }
}

@media screen and (max-width: 767px) {
    .hero-form__inner.hero-form__inner--timerShow .hero-form__subtitle {
        line-height: 111%;
        font-size: 18px;
        margin-bottom: 14px;
    }

    .hero-form__inner.hero-form__inner--timerShow .hero-form__text__row {
        display: flex;
        gap: 5px;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__content {
        position: relative;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero-form__inner.hero-form__inner--timerShow {
        top: unset;
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
        width: auto;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__image.hero__image--left {
        position: relative;
        right: 0;
        width: 100%;
        height: auto;
        left: 0;
        bottom: 0;
    }

    .hero__wrapper.hero__wrapper-timerShow {
        height: fit-content;
    }

}

@media screen and (min-width: 1631px) {
    .hero__image.hero__image--left {
        max-height: 645px;
        width: unset;
    }
}

@media screen and (max-width: 1630px) and (min-width: 1281px) {
    .hero__image.hero__image--left {
        max-height: 500px;
        width: unset;
    }
}

@media screen and (max-width: 1630px) and (min-width: 1281px) {
    .swiper-slide[aria-label="2 / 4"] .hero__wrapper.hero__wrapper-timerShow .hero__image.hero__image--left {
        width: auto;
        max-height: 100%;
    }
}

@media screen and (min-width: 1281px) {
    .hero__wrapper.hero__wrapper-timerShow .hero__content {
        position: relative;
        top: 0;
        left: 0;
        padding-top: 30px;
        padding-left: 40px;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero-form__inner.hero-form__inner--timerShow {
        position: relative;
        left: 0;
        bottom: 0;
        z-index: 1;
        padding-bottom: 30px;
        padding-left: 40px;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero__bg {
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
    }

    .hero__wrapper.hero__wrapper-timerShow {
        height: fit-content;
    }

}

@media screen and (min-width: 1281px) {
    .hero__wrapper.hero__wrapper-timerShow {
        height: fit-content;
        /*min-height:912px;*/
        min-height: 645px;
        display: flex;
        flex-direction: column;
    }

    .hero__wrapper.hero__wrapper-timerShow .hero-form__inner.hero-form__inner--timerShow {
        margin-bottom: 0;
        margin-top: auto;
    }
}

@media screen and (max-width: 1630px) and (min-width: 1281px) {
    .hero__wrapper.hero__wrapper-timerShow .hero__image.hero__image--left {
        width: auto;
        /*max-height:850px;*/
        max-height: 550px;
    }
}

.hero-form__title.hero-form__title--mobile {
    display: block !important;
}

.hero-form__inner.hero-form__inner--timerShow .hero-form__title:not(.hero-form__title--mobile) {
    display: none;
}

.hero-form__inner.hero-form__inner--timerShow .hero-form__subtitle {
    display: none;
}

@media screen and (max-width: 767px) {
    .hero-form__title.hero-form__title--mobile {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 1281px) {
    .services__item-name {
        margin-left: 32px !important;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .services__item-name {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .services__item-num {
        margin-right: 24px !important;
    }

    .services__item-name p {
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    .services__item-num {
        margin-right: 0 !important;
    }

    .services__item-name {
        margin-left: 0;
        margin-right: auto !important;
    }

    .services__item-name p {
        text-align: left !important;
    }
}

.header-contacts.header-contacts--inform {
    flex-direction: row;
    gap: 12px;
}

.header-contacts.header-contacts--inform a {
    cursor: pointer;
}

@media screen and (max-width: 940px) {
    .header-contacts.header-contacts--inform {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .mobile-menu-contacts.mobile-menu-contacts--links {
        display: flex;
        flex-direction: row;
        gap: 12px;
        margin-bottom: 20px;
    }

    .mobile-menu__inner__bottom .hero-form__btn {
        margin-top: 20px;
    }
}

@media screen and (min-width: 1281px) {
    .mobile-menu-contacts.mobile-menu-contacts--links {
        display: none;
    }
}

.section.euro.children-corner .euro__images {
	align-items: flex-start;
}

@media screen and (min-width: 1501px) and (max-width: 1700px) {
    .section.euro.children-corner .euro__wrapper {
	height: fit-content;
    }
}

@media screen  and (min-width: 1281px) and (max-width: 1500px) {
    .section.euro.children-corner .euro__wrapper {
	height: fit-content;
    }
}


@media screen and (min-width: 1281px) {
	.header__inner.returned{
	        
		/*animation: no_fix 0.3s forwards;*/
	}

	    .header__inner.scrolled {
		/*animation: fix 1s forwards;*/
position: fixed;
		top:0;
	    transform: translateY(0);
		z-index: 999;
	        max-width: 1760px;
	        width: 95%;
	    }

	@keyframes fix {
	  0% {
		position: fixed;
		top:0;
	    transform: translateY(-50%);
		z-index: 999;
	        max-width: 1760px;
	        width: 100%;
	  }
	  100% {
		position: fixed;
		top:0;
	    transform: translateY(0);
		z-index: 999;
	        max-width: 1760px;
	        width: 100%;
	  }
	}

	@keyframes no_fix {
	  0% {
	    position: fixed;
	    transform: translateY(-10%);
		z-index: 999;
	        max-width: 1760px;
	        width: 100%;
	  }
	90%{
position: fixed;
	    transform: translateY(-5%);
		z-index: 999;
	        max-width: 1760px;
	        width: 100%;
}
	  
	  100% {
	    position: relative;
	    transform: translateY(0);
		z-index: 1;
	        max-width: unset;
	        width: 100%;
	  }
	}
}


.arrow-image {
    position: fixed;
	right:-150px;
    max-width: 64px;;
    transition: right 0.3s ease; 
    z-index: 99;
    cursor: pointer;
}

@media screen and (max-width: 940px) {
    .arrow-image svg{
        width: 40px;
        height: 40px;
    }
	.arrow-image {
		bottom: 30px;
	}
}

@media screen and (min-width: 941px) {
    .arrow-image svg{
        width: 64px;
        height: 64px;
    }
	.arrow-image {
		bottom: 170px;
	}
}


@media screen and (max-width:767px){
	.stages__item, .stages__item.swiper-slide{
		padding: 16px !important;
		height: auto;
	}
}


.hero__wrapper:not(.hero__wrapper-timerShow) .hero__image {

position: absolute;
/* width: 1018px; */
/* height: calc(100vh - 98px); */
max-height: 570px !important;
    max-width: 570px !important;
bottom: 0;
z-index: 2;

}


@media screen and (min-width: 1645px) {
	.hero__wrapper:not(.hero__wrapper-timerShow) .hero__image {
	    max-height: 740px !important;
	    max-width: 740px !important;
	    right: 260px;
	}
}

@media screen and (max-width: 1644px) and (min-width:1281px) {
	.hero__wrapper:not(.hero__wrapper-timerShow) .hero__image{
		right: 160px;
	}
}


@media screen and (max-width: 767px) {
	.hero__wrapper:not(.hero__wrapper-timerShow) .hero__image {
		    position: relative;
			width:100%;
			height:100%;
	}
	.hero__wrapper:not(.hero__wrapper-timerShow) .hero__bg{
	    position: absolute;
	    width: 100%;
	}

	.hero__wrapper:not(.hero__wrapper-timerShow) {
	        overflow: hidden;
	        height: 100%;
	    }

	.hero__wrapper:not(.hero__wrapper-timerShow)     .hero__content {
	        top: 0;
	        left: 16px;
		position: relative;
	    }

    .hero__wrapper:not(.hero__wrapper-timerShow) .hero-form__inner {
	position: relative;
        top: 0;

        bottom: unset;
        width: auto;

left: 0;
        right: 0;
        bottom: unset;
        width: auto;
        padding-left: 16px;
        padding-right: 16px
    }

    .hero__wrapper:not(.hero__wrapper-timerShow) .hero-form__inner form.hero-form.ajax-form {
	    padding-top: 58px;
	}
}


@media (min-width: 375px) and (max-width: 767px) {
    .hero-discount {
        width: 112px !important;
        height: 112px !important;
        top: unset !important;
        bottom: 25% !important;
        right: 10px !important;
    }
}

@media (max-width: 374px) {
    .hero-discount {
        width: 100px !important;
        height: 100px;
        top: unset;
        bottom: 160px !important;
        right: 0 !important;
    }
    .section.doctors .doctors__item-image img{
        min-height: 420px;
    }
}


@media screen and (min-width: 1281px) {
.hero__wrapper:not(.hero__wrapper-timerShow) {

height: fit-content;
/* min-height: 912px; */
min-height: 645px !important;
display: flex;
flex-direction: column;
        max-height: 645px;
height: 100%;
}
}

.footer__list-item .footer__info-phone,
.footer__list-item .footer__info-email{
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
}

.footer__info-workwime {
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -.04em;
}
@media (min-width: 768px) and (max-width: 1280px) {
    .footer__info-workwime {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .footer__info-workwime {
        font-size: 24px;
    }
}
.footer__list-item--socials {
	display: flex;
	gap:12px;
}

.footer__btn {
	max-width:fit-content;
}



@media screen and (max-width:963px){
	.footer__left {
		flex-direction: row-reverse;
    		width: 100%;
	}
	.footer__right{
		justify-content: space-between;
    		width: 100%;
	}
}

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




	.footer__left {
		flex-direction: column-reverse;
	}
	.footer__right{
	        flex-wrap: wrap;
	}
	.footer__right .footer__list-inner:first-child{
		width: 100%;
	}
	.footer__btn {
		max-width:100%;
	}

	.footer__list-inner:not(:first-child) .footer__list{
		display:none; 
	}
	.footer__list-inner:not(:first-child) .footer__list.opened-list{
		display:flex; 
	}

	.footer__list-inner:not(:first-child) .footer__list-title {
		position:relative;
		padding-right:32px;
	}

	.footer__list-inner:not(:first-child) .footer__list-title.opened-list::after {
		transform: rotate(0deg);
	} 

	.footer__list-inner:not(:first-child) .footer__list-title::after {
		content:'';
		position: absolute;
		top:0;
		right: 0;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33316 10L7.99985 6L12.6665 10' stroke='%230ABAB5' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-size: cover;
		background-repeat: no-repeat;
		width:16px;
		height:16px;
		transform: rotate(180deg);
		transition: transform .3s ease;
	}
}

@media (max-width: 576px) {
    .footer__right {
	flex-direction: row !important;
    }
    .footer__right .footer__list-inner:not(:first-child){
	width:45%;
    }
	.footer__wrapper {
	gap:40px !important;
	}

    .footer__right {
row-gap: 40px;
        column-gap: 12px;
	}
}


.header-contacts__whatsapp-inner.js-tg-target .header-telegram--icon {
	    position:relative;
	width: 24px;
	}
.header-contacts__whatsapp-inner.js-tg-target .header-telegram--icon::before{
	position:absolute;
	content:'';
top: -11px;
  left: 0;
	width:24px;
	height:24px;
	background: #2AABEE;
	border-radius: 50%;
}

.header-contacts__whatsapp-inner.js-tg-target .header-telegram--icon svg {
	    position:absolute;
right: 6px;
width: 13px;
top: -11px;
	}

@media (max-width:423px){
	.header-contacts__whatsapp-inner.js-tg-target .header-telegram--icon::before{
	    top: -11px;
	    left: 1px;
	    width: 22px;
	    height: 21px;
	}
}

@media (max-width:375px){
	.header-contacts__whatsapp-inner.js-tg-target .header-telegram--icon svg {
		    top: -8px;
	}
}

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

	.footer__list-item--socials a:first-child svg {
		min-width:48px;
	}	
	

}

/* End */


/* Start:/local/templates/main/assets/libs/flatpickr/flatpickr.min.css?177143648916166*/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* End */


/* Start:/local/templates/main/assets/styles/modal.css?17731542865452*/
.input-container-datetime {
    position: relative;
    margin-bottom: 15px;
}

.contacts__wrapper.contacts__wrapper--modal {
    width: fit-content;
    z-index: 1000;
    display: none;
}

.input-container-datetime input {
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
}

.input-container-datetime .icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: none;
}

.input-container-datetime input {
    background-color: #fff;
    outline: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    height: 64px;
    border: 1px solid #fff;

    color: #1f1f1f;
    /*padding: 21px 0px 21px 40px;*/
    padding: 21px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    max-width: 511px;
}

.input-container-datetime input:hover {
    border-color: #0abab533;
}

.flatpickr-rContainer {
    margin: auto;
}

.flatpickr-calendar:has(.flatpickr-time) {
    /*width: 100%;*/
    max-width: 511px;
}

/* Стили для модального окна */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.contacts__wrapper.contacts__wrapper--modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
}

@media screen and (max-width: 768px) {
    .contacts__wrapper.contacts__wrapper--modal {
        left: 5%;
        transform: translate(0, -50%);
        width: 90%;
    }
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    position: relative;
}

.close{
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.contacts__wrapper--out {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0.8;
    filter: blur(4px);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

.input-container-datetime {
    width: 100%;
}

.input-container-datetime input {
    width: 100%;
}

.input-container-datetime input::placeholder {
    color: #b6b6b6;
}

@media screen and (max-width: 1380px) and (min-width: 768px) {
    .contacts__wrapper.contacts__wrapper--modal .contacts__title.section__title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .section__title {
        font-size: 36px !important;
        margin-bottom: 24px;
    }
}

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

    .contacts__wrapper.contacts__wrapper--modal input[type="time"],
    .contacts__wrapper.contacts__wrapper--modal input[type="date"],
    .contacts__wrapper.contacts__wrapper--modal input {
        width: 100%;
        min-width: 94%;
        display: flex;
    }

    /*.contacts__wrapper.contacts__wrapper--modal input#timepicker::before {
        color: red;
        content: attr(placeholder) !important;
        margin-right: 10px;
      }*/
    /*input#timepicker::before:before { content: attr(placeholder) !important; color: #f9f9f9; position: absolute; }*/
    .flatpickr-mobile {
    }

    .flatpickr-mobile:not(:focus):before {
        content: attr(placeholder);
        color: #b6b6b6;
        margin-left: 13px;
    }

    .flatpickr-mobile:focus[value]:not([value=""]):before {
        display: none;

    }

    input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile:before {
        display: none;
    }

}


.modal.visible {
    display: block;
}
.modal__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 24px;
    width: max-content;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    background: #fff;
}
.modal__body {
    display: flex;
    flex-direction: column;
}
.modal__title {
    font-weight: 500;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: #1f1f1f;
    margin-bottom: 20px;
    text-align: center;
}
.modal__close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 15px;
}

.modal__close:hover,
.modal__close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modal__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #b6b6b6;
    text-align: center;
}
.modal__btn {
    margin: 20px auto 0;
    width: fit-content;
}
@media (min-width: 768px) and (max-width: 991px){
    .modal__wrapper {
        width: calc(100% - 40px);
    }
}
@media (max-width: 767px) {
    .modal__wrapper {
        padding: 40px 20px;
        width: calc(100% - 20px);
    }
    .modal__title {
        margin-bottom: 10px;
    }
    .modal__subtitle {
        font-size: 14px;
    }
    .modal__btn {
        width: 100%;
    }
}
@media (min-width: 327px) and (max-width: 767px) {
    .modal__title {
        font-size: 27px;
    }
}
@media (max-width: 326px) {
    .modal__title {
        font-size: 24px;
    }
}
/* End */


/* Start:/local/templates/main/assets/styles/stocks.min.css?176650138611724*/
.stocks {
    margin-bottom: 120px
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks {
        margin-bottom: 80px
    }
}

@media (max-width: 767px) {
    .stocks {
        margin-bottom: 60px
    }
}

.stocks__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 24px
}

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

@media (max-width: 767px) {
    .stocks__list {
        gap: 16px;
        margin-bottom: 20px
    }
}

.stocks__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 24px;
    overflow: hidden;
    padding: 24px;
    gap: 24px;
    background-color: #f9f9f9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1280px) {
    .stocks__item {
        height: auto
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks__item {
        border-radius: 16px;
        padding: 20px
    }
}

@media (max-width: 767px) {
    .stocks__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 16px;
        padding: 16px
    }
}

.stocks__item-image {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: auto;
    width: 48.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks__item-image {
        border-radius: 16px;
        width: 40%
    }
}

@media (max-width: 767px) {
    .stocks__item-image {
        border-radius: 16px;
        width: 100%
    }
}

.stocks__item-image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.stocks__item-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    background-color: #0abab5;
    padding: 13px 16px;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 60px
}

@media (min-width: 768px) and (max-width: 1500px) {
    .stocks__item-badge {
        padding: 8px 12px
    }
}

@media (max-width: 767px) {
    .stocks__item-badge {
        padding: 8px 12px;
        gap: 4px
    }
}

.stocks__item-badge-icon {
    width: 20px;
    height: 20px
}

@media (max-width: 767px) {
    .stocks__item-badge-icon {
        width: 14px;
        height: 14px
    }
}

.stocks__item-badge-icon img, .stocks__item-badge-icon svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.stocks__item-badge-name {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #fff
}

@media (min-width: 768px) and (max-width: 1500px) {
    .stocks__item-badge-name {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .stocks__item-badge-name {
        font-size: 14px
    }
}

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

@media (max-width: 1280px) {
    .stocks__item-content {
        height: auto;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.stocks__item-title {
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -.03em;
    margin-bottom: 12px
}

@media (min-width: 768px) and (max-width: 1500px) {
    .stocks__item-title {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .stocks__item-title {
        font-size: 24px
    }
}

.stocks__item-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -.04em;
    margin-bottom: auto
}

.stocks__item-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -.04em
}

.stocks__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 16px 0
}

@media (max-width: 767px) {
    .stocks__item-info {
        margin: 16px 0 0
    }
}

.stocks__item-oldprice {
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: #b6b6b6;
    text-decoration: line-through
}

@media (min-width: 1501px) and (max-width: 1800px) {
    .stocks__item-oldprice {
        font-size: 24px
    }
}

@media (min-width: 768px) and (max-width: 1500px) {
    .stocks__item-oldprice {
        font-size: 20px
    }
}

@media (max-width: 768px) {
    .stocks__item-oldprice {
        font-size: 20px
    }
}

.stocks__item-infotext {
    font-weight: 500;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: #0abab5
}

@media (min-width: 1501px) and (max-width: 1800px) {
    .stocks__item-infotext {
        font-size: 48px
    }
}

@media (min-width: 768px) and (max-width: 1500px) {
    .stocks__item-infotext {
        font-size: 36px
    }
}

@media (max-width: 768px) {
    .stocks__item-infotext {
        font-size: 36px
    }
}

.stocks__item-btn {
    height: 64px;
    width: 250px
}

@media (min-width: 768px) and (max-width: 1500px) {
    .stocks__item-btn {
        height: 57px;
        width: 100%;
        margin-top: 16px
    }
}

@media (max-width: 767px) {
    .stocks__item-btn {
        display: none;
        height: 47px;
        width: 100%
    }
}

.stocks__item-btn--mob {
    display: none
}

@media (max-width: 767px) {
    .stocks__item-btn--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.stocks-more__inner {
    width: 100%
}

.stocks-more__btn {
    width: 100%;
    height: 64px
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks-more__btn {
        height: 57px
    }
}

@media (max-width: 767px) {
    .stocks-more__btn {
        height: 47px
    }
}

.stocks-detail {
    margin-bottom: 120px
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks-detail {
        margin-bottom: 80px
    }
}

@media (max-width: 767px) {
    .stocks-detail {
        margin-bottom: 60px
    }
}

.stocks-detail-container {
    width: 1166px;
    margin: 0 auto
}

@media (max-width: 1280px) {
    .stocks-detail-container {
        width: 100%;
        padding: 0 20px
    }
}

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

.stocks-detail__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width: 1800px) {
    .stocks-detail__head {
        gap: 12px
    }
}

@media (max-width: 767px) {
    .stocks-detail__head {
        gap: 8px
    }
}

.stocks-detail__title {
    font-weight: 400;
    font-size: 70px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: #1f1f1f
}

@media (min-width: 768px) and (max-width: 1800px) {
    .stocks-detail__title {
        font-size: 48px
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .stocks-detail__title {
        font-size: 24px
    }
}

@media (max-width: 374px) {
    .stocks-detail__title {
        font-size: 20px
    }
}

.stocks-detail__subtitle {
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -.04em
}

@media (min-width: 768px) and (max-width: 1800px) {
    .stocks-detail__subtitle {
        font-size: 24px
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .stocks-detail__subtitle {
        font-size: 18px
    }
}

@media (max-width: 374px) {
    .stocks-detail__subtitle {
        font-size: 16px
    }
}

.stocks-detail__image {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    height: 600px
}

@media (max-width: 1280px) {
    .stocks-detail__image {
        height: auto
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks-detail__image {
        border-radius: 20px
    }
}

@media (max-width: 767px) {
    .stocks-detail__image {
        width: 100%;
        border-radius: 12px
    }
}

.news-detail__images .stocks-detail__image {
    height: 400px
}

@media (max-width: 1280px) {
    .news-detail__images .stocks-detail__image {
        height: auto
    }
}

.stocks-detail__image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.stocks-detail__images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.stocks-detail__content {
    margin: 32px 0
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks-detail__content {
        margin: 24px 0
    }
}

@media (max-width: 767px) {
    .stocks-detail__content {
        margin: 16px 0
    }
}

.stocks-detail__content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.04em;
    margin: 0 0 32px
}

.stocks-detail__content p:last-child {
    margin: 0
}

@media (min-width: 768px) and (max-width: 1280px) {
    .stocks-detail__content p {
        font-size: 20px
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .stocks-detail__content p {
        font-size: 18px
    }
}

@media (max-width: 374px) {
    .stocks-detail__content p {
        font-size: 16px
    }
}

.stocks-detail__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0 32px
}

.stocks-detail__list:last-child {
    margin: 20px 0 0
}

.stocks-detail__list + p {
    margin-bottom: 0
}

.stocks-detail__list--disc {
    list-style-type: none;
    padding-left: 0
}

.stocks-detail__list--disc li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 25px
}

.stocks-detail__list--disc li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #0abab5;
    top: calc(50% - 4px);
    left: 0;
    border-radius: 50%
}

.stocks-detail__list--decimal {
    list-style-type: decimal;
    padding-left: 20px
}

.stocks-detail__list--decimal li::marker {
    color: #0abab5
}

.stocks-detail__list li {
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.04em
}
/* End */
/* /local/templates/main/assets/fonts/styles.css?1770977540926 */
/* /local/templates/main/assets/styles/main.css?1774021218111151 */
/* /local/templates/main/assets/styles/extra.css?177395093646386 */
/* /local/templates/main/assets/libs/flatpickr/flatpickr.min.css?177143648916166 */
/* /local/templates/main/assets/styles/modal.css?17731542865452 */
/* /local/templates/main/assets/styles/stocks.min.css?176650138611724 */