.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

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

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

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

.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045
}

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

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

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

.mfp-preloader a {
    color: #ccc
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-arrow-left {
    left: 0
}

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

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

.mfp-arrow-right {
    right: 0
}

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

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

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

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

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

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

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

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: auto
}

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

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

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

.mfp-figure figure {
    margin: 0
}

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

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

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

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

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

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

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, .6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fff;
    border-top: 7px solid transparent
}

.tippy-tooltip.light-theme {
    -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    color: #26323d
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.light-theme[data-animatefill] {
    background-color: initial
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/9cd7588f47651215d52f.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/eec8664621fec98efb37.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/c6588ec1e3a1f399c5c0.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/3e3cb905bf27a4c8c370.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Caveat;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/a4392a6300b357b5168b.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Unbounded;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/d2a446434fd598e4bb22.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fc2b5060f7accec5cf74.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Proxima;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/e32b8be0b0a2dbb83ad7.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Proxima;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/54b9eb90d4b941f9371e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Proxima;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/16570ea7c037fa079d78.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/133ad19960cd5dc1bd7e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/0e3cc9f2e33d6d2c5936.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/1f002f4ee43dc3c8d7d7.woff2) format("woff2")
}

:root {
    --common_color: #2e63e5;
    --second_color: #83a7ff;
    --third_color: #cb5874;
    --bg: #f1f5ff;
    --bg_dark: #2f3132;
    --bg_light: #f3f3f3;
    --bg_white: #fff;
    --bg_blue: #6082d7;
    --text_color: #484848;
    --text_color_light: #fff;
    --text_color_gray: #495058;
    --h_color: #202020;
    --bold_color: #363636;
    --accent_color: #2e63e5;
    --accent_color_second: #cb5874;
    --accent_color_third: #83a7ff;
    --accent_box_border: #9ebaff;
    --accent_box_bg: #f0f4ff;
    --modal_error_text: #999;
    --policy_text_color: #7a7a7a;
    --sub_color: #787878;
    --price_color: #cb5874;
    --footer_border_color: #e7e7e7;
    --footer_license_color: #bbb;
    --footer_text_color: #878787;
    --sinergium_color: #72af00;
    --black: #000;
    --header_border_color: #7c7c7c;
    --contacts_bg: #e9eaec;
    --social_text_color: #c5c5c5;
    --modal_licenses_color: #bbb;
    --modal_policy_color: #4d5155;
    --play_bg: linear-gradient(180.98deg, #fffb94 -25.47%, #ffc871 138.27%, #ffc160 0);
    --soc_hover_bg: #e5e5e5;
    --button_bg: linear-gradient(180deg, #99c3ff, #619df3);
    --button_shadow: #4d84d3;
    --button_bg_hover: linear-gradient(180deg, #98c3ff, #5892e4);
    --button_shadow_hover: #4d84d3;
    --button_bg_active: linear-gradient(180deg, #99c3ff, #619df3);
    --button_shadow_active: #4d84d3
}

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

:focus {
    outline: 0
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

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

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

figure,
form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: initial
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: initial
}

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

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

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
html,
input,
select,
textarea {
    color: #222
}

::-moz-selection {
    background: #9c9fa3;
    color: #fff;
    text-shadow: none
}

@supports (color:color-mix(in lch, red, blue)) {
    ::-moz-selection {
        background: color-mix(in srgb, var(--bg) 50%, var(--text_color))
    }
}

::selection {
    background: #9c9fa3;
    color: #fff;
    text-shadow: none
}

@supports (color:color-mix(in lch, red, blue)) {
    ::selection {
        background: color-mix(in srgb, var(--bg) 50%, var(--text_color))
    }
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    background: #ccc;
    color: #000;
    margin: .2em 0;
    padding: .2em 0
}

html {
    color: #484848;
    color: var(--text_color);
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

body,
html {
    line-height: normal;
    min-width: 320px;
    overflow-x: hidden
}

a {
    outline: 0 !important
}

body.chunk-hide-popups .mfp-wrap:not(.chunk-modal) {
    display: none
}

b {
    color: #363636;
    color: var(--bold_color);
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700
}

strong {
    color: inherit
}

.bold {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700
}

.line-through {
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

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

[data-ajax],
[data-js=image-popup],
[data-js=video-popup] {
    cursor: pointer
}

.nobr {
    white-space: nowrap
}

.content {
    overflow: hidden
}

.content.dev:before {
    background-color: #adff2f;
    border-bottom: 1px solid #ccd0d2;
    border-right: 1px solid #ccd0d2;
    color: #000;
    content: "dev";
    display: block;
    padding: 2px 5px;
    position: fixed;
    right: 0;
    z-index: 1000
}

.row {
    box-sizing: initial;
    margin: 0 auto;
    max-width: 1380px;
    padding: 0 40px
}

[data-js-quiz=navigation-forward][disabled] {
    opacity: .6;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.info {
    display: flex;
    justify-content: center
}

.info i {
    border-radius: 50%;
    display: block;
    height: 14px;
    width: 14px
}

.info i:before {
    background-position: 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.info i:hover {
    animation: info-shadow .5s
}

@keyframes info-shadow {
    20% {
        box-shadow: 0 0 5px #2e63e5;
        box-shadow: 0 0 5px var(--common_color)
    }

    to {
        box-shadow: 0 0 100px #fff
    }
}

.lower {
    text-transform: lowercase
}

[data-js-scroll-to] {
    cursor: pointer
}

#adbar {
    transform: translateX(999px)
}

@media screen and (max-width:1320px) {
    .row {
        padding: 0 45px
    }

    .info i {
        height: 12px;
        width: 12px
    }
}

@media screen and (max-width:1023px) {
    .row {
        padding: 0 21px
    }
}

@media screen and (max-width:767px) {
    .row {
        padding: 0 16px
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.re-captcha-notice {
    color: #363636;
    color: var(--bold_color);
    font-size: 12px;
    line-height: 18px
}

.re-captcha-notice .link {
    color: #2e63e5;
    color: var(--common_color)
}

@media screen and (max-width:767px) {
    .re-captcha-notice {
        font-size: 10px;
        line-height: 14px
    }
}

#CalltouchWidgetFrame:not(.shown) {
    height: 0 !important;
    left: -1500px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important
}

.mobile-ct-widget {
    background: 0 0;
    border: none;
    border-radius: 0;
    bottom: 0;
    box-shadow: none;
    display: none;
    -webkit-filter: none;
    filter: none;
    height: 108px;
    left: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    right: calc(50% - 54px);
    top: auto;
    transform: none;
    width: 108px;
    z-index: 1000000001;
    zoom: 1
}

.mobile-ct-widget__btn {
    align-items: center;
    animation: ct-button 1s ease 0s infinite alternate none running;
    background-image: linear-gradient(208deg, #ff6f03, #ffad00);
    border-radius: 90px;
    display: flex;
    height: 64px;
    justify-content: center;
    left: calc(50% - 32px);
    position: absolute;
    top: calc(50% - 32px);
    width: 64px
}

.mobile-ct-widget__btn svg {
    fill: #fff;
    display: block;
    height: 32px;
    width: 32px
}

@keyframes ct-button {
    0% {
        transform: scale(.88) translateY(15px)
    }

    to {
        transform: scale(1) translate(0)
    }
}

.special-error-modal {
    display: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 595px;
    position: relative;
    width: 100%
}

.mfp-content .special-error-modal {
    display: block
}

.special-error-modal .mfp-close {
    background-image: url(../images/947d145587cae8470f6c.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    height: 22px;
    position: absolute;
    right: 0 !important;
    top: -32px !important;
    width: 22px
}

.special-error-modal__wrapper {
    background-color: #fff;
    border-radius: 10px;
    padding: 36px 34px 22px
}

.special-error-modal__top {
    align-items: center;
    background-color: #fff5f5;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
    padding: 10px 10px 0 12px
}

.special-error-modal__number {
    color: #f24e4e;
    font-size: 64px;
    line-height: 70px;
    margin-right: 33px
}

.special-error-modal__number,
.special-error-modal__title {
    font-family: Proxima, sans-serif;
    font-style: normal;
    font-weight: 700
}

.special-error-modal__title {
    color: #333;
    font-size: 20px;
    line-height: 25px;
    margin-right: 17px
}

.special-error-modal__title_mobile {
    display: none
}

.special-error-modal__accent {
    color: #f24e4e;
    margin-right: 6px
}

.special-error-modal__image {
    align-self: flex-end;
    background-image: url(../images/fe56470b1bee40cb937a.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    height: 67px;
    width: 96px
}

.special-error-modal__middle {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

.special-error-modal__subtitle {
    color: #333;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 14px
}

.special-error-modal__button,
.special-error-modal__subtitle {
    font-family: Proxima, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center
}

.special-error-modal__button {
    background: #f3b216;
    border-radius: 50px;
    box-shadow: 0 8px 65px rgba(243, 178, 22, .15);
    color: #fff;
    display: block;
    flex-shrink: 0;
    font-size: 20px;
    height: 73px;
    letter-spacing: 2px;
    line-height: 24px;
    padding-bottom: 24px;
    padding-top: 25px;
    width: 300px
}

.special-error-modal__bottom {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 21px;
    margin-left: auto;
    margin-right: auto;
    max-width: 492px;
    padding: 20px;
    row-gap: 23px
}

.special-error-modal__list {
    column-gap: 22px;
    display: flex;
    justify-content: space-between
}

.special-error-modal__item {
    color: #333;
    font-family: Proxima, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-left: 27px;
    position: relative
}

.special-error-modal__item:before {
    background-image: url(../images/8f2abb2e1fde8bfd121b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.special-error-modal__item strong {
    color: #333;
    font-family: Proxima, sans-serif;
    font-style: normal;
    font-weight: 700
}

.special-error-modal__time {
    color: #8b8b8b;
    font-family: Proxima, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-align: center
}

.special-error-modal__time-value {
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .fraud-alert #CalltouchWidgetFrame {
        height: 0 !important;
        left: -500px !important;
        opacity: 0 !important;
        visibility: hidden !important;
        width: 0 !important
    }

    .fraud-alert .mobile-ct-widget.active {
        display: block
    }

    .special-error-modal {
        padding-left: 10px;
        padding-right: 10px
    }

    .special-error-modal__wrapper {
        align-items: center;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 24px
    }

    .special-error-modal__top {
        column-gap: 27px;
        margin-bottom: 14px;
        padding-top: 0;
        width: 100%
    }

    .special-error-modal__number {
        margin-right: 0
    }

    .special-error-modal__title_desktop {
        display: none
    }

    .special-error-modal__title_mobile {
        display: block
    }

    .special-error-modal__image {
        flex-shrink: 0;
        height: 67px;
        width: 96px
    }

    .special-error-modal__title {
        align-self: flex-start;
        font-size: 18px;
        line-height: 23px;
        padding-left: 12px
    }

    .special-error-modal__middle {
        margin-bottom: 0;
        padding: 16px 12px 23px
    }

    .special-error-modal__subtitle {
        align-self: flex-start;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 14px;
        text-align: left
    }

    .special-error-modal__bottom,
    .special-error-modal__list {
        column-gap: 0;
        flex-direction: column;
        row-gap: 10px
    }

    .special-error-modal__bottom {
        align-items: flex-start;
        margin-bottom: 12px;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%
    }

    .special-error-modal__button {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
        min-width: 284px;
        width: 100%
    }
}

.link {
    color: #484848;
    color: var(--text_color)
}

.link>span {
    border-bottom: 1px solid;
    transition: border .2s ease
}

.link:hover>span {
    border-bottom-color: transparent
}

.link_notline {
    color: #484848;
    color: var(--text_color)
}

.link_notline>span {
    border-bottom: 1px solid transparent;
    transition: border .2s ease
}

.link_notline:hover>span,
.link_underline>span {
    border-bottom: 1px solid
}

.link_underline>span {
    transition: border .2s ease
}

.link_underline:hover>span {
    border-bottom-color: transparent
}

.link_white {
    color: #fff
}

.link_dashed>span {
    border-bottom: 1px dashed;
    transition: border .2s ease
}

.link_dashed:hover>span {
    border-bottom-color: transparent
}

.link_dotted>span {
    border-bottom: 1px dotted;
    transition: border .2s ease
}

.link_dotted:hover>span {
    border-bottom-color: transparent
}

.btn[data-js-cbs]:not(.loaded) {
    animation: disable_button 3s ease-in;
    position: relative
}

.btn[data-js-cbs]:not(.loaded):after {
    animation: loading 3s ease-in;
    background-image: url(../images/d2ca14f3cbbc1f7d8466.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 75%;
    content: "";
    -webkit-filter: drop-shadow(0 0 5px hsla(0, 0%, 88%, .4));
    filter: drop-shadow(0 0 5px rgba(225, 225, 225, .4));
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

@keyframes disable_button {
    0% {
        font-size: 0;
        pointer-events: none
    }

    to {
        font-size: 0;
        pointer-events: none
    }
}

@keyframes loading {
    0% {
        opacity: 1;
        transform: rotate(0)
    }

    95% {
        opacity: 1
    }

    to {
        transform: rotate(180deg)
    }
}

.p-old {
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.p-new,
.p-old {
    white-space: nowrap
}

[data-custom-scroll]::-webkit-scrollbar {
    width: 3px
}

[data-custom-scroll]::-webkit-scrollbar-track {
    background-color: initial
}

[data-custom-scroll]::-webkit-scrollbar-thumb {
    background-color: #97c32e
}

[data-custom-scroll]::-webkit-scrollbar-track-piece:end {
    margin-bottom: 10px
}

.modal.modal-error {
    max-width: 410px;
    min-height: 340px;
    padding: 0
}

.modal.modal-error .mfp-close {
    right: 10px;
    top: 8px
}

.modal.modal-error .mfp-close:before {
    background-image: url(../images/70733396b4060021aa3c.svg)
}

.modal-error__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 36px;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-error__title {
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.modal-error__text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    text-align: center
}

.modal-error__text a {
    color: #83a7ff;
    color: var(--second_color);
    display: block;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    margin-top: 4px
}

.modal-error__icon {
    margin-bottom: 24px;
    max-width: 86px
}

.modal-error__icon svg {
    width: 100%
}

.modal-error__icon path {
    fill: #83a7ff;
    fill: var(--second_color)
}

@media screen and (max-width:1023px) {
    .modal.modal-error {
        max-width: 348px;
        min-height: 330px
    }

    .modal-error__icon {
        margin-bottom: 24px;
        max-width: 80px
    }

    .modal-error__title {
        font-size: 18px;
        line-height: 26px
    }

    .modal-error__text {
        margin-top: 12px
    }
}

@media screen and (max-width:767px) {
    .modal.modal-error {
        max-width: 288px;
        min-height: 285px
    }

    .modal-error__icon {
        margin-bottom: 12px;
        max-width: 60px
    }

    .modal-error__title {
        font-size: 16px;
        line-height: 22px
    }

    .modal-error__text {
        font-size: 14px;
        line-height: 20px
    }

    .modal-error__text a {
        font-size: 16px;
        line-height: 20px
    }

    .modal-error__content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.mfp-bg {
    background: rgba(46, 42, 38, .5)
}

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

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer
}

.mfp_video-popup .mfp-close {
    top: -35px
}

.mfp_image-popup .mfp-close {
    right: 0
}

.mfp_modal-success .mfp-close,
.mfp_modal-success .mfp-close:hover {
    right: 0;
    top: 2px
}

.mfp-content .modal {
    display: block
}

.modal {
    display: none;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

button.mfp-arrow {
    background-color: initial;
    border: 0;
    display: block;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 1050
}

button.mfp-arrow:before {
    border: 0;
    content: "";
    margin: 0 !important;
    opacity: 1;
    position: absolute;
    right: auto;
    top: 0
}

button.mfp-arrow:after {
    background-image: url(../images/316670ff2e3e73aef6d3.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    content: "";
    height: 16px;
    left: 10px;
    margin-left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px
}

button.mfp-arrow-right {
    left: auto;
    right: 0
}

button.mfp-arrow-right:before {
    left: auto
}

button.mfp-arrow-right:after {
    left: auto;
    right: 10px;
    transform: rotate(180deg)
}

.scroll-to-top {
    background-color: hsla(0, 0%, 100%, .2);
    background-image: url(../images/48622cf873439040efc1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #c6d8e7;
    border-radius: 50%;
    bottom: 115px;
    cursor: pointer;
    height: 59px;
    opacity: 0;
    position: fixed;
    right: 35px;
    transition: all .2s ease;
    visibility: hidden;
    width: 59px;
    z-index: 1000
}

.scroll-to-top.scroll-to-top_shown {
    opacity: 1;
    visibility: visible
}

.scroll-to-top:hover {
    opacity: .7
}

@media screen and (max-width:1320px) {
    .scroll-to-top {
        background-size: 16px 13px;
        bottom: 157px;
        height: 50px;
        right: 15px;
        width: 50px
    }
}

@media screen and (max-width:767px) {
    .scroll-to-top {
        bottom: 50px;
        left: 15px;
        right: auto
    }
}

[data-js=tooltip-button] {
    cursor: pointer
}

[data-js=tooltip-html] {
    display: none
}

.tippy-tooltip.light-theme {
    background-color: #fff;
    border: 1px solid #e0e3e4;
    box-shadow: 0 10px 29px rgba(70, 81, 86, .18);
    font-size: 14px
}

[data-js-tooltip=arrow] {
    height: 14px;
    position: absolute;
    width: 30px
}

[data-js-tooltip=arrow]:before {
    left: 1px;
    top: 1px;
    z-index: 1
}

[data-js-tooltip=arrow]:after,
[data-js-tooltip=arrow]:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

[data-js-tooltip=arrow]:after {
    z-index: 0
}

.tippy-arrow {
    position: absolute
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    height: 14px;
    top: -14px;
    width: 30px
}

.tippy-popper[x-placement^=bottom] [data-js-tooltip=arrow] {
    left: -7px;
    top: -1px
}

.tippy-popper[x-placement^=bottom] [data-js-tooltip=arrow]:before {
    border-color: transparent transparent #fff;
    border-width: 0 15px 14px
}

.tippy-popper[x-placement^=bottom] [data-js-tooltip=arrow]:after {
    border-color: transparent transparent #e0e3e4;
    border-width: 0 16px 15px
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    bottom: -14px;
    height: 14px;
    width: 30px
}

.tippy-popper[x-placement^=top] [data-js-tooltip=arrow] {
    bottom: 0;
    left: -7px
}

.tippy-popper[x-placement^=top] [data-js-tooltip=arrow]:before {
    border-color: #fff transparent transparent;
    border-width: 14px 15px 0;
    top: 0
}

.tippy-popper[x-placement^=top] [data-js-tooltip=arrow]:after {
    border-color: #e0e3e4 transparent transparent;
    border-width: 15px 16px 0
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    height: 30px;
    width: 14px
}

.tippy-popper[x-placement^=left] [data-js-tooltip=arrow] {
    height: 30px;
    top: -7px;
    width: 14px
}

.tippy-popper[x-placement^=left] [data-js-tooltip=arrow]:before {
    border-color: transparent transparent transparent #fff;
    border-width: 15px 0 15px 14px;
    left: 0
}

.tippy-popper[x-placement^=left] [data-js-tooltip=arrow]:after {
    border-color: transparent transparent transparent #e0e3e4;
    border-width: 16px 0 16px 15px
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    height: 30px;
    width: 14px
}

.tippy-popper[x-placement^=right] [data-js-tooltip=arrow] {
    height: 30px;
    top: -7px;
    width: 14px
}

.tippy-popper[x-placement^=right] [data-js-tooltip=arrow]:before {
    border-color: transparent #fff transparent transparent;
    border-width: 15px 14px 15px 0;
    right: -1px;
    top: 0
}

.tippy-popper[x-placement^=right] [data-js-tooltip=arrow]:after {
    border-color: transparent #e0e3e4 transparent transparent;
    border-width: 15px 14px 15px 0
}

.tippy-tooltip {
    padding: 20px 60px 20px 30px !important;
    position: relative;
    text-align: left
}

[data-js-tooltip=close] {
    cursor: pointer;
    height: 14px;
    pointer-events: all;
    position: absolute;
    right: 23px;
    top: 23px;
    width: 14px
}

[data-js-tooltip=close]>svg {
    left: 0;
    position: absolute;
    top: 0
}

[data-js-tooltip=close]>svg path {
    transition: fill .2s ease-out
}

[data-js-tooltip=close]:hover>svg path {
    fill: #8e9799;
    transition: fill .2s ease-out
}

.tooltip {
    text-align: left
}

.tooltip__title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
    max-width: 260px
}

.tooltip__text {
    color: #989ca6;
    font-size: 14px;
    line-height: 26px
}

.tooltip__li-right {
    float: right;
    padding-left: 20px
}

@media screen and (max-width:767px) {
    .tooltip__title {
        max-width: 100%
    }

    .tippy-tooltip {
        padding-bottom: 20px !important;
        padding-left: 20px !important
    }

    .tippy-popper[data-html] {
        max-width: calc(100% - 10px)
    }

    .tooltip__li-right {
        display: block;
        float: none;
        padding-left: 0
    }
}

@media screen and (max-width:470px) {
    .tooltip__text br {
        display: none
    }

    .tippy-tooltip {
        padding-right: 45px !important
    }
}

.form__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.form__row>* {
    flex: 0 1 50%;
    padding-left: 10px;
    padding-right: 10px
}

.form__row_triple>* {
    flex-basis: 33.33%
}

.form__row_triple .form__policy {
    margin-top: 0
}

.form__group.error label {
    color: red
}

.form__group.error .input,
.form__group.error label {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both
}

.form__group.error .input {
    border-color: red
}

.form__group .error {
    bottom: 3px;
    color: red;
    font-size: 12px;
    position: absolute;
    right: 40px
}

.form__group_phone .error-text {
    color: red;
    font-size: 14px;
    line-height: 17px;
    margin-top: 8px;
    text-align: left;
    visibility: hidden
}

.input_phone_check {
    display: none !important
}

textarea {
    resize: none
}

.form__flex {
    display: flex;
    margin-top: 22px
}

.form__flex .form__group {
    margin-right: 20px;
    max-width: 370px;
    width: 100%
}

.form__flex .button_submit {
    margin-top: 0;
    max-width: 370px
}

.underline {
    border-bottom: 1px dashed;
    transition: border .2s ease
}

.underline:hover {
    border-bottom: 1px solid transparent
}

@media screen and (max-width:1320px) {
    .form__flex {
        margin-top: 18px
    }

    .form__flex .button_submit {
        max-width: 290px
    }
}

@media screen and (max-width:1023px) {
    .form__flex {
        margin-top: 13px
    }

    .form__flex .form__group {
        margin-right: 14px;
        max-width: 189px
    }

    .form__flex .form__group:nth-child(2) {
        margin-right: 0;
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .form__flex {
        flex-wrap: wrap
    }

    .form__flex .form__group {
        margin-right: 0;
        max-width: 100%
    }

    .form__flex .input {
        height: 60px
    }

    .form__flex>* {
        flex-basis: 100% !important
    }

    .form__flex .button_submit {
        height: 60px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 17px;
        max-width: 242px
    }
}

[data-js=tabs-nav] {
    position: relative;
    z-index: 1
}

[data-js=tabs-nav]>* {
    color: #5a6263;
    font-size: 16px;
    line-height: 16px;
    transition: color .2s ease-in-out
}

[data-js=tabs-nav]>.active,
[data-js=tabs-nav]>:hover {
    color: #364344
}

[data-js=tabs-content] {
    position: relative;
    z-index: 2
}

[data-js=tabs-content]>* {
    display: none
}

[data-js=tabs-content]>.active {
    display: block
}

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

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

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

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

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

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

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

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

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

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

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.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 {
    -webkit-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

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

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

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    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-left: 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-top: var(--swiper-centered-offset-before)
}

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: rotate(1turn)
    }
}

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

[data-js-quiz=radio] {
    -webkit-user-select: none;
    user-select: none
}

.cookie {
    background-color: #efefef;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10
}

.cookie__grid {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 0
}

.cookie__text {
    color: #8a8a8a;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-right: 20px
}

.cookie__text a {
    border-bottom: 1px dashed #8a8a8a;
    transition: .2s ease
}

.cookie__text a:hover {
    border-bottom: 1px dashed transparent
}

.cookie__buttons-wrapper {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.cookie__btn-agree {
    border: 1px solid #8a8a8a;
    border-radius: 5px;
    color: #8a8a8a;
    padding: 10px 13px
}

@media screen and (max-width:1023px) {

    .cookie__buttons-wrapper,
    .cookie__text {
        font-size: 14px
    }

    .cookie__btn-agree {
        padding: 7px 15px
    }
}

@media screen and (max-width:767px) {
    .cookie__grid {
        padding: 5px 0
    }

    .cookie__buttons-wrapper,
    .cookie__text {
        font-size: 12px
    }

    .cookie__btn-agree {
        padding: 5px 12px
    }
}

.modal.modal-policy-default {
    max-width: 1200px;
    padding: 0
}

.modal.modal-policy-default .mfp-close {
    align-items: center;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border: 0 !important;
    color: #333 !important;
    cursor: pointer !important;
    display: flex;
    font-size: 28px !important;
    justify-content: center;
    padding: 0 !important;
    position: absolute !important;
    right: 10px !important;
    text-align: center !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    top: 10px !important
}

.modal.modal-policy-default .mfp-close:after,
.modal.modal-policy-default .mfp-close:before {
    content: normal !important
}

.modal.modal-policy-default .mfp-close:focus,
.modal.modal-policy-default .mfp-close:hover {
    opacity: .7 !important
}

.modal.modal-policy-default .modal__wrapper {
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    padding: 50px
}

.modal.modal-policy-default .modal-policy-default__title {
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px
}

.modal.modal-policy-default .modal-policy-default__text {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 0
}

.modal.modal-policy-default .modal-policy-default__text:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1320px) {
    .modal.modal-policy-default {
        max-width: 960px
    }

    .modal.modal-policy-default .modal__wrapper {
        padding: 40px
    }

    .modal.modal-policy-default .modal-policy-default__title {
        font-size: 27px
    }

    .modal.modal-policy-default .modal-policy-default__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal-policy-default {
        max-width: 720px
    }
}

@media screen and (max-width:767px) {
    .modal.modal-policy-default {
        max-width: 400px
    }

    .modal.modal-policy-default .modal__wrapper {
        padding: 20px
    }

    .modal.modal-policy-default .modal-policy-default__title {
        font-size: 22px;
        margin-bottom: 15px;
        max-width: 300px
    }

    .modal.modal-policy-default .modal-policy-default__text {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

.discount-duration {
    background-color: #e2eeff;
    border-radius: 20px;
    box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .08);
    font-size: 14px;
    font-style: italic;
    padding: 4px 10px;
    width: -webkit-fit-content;
    width: fit-content
}

.discount-duration span {
    color: #bd3625;
    font-weight: 500
}

.map-loader {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.map-loader svg {
    animation: rotate_loader 2s linear infinite;
    height: 150px;
    margin: auto;
    position: relative;
    width: 150px;
    stroke: #83a7ff;
    stroke: var(--second_color);
    transform-origin: center center
}

.map-loader svg circle {
    animation: dash_loader 1.5s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    background: #fff;
    color: #fff
}

@keyframes rotate_loader {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash_loader {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

.social {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 38px;
    width: 38px
}

.social_vk {
    background-image: url(../images/4823423e0a6d9dfa3ef7.svg)
}

.social_tg {
    background-image: url(../images/e82ea6da640fa5c6aa99.svg)
}

.social_yt {
    background-image: url(../images/3845e684a7cf15e3e727.svg)
}

.social_ok {
    background-image: url(../images/3590bf2b7107c6082291.svg)
}

.social_ig {
    background-image: url(../images/68b0b00061a2e4fdf0c4.svg)
}

.social_fb {
    background-image: url(../images/c179603397142271ae10.svg)
}

.animate-pulse {
    align-items: center;
    background-color: initial;
    border-radius: 50%;
    display: grid;
    flex-shrink: 0;
    height: 23px;
    justify-items: center;
    place-items: center;
    position: relative;
    width: 23px
}

.animate-pulse:after,
.animate-pulse:before {
    background-color: initial;
    border-radius: 50%;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.animate-pulse:before {
    animation: pulse-small 1.5s ease-in-out infinite alternate
}

.animate-pulse:after {
    animation: pulse 1.5s ease-in-out 1s infinite alternate
}

@keyframes pulse-small {
    to {
        opacity: .4;
        transform: scale(1.35)
    }
}

.animate-rotate-text {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1
}

.animate-rotate-text,
.animate-rt__inner-image {
    background: 0 0;
    border-radius: 50%;
    height: 120px;
    width: 120px
}

.animate-rt__inner-image {
    background-size: cover;
    position: absolute
}

.animate-rt__content {
    animation: rotate-circle 15s linear infinite;
    height: 100%;
    position: absolute;
    width: 100%
}

.animate-rt__content-item {
    left: 50%;
    position: absolute;
    text-transform: lowercase;
    transform-origin: 0 100px
}

@keyframes rotate-circle {
    to {
        transform: rotate(1turn)
    }
}

[data-js-animate=change-text-wrapper] {
    display: none;
    transition: width .8s ease
}

.animate-change-text {
    animation: changeText 2s infinite alternate;
    flex-shrink: 0
}

@keyframes changeText {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate-marquee {
    column-gap: 20px;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.animate-marquee.start .animate-marquee-content {
    animation: marquee 13s linear infinite
}

.animate-marquee.start .animate-marquee-content.animate-marquee-no_gap {
    animation: marquee-no-gap 13s linear infinite
}

.animate-marquee.start .animate-marquee-content.reverse {
    animation-direction: reverse
}

.animate-marquee [data-js-module=chunk] {
    column-gap: 20px;
    display: flex
}

.animate-marquee-content {
    min-width: 100%
}

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

    to {
        transform: translateX(calc(-100% - 20px))
    }
}

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

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

.animate-rotate {
    animation: rotate 3s linear infinite
}

@keyframes rotate {
    0% {
        transform: rotate(-4deg)
    }

    25% {
        transform: rotate(-6deg)
    }

    50% {
        transform: rotate(-4deg)
    }

    75% {
        transform: rotate(-2deg)
    }

    to {
        transform: rotate(-4deg)
    }
}

.animate-jump_start {
    opacity: 0;
    position: relative
}

.animate-jump {
    animation: jump .5s linear;
    animation-fill-mode: forwards
}

@keyframes jump {
    0% {
        top: 40px
    }

    70% {
        opacity: 0
    }

    to {
        opacity: 1;
        top: 0
    }
}

.map__route-button {
    background-color: #fff;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    padding: 0 4px 1px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.map__route-button:hover {
    color: #c00
}

#snow {
    z-index: 50
}

#snow.snow_hide {
    display: none
}

#snow>* {
    max-width: 56px;
    pointer-events: none;
    z-index: 10
}

.snowflake-button {
    align-items: center;
    border-radius: 50%;
    bottom: 180px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .09);
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    opacity: 0;
    position: fixed;
    right: 38px;
    transition: all .2s ease-out;
    -webkit-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 50px;
    z-index: 100
}

.snowflake-button.show {
    opacity: 1;
    visibility: visible
}

.snowflake-button .snowflake-btn_stop {
    display: none;
    position: relative;
    z-index: 0
}

.snowflake-button .snowflake-btn {
    display: block;
    position: relative;
    z-index: 0
}

.snowflake-button.snowflake-button_stop .snowflake-btn_stop {
    display: block
}

.snowflake-button.snowflake-button_stop .snowflake-btn {
    display: none
}

@media screen and (max-width:1320px) {
    .snowflake-button {
        bottom: 90px;
        height: 50px;
        right: 15px;
        width: 50px
    }
}

@media screen and (max-width:767px) {
    .snowflake-button {
        bottom: 110px;
        left: 15px;
        right: auto
    }
}

body {
    background-color: #fff;
    color: #484848;
    color: var(--text_color);
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

body.menu-opened {
    overflow: hidden
}

main,
section {
    position: relative
}

b {
    color: inherit
}

li {
    list-style-type: none
}

button {
    border: none
}

.row {
    max-width: 1313px
}

.little {
    text-transform: lowercase
}

.big {
    text-transform: uppercase
}

.accent {
    color: #2e63e5;
    color: var(--accent_color)
}

.prefix-line {
    position: relative
}

.prefix-line:after {
    background-color: #777;
    content: "";
    display: block;
    height: 1px;
    left: -10px;
    position: absolute;
    top: 15px;
    transform: translateX(-100%);
    width: 35px
}

.caption-shadow {
    position: relative
}

.caption-shadow:after {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .065) 60.69%, rgba(0, 0, 0, .54) 79.87%, rgba(0, 0, 0, .54));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.caption-text {
    color: #fff;
    color: var(--text_color_light);
    font-family: Caveat, sans-serif;
    font-size: 21.7px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 19px;
    max-width: 165px
}

.detail-svg {
    position: relative
}

.detail-svg:after {
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    left: -26px;
    position: absolute;
    top: 3px;
    width: 18px
}

#chunk-modal .mfp-close {
    font-size: 28px;
    top: 80px
}

.phone {
    color: #495058;
    color: var(--text_color_gray);
    font-family: Unbounded, sans-serif;
    font-style: normal;
    font-weight: 400;
    transition: color .2s linear
}

.phone:hover {
    color: #cb5874;
    color: var(--accent_color_second)
}

@media screen and (max-width:1320px) {
    body {
        font-size: 18px;
        line-height: 26px
    }

    .row {
        padding: 0 47px
    }
}

@media screen and (max-width:1023px) {
    body {
        font-size: 16px;
        line-height: 24px
    }

    .row {
        padding: 0 21px
    }
}

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

    .row {
        padding: 0 15px
    }
}

.slick-arrow {
    align-items: center;
    background-color: initial;
    border: 2px solid #cb5874;
    border: 2px solid var(--accent_color_second);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 85px;
    min-width: 85px;
    position: relative;
    width: 85px
}

.slick-arrow:after {
    background-image: url(../images/d032f28a9af1a73e15b8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    width: 46px
}

.slick-arrow.prev:after {
    right: -13px;
    transform: none;
    transition: right .2s linear, transform .2s linear
}

.slick-arrow.next:after {
    left: -12px;
    transform: scale(-1);
    transition: left .2s linear, transform .2s linear
}

.slick-dots {
    align-items: center;
    display: flex;
    justify-content: center
}

.slick-dots li {
    height: -webkit-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.slick-dots li:not(:first-child) {
    margin-left: 6px
}

.slick-dots li button {
    background-color: #d7d7d7;
    border-radius: 50%;
    color: transparent;
    display: flex;
    font-size: 0;
    height: 7px;
    max-width: 7px;
    min-width: 7px;
    padding: 0;
    transition: background-color .2s linear
}

.slick-dots li.slick-active button {
    background-color: #cb5874;
    background-color: var(--accent_color_second)
}

@media screen and (min-width:1320px) {
    .slick-arrow.prev:hover:after {
        right: 50%;
        transform: translateX(50%)
    }

    .slick-arrow.prev:active:after {
        right: -13px;
        transform: none
    }

    .slick-arrow.next:hover:after {
        left: 50%;
        transform: scale(-1) translateX(50%)
    }

    .slick-arrow.next:active:after {
        left: -12px;
        transform: scale(-1)
    }
}

@media screen and (max-width:1320px) {
    .slick-arrow {
        height: 61px;
        min-width: 61px;
        width: 61px
    }

    .slick-arrow:after {
        height: 21px;
        width: 33px
    }

    .slick-arrow.prev:after {
        right: -8px;
        transition: right .15s linear, transform .15s linear
    }

    .slick-arrow.prev:active:after {
        right: 50% !important;
        transform: translateX(50%)
    }

    .slick-arrow.next:after {
        left: -8px;
        transition: left .15s linear, transform .15s linear
    }

    .slick-arrow.next:active:after {
        left: 50% !important;
        transform: scale(-1) translateX(50%)
    }
}

@media screen and (max-width:1023px) {
    .slick-arrow {
        height: 51px;
        min-width: 51px;
        width: 51px
    }

    .slick-arrow:after {
        height: 18px;
        width: 28px
    }

    .slick-arrow.prev:after {
        right: -6px
    }

    .slick-arrow.next:after {
        left: -6px
    }
}

form {
    display: flex;
    flex-direction: column
}

.form__group {
    position: relative;
    width: 100%
}

.form__group.focused .input::-webkit-input-placeholder {
    color: #202020;
    color: var(--h_color)
}

.form__group.focused .input::placeholder {
    color: #202020;
    color: var(--h_color)
}

.form__group.focused .input+label {
    display: none
}

.form__group:hover:not(.focused) .input::-webkit-input-placeholder {
    color: #202020;
    color: var(--h_color)
}

.form__group:hover:not(.focused) .input::placeholder {
    color: #202020;
    color: var(--h_color)
}

.form__group:hover .input+label {
    display: none
}

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

.form__group.error .input::-webkit-input-placeholder {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    color: red
}

.form__group.error .input::placeholder {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    color: red
}

.form__group.error .input+label {
    display: none !important
}

.input {
    background-color: #f1f5ff;
    background-color: var(--bg);
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    color: #202020;
    color: var(--h_color);
    height: 100%;
    padding: 0 0 0 10px;
    text-align: left;
    max-width: 276px;
    width: 100%;
    height: 39px;
    margin-bottom: 5px;

}

.input,
.input+label {
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.input+label {
    color: #939393;
    left: 50%;
    letter-spacing: .01em;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: max-content
}

.input::-webkit-input-placeholder {
    color: transparent;
    display: none;
    font-family: Inter, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    letter-spacing: .01em;
    line-height: inherit;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.input::placeholder {
    color: transparent;
    display: none;
    font-family: Inter, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    letter-spacing: .01em;
    line-height: inherit;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.input:placeholder-shown {
    height: 39px;
    margin-bottom: 5px;
}

.confirm {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.checkbox {
    margin-right: 10px;
}

label p {
    font-size: 11px;
    color: #fff;
    line-height: 1.25em;
}
label p a {
    padding: 0 3px;
    font-size: 9px;
}
@keyframes shake {

    10%,
    90% {
        margin-left: -1px
    }

    20%,
    80% {
        margin-left: 2px
    }

    30%,
    50%,
    70% {
        margin-left: -4px
    }

    40%,
    60% {
        margin-left: 4px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-style: normal;
    font-weight: 400
}

.accent-box {
    background-color: #f0f4ff;
    background-color: var(--accent_box_bg);
    background-image: repeating-linear-gradient(180deg, #9ebaff, #9ebaff 8px, transparent 0, transparent 16px, #9ebaff 0), repeating-linear-gradient(270deg, #9ebaff, #9ebaff 8px, transparent 0, transparent 16px, #9ebaff 0), repeating-linear-gradient(0deg, #9ebaff, #9ebaff 8px, transparent 0, transparent 16px, #9ebaff 0), repeating-linear-gradient(90deg, #9ebaff, #9ebaff 8px, transparent 0, transparent 16px, #9ebaff 0);
    background-image: repeating-linear-gradient(180deg, var(--accent_box_border), var(--accent_box_border) 8px, transparent 8px, transparent 16px, var(--accent_box_border) 16px), repeating-linear-gradient(270deg, var(--accent_box_border), var(--accent_box_border) 8px, transparent 8px, transparent 16px, var(--accent_box_border) 16px), repeating-linear-gradient(0deg, var(--accent_box_border), var(--accent_box_border) 8px, transparent 8px, transparent 16px, var(--accent_box_border) 16px), repeating-linear-gradient(90deg, var(--accent_box_border), var(--accent_box_border) 8px, transparent 8px, transparent 16px, var(--accent_box_border) 16px);
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
    border-radius: 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 2.5px 8px
}

.h1 {
    font-size: 37px
}

.h1,
.h2 {
    line-height: 62px
}

.h2 {
    font-size: 42px
}

@media screen and (max-width:1320px) {

    .h1,
    .h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media screen and (max-width:1023px) {
    .h1 {
        font-size: 25px;
        line-height: 35px
    }

    .accent-box {
        background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
        border-radius: 2px
    }

    .h2 {
        font-size: 25px;
        line-height: 35px
    }
}

@media screen and (max-width:767px) {
    .h1 {
        font-size: 23px
    }

    .h1,
    .h2 {
        line-height: 32px
    }

    .h2 {
        font-size: 22px
    }

    .accent-box {
        background-image: repeating-linear-gradient(180deg, #9ebaff, #9ebaff 4px, transparent 0, transparent 8px, #9ebaff 0), repeating-linear-gradient(270deg, #9ebaff, #9ebaff 4px, transparent 0, transparent 8px, #9ebaff 0), repeating-linear-gradient(0deg, #9ebaff, #9ebaff 4px, transparent 0, transparent 8px, #9ebaff 0), repeating-linear-gradient(90deg, #9ebaff, #9ebaff 4px, transparent 0, transparent 8px, #9ebaff 0);
        background-image: repeating-linear-gradient(180deg, var(--accent_box_border), var(--accent_box_border) 4px, transparent 4px, transparent 8px, var(--accent_box_border) 8px), repeating-linear-gradient(270deg, var(--accent_box_border), var(--accent_box_border) 4px, transparent 4px, transparent 8px, var(--accent_box_border) 8px), repeating-linear-gradient(0deg, var(--accent_box_border), var(--accent_box_border) 4px, transparent 4px, transparent 8px, var(--accent_box_border) 8px), repeating-linear-gradient(90deg, var(--accent_box_border), var(--accent_box_border) 4px, transparent 4px, transparent 8px, var(--accent_box_border) 8px)
    }
}

.btn {
    background-color: #cb5874;
    background-color: var(--third_color);
    color: #fff;
    color: var(--text_color_light);
    cursor: pointer;
    position: relative
}

.btn.btn_play {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 80px;
    justify-content: center;
    min-width: 80px;
    width: 80px
}

.btn.btn_play:after {
    border: 1px solid #cb5874;
    border: 1px solid var(--third_color);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 94px;
    position: absolute;
    transition: transform .2s linear;
    width: 94px;
    z-index: 2
}

.btn.btn_play span {
    background-image: url(../images/08e25fa59c145387976b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    margin-left: 5px;
    width: 20px;
    z-index: 3
}

.btn.btn_play:hover:after {
    transform: scale(1.06)
}

.btn.btn_click {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 170px;
    justify-content: center;
    width: 170px
}

.btn.btn_click>span {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 24px;
    margin-top: -14px;
    text-align: center
}

.btn.btn_click>span:before {
    animation: pulse 2s ease-in infinite;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 37.5px;
    content: "";
    height: 10px;
    left: calc(50% - 12.2px);
    opacity: 0;
    position: absolute;
    width: 10px
}

.btn.btn_click:after {
    background-image: url(../images/47012cbcc002870e73e4.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 22px !important;
    content: "";
    display: block;
    height: 34px !important;
    left: auto !important;
    position: absolute;
    right: auto !important;
    top: auto !important;
    width: 32px !important
}

.btn.btn_click.loading>span:after,
.btn.btn_click.loading>span:before {
    display: none
}

.btn.btn_click-alternate {
    border-radius: 2px;
    height: 62px;
    padding: 0;
    width: 256px
}

.btn.btn_click-alternate.loading span {
    display: none
}

.btn.btn_click-alternate>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.btn.btn_click-alternate span {
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 18px;
    text-align: center
}

.btn.btn_back {
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 2px;
    height: 50px;
    opacity: 1;
    padding: 0;
    transition: opacity .2s linear;
    width: 118px
}

.btn.btn_back span:not([data-js-module=chunk]) {
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 18px;
    padding-left: 16px;
    position: relative;
    top: -2px
}

.btn.btn_back span:not([data-js-module=chunk]):after {
    background-image: url(../images/b8e910a45571fdbe0ca9.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    left: -1px;
    position: absolute;
    top: 55%;
    transform: translateY(-50%) scaleX(-1);
    width: 10px
}

.btn.btn_back[disabled] {
    opacity: .5;
    pointer-events: none
}

.btn.btn_forward {
    border-radius: 2px;
    height: 50px;
    padding: 0;
    width: 118px
}

.btn.btn_forward span:not([data-js-module=chunk]) {
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 18px;
    padding-right: 16px;
    position: relative;
    top: -2px
}

.btn.btn_forward span:not([data-js-module=chunk]):after {
    background-image: url(../images/b8e910a45571fdbe0ca9.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: -1px;
    top: 55%;
    transform: translateY(-50%);
    width: 10px
}

.btn.btn_forward[disabled] {
    opacity: .5;
    pointer-events: none
}

.btn.btn_submit {
    border-radius: 2px;
    height: 100%;
    width: 100%
}

.btn.btn_submit span {
    color: #fff;
    color: var(--text_color_light);
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 18px
}

.btn.btn_blick {
    overflow: hidden
}

.btn.btn_blick:before {
    animation: blick 5s infinite;
    background: linear-gradient(270deg, transparent, #fff 40%, #fff 60%, transparent);
    content: "";
    -webkit-filter: blur;
    filter: blur;
    height: 200%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transform: translate(-100%, -25%) rotate(10deg);
    width: 100%
}

.btn.btn_blick-alt div {
    overflow: hidden
}

.btn.btn_blick-alt div:after {
    animation: blick 5s infinite;
    background: linear-gradient(270deg, transparent, #fff 40%, #fff 60%, transparent);
    content: "";
    -webkit-filter: blur;
    filter: blur;
    height: 200%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transform: translate(-100%, -25%) rotate(10deg);
    width: 100%
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes blick {
    0% {
        transform: translate(-100%, -25%) rotate(10deg)
    }

    20% {
        transform: translate(100%, -25%) rotate(10deg)
    }

    to {
        transform: translate(100%, -25%) rotate(10deg)
    }
}

@media screen and (max-width:1320px) {
    .btn.btn_click {
        height: 125px;
        width: 125px
    }

    .btn.btn_click>span {
        font-size: 15px;
        line-height: 18px;
        margin-top: -10px
    }

    .btn.btn_click>span:before {
        bottom: 28px;
        height: 8px;
        left: calc(50% - 9.2px);
        width: 8px
    }

    .btn.btn_click:after {
        bottom: 16px !important;
        height: 26px !important;
        width: 26px !important
    }

    .btn.btn_play {
        height: 55px;
        min-width: 55px;
        width: 55px
    }

    .btn.btn_play:after {
        height: 66px;
        width: 66px
    }

    .btn.btn_play span {
        height: 13px;
        margin-left: 2px;
        width: 13px
    }

    .btn.btn_play:hover:after {
        height: 72px;
        width: 72px
    }
}

@media screen and (max-width:1023px) {
    .btn.btn_play {
        height: 53px;
        min-width: 53px;
        width: 53px
    }

    .btn.btn_play:after {
        height: 63px;
        width: 63px
    }

    .btn.btn_play span {
        height: 12px;
        margin-left: 1.5px;
        width: 12px
    }

    .btn.btn_play:hover:after {
        height: 70px;
        width: 70px
    }
}

.link {
    color: #2e63e5;
    color: var(--accent_color);
    font-family: Unbounded, sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.link:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.link:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.social {
    background: #f3f3f3;
    background: var(--bg_light);
    border-radius: 5px;
    display: block;
    height: 44px;
    position: relative;
    transition: background-color .2s linear;
    width: 44px
}

.social:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.social.social_vk:after {
    background-image: url(../images/b4d1e4aaa5d33e4881ef.svg)
}

.social.social_vk.social_vk-white:after {
    background-image: url(../images/26971334020ed9a470e5.svg)
}

.social.social_yt:after {
    background-image: url(../images/7597b4e2205c44c0f8a6.svg)
}

.social.social_yt.social_yt-white:after {
    background-image: url(../images/d75be58ba714269bb11f.svg)
}

.social.social_ok:after {
    background-image: url(../images/d37d8f9c780832108720.svg)
}

.social.social_ok.social_ok-white:after {
    background-image: url(../images/314bce467c1d3a420fdb.svg)
}

.social.social_tg:after {
    background-image: url(../images/9c055daf997592063b1b.svg)
}

.social.social_tg.social_tg-white:after {
    background-image: url(../images/26ca9fd127db1198dc45.svg)
}

.social:hover {
    background-color: #e5e5e5;
    background-color: var(--soc_hover_bg)
}

.scroll-to-top {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border: none;
    border-radius: 5px;
    height: 55px;
    width: 55px
}

@media screen and (max-width:1320px) {
    .scroll-to-top {
        bottom: 125px
    }
}

@media screen and (max-width:1023px) {
    .scroll-to-top {
        bottom: 100px
    }
}

@media screen and (max-width:767px) {
    .scroll-to-top {
        bottom: 60px;
        left: auto;
        right: 15px
    }
}

.mfp-bg {
    background-color: #2e2a26
}

.mfp-wrap .mfp-arrow {
    align-items: center;
    background-color: #cb5874;
    background-color: var(--third_color);
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    min-width: 54px;
    width: 54px
}

.mfp-wrap .mfp-arrow:after {
    position: absolute
}

.mfp-wrap .mfp-arrow.mfp-arrow-left:after {
    left: 17px
}

.mfp-wrap .mfp-arrow.mfp-arrow-right:after {
    right: 17px
}

.mfp-gallery .mfp-container.mfp-image-holder {
    left: 50%;
    max-width: 1158px;
    padding: 0;
    transform: translateX(-50%)
}

.mfp-gallery .mfp-container.mfp-image-holder .mfp-close,
.mfp_image-popup .mfp-container .mfp-close {
    top: 34px
}

.mfp-close-btn-in button.mfp-close,
button.mfp-close {
    align-items: center;
    background-color: initial;
    background-image: url(../images/b24d9c61aebffb464c48.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    color: transparent;
    display: flex;
    font-size: 0;
    height: 24px;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 0;
    top: -16px;
    transform: translateY(-100%);
    width: 24px
}

@media screen and (max-width:1320px) {
    .mfp-wrap .mfp-arrow {
        height: 43px;
        min-width: 43px;
        transform: none !important;
        width: 43px
    }

    .mfp-wrap .mfp-arrow:after {
        height: 17px;
        width: 28px
    }

    .mfp-wrap .mfp-arrow.mfp-arrow-left:after {
        left: 7px
    }

    .mfp-wrap .mfp-arrow.mfp-arrow-right:after {
        right: 7px
    }

    .mfp-gallery .mfp-container.mfp-image-holder {
        max-width: 930px
    }
}

@media screen and (max-width:1023px) {
    .mfp-gallery .mfp-container.mfp-image-holder {
        max-width: 730px
    }

    .mfp-gallery .mfp-container.mfp-image-holder .mfp-content {
        max-width: 544px
    }

    .mfp-gallery .mfp-container.mfp-image-holder .mfp-content .mfp-figure {
        position: relative
    }

    .mfp-gallery .mfp-container.mfp-image-holder .mfp-close {
        display: block;
        top: 0;
        transform: none
    }
}

@media screen and (max-width:767px) {
    .mfp-gallery .mfp-container.mfp-image-holder {
        max-width: 100vw
    }

    .mfp-gallery .mfp-container.mfp-image-holder .mfp-content {
        max-width: 500px;
        width: -webkit-fit-content;
        width: fit-content
    }

    .mfp-gallery .mfp-container.mfp-image-holder .mfp-content .mfp-figure {
        position: relative
    }

    .mfp-gallery .mfp-container.mfp-image-holder .mfp-close {
        display: block;
        top: 0;
        transform: none
    }
}

.compare-slider {
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: opacity .1s ease
}

.compare-slider img {
    display: block;
    max-width: none;
    width: 100%
}

.compare-slider .resize {
    border-right: 4px solid #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%
}

.compare-slider .resize .resize-overlay {
    background: #444c54;
    height: 100%;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100%
}

.compare-slider.initialized {
    opacity: 1
}

.handle {
    bottom: 24px;
    cursor: e-resize;
    height: 14px;
    margin-left: 1px;
    padding-left: 22px;
    padding-right: 25px;
    z-index: 8
}

.handle,
.handle:before {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.handle:before {
    background-image: url(../images/35627f494bd2e9bd3242.svg);
    background-size: cover;
    content: "";
    height: 24px;
    top: -39px;
    width: 172px
}

.handle-icon {
    background-color: #fff;
    border-radius: 2px;
    bottom: 62px;
    display: block;
    height: 69px;
    position: relative;
    width: 20px
}

@media screen and (max-width:1023px) {
    .handle-icon {
        bottom: 55px;
        height: 64px
    }

    .handle:before {
        height: 20px;
        top: -34px;
        transform: translateX(-52%);
        width: 159px
    }
}

@media screen and (max-width:767px) {
    .handle-icon {
        bottom: 7px;
        height: 31px;
        width: 10px
    }

    .handle {
        padding-left: 19px
    }

    .handle:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 26px;
        top: -5px;
        transform: translateX(-53%);
        width: 77px
    }
}

.about {
    background-color: #f3f3f3;
    background-color: var(--bg_light)
}

.about__inner {
    display: flex
}

.about__left {
    display: flex;
    margin-right: 161px
}

.about__video {
    display: flex;
    position: relative
}

.about__preview {
    min-width: 543px;
    position: relative;
    width: 543px
}

.about__caption {
    bottom: 0;
    padding: 30px 30px 38px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.about__btn-wrapper {
    display: flex;
    margin-bottom: 31px;
    margin-left: -2px
}

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

.about__doctor {
    display: flex;
    flex-direction: column;
    max-width: 197px;
    width: 197px
}

.about__doctor__name {
    color: #fff;
    color: var(--text_color_light);
    display: inline-block;
    font-family: Caveat, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative
}

.about__doctor__name:after {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 10px;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: -3px;
    position: absolute;
    width: 95%
}

.about__doctor__prof {
    color: #fff;
    color: var(--text_color_light);
    font-size: 16px;
    line-height: 19px;
    opacity: .7
}

.about__right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.about__right .h2 {
    margin-bottom: 33px
}

.about__subtitle {
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 24px;
    margin-left: 45px;
    max-width: 510px
}

.about__subtitle.prefix-line:after {
    top: 18px
}

.about__partners-text {
    margin-bottom: 12px;
    margin-top: 22px
}

.about__partners {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px
}

.about__partners>img {
    border-radius: 5px;
    margin-right: 16px;
    width: 195px
}

@media screen and (max-width:1320px) {
    .about .row {
        padding-left: 0
    }

    .about__left {
        margin-right: 81px
    }

    .about__preview {
        min-width: 444px;
        width: 444px
    }

    .about__caption {
        padding: 30px 36.5px 43.5px 49px
    }

    .about__btn-wrapper {
        margin-bottom: 20px;
        margin-left: 0
    }

    .about__btn-wrapper .btn.btn_play {
        margin-bottom: 4px;
        margin-left: 2px
    }

    .about__doctor {
        max-width: 171px;
        width: 171px
    }

    .about__doctor__name {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 4px;
        padding-bottom: 3px
    }

    .about__doctor__name:after {
        left: 0;
        width: 99%
    }

    .about__doctor__prof {
        font-size: 15px;
        line-height: 18px
    }

    .about__right {
        margin-top: 5px
    }

    .about__right .h2 {
        margin-bottom: 38px
    }

    .about__subtitle {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 18px
    }

    .about__partners-text {
        margin-bottom: 13px;
        margin-top: 25px
    }

    .about__partners {
        margin-right: -12px
    }

    .about__partners>img {
        margin-right: 12px;
        width: 149px
    }
}

@media screen and (max-width:1023px) {
    .about .row {
        padding-right: 5px
    }

    .about__left {
        margin-right: 55px
    }

    .about__preview {
        min-width: 350px;
        width: 350px
    }

    .about__caption {
        padding: 30px 10px 32px 21px
    }

    .about__btn-wrapper {
        margin-bottom: 17px;
        margin-left: 5px
    }

    .about__btn-wrapper .btn.btn_play {
        margin-bottom: 0;
        margin-left: 0
    }

    .about__btn-wrapper .btn.btn_play span {
        height: 13px;
        margin-left: 3px;
        margin-top: 2px;
        width: 13px
    }

    .about__doctors {
        justify-content: flex-start
    }

    .about__doctor {
        max-width: 161px;
        width: 161px
    }

    .about__doctor:nth-child(2) {
        margin-left: -5px
    }

    .about__doctor__name {
        font-size: 18px;
        line-height: 22.5px;
        margin-bottom: 9px;
        padding-bottom: 0
    }

    .about__doctor__name:after {
        bottom: -1px;
        width: 89%
    }

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

    .about__right {
        margin-top: 4px
    }

    .about__right .h2 {
        line-height: 32px;
        margin-bottom: 23px
    }

    .about__subtitle {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px
    }

    .about__subtitle.prefix-line:after {
        top: 13px
    }

    .about__partners-text {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 12px;
        margin-top: 9px
    }

    .about__partners {
        margin-right: -11px
    }

    .about__partners>img {
        margin-right: 11px;
        width: 132px
    }
}

@media screen and (max-width:767px) {
    .about {
        border-radius: 20px;
        padding-top: 61px
    }

    .about .row {
        padding-right: 0
    }

    .about__inner {
        flex-direction: column
    }

    .about__left {
        margin-right: 0;
        order: 2
    }

    .about__video {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        min-width: auto;
        width: 100%
    }

    .about__preview {
        max-width: 100%;
        width: 100%
    }

    .about__caption {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        padding: 21px 15px 28px
    }

    .about__btn-wrapper {
        margin-bottom: 18px;
        margin-left: 5px
    }

    .about__btn-wrapper .btn.btn_play {
        margin-bottom: 0;
        margin-left: 0;
        position: absolute;
        right: 20px;
        top: 21px
    }

    .about__doctors {
        justify-content: space-around
    }

    .about__doctor {
        max-width: 161px;
        width: 161px
    }

    .about__doctor:nth-child(2) {
        margin-left: 11px
    }

    .about__doctor__name {
        font-size: 20px;
        line-height: 25.2px;
        max-width: 130px
    }

    .about__doctor__name:after {
        bottom: -1px;
        width: 89%
    }

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

    .about__right {
        margin-bottom: 43px;
        margin-top: 0;
        order: 1;
        padding-left: 15px;
        padding-right: 15px
    }

    .about__right .h2 {
        font-size: 22px;
        margin-bottom: 10px;
        order: 1
    }

    .about__subtitle {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 9px;
        margin-left: 16px;
        max-width: none;
        order: 2
    }

    .about__subtitle.prefix-line:after {
        left: -12px;
        top: 10px;
        width: 27px
    }

    .about__subtitle.about__subtitle_second {
        order: 3
    }

    .about__partners-text {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 1px;
        margin-left: 17px;
        margin-top: 12px;
        order: 5
    }

    .about__partners {
        margin-left: 16px;
        margin-right: -10px;
        margin-top: 11px;
        order: 4
    }

    .about__partners>img {
        margin-right: 10px;
        width: 120px
    }
}

.warranty {
    background-color: #2f3132;
    background-color: var(--bg_dark);
    padding-top: 120px
}

.warranty .h2 {
    color: #fff;
    color: var(--text_color_light);
    margin-bottom: auto;
    margin-top: 50px
}

.warranty__inner {
    display: flex
}

.warranty__left {
    display: flex;
    flex-direction: column
}

.warranty__quote {
    color: #fff;
    color: var(--text_color_light);
    margin-bottom: 166px;
    margin-left: auto;
    margin-right: 9px;
    max-width: 500px;
    position: relative
}

.warranty__quote:after {
    background-image: url(../images/111b7b270134a7b98c32.svg);
    bottom: -106px;
    height: 119px;
    right: 62px;
    width: 139px
}

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

.warranty__quote:before {
    background-image: url(../images/6f433901138f2d84629e.svg);
    height: 42px;
    left: -24px;
    top: -21px;
    width: 56px
}

.warranty__right {
    display: flex
}

.warranty__right .h2 {
    display: none
}

.warranty__photo {
    border-radius: 2px;
    margin-left: 74px;
    min-width: 634px;
    overflow: hidden;
    width: 634px
}

.warranty__photo>img {
    width: 100%
}

@media screen and (max-width:1320px) {
    .warranty {
        padding-top: 90px
    }

    .warranty .row {
        padding-right: 0
    }

    .warranty .h2 {
        margin-left: 3px;
        margin-top: 0
    }

    .warranty__quote {
        margin-bottom: 112px;
        margin-right: 10px;
        max-width: 365px
    }

    .warranty__quote:after {
        bottom: -51px;
        height: 92px;
        right: -26px;
        width: 107px
    }

    .warranty__photo {
        margin-left: 69px;
        min-width: 463px;
        width: 463px
    }
}

@media screen and (max-width:1023px) {
    .warranty {
        padding-top: 70px
    }

    .warranty .h2 {
        margin-left: 0;
        margin-top: 16px
    }

    .warranty__quote {
        margin-bottom: 57px;
        margin-right: 8px;
        max-width: 330px
    }

    .warranty__quote:after {
        bottom: -31px;
        height: 63px;
        right: 3px;
        width: 73.5px
    }

    .warranty__photo {
        margin-left: 13px;
        min-width: 349px;
        width: 349px
    }
}

@media screen and (max-width:767px) {
    .warranty {
        padding-bottom: 106px
    }

    .warranty .row {
        padding: 0
    }

    .warranty .h2 {
        margin-bottom: 30px;
        margin-left: 15px;
        margin-top: 0
    }

    .warranty__inner {
        flex-direction: column
    }

    .warranty__left {
        order: 2
    }

    .warranty__left .h2 {
        display: none
    }

    .warranty__quote {
        margin: 53px 11px 0 31px;
        max-width: 100%
    }

    .warranty__quote:after {
        bottom: -44px;
        right: 8.5px
    }

    .warranty__right {
        flex-direction: column;
        order: 1
    }

    .warranty__right .h2 {
        display: inline
    }

    .warranty__photo {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        min-width: auto;
        width: 100%
    }
}

.education {
    background-color: #f1f5ff;
    background-color: var(--bg);
    border-radius: 0 0 20px 20px;
    padding-bottom: 120px;
    padding-top: 101px
}

.education .h2 {
    margin-bottom: 41px;
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    text-align: center
}

.education__inner {
    display: flex
}

.education__left {
    display: flex;
    flex-direction: column;
    margin-top: 82px;
    max-width: 580px
}

.education__left .education__row__text-wrapper {
    display: none
}

.education__left__text {
    margin-bottom: 44px
}

.education__left__img {
    border-radius: 2px;
    min-width: 565px;
    overflow: hidden;
    width: 565px
}

.education__left__img>img {
    width: 100%
}

.education__right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: 113px
}

.education__row {
    display: flex;
    width: 100%
}

.education__row.education__row_top {
    z-index: 1
}

.education__row.education__row_top .education__row__img {
    min-width: 333px;
    width: 333px
}

.education__row.education__row_top .education__row__img>img {
    border-radius: 2px;
    width: 100%
}

.education__row.education__row_bottom {
    margin-top: -38px;
    z-index: 2
}

.education__row.education__row_bottom .education__row__img {
    min-width: 372px;
    width: 372px
}

.education__row.education__row_bottom .education__row__img>img {
    width: 100%
}

.education__row.education__row_bottom .education__row__text {
    margin-left: auto;
    margin-right: 25px;
    margin-top: 100px;
    max-width: 200px
}

.education__row__text {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px
}

.education__row__text.prefix-line:after {
    top: 17px;
    width: 27px
}

@media screen and (max-width:1320px) {
    .education {
        border-radius: 20px;
        margin-top: -23px;
        padding-bottom: 89px;
        padding-top: 76px;
        z-index: 2
    }

    .education .h2 {
        left: -18px;
        margin-bottom: 50px;
        max-width: 680px;
        position: relative
    }

    .education .row {
        padding-right: 0
    }

    .education__left {
        flex-grow: 1;
        margin-top: 0;
        max-width: none
    }

    .education__left__text {
        margin-bottom: 23px
    }

    .education__left__img {
        min-width: 445px;
        width: 445px
    }

    .education__right {
        flex-grow: 0;
        margin-left: 55px;
        min-width: 477px;
        width: 477px
    }

    .education__row.education__row_top .education__row__img {
        min-width: 270px;
        width: 270px
    }

    .education__row.education__row_bottom {
        margin-top: -26px
    }

    .education__row.education__row_bottom .education__row__img {
        min-width: 270px;
        width: 270px
    }

    .education__row.education__row_bottom .education__row__text {
        margin-right: 12px;
        margin-top: 120px;
        max-width: 170px
    }

    .education__row__text {
        font-size: 20px;
        line-height: 25px
    }

    .education__row__text.prefix-line:after {
        top: 12px;
        width: 35px
    }
}

@media screen and (max-width:1023px) {
    .education {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 71px;
        padding-top: 58px
    }

    .education .h2 {
        left: auto;
        margin-bottom: 30px;
        max-width: 570px
    }

    .education .row {
        padding-right: 21px
    }

    .education__left {
        flex-grow: 0
    }

    .education__left__text {
        margin-bottom: 14px;
        max-width: 330px
    }

    .education__left__img {
        min-width: 398px;
        width: 398px
    }

    .education__right {
        flex-grow: 1;
        margin-left: 58px;
        margin-top: 17px;
        min-width: 270px;
        width: auto
    }

    .education__row {
        justify-content: center
    }

    .education__row.education__row_bottom {
        margin-top: 38px;
        position: relative
    }

    .education__row.education__row_bottom .education__row__text {
        bottom: 23px;
        left: -33px;
        margin-right: 0;
        margin-top: 0;
        max-width: 240px;
        position: absolute;
        transform: translateX(-100%)
    }

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

@media screen and (max-width:767px) {
    .education {
        border-radius: 20px;
        margin-top: -33px;
        padding-bottom: 70px;
        padding-top: 68px
    }

    .education .h2 {
        left: auto;
        margin-bottom: 35px;
        margin-left: 4px;
        margin-right: 0;
        max-width: none;
        text-align: left
    }

    .education .row {
        padding: 0 15px
    }

    .education__inner {
        flex-direction: column
    }

    .education__left .education__row__text-wrapper {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        max-width: 500px;
        width: 100%
    }

    .education__left .education__row__text-wrapper .education__row__text {
        margin-left: auto;
        margin-right: -4px;
        max-width: 240px
    }

    .education__left__text {
        margin-bottom: 34px;
        margin-left: 16px;
        max-width: none
    }

    .education__left__img {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        min-width: auto;
        width: 100%
    }

    .education__right {
        margin-left: 0;
        margin-top: 29px;
        min-width: auto;
        width: 100%
    }

    .education__row {
        justify-content: flex-start;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%
    }

    .education__row.education__row_top .education__row__img {
        min-width: auto;
        width: 75.7%
    }

    .education__row.education__row_bottom {
        margin-top: -20px
    }

    .education__row.education__row_bottom .education__row__img {
        margin-left: auto;
        min-width: auto;
        width: 75.7%
    }

    .education__row.education__row_bottom .education__row__text {
        display: none
    }

    .education__row__text {
        line-height: 23px
    }

    .education__row__text.prefix-line:after {
        top: 8px;
        width: 27px
    }
}

.brekety {
    padding-bottom: 129px;
    padding-top: 149px
}

.brekety__inner {
    display: grid;
    grid-template-areas: "brekety__title-block brekety__video-block""brekety__sert        brekety__video-block""brekety__sert        brekety__plates""brekety__sert        brekety__plates";
    grid-column-gap: 125px;
    column-gap: 125px
}

.brekety__title-block {
    display: flex;
    flex-direction: column;
    grid-area: brekety__title-block;
    max-width: 650px
}

.brekety__title-block .h2 {
    margin-bottom: 37px;
    margin-left: -6px
}

.brekety__title-block .h2 .accent-box {
    left: -4px;
    margin-right: 9px;
    padding: 2.5px 0 .5px 4px;
    position: relative;
    top: 3px
}

.brekety__title-block .h2 .accent-box>span {
    bottom: 4px;
    display: inline-flex;
    left: 2px;
    position: relative
}

.brekety__sub {
    margin-left: -3px;
    max-width: 500px
}

.brekety__sert {
    display: flex;
    flex-direction: column;
    grid-area: brekety__sert
}

.brekety__img,
.brekety__sert {
    position: relative
}

.brekety__img__first {
    height: auto;
    left: -145px;
    max-width: 543px;
    min-width: 543px;
    position: relative;
    top: 40px;
    z-index: 2
}

.brekety__img__second {
    max-width: 402px;
    min-width: 402px;
    position: absolute;
    right: 70px;
    top: 37px;
    z-index: 1
}

.brekety__sert__caption {
    bottom: 56px;
    display: flex;
    flex-direction: column;
    max-width: 450px;
    position: absolute;
    right: -31px;
    z-index: 101
}

.brekety__sert__title {
    color: #202020;
    font-family: Unbounded, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 30px
}

.brekety__sert__text {
    max-width: 320px
}

.brekety__video-block {
    grid-area: brekety__video-block;
    height: -webkit-fit-content;
    height: fit-content;
    min-width: 546px;
    position: relative;
    width: 546px
}

.brekety__video {
    border-radius: 5px;
    margin-left: auto;
    overflow: hidden;
    position: relative
}

.brekety__video img,
.brekety__video>video {
    display: block;
    width: 100%
}

.brekety__caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 29px 31px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.brekety__caption .btn.btn_play {
    margin-right: 24px
}

.brekety__video__text {
    color: #fff;
    color: var(--text_color_light);
    font-family: Caveat, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 19px;
    max-width: 160px
}

.brekety__plates {
    display: flex;
    flex-direction: column;
    grid-area: brekety__plates;
    margin-top: auto;
    max-width: 546px;
    min-width: 546px;
    padding-bottom: 14px
}

.brekety__plate {
    background-color: #f1f5ff;
    background-color: var(--bg);
    border-radius: 5px;
    display: flex;
    padding: 45px 40px 42px 46px
}

.brekety__plate:not(:last-child) {
    margin-bottom: 27px
}

.brekety__plate:nth-child(2) {
    padding-bottom: 35px;
    padding-top: 36px
}

.brekety__plate:nth-child(2) .brekety__plate__inner {
    padding-top: 7px
}

.brekety__plate__num {
    align-items: center;
    border: 1px solid #83a7ff;
    border: 1px solid var(--accent_color_third);
    border-radius: 50%;
    display: flex;
    font-family: Unbounded, sans-serif;
    font-style: normal;
    font-weight: 400;
    height: 101px;
    justify-content: center;
    min-width: 101px;
    position: relative;
    width: 101px
}

.brekety__plate__num:after {
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 18px
}

.brekety__plate__num>span {
    color: #83a7ff;
    color: var(--accent_color_third);
    font-size: 43px;
    line-height: 1
}

.brekety__plate__inner {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.brekety__plate__title {
    color: #202020;
    color: var(--h_color);
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 14px
}

.brekety__plate__text {
    color: #202020;
    color: var(--h_color);
    font-size: 18px;
    line-height: 23px
}

@media screen and (max-width:1320px) {
    .brekety {
        padding-bottom: 60px;
        padding-top: 90px
    }

    .brekety__inner {
        column-gap: 46px
    }

    .brekety__title-block {
        max-width: 450px
    }

    .brekety__title-block .h2 {
        margin-bottom: 31px;
        margin-left: 0
    }

    .brekety__title-block .h2 .accent-box {
        left: -6px;
        margin-right: 1px;
        padding: 2.5px 0 3px 7px;
        top: 0
    }

    .brekety__title-block .h2 .accent-box>span {
        bottom: 0;
        left: -1px
    }

    .brekety__sub {
        margin-left: 0;
        max-width: 400px
    }

    .brekety__img {
        left: -2px
    }

    .brekety__img__first {
        left: -140px;
        max-width: 498px;
        min-width: 498px;
        top: 38px
    }

    .brekety__img__second {
        max-width: 300px;
        min-width: 300px;
        right: 18px;
        top: 55px
    }

    .brekety__sert__caption {
        bottom: 61px;
        max-width: 340px;
        right: 17px
    }

    .brekety__sert__title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 23px
    }

    .brekety__sert__title.prefix-line:after {
        left: -13px;
        top: 12px
    }

    .brekety__sert__text {
        max-width: 270px
    }

    .brekety__video-block {
        max-width: 388px;
        min-width: 388px;
        width: 388px
    }

    .brekety__video {
        border-radius: 2px;
        min-width: 435.5px;
        right: 1px;
        width: 435.5px
    }

    .brekety__caption {
        padding: 0 20px 30px
    }

    .brekety__caption .btn.btn_play {
        margin-right: 20px;
        width: 56px
    }

    .brekety__caption .btn.btn_play:after {
        height: 66px;
        width: 66px
    }

    .brekety__plates {
        max-width: 388px;
        min-width: 388px;
        padding-bottom: 30px;
        position: relative;
        right: 2px
    }

    .brekety__plate {
        padding: 35px 30px 45px 27px
    }

    .brekety__plate:not(:last-child) {
        margin-bottom: 14px
    }

    .brekety__plate:nth-child(2) {
        padding-bottom: 39px;
        padding-top: 42px
    }

    .brekety__plate:nth-child(2) .brekety__plate__inner {
        padding-top: 0
    }

    .brekety__plate__num {
        height: 91px;
        min-width: 91px;
        width: 91px
    }

    .brekety__plate__num:after {
        left: 5px;
        top: 4px
    }

    .brekety__plate__num>span {
        font-size: 38px
    }

    .brekety__plate__inner {
        margin-left: 19px
    }

    .brekety__plate__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .brekety__plate__text {
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width:1023px) {
    .brekety {
        padding-bottom: 70px;
        padding-top: 70px
    }

    .brekety__inner {
        column-gap: 15px
    }

    .brekety__title-block {
        max-width: 420px
    }

    .brekety__title-block .h2 {
        margin-bottom: 32px;
        margin-left: -1px;
        margin-top: 13px
    }

    .brekety__title-block .h2 .accent-box {
        left: -6px;
        margin-right: 1px;
        padding: 0 0 0 6px;
        top: 0
    }

    .brekety__title-block .h2 .accent-box>span {
        bottom: 0;
        left: 0
    }

    .brekety__sub {
        margin-left: 0;
        max-width: 360px
    }

    .brekety__img__first {
        left: -98px;
        max-width: 389px;
        min-width: 389px;
        top: 44px
    }

    .brekety__img__second {
        max-width: 252px;
        min-width: 252px;
        right: 0;
        top: 61px
    }

    .brekety__sert__caption {
        bottom: 21px;
        max-width: 230px;
        right: 5px
    }

    .brekety__sert__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 19px
    }

    .brekety__sert__title.prefix-line:after {
        top: 11px
    }

    .brekety__sert__text {
        font-size: 16px;
        line-height: 26px;
        max-width: 230px
    }

    .brekety__video-block {
        max-width: 315px
    }

    .brekety__video,
    .brekety__video-block {
        min-width: 315px;
        width: 315px
    }

    .brekety__caption {
        padding: 0 20px 17px
    }

    .brekety__caption .btn.btn_play {
        margin-right: 13px;
        width: 53px
    }

    .brekety__caption .btn.btn_play span {
        height: 13px;
        margin-left: 3.5px;
        margin-top: 2px;
        width: 13px
    }

    .brekety__caption .btn.btn_play:after {
        height: 63px;
        width: 63px
    }

    .brekety__plates {
        max-width: 316px;
        min-width: 316px;
        padding-bottom: 2px
    }

    .brekety__plate {
        padding: 35px 17px 38px
    }

    .brekety__plate:not(:last-child) {
        margin-bottom: 7px
    }

    .brekety__plate:nth-child(2) {
        padding-bottom: 44px
    }

    .brekety__plate__inner {
        margin-left: 29px
    }

    .brekety__plate__title {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 13px
    }

    .brekety__plate__text {
        font-size: 15px;
        line-height: 18px
    }
}

@media screen and (max-width:767px) {
    .brekety {
        padding-bottom: 85px;
        padding-top: 70px
    }

    .brekety__inner {
        column-gap: 0;
        display: flex;
        flex-direction: column
    }

    .brekety__title-block {
        margin-bottom: 36px;
        max-width: 100%;
        order: 1
    }

    .brekety__title-block .h2 {
        margin-bottom: 35px;
        margin-left: 0;
        margin-top: 0
    }

    .brekety__title-block .h2 .accent-box {
        left: -5px;
        margin-right: -1px;
        padding: 3px 2px 3px 5px;
        top: 1px
    }

    .brekety__title-block .h2 .accent-box>span {
        bottom: 1px
    }

    .brekety__sub {
        margin-left: 16px;
        max-width: calc(100% - 30px)
    }

    .brekety__sert {
        order: 4
    }

    .brekety__img {
        margin-left: auto;
        margin-right: auto;
        width: -webkit-fit-content;
        width: fit-content
    }

    .brekety__img__first {
        left: -80px;
        max-width: 315px;
        min-width: 315px;
        top: 40px
    }

    .brekety__img__second {
        max-width: 235px;
        min-width: 235px;
        right: -22px;
        top: 37px
    }

    .brekety__sert__caption {
        bottom: -8px;
        max-width: 210px;
        right: -12px
    }

    .brekety__sert__title {
        line-height: 23px;
        margin-bottom: 11px
    }

    .brekety__sert__text {
        line-height: 22px;
        max-width: 210px
    }

    .brekety__video-block {
        margin-bottom: 32px;
        margin-left: -15px;
        margin-right: -15px;
        max-width: calc(100% + 30px);
        min-width: calc(100% + 30px);
        order: 2;
        width: calc(100% + 30px)
    }

    .brekety__video {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        min-width: auto;
        width: 100%
    }

    .brekety__caption {
        padding: 0 20px 20px
    }

    .brekety__plates {
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px;
        max-width: none;
        min-width: auto;
        order: 3;
        padding-bottom: 0;
        width: calc(100% + 30px)
    }

    .brekety__plate {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        padding: 34px 20px 34px 15px;
        width: 100%
    }

    .brekety__plate:not(:last-child) {
        margin-bottom: 6px
    }

    .brekety__plate:nth-child(2) {
        padding-bottom: 37px;
        padding-top: 34px
    }

    .brekety__plate:nth-child(2) .brekety__plate__inner {
        padding-top: 6px
    }

    .brekety__plate__num {
        height: 101px;
        min-width: 101px;
        width: 101px
    }

    .brekety__plate__num>span {
        font-size: 43px
    }

    .brekety__plate__inner {
        margin-left: 20px
    }

    .brekety__plate__title {
        margin-bottom: 16px
    }

    .brekety__plate__text,
    .brekety__plate__title {
        font-size: 18px;
        line-height: 22px
    }
}

.duration {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 20px;
    margin-top: -13px;
    padding-bottom: 120px;
    padding-top: 108px
}

.duration__inner {
    display: flex
}

.duration__left {
    margin-right: 120px;
    min-width: 585px;
    position: relative;
    width: 585px
}

.duration__left .duration__text,
.duration__left .h2 {
    display: none
}

.duration__img-wrapper {
    margin-top: 13px;
    position: relative
}

.duration__img {
    border-radius: 2px;
    height: -webkit-fit-content;
    height: fit-content;
    overflow: hidden;
    width: 100%
}

.duration__img>img {
    width: 100%
}

.duration__caption {
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 2px;
    bottom: -111px;
    display: flex;
    left: 0;
    padding: 30px 28px 29px 18px;
    position: absolute;
    width: 506px
}

.duration__caption>i {
    align-items: center;
    background-color: #fff;
    background-color: var(--bg_white);
    border-radius: 50%;
    color: #83a7ff;
    color: var(--accent_color_third);
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 300;
    height: 54px;
    justify-content: center;
    line-height: 63px;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.duration__caption>div {
    color: #fff;
    color: var(--text_color_light);
    font-size: 18px;
    line-height: 24px
}

.duration__right {
    display: flex;
    flex-direction: column
}

.duration__right .h2 {
    margin-bottom: 40px
}

.duration__text {
    max-width: 500px
}

.duration__video {
    display: flex;
    margin-top: 56px;
    position: relative;
    width: 100%
}

.duration__video__inner {
    border-radius: 2px;
    display: flex;
    height: 328px;
    max-width: 402px;
    overflow: hidden;
    width: 402px
}

.duration__video__caption {
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 2px;
    bottom: 0;
    display: flex;
    padding: 32px 28px 33px 16px;
    position: absolute;
    right: 0;
    width: 360px
}

.duration__video__caption>i {
    background-image: url(../images/26387fff9dff64bd7ff7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 18px;
    margin-right: 10px;
    margin-top: 7px;
    min-width: 18px;
    width: 18px
}

.duration__video__caption>div {
    color: #fff;
    color: var(--text_color_light);
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width:1320px) {
    .duration {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 125px;
        padding-top: 81px
    }

    .duration .row {
        padding-left: 0
    }

    .duration__left {
        margin-right: 79px;
        min-width: 446px;
        width: 446px
    }

    .duration__img-wrapper {
        margin-top: 9px
    }

    .duration__caption {
        bottom: -95px;
        left: auto;
        padding: 24px 18px;
        right: 0;
        width: 399px
    }

    .duration__caption>div {
        font-size: 16px
    }

    .duration__right .h2 {
        margin-bottom: 22px;
        max-width: 430px
    }

    .duration__text {
        max-width: 450px
    }

    .duration__video {
        margin-top: 32px
    }

    .duration__video__inner {
        height: 281px;
        max-width: 343px;
        width: 343px
    }

    .duration__video__caption {
        bottom: -35px;
        left: 0;
        padding: 23px 20px 25px 16px;
        right: auto;
        width: 381px
    }

    .duration__video__caption>i {
        margin-top: 6px
    }

    .duration__video__caption>div {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .duration {
        padding-bottom: 95px;
        padding-top: 60px
    }

    .duration .row {
        padding-left: 21px
    }

    .duration__left {
        margin-right: 22px;
        min-width: 362px;
        width: 362px
    }

    .duration__img-wrapper {
        margin-top: 16px
    }

    .duration__img {
        max-width: 294px
    }

    .duration__caption {
        bottom: 2px;
        padding: 23px 16px 21px 14px;
        position: relative;
        right: auto;
        width: 362px
    }

    .duration__caption>i {
        margin-right: 11px
    }

    .duration__caption>div {
        font-size: 15px;
        line-height: 22px
    }

    .duration__right .h2 {
        margin-bottom: 32px;
        max-width: none
    }

    .duration__text {
        max-width: none
    }

    .duration__video {
        margin-top: 21px
    }

    .duration__video__caption {
        bottom: -25px;
        left: -42px;
        padding: 23px 12px 23px 16px;
        width: 353px
    }

    .duration__video__caption>div {
        font-size: 15px;
        line-height: 22px
    }
}

@media screen and (max-width:767px) {
    .duration {
        border-radius: 20px;
        margin-top: -10px;
        padding-bottom: 80px;
        padding-top: 67px
    }

    .duration .row {
        padding-left: 15px
    }

    .duration__inner {
        flex-direction: column
    }

    .duration__left {
        margin-right: 0;
        min-width: auto;
        width: 100%
    }

    .duration__left .h2 {
        display: inline-block;
        margin-bottom: 35px
    }

    .duration__left .duration__text {
        display: block;
        margin-left: 16px
    }

    .duration__img-wrapper {
        margin-top: 35px
    }

    .duration__img {
        max-width: 500px
    }

    .duration__caption {
        background-color: #fff;
        background-color: var(--bg_white);
        bottom: 29px;
        margin-left: -15px;
        max-width: 500px;
        padding: 34px 15px 36px;
        position: relative;
        right: auto;
        width: calc(100% + 30px)
    }

    .duration__caption>i {
        background-color: #83a7ff;
        background-color: var(--second_color);
        color: #fff;
        color: var(--text_color_light);
        margin-right: 12px
    }

    .duration__caption>div {
        color: #484848;
        color: var(--text_color);
        font-size: 16px
    }

    .duration__right {
        background-color: #f3f3f3;
        background-color: var(--bg_light);
        padding-top: 13px;
        width: 100%
    }

    .duration__right .duration__text,
    .duration__right .h2 {
        display: none
    }

    .duration__text {
        max-width: calc(100% - 30px)
    }

    .duration__video {
        flex-direction: column;
        margin-top: 0
    }

    .duration__video__inner {
        height: -webkit-fit-content;
        height: fit-content;
        max-width: 500px;
        width: 100%
    }

    .duration__video__caption {
        bottom: auto;
        left: auto;
        margin-left: -15px;
        max-width: 500px;
        padding: 36px 28px 35px 16px;
        position: relative;
        width: calc(100% + 30px)
    }

    .duration__video__caption>i {
        margin-top: 4px
    }

    .duration__video__caption>div {
        font-size: 16px
    }
}

.internship {
    background-color: #f1f5ff;
    background-color: var(--bg);
    border-radius: 20px;
    margin-top: -10px;
    padding-top: 348px
}

.internship .row {
    display: flex;
    flex-direction: column
}

.internship .h2 {
    margin-left: -3px
}

.internship__inner {
    display: flex;
    margin-top: 38px
}

.internship__right {
    margin-right: 98px;
    min-width: 413px;
    width: 413px
}

.internship__right>img {
    border-radius: 2px;
    margin-bottom: 91px;
    width: 100%
}

.internship__left {
    display: flex;
    flex-grow: 1
}

.internship__left>img {
    margin-left: auto;
    margin-top: auto;
    width: 428px
}

.internship__text {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    margin-top: 139px;
    max-width: 350px
}

.internship__text>p {
    margin-left: -5px
}

.internship__subtitle {
    font-family: Unbounded, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 28px
}

.internship__subtitle.prefix-line:after {
    left: -16px;
    top: 16px
}

@media screen and (max-width:1320px) {
    .internship {
        margin-top: -8px;
        padding-top: 327px
    }

    .internship .h2 {
        margin-left: 0
    }

    .internship__inner {
        display: flex;
        justify-content: center;
        margin-top: 37px
    }

    .internship__right {
        margin-right: 162px;
        min-width: 384px;
        width: 384px
    }

    .internship__right>img {
        margin-bottom: 0;
        margin-left: 0
    }

    .internship__left {
        flex-direction: column;
        flex-grow: 0;
        margin-left: 0;
        max-width: 384px;
        width: 384px
    }

    .internship__left>img {
        margin-top: 47px;
        width: 100%
    }

    .internship__text {
        margin-left: 47px;
        margin-top: -5px;
        max-width: 300px
    }

    .internship__text>p {
        margin-left: 0
    }

    .internship__subtitle {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 23px
    }

    .internship__subtitle.prefix-line:after {
        left: -12px;
        top: 12px
    }
}

@media screen and (max-width:1023px) {
    .internship {
        border-radius: 0;
        padding-bottom: 70px;
        padding-top: 205px
    }

    .internship .h2 {
        margin-left: 0
    }

    .internship__inner {
        margin-top: 38px
    }

    .internship__right {
        margin-right: 137px;
        min-width: 294px;
        width: 294px
    }

    .internship__right>img {
        margin-left: 0
    }

    .internship__left {
        max-width: 294px;
        width: 294px
    }

    .internship__left>img {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 28px
    }

    .internship__text {
        margin-left: 0;
        margin-top: -6px
    }

    .internship__subtitle {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 19px
    }

    .internship__subtitle.prefix-line:after {
        left: -12px;
        top: 12px
    }
}

@media screen and (max-width:767px) {
    .internship {
        border-radius: 20px;
        margin-top: -10px;
        padding-bottom: 74px;
        padding-top: 68px
    }

    .internship__inner {
        flex-direction: column;
        margin-top: 30px
    }

    .internship__right {
        margin-top: 46px;
        min-width: auto;
        order: 2
    }

    .internship__left,
    .internship__right {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%
    }

    .internship__left {
        order: 1
    }

    .internship__left>img {
        margin-top: 0;
        order: 1
    }

    .internship__text {
        margin-left: auto;
        margin-right: auto;
        margin-top: 57px;
        max-width: 228px;
        order: 2;
        padding-left: 35px
    }

    .internship__subtitle {
        line-height: 23px;
        margin-bottom: 11px
    }

    .internship__subtitle.prefix-line:after {
        left: -9px;
        top: 9px;
        width: 27px
    }
}

.banner {
    background-color: #2f3132;
    background-color: var(--bg_dark);
    padding-top: 20px
}

.banner.banner_alt-btn .banner__btn {
    display: flex
}

.banner__img,
.banner__inner {
    display: flex;
    position: relative
}

.banner__img {
    align-items: center;
    justify-content: center;
    margin-left: -100px;
    margin-right: 94px;
    min-width: 396px;
    width: 396px
}

.banner__img:after {
    background-image: url(../images/1b2c3aeb0f077524a857.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 370px;
    opacity: .8;
    position: absolute;
    right: 3px;
    top: -24px;
    transform: rotate(-9.82deg);
    width: 370px;
    z-index: 1
}

.banner__img>img {
    height: auto;
    margin-left: auto;
    margin-top: auto;
    position: relative;
    z-index: 2
}

.banner__info {
    display: flex;
    flex-direction: column;
    max-width: 545px;
    padding-top: 51px
}

.banner__info .h2,
.banner__text {
    color: #fff;
    color: var(--text_color_light)
}

.banner__text {
    margin-bottom: 50px;
    margin-top: 21px
}

.banner__btn {
    position: relative
}

.banner__btn:after {
    background-image: url(../images/ce09bfce9ee90340c7d7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 52px;
    position: absolute;
    right: 251px;
    top: calc(100% - 188px);
    transform: translateY(-50%) scaleY(-1) rotate(-34deg);
    width: 66px
}

.banner__btn .btn {
    margin-left: auto;
    margin-right: 36px;
    margin-top: 60px
}

.banner__btn .btn.btn_click-alternate {
    height: 62px;
    margin-bottom: 83px;
    margin-right: 0;
    margin-top: auto;
    width: 308px
}

@media screen and (max-width:1320px) {
    .banner {
        padding-top: 11.5px
    }

    .banner.banner_alt-btn .banner__btn:after {
        right: 177px;
        top: 45%
    }

    .banner__img {
        margin-left: -75px;
        margin-right: 45px;
        min-width: 285px;
        width: 285px
    }

    .banner__img:after {
        height: 300px;
        right: 15px;
        top: -15px;
        width: 300px
    }

    .banner__img>img {
        margin-right: 7px;
        max-width: 281px;
        width: 281px
    }

    .banner__info {
        max-width: 390px;
        padding-top: 62px
    }

    .banner__info:after {
        right: 240px;
        top: calc(100% - 175px)
    }

    .banner__text {
        font-size: 18px;
        line-height: 30px;
        margin-top: 15px
    }

    .banner__btn .btn {
        margin-right: 1px;
        margin-top: 73px
    }

    .banner__btn .btn.btn_click-alternate {
        height: 62px;
        margin-bottom: 63px;
        width: 274px
    }

    .banner__btn:after {
        right: 149px;
        top: 53%
    }
}

@media screen and (max-width:1023px) {
    .banner.banner_wrapper {
        padding-top: 16.5px
    }

    .banner.banner_wrapper.banner_alt-btn .banner__inner .banner__img,
    .banner.banner_wrapper.banner_alt-btn .banner__inner .banner__img>img {
        min-width: 360px;
        width: 360px
    }

    .banner.banner_alt-btn {
        padding-top: 52.5px
    }

    .banner.banner_alt-btn .banner__inner {
        display: grid;
        grid-template-areas: "picture info""picture button"
    }

    .banner.banner_alt-btn .banner__inner .banner__img {
        grid-area: picture;
        margin-left: -64px;
        min-width: 326px;
        width: 326px
    }

    .banner.banner_alt-btn .banner__inner .banner__img>img {
        min-width: 257px;
        width: 257px
    }

    .banner.banner_alt-btn .banner__inner .banner__info {
        grid-area: info;
        padding-top: 7px
    }

    .banner.banner_alt-btn .banner__inner .banner__btn {
        bottom: 62px;
        grid-area: button;
        max-width: 380px
    }

    .banner.banner_alt-btn .banner__inner .banner__btn:after {
        right: 0;
        transform: translateY(-50%) scaleY(-1) rotate(-137deg)
    }

    .banner.banner_alt-btn .banner__inner .banner__btn .btn {
        margin-left: 0
    }

    .banner.banner_alt-btn .banner__inner .banner__btn .btn.btn_click-alternate {
        margin-top: 30px
    }

    .banner__img {
        margin-left: -79px;
        min-width: 298px;
        width: 298px
    }

    .banner__img:after {
        height: 280px;
        width: 280px
    }

    .banner__img>img {
        max-width: 257px;
        width: 257px
    }

    .banner__info {
        max-width: 400px;
        padding-top: 43.5px
    }

    .banner__text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 36px
    }

    .banner__btn .btn {
        margin-right: 0;
        margin-top: 55.5px
    }

    .banner__btn .btn.btn_click-alternate {
        margin-bottom: 0
    }

    .banner__btn:after {
        right: 132px;
        top: 56%
    }
}

@media screen and (max-width:767px) {
    .banner {
        padding-top: 63px
    }

    .banner .row {
        padding-left: 15px
    }

    .banner.banner_alt-btn {
        padding-top: 62.5px
    }

    .banner.banner_alt-btn .banner__inner {
        grid-template-areas: "info""button""picture"
    }

    .banner.banner_alt-btn .banner__inner .banner__btn {
        margin-left: auto;
        margin-right: auto
    }

    .banner.banner_alt-btn .banner__inner .banner__btn .btn {
        margin-left: 0
    }

    .banner.banner_alt-btn .banner__img {
        margin-left: -62px;
        min-width: 286px;
        position: relative;
        width: 286px
    }

    .banner.banner_alt-btn .banner__img>img {
        min-width: 286px;
        width: 286px
    }

    .banner.banner_alt-btn .banner__info {
        margin-left: 0;
        padding-top: 0
    }

    .banner.banner_alt-btn .banner__btn {
        bottom: -24px;
        margin-bottom: 30px;
        position: relative;
        width: -webkit-fit-content;
        width: fit-content
    }

    .banner.banner_alt-btn .banner__btn:after {
        display: none
    }

    .banner__inner {
        flex-direction: column
    }

    .banner__img {
        bottom: 0;
        left: 0;
        margin-left: -61px;
        min-width: 286px;
        position: absolute;
        width: 286px
    }

    .banner__img:before {
        background-image: url(../images/ce09bfce9ee90340c7d7.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 52px;
        left: 258px;
        position: absolute;
        top: 13px;
        transform: translateY(-50%) scaleY(1) rotate(-34deg);
        width: 66px
    }

    .banner__img:after {
        right: 7px;
        top: 10px
    }

    .banner__img>img {
        margin-right: 0;
        max-width: 286px;
        width: 286px
    }

    .banner__info {
        margin-left: 0;
        max-width: none;
        padding-top: 0
    }

    .banner__text {
        line-height: 22px;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 21px;
        max-width: calc(100% - 120px)
    }

    .banner__btn .btn {
        margin-top: 57px
    }

    .banner__btn .btn.btn_click-alternate {
        margin: 0
    }

    .banner__btn:after {
        left: auto;
        right: 116px;
        top: 20px;
        transform: rotate(35deg)
    }
}

.banner-action {
    background-color: #2f3132;
    background-color: var(--bg_dark)
}

.banner-action .h2 {
    color: #fff;
    color: var(--bg_white);
    margin-top: 33px
}

.ba__grid {
    column-gap: 64px;
    display: flex;
    margin-right: -62px
}

.ba__content {
    max-width: 682px;
    padding-bottom: 92px;
    padding-top: 74px
}

.ba__description {
    color: #fff;
    color: var(--bg_white);
    font-size: 24px;
    line-height: 29px
}

.ba__title-price {
    color: #cb5874;
    color: var(--accent_color_second)
}

.ba__button-wrapper {
    align-items: center;
    column-gap: 42px;
    display: flex;
    margin-top: 35px
}

.ba__button-wrapper .btn {
    height: 78px;
    max-width: 412px;
    width: 100%
}

.ba__button-wrapper .btn .btn-text {
    font-size: 19px;
    line-height: 27px
}

.ba__offer {
    color: #fff;
    color: var(--bg_white);
    font-size: 20px;
    line-height: 24px
}

@media screen and (max-width:1320px) {
    .banner-action .h2 {
        margin-top: 35px
    }

    .ba__grid {
        margin-right: -47px
    }

    .ba__content {
        flex-grow: 1;
        max-width: 100%;
        padding-bottom: 89px;
        padding-top: 89px
    }

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

    .ba__button-wrapper {
        flex-direction: column;
        margin-top: 36px;
        max-width: 256px;
        row-gap: 21px
    }

    .ba__button-wrapper .btn {
        height: 62px
    }

    .ba__button-wrapper .btn .btn-text {
        font-size: 15px;
        line-height: 18px
    }

    .ba__image {
        flex-shrink: 0;
        max-width: 466px;
        min-height: 506px
    }

    .ba__image .image {
        height: 100%;
        object-fit: cover
    }
}

@media screen and (max-width:1023px) {
    .banner-action .h2 {
        line-height: 32px;
        margin-top: 40px
    }

    .ba__grid {
        column-gap: 53px;
        margin-right: -21px
    }

    .ba__content {
        padding-bottom: 66px;
        padding-top: 66px
    }

    .ba__description {
        font-size: 16px;
        line-height: 19px
    }

    .ba__button-wrapper {
        margin-top: 40px
    }

    .ba__offer {
        font-size: 16px;
        line-height: 19px
    }

    .ba__image {
        max-width: 350px;
        min-height: 429px
    }
}

@media screen and (max-width:767px) {
    .banner-action {
        padding-top: 47px
    }

    .banner-action .h2 {
        letter-spacing: -.4px;
        margin-top: 10px
    }

    .ba__content {
        padding-bottom: 0;
        padding-top: 0
    }

    .ba__grid {
        flex-direction: column;
        margin-right: 0;
        row-gap: 47px
    }

    .ba__description {
        font-size: 15px;
        line-height: 18px;
        padding-right: 140px
    }

    .ba__button-wrapper {
        margin-top: 28px;
        max-width: 330px
    }

    .ba__offer {
        font-size: 15px
    }

    .ba__image {
        align-self: center;
        margin-left: -15px;
        margin-right: -15px;
        max-width: 400px;
        min-height: auto
    }

    .ba__image .image {
        max-height: 231px
    }
}

.social-block {
    background-color: #f1f5ff;
    background-color: var(--bg);
    border-radius: 20px 20px 0 0;
    margin-top: -10px
}

.social-block>.social-block__text {
    display: none
}

.social-block__inner {
    display: flex
}

.social-block__inner>.social-block__links {
    display: none
}

.social-block__info {
    display: flex;
    flex-direction: column;
    max-width: 670px
}

.social-block__info .h2 {
    margin-bottom: 44px;
    margin-top: 106px
}

.social-block__link {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 59px
}

.social-block__links {
    display: flex
}

.social-block__links>.social {
    background-color: #83a7ff;
    background-color: var(--accent_color_third);
    border-radius: 50%;
    height: 68px;
    width: 68px
}

.social-block__links>.social:after {
    height: 40px;
    width: 40px
}

.social-block__links>.social:not(:last-child) {
    margin-right: 18px
}

.social-block__links>.social:hover {
    background-color: #2e63e5;
    background-color: var(--accent_color)
}

.social-block__text {
    color: #c5c5c5;
    color: var(--social_text_color);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    max-width: 310px
}

.social-block__video-block {
    flex-grow: 1;
    margin-left: 77px;
    min-height: 618px;
    position: relative
}

.social-block__video-wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 478px
}

.social-block__video-wrapper img {
    z-index: 2
}

.social-block__video-text {
    color: #484848;
    color: var(--text_color);
    font-family: Unbounded, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    left: -39px;
    line-height: 25px;
    position: absolute;
    top: 54.6%;
    transform: rotate(-90deg)
}

.social-block__phone {
    position: relative;
    width: 100%;
    z-index: 2
}

.social-block__video {
    border-radius: 20px;
    bottom: 70px;
    overflow: hidden;
    position: absolute;
    width: 263px;
    z-index: 1
}

@media screen and (max-width:1320px) {
    .social-block__info {
        margin-left: 1px;
        max-width: 520px
    }

    .social-block__info .h2 {
        margin-bottom: 32px
    }

    .social-block__link {
        margin-bottom: 68px
    }

    .social-block__video-block {
        margin-left: 0;
        min-height: 604px
    }

    .social-block__video-wrapper {
        bottom: 6px;
        right: -30px;
        width: 456px
    }

    .social-block__video-text {
        font-size: 18px;
        left: -30px;
        line-height: 22px;
        top: 51%
    }

    .social-block__video {
        bottom: 68px;
        margin-left: -2px;
        width: 251px
    }
}

@media screen and (max-width:1023px) {
    .social-block {
        border-radius: 0;
        margin-top: 0
    }

    .social-block__info {
        margin-left: 0;
        max-width: 430px
    }

    .social-block__info .h2 {
        margin-bottom: 39px;
        margin-top: 61px
    }

    .social-block__link {
        font-size: 18px;
        margin-bottom: 61px
    }

    .social-block__links>.social {
        height: 58px;
        width: 58px
    }

    .social-block__links>.social:after {
        height: 35px;
        width: 35px
    }

    .social-block__links>.social:not(:last-child) {
        margin-right: 15.5px
    }

    .social-block__video-block {
        flex-grow: 1;
        min-height: 447px
    }

    .social-block__video-wrapper {
        bottom: 8px;
        right: -18px;
        width: 355px
    }

    .social-block__video-text {
        font-size: 16px;
        left: -34px;
        line-height: 20px;
        top: 51.1%
    }

    .social-block__video {
        bottom: 52px;
        margin-left: -4px;
        width: 196px
    }
}

@media screen and (max-width:767px) {
    .social-block {
        background-color: #fff;
        background-color: var(--bg_white);
        border-radius: 0;
        margin-top: -9px;
        padding-bottom: 216px
    }

    .social-block>.social-block__text {
        display: block
    }

    .social-block>.row {
        background-color: #f1f5ff;
        background-color: var(--bg);
        border-radius: 20px
    }

    .social-block__inner {
        flex-direction: column;
        position: relative
    }

    .social-block__inner>.social-block__links {
        bottom: -146px;
        display: flex;
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }

    .social-block__info {
        margin-bottom: 32px;
        max-width: none
    }

    .social-block__info .h2 {
        margin-bottom: 10px;
        margin-top: 42px
    }

    .social-block__info .social-block__text {
        display: none
    }

    .social-block__link {
        font-size: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }

    .social-block__links {
        display: none
    }

    .social-block__text {
        margin-left: auto;
        margin-right: auto;
        margin-top: 28px;
        text-align: center
    }

    .social-block__video-block {
        margin-left: auto;
        margin-right: auto;
        min-height: 395px;
        width: 330px
    }

    .social-block__video-wrapper {
        bottom: -82px;
        left: -19px;
        right: auto;
        width: 363px
    }

    .social-block__video-text {
        bottom: 16px;
        left: 50%;
        top: auto;
        transform: translateX(-50%)
    }

    .social-block__video {
        bottom: 53px;
        margin-left: -2px;
        width: 200px
    }
}

.main-banner {
    background-color: #2f3132;
    background-color: var(--bg_dark);
    padding-bottom: 130px;
    padding-top: 115px
}

.main-banner .h2 {
    color: #fff;
    color: var(--text_color_light);
    grid-area: mb__h2;
    margin-bottom: 15px
}

.mb__inner {
    display: grid;
    grid-template-areas: "mb__img-wrapper mb__h2""mb__img-wrapper mb__content"
}

.mb__img-wrapper {
    display: flex;
    grid-area: mb__img-wrapper;
    margin-right: 82px
}

.mb__img {
    border-radius: 2px;
    overflow: hidden;
    width: 665px
}

.mb__img>img {
    width: 100%
}

.mb__content {
    color: #fff;
    color: var(--text_color_light);
    display: flex;
    flex-direction: column;
    grid-area: mb__content
}

.mb__text {
    margin-bottom: 49px;
    max-width: 500px
}

.mb__btn {
    display: flex;
    padding-left: 101px;
    position: relative
}

.mb__btn:before {
    background-image: url(../images/ce09bfce9ee90340c7d7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 52px;
    left: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 66px
}

@media screen and (max-width:1320px) {
    .main-banner {
        padding-bottom: 74px;
        padding-top: 91px
    }

    .main-banner .h2 {
        margin-bottom: 32px
    }

    .mb__img-wrapper {
        margin-left: 0;
        margin-right: 63px
    }

    .mb__img {
        width: 476px
    }

    .mb__text {
        margin-bottom: 41px;
        max-width: 380px
    }

    .mb__btn {
        padding-left: 91px
    }

    .mb__btn:before {
        left: 0
    }
}

@media screen and (max-width:1023px) {
    .main-banner {
        padding-bottom: 40px;
        padding-top: 70px
    }

    .main-banner .h2 {
        margin-bottom: 20px
    }

    .main-banner .row {
        padding-left: 0
    }

    .mb__img-wrapper {
        margin-left: 0;
        margin-right: 42px
    }

    .mb__img {
        width: 380px
    }

    .mb__text {
        margin-bottom: 20px;
        max-width: 330px
    }

    .mb__btn {
        padding-left: 90px
    }
}

@media screen and (max-width:767px) {
    .main-banner {
        padding-bottom: 68px;
        padding-top: 63px
    }

    .main-banner .h2 {
        margin-bottom: 22px
    }

    .main-banner .row {
        padding-left: 15px
    }

    .mb__inner {
        display: flex;
        flex-direction: column
    }

    .mb__img-wrapper {
        margin-left: -15px;
        margin-right: 0;
        width: calc(100% + 30px)
    }

    .mb__img {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%
    }

    .mb__content {
        margin-top: 28px
    }

    .mb__text {
        margin-bottom: 8px;
        margin-left: 16px;
        max-width: calc(100% - 40px)
    }

    .mb__btn {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        max-width: 256px;
        padding-left: 29px
    }

    .mb__btn:before {
        left: -40px
    }
}

.callback {
    background-color: #2f3132;
    background-color: var(--bg_dark);
    padding-bottom: 154px;
    padding-top: 72px
}

.callback__inner {
    display: flex
}

.callback__left {
    display: flex;
    flex-direction: column;
    margin-right: 29px;
    max-width: 853px;
    width: 853px
}

.callback__left .h2 {
    color: #fff;
    color: var(--text_color_light);
    margin-bottom: 33px
}

.callback__list {
    display: flex;
    flex-direction: column
}

.callback__list li {
    color: #fff;
    color: var(--text_color_light);
    padding-left: 30px;
    position: relative
}

.callback__list li.detail-svg:after {
    background-image: url(../images/e7bb1deb2f1c1002e879.svg);
    height: 18px;
    left: 0;
    top: 5px;
    width: 18px
}

.callback__list li:not(:last-child) {
    margin-bottom: 14px
}

.callback__right {
    align-items: flex-end;
    display: flex
}

.callback__right__inner {
    align-items: center;
    display: flex;
    margin-bottom: 3px;
    position: relative
}

.callback__right__inner:before {
    background-image: url(../images/ce09bfce9ee90340c7d7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 26px;
    content: "";
    display: block;
    height: 52px;
    left: -35px;
    position: absolute;
    transform: translateX(-100%);
    width: 66px
}

.callback__phones {
    display: flex;
    flex-direction: column;
    margin-left: 36px
}

.callback__phones .phone {
    color: #fff;
    color: var(--text_color_light);
    font-size: 20px;
    line-height: 25px
}

.callback__phones .phone:not(:last-child) {
    margin-bottom: 10px
}

@media screen and (max-width:1320px) {
    .callback {
        padding-bottom: 100px
    }

    .callback__left {
        margin-right: 53px;
        max-width: 560px;
        width: 560px
    }

    .callback__left .h2 {
        margin-bottom: 55px
    }

    .callback__list li:not(:last-child) {
        margin-bottom: 18px
    }

    .callback__right {
        align-items: flex-start;
        flex-grow: 1
    }

    .callback__right__inner {
        flex-direction: column;
        margin: 76px auto 0
    }

    .callback__right__inner:before {
        bottom: auto;
        left: 15px;
        top: 31px
    }

    .callback__phones {
        margin-left: 0;
        margin-top: 16px
    }
}

@media screen and (max-width:1023px) {
    .callback {
        padding-bottom: 67px;
        padding-top: 53px
    }

    .callback__left {
        margin-left: 2px;
        margin-right: 49px;
        max-width: 480px;
        width: 480px
    }

    .callback__left .h2 {
        margin-bottom: 29px
    }

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

    .callback__right {
        align-items: center;
        display: flex;
        margin-right: 3px
    }

    .callback__right__inner {
        margin-top: 18px
    }

    .callback__right__inner:before {
        left: 1px;
        top: 57px
    }

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

@media screen and (max-width:767px) {
    .callback {
        padding-bottom: 84px;
        padding-top: 63px
    }

    .callback__inner {
        flex-direction: column
    }

    .callback__left {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        width: 100%
    }

    .callback__left .h2 {
        margin-bottom: 35px
    }

    .callback__list {
        max-width: calc(100% - 70px)
    }

    .callback__list li:not(:last-child) {
        margin-bottom: 16px
    }

    .callback__right {
        align-items: center;
        display: flex;
        margin-right: 0;
        margin-top: 39px
    }

    .callback__right__inner {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0
    }

    .callback__right__inner:before {
        left: -35px;
        top: 12px;
        transform: rotate(10deg)
    }

    .callback__phones {
        margin-top: 14px
    }

    .callback__phones .phone {
        font-size: 20px;
        line-height: 25px
    }
}

.prices {
    padding-bottom: 130px;
    padding-top: 120px
}

.prices .h2 {
    margin-bottom: 70px;
    margin-right: 51px;
    text-align: center
}

.prices .h2 .accent-box {
    left: 0;
    padding: 1.5px 14px;
    position: relative;
    top: 7px
}

.prices .h2 .accent-box>span {
    left: -1px;
    position: relative;
    top: -5px
}

.prices__inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -42.5px;
    margin-right: -42.5px
}

.prices__card {
    background-color: #f1f5ff;
    background-color: var(--bg);
    display: flex;
    flex-direction: column;
    margin-left: 42px;
    margin-right: 42px;
    width: calc(33.33333% - 84px)
}

.prices__card:nth-child(n+4) {
    margin-top: 30px
}

.prices__img-wrapper {
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.prices__img-wrapper.prices__img-wrapper_hover.zoomed .prices__img.prices__img_hover {
    opacity: 1
}

.prices__img-wrapper.prices__img-wrapper_hover.zoomed .prices__zoom-btn {
    background-image: url(../images/5c130221714e59cb05ef.svg)
}

.prices__img-wrapper.prices__img-wrapper_with-caption:after {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .065) 60.69%, rgba(0, 0, 0, .54) 79.87%, rgba(0, 0, 0, .54));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.prices__zoom-btn {
    display: none
}

.prices__img {
    width: 100%
}

.prices__img.prices__img_hover {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s linear
}

.prices__img-caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 22px 21px;
    position: absolute;
    z-index: 2
}

.prices__img-caption .btn.btn_play {
    height: 56px;
    margin-right: 14px;
    min-width: 56px;
    width: 56px
}

.prices__img-caption .btn.btn_play:after {
    height: 67px;
    width: 67px
}

.prices__img-caption .btn.btn_play span {
    height: 15px;
    width: 15px
}

.prices__card__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 24px 25px 30px
}

.prices__title {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 9px;
    padding-left: 26px;
    position: relative
}

.prices__title:after {
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    left: -1px;
    position: absolute;
    top: 4px;
    width: 18px
}

.prices__text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 27px;
    margin-left: 26px
}

.prices__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%
}

.prices__price-block {
    display: flex;
    flex-direction: column
}

.prices__price {
    color: #cb5874;
    color: var(--price_color);
    font-family: Caveat, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

.prices__price .price {
    font-size: 34px
}

.prices__price-block__text {
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px
}

.prices__caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 18px;
    margin-top: 6px
}

.prices__caption__top {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 2px
}

.prices__caption__bottom {
    font-size: 15px;
    line-height: 22px
}

@media screen and (min-width:1320px) {
    .prices__img-wrapper.prices__img-wrapper_hover:hover .prices__img.prices__img_hover {
        opacity: 1
    }

    .prices__img-wrapper.prices__img-wrapper_hover.zoomed .prices__img.prices__img_hover {
        opacity: 0
    }

    .prices__img-wrapper.prices__img-wrapper_hover.zoomed:hover .prices__img.prices__img_hover {
        opacity: 1
    }
}

@media screen and (max-width:1320px) {
    .prices {
        padding-bottom: 101px;
        padding-top: 86px
    }

    .prices .h2 {
        margin-bottom: 50px;
        margin-right: 0
    }

    .prices .h2 .accent-box {
        padding: 2px 7px;
        top: 0
    }

    .prices .h2 .accent-box>span {
        left: 0;
        top: 0
    }

    .prices__inner {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }

    .prices__card {
        border-radius: 2px 0 0 2px;
        flex-direction: row;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .prices__card:not(:last-child) {
        margin-bottom: 23px
    }

    .prices__card:nth-child(n+4) {
        margin-top: 0
    }

    .prices__img-wrapper {
        border-radius: 2px;
        min-width: 382px;
        overflow: hidden;
        width: 382px
    }

    .prices__zoom-btn {
        background-image: url(../images/989d2050f3ce6b350f45.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: block;
        height: 30px;
        position: absolute;
        right: 12px;
        top: 13px;
        width: 30px;
        z-index: 3
    }

    .prices__img-caption {
        padding: 0 22px 23px
    }

    .prices__img-caption .btn.btn_play:after {
        height: 66px;
        width: 66px
    }

    .prices__img-caption .btn.btn_play span {
        height: 17px;
        width: 17px
    }

    .prices__card__inner {
        display: flex;
        justify-content: center;
        padding: 30px 78px
    }

    .prices__title {
        margin-bottom: 8px;
        padding-left: 0
    }

    .prices__title:after {
        left: -26px;
        top: 3px
    }

    .prices__text {
        margin-bottom: 34px;
        margin-left: 0;
        max-width: 320px
    }

    .prices__bottom {
        margin-top: 0;
        max-width: 314px
    }

    .prices__caption {
        margin-right: 0;
        margin-top: 5px
    }
}

@media screen and (max-width:1023px) {
    .prices {
        padding-bottom: 70px;
        padding-top: 67px
    }

    .prices .h2 {
        margin-bottom: 44px;
        margin-left: 3px
    }

    .prices .h2 .accent-box {
        left: 4px;
        padding: 0 4px;
        top: 1px
    }

    .prices__zoom-btn {
        right: 15px;
        top: 14px
    }

    .prices__img-caption {
        padding: 0 23px 24px
    }

    .prices__img-caption .btn.btn_play {
        height: 53px;
        margin-right: 16px;
        min-width: 53px;
        width: 53px
    }

    .prices__img-caption .btn.btn_play:after {
        height: 63px;
        width: 63px
    }

    .prices__img-caption .btn.btn_play span {
        height: 14px;
        margin-left: 2.5px;
        width: 14px
    }

    .prices__card__inner {
        padding: 30px 10px 30px 49px
    }

    .prices__title {
        font-size: 16px
    }

    .prices__text {
        font-size: 15px;
        max-width: 300px
    }

    .prices__bottom {
        max-width: 273px
    }

    .prices__price-block__text {
        margin-top: 4px
    }

    .prices__caption__top {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .prices {
        margin-top: -11px;
        padding-bottom: 68px;
        padding-top: 80px
    }

    .prices .h2 {
        margin-bottom: 32px;
        margin-left: 0;
        text-align: left
    }

    .prices .h2 .accent-box {
        left: 0;
        padding: 3px 4px;
        top: 2px
    }

    .prices .h2 .accent-box>span {
        left: -1px;
        top: -2px
    }

    .prices__inner {
        margin-left: -15px;
        margin-right: -15px
    }

    .prices__card {
        border-radius: 2px 2px 0 0;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        max-width: 430px
    }

    .prices__card:not(:last-child) {
        margin-bottom: 40px
    }

    .prices__img-wrapper {
        min-width: 100%;
        width: 100%
    }

    .prices__zoom-btn {
        right: 17px;
        top: 19px
    }

    .prices__img-caption {
        padding: 0 21px 20px
    }

    .prices__img-caption .btn.btn_play {
        margin-right: 13px
    }

    .prices__card__inner {
        padding: 25px 15px 30px
    }

    .prices__title {
        font-size: 18px;
        margin-left: 26px
    }

    .prices__text {
        font-size: 16px;
        margin-bottom: 27px;
        margin-left: 26px;
        max-width: none
    }

    .prices__bottom {
        max-width: calc(100% - 14px)
    }

    .prices__caption__top {
        font-size: 16px
    }
}

.aligners {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 20px 20px 0 0;
    margin-top: -12px;
    padding-bottom: 108px;
    padding-top: 91px
}

.aligners__inner {
    display: grid;
    grid-template-areas: "aligners__text-block     aligners__picture""aligners__plate-wrapper  aligners__picture"
}

.aligners__text-block {
    display: flex;
    flex-direction: column;
    grid-area: aligners__text-block;
    max-width: 615px
}

.aligners__text-block .h2 {
    margin-bottom: 33px;
    margin-top: 32px
}

.aligners__mini-title {
    font-size: 16px;
    line-height: 22px;
    margin-left: 25px;
    position: relative
}

.aligners__subtitle {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    margin-left: 45px
}

.aligners__subtitle.prefix-line:after {
    top: 21px
}

.aligners__picture {
    grid-area: aligners__picture;
    margin-left: 87px
}

.aligners__img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 67px;
    position: relative
}

.aligners__img {
    border-radius: 2px;
    min-width: 612px;
    overflow: hidden;
    width: 612px
}

.aligners__caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 27px 28px;
    position: absolute;
    z-index: 2
}

.aligners__caption .btn.btn_play {
    height: 80px;
    margin-right: 21px;
    width: 80px
}

.aligners__caption .btn.btn_play:after {
    height: 94px;
    width: 94px
}

.aligners__plate-wrapper {
    display: flex;
    flex-direction: column;
    grid-area: aligners__plate-wrapper;
    margin-top: 49px;
    max-width: 615px;
    width: 615px
}

.aligners__plate {
    background-color: #fff;
    background-color: var(--bg_white);
    border-radius: 2px;
    display: flex;
    padding: 38px 51px 34px
}

.aligners__plate__left {
    display: flex;
    flex-direction: column;
    max-width: 245px
}

.aligners__plate__title {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.aligners__plate__text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

.aligners__plate__right {
    margin-left: auto;
    min-width: 175px
}

.aligners__plate__price-block,
.aligners__plate__right {
    display: flex;
    flex-direction: column
}

.aligners__plate__price {
    color: #cb5874;
    color: var(--price_color);
    font-family: Caveat, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

.aligners__plate__price .price {
    font-size: 34px
}

.aligners__plate__price-text {
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px
}

.aligners__about {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    margin-top: 15px
}

.aligners__about__top {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

.aligners__about__bottom {
    font-size: 15px;
    line-height: 22px;
    margin-top: 2px
}

@media screen and (max-width:1320px) {
    .aligners {
        padding-bottom: 90px;
        padding-top: 83px
    }

    .aligners__text-block {
        max-width: none;
        width: 100%
    }

    .aligners__text-block .h2 {
        margin-bottom: 7px;
        margin-left: -2px;
        margin-top: 31px
    }

    .aligners__mini-title {
        font-size: 15px
    }

    .aligners__mini-title.detail-svg:after {
        top: 1px
    }

    .aligners__subtitle {
        font-size: 20px
    }

    .aligners__subtitle.prefix-line:after {
        top: 20px
    }

    .aligners__picture {
        margin-left: 44px;
        margin-right: -47px
    }

    .aligners__img-wrapper {
        margin-top: 43px
    }

    .aligners__img {
        min-width: 455px;
        width: 455px
    }

    .aligners__caption {
        padding: 0 21px 21px
    }

    .aligners__caption .btn.btn_play {
        height: 56px;
        margin-right: 14px;
        width: 56px
    }

    .aligners__caption .btn.btn_play:after {
        height: 66px;
        width: 66px
    }

    .aligners__plate-wrapper {
        margin-top: 25px;
        max-width: none;
        width: 100%
    }

    .aligners__plate {
        padding: 38px 20px 34px
    }

    .aligners__plate__left {
        margin-left: 30px;
        margin-right: 20px
    }

    .aligners__plate__title {
        line-height: 23px
    }

    .aligners__plate__text {
        font-size: 15px
    }

    .aligners__plate__right {
        margin-right: auto;
        min-width: auto
    }

    .aligners__about {
        margin-left: 0
    }
}

@media screen and (max-width:1023px) {
    .aligners {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 70px;
        padding-top: 70px
    }

    .aligners__inner {
        grid-template-areas: "aligners__text-block     aligners__picture""aligners__plate-wrapper  aligners__plate-wrapper"
    }

    .aligners__text-block {
        width: auto
    }

    .aligners__text-block .h2 {
        margin-bottom: 34px;
        margin-left: 0
    }

    .aligners__mini-title {
        margin-left: 26px
    }

    .aligners__subtitle {
        font-size: 16px;
        line-height: 24px;
        margin-left: 46px
    }

    .aligners__subtitle.prefix-line:after {
        top: 12px
    }

    .aligners__picture {
        margin-left: 25px;
        margin-right: 0
    }

    .aligners__img-wrapper {
        margin-top: 0
    }

    .aligners__img {
        min-width: 354px;
        width: 354px
    }

    .aligners__img>img {
        transform: scaleX(-1)
    }

    .aligners__caption {
        padding: 0 26px 22px
    }

    .aligners__caption .btn.btn_play {
        height: 53px;
        margin-right: 16px;
        width: 53px
    }

    .aligners__caption .btn.btn_play:after {
        height: 63px;
        width: 63px
    }

    .aligners__caption .btn.btn_play span {
        height: 14px;
        margin-left: 3.5px;
        margin-top: 3px;
        width: 14px
    }

    .aligners__caption .caption-text {
        margin-top: 6px
    }

    .aligners__plate-wrapper {
        margin-top: 21px
    }

    .aligners__plate {
        padding: 38px 20px 30px
    }

    .aligners__plate__left {
        margin-right: 30px;
        margin-top: 1px;
        max-width: 305px
    }

    .aligners__plate__title.detail-svg:after {
        left: -25px;
        top: 1px
    }

    .aligners__plate__right {
        align-items: flex-end;
        flex-direction: row;
        margin-right: 15px
    }

    .aligners__plate__price-block {
        order: 2
    }

    .aligners__about {
        margin-right: 35px;
        order: 1
    }

    .aligners__about__top {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .aligners {
        border-radius: 20px 20px 0 0;
        margin-bottom: 70px;
        padding-bottom: 0;
        padding-top: 66px
    }

    .aligners__inner {
        display: flex;
        flex-direction: column
    }

    .aligners__text-block {
        padding-bottom: 32px
    }

    .aligners__text-block .h2 {
        margin-bottom: 10px;
        margin-top: 32px
    }

    .aligners__mini-title {
        margin-left: 42px;
        max-width: calc(100% - 150px)
    }

    .aligners__mini-title.detail-svg:after {
        top: 4px
    }

    .aligners__subtitle {
        font-size: 15px;
        line-height: 23px;
        margin-left: 16px
    }

    .aligners__subtitle.prefix-line:after {
        top: 11px
    }

    .aligners__picture {
        margin-left: -15px;
        width: calc(100% + 30px)
    }

    .aligners__img-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%
    }

    .aligners__img {
        min-width: auto;
        width: 100%
    }

    .aligners__img>img {
        transform: none
    }

    .aligners__caption {
        padding: 0 20px 21px
    }

    .aligners__caption .btn.btn_play {
        margin-right: 13px
    }

    .aligners__caption .btn.btn_play span,
    .aligners__caption .caption-text {
        margin-top: 0
    }

    .aligners__plate-wrapper {
        margin-left: -15px;
        margin-top: 0;
        width: calc(100% + 30px)
    }

    .aligners__plate {
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        padding: 24px 15px 33px;
        width: 100%
    }

    .aligners__plate__left {
        margin-left: 26px;
        margin-right: auto;
        margin-top: 0;
        max-width: none
    }

    .aligners__plate__title.detail-svg:after {
        left: -26px;
        top: 3px
    }

    .aligners__plate__text {
        font-size: 16px
    }

    .aligners__plate__right {
        justify-content: space-between;
        margin-right: 0;
        margin-top: 27px;
        width: 100%
    }

    .aligners__plate__price-block {
        order: 1
    }

    .aligners__plate__price-text {
        margin-top: 4px
    }

    .aligners__about {
        margin-right: -3px;
        margin-top: 0;
        order: 2
    }

    .aligners__about__top {
        font-size: 16px
    }
}

@media screen and (max-width:500px) {
    .aligners__plate {
        background-color: #f1f5ff;
        background-color: var(--bg)
    }
}

.laboratory {
    padding-bottom: 178px;
    padding-top: 10px
}

.laboratory .h2 {
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 40px;
    margin-left: 100px;
    max-width: 550px;
    position: relative
}

.laboratory .h2 span {
    position: relative;
    z-index: 2
}

.laboratory .h2:before {
    background-image: url(../images/dfb6fd97b0347be10884.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 42px;
    left: -28px;
    position: absolute;
    top: -14px;
    width: 56px;
    z-index: 1
}

.laboratory__inner {
    display: flex
}

.laboratory__video-wrapper {
    display: flex;
    min-width: 514px;
    width: 514px
}

.laboratory__video {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: -webkit-fit-content;
    height: fit-content;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.laboratory__video video,
.laboratory__video>img {
    width: 100%
}

.laboratory__caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 32px 38px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.laboratory__caption .btn.btn_play {
    height: 80px;
    margin-right: 16px;
    width: 80px
}

.laboratory__caption .btn.btn_play:after {
    height: 94px;
    width: 94px
}

.laboratory__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 144px
}

.laboratory__text {
    margin-bottom: 35px;
    max-width: 440px
}

.laboratory__text.laboratory__text_mobile {
    display: none
}

.laboratory__images {
    display: flex
}

.laboratory__images>img {
    border-radius: 2px;
    min-width: 250px;
    width: 250px
}

.laboratory__images>img:not(:last-child) {
    margin-right: 31px
}

.laboratory__plate {
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 2px;
    display: flex;
    margin-top: 35px;
    max-width: 464px;
    padding: 35px 5px 35px 15px;
    width: 464px
}

.laboratory__plate p {
    color: #fff;
    color: var(--text_color_light);
    font-size: 18px;
    line-height: 24px
}

.laboratory__plate p.detail-svg {
    margin-left: 29px
}

.laboratory__plate p.detail-svg:after {
    background-image: url(../images/26387fff9dff64bd7ff7.svg);
    left: -29px
}

@media screen and (max-width:1320px) {
    .laboratory {
        padding-bottom: 117px;
        padding-top: 33px
    }

    .laboratory .h2 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 7px;
        margin-left: 28px;
        max-width: 400px
    }

    .laboratory__video-wrapper {
        align-items: flex-end;
        margin-right: 64px;
        min-width: 416px;
        width: 416px
    }

    .laboratory__caption {
        padding: 0 23px 20px
    }

    .laboratory__caption .btn.btn_play {
        height: 56px;
        margin-right: 13px;
        width: 56px
    }

    .laboratory__caption .btn.btn_play:after {
        height: 66px;
        width: 66px
    }

    .laboratory__right {
        justify-content: flex-start;
        margin-left: auto;
        margin-right: auto
    }

    .laboratory__text {
        margin-bottom: 44px;
        max-width: 400px
    }

    .laboratory__images>img {
        min-width: 220px;
        width: 220px
    }

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

    .laboratory__plate {
        margin-bottom: 26px;
        margin-top: 22px;
        max-width: 450px;
        padding: 35px 20px 35px 15px;
        width: 450px
    }

    .laboratory__plate p {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .laboratory {
        padding-bottom: 105px;
        padding-top: 44px
    }

    .laboratory .h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 14px
    }

    .laboratory__video-wrapper {
        margin-right: 55px;
        min-width: 323px;
        width: 323px
    }

    .laboratory__caption {
        padding: 0 16px 17px
    }

    .laboratory__caption .btn.btn_play {
        height: 53px;
        width: 53px
    }

    .laboratory__caption .btn.btn_play:after {
        height: 63px;
        width: 63px
    }

    .laboratory__caption .btn.btn_play span {
        height: 14px;
        margin-left: 3.5px;
        margin-top: 1px;
        width: 14px
    }

    .laboratory__text {
        margin-bottom: 17px;
        max-width: 340px
    }

    .laboratory__images>img {
        min-width: 170px;
        width: 170px
    }

    .laboratory__images>img:not(:last-child) {
        margin-right: 7px
    }

    .laboratory__plate {
        margin-bottom: 0;
        margin-top: 18px;
        max-width: 300px;
        padding: 12px 10px 12px 15px;
        width: 300px
    }

    .laboratory__plate p {
        font-size: 15px
    }

    .laboratory__plate p.detail-svg:after {
        top: 4px
    }
}

@media screen and (max-width:767px) {
    .laboratory {
        padding-bottom: 80px;
        padding-top: 70px
    }

    .laboratory .h2 {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 25px;
        margin-left: 24px
    }

    .laboratory .h2:before {
        left: -24px;
        top: -21px
    }

    .laboratory__inner {
        flex-direction: column
    }

    .laboratory__video-wrapper {
        align-items: flex-start;
        margin-left: -15px;
        margin-right: 0;
        min-width: auto;
        width: calc(100% + 30px)
    }

    .laboratory__video {
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        width: 100%
    }

    .laboratory__caption {
        padding: 0 20px 19px
    }

    .laboratory__right {
        margin-left: -15px;
        width: calc(100% + 30px)
    }

    .laboratory__text {
        display: none;
        margin-bottom: 25px;
        margin-left: 24px;
        max-width: calc(100% - 50px)
    }

    .laboratory__text.laboratory__text_mobile {
        display: block
    }

    .laboratory__images {
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        max-width: 360px;
        order: 2;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }

    .laboratory__images>img {
        min-width: 250px;
        width: 250px
    }

    .laboratory__images>img:not(:first-child) {
        margin-top: -20px
    }

    .laboratory__images>img:nth-child(2n) {
        margin-left: auto;
        z-index: 2
    }

    .laboratory__images>img:nth-child(odd) {
        margin-right: auto;
        z-index: 1
    }

    .laboratory__images>img:not(:last-child) {
        margin-right: 0
    }

    .laboratory__plate {
        margin: 0 auto 30px;
        max-width: 450px;
        order: 1;
        padding: 36px 17px 41px;
        width: 100%
    }

    .laboratory__plate p {
        font-size: 16px;
        line-height: 22px
    }

    .laboratory__plate p.detail-svg {
        margin-left: 28px
    }

    .laboratory__plate p.detail-svg:after {
        left: -28px;
        top: 3px
    }
}

.rating {
    background-color: #fff;
    background-color: var(--bg_white);
    padding-bottom: 127px;
    padding-top: 133px;
    position: relative
}

.rating .h2 {
    grid-area: h2;
    margin-bottom: 66px;
    margin-left: 244px;
    margin-top: -14px;
    max-width: 570px
}

.rating .h2 .accent-box {
    left: 4px;
    padding: 1px 8px;
    position: relative
}

.rating__inner {
    display: grid;
    grid-template-areas: "rating__img-wrapper h2 h2""rating__img-wrapper rating__links-wrapper rating__picture-wrapper"
}

.rating__img-wrapper {
    display: flex;
    grid-area: rating__img-wrapper
}

.rating__img {
    border-radius: 2px;
    height: -webkit-fit-content;
    height: fit-content;
    overflow: hidden;
    width: 413px
}

.rating__img>img {
    width: 100%
}

.rating__links-wrapper {
    display: flex;
    grid-area: rating__links-wrapper;
    margin-left: 20px;
    margin-right: 31px
}

.rating__links {
    margin-top: 13px
}

.rating__link,
.rating__links {
    display: flex;
    flex-direction: column
}

.rating__link {
    align-items: center;
    background-color: initial;
    border: 1px solid #83a7ff;
    border: 1px solid var(--accent_color_third);
    border-radius: 50%;
    color: #484848;
    color: var(--text_color);
    height: 222px;
    justify-content: center;
    transition: background-color .3s linear, color .3s linear;
    width: 222px
}

.rating__link:hover {
    background-color: #83a7ff;
    background-color: var(--accent_color_third);
    color: #fff;
    color: var(--text_color_light)
}

.rating__link:hover .rating__link__text {
    border-bottom-color: transparent
}

.rating__link:not(:first-child) {
    margin-top: -34px
}

.rating__link-cursor {
    cursor: default
}

.rating__link__title {
    line-height: 22px;
    margin-bottom: 6px
}

.rating__link__text {
    border-bottom: 1px solid #484848;
    border-bottom: 1px solid var(--text_color);
    font-size: 16px;
    line-height: 17px;
    margin-bottom: -2px
}

.rating__link__stars {
    column-gap: 2px;
    display: flex;
    margin-top: 10px
}

.rating__link__star {
    background-image: url(../images/c2eafd5906c66ee89fc4.svg);
    height: 15px;
    width: 15px
}

.rating__picture-wrapper {
    grid-area: rating__picture-wrapper
}

.rating__picture {
    border-radius: 2px;
    display: flex;
    overflow: hidden;
    width: 627px
}

.rating__picture>img {
    width: 100%
}

@media screen and (max-width:1320px) {
    .rating {
        padding-bottom: 65px;
        padding-top: 83px
    }

    .rating .h2 {
        margin-bottom: 21px;
        margin-left: 65px;
        margin-top: 0;
        max-width: 420px
    }

    .rating .h2 .accent-box {
        left: 1px;
        padding: 1.5px 6px
    }

    .rating__inner {
        grid-template-areas: "rating__img-wrapper h2""rating__img-wrapper rating__links-wrapper""rating__img-wrapper rating__picture-wrapper"
    }

    .rating__img {
        flex-grow: 1;
        margin-top: 8px;
        min-width: 391px;
        width: auto
    }

    .rating__links-wrapper {
        margin-left: 34px;
        margin-right: 0
    }

    .rating__links {
        flex-direction: row;
        margin-top: 0
    }

    .rating__link {
        height: 194px;
        width: 194px
    }

    .rating__link:not(:first-child) {
        margin-left: -39px;
        margin-top: 0
    }

    .rating__link__medal {
        max-width: 28px
    }

    .rating__link__title {
        max-width: 110px
    }

    .rating__picture-wrapper {
        margin-left: 65px;
        margin-top: 34px
    }

    .rating__picture {
        width: 474px
    }
}

@media screen and (max-width:1023px) {
    .rating {
        padding-bottom: 47px;
        padding-top: 70px
    }

    .rating .row {
        padding-left: 0;
        padding-right: 0
    }

    .rating .h2 {
        margin-bottom: 22px;
        margin-left: 81px;
        max-width: 340px
    }

    .rating .h2 .accent-box {
        left: 2px;
        padding: .5px 5px
    }

    .rating__img {
        margin-top: 0;
        min-width: 315px
    }

    .rating__links-wrapper {
        margin-left: 51px
    }

    .rating__link {
        height: 147px;
        width: 147px
    }

    .rating__link:not(:first-child) {
        margin-left: -22px
    }

    .rating__link__medal {
        max-width: 25px
    }

    .rating__link__title {
        margin-bottom: 7px;
        max-width: 90px
    }

    .rating__link__text {
        font-size: 14px;
        margin-bottom: 3px
    }

    .rating__picture-wrapper {
        margin-left: 58px;
        margin-top: 22px
    }

    .rating__picture {
        width: 395px
    }
}

@media screen and (max-width:767px) {
    .rating {
        padding-bottom: 40px;
        padding-top: 77px
    }

    .rating .h2 {
        margin-bottom: 30px;
        margin-left: 0;
        max-width: none;
        padding-left: 15px;
        padding-right: 15px
    }

    .rating .h2 .accent-box {
        left: 1px;
        padding: 3px 5px
    }

    .rating__inner {
        grid-template-areas: "h2 h2""rating__picture-wrapper  rating__picture-wrapper""rating__links-wrapper    rating__img-wrapper"
    }

    .rating__img-wrapper {
        margin-bottom: 0;
        margin-right: -15px;
        width: 213px
    }

    .rating__img {
        align-items: flex-end;
        display: flex;
        height: 335px;
        margin-left: auto;
        margin-right: auto;
        min-width: auto;
        width: 213px
    }

    .rating__links-wrapper {
        margin-left: auto;
        margin-right: 31px;
        padding-left: 9px
    }

    .rating__links,
    .rating__links-wrapper {
        width: -webkit-fit-content;
        width: fit-content
    }

    .rating__links {
        flex-direction: column
    }

    .rating__link {
        height: 122px;
        width: 122px
    }

    .rating__link:not(:first-child) {
        margin-left: 0;
        margin-top: -16px
    }

    .rating__link__medal {
        max-width: 20px
    }

    .rating__link__title {
        margin-bottom: 2px
    }

    .rating__link__text {
        font-size: 16px;
        margin-bottom: -2px
    }

    .rating__link__stars {
        margin-top: 6px
    }

    .rating__picture-wrapper {
        margin-bottom: 50px;
        margin-left: 0;
        margin-top: 0;
        width: 100%
    }

    .rating__picture {
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        width: 100%
    }
}

.gallery__grid .slick-track {
    column-gap: 38px;
    display: flex
}

.gallery__grid .slick-list {
    padding: 14px 180px !important
}

.gallery__grid .slick-slide:nth-child(odd) {
    transform: translateY(13.5px)
}

.gallery__grid .slick-slide:nth-child(2n) {
    transform: translateY(-13.5px)
}

.gallery__img {
    border-radius: 2px;
    display: block !important;
    height: 275px;
    max-width: 360px;
    min-width: 360px
}

.gallery__nav {
    display: flex;
    justify-content: flex-end;
    margin-right: -2px;
    margin-top: 40px
}

.gallery__nav .slick-arrow.prev {
    margin-right: 46px
}

@media screen and (max-width:1320px) {
    .gallery__grid .slick-track {
        column-gap: 30px
    }

    .gallery__grid .slick-list {
        padding: 11px calc(50% - 307px) !important
    }

    .gallery__grid .slick-slide:nth-child(odd) {
        transform: translateY(11px)
    }

    .gallery__grid .slick-slide:nth-child(2n) {
        transform: translateY(-11px)
    }

    .gallery__img {
        height: 223px;
        max-width: 292px;
        min-width: 292px
    }

    .gallery__nav {
        margin-right: 0;
        margin-top: 30px
    }

    .gallery__nav .slick-arrow.prev {
        margin-right: 54px
    }
}

@media screen and (max-width:1023px) {
    .gallery__grid .slick-track {
        column-gap: 14px
    }

    .gallery__grid .slick-list {
        padding: 11px calc(50% - 299px) !important
    }

    .gallery__nav {
        margin-top: 31px
    }

    .gallery__nav .slick-arrow {
        height: 61px;
        min-width: 61px;
        width: 61px
    }

    .gallery__nav .slick-arrow:after {
        height: 28px;
        width: 33px
    }

    .gallery__nav .slick-arrow.prev:after {
        right: -10px
    }

    .gallery__nav .slick-arrow.next:after {
        left: -9px
    }
}

@media screen and (max-width:767px) {
    .gallery__grid .slick-track {
        column-gap: 20px
    }

    .gallery__grid .slick-list {
        padding: 11px 0 !important
    }

    .gallery__grid .slick-slide {
        max-width: 100vw;
        width: auto
    }

    .gallery__grid .slick-slide:nth-child(2n),
    .gallery__grid .slick-slide:nth-child(odd) {
        transform: none
    }

    .gallery__img {
        height: auto;
        max-width: 360px;
        min-width: auto;
        width: 100%
    }

    .gallery__nav {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 4px
    }

    .gallery__nav .slick-dots {
        order: 2
    }

    .gallery__nav .slick-arrow.prev {
        height: 51px;
        margin-right: 29px;
        min-width: 51px;
        order: 1;
        width: 51px
    }

    .gallery__nav .slick-arrow.prev:after {
        height: 19px
    }

    .gallery__nav .slick-arrow.next {
        height: 51px;
        margin-left: 29px;
        min-width: 51px;
        order: 3;
        width: 51px
    }

    .gallery__nav .slick-arrow.next:after {
        height: 19px
    }
}

.steps {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 20px;
    margin-bottom: -10px;
    margin-top: -63px;
    padding-bottom: 151px;
    padding-top: 125px
}

.steps__inner {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.steps__inner .h2 {
    left: 10px;
    max-width: 570px;
    position: absolute;
    top: 0
}

.steps__items,
.steps__step {
    display: flex;
    flex-direction: column;
    position: relative
}

.steps__step {
    width: 580px
}

.steps__step:nth-child(2n) {
    margin-bottom: -88px;
    margin-right: auto
}

.steps__step:nth-child(odd) {
    margin-bottom: -277px;
    margin-left: auto
}

.steps__step:nth-child(n+1) .steps__num:after {
    bottom: auto;
    left: 5px;
    right: auto;
    top: 5px
}

.steps__step:nth-child(n+2) .steps__num:after {
    bottom: 5px;
    left: 5px;
    right: auto;
    top: auto
}

.steps__step:nth-child(n+3) .steps__num:after {
    bottom: 5px;
    left: auto;
    right: 5px;
    top: auto
}

.steps__step:nth-child(n+4) .steps__num:after {
    bottom: auto;
    left: auto;
    right: 5px;
    top: 5px
}

.steps__step:nth-child(4) .steps__text {
    max-width: 320px
}

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

.steps__num,
.steps__top {
    display: flex
}

.steps__num {
    align-items: center;
    background-color: initial;
    border: 1px solid #83a7ff;
    border: 1px solid var(--accent_color_third);
    border-radius: 50%;
    color: #83a7ff;
    color: var(--accent_color_third);
    font-family: Unbounded, sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    height: 89px;
    justify-content: center;
    letter-spacing: -.02em;
    line-height: 22px;
    margin-right: 26px;
    min-width: 89px;
    position: relative;
    width: 89px
}

.steps__num:after {
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    width: 16px
}

.steps__num span {
    left: -1px;
    position: relative;
    top: -1px
}

.steps__text {
    max-width: 370px
}

.steps__img {
    border-radius: 2px;
    margin-top: 34px;
    max-width: 580px;
    overflow: hidden;
    width: 580px
}

@media screen and (max-width:1320px) {
    .steps {
        margin-top: -15px;
        padding-bottom: 96px;
        padding-top: 77px
    }

    .steps .row {
        padding-left: 0;
        padding-right: 0
    }

    .steps__inner .h2 {
        left: 48px;
        max-width: 410px
    }

    .steps__step {
        width: 498px
    }

    .steps__step:nth-child(2n) {
        margin-bottom: -113px
    }

    .steps__step:nth-child(2n) .steps__top {
        padding-left: 48px
    }

    .steps__step:nth-child(odd) {
        margin-bottom: -239px
    }

    .steps__step:nth-child(4) .steps__text {
        max-width: 290px
    }

    .steps__step:nth-child(3) .steps__text {
        margin-top: 5px
    }

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

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

    .steps__num {
        margin-right: 24px
    }

    .steps__text {
        max-width: 340px
    }

    .steps__img {
        margin-top: 32px;
        max-width: 498px;
        width: 498px
    }
}

@media screen and (max-width:1023px) {
    .steps {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 79px;
        padding-top: 79px
    }

    .steps .row {
        padding-left: 21px;
        padding-right: 21px
    }

    .steps__inner .h2 {
        font-size: 25px;
        left: 0;
        line-height: 30px;
        max-width: 340px
    }

    .steps__step {
        width: 337px
    }

    .steps__step:nth-child(2n) {
        margin-bottom: -99px
    }

    .steps__step:nth-child(2n) .steps__top {
        padding-left: 0
    }

    .steps__step:nth-child(odd) {
        margin-bottom: -171px
    }

    .steps__step:nth-child(2) .steps__text {
        margin-right: -10px
    }

    .steps__step:nth-child(3) .steps__text {
        margin-top: 5px
    }

    .steps__step:nth-child(3) .steps__img {
        margin-top: 25px
    }

    .steps__step:nth-child(4) {
        margin-top: -23px
    }

    .steps__step:nth-child(4) .steps__top {
        align-items: flex-start
    }

    .steps__step:nth-child(4) .steps__text {
        margin-right: -20px;
        margin-top: 10px;
        max-width: 260px
    }

    .steps__step:nth-child(4) .steps__img {
        margin-top: 26px
    }

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

    .steps__num {
        margin-right: 12px
    }

    .steps__text {
        max-width: 240px
    }

    .steps__img {
        margin-top: 11px;
        max-width: 337px;
        width: 337px
    }
}

@media screen and (max-width:767px) {
    .steps {
        border-radius: 20px;
        margin-top: -24px;
        padding-bottom: 0;
        padding-top: 67px
    }

    .steps .row {
        padding-left: 0;
        padding-right: 0
    }

    .steps__inner .h2 {
        font-size: 22px;
        left: auto;
        line-height: 32px;
        margin-bottom: 35px;
        max-width: none;
        padding: 0 15px;
        position: relative;
        top: auto
    }

    .steps__step {
        max-width: 550px;
        width: 100%
    }

    .steps__step:nth-child(2n) {
        margin-bottom: 55px;
        margin-left: auto;
        margin-right: auto
    }

    .steps__step:nth-child(2n) .steps__top {
        padding-left: 15px
    }

    .steps__step:nth-child(odd) {
        margin-bottom: 55px;
        margin-left: auto;
        margin-right: auto
    }

    .steps__step:nth-child(odd) .steps__top {
        padding-left: 15px
    }

    .steps__step:nth-child(2) .steps__text {
        margin-right: 0
    }

    .steps__step:nth-child(3) .steps__text {
        margin-top: 0
    }

    .steps__step:nth-child(3) .steps__img {
        margin-top: 23px
    }

    .steps__step:nth-child(4) {
        margin-top: 0
    }

    .steps__step:nth-child(4) .steps__top {
        align-items: center
    }

    .steps__step:nth-child(4) .steps__text {
        margin-right: 0;
        margin-top: 0;
        max-width: none
    }

    .steps__step:nth-child(4) .steps__img {
        margin-top: 23px
    }

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

    .steps__num {
        margin-right: 23px
    }

    .steps__text {
        max-width: calc(100% - 127px)
    }

    .steps__img {
        margin-top: 23px;
        max-width: 100%;
        width: 100%
    }
}

.contacts {
    padding-bottom: 114px;
    padding-top: 120px
}

.contacts .row {
    display: flex;
    flex-direction: column
}

.contacts .h2 {
    margin-bottom: 68px
}

.contacts .h2 .accent-box {
    padding: 0 6px 3px 10px
}

.contacts.contacts_1 .contacts__plate {
    margin-top: 77px
}

.contacts.contacts_1 .contacts__affiliates {
    margin-top: 45px
}

.contacts.contacts_2 .contacts__plate {
    margin-bottom: 18px;
    margin-top: auto
}

.contacts.contacts_2 .contacts__affiliates {
    margin-top: 25px
}

.contacts.contacts_2 .contacts__affiliate:not(:last-child) {
    margin-bottom: 40px
}

.contacts.contacts_3 .contacts__affiliates {
    margin-top: -5px
}

.contacts.contacts_3 .contacts__plate {
    margin-top: 53px
}

.contacts.contacts_3 .contacts__affiliate:not(:last-child) {
    margin-bottom: 21px
}

.contacts.contacts_4 .contacts__map {
    margin-left: 32px;
    min-width: 574px;
    width: 574px
}

.contacts.contacts_4 .contacts__icon {
    margin-right: 11px
}

.contacts.contacts_4 .contacts__affiliates {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -3px
}

.contacts.contacts_4 .contacts__affiliate:nth-child(odd) {
    margin-right: 7px;
    max-width: 340px;
    min-width: 340px
}

.contacts.contacts_4 .contacts__affiliate:nth-child(n+3) {
    margin-top: 41px
}

.contacts.contacts_4 .contacts__plate {
    margin-top: 81px
}

.contacts.contacts_many .contacts__plate {
    margin-top: 77px
}

.contacts__btn-alt {
    display: none
}

.contacts__inner {
    display: flex;
    position: relative
}

.contacts__info {
    flex-grow: 1
}

.contacts__affiliates,
.contacts__info {
    display: flex;
    flex-direction: column
}

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

.contacts__affiliate__inner {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 22px
}

.contacts__icon {
    align-items: center;
    border: 1px solid #83a7ff;
    border: 1px solid var(--accent_color_third);
    border-radius: 50%;
    display: flex;
    height: 61px;
    justify-content: center;
    margin-right: 16px;
    min-width: 61px;
    position: relative;
    width: 61px
}

.contacts__icon:after {
    background-image: url(../images/75908a06486bad03c8fb.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    width: 23px
}

.contacts__icon.contacts__icon_metro:after {
    background-image: url(../images/cb4fe38cb17239c82b77.svg);
    height: 17px;
    width: 31px
}

.contacts__plate {
    align-items: center;
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 2px;
    color: #fff;
    color: var(--text_color_light);
    display: flex;
    flex-direction: column;
    padding: 13px 0 12px;
    position: relative;
    width: 308px
}

.contacts__plate .btn.btn_click {
    height: 170px;
    position: absolute;
    right: -137px;
    top: 50%;
    transform: translateY(-50%);
    width: 170px
}

.contacts__plate .btn.btn_click-alternate {
    bottom: -9px;
    height: 62px;
    left: 0;
    position: absolute;
    transform: translateY(100%);
    width: 308px
}

.contacts__worktime {
    font-size: 16px;
    line-height: 22px;
    margin-top: 7px
}

.contacts__phones {
    display: flex;
    flex-direction: column
}

.contacts__phones .phone {
    color: #fff;
    color: var(--text_color_light);
    font-size: 20px;
    line-height: 25px
}

.contacts__phones .phone:not(:last-child) {
    margin-bottom: 6px
}

.contacts__popup {
    align-items: center;
    display: flex;
    margin-top: 45px
}

.contacts__popup p {
    border-bottom: 1px dashed #202020;
    border-bottom: 1px dashed var(--h_color);
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    transition: border-bottom-color .2s linear
}

.contacts__popup p:hover {
    border-bottom-color: transparent
}

.contacts__map {
    display: flex;
    height: 370px;
    margin-left: 85px;
    min-width: 780px;
    width: 780px
}

@media screen and (max-width:1320px) {
    .contacts {
        padding-bottom: 82px;
        padding-top: 79px
    }

    .contacts .h2 {
        margin-bottom: 41px;
        text-align: center
    }

    .contacts.contacts_1 .contacts__map {
        margin-top: 29px
    }

    .contacts.contacts_1 .contacts__affiliates {
        margin-top: 0
    }

    .contacts.contacts_2 .contacts__plate {
        margin-bottom: 0;
        margin-top: 0
    }

    .contacts.contacts_2 .contacts__affiliates {
        justify-content: flex-start;
        margin-bottom: 37px;
        margin-top: 0
    }

    .contacts.contacts_2 .contacts__affiliate {
        max-width: 360px
    }

    .contacts.contacts_2 .contacts__affiliate:not(:last-child) {
        margin-bottom: 0;
        margin-left: 73px;
        margin-right: 108px
    }

    .contacts.contacts_3 .contacts__affiliates {
        margin-left: -12.5px;
        margin-right: -12.5px
    }

    .contacts.contacts_3 .contacts__affiliate {
        margin-left: 12.5px;
        margin-right: 12.5px;
        width: calc(33.3% - 25px)
    }

    .contacts.contacts_3 .contacts__affiliate:not(:last-child) {
        margin-bottom: 0
    }

    .contacts.contacts_3 .contacts__map {
        margin-top: 33px
    }

    .contacts.contacts_4 .contacts__affiliates {
        justify-content: center
    }

    .contacts.contacts_4 .contacts__affiliate:nth-child(odd) {
        margin-right: 35px
    }

    .contacts.contacts_4 .contacts__affiliate:nth-child(n+3) {
        margin-top: 20px
    }

    .contacts.contacts_4 .contacts__map {
        margin-left: 0;
        margin-top: 42px;
        max-width: 100%;
        width: 100%
    }

    .contacts.contacts_many .h2 {
        margin-bottom: 23px
    }

    .contacts.contacts_many .contacts__affiliates {
        justify-content: center;
        margin-bottom: 29px
    }

    .contacts__inner {
        flex-direction: column
    }

    .contacts__affiliates {
        flex-direction: row
    }

    .contacts__affiliate__inner {
        font-size: 15px
    }

    .contacts__plate {
        bottom: -13px;
        left: 0;
        position: absolute;
        z-index: 2
    }

    .contacts__plate .btn.btn_click {
        height: 125px;
        right: -97px;
        top: 55%;
        width: 125px
    }

    .contacts__plate .btn.btn_click-alternate {
        bottom: auto;
        top: -6px;
        transform: translateY(-100%)
    }

    .contacts__popup {
        align-items: center;
        display: flex;
        margin-top: 0
    }

    .contacts__map {
        margin-left: 0;
        min-width: 100%;
        width: 100%
    }
}

@media screen and (max-width:1023px) {
    .contacts {
        padding-bottom: 52px;
        padding-top: 53px
    }

    .contacts .h2 {
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 24px;
        margin-left: 3px
    }

    .contacts .h2 .accent-box {
        left: -2px;
        margin-left: 2px;
        padding: 0 5px 3px 6px;
        position: relative
    }

    .contacts.contacts_1 .contacts__map {
        margin-top: 25px
    }

    .contacts.contacts_2 .contacts__affiliates {
        justify-content: space-between;
        margin-bottom: 35px;
        padding-right: 11px
    }

    .contacts.contacts_2 .contacts__affiliate {
        max-width: 350px
    }

    .contacts.contacts_2 .contacts__affiliate:not(:last-child) {
        margin-left: 0;
        margin-right: 0
    }

    .contacts.contacts_3 .contacts__affiliates {
        flex-wrap: wrap;
        margin: 0 -11.25px
    }

    .contacts.contacts_3 .contacts__affiliate {
        margin: 0 11.25px;
        width: calc(50% - 22.5px)
    }

    .contacts.contacts_3 .contacts__affiliate:nth-child(n+3) {
        margin-top: 17px
    }

    .contacts.contacts_3 .contacts__map {
        margin-top: 28px
    }

    .contacts.contacts_4 .contacts__affiliates {
        flex-wrap: wrap;
        margin: 0 -11.25px
    }

    .contacts.contacts_4 .contacts__affiliate {
        margin: 0 11.25px;
        width: calc(50% - 22.5px)
    }

    .contacts.contacts_4 .contacts__affiliate:nth-child(n+3) {
        margin-top: 17px
    }

    .contacts.contacts_4 .contacts__affiliate:nth-child(odd) {
        margin-right: 11.25px;
        max-width: calc(50% - 22.5px);
        min-width: auto
    }

    .contacts.contacts_4 .contacts__map {
        margin-top: 28px;
        min-width: auto
    }

    .contacts.contacts_many .h2 {
        margin-bottom: 17px
    }

    .contacts.contacts_many .contacts__affiliates {
        margin-bottom: 22px
    }

    .contacts__plate {
        bottom: 0;
        padding-right: 22px
    }

    .contacts__plate .btn.btn_click {
        right: -84px;
        top: 46%
    }

    .contacts__worktime {
        font-size: 15px;
        margin-top: 10px
    }

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

    .contacts__popup p {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .contacts {
        padding-bottom: 49px;
        padding-top: 70px
    }

    .contacts .h2 {
        line-height: 32px;
        margin-bottom: 35px;
        margin-left: -1px;
        text-align: left
    }

    .contacts .h2 .accent-box {
        left: -4px;
        margin-left: 0;
        padding: 2px 3px 4px 4px
    }

    .contacts.contacts_alt-btn .contacts__plate {
        bottom: 74px
    }

    .contacts.contacts_alt-btn .contacts__plate .btn.btn_click-alternate {
        display: none
    }

    .contacts.contacts_1 .h2 {
        margin-bottom: 35px
    }

    .contacts.contacts_1 .contacts__map {
        margin-top: 31px
    }

    .contacts.contacts_2 .contacts__affiliates {
        justify-content: flex-start;
        margin-bottom: 31px;
        padding-right: 0
    }

    .contacts.contacts_2 .contacts__affiliate {
        max-width: none
    }

    .contacts.contacts_2 .contacts__affiliate:not(:last-child) {
        margin-bottom: 23px
    }

    .contacts.contacts_3 .contacts__affiliates {
        flex-direction: column;
        margin: 0
    }

    .contacts.contacts_3 .contacts__affiliate {
        margin: 0;
        max-width: none;
        width: 100%
    }

    .contacts.contacts_3 .contacts__affiliate:not(:last-child) {
        margin: 0 0 23px
    }

    .contacts.contacts_3 .contacts__affiliate:nth-child(n+3) {
        margin: 0
    }

    .contacts.contacts_3 .contacts__map {
        margin-top: 31px
    }

    .contacts.contacts_4 .contacts__affiliates {
        flex-direction: column;
        margin: 0
    }

    .contacts.contacts_4 .contacts__affiliate {
        max-width: none;
        width: 100%
    }

    .contacts.contacts_4 .contacts__affiliate:not(:last-child) {
        margin: 0 0 23px
    }

    .contacts.contacts_4 .contacts__affiliate:nth-child(n+3),
    .contacts.contacts_4 .contacts__affiliate:nth-child(odd) {
        margin: 0 0 23px;
        max-width: none
    }

    .contacts.contacts_4 .contacts__affiliate:last-child {
        margin-bottom: 0 !important
    }

    .contacts.contacts_4 .contacts__map {
        height: 310px;
        margin-left: -15px;
        margin-top: 32px;
        min-width: calc(100% + 30px);
        width: calc(100% + 30px)
    }

    .contacts.contacts_many .h2 {
        margin-bottom: 25px
    }

    .contacts.contacts_many .contacts__affiliates {
        margin-bottom: 21px
    }

    .contacts__btn-alt.btn.btn_click-alternate {
        display: block;
        height: 62px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
        max-width: 100%;
        width: 330px
    }

    .contacts__affiliates {
        flex-direction: column
    }

    .contacts__affiliate {
        margin-right: -10px
    }

    .contacts__affiliate__inner {
        font-size: 16px
    }

    .contacts__icon {
        margin-right: 15px
    }

    .contacts__plate {
        align-items: flex-start;
        bottom: -27px;
        left: -15px;
        padding-left: 16px;
        padding-right: 25px;
        width: 276px
    }

    .contacts__plate .btn.btn_click {
        top: 49%
    }

    .contacts__worktime {
        font-size: 16px;
        margin-top: 7px
    }

    .contacts__phones .phone {
        font-size: 20px;
        line-height: 25px
    }

    .contacts__map {
        height: 310px;
        margin-left: -15px;
        min-width: calc(100% + 30px);
        width: calc(100% + 30px)
    }
}

.diagnostics {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 20px 20px 0 0;
    margin-top: -12px;
    padding-bottom: 213px;
    padding-top: 97px
}

.diagnostics .h2 {
    margin-bottom: 39px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px;
    text-align: center
}

.diagnostics .prefix-line:after {
    left: -8px;
    top: 14px;
    width: 27px
}

.diagnostics__inner {
    display: flex;
    flex-direction: row
}

.diagnostics__left {
    display: flex;
    flex-direction: column;
    margin-left: 65px
}

.diagnostics__left__media {
    border-radius: 2px;
    display: flex;
    height: -webkit-fit-content;
    height: fit-content;
    overflow: hidden;
    width: 497px
}

.diagnostics__left__text {
    margin-top: 41px;
    max-width: 480px
}

.diagnostics__right {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: 37px;
    position: relative
}

.diagnostics__right__text {
    margin-bottom: 41px;
    max-width: 513px
}

.diagnostics__right__media {
    border-radius: 2px;
    display: flex;
    height: -webkit-fit-content;
    height: fit-content;
    overflow: hidden;
    width: 498px
}

.diagnostics__right__plate {
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 2px;
    bottom: -92px;
    left: -105px;
    padding: 37px 10px 33px 44px;
    position: absolute;
    width: 440px
}

.diagnostics__right__plate>p {
    color: #fff;
    color: var(--text_color_light);
    font-size: 18px;
    line-height: 24px
}

.diagnostics__right__plate>p.detail-svg:after {
    background-image: url(../images/26387fff9dff64bd7ff7.svg);
    left: -28px
}

@media screen and (max-width:1320px) {
    .diagnostics {
        padding-bottom: 168px;
        padding-top: 84px
    }

    .diagnostics .h2 {
        margin-bottom: 50px;
        max-width: 810px
    }

    .diagnostics__left {
        margin-left: 0
    }

    .diagnostics__left__media {
        width: 41.9vw
    }

    .diagnostics__left__text {
        margin-top: 28px;
        max-width: 445px
    }

    .diagnostics__right {
        margin-right: 0
    }

    .diagnostics__right__text {
        margin-bottom: 32px;
        max-width: 370px
    }

    .diagnostics__right__media {
        width: 41.9vw
    }

    .diagnostics__right__plate {
        bottom: -79px;
        left: 0;
        padding: 37px 5px 33px 44px;
        width: 398px
    }

    .diagnostics__right__plate>p {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .diagnostics {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 159px;
        padding-top: 57px
    }

    .diagnostics .h2 {
        margin-bottom: 31px;
        max-width: 680px
    }

    .diagnostics__left__media {
        width: 43.36vw
    }

    .diagnostics__left__text {
        margin-left: 35px;
        margin-top: 27px;
        max-width: 290px
    }

    .diagnostics__left__text.prefix-line:after {
        top: 12px
    }

    .diagnostics__right__text {
        margin-bottom: 31px;
        margin-left: 35px;
        max-width: 298px
    }

    .diagnostics__right__media {
        width: 43.36vw
    }

    .diagnostics__right__plate {
        bottom: -90px;
        left: -50px;
        padding: 22px 50px 24px 44px;
        width: 333px
    }

    .diagnostics__right__plate>p {
        font-size: 15px
    }

    .diagnostics__right__plate>p.detail-svg:after {
        top: 4px
    }
}

@media screen and (max-width:767px) {
    .diagnostics {
        border-radius: 20px 20px 0 0;
        margin-bottom: 71px;
        padding-bottom: 0;
        padding-top: 67px
    }

    .diagnostics .row {
        padding: 0
    }

    .diagnostics .h2 {
        margin-bottom: 35px;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        padding: 0 15px;
        text-align: left
    }

    .diagnostics .prefix-line:after {
        top: 10px
    }

    .diagnostics__inner {
        flex-direction: column
    }

    .diagnostics__left__media {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        order: 2;
        width: 100%
    }

    .diagnostics__left__text {
        margin-bottom: 22px;
        margin-left: 31px;
        margin-top: 0;
        max-width: calc(100% - 46px);
        order: 1
    }

    .diagnostics__left__text.prefix-line:after {
        top: 10px
    }

    .diagnostics__right {
        margin-top: 49px
    }

    .diagnostics__right__text {
        margin-bottom: 22px;
        margin-left: 31px;
        max-width: calc(100% - 46px)
    }

    .diagnostics__right__media,
    .diagnostics__right__plate {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%
    }

    .diagnostics__right__plate {
        bottom: auto;
        left: auto;
        padding: 36px 50px 44px 44px;
        position: relative
    }

    .diagnostics__right__plate>p {
        font-size: 16px;
        line-height: 22px
    }

    .diagnostics__right__plate>p.detail-svg:after {
        top: 3px
    }
}

.not-pain {
    padding-bottom: 130px;
    padding-top: 120px
}

.np__inner,
.np__video {
    display: flex
}

.np__video {
    border-radius: 2px;
    height: -webkit-fit-content;
    height: fit-content;
    margin-right: 174px;
    min-width: 458px;
    overflow: hidden;
    position: relative;
    width: 458px
}

.np__video img,
.np__video>video {
    width: 100%
}

.np__caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 25px 29px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.np__caption .btn.btn_play {
    margin-right: 21px
}

.np__text-block {
    display: flex;
    flex-direction: column;
    margin-top: -13px
}

.np__text-block .h2 {
    margin-bottom: 32px;
    max-width: 630px
}

.np__text-block .h2 .accent-box {
    padding: .5px 7px;
    position: relative;
    right: 7px;
    top: 3px
}

.np__text-block .h2 .accent-box>span {
    bottom: 3px;
    position: relative
}

.np__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    max-width: 470px;
    padding-left: 32px
}

.np__list li {
    font-size: 18px;
    line-height: 30px
}

.np__list li.detail-svg:after {
    left: -31px;
    top: 6px
}

.np__list li:not(:last-child) {
    margin-bottom: 26px
}

.np__plate {
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 2px;
    margin-bottom: 1px;
    margin-top: auto;
    max-width: 471px;
    padding: 35px 10px 30px 51px;
    width: 471px
}

.np__plate p {
    color: #fff;
    color: var(--text_color_light);
    font-size: 18px;
    line-height: 24px
}

.np__plate p.detail-svg:after {
    background-image: url(../images/26387fff9dff64bd7ff7.svg);
    left: -35px
}

.np__plate.np__plate_mobile {
    display: none
}

@media screen and (max-width:1320px) {
    .not-pain {
        padding-bottom: 105px;
        padding-top: 90px
    }

    .np__video {
        align-items: flex-end;
        height: 524px;
        margin-left: -2px;
        margin-right: 97px;
        min-width: 414px;
        width: 414px
    }

    .np__caption {
        padding: 0 29px 29px
    }

    .np__caption .btn.btn_play {
        margin-right: 14px
    }

    .np__text-block {
        margin-top: 0
    }

    .np__text-block .h2 {
        margin-bottom: 34px;
        max-width: none
    }

    .np__text-block .h2 .accent-box {
        padding: 4.5px 7px .5px
    }

    .np__list {
        max-width: none;
        padding-left: 31px;
        padding-right: 15px
    }

    .np__list li {
        font-size: 16px;
        line-height: 26px
    }

    .np__list li:not(:last-child) {
        margin-bottom: 15px
    }

    .np__plate {
        margin-bottom: 0;
        max-width: 420px;
        padding: 36px 15px 35px 43px;
        width: 420px
    }

    .np__plate p {
        font-size: 16px
    }

    .np__plate p.detail-svg:after {
        left: -26px
    }
}

@media screen and (max-width:1023px) {
    .not-pain {
        padding-bottom: 70px;
        padding-top: 80px
    }

    .not-pain .row {
        padding-left: 0
    }

    .np__video {
        height: 434px;
        margin-left: 0;
        margin-right: 41px;
        min-width: 342px;
        width: 342px
    }

    .np__caption {
        padding: 0 28px 21px
    }

    .np__text-block {
        margin-top: -10px
    }

    .np__text-block .h2 {
        margin-bottom: 23px
    }

    .np__text-block .h2 .accent-box {
        padding: 0 7px
    }

    .np__list {
        margin-bottom: 15px
    }

    .np__list li {
        font-size: 15px;
        line-height: 24px
    }

    .np__list li.detail-svg:after {
        top: 7px
    }

    .np__list li:not(:last-child) {
        margin-bottom: 19px
    }

    .np__plate {
        margin-bottom: 1px;
        max-width: 364px;
        padding: 19px 8px 17px 42px;
        width: 364px
    }

    .np__plate p {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .not-pain {
        padding-top: 70px
    }

    .not-pain .row {
        padding-left: 0;
        padding-right: 0
    }

    .np__inner {
        flex-direction: column
    }

    .np__video {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        min-width: auto;
        order: 2;
        width: 100%
    }

    .np__caption {
        padding: 0 20px 25px
    }

    .np__caption .btn.btn_play {
        margin-right: 13px
    }

    .np__text-block {
        margin-top: 0;
        order: 1
    }

    .np__text-block .h2 {
        margin-bottom: 35px;
        padding: 0 15px
    }

    .np__text-block .h2 .accent-box {
        padding: 4px 5px 2px;
        right: 5px
    }

    .np__text-block .np__plate {
        display: none
    }

    .np__list {
        margin-bottom: 41px;
        margin-left: 15px;
        padding-left: 29px;
        padding-right: 15px
    }

    .np__list li {
        font-size: 16px;
        line-height: 22px
    }

    .np__list li.detail-svg:after {
        left: -29px;
        top: 4px
    }

    .np__list li:not(:last-child) {
        margin-bottom: 16px
    }

    .np__plate {
        margin: 0 auto;
        max-width: 500px;
        order: 3;
        padding: 36px 11px 36px 44px;
        width: 100%
    }

    .np__plate p {
        font-size: 16px;
        line-height: 22px
    }

    .np__plate p.detail-svg:after {
        left: -29px
    }

    .np__plate.np__plate_mobile {
        display: block
    }
}

.modal.modal_policy {
    max-width: 1313px;
    width: 1313px
}

.modal.modal_policy .modal__inner {
    padding: 88px 0 75px
}

.modal.modal_policy .h2 {
    margin-bottom: 31px;
    text-align: center
}

.modal.modal_policy .modal__text {
    display: flex;
    flex-direction: column;
    padding: 0 72px 0 75px
}

.modal.modal_policy .modal__text p {
    color: #4d5155;
    color: var(--modal_policy_color);
    font-size: 20px;
    line-height: 27px
}

.modal.modal_policy .modal__text p:not(:last-child) {
    margin-bottom: 29.5px
}

.modal.modal_policy .modal__to-top {
    display: none
}

@media screen and (max-width:1320px) {
    .modal.modal_policy {
        max-width: 930px;
        width: 930px
    }

    .modal.modal_policy .modal__inner {
        padding: 50px 0 67px
    }

    .modal.modal_policy .h2 {
        margin-bottom: 28px
    }

    .modal.modal_policy .modal__text {
        padding: 0 50px 0 60px
    }

    .modal.modal_policy .modal__text p {
        font-size: 18px;
        line-height: 24px
    }

    .modal.modal_policy .modal__text p:not(:last-child) {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal_policy {
        max-width: 726px;
        width: 726px
    }

    .modal.modal_policy .modal__inner {
        padding: 51px 0 44px
    }

    .modal.modal_policy .h2 {
        margin-bottom: 16px
    }

    .modal.modal_policy .modal__text {
        padding: 0 33px 0 31px
    }

    .modal.modal_policy .modal__text p {
        font-size: 14px;
        line-height: 22px
    }

    .modal.modal_policy .modal__text p:not(:last-child) {
        margin-bottom: 16px
    }
}

@media screen and (max-width:767px) {
    .modal.modal_policy {
        margin-left: 9px;
        margin-right: 9px;
        max-width: calc(100% - 18px);
        width: calc(100% - 18px)
    }

    .modal.modal_policy .modal__inner {
        padding: 27px 0 39px
    }

    .modal.modal_policy .h2 {
        margin-bottom: 19px
    }

    .modal.modal_policy .modal__text {
        padding: 0 19px
    }

    .modal.modal_policy .modal__text p:not(:last-child) {
        margin-bottom: 18px
    }

    .modal.modal_policy .modal__to-top {
        border-bottom: 1px solid #2e63e5;
        border-bottom: 1px solid var(--common_color);
        color: #2e63e5;
        color: var(--common_color);
        display: block;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        margin-left: 19px;
        margin-top: 25px;
        width: -webkit-fit-content;
        width: fit-content
    }
}

.modal-quiz-wrapper {
    display: none
}

.modal.modal_quiz {
    background-color: initial;
    width: -webkit-fit-content;
    width: fit-content
}

.modal.modal_quiz>.mfp-close {
    right: 21px;
    top: 46px
}

.modal.modal_quiz .quiz__inner {
    background-color: #fff;
    background-color: var(--bg_white);
    max-width: 1313px
}

.modal.modal_quiz .quiz__inner>.h2 {
    margin-bottom: 54px;
    margin-left: 58px;
    margin-top: 60px;
    max-width: 640px
}

.modal.modal_quiz .quiz__inner>.h2 .accent-box {
    padding: 0 11px 2px 8px;
    top: 2px
}

.modal.modal_quiz .quiz__gift {
    right: 72px
}

.modal.modal_quiz .quiz__slider {
    padding-top: 76px
}

.modal.modal_quiz .quiz__results {
    background-color: #fff;
    background-color: var(--bg_white);
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 723px;
    padding: 46px 63px 41px;
    width: 723px
}

.modal.modal_quiz .quiz__results__subtitle {
    margin-left: auto;
    margin-right: auto;
    padding-left: 38px
}

.modal.modal_quiz .quiz__results__subtitle.prefix-line:after {
    left: 27px
}

.modal.modal_quiz .quiz__results__title-block .h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.modal.modal_quiz .quiz__results__form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px
}

.modal.modal_quiz .quiz__results__count {
    background-color: #fff;
    background-color: var(--bg_white);
    padding-bottom: 100px;
    padding-top: 100px;
    width: 1313px
}

.modal.modal_quiz .quiz__results__progress {
    max-width: 90%
}

@media screen and (max-width:1320px) {
    .modal.modal_quiz>.mfp-close {
        right: 13px;
        top: 39px
    }

    .modal.modal_quiz .quiz__inner {
        max-width: 930px
    }

    .modal.modal_quiz .quiz__inner>.h2 {
        margin-bottom: 39px;
        margin-left: 50px;
        margin-top: 58px;
        max-width: 450px
    }

    .modal.modal_quiz .quiz__inner>.h2 .accent-box {
        padding: 3px 7px 2px 4px;
        top: 0
    }

    .modal.modal_quiz .quiz__gift {
        right: 0;
        top: -54px
    }

    .modal.modal_quiz .quiz__page__title {
        margin-left: -9px
    }

    .modal.modal_quiz .quiz__results {
        padding: 46px 26px 51px
    }

    .modal.modal_quiz .quiz__results__title-block {
        margin: 0
    }

    .modal.modal_quiz .quiz__results__form {
        margin-top: 24px
    }

    .modal.modal_quiz .quiz__results__count {
        width: 723px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal_quiz {
        display: flex;
        justify-content: center;
        max-width: 100%;
        width: -webkit-fit-content;
        width: fit-content
    }

    .modal.modal_quiz .modal__inner {
        overflow: visible
    }

    .modal.modal_quiz .quiz__form {
        display: flex;
        justify-content: center
    }

    .modal.modal_quiz>.mfp-close {
        right: 13px
    }

    .modal.modal_quiz .quiz__inner {
        margin-left: -6px;
        margin-right: -6px;
        max-width: 768px;
        min-width: 768px;
        padding-bottom: 31px;
        padding-left: 20.5px;
        padding-right: 20.5px
    }

    .modal.modal_quiz .quiz__inner>.h2 {
        margin-bottom: 28px;
        margin-left: 0;
        margin-top: 37px;
        max-width: 400px
    }

    .modal.modal_quiz .quiz__inner>.h2 .accent-box {
        left: -7px;
        padding: 0 8px 0 7px
    }

    .modal.modal_quiz .quiz__gift {
        top: -29px
    }

    .modal.modal_quiz .quiz__slider {
        padding-top: 100px
    }

    .modal.modal_quiz .quiz__page__title {
        margin-left: 0
    }

    .modal.modal_quiz .quiz__results {
        padding: 46px 19px 43px
    }

    .modal.modal_quiz .quiz__results__form {
        margin-top: 23px
    }

    .modal.modal_quiz .quiz__results__form .form__policy {
        margin-top: 15px
    }
}

@media screen and (max-width:767px) {
    .modal.modal_quiz {
        display: flex;
        justify-content: center
    }

    .modal.modal_quiz>.mfp-close {
        right: 10px;
        top: 40px
    }

    .modal.modal_quiz .quiz__inner {
        min-width: 360px;
        padding-bottom: 41px;
        padding-left: 15px;
        padding-right: 15px
    }

    .modal.modal_quiz .quiz__inner>.h2 {
        margin-bottom: 19px;
        margin-left: -1px;
        margin-top: 46px;
        max-width: none
    }

    .modal.modal_quiz .quiz__inner>.h2 .accent-box {
        padding: 0 8px 5px 7px
    }

    .modal.modal_quiz .quiz__gift {
        margin-bottom: 26px;
        top: auto
    }

    .modal.modal_quiz .quiz__slider {
        padding-top: 43px
    }

    .modal.modal_quiz .quiz__gift-mobile {
        margin-bottom: 2px
    }

    .modal.modal_quiz .quiz__results {
        margin-left: -6px;
        margin-right: -6px;
        padding: 71px 15px 47px;
        width: 100vw
    }

    .modal.modal_quiz .quiz__results__subtitle {
        margin-left: 0;
        margin-right: 0;
        padding-left: 17px
    }

    .modal.modal_quiz .quiz__results__subtitle.prefix-line:after {
        left: 6px
    }

    .modal.modal_quiz .quiz__results__title-block .h2 {
        margin-left: 0;
        margin-right: 0;
        text-align: left
    }

    .modal.modal_quiz .quiz__results__form {
        margin-top: 0
    }

    .modal.modal_quiz .quiz__results__form .form__policy {
        margin-top: 13px
    }

    .modal.modal_quiz .quiz__results__count {
        width: 100%
    }
}

.modal.modal_license {
    min-width: 330px;
    width: 330px
}

.modal.modal_license>.mfp-close {
    top: -6px
}

.modal.modal_license .modal__inner {
    display: flex;
    flex-direction: column;
    padding: 19px 20px 19px 24px;
    width: 100%
}

.modal.modal_license .modal__licenses {
    display: flex;
    margin-bottom: 15px
}

.modal.modal_license .modal__licenses a {
    border: 1px solid;
    border-radius: 2px;
    height: 76px;
    overflow: hidden;
    width: 57px
}

.modal.modal_license .modal__licenses a:not(:last-child) {
    margin-right: 8px
}

.modal.modal_license .modal__text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px
}

.modal.modal_license .modal__org {
    font-size: 14px;
    line-height: 18px
}

.modal.modal_contacts {
    background-color: initial;
    width: -webkit-fit-content;
    width: fit-content
}

.modal.modal_contacts .mfp-close {
    top: -15px
}

.modal.modal_contacts .modal__inner {
    background-color: #e9eaec;
    background-color: var(--contacts_bg);
    max-width: 1313px;
    min-width: 1313px;
    padding: 44px 39px 74px 37px
}

.modal.modal_contacts .modal__inner.modal__inner_no-padding {
    overflow: visible;
    padding-bottom: 0
}

.modal.modal_contacts .contacts {
    padding-bottom: 0;
    padding-top: 0
}

.modal.modal_contacts .contacts .row {
    padding: 0
}

.modal.modal_contacts .contacts.contacts_many-popup .h2 {
    margin-bottom: 37px
}

.modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliates {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -18.75px
}

.modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate {
    margin: 0 18.75px;
    width: calc(33.33333% - 37.5px)
}

.modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate:nth-child(n+4) {
    margin-top: 31px
}

.modal.modal_contacts .contacts.contacts_many-popup .contacts__inner {
    display: flex;
    flex-direction: column
}

.modal.modal_contacts .contacts.contacts_many-popup .contacts__map {
    height: 434px;
    margin-left: -37px;
    margin-top: 31px;
    width: calc(100% + 76px)
}

.modal.modal_contacts .contacts.contacts_many-popup .contacts__plate {
    bottom: 0;
    left: -37px;
    position: absolute;
    z-index: 200
}

.modal.modal_contacts .contacts__map {
    margin-left: 96px;
    min-width: 696px;
    width: 696px
}

@media screen and (max-width:1320px) {
    .modal.modal_contacts .mfp-close {
        top: -9px
    }

    .modal.modal_contacts .modal__inner {
        max-width: 930px;
        min-width: 930px;
        overflow: visible;
        padding: 51px 49px 0
    }

    .modal.modal_contacts .contacts .h2 {
        text-align: left
    }

    .modal.modal_contacts .contacts.contacts_2 .contacts__affiliate:not(:last-child) {
        margin-left: 0
    }

    .modal.modal_contacts .contacts.contacts_many-popup .h2 {
        margin-bottom: 24px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliates {
        margin: 0 -13.5px;
        padding-right: 60px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate {
        margin: 0 13.5px;
        width: calc(50% - 27px)
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate:nth-child(n+3),
    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate:nth-child(n+4) {
        margin-top: 10px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__map {
        height: 407px;
        margin-left: -49px;
        margin-top: 28px;
        width: calc(100% + 98px)
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__plate {
        left: -49px
    }

    .modal.modal_contacts .contacts__map {
        height: 407px;
        margin-left: -49px;
        min-width: 930px;
        width: 930px
    }

    .modal.modal_contacts .contacts__plate {
        bottom: 0;
        left: -49px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal_contacts .contacts .h2 {
        padding: 0 10px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .h2 {
        margin-bottom: 20px;
        padding: 0
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliates {
        margin: 0 -2px;
        padding-left: 0;
        padding-right: 0
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate {
        margin: 0 2px;
        width: calc(50% - 4px)
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__map {
        height: 370px;
        margin-left: -18px;
        margin-top: 27px;
        width: calc(100% + 36px)
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__plate {
        left: -18px
    }

    .modal.modal_contacts .contacts__affiliates {
        padding: 0 10px
    }

    .modal.modal_contacts .mfp-close {
        top: -8px
    }

    .modal.modal_contacts .modal__inner {
        max-width: 726px;
        min-width: 726px;
        padding: 51px 18px 0
    }

    .modal.modal_contacts .contacts__map {
        height: 370px;
        margin-left: -18px;
        min-width: 726px;
        width: 726px
    }

    .modal.modal_contacts .contacts__icon {
        margin-right: 8px
    }

    .modal.modal_contacts .contacts__plate {
        left: -18px
    }
}

@media screen and (max-width:740px) {
    .modal.modal_contacts {
        width: 100%
    }

    .modal.modal_contacts .mfp-close {
        background-image: url(../images/78010ca4aba9166b8cb6.svg);
        right: 9px;
        top: 18px;
        transform: none
    }

    .modal.modal_contacts .modal__inner {
        background-color: initial;
        display: flex;
        justify-content: center;
        min-width: auto;
        padding: 0;
        width: 100%
    }

    .modal.modal_contacts .contacts {
        background-color: #e9eaec;
        background-color: var(--contacts_bg);
        min-width: 100vw;
        padding-top: 52px;
        width: 100vw
    }

    .modal.modal_contacts .contacts .row {
        padding-left: 15px;
        padding-right: 15px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .h2 {
        margin-bottom: 27px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliates {
        margin: 0
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate {
        margin: 0 0 18px;
        width: 100%
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate:nth-child(n+3),
    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate:nth-child(n+4) {
        margin: 0 0 18px
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__affiliate:last-child {
        margin-bottom: 0 !important
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__map {
        height: 310px;
        margin-left: -15px;
        margin-top: 29px;
        width: 100vw
    }

    .modal.modal_contacts .contacts.contacts_many-popup .contacts__plate {
        left: -15px
    }

    .modal.modal_contacts .contacts__map {
        height: 310px;
        margin-left: -15px;
        min-width: 100vw;
        width: 100vw
    }

    .modal.modal_contacts .contacts__affiliates {
        padding: 0
    }

    .modal.modal_contacts .contacts__icon {
        margin-right: 13px
    }

    .modal.modal_contacts .contacts__plate {
        bottom: -27px;
        left: -15px
    }
}

.modal.modal_error {
    background-color: #2f3132;
    background-color: var(--bg_dark);
    max-width: 679px;
    min-width: 679px
}

.modal.modal_error .mfp-close {
    top: -12px
}

.modal.modal_error .modal__inner {
    display: flex;
    flex-direction: column;
    padding: 35px 30px 60px;
    width: 100%
}

.modal.modal_error .modal__img {
    height: 148px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 148px
}

.modal.modal_error .h2 {
    color: #fff;
    color: var(--text_color_light);
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 430px;
    text-align: center
}

.modal.modal_error .modal__text {
    color: #999;
    color: var(--modal_error_text);
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 12.5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 530px;
    text-align: center
}

.modal.modal_error .modal__phones {
    align-items: center;
    display: flex;
    flex-direction: column
}

.modal.modal_error .modal__phones .phone {
    color: #fff;
    color: var(--text_color_light);
    font-size: 20px;
    line-height: 25px;
    width: -webkit-fit-content;
    width: fit-content
}

.modal.modal_error .modal__phones .phone:not(:last-child) {
    margin-bottom: 7px
}

@media screen and (max-width:1320px) {
    .modal.modal_error {
        max-width: 407px;
        min-width: 407px
    }

    .modal.modal_error .modal__inner {
        padding: 41.5px 44px 76.5px
    }

    .modal.modal_error .modal__img {
        height: 131px;
        margin-bottom: 22.5px;
        width: 131px
    }

    .modal.modal_error .h2 {
        margin-bottom: 15px;
        max-width: none
    }

    .modal.modal_error .modal__text {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10.5px;
        max-width: none
    }

    .modal.modal_error .modal__phones .phone {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal_error .mfp-close {
        top: -8px
    }

    .modal.modal_error .modal__inner {
        padding: 23.5px 46px 53.5px
    }

    .modal.modal_error .modal__img {
        height: 120px;
        margin-bottom: 23.5px;
        width: 120px
    }

    .modal.modal_error .h2 {
        font-size: 22px;
        margin-bottom: 11px
    }
}

@media screen and (max-width:767px) {
    .modal.modal_error {
        min-width: 330px
    }

    .modal.modal_error .modal__inner {
        padding: 26.5px 48px 45.5px
    }

    .modal.modal_error .modal__img {
        margin-bottom: .5px
    }

    .modal.modal_error .h2 {
        font-size: 18px;
        margin-bottom: 10.5px
    }

    .modal.modal_error .modal__text {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px
    }

    .modal.modal_error .modal__phones .phone {
        font-size: 16px;
        line-height: 20px
    }

    .modal.modal_error .modal__phones .phone:not(:last-child) {
        margin-bottom: 5.5px
    }
}

.modal.modal_form {
    background-color: #2f3132;
    background-color: var(--bg_dark);
    width: -webkit-fit-content;
    width: fit-content
}

.modal.modal_form .mfp-close {
    top: -8px
}

.modal.modal_form .modal__inner {
    display: flex;
    flex-direction: column;
    max-width: 481px;
    min-width: 481px;
    padding: 48px 19px 50px
}

.modal.modal_form .h2 {
    color: #fff;
    color: var(--text_color_light);
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 26px;
    padding: 0 15px;
    text-align: center
}

.modal.modal_form .modal__form {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 276px;
    min-width: 276px
}

.modal.modal_form .modal__form .form__group {
    height: 62px
}

.modal.modal_form .modal__form .form__group button,
.modal.modal_form .modal__form .form__group>input {
    height: 100%;
    width: 100%
}

.modal.modal_form .modal__form .form__group .input {
    padding: 0 0 0 79px
}

.modal.modal_form .modal__form .form__group .input:placeholder-shown {
    padding: 0 0 0 105px
}

.modal.modal_form .modal__form .form__group.form__group_button,
.modal.modal_form .modal__form .form__group.form__group_phone {
    margin-bottom: 10px
}

.modal.modal_form .modal__form .form__policy {
    font-size: 14px;
    line-height: 17px;
    text-align: center
}

.modal.modal_form .modal__form .form__policy,
.modal.modal_form .modal__form .form__policy .link {
    color: #7a7a7a;
    color: var(--policy_text_color);
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400
}

.modal.modal_form .modal__form .form__policy .link {
    font-size: inherit;
    line-height: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.modal.modal_form .modal__form .form__policy .link:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (max-width:1320px) {
    .modal.modal_form .modal__inner {
        padding: 40px 19px 48px
    }

    .modal.modal_form .h2 {
        margin-bottom: 28px
    }

    .modal.modal_form .modal__form {
        max-width: 258px;
        min-width: 258px
    }

    .modal.modal_form .modal__form .form__group {
        height: 52px
    }

    .modal.modal_form .modal__form .form__group .input {
        padding: 0 0 0 70px
    }

    .modal.modal_form .modal__form .form__group .input:placeholder-shown {
        padding: 0 0 0 97px
    }

    .modal.modal_form .modal__form .form__group.form__group_phone {
        margin-bottom: 14px
    }

    .modal.modal_form .modal__form .form__group.form__group_button {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal_form .modal__inner {
        max-width: 404px;
        min-width: 404px;
        padding: 40px 16px 50px
    }

    .modal.modal_form .h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 14px
    }
}

@media screen and (max-width:767px) {
    .modal.modal_form .modal__inner {
        max-width: 330px;
        min-width: 330px;
        padding: 42px 20px 46px
    }

    .modal.modal_form .h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 24px;
        padding: 0
    }

    .modal.modal_form .modal__form .form__group.form__group_button {
        margin-bottom: 10px
    }

    .modal.modal_form .modal__form .form__policy {
        font-size: 12px;
        line-height: 14.5px
    }
}

.mfp-wrap {
    overflow-y: auto
}

.modal {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 2px;
    margin: 56px auto;
    padding: 0;
    position: relative
}

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

.employees {
    padding-bottom: 458px;
    padding-top: 120px
}

.employees .chunk-panel__dropdown {
    max-width: 650px
}

.employees__inner {
    display: grid;
    grid-template-areas: "employees__title         employees__slider-wrapper""employees__call-wrapper  employees__slider-wrapper";
    grid-template-rows: auto 1fr;
    grid-column-gap: 73px;
    column-gap: 73px
}

.employees__title {
    grid-area: employees__title;
    margin-bottom: 89px;
    margin-left: -3px;
    max-width: 630px
}

.employees__title .accent-box {
    left: -6px;
    padding: 2px 8px 1px;
    position: relative
}

.employees__call-wrapper {
    display: flex;
    grid-area: employees__call-wrapper
}

.employees__call {
    align-items: center;
    display: flex;
    height: -webkit-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.employees__call .btn.btn_click:before {
    background-image: url(../images/d2a97a581e931caa13eb.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    cursor: default;
    display: block;
    height: 81px;
    position: absolute;
    right: -62px;
    top: -52px;
    width: 76px
}

.employees__phones {
    display: flex;
    flex-direction: column;
    margin-right: 32px;
    margin-top: 8px
}

.employees__phones .phone {
    font-size: 20px;
    line-height: 25px
}

.employees__phones .phone:not(:last-child) {
    margin-bottom: 7px
}

.employees__slider-wrapper {
    display: flex;
    grid-area: employees__slider-wrapper;
    height: -webkit-fit-content;
    height: fit-content;
    max-width: 618px;
    position: relative;
    width: 618px
}

.employees__slider {
    max-width: 100%;
    width: 100%
}

.employees__slider .slick-slide {
    width: 618px !important
}

.employees__employee {
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    max-width: 618px;
    min-width: 618px;
    overflow: hidden
}

.employees__header {
    align-items: center;
    background-color: #f1f5ff;
    background-color: var(--bg);
    display: flex;
    height: 110px;
    justify-content: center
}

.employees__header>p {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.5px;
    margin-left: -4px;
    margin-top: 9px;
    text-align: center
}

.employees__media {
    border-radius: 2px;
    display: flex;
    height: 390px;
    overflow: hidden;
    position: relative
}

.employees__media img,
.employees__media>video {
    width: 100%
}

.employees__media__caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 36px 19px;
    position: absolute;
    width: 100%
}

.employees__media__caption .btn.btn_play {
    height: 53px;
    min-width: 53px;
    width: 53px
}

.employees__media__caption .btn.btn_play:after {
    height: 63px;
    width: 63px
}

.employees__media__caption .btn.btn_play span {
    height: 15px;
    width: 15px
}

.employees__media__text {
    background-color: #fff;
    background-color: var(--bg_white);
    border-radius: 5px;
    padding: 10px 15px
}

.employees__media__text>p {
    color: #2e63e5;
    color: var(--accent_color);
    font-family: Caveat, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px
}

.employees__media__text.employees__media__text_with-link {
    margin-left: -34px;
    padding-left: 47px
}

.employee__caption {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    padding: 27px 30px;
    width: 100%
}

.employee__prof {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px
}

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

.employee__experience {
    display: flex;
    flex-direction: column
}

.employee__experience__val {
    color: #2e63e5;
    color: var(--accent_color);
    font-family: Caveat, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 19px
}

.employee__experience__text {
    font-size: 18px;
    line-height: 22px;
    margin-top: 14px
}

.employee__training {
    display: flex;
    flex-direction: column;
    margin-right: 7px
}

.employee__training__val {
    color: #2e63e5;
    color: var(--accent_color);
    font-family: Caveat, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 19px
}

.employees__certs {
    display: flex;
    gap: 10px
}

.employees__cert.hidden {
    display: none
}

.employees__certs-link {
    background-color: initial;
    color: #484848;
    color: var(--text_color);
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 20px;
    margin-top: 17px;
    padding: 0;
    text-align: left
}

.employees__certs-link span {
    text-decoration: underline;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 2.5px
}

.employees__certs-link.employees__certs-link_non-decoration span,
.employees__certs-link:hover span {
    -webkit-text-decoration: none;
    text-decoration: none
}

.employees__nav {
    display: flex;
    justify-content: space-between;
    left: -30px;
    pointer-events: none;
    position: absolute;
    top: 44.5%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    user-select: none;
    width: calc(100% + 61px);
    z-index: 2
}

.employees__nav .slick-arrow {
    pointer-events: auto;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (max-width:1320px) {
    .employees {
        padding-bottom: 391px;
        padding-top: 90px
    }

    .employees__inner {
        column-gap: 22px
    }

    .employees__title {
        margin-bottom: 71px;
        margin-left: -5px;
        margin-top: 21px;
        max-width: none
    }

    .employees__title .accent-box {
        left: -3px;
        padding: 2px 8px 5px 3px
    }

    .employees__call {
        flex-direction: column;
        margin-left: -2px
    }

    .employees__call .btn.btn_click {
        order: 1
    }

    .employees__call .btn.btn_click:before {
        right: -84px;
        top: -59px
    }

    .employees__phones {
        margin-right: 0;
        margin-top: 34px;
        order: 2
    }

    .employees__slider-wrapper {
        max-width: 460px;
        width: 460px
    }

    .employees__slider .slick-slide {
        width: 460px !important
    }

    .employees__employee {
        max-width: 460px;
        min-width: 460px
    }

    .employees__header {
        height: 94px
    }

    .employees__header>p {
        font-size: 20px;
        line-height: 25px;
        margin-left: 0;
        margin-top: 2px
    }

    .employees__media {
        height: 290px
    }

    .employees__media__caption {
        padding: 0 25.5px 20px
    }

    .employee__caption {
        padding: 27px 34px 31px
    }

    .employee__prof {
        font-size: 16px;
        margin-bottom: 17px
    }

    .employee__experience {
        max-width: 165px
    }

    .employee__experience__text {
        font-size: 16px
    }

    .employee__training {
        margin-right: 2px;
        max-width: 165px
    }

    .employees__certs-link {
        font-size: 16px;
        line-height: 22px;
        margin-top: 14px
    }

    .employees__nav {
        left: -14px;
        top: 42.5%;
        width: calc(100% + 27px)
    }
}

@media screen and (max-width:1023px) {
    .employees {
        padding-bottom: 328px;
        padding-top: 66px
    }

    .employees__inner {
        column-gap: 0;
        display: flex;
        flex-wrap: wrap
    }

    .employees__title {
        margin-bottom: 32px;
        margin-left: 0;
        margin-top: 0;
        order: 1;
        padding: 0 40px;
        text-align: center;
        width: 100%
    }

    .employees__title .accent-box {
        margin-left: 4px;
        padding: 0 4px 1px 5px
    }

    .employees__call-wrapper {
        flex-grow: 1;
        margin-left: 21px;
        margin-top: 247px;
        order: 3
    }

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

    .employees__call .btn.btn_click:before {
        left: -51px;
        right: auto;
        top: -63px;
        transform: rotate(275deg)
    }

    .employees__phones {
        margin-top: 31px
    }

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

    .employees__slider-wrapper {
        order: 2
    }

    .employees__header {
        height: 87px
    }

    .employees__header>p {
        margin-top: -1.5px
    }

    .employee__caption {
        padding: 27px 25px 31px
    }

    .employee__training {
        margin-right: 10px
    }

    .employees__nav {
        top: 41.5%;
        width: calc(100% + 29px)
    }

    .employees__nav .slick-arrow {
        height: 61px;
        width: 61px
    }

    .employees__nav .slick-arrow:after {
        height: 25px;
        width: 34px
    }

    .employees__nav .slick-arrow.prev:after {
        right: -10px
    }

    .employees__nav .slick-arrow.next:after {
        left: -10px
    }
}

@media screen and (max-width:767px) {
    .employees {
        padding-bottom: 70px;
        padding-top: 70px
    }

    .employees__inner {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .employees__title {
        margin-bottom: 35px;
        padding: 0;
        text-align: left
    }

    .employees__title .accent-box {
        left: -4px;
        margin-left: 0;
        padding: 2px 4px 4px 5px
    }

    .employees__call-wrapper {
        background-color: #f1f5ff;
        background-color: var(--bg);
        flex-grow: 0;
        margin-left: -15px;
        margin-top: -5px;
        padding-bottom: 34px;
        padding-top: 30px;
        width: 100vw
    }

    .employees__call {
        flex-direction: row
    }

    .employees__call .btn.btn_click {
        order: 2
    }

    .employees__call .btn.btn_click:before {
        left: -117px;
        top: -46px;
        transform: rotate(-23deg) scaleX(-1)
    }

    .employees__phones {
        margin-right: 30px;
        margin-top: 4px;
        order: 1
    }

    .employees__phones .phone {
        font-size: 15px;
        line-height: 19px
    }

    .employees__phones .phone>span {
        font-size: 18px;
        line-height: 22px
    }

    .employees__slider-wrapper {
        margin-left: -15px;
        max-width: none;
        width: 100vw
    }

    .employees__slider .slick-active .employees__header p {
        opacity: 1;
        transition: opacity .7s linear
    }

    .employees__slider .slick-slide {
        width: 100vw !important
    }

    .employees__employee {
        background-color: #f1f5ff;
        background-color: var(--bg);
        max-width: 100vw;
        min-width: 100vw
    }

    .employees__header {
        height: auto;
        padding: 15px 0 20px
    }

    .employees__header>p {
        font-size: 17px;
        line-height: 24px;
        margin-top: 0;
        opacity: 0;
        transition: opacity .1s linear
    }

    .employees__media {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%
    }

    .employees__media__caption {
        padding: 0 15px 15px
    }

    .employee__caption {
        background-color: #f1f5ff;
        background-color: var(--bg);
        padding: 28px 15px 0
    }

    .employee__prof {
        font-size: 18px;
        margin-bottom: 21px
    }

    .employee__experience {
        max-width: 159px
    }

    .employee__experience__text {
        font-size: 18px
    }

    .employee__training {
        margin-right: 0;
        max-width: 159px
    }

    .employees__certs-link {
        font-size: 18px
    }

    .employees__certs {
        margin-bottom: 20px
    }

    .employees__nav {
        left: 5px;
        top: 14px;
        transform: none;
        width: calc(100% - 10px)
    }

    .employees__nav .slick-arrow {
        height: 51px;
        width: 51px
    }

    .employees__nav .slick-arrow:after {
        width: 30px
    }

    .employees__nav .slick-arrow.prev:active:after,
    .employees__nav .slick-arrow.prev:after {
        right: -6px
    }

    .employees__nav .slick-arrow.next:active:after,
    .employees__nav .slick-arrow.next:after {
        left: -6px
    }
}

.video-block {
    padding-bottom: 120px;
    padding-top: 88px
}

.vb__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.vb__title {
    font-size: 45px;
    line-height: 62px;
    margin-bottom: 78px;
    text-align: center;
    width: 100%
}

.vb__title .accent-box {
    left: 14px;
    margin-left: -16px;
    padding: 0 13px 2px 14px;
    position: relative
}

.vb__video-wrapper {
    height: 362px;
    max-width: 360px;
    width: 360px
}

.vb__video {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: -webkit-fit-content;
    height: fit-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.vb__video video,
.vb__video>img {
    height: auto;
    width: 100%
}

.vb__caption {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 0 20px 22px;
    position: absolute;
    width: 100%;
    z-index: 20
}

.vb__caption .btn.btn_play {
    height: 53px;
    margin-right: 13px;
    min-width: 53px;
    width: 53px
}

.vb__caption .btn.btn_play:after {
    height: 63px;
    width: 63px
}

.vb__caption .btn.btn_play span {
    height: 14px;
    width: 14px
}

.vb__caption .caption-text {
    display: block;
    max-width: 190px;
    width: 100%
}

@media screen and (max-width:1320px) {
    .video-block {
        padding-bottom: 90px;
        padding-top: 72px
    }

    .vb__inner {
        display: grid;
        grid-template-areas: "vb__video-wrapper_3 vb__title""vb__video-wrapper_2 vb__video-wrapper_1";
        grid-template-rows: 362px 362px;
        grid-row-gap: 39px;
        row-gap: 39px;
        grid-column-gap: 39px;
        align-items: end;
        column-gap: 39px;
        margin-left: auto;
        margin-right: auto;
        width: -webkit-min-content;
        width: min-content
    }

    .vb__title {
        align-self: start;
        font-size: 30px;
        grid-area: vb__title;
        line-height: 42px;
        margin-bottom: 0;
        margin-left: 24px;
        padding-right: 15px;
        text-align: left;
        width: auto
    }

    .vb__title .accent-box {
        left: -5px;
        margin-left: 0;
        padding: 0 8px 4px 5px
    }

    .vb__video-wrapper.vb__video-wrapper_1 {
        grid-area: vb__video-wrapper_1;
        height: auto;
        max-width: 532px;
        width: 532px
    }

    .vb__video-wrapper.vb__video-wrapper_2 {
        grid-area: vb__video-wrapper_2
    }

    .vb__video-wrapper.vb__video-wrapper_3 {
        grid-area: vb__video-wrapper_3
    }
}

@media screen and (max-width:1023px) {
    .video-block {
        padding-bottom: 70px;
        padding-top: 70px
    }

    .vb__inner {
        column-gap: 23px;
        grid-template-rows: 280px 280px;
        row-gap: 22px
    }

    .vb__title {
        font-size: 25px;
        line-height: 35px;
        margin-left: 30px;
        padding-right: 0
    }

    .vb__title .accent-box {
        padding: 0 8px 2px 4px
    }

    .vb__video-wrapper {
        height: 280px;
        max-width: 278px;
        width: 278px
    }

    .vb__video-wrapper.vb__video-wrapper_1 {
        max-width: 425px;
        width: 425px
    }

    .vb__video-wrapper.vb__video-wrapper_1 .vb__caption {
        padding: 0 19px 19px
    }

    .vb__video-wrapper.vb__video-wrapper_1 .vb__caption .caption-text {
        margin-top: -7px
    }

    .vb__video-wrapper.vb__video-wrapper_3 .vb__caption {
        padding: 0 17px 15px
    }

    .vb__caption {
        padding: 0 17px 19px
    }

    .vb__caption .caption-text {
        margin-top: 2px
    }
}

@media screen and (max-width:767px) {
    .vb__inner {
        column-gap: 0;
        display: flex;
        flex-direction: column;
        grid-template-rows: none;
        margin-left: -15px;
        margin-right: -15px;
        row-gap: 0;
        width: auto
    }

    .vb__title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 33px;
        margin-left: 13px
    }

    .vb__title .accent-box {
        left: -5px;
        padding: 2px 8px 4px 5px
    }

    .vb__video-wrapper {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        width: 100%
    }

    .vb__video-wrapper:not(:last-child) {
        margin-bottom: 40px
    }

    .vb__video-wrapper.vb__video-wrapper_1 {
        max-width: 450px;
        width: 100%
    }

    .vb__video-wrapper.vb__video-wrapper_1 .vb__caption {
        padding: 0 20px 22px
    }

    .vb__video-wrapper.vb__video-wrapper_1 .vb__caption .caption-text {
        margin-top: 0
    }

    .vb__caption,
    .vb__video-wrapper.vb__video-wrapper_3 .vb__caption {
        padding: 0 20px 22px
    }

    .vb__caption .caption-text {
        margin-top: 0
    }
}

.children {
    position: relative;
    top: -57px;
    z-index: 4
}

.children .row {
    align-items: center;
    display: flex;
    position: relative
}

.children__inner {
    display: flex;
    position: absolute
}

.children__media-wrapper {
    display: flex;
    flex-direction: column;
    height: -webkit-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.children__media-wrapper .children__call {
    display: none
}

.children__media {
    border-radius: 2px;
    height: -webkit-fit-content;
    height: fit-content;
    margin-right: 157px;
    min-width: 544px;
    overflow: hidden;
    position: relative;
    width: 544px
}

.children__media video,
.children__media>img {
    width: 100%
}

.children__caption {
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 0 30px 31px;
    position: absolute;
    width: 100%;
    z-index: 5
}

.children__caption>.btn.btn_play {
    margin-top: auto
}

.children__info {
    display: flex;
    flex-direction: column;
    width: 280px
}

.children__info .caption-text {
    font-size: 27px;
    line-height: 31.5px;
    max-width: 100%
}

.children__description {
    border-top: 2px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    color: var(--text_color_light);
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
    opacity: .7;
    padding-top: 9px;
    position: relative;
    width: 100%
}

.children__description>span {
    max-width: 256px
}

.children__right {
    display: flex;
    flex-direction: column
}

.children__right .h2 {
    margin-bottom: 52px;
    margin-top: -15px
}

.children__right .h2 .accent-box {
    left: -6px;
    padding: 0 6px 1px;
    position: relative
}

.children__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    margin-left: 30px;
    max-width: 510px
}

.children__list li {
    font-size: 20px;
    line-height: 30px
}

.children__list li.detail-svg:after {
    left: -31px;
    top: 7px
}

.children__list li:not(:last-child) {
    margin-bottom: 28px
}

.children__call {
    display: flex;
    margin-top: auto
}

.children__call .btn.btn_click {
    margin-right: 32px;
    position: relative
}

.children__call .btn.btn_click:before {
    background-image: url(../images/ce267e9aba367b7e2af7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 81px;
    position: absolute;
    right: -84px;
    top: -59px;
    width: 90px
}

.children__phones {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30px
}

.children__phones>.phone {
    font-size: 20px;
    line-height: 25px
}

.children__phones>.phone:not(:last-child) {
    margin-bottom: 7px
}

@media screen and (max-width:1320px) {
    .children {
        top: -59px
    }

    .children .row {
        padding-left: 0
    }

    .children__media {
        margin-right: 91px;
        min-width: 495px;
        width: 495px
    }

    .children__caption {
        padding: 0 0 24px 52px
    }

    .children__caption>.btn.btn_play {
        margin-bottom: 6px
    }

    .children__info {
        width: 261px
    }

    .children__info .caption-text {
        font-size: 21px;
        line-height: 25px;
        margin-bottom: -2px;
        margin-left: 2px;
        max-width: 90%
    }

    .children__description {
        font-size: 15px;
        line-height: 18px;
        margin-top: 2px
    }

    .children__description>span {
        max-width: 235px
    }

    .children__right .h2 {
        margin-bottom: 32px;
        margin-top: 0
    }

    .children__right .h2 .accent-box {
        left: -9px;
        padding: 2px 10px 3px 7px
    }

    .children__list {
        margin-bottom: 30px;
        margin-left: 31px;
        max-width: 330px
    }

    .children__list li {
        font-size: 18px;
        line-height: 26px
    }

    .children__list li:not(:last-child) {
        margin-bottom: 26px
    }

    .children__call {
        flex-direction: column;
        margin-bottom: 14px;
        margin-left: -10px
    }

    .children__call .btn.btn_click {
        margin-right: 20px
    }

    .children__call .btn.btn_click:before {
        right: -80px;
        top: -61px
    }

    .children__call .btn.btn_click-alternate,
    .children__phones {
        margin-left: auto;
        margin-right: auto
    }

    .children__phones {
        margin-top: 10px
    }
}

@media screen and (max-width:1023px) {
    .children {
        top: -206px
    }

    .children__inner {
        align-items: center;
        display: flex;
        top: -70px;
        width: 100%
    }

    .children__media {
        margin-right: 35px;
        min-width: 376px;
        width: 376px
    }

    .children__caption {
        padding: 0 0 19px 26px
    }

    .children__caption>.btn.btn_play {
        margin-bottom: 2px
    }

    .children__info {
        width: 245px
    }

    .children__info .caption-text {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: -2px;
        margin-left: 0;
        max-width: 80%
    }

    .children__description {
        font-size: 14px;
        line-height: 17px;
        margin-top: 1px;
        padding-top: 13px
    }

    .children__right {
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
        width: -webkit-fit-content;
        width: fit-content
    }

    .children__right .h2 {
        margin-bottom: 19px
    }

    .children__right .h2 .accent-box {
        bottom: -2px;
        left: -5px;
        padding: 0 6px 0 5px
    }

    .children__list {
        margin-bottom: 42px;
        margin-left: 30px;
        max-width: 290px
    }

    .children__list li {
        font-size: 16px;
        line-height: 24px
    }

    .children__list li.detail-svg:after {
        left: -30px
    }

    .children__list li:not(:last-child) {
        margin-bottom: 22px
    }

    .children__call {
        margin-bottom: 0;
        margin-left: -29px;
        margin-top: auto
    }

    .children__call .btn.btn_click:before {
        right: -90px;
        top: -29px
    }

    .children__phones>.phone {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width:767px) {
    .children {
        margin-bottom: 0;
        padding-bottom: 8px;
        padding-top: 70px;
        top: -2px
    }

    .children .row {
        padding-left: 15px;
        padding-right: 15px;
        width: auto
    }

    .children__inner {
        flex-direction: column;
        position: relative
    }

    .children__media-wrapper {
        order: 2;
        width: calc(100% + 30px)
    }

    .children__media-wrapper .children__call {
        display: flex
    }

    .children__media {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        min-width: auto;
        width: 100%
    }

    .children__caption {
        align-items: flex-end;
        height: 100%;
        padding: 0 0 26px 16px
    }

    .children__caption>.btn.btn_play {
        margin-bottom: 0;
        margin-top: 0;
        position: absolute;
        right: 20px;
        top: 26px
    }

    .children__caption>.btn.btn_play span {
        height: 13px;
        margin-top: 1px;
        width: 13px
    }

    .children__info {
        order: 1;
        width: 225px
    }

    .children__info .caption-text {
        font-size: 21.3px;
        line-height: 25px;
        margin-bottom: 0
    }

    .children__description {
        max-width: 219px;
        padding-top: 8px
    }

    .children__description>span {
        max-width: none
    }

    .children__right {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

    .children__right .h2 {
        margin-bottom: 24px
    }

    .children__right .h2 .accent-box {
        bottom: 0;
        padding: 1px 6px 5px 5px
    }

    .children__right .children__call {
        display: none
    }

    .children__list {
        margin-bottom: 31px;
        margin-left: 29px;
        max-width: calc(100% - 45px)
    }

    .children__list li {
        line-height: 22px
    }

    .children__list li.detail-svg:after {
        left: -29px;
        top: 4px
    }

    .children__list li:not(:last-child) {
        margin-bottom: 16px
    }

    .children__call {
        flex-direction: column;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 21px
    }

    .children__call .btn.btn_click {
        margin-bottom: 14px;
        margin-left: auto;
        margin-right: auto
    }

    .children__call .btn.btn_click:before {
        left: -81px;
        right: auto;
        top: -13px;
        transform: scaleX(-1) rotate(-5deg)
    }

    .children__phones>.phone {
        font-size: 20px;
        line-height: 25px
    }
}

.header {
    height: 0;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 200
}

.header__inner {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 57px;
    width: 100%
}

.header__burger {
    display: none
}

.header__menu-block {
    display: flex;
    margin-left: 2px;
    margin-top: 13px;
    position: relative
}

.header__attributes,
.header__closer {
    display: none
}

.header__menu {
    display: flex
}

.header__menu__item {
    color: #495058;
    color: var(--text_color_gray);
    cursor: pointer;
    font-family: Unbounded, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: color .3s linear
}

.header__menu__item:hover {
    color: #cb5874;
    color: var(--accent_color_second)
}

.header__menu__item:not(:last-child) {
    margin-right: 53px
}

.header__call {
    align-items: flex-end;
    margin-right: 2px
}

.header__call,
.header__phones {
    display: flex;
    flex-direction: column
}

.header__phones {
    margin-bottom: 9px
}

.header__phones .phone {
    color: #495058;
    color: var(--text_color_gray);
    font-size: 24px;
    line-height: 30px
}

.header__phones .phone:not(:last-child) {
    margin-bottom: 6px
}

.header__phones .phone:hover {
    color: #cb5874;
    color: var(--accent_color_second)
}

.header__address {
    border-bottom: 1px dashed #202020;
    border-bottom: 1px dashed var(--h_color);
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    transition: border-bottom-color .2s linear
}

.header__address:hover {
    border-bottom-color: transparent
}

@media screen and (max-width:1320px) {
    .header__inner {
        padding-bottom: 37px;
        padding-top: 30px
    }

    .header__menu-block {
        margin-left: 0;
        margin-top: 13px
    }

    .header__menu__item {
        font-size: 15px;
        line-height: 18.5px
    }

    .header__menu__item:not(:last-child) {
        margin-right: 44.5px
    }

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

    .header__address {
        margin-right: 1px
    }
}

@media screen and (max-width:1023px) {
    .header__inner {
        padding-bottom: 39.7px;
        padding-top: 27px
    }

    .header__menu-block {
        margin-top: 8px
    }

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

    .header__menu__item:not(:last-child) {
        margin-right: 27.5px
    }

    .header__phones .phone {
        font-size: 20px;
        line-height: 25px
    }

    .header__address {
        margin-right: -2px
    }
}

@media screen and (max-width:767px) {
    .header {
        position: fixed
    }

    .header .row {
        background-color: #fff;
        background-color: var(--bg_white)
    }

    .header.header_alternate-color .row {
        background-color: #f3f3f3;
        background-color: var(--bg_light)
    }

    .header__inner {
        padding-bottom: 13px;
        padding-top: 13px
    }

    .header__burger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        height: 20px;
        justify-content: center;
        margin-top: 2px;
        position: relative;
        width: 33px
    }

    .header__burger span {
        background-color: #000;
        background-color: var(--black);
        height: 1px;
        transition: width .2s linear;
        width: 20px
    }

    .header__burger span:after,
    .header__burger span:before {
        background-color: #000;
        background-color: var(--black);
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 33px
    }

    .header__burger span:after {
        bottom: 0;
        top: auto
    }

    .header__burger.opened span {
        width: 33px
    }

    .header__menu-block {
        background-color: #2f3132;
        background-color: var(--bg_dark);
        display: flex;
        flex-direction: column;
        left: -100vw;
        margin-top: 0;
        max-height: 100vh;
        opacity: 0;
        overflow-y: scroll;
        padding: 68px 15px 47px;
        position: absolute;
        top: 0;
        transition: left .5s ease-out;
        width: 100vw;
        z-index: 50
    }

    .header__menu-block.opened {
        left: 0;
        opacity: 1
    }

    .header__menu-block .header__attributes {
        padding-top: 140px;
        position: relative;
        width: 100%
    }

    .header__menu-block .header__call {
        align-items: flex-start;
        display: flex
    }

    .header__menu-block .header__phones {
        margin-bottom: 8px
    }

    .header__menu-block .header__phones .phone {
        color: #fff;
        color: var(--text_color_light);
        font-size: 20px;
        line-height: 25px
    }

    .header__menu-block .header__worktime {
        color: #fff;
        color: var(--text_color_light)
    }

    .header__menu-block .btn.btn_click {
        position: absolute;
        right: 12px;
        top: 0
    }

    .header__closer {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 24px;
        justify-content: center;
        position: absolute;
        right: 15px;
        top: 18px;
        width: 24px
    }

    .header__closer:after,
    .header__closer:before {
        background-color: #fff;
        background-color: var(--bg_white);
        content: "";
        display: block;
        height: 33px;
        position: absolute;
        width: 1px
    }

    .header__closer:after {
        transform: rotate(45deg)
    }

    .header__closer:before {
        transform: rotate(-45deg)
    }

    .header__attributes {
        display: flex
    }

    .header__menu {
        flex-direction: column;
        margin-bottom: 139px
    }

    .header__menu__item {
        border-bottom: 1px solid #7c7c7c;
        border-bottom: 1px solid var(--header_border_color);
        color: #fff;
        color: var(--text_color_light);
        font-size: 18px;
        line-height: 22px;
        padding: 14px 0
    }

    .header__menu__item:not(:last-child) {
        margin-right: 0
    }

    .header__menu__item:first-child {
        border-top: 1px solid #7c7c7c;
        border-top: 1px solid var(--header_border_color)
    }

    .header__call {
        margin-right: 0;
        position: relative
    }

    .header__phones {
        margin-bottom: 10px
    }

    .header__address {
        font-size: 14px;
        line-height: 14px;
        margin-right: 1px
    }
}

.first-screen {
    margin-top: 152px
}

.first-screen .chunk-panel__dropdown {
    max-width: 618px
}

.first-screen .chunk-panel__dropdown .chunk-panel__block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.first-screen .chunk-panel__dropdown .chunk-panel__elem {
    width: calc(50% - 10px)
}

.first-screen .chunk-panel__dropdown .chunk-panel__string {
    display: flex
}

.first-screen .chunk-panel__dropdown .chunk-panel__string .chunk-panel__chunk {
    margin-left: 7px
}

.fs__inner {
    display: grid;
    grid-template-areas: "fs__title  fs__media""fs__prices fs__media";
    grid-template-columns: auto 628px;
    grid-template-rows: auto 1fr;
    grid-column-gap: 50px;
    column-gap: 50px
}

.fs__title {
    display: flex;
    flex-wrap: wrap;
    grid-area: fs__title;
    margin-bottom: 42px;
    margin-top: 51px
}

.fs__title .tippy-info {
    align-self: flex-end;
    margin-bottom: 30px;
    margin-left: -58px
}

.fs__title .h1 {
    max-width: 600px
}

.fs__title .h1 .accent-box {
    margin-right: 7px;
    padding: 0 2px;
    position: relative;
    top: 5px
}

.fs__title .h1 .accent-box span {
    position: relative;
    top: -5px
}

.fs__title .h1 .accent-box span:first-child {
    padding: 0 9px
}

.fs__title .h1 .accent-box span:nth-child(2) {
    left: 5px
}

.fs_subtitle {
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 25px;
    margin-top: 15px
}

.fs_subtitle span {
    color: #2e63e5;
    color: var(--common_color)
}

.fs__logo {
    height: 29px;
    margin-bottom: 24px;
    margin-left: -2px;
    margin-top: -1px;
    width: 177px
}

.fs__logo svg,
.fs__logo>img {
    max-width: 100%;
    width: 100%
}

.fs__prices {
    align-items: flex-end;
    display: flex;
    grid-area: fs__prices;
    height: -webkit-fit-content;
    height: fit-content;
    width: 100%
}

.fs__prices .btn.btn_click {
    height: 170px;
    margin-left: 121px;
    min-width: 170px;
    position: relative;
    width: 170px
}

.fs__prices .btn.btn_click span {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 24px;
    text-align: center
}

.fs__prices .btn.btn_click-alternate {
    height: 62px;
    margin-bottom: 6px;
    margin-left: 90px;
    position: relative;
    right: -38px;
    width: 256px
}

.fs__prices .btn.btn_click-alternate:before {
    bottom: 43px;
    left: -33px;
    transform: translateX(-100%) rotate(35deg)
}

.fs__prices .btn:before {
    background-image: url(../images/37f616e7ef1cf97c5d63.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 4px;
    content: "";
    display: block;
    height: 52px;
    left: -16px;
    position: absolute;
    transform: translateX(-100%);
    width: 66px
}

.fs__price {
    display: flex;
    flex-direction: column;
    position: relative
}

.fs__price__name {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 29px;
    margin-left: 1px;
    max-width: 280px
}

.fs__price__price {
    color: #cb5874;
    color: var(--price_color);
    font-family: Caveat, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 13px
}

.fs__price__price span.price {
    font-size: 54px
}

.fs__media {
    grid-area: fs__media;
    height: -webkit-fit-content;
    height: fit-content;
    position: relative;
    right: -61px
}

.fs__img {
    border-radius: 2px
}

.fs__img-logo {
    height: 104px;
    position: absolute;
    right: 21px;
    top: 176px;
    width: 18px
}

.fs__img-logo svg,
.fs__img-logo>img {
    max-height: 100%;
    max-width: 100%
}

.fs__likes {
    bottom: 32px;
    height: -webkit-fit-content;
    height: fit-content;
    left: -19px;
    position: absolute;
    width: -webkit-fit-content;
    width: fit-content
}

.fs__likes>img {
    width: 110px
}

.fs__like {
    background-image: url(../images/6920b54d7145887c99a1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    height: 29px;
    left: calc(50% + 2px);
    position: absolute;
    transform: translateX(-50%);
    width: 29px
}

@media screen and (max-width:1320px) {
    .first-screen {
        margin-top: 120px
    }

    .first-screen .row {
        padding-right: 0
    }

    .first-screen.first-screen_alt-btns .fs__prices {
        align-items: flex-start;
        flex-direction: column
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate {
        left: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 14px;
        right: auto
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate:before {
        bottom: 41px;
        left: auto;
        right: -97px;
        transform: rotate(-57deg) scaleX(-1)
    }

    .first-screen.first-screen_alt-btns .fs__price {
        flex-direction: row
    }

    .first-screen.first-screen_alt-btns .fs__price__price {
        position: relative;
        right: -14px
    }

    .fs__inner {
        grid-template-columns: auto 466px
    }

    .fs__title {
        margin-bottom: 43px;
        margin-top: 30px
    }

    .fs__title .h1 {
        max-width: 430px
    }

    .fs__title .h1 .accent-box {
        padding: 5px 2px 0
    }

    .fs__title .h1 .accent-box span:first-child {
        padding: 0 5px
    }

    .fs__title .h1 .accent-box span:nth-child(2) {
        left: 3.5px
    }

    .fs_subtitle {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .fs__logo {
        height: 23px;
        margin-bottom: 23px;
        margin-left: 0;
        margin-top: 0;
        width: 140px
    }

    .fs__prices .btn.btn_click {
        height: 125px;
        margin-bottom: 4px;
        margin-left: 75px;
        min-width: 125px;
        width: 125px
    }

    .fs__prices .btn.btn_click span {
        font-size: 15px;
        line-height: 18px
    }

    .fs__prices .btn.btn_click:before {
        bottom: auto;
        left: -11px;
        top: 0;
        transform: translateX(-100%) scaleY(-1) rotate(-25deg)
    }

    .fs__price__name {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20.5px;
        max-width: 210px
    }

    .fs__price__price {
        font-size: 35px;
        margin-bottom: 35.5px
    }

    .fs__price__price span.price {
        font-size: 47px
    }

    .fs__media {
        right: 0
    }

    .fs__img-logo {
        display: none
    }

    .fs__likes {
        bottom: 6px;
        left: -23px
    }

    .fs__like {
        bottom: 0;
        left: calc(50% - 4px)
    }
}

@media screen and (max-width:1023px) {
    .first-screen {
        margin-top: 117px;
        padding-bottom: 63px
    }

    .first-screen.first-screen_alt-btns {
        padding-bottom: 80px
    }

    .first-screen.first-screen_alt-btns .fs__logo {
        margin-bottom: 16px
    }

    .first-screen.first-screen_alt-btns .fs__title {
        margin-bottom: 35px
    }

    .first-screen.first-screen_alt-btns .fs__title .h1 {
        max-width: 355px
    }

    .first-screen.first-screen_alt-btns .fs__media {
        margin-top: auto
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate:before {
        bottom: 76px;
        right: -61px;
        transform: rotate(-71deg) scaleX(-1)
    }

    .first-screen.first-screen_alt-btns .fs__price {
        flex-direction: column
    }

    .first-screen.first-screen_alt-btns .fs__price__name {
        margin-bottom: 9px
    }

    .first-screen.first-screen_alt-btns .fs__price__price {
        margin-bottom: 9px;
        right: auto
    }

    .fs__inner {
        column-gap: 28px;
        grid-template-columns: auto 350px
    }

    .fs__title {
        margin-bottom: 41px;
        margin-top: 0
    }

    .fs__title .h1 .accent-box {
        padding: 0 2px;
        top: 3px
    }

    .fs__title .h1 .accent-box span {
        top: -2px
    }

    .fs__title .h1 .accent-box span:first-child {
        left: 2px;
        padding: 0 4px 0 2px
    }

    .fs_subtitle {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px
    }

    .fs__logo {
        margin-bottom: 24px;
        margin-top: -1px
    }

    .fs__prices .btn.btn_click {
        margin-bottom: 3px;
        margin-left: auto
    }

    .fs__prices .btn.btn_click:before {
        bottom: 6px;
        left: -18px;
        top: auto;
        transform: translateX(-100%)
    }

    .fs__price__name {
        margin-bottom: 14px;
        margin-left: 2px
    }

    .fs__price__price {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 74px
    }

    .fs__price__price span.price {
        font-size: 40px
    }

    .fs__media {
        top: 2px
    }

    .fs__likes {
        bottom: 12px;
        left: -16px
    }
}

@media screen and (max-width:767px) {
    .first-screen {
        margin-bottom: -10px;
        margin-top: 89px;
        padding-bottom: 73px
    }

    .first-screen .row {
        padding-right: 15px
    }

    .first-screen.first-screen_alt-btns {
        padding-bottom: 78px
    }

    .first-screen.first-screen_alt-btns .fs__title {
        margin-bottom: 24px
    }

    .first-screen.first-screen_alt-btns .fs__media {
        margin-top: 0
    }

    .first-screen.first-screen_alt-btns .fs__prices {
        margin-left: auto;
        padding: 0
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate {
        margin-top: 25px;
        width: 330px
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate:before {
        bottom: auto;
        right: 45px;
        top: -95px;
        transform: rotate(-105deg) scaleX(-1)
    }

    .first-screen.first-screen_alt-btns .fs__price__name {
        margin-bottom: 12px
    }

    .fs__inner {
        column-gap: 0;
        display: flex;
        flex-direction: column
    }

    .fs__title {
        margin-bottom: 23px
    }

    .fs__title .h1 .accent-box {
        top: 2px
    }

    .fs_subtitle {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0
    }

    .fs__logo {
        height: 22px;
        margin-bottom: 16px;
        margin-left: -1px;
        margin-top: -3px;
        width: 135px
    }

    .fs__prices {
        align-items: flex-start;
        margin-left: auto;
        margin-right: auto;
        margin-top: 44.5px;
        padding-left: 17px;
        width: -webkit-fit-content;
        width: fit-content
    }

    .fs__prices .btn.btn_click {
        margin-bottom: 0;
        margin-left: 10px;
        margin-top: -17px
    }

    .fs__prices .btn.btn_click:before {
        bottom: -30px;
        left: 13px
    }

    .fs__price__name {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 13px;
        margin-left: 0;
        max-width: 175px
    }

    .fs__price__price {
        font-size: 25px;
        line-height: 22px;
        margin-bottom: 0
    }

    .fs__price__price span.price {
        font-size: 34px
    }

    .fs__media {
        display: flex;
        height: -webkit-fit-content;
        height: fit-content;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        padding-bottom: 30px;
        top: 0;
        width: 100%
    }

    .fs__media>img {
        max-width: 500px;
        width: 100vw
    }

    .fs__img-logo {
        bottom: -33px;
        display: flex;
        height: 85px;
        left: 35px;
        position: absolute;
        right: auto;
        top: auto;
        transform: rotate(90deg);
        width: 15px
    }

    .fs__likes {
        bottom: 0;
        left: auto;
        right: -33px
    }

    .fs__likes>img {
        width: 87px
    }

    .fs__like {
        bottom: -1px;
        height: 22px;
        width: 22px
    }
}

.thanks {
    padding-top: 167px
}

.thanks .h1 {
    margin-bottom: 80px;
    max-width: 500px
}

.thanks .h1 .accent-box {
    left: -3px;
    margin-left: -7px;
    margin-right: 10px;
    padding: 0 0 0 10px;
    position: relative;
    top: 3px
}

.thanks .row>.thanks__worktime {
    display: none
}

.thanks__inner {
    display: flex
}

.thanks__left {
    display: flex;
    flex-direction: column;
    margin-top: -10px;
    max-width: 670px
}

.thanks__breadcrumbs {
    display: flex
}

.thanks__breadcrumbs i {
    background-color: #cb5874;
    background-color: var(--accent_color_second);
    border-radius: 50%;
    display: block;
    height: 3px;
    margin: auto 7px;
    width: 3px
}

.thanks__link-main {
    color: #484848;
    color: var(--text_color);
    -webkit-text-decoration: none;
    text-decoration: none
}

.thanks__link-main,
.thanks__link-thanks {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.thanks__link-thanks {
    color: #2e63e5;
    color: var(--accent_color)
}

.thanks__logo {
    height: 29px;
    margin-bottom: 24px;
    margin-left: -2px;
    margin-top: 78px;
    width: 177px
}

.thanks__logo svg,
.thanks__logo>img {
    max-width: 100%
}

.thanks__text {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-left: 51px
}

.thanks__text.prefix-line:after {
    left: -13px;
    top: 13px
}

.thanks__worktime {
    font-size: 24px;
    line-height: 22px;
    margin-left: 51px
}

.thanks__media {
    margin-left: auto;
    margin-right: -34px;
    position: relative;
    width: 660px
}

.thanks__media>img {
    border-radius: 2px;
    width: 100%
}

.thanks__likes {
    bottom: 25px;
    height: -webkit-fit-content;
    height: fit-content;
    left: -26px;
    position: absolute;
    width: -webkit-fit-content;
    width: fit-content
}

.thanks__likes>img {
    width: 110px
}

.thanks__like {
    background-image: url(../images/6920b54d7145887c99a1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    height: 29px;
    left: calc(50% + 2px);
    position: absolute;
    transform: translateX(-50%);
    width: 29px
}

.thanks__gift-wrapper {
    background-color: #6082d7;
    background-color: var(--bg_blue);
    width: 100%
}

.thanks__gift-wrapper .row {
    display: flex;
    padding-bottom: 33px;
    padding-top: 41px;
    position: relative
}

.thanks__gift {
    background-image: url(../images/6e5ed28d7c0c10df92a2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -84px;
    height: 218px;
    left: -2px;
    position: absolute;
    width: 218px
}

.thanks__gift__text {
    color: #fff;
    color: var(--text_color_light);
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin-left: 184px;
    margin-right: 165px
}

.thanks__gift__list {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -2px
}

.thanks__gift__item {
    max-width: 373px;
    width: 373px
}

.thanks__gift__item p {
    color: #fff;
    color: var(--text_color_light);
    font-size: 20px;
    line-height: 30px;
    max-width: 85%
}

.thanks__gift__item p .old {
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.thanks__gift__item p.detail-svg:after {
    background-image: url(../images/26387fff9dff64bd7ff7.svg);
    left: -28px;
    top: 6px
}

@media screen and (max-width:1320px) {
    .thanks {
        padding-top: 114px
    }

    .thanks .h1 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 43px;
        max-width: 300px
    }

    .thanks .h1 .accent-box {
        left: 0;
        margin-left: -6px;
        margin-right: 8px;
        padding: 1px 0 3.5px 6px;
        top: 0
    }

    .thanks__left {
        margin-top: -17px;
        max-width: calc(100% - 510px)
    }

    .thanks__logo {
        height: 23px;
        margin-bottom: 25px;
        margin-left: 0;
        margin-top: 40px;
        width: 140px
    }

    .thanks__text {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 19px;
        margin-left: 46px
    }

    .thanks__text.prefix-line:after {
        left: -11px;
        top: 11px
    }

    .thanks__worktime {
        font-size: 18px;
        margin-left: 46px
    }

    .thanks__media {
        margin-right: 0;
        margin-top: auto;
        width: 505px
    }

    .thanks__likes {
        bottom: 19px;
        left: -29px
    }

    .thanks__like {
        left: calc(50% - 6px)
    }

    .thanks__gift-wrapper {
        margin-top: -3px;
        position: relative;
        z-index: 10
    }

    .thanks__gift-wrapper .row {
        padding-bottom: 34px;
        padding-top: 50px
    }

    .thanks__gift {
        bottom: -41px;
        transform: scaleX(-1) rotate(-5deg);
        width: 162px
    }

    .thanks__gift__text {
        font-size: 18px;
        margin-left: 118px;
        margin-right: 50px;
        min-width: 125px
    }

    .thanks__gift__list {
        justify-content: center;
        margin-top: 0;
        padding-right: 12px;
        position: relative
    }

    .thanks__gift__item {
        max-width: 290px;
        width: 290px
    }

    .thanks__gift__item:nth-child(2n) {
        margin-left: 45px
    }

    .thanks__gift__item p {
        font-size: 18px;
        line-height: 24px;
        max-width: 95%
    }

    .thanks__gift__item p.detail-svg:after {
        top: 3px
    }
}

@media screen and (max-width:1023px) {
    .thanks {
        padding-top: 85px
    }

    .thanks .h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 28px;
        max-width: 270px
    }

    .thanks .h1 .accent-box {
        left: 0;
        margin-left: -3px;
        margin-right: 3px;
        padding: 1px 0 0 3px
    }

    .thanks__left {
        margin-top: 1px;
        max-width: calc(100% - 404px)
    }

    .thanks__breadcrumbs {
        margin-left: 2px
    }

    .thanks__logo {
        margin-bottom: 25px;
        margin-top: 48px
    }

    .thanks__text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-left: 45px
    }

    .thanks__worktime {
        font-size: 16px;
        margin-bottom: 32px;
        margin-left: 45px
    }

    .thanks__media {
        width: 404px
    }

    .thanks__gift-wrapper {
        margin-top: -1px
    }

    .thanks__gift-wrapper .row {
        flex-direction: column;
        padding-bottom: 30px;
        padding-left: 122px;
        padding-top: 29px
    }

    .thanks__gift {
        bottom: -48px;
        left: -48px;
        width: 160px
    }

    .thanks__gift__text {
        font-size: 16px;
        margin-left: 0;
        margin-right: 0
    }

    .thanks__gift__list {
        justify-content: flex-start;
        margin-top: 7px;
        padding-left: 28px;
        padding-right: 0
    }

    .thanks__gift__item {
        max-width: calc(50% - 39.5px);
        width: calc(50% - 39.5px)
    }

    .thanks__gift__item:nth-child(2n) {
        margin-left: 50px
    }

    .thanks__gift__item p {
        font-size: 16px;
        line-height: 22px
    }

    .thanks__gift__item p.detail-svg:after {
        top: 4px
    }
}

@media screen and (max-width:767px) {
    .thanks {
        padding-top: 89px
    }

    .thanks .h1 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 19px;
        max-width: calc(100% - 30px)
    }

    .thanks .h1 .accent-box {
        padding: 2px 0 4px 3px
    }

    .thanks .row>.thanks__worktime {
        display: block
    }

    .thanks__inner {
        flex-direction: column
    }

    .thanks__left {
        margin-top: 0;
        max-width: 100%
    }

    .thanks__left .thanks__worktime {
        display: none
    }

    .thanks__breadcrumbs {
        margin-left: 0
    }

    .thanks__breadcrumbs i {
        margin: auto 8px
    }

    .thanks__link-main,
    .thanks__link-thanks {
        font-size: 12px
    }

    .thanks__logo {
        height: 22px;
        margin-bottom: 14.5px;
        margin-top: 21px;
        width: 135px
    }

    .thanks__text {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 22px;
        margin-left: 15px
    }

    .thanks__text.prefix-line:after {
        left: -7px;
        top: 12px;
        width: 27px
    }

    .thanks__worktime {
        font-size: 14px;
        margin-bottom: 20.5px;
        margin-left: 0;
        margin-top: 14px
    }

    .thanks__media {
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        max-width: 500px;
        width: 100%
    }

    .thanks__media>img {
        max-width: 500px;
        width: 100vw
    }

    .thanks__likes {
        left: auto;
        right: -28px
    }

    .thanks__likes>img {
        width: 85px
    }

    .thanks__like {
        height: 22px;
        left: calc(50% - 3px);
        width: 22px
    }

    .thanks__gift-wrapper {
        margin-top: 0
    }

    .thanks__gift-wrapper .row {
        padding-bottom: 28px;
        padding-left: 15px;
        padding-top: 28px
    }

    .thanks__gift {
        bottom: auto;
        height: 120px;
        left: auto;
        right: -48px;
        top: -11px;
        transform: rotate(-4deg) scaleX(-1);
        width: 118px
    }

    .thanks__gift__list {
        flex-direction: column;
        margin-top: 12px;
        padding-left: 43px
    }

    .thanks__gift__item {
        max-width: 100%;
        width: 100%
    }

    .thanks__gift__item:nth-child(2n) {
        margin-left: 0
    }

    .thanks__gift__item:not(:last-child) {
        margin-bottom: 8px
    }

    .thanks__gift__item p {
        max-width: 85%
    }
}

.quiz {
    padding-top: 120px
}

.quiz__inner {
    display: flex;
    flex-direction: column
}

.quiz__inner .h2 {
    margin-bottom: 24px
}

.quiz__inner .h2 .accent-box {
    left: -8px;
    padding: 0 13px 2px 6px;
    position: relative
}

.quiz__subtitle {
    margin-bottom: 36px;
    max-width: 500px
}

.quiz__slider {
    background-color: #83a7ff;
    background-color: var(--second_color);
    display: flex;
    flex-direction: column;
    padding-bottom: 95px;
    padding-top: 122px;
    position: relative;
    width: 100%
}

.quiz__img {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 252px;
    z-index: 2
}

.quiz__gift {
    background-color: #6082d7;
    background-color: var(--bg_blue);
    border-radius: 2px;
    color: #fff;
    color: var(--text_color_light);
    max-width: 449px;
    min-width: 449px;
    padding: 14px 15px 19px 93px;
    position: absolute;
    right: 0;
    top: -66px
}

.quiz__gift:after {
    background-image: url(../images/72ac4c0a529c9a87ad6a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 67px;
    left: 16px;
    position: absolute;
    top: 12px;
    width: 65px
}

.quiz__gift-mobile {
    display: none
}

.quiz__pages {
    z-index: 5
}

.quiz__page {
    border-radius: 2px;
    display: flex !important;
    padding: 0 71px 0 59px;
    width: 100%
}

.quiz__page.quiz__page_3 .quiz__page__title {
    padding-right: 0
}

.quiz__page__title {
    color: #fff;
    color: var(--text_color_light);
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    padding-right: 60px
}

.quiz__page__content {
    display: flex;
    margin-left: auto;
    max-width: 751px;
    min-width: 751px
}

.quiz__radio-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 40px;
    max-width: 100%;
    width: 100%
}

.quiz__item {
    align-items: center;
    background-color: #fff;
    background-color: var(--bg_white);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 57px;
    max-width: 346px;
    min-width: 346px
}

.quiz__item:nth-child(2n) {
    margin-left: 19px
}

.quiz__item:nth-child(n+3) {
    margin-top: 18px
}

.quiz__item input {
    display: none
}

.quiz__item.checked .quiz__item__radio {
    background-color: #cb5874;
    background-color: var(--accent_color_second);
    border-color: #cb5874;
    border-color: var(--accent_color_second)
}

.quiz__item.checked .quiz__item__radio:after {
    opacity: 1
}

.quiz__item__radio {
    border: 1px solid #83a7ff;
    border: 1px solid var(--second_color);
    border-radius: 50%;
    height: 42px;
    margin-left: 10px;
    margin-right: 11px;
    position: relative;
    transition: border-color .2s linear, background-color .2s linear;
    width: 42px
}

.quiz__item__radio:after {
    background-image: url(../images/43ad7411409553432088.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .2s linear;
    width: 18px
}

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

.quiz__nav {
    display: flex;
    justify-content: flex-end;
    margin-top: 64px;
    padding-right: 72px
}

.quiz__nav .btn.btn_back {
    margin-right: 7px
}

.quiz__results {
    display: none;
    padding-bottom: 111px
}

.quiz__results__title-block {
    display: flex;
    flex-direction: column
}

.quiz__results__title-block .h2 {
    font-size: 30px;
    line-height: 42px;
    max-width: 600px
}

.quiz__results__title-block .h2 .accent-box {
    left: 1px;
    margin-left: -9px;
    margin-right: 9px;
    padding: 2px 2px 4px 7px;
    position: relative
}

.quiz__results__subtitle {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 23px;
    margin-left: 37px
}

.quiz__results__subtitle.prefix-line:after {
    left: -11px;
    top: 11px;
    width: 27px
}

.quiz__results__form {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: 152px;
    margin-top: 13px;
    max-width: 333px;
    min-width: 333px
}

.quiz__results__form .form__group {
    height: 62px;
    width: 100%
}

.quiz__results__form .form__group.form__group_phone {
    margin-bottom: 10px
}

.quiz__results__form .form__policy {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 11px;
    text-align: center
}

.quiz__results__form .form__policy .link {
    color: #484848;
    color: var(--text_color);
    font-family: Inter, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.quiz__results__gift {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 17px;
    padding-left: 29px
}

.quiz__results__gift.detail-svg:after {
    left: -1px;
    top: 5px
}

.quiz__results__count {
    display: flex;
    flex-direction: column;
    padding-bottom: 111px;
    padding-top: 111px;
    width: 100%
}

.quiz__results__text {
    text-align: center
}

.quiz__results__progress {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 2px;
    display: flex;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
    overflow: hidden;
    position: relative;
    width: 900px
}

.quiz__results__progress>.bg {
    background-color: #83a7ff;
    background-color: var(--accent_color_third);
    border-radius: 5px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.quiz__results__value {
    color: #202020;
    color: var(--h_color);
    font-size: 26px;
    left: 50%;
    letter-spacing: .01em;
    line-height: 35.5px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 2
}

@media screen and (max-width:1320px) {
    .quiz {
        padding-top: 90px
    }

    .quiz__inner .h2 {
        margin-bottom: 15px
    }

    .quiz__inner .h2 .accent-box {
        left: -4px;
        padding: 0 6px 2px 4px
    }

    .quiz__subtitle {
        max-width: 440px
    }

    .quiz__slider {
        padding-bottom: 45px;
        padding-top: 75px
    }

    .quiz__gift {
        max-width: 423px;
        min-width: 423px;
        padding: 14px 25px 19px 93px;
        top: -56px
    }

    .quiz__gift:after {
        height: 59px;
        left: 20px;
        width: 57px
    }

    .quiz__page {
        padding: 0 63px 0 59px
    }

    .quiz__page.quiz__page_3 .quiz__page__title {
        padding-right: 60px
    }

    .quiz__page__title {
        font-size: 22px;
        line-height: 29px
    }

    .quiz__page__content {
        margin-left: 20px;
        max-width: calc(100% - 420px);
        min-width: calc(100% - 420px)
    }

    .quiz__radio-wrapper {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-left: 0
    }

    .quiz__item {
        max-width: 100%;
        min-width: 100%
    }

    .quiz__item:nth-child(2n) {
        margin-left: 0
    }

    .quiz__item:nth-child(n+3) {
        margin-top: 0
    }

    .quiz__item:not(:last-child) {
        margin-bottom: 9px
    }

    .quiz__item__text {
        margin-top: 3px
    }

    .quiz__nav {
        margin-top: 24px;
        padding-right: 63px
    }

    .quiz__nav .btn span {
        top: 0
    }

    .quiz__results {
        padding-bottom: 101px
    }

    .quiz__results__title-block {
        margin-right: 80px;
        margin-top: 20px
    }

    .quiz__results__title-block .h2 {
        font-size: 25px;
        line-height: 35px;
        max-width: none
    }

    .quiz__results__title-block .h2 .accent-box {
        margin-left: -7px;
        margin-right: 7px;
        padding: 0 1px 0 7px
    }

    .quiz__results__subtitle {
        line-height: 22px;
        margin-left: 39px
    }

    .quiz__results__subtitle.prefix-line:after {
        top: 9px
    }

    .quiz__results__form {
        margin-right: 50px;
        margin-top: 0
    }

    .quiz__results__gift {
        margin-bottom: 19px;
        margin-top: 1px;
        padding-left: 28px
    }

    .quiz__results__gift.detail-svg:after {
        left: -2px
    }

    .quiz__results__count {
        padding-bottom: 141px;
        padding-top: 140px
    }

    .quiz__results__progress {
        width: 750px
    }
}

@media screen and (max-width:1023px) {
    .quiz {
        padding-top: 70px
    }

    .quiz__inner .h2 {
        margin-bottom: 12px
    }

    .quiz__inner .h2 .accent-box {
        padding: 0 7px 0 4px
    }

    .quiz__subtitle {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 29px;
        max-width: 400px
    }

    .quiz__slider {
        padding-top: 100px
    }

    .quiz__gift {
        max-width: 377px;
        min-width: 377px;
        padding: 14px 15px 23px 88px;
        top: -29px
    }

    .quiz__gift:after {
        left: 15px
    }

    .quiz__page {
        padding: 0 34px 0 39px
    }

    .quiz__page.quiz__page_3 .quiz__page__title {
        padding-right: 10px
    }

    .quiz__page__title {
        font-size: 20px;
        padding-right: 10px
    }

    .quiz__page__content {
        margin-left: 10px;
        max-width: calc(100% - 337px);
        min-width: calc(100% - 337px)
    }

    .quiz__item__text {
        font-size: 16px;
        margin-top: 1px
    }

    .quiz__nav {
        padding-right: 34px
    }

    .quiz__results {
        padding-bottom: 62px
    }

    .quiz__results__title-block {
        margin-right: 33px;
        margin-top: 0
    }

    .quiz__results__title-block .h2 .accent-box {
        margin-left: -5px;
        padding: 0 6px 0 4px
    }

    .quiz__results__subtitle {
        font-size: 16px;
        margin-left: 38px
    }

    .quiz__results__subtitle.prefix-line:after {
        top: 10px
    }

    .quiz__results__form {
        margin-right: 0;
        max-width: 330px;
        min-width: 330px
    }

    .quiz__results__form .form__policy {
        font-size: 12px;
        line-height: 14.5px;
        margin-left: auto;
        margin-right: auto;
        max-width: 230px
    }

    .quiz__results__gift {
        font-size: 16px;
        line-height: 22px;
        margin-top: 0;
        padding-left: 44px
    }

    .quiz__results__gift.detail-svg:after {
        left: 15px
    }

    .quiz__results__count {
        padding-bottom: 80px;
        padding-top: 80px
    }

    .quiz__results__progress {
        height: 35px;
        margin-top: 23px;
        width: 600px
    }

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

@media screen and (max-width:767px) {
    .quiz {
        padding-top: 72px
    }

    .quiz__inner .h2 {
        margin-bottom: 23px;
        margin-left: -1px
    }

    .quiz__inner .h2 .accent-box {
        padding: 3px 7px 3px 4px
    }

    .quiz__subtitle {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
        margin-left: 16px;
        max-width: calc(100% - 90px)
    }

    .quiz__slider {
        padding-bottom: 47px;
        padding-top: 44px
    }

    .quiz__gift,
    .quiz__img {
        display: none
    }

    .quiz__gift {
        background-color: #cb5874;
        background-color: var(--accent_color_second);
        max-width: 360px;
        min-width: 360px;
        padding: 8px 22px 10px 66px;
        position: relative;
        top: auto
    }

    .quiz__gift:after {
        left: 12px;
        top: -1px;
        width: 48px
    }

    .quiz__gift-mobile {
        align-items: center;
        border-radius: 2px;
        display: flex;
        justify-content: center;
        margin-bottom: 26px;
        margin-left: -15px;
        width: 100vw
    }

    .quiz__gift-mobile .quiz__gift {
        display: flex;
        margin-left: auto;
        margin-right: auto
    }

    .quiz__page {
        flex-direction: column;
        padding: 0 18px 0 17px
    }

    .quiz__page.quiz__page_3 .quiz__page__title {
        padding-right: 0
    }

    .quiz__page__title {
        line-height: 26px;
        margin-bottom: 31px;
        padding-right: 0
    }

    .quiz__page__content {
        margin-left: 0;
        max-width: 450px;
        min-width: auto;
        width: 100%
    }

    .quiz__item:not(:last-child) {
        margin-bottom: 6px
    }

    .quiz__item__text {
        font-size: 15px
    }

    .quiz__nav {
        margin-top: 37px;
        padding-right: 18px
    }

    .quiz__results__count {
        min-height: 500px
    }

    .quiz__results {
        flex-direction: column;
        padding-bottom: 81px
    }

    .quiz__results__title-block {
        margin-right: 0
    }

    .quiz__results__title-block .h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 21px;
        margin-left: 2px;
        max-width: calc(100% - 30px)
    }

    .quiz__results__title-block .h2 .accent-box {
        margin-left: -6px;
        padding: 1px 6px 5px 5px
    }

    .quiz__results__subtitle {
        margin-bottom: 21px;
        margin-left: 16px
    }

    .quiz__results__form {
        margin-right: auto;
        max-width: 330px;
        min-width: 330px
    }

    .quiz__results__form .form__policy {
        margin-top: 12px
    }

    .quiz__results__gift {
        margin-bottom: 21px;
        padding-left: 29.5px
    }

    .quiz__results__gift.detail-svg:after {
        left: 0
    }

    .quiz__results__progress {
        height: 30px;
        margin-top: 15px;
        max-width: 500px;
        width: 100%
    }
}

.footer {
    padding-bottom: 88px
}

.footer.footer_no-line .footer__inner {
    border-top: none;
    padding-top: 55px
}

.footer .footer__inner {
    border-top: 1px solid #e7e7e7;
    border-top: 1px solid var(--footer_border_color);
    padding-top: 30px
}

.footer__inner {
    display: flex;
    flex-direction: column
}

.footer__top {
    display: flex
}

.footer__logo {
    margin-left: 1px;
    margin-right: 162px;
    max-width: 223px;
    min-width: 223px
}

.footer__logo svg,
.footer__logo>img {
    max-width: 100%
}

.footer__license {
    align-items: center;
    display: flex;
    margin-top: 3px
}

.footer__license__images {
    display: flex;
    margin-right: 52px
}

.footer__license__images>a {
    border: 1px solid #bbb;
    border: 1px solid var(--footer_license_color);
    border-radius: 2px;
    height: 76px;
    overflow: hidden;
    width: 57px
}

.footer__license__images>a:not(:last-child) {
    margin-right: 8px
}

.footer__license__info {
    color: #878787;
    color: var(--footer_text_color);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 18px;
    margin-top: 12px
}

.footer__license__text {
    margin-bottom: 10px
}

.footer__license__org {
    max-width: 310px
}

.footer__social {
    display: flex;
    margin-left: auto;
    margin-top: 3px
}

.footer__social .social:not(:first-child) {
    margin-left: 12px
}

.footer__bottom {
    align-items: center;
    display: flex;
    margin-top: 20px
}

.footer__left {
    display: flex;
    flex-direction: column
}

.footer__offer {
    color: #878787;
    color: var(--footer_text_color);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.footer__notice {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase
}

.footer__license-popup {
    display: none
}

.footer__sinergium {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: 3px
}

.footer__sinergium>img {
    margin-right: 11px;
    margin-top: 6px;
    width: 23px
}

.footer__sinergium>p {
    font-size: 13px;
    line-height: 16px
}

.footer__sinergium>p>a {
    color: #72af00;
    color: var(--sinergium_color);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.footer__sinergium>p>a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (max-width:1320px) {
    .footer {
        padding-bottom: 78px
    }

    .footer.footer_no-line .footer__inner {
        padding-top: 33px
    }

    .footer .footer__inner {
        padding-top: 34px
    }

    .footer__logo {
        margin-left: -1px;
        margin-right: 80px;
        margin-top: 2px;
        max-width: 177px;
        min-width: 177px
    }

    .footer__license,
    .footer__social {
        margin-top: 0
    }

    .footer__social .social:not(:first-child) {
        margin-left: 8px
    }

    .footer__bottom {
        align-items: flex-start;
        margin-top: 24px
    }

    .footer__sinergium {
        margin-top: -1px
    }
}

@media screen and (max-width:1023px) {
    .footer {
        padding-bottom: 55px
    }

    .footer.footer_no-line .footer__inner {
        padding-top: 31px
    }

    .footer .footer__inner {
        padding-top: 30px
    }

    .footer__logo {
        margin-right: 114px;
        margin-top: 5px;
        max-width: 142px;
        min-width: 142px
    }

    .footer__license__images {
        margin-right: 16px
    }

    .footer__license__images>a {
        height: 71px;
        margin-bottom: 1px;
        width: 54px
    }

    .footer__license__images>a:not(:last-child) {
        margin-right: 6px
    }

    .footer__license__info {
        font-size: 12px;
        margin-top: 0
    }

    .footer__license__text {
        margin-bottom: 4px
    }

    .footer__license__org {
        max-width: 250px
    }

    .footer__social .social {
        height: 31px;
        width: 31px
    }

    .footer__social .social:after {
        height: 19px;
        width: 19px
    }

    .footer__social .social:not(:first-child) {
        margin-left: 6px
    }

    .footer__bottom {
        margin-top: 29px
    }

    .footer__left {
        position: relative
    }

    .footer__offer {
        font-size: 12px;
        line-height: 14.5px;
        margin-bottom: 0;
        position: absolute;
        top: -51px
    }

    .footer__notice {
        font-size: 12px;
        margin-left: -1px;
        max-width: 330px
    }

    .footer__sinergium {
        margin-right: 0;
        margin-top: -1px
    }

    .footer__sinergium>img {
        margin-top: 5px
    }
}

@media screen and (max-width:767px) {
    .footer {
        padding-bottom: 31px
    }

    .footer.footer_no-line .footer__inner {
        padding-top: 27px
    }

    .footer .footer__inner {
        border-top: none;
        padding-top: 27px
    }

    .footer__logo {
        margin-right: auto;
        margin-top: -6px;
        max-width: 162px;
        min-width: 162px
    }

    .footer__license {
        display: none
    }

    .footer__social .social {
        height: 36px;
        width: 36px
    }

    .footer__social .social:after {
        height: 21px;
        width: 21px
    }

    .footer__social .social:not(:first-child) {
        margin-left: 10px
    }

    .footer__bottom {
        margin-top: 14px
    }

    .footer__bottom,
    .footer__left {
        flex-direction: column
    }

    .footer__offer {
        color: #484848;
        color: var(--text_color);
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-left: 4px;
        position: relative;
        top: auto
    }

    .footer__notice {
        font-size: 13px;
        margin-left: 0;
        max-width: none
    }

    .footer__license-popup {
        color: #202020;
        color: var(--h_color);
        cursor: pointer;
        display: block;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 21px;
        margin-top: 15px;
        -webkit-text-decoration: underline;
        text-decoration: underline;
        width: -webkit-fit-content;
        width: fit-content
    }

    .footer__license-popup:hover {
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .footer__sinergium {
        margin-left: 2px;
        margin-right: 0;
        margin-top: 0
    }
}

.error-block {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    padding-bottom: 56px;
    padding-top: 156px
}

.eb__inner {
    display: flex
}

.eb__inner>.eb__breadcrumbs {
    display: none
}

.eb__content {
    display: flex;
    flex-direction: column
}

.eb__content .h1 {
    margin-bottom: 40px;
    margin-top: 54px
}

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

.eb__breadcrumbs .link.link_main {
    color: #484848;
    color: var(--text_color);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.eb__breadcrumbs i {
    background-color: #cb5874;
    background-color: var(--accent_color_second);
    border-radius: 50%;
    display: block;
    height: 3px;
    margin-left: 7px;
    margin-right: 7px;
    width: 3px
}

.eb__breadcrumbs p {
    color: #2e63e5;
    color: var(--accent_color);
    font-size: 14px;
    line-height: 22px
}

.eb__text {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 32px
}

.eb__text,
.eb__text .link {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400
}

.eb__text .link {
    color: #2e63e5;
    color: var(--accent_color);
    font-size: inherit;
    line-height: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.eb__btn .btn.btn_click {
    margin-left: 140px;
    position: relative
}

.eb__btn .btn.btn_click:before {
    background-image: url(../images/850416e09058ca898cbf.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 52px;
    left: -40px;
    position: absolute;
    top: 37px;
    transform: translateX(-100%);
    width: 66px
}

.eb__picture-wrapper {
    display: flex;
    margin-left: auto;
    margin-right: 76px;
    width: -webkit-fit-content;
    width: fit-content
}

.eb__picture {
    align-items: center;
    border: 1px solid #83a7ff;
    border: 1px solid var(--accent_color_third);
    border-radius: 50%;
    color: #83a7ff;
    color: var(--accent_color_third);
    display: flex;
    font-family: Unbounded, sans-serif;
    font-size: 108px;
    font-style: normal;
    font-weight: 400;
    height: 409px;
    justify-content: center;
    line-height: 151px;
    margin-top: 13px;
    position: relative;
    width: 409px
}

.eb__picture:after,
.eb__picture:before {
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 40.5px;
    position: absolute;
    width: 40.5px
}

.eb__picture:after {
    bottom: 44.3px;
    right: 35.6px
}

.eb__picture:before {
    left: 37.7px;
    top: 42px
}

@media screen and (max-width:1320px) {
    .error-block {
        padding-bottom: 48px;
        padding-top: 129px
    }

    .eb__content .h1 {
        font-size: 35px;
        line-height: 62px;
        margin-bottom: 20px;
        margin-top: 56px
    }

    .eb__text {
        font-size: 22px;
        margin-bottom: 37px
    }

    .eb__btn .btn.btn_click {
        margin-left: 91px
    }

    .eb__btn .btn.btn_click:before {
        left: -24px
    }

    .eb__picture-wrapper {
        margin-right: -13px
    }

    .eb__picture {
        margin-top: -15px
    }

    .eb__picture:after,
    .eb__picture:before {
        height: 42.5px;
        width: 42.5px
    }

    .eb__picture:after {
        bottom: 43.3px;
        right: 33.6px
    }

    .eb__picture:before {
        left: 36.7px;
        top: 40px
    }
}

@media screen and (max-width:1023px) {
    .error-block {
        padding-bottom: 53px;
        padding-top: 116px
    }

    .eb__content .h1 {
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 38px
    }

    .eb__text {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 27px
    }

    .eb__picture-wrapper {
        margin-right: 0
    }

    .eb__picture {
        font-size: 92px;
        height: 321px;
        line-height: 129.5px;
        margin-top: 0;
        width: 321px
    }

    .eb__picture:after,
    .eb__picture:before {
        height: 37px;
        width: 37px
    }

    .eb__picture:after {
        bottom: 36.3px;
        right: 27.6px
    }

    .eb__picture:before {
        left: 30.7px;
        top: 35px
    }
}

@media screen and (max-width:767px) {
    .error-block {
        padding-bottom: 47px;
        padding-top: 89px
    }

    .eb__inner {
        flex-direction: column
    }

    .eb__inner>.eb__breadcrumbs {
        display: flex;
        order: 1
    }

    .eb__content {
        order: 3
    }

    .eb__content .h1 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 11px;
        margin-top: 14px;
        text-align: center
    }

    .eb__breadcrumbs {
        display: none
    }

    .eb__breadcrumbs .link.link_main {
        font-size: 12px
    }

    .eb__breadcrumbs i {
        margin-left: 8px;
        margin-right: 8px
    }

    .eb__breadcrumbs p {
        font-size: 12px
    }

    .eb__text {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 26px;
        margin-left: auto;
        margin-right: auto;
        max-width: 285px;
        text-align: center
    }

    .eb__btn {
        display: flex;
        justify-content: center
    }

    .eb__btn .btn.btn_click {
        margin-left: 0
    }

    .eb__btn .btn.btn_click:before {
        display: none
    }

    .eb__picture-wrapper {
        margin-right: auto;
        order: 2
    }

    .eb__picture {
        font-size: 72px;
        height: 260px;
        line-height: 100px;
        margin-top: 17px;
        width: 260px
    }

    .eb__picture:after,
    .eb__picture:before {
        height: 27px;
        width: 27px
    }

    .eb__picture:after {
        bottom: 26.3px;
        right: 20.6px
    }

    .eb__picture:before {
        left: 22.7px;
        top: 26px
    }
}

.implant {
    padding-bottom: 131px;
    padding-top: 120px
}

.implant__title {
    margin-bottom: 24px
}

.implant__subtitle {
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 36px
}

.implant__content-wrapper {
    display: flex;
    justify-content: space-between
}

.implant__nav-text {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-left: 27px;
    padding-left: 45px;
    position: relative
}

.implant__nav-text:before {
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 26px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26px
}

.implant__nav-item {
    align-items: center;
    background-color: #f1f5ff;
    background-color: var(--bg);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    min-width: 436px;
    padding-bottom: 21px;
    padding-left: 23px;
    padding-top: 20px
}

.implant__nav-item+.implant__nav-item {
    margin-top: 9px
}

.implant__nav-item.active {
    background-color: #83a7ff;
    background-color: var(--second_color)
}

.implant__nav-item.active .implant__nav-text {
    color: #fff;
    color: var(--text_color_light)
}

.implant__nav-item.active .implant__nav-text:before {
    background-image: url(../images/43ad7411409553432088.svg)
}

.implant__nav-item_320 {
    display: none
}

.implant__content {
    margin-right: 70px;
    max-width: 732px;
    position: relative
}

.implant__content-item {
    height: 0;
    opacity: 0;
    position: absolute
}

.implant__content-item.active {
    height: 100%;
    opacity: 1;
    position: relative
}

.implant-slider {
    padding-bottom: 105px
}

.implant-slider .slick-arrow {
    bottom: 0;
    position: absolute;
    right: 0
}

.implant-slider .slick-arrow.prev {
    right: 148px
}

.implant-slider .slick-dots {
    left: 50%;
    position: absolute;
    top: 411px;
    transform: translateX(-50%)
}

.implant-slider .slick-dots li+li {
    margin-left: 12px
}

.implant-slider .slick-dots .slick-active button {
    background-color: #83a7ff;
    background-color: var(--accent_color_third);
    opacity: 1
}

.implant-slider .slick-dots button {
    background-color: #83a7ff;
    background-color: var(--accent_color_third);
    height: 18px;
    max-width: none;
    opacity: .3;
    width: 18px
}

.implant-slider__grid {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    border-radius: 0 0 2px 2px;
    display: grid;
    grid-template-areas: "i_name i_phone""i_info i_note";
    justify-content: space-between;
    padding: 56px 34px 17px 40px
}

.implant-slider_name {
    font-size: 18px;
    grid-area: i_name;
    line-height: 22px;
    margin-bottom: 15px
}

.implant-slider__phone {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    grid-area: i_phone;
    line-height: 23px;
    margin-bottom: 14px
}

.implant-slider__info {
    color: #202020;
    color: var(--h_color);
    font-family: Unbounded, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    grid-area: i_info
}

.implant-slider__note {
    color: #2e63e5;
    color: var(--accent_color);
    font-family: Caveat, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    grid-area: i_note;
    letter-spacing: -.56px;
    line-height: 19px;
    text-align: right
}

.implant-slider__note-span {
    font-size: 40px;
    letter-spacing: -.8px;
    line-height: 50px
}

@media screen and (max-width:1320px) {
    .implant {
        padding-bottom: 84px;
        padding-top: 85px
    }

    .implant__title {
        margin-bottom: 33px;
        text-align: center
    }

    .implant__subtitle {
        font-size: 20px;
        text-align: center
    }

    .implant__content-wrapper {
        flex-direction: column-reverse
    }

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

    .implant-slider {
        padding-bottom: 31px
    }

    .implant-slider .slick-arrow {
        right: -98px;
        top: 165px
    }

    .implant-slider .slick-arrow.prev {
        left: -98px;
        right: auto
    }

    .implant-slider .slick-dots button {
        height: 14px;
        width: 14px
    }

    .implant-slider__grid {
        padding-bottom: 27px
    }

    .implant-slider__info {
        font-size: 20px;
        line-height: 25px
    }

    .implant-slider__note {
        font-size: 27px
    }

    .implant-slider__note-span {
        font-size: 35px;
        line-height: 40px
    }

    .implant__nav {
        display: flex;
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
        row-gap: 15px;
        z-index: 1
    }

    .implant__nav-item {
        margin-left: 8px;
        margin-right: 8px;
        width: calc(50% - 16px)
    }

    .implant__nav-item:nth-child(2n) {
        padding-left: 46px
    }

    .implant__nav-item+.implant__nav-item {
        margin-top: 0
    }
}

@media screen and (max-width:1023px) {
    .implant {
        padding-bottom: 55px;
        padding-top: 50px
    }

    .implant__title {
        margin-bottom: 20px
    }

    .implant__subtitle {
        font-size: 18px;
        line-height: 37px;
        margin-bottom: 18px
    }

    .implant-slider {
        padding-bottom: 19px
    }

    .implant-slider .slick-arrow {
        height: 61px;
        min-width: 61px;
        right: -26px;
        top: 141px;
        width: 61px
    }

    .implant-slider .slick-arrow.prev {
        left: -26px;
        z-index: 1
    }

    .implant-slider .slick-dots {
        top: 380px
    }

    .implant__before-after-wrapper,
    .implant__content {
        max-width: 674px
    }

    .implant__nav {
        margin-left: -7px;
        margin-right: -7px
    }

    .implant__nav-item {
        margin-left: 6px;
        margin-right: 6px;
        min-width: 0;
        min-width: auto;
        width: calc(50% - 12px)
    }

    .implant-slider__grid {
        padding: 33px 36px 28px 33px
    }

    .implant-slider_name {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 17px
    }

    .implant-slider__phone {
        font-size: 18px
    }

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

    .implant-slider__note {
        font-size: 28px;
        margin-top: -3px
    }

    .implant__nav-icon {
        width: 93px
    }

    .implant__nav {
        row-gap: 12px
    }

    .implant__nav-item {
        padding-bottom: 10px;
        padding-left: 17px;
        padding-top: 10px
    }

    .implant__nav-item:nth-child(2n) {
        padding-left: 17px
    }

    .implant__nav-text {
        font-size: 17px;
        margin-left: 20px;
        margin-top: 3px;
        padding-left: 34px
    }
}

@media screen and (max-width:767px) {
    .implant {
        padding-bottom: 42px;
        padding-top: 40px
    }

    .implant__title {
        margin-bottom: 18px;
        text-align: left
    }

    .implant__subtitle {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
        text-align: left
    }

    .implant__nav {
        display: none
    }

    .implant__nav-item_320 {
        border-top: 1px solid #83a7ff;
        border-top: 1px solid var(--accent_color_third);
        display: flex;
        margin: initial;
        padding-bottom: 12px;
        position: relative;
        width: 100%;
        z-index: 2
    }

    .implant__nav-item_320:before {
        background-image: url(../images/3ab06c8cb83c286cd21e.svg);
        background-size: cover;
        content: "";
        height: 9px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 17px
    }

    .implant__nav-item_320.active:before {
        background-image: url(../images/d9d54f3514fe23bcaceb.svg)
    }

    .implant__nav-text {
        margin-left: 15px
    }

    .implant__before-after-wrapper,
    .implant__content {
        max-width: 330px
    }

    .implant-slider {
        background-color: #83a7ff;
        background-color: var(--accent_color_third);
        padding-bottom: 0
    }

    .implant-slider .slick-arrow {
        border-color: #fff;
        border-color: var(--bg_white);
        height: 51px;
        min-width: 51px;
        top: 185px;
        width: 51px
    }

    .implant-slider .slick-arrow:after {
        background-image: url(../images/316670ff2e3e73aef6d3.svg)
    }

    .implant-slider .slick-arrow.prev {
        left: 12px
    }

    .implant-slider .slick-arrow.next {
        right: 14px
    }

    .implant-slider .slick-dots {
        top: 203px
    }

    .implant-slider .slick-dots button {
        height: 12px;
        opacity: .3;
        width: 12px
    }

    .implant-slider .slick-dots .slick-active button,
    .implant-slider .slick-dots button {
        background-color: #f1f5ff;
        background-color: var(--bg)
    }

    .implant-slider__grid {
        background-color: #83a7ff;
        background-color: var(--accent_color_third);
        border-top: 1px solid hsla(0, 0%, 100%, .2);
        margin-top: 68px;
        padding: 15px 13px 11px
    }

    .implant-slider_name {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0
    }

    .implant-slider__phone {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px
    }

    .implant-slider__info {
        color: #fff;
        color: var(--text_color_light);
        font-size: 14px;
        line-height: 18px
    }

    .implant-slider__note {
        color: #fff;
        color: var(--text_color_light);
        font-size: 22px;
        letter-spacing: -.44px
    }

    .implant-slider__note-span {
        font-size: 28px;
        line-height: 28px
    }
}

.fs__prices {
    align-items: flex-start;
    flex-direction: column
}

.fs__prices .btn.btn_click-alternate {
    margin-left: 0;
    right: 0
}

.fs__prices .btn.btn_click-alternate:before {
    left: 260px;
    transform: scaleX(-1) rotate(35deg)
}

.fs__prices .btn.btn_click-alternate .fs__prices__data {
    background-color: #83a7ff;
    background-color: var(--second_color);
    border-radius: 50%;
    bottom: 50px;
    color: #fff;
    color: var(--text_color_light);
    display: block;
    font-family: Caveat, sans-serif;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    height: 146px;
    left: 330px;
    line-height: 31px;
    padding: 40px 20px 40px 15px;
    position: absolute;
    text-align: center;
    transform: rotate(13deg);
    width: 146px
}

.fs__price__name {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
    position: relative
}

.fs__price__price {
    margin-bottom: 30px
}

.fs__title {
    margin-bottom: 25px
}

.fs__inner {
    column-gap: 40px
}

@media screen and (max-width:1320px) {
    .first-screen .h1 {
        line-height: 45px
    }

    .first-screen.first-screen_alt-btns .fs__price {
        flex-direction: column
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate {
        margin-top: 0
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate:before {
        right: -68px;
        transform: rotate(-35deg) scaleX(-1)
    }

    .first-screen.first-screen_alt-btns .fs__price__price {
        right: 0
    }

    .fs__prices .btn.btn_click-alternate .fs__prices__data {
        bottom: 15px
    }

    .fs__price__price,
    .fs__title {
        margin-bottom: 15px
    }

    .fs__price__name {
        font-size: 20px;
        margin-bottom: 3px;
        max-width: 220px
    }
}

@media screen and (max-width:1023px) {
    .first-screen .h1 {
        line-height: 35px
    }

    .first-screen.first-screen_alt-btns {
        padding-bottom: 0
    }

    .first-screen.first-screen_alt-btns .fs__title {
        margin-bottom: 10px
    }

    .first-screen.first-screen_alt-btns .fs__media {
        margin-top: 40px
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate:before {
        bottom: 35px
    }

    .fs__prices .btn.btn_click-alternate .fs__prices__data {
        bottom: 38px;
        font-size: 25px;
        height: 116px;
        left: 270px;
        line-height: 25px;
        padding-bottom: 32px;
        padding-top: 32px;
        width: 116px
    }

    .fs__price__name {
        margin-bottom: 3px;
        max-width: 220px
    }
}

@media screen and (max-width:767px) {
    .first-screen .h1 {
        line-height: 32px
    }

    .first-screen.first-screen_alt-btns {
        padding-bottom: 70px
    }

    .first-screen.first-screen_alt-btns .fs__media {
        margin-top: 15px
    }

    .first-screen.first-screen_alt-btns .fs__price__price {
        margin-bottom: 20px
    }

    .first-screen.first-screen_alt-btns .fs__prices .btn.btn_click-alternate:before {
        display: none
    }

    .fs__prices {
        margin-top: -5px
    }

    .fs__prices .btn.btn_click-alternate .fs__prices__data {
        bottom: 80px;
        left: 215px
    }

    .fs__img-logo {
        display: none
    }

    .fs__likes {
        bottom: 40px
    }
}

@media screen and (max-width:1320px) {
    .implant__title {
        line-height: 45px
    }
}

@media screen and (max-width:1023px) {
    .implant__title {
        line-height: 40px
    }
}

@media screen and (max-width:767px) {
    .implant__title {
        line-height: 36px
    }
}

.callback__list li b {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700
}

.callback__list li span {
    padding-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.callback__worktime {
    color: #fff;
    font-family: Unbounded, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.callback__right {
    align-items: center
}

.callback__right__inner {
    flex-direction: column
}

.callback__right__inner:before {
    display: none
}

.callback__phones {
    margin: 21px auto 10px 0
}

@media screen and (max-width:767px) {
    .callback__right__inner .btn.btn_click-alternate {
        width: 330px
    }

    .callback__phones {
        margin: 19px auto 8px
    }

    .callback__phones .phone,
    .callback__worktime {
        font-size: 15px;
        line-height: 19px
    }
}

.duration__inner {
    flex-direction: row-reverse
}

.duration__left {
    margin-left: 120px;
    margin-right: 0;
    min-width: 558px;
    width: 558px
}

.duration__caption {
    left: 52px
}

.duration__video__inner {
    height: 343px;
    max-width: 505px;
    width: 505px
}

.duration__video__inner video {
    min-width: 505px;
    object-fit: cover
}

.duration__video__caption {
    width: 376px
}

@media screen and (max-width:1320px) {
    .duration__left {
        margin-left: 0;
        margin-right: 0;
        min-width: 446px;
        width: 446px
    }

    .duration__caption {
        left: auto
    }

    .duration__right {
        margin-left: 50px;
        margin-right: 79px
    }

    .duration__video__inner {
        height: 281px;
        max-width: 343px;
        width: 343px
    }

    .duration__video__inner video {
        min-width: 343px
    }
}

@media screen and (max-width:1023px) {
    .duration__left {
        min-width: 362px;
        width: 362px
    }

    .duration__img {
        margin-left: auto;
        max-width: 315px
    }

    .duration__caption {
        left: 34px;
        max-width: 330px
    }

    .duration__right {
        margin-left: 0;
        margin-right: 0
    }

    .duration__video__caption {
        left: 0;
        max-width: 360px
    }
}

@media screen and (max-width:767px) {
    .duration__inner {
        flex-direction: column
    }

    .duration__left {
        min-width: auto;
        width: 100%
    }

    .duration__img-wrapper {
        display: none
    }

    .duration__right {
        padding-top: 24px
    }

    .duration__video__inner {
        height: -webkit-fit-content;
        height: fit-content;
        max-width: 500px;
        width: 100%
    }

    .duration__video__inner video {
        min-width: 330px
    }

    .duration__video__caption {
        left: 0;
        max-width: 433px;
        width: 433px
    }

    .duration__video__caption>div {
        max-width: 305px
    }
}

.prices__price {
    font-size: 23px
}

.prices__caption {
    margin-right: 0
}

@media screen and (max-width:1320px) {
    .prices__bottom {
        max-width: 340px
    }
}

@media screen and (max-width:1023px) {
    .prices__caption {
        margin-left: 20px
    }
}

@media screen and (max-width:767px) {
    .prices .h2 {
        line-height: 36px
    }

    .prices__caption {
        margin-left: 9px
    }
}

.aligners__about__top,
.aligners__plate__price-text {
    display: none
}

@media screen and (max-width:767px) {
    .aligners__mini-title {
        max-width: calc(100% - 140px)
    }

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

.banner {
    padding-top: 49px
}

@media screen and (max-width:1320px) {
    .banner__btn {
        margin-left: 10px
    }

    .banner__info {
        padding-top: 0
    }
}

@media screen and (max-width:1023px) {
    .banner.banner_alt-btn .banner__btn {
        bottom: 35px
    }

    .banner__btn {
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    .banner.banner_alt-btn .banner__inner .banner__info {
        margin-left: 0
    }

    .banner.banner_alt-btn .banner__inner .banner__btn {
        bottom: 0
    }

    .banner__info {
        padding-top: 20px
    }

    .banner__text {
        max-width: calc(100% - 15px)
    }
}

.quiz__inner .h2 {
    max-width: 1200px
}

.quiz__subtitle span b {
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px
}

.quiz__subtitle {
    margin-bottom: 14px;
    margin-top: 22px
}

.quiz__gift {
    background-color: #cb5873;
    max-height: 112px;
    max-width: 493px;
    min-width: 493px
}

.quiz__gift p span span {
    color: #e395a7;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.quiz__results__gift {
    background: #83a7ff;
    background: var(--second_color);
    min-height: 104px;
    padding-left: 73px;
    padding-top: 13px
}

.quiz__results__gift span {
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

.quiz__results__gift span b {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 600
}

.quiz__results__gift span span {
    color: #c5d6ff;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.quiz__results__gift.detail-svg:after {
    background-image: url(../images/72ac4c0a529c9a87ad6a.svg);
    height: 50px;
    left: 8px;
    top: 20px;
    width: 59px
}

.quiz__results__form {
    max-width: 365px;
    min-width: 365px
}

.quiz__results__form .form__group,
.quiz__results__form .form__policy {
    margin-left: auto;
    max-width: 333px
}

@media screen and (max-width:1320px) {
    .quiz__inner .h2 {
        max-width: 850px
    }
}

@media screen and (max-width:1023px) {
    .quiz__gift {
        max-height: 104px;
        max-width: 400px;
        min-width: 400px
    }

    .quiz__subtitle span b {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width:767px) {
    .quiz__inner .h2 {
        line-height: 36px
    }

    .quiz__gift {
        max-width: 365px;
        min-width: 365px;
        padding-right: 12px
    }

    .quiz__subtitle {
        margin-top: 0
    }

    .quiz__results__form {
        margin-left: auto;
        max-width: 330px;
        min-width: 330px
    }

    .quiz__results__form .form__group,
    .quiz__results__form .form__policy {
        margin-right: auto
    }

    .quiz__results__gift {
        margin-left: -20px;
        margin-right: -15px
    }
}

.thanks__worktime {
    display: none
}

.thanks__gift__item p {
    max-width: 100%
}

@media screen and (max-width:1320px) {
    .thanks__gift__item {
        max-width: 330px;
        width: 330px
    }

    .thanks__gift__item:nth-child(2) {
        margin-left: 0
    }
}

@media screen and (max-width:1023px) {
    .thanks__gift__item {
        max-width: calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

@media screen and (max-width:767px) {
    .thanks__gift__item {
        max-width: 330px;
        width: 330px
    }
}

.diagnostics {
    padding-top: 310px
}

.diagnostics__right__plate {
    bottom: -62px
}

@media screen and (max-width:1320px) {
    .diagnostics__right__plate {
        bottom: -79px
    }
}

@media screen and (max-width:1023px) {
    .diagnostics {
        padding-top: 210px
    }

    .diagnostics__right__plate {
        bottom: -90px
    }
}

@media screen and (max-width:767px) {
    .diagnostics {
        padding-top: 67px
    }

    .diagnostics__right__plate {
        bottom: auto
    }

    .laboratory {
        padding-bottom: 0
    }

    .laboratory__images {
        display: none
    }
}

.about__right .h2 {
    min-width: 670px
}

.about__subtitle.prefix-line:after {
    background-color: #f3f3f3;
    background-color: var(--bg_light);
    background-image: url(../images/db8a9221a9c6e7936116.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 26px;
    left: -18px;
    top: 16px;
    width: 26px
}

.about__partners,
.about__partners-text {
    display: none
}

@media screen and (max-width:1320px) {
    .about__right .h2 {
        min-width: 495px
    }

    .about__subtitle.prefix-line:after {
        top: 10px
    }
}

@media screen and (max-width:1023px) {
    .about__left {
        margin-right: 40px
    }

    .about__right .h2 {
        min-width: 370px
    }
}

@media screen and (max-width:767px) {
    .about__left {
        margin-right: 0
    }

    .about__right {
        margin-bottom: 20px
    }

    .about__right .h2 {
        min-width: 330px
    }

    .about__subtitle {
        margin-left: 35px
    }

    .about__subtitle.prefix-line:after {
        left: -10px
    }

    .about__partners {
        margin-top: 38px
    }
}

.employees__call {
    flex-direction: column-reverse
}

.employees__phones {
    margin: 16px auto 10px 0
}

.employees__worktime {
    color: #495058;
    color: var(--text_color_gray);
    font-family: Unbounded, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.employees__call .btn.btn_click-alternate:before {
    background-image: url(../images/37f616e7ef1cf97c5d63.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 110px;
    content: "";
    display: block;
    height: 52px;
    left: 210px;
    position: absolute;
    transform: scaleX(-1) rotate(65deg);
    width: 66px
}

.employees__call-wrapper {
    align-items: center
}

@media screen and (max-width:1320px) {
    .employees__title {
        line-height: 48px
    }

    .employees__phones {
        order: 0
    }
}

@media screen and (max-width:1023px) {
    .employees__title {
        line-height: 35px
    }

    .employees__call-wrapper {
        margin-left: 0
    }

    .employees__call-wrapper .btn {
        top: -248px
    }

    .employees__call-wrapper .btn.btn_click-alternate:before {
        bottom: -91px;
        left: 10px;
        transform: scaleX(-1) rotate(227deg)
    }
}

@media screen and (max-width:767px) {
    .employees__call-wrapper {
        margin-left: -15px
    }

    .employees__call .btn.btn_click-alternate {
        top: auto;
        width: 330px
    }

    .employees__call .btn.btn_click-alternate:before {
        display: none
    }

    .employees__phones {
        margin: 21px auto 5px
    }

    .employees__phones .phone>span,
    .employees__worktime {
        font-size: 15px;
        line-height: 19px
    }
}

.warranty {
    background-color: #fff
}

.warranty .h2 {
    color: #202020;
    margin-bottom: 35px;
    margin-left: 40px
}

.warranty__quote {
    margin-bottom: 31px;
    margin-right: auto;
    margin-top: 41px;
    max-width: none;
    padding-left: 100px
}

.warranty__quote:before {
    height: 31px;
    left: 78px;
    top: -9px;
    width: 41px
}

.warranty__quote:after {
    bottom: -145px;
    height: 98px;
    right: 85px;
    width: 114px
}

.warranty__employees {
    color: #fff;
    font-family: Caveat, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 12px;
    margin-right: auto;
    padding-left: 100px
}

.warranty__employees span {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.warranty__progress {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 100px;
    margin-right: auto;
    max-width: 400px;
    padding-left: 100px
}

.warranty__bg {
    position: relative;
    z-index: 2
}

.warranty__bg:before {
    background-color: #2f3132;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 74px);
    z-index: -1
}

@media screen and (max-width:1320px) {
    .warranty__bg:before {
        width: calc(100% + 68px)
    }

    .warranty__quote:after {
        right: -35px
    }
}

@media screen and (max-width:1023px) {
    .warranty__bg:before {
        width: calc(100% + 13px)
    }

    .warranty__quote {
        padding-left: 55px
    }

    .warranty__quote:before {
        left: 33px
    }

    .warranty__quote:after {
        bottom: -171px;
        right: -2px
    }

    .warranty__employees {
        padding-left: 55px
    }

    .warranty__progress {
        margin-bottom: 50px;
        padding-left: 55px
    }
}

@media screen and (max-width:767px) {
    .warranty__quote {
        padding-left: 0
    }

    .warranty__quote:before {
        left: -23px
    }

    .warranty__quote:after {
        right: 8px
    }

    .warranty__employees {
        padding-left: 31px
    }

    .warranty__progress {
        margin-bottom: 62px;
        max-width: 350px;
        padding-left: 31px
    }
}

.brekety__plates,
.brekety__sert {
    display: none
}

.brekety__title-block .h2 .accent-box {
    padding-right: 8px
}

.brekety__title-block .h2 .accent-box>span {
    display: inline;
    display: initial
}

@media screen and (max-width:1320px) {
    .brekety__title-block {
        max-width: 455px
    }
}

@media screen and (max-width:767px) {
    .brekety {
        padding-bottom: 0
    }

    .brekety__title-block .h2 .accent-box {
        margin-right: -4px
    }
}

@media screen and (max-width:1023px) {
    .mb__btn {
        padding-left: 70px
    }
}

@media screen and (max-width:767px) {
    .mb__btn {
        padding-left: 29px
    }
}