@font-face { 
	font-family: "Gilroy-Regular"; 
	src: url(../fonts/Gilroy-Regular.ttf);
}
@font-face { 
	font-family: "Gilroy-Medium"; 
	src: url(../fonts/Gilroy-Medium.ttf);
}
@font-face { 
	font-family: "Gilroy-Bold"; 
	src: url(../fonts/Gilroy-Bold.ttf);
}
@font-face { 
	font-family: "Flow"; 
	src: url(../fonts/Flow.otf);
}
:root {
    --swiper-theme-color: #007aff
}
.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}
.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}
.swiper-wrapper1 {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex
;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    flex-wrap: wrap;
}
.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}
.swiper-horizontal {
    touch-action: pan-y
}
.swiper-vertical {
    touch-action: pan-x
}
.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}
.swiper-3d {
    perspective: 1200px
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .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 {
    transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-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-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}
:root {
    --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet:only-child {
    display: none !important
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}
.swiper .swiper-notification, swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-cube {
    overflow: visible
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}
.swiper-flip {
    overflow: visible
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}
.swiper-cards {
    overflow: visible
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}
@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0
}
:after, :before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    pointer-events: none
}
:root {
    --btn-border-radius: 20rem;
    --btn-min-height: 100rem;
    --btn-padding-v: 38rem;
    --btn-padding-h: 32rem;
    --btn-padding: var(--btn-padding-v) var(--btn-padding-h);
    --card-border-radius: 20rem
}
ul {
    list-style-type: none;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}
html {
    font-size: .0520833333vw;
    width: 100%;
    overflow-x: hidden
}
body {
    overflow-x: hidden;
    width: 100%;
    background-color: #f8f2ed;
    color: #263747;
	font-family: "Gilroy-Regular"; 
    font-size: 18rem;
    font-weight: 400;
    min-height: 100vh;
    --wrapper-width: 1580rem;
    --wrapper-padding: calc((100vw - var(--wrapper-width))/2);
    --scrollWidth: 0px
}
h1,h2,h3,h4,strong{ 
	font-family: "Gilroy-Bold";
}
a {
    text-decoration: none;
    color: inherit
}
button {
    cursor: pointer;
    text-align: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-weight: inherit;
    border: none;
    outline: 0;
    background-color: rgba(0, 0, 0, 0);
	font-family: "Gilroy-Regular"; 
    color: inherit
}
img {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none
}
iframe {
    border-style: none;
    width: 100%;
    height: 100%
}
.lock {
    width: 100%;
    height: 100%;
    overflow: hidden
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: inherit
}
.h1, h1 {
    font-weight: 500;
    font-size: 70rem;
    line-height: 129%
}
.h2, h2 {
    font-weight: 300;
    font-size: 48rem;
    line-height: 146%
}
.h3, h3 {
    font-size: 32rem;
    line-height: 100%
}
.h4, h4 {
    font-size: 25rem;
    line-height: 150%
}
.w-300 {
    font-weight: 500
}
.w-400 {
    font-weight: 600
}
.w-500 {
    font-weight: 700
}
.w-700 {
    font-weight: 800
}
.tt-u {
    text-transform: uppercase
}
.tt-n {
    text-transform: none
}
.bg_black {
    background-color: #263747
}
.brd_black {
    border-color: #263747
}
.color_black {
    color: #263747
}
.fill_black {
    fill: #263747
}
.bg_white {
    background-color: #fff
}
.brd_white {
    border-color: #fff
}
.color_white {
    color: #fff
}
.fill_white {
    fill: #fff
}
.bg_gray {
    background-color: #65849b
}
.brd_gray {
    border-color: #65849b
}
.color_gray {
    color: #65849b
}
.fill_gray {
    fill: #65849b
}
.bg_graylight {
    background-color: #f5f6fa
}
.brd_graylight {
    border-color: #f5f6fa
}
.color_graylight {
    color: #f5f6fa
}
.fill_graylight {
    fill: #f5f6fa
}
.bg_light {
    background-color: #eaeaea
}
.brd_light {
    border-color: #eaeaea
}
.color_light {
    color: #eaeaea
}
.fill_light {
    fill: #eaeaea
}
.bg_ellipse {
    background-color: #868686
}
.brd_ellipse {
    border-color: #868686
}
.color_ellipse {
    color: #868686
}
.fill_ellipse {
    fill: #868686
}
.bg_red {
    background-color: #fd2016
}
.brd_red {
    border-color: #fd2016
}
.color_red {
    color: #fd2016
}
.fill_red {
    fill: #fd2016
}
.bg_green {
    background-color: #12c868
}
.brd_green {
    border-color: #12c868
}
.color_green {
    color: #12c868
}
.fill_green {
    fill: #12c868
}
.bg_blue {
    background-color: #05a0eb
}
.brd_blue {
    border-color: #05a0eb
}
.color_blue {
    color: #05a0eb
}
.fill_blue {
    fill: #05a0eb
}
.bg_purple {
    background-color: #65849b
}
.brd_purple {
    border-color: #65849b
}
.color_purple {
    color: #65849b
}
.fill_purple {
    fill: #65849b
}
.bg_transparent {
    background-color: rgba(0, 0, 0, 0)
}
.brd_transparent {
    border-color: rgba(0, 0, 0, 0)
}
.color_transparent {
    color: rgba(0, 0, 0, 0)
}
.fill_transparent {
    fill: rgba(0, 0, 0, 0)
}
.svg {
    width: 100%;
    height: 100%;
    fill: inherit;
    stroke: inherit
}
.quote {
    --quote-width: 25rem;
    width: var(--quote-width);
    height: calc(var(--quote-width)*.7);
    display: block;
    background-image: url(../icons/quote.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0
}
.circle-ok {
    --circle-ok--size: 40rem;
    --circle-ok--icon-size: 13rem;
    width: var(--circle-ok--size);
    height: var(--circle-ok--size);
    border-radius: 50%;
    background-color: #65849b;
    background-image: url(../icons/ok-light_white.svg);
    background-repeat: no-repeat;
    background-size: var(--circle-ok--icon-size) var(--circle-ok--icon-size);
    background-position: center;
    flex-shrink: 0
}
.circle-ok__min {
    --circle-ok--size: 20rem;
    --circle-ok--icon-size: 8rem
}
.btn {
    border: 0.2px solid #65849b;
    position: relative;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: auto;
    max-width: 100%;
    min-height: var(--btn-min-height);
    padding: 28rem var(--btn-padding-h);
    font-weight: 600;
    font-size: 16rem;
    line-height: 150%;
    letter-spacing: .09em;
    border-radius: var(--btn-border-radius);
    text-transform: uppercase;
    color: #263747;
    overflow: hidden;
    transform: translateZ(.1px);
    background: linear-gradient(105.22deg, #e6d0ba 35.56%, #f8f2ed 71.05%);
    box-shadow: 0rem 12rem 75rem rgba(124, 89, 187, .35), inset 0rem 0rem 25rem rgba(255, 255, 255, .35);
}
.btn span, .btn svg {
    position: relative
}
.btn::before, .btn:after {
    display: block;
    content: "";
    position: absolute;
    left: 0
}
.btn:before {
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(105.22deg, #f8f2ed 17.56%, #e6d0ba 71.05%);
    transition: opacity .22s ease-in-out
}
.btn::after {
    top: 50%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .76) 31.25%, rgba(255, 255, 255, 0) 100%);
    height: 200%;
    width: 50rem;
    transform-origin: center;
    transform: translateX(-130%) translateY(-50%) rotate(20deg);
    -webkit-animation: blick 10s 5s ease-in-out infinite;
    animation: blick 10s 5s ease-in-out infinite
}
@-webkit-keyframes blick {
    0% {
        transform: translateX(-110%) translateY(-50%) rotate(30deg)
    }
    100%, 15% {
        transform: translateX(600rem) translateY(-50%) rotate(30deg)
    }
}
@keyframes blick {
    0% {
        transform: translateX(-110%) translateY(-50%) rotate(30deg)
    }
    100%, 15% {
        transform: translateX(600rem) translateY(-50%) rotate(30deg)
    }
}
.btn:focus::before, .btn:hover::before {
    opacity: 1
}
.btn_big-font {
    font-size: 16rem;
    line-height: 150%
}
.btn_min {
    min-height: 75rem;
    padding: 26rem
}
.btn-arrow::after {
    display: block;
    content: ""
}
.btn-arrow::after {
    flex-shrink: 0;
    margin-left: 30rem;
    width: 22rem;
    height: 22rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../icons/arrow_rotate.svg);
    transition: transform .22s ease-in-out
}
.btn-arrow:focus::after, .btn-arrow:hover::after {
    transform: rotate(45deg)
}
.btn-social {
    transition: fill .22s ease-in-out, background-color .22s ease-in-out, border-color .22s ease-in-out, color .22s ease-in-out
}
.btn-social svg {
    flex-shrink: 0;
    width: 30rem;
    height: 30rem;
    margin-right: 12rem
}
.btn-social_green {
    fill: #12c868;
    background-color: rgba(57, 57, 57, .4);
    border-color: rgba(255, 255, 255, .45)
}
.btn-social_green:focus, .btn-social_green:hover {
    background-color: #12c868;
    border-color: #12c868;
    fill: #fff;
    color: #fff
}
.section-descr {
    font-size: 22rem;
    line-height: 140%;
    color: #65849b;
    text-transform: uppercase
}
.input-block input, .select button {
    min-height: var(--btn-min-height);
    padding: var(--btn-padding);
    border-radius: var(--btn-border-radius);
    font-size: 20rem;
    line-height: 130%;
    letter-spacing: .04em;
    color: #263747;
    font-weight: 400;
    background-color: #f5f6fa;
    transition: .22s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0)
}
.select {
    position: relative;
    width: 100%;
    --select--soc-size: 50rem;
    --select--soc-icon-size: 22rem;
    --select--arr-size: 10rem
}
.select button {
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    width: 100%;
    padding-right: calc(var(--btn-padding-h)*1.5 + var(--select--soc-size))
}
.select button>span {
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    align-items: center
}
.select button u {
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis
}
.select button i {
    width: var(--select--soc-size);
    height: var(--select--soc-size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: #fff;
    transition: fill .22s ease-in-out;
    position: absolute;
    top: 50%;
    right: var(--btn-padding-h);
    transform: translateY(-50%)
}
.select button i .svg {
    position: relative;
    width: var(--select--soc-icon-size);
    height: var(--select--soc-icon-size)
}
.select__head {
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(142, 136, 152, .8)
}
.select__head>span::after {
    flex-shrink: 0;
    content: "";
    display: block;
    margin-left: 8rem;
    margin-top: 3rem;
    width: var(--select--arr-size);
    height: var(--select--arr-size);
    background-image: url(../icons/arrow_down.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .22s ease-in-out
}
.select__head:focus, .select__head:hover {
    border-color: #65849b
}
.select__body {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    z-index: -10;
    max-height: calc(var(--btn-min-height)*3 + 3rem);
    border: 1px solid rgba(142, 136, 152, .6);
    transform: translateY(calc(100% + 10rem));
    border-radius: var(--btn-border-radius);
    overflow: hidden;
    transition: opacity .22s ease-in-out, z-index 0s .22s, pointer-events 0s .22s;
    display: flex;
    flex-direction: column
}
.select__body button {
    cursor: pointer;
    transition: color .22s ease-in-out, background-color .22s ease-in-out;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(142, 136, 152, .3)
}
.select__body button:focus, .select__body button:hover {
    color: #65849b;
    background-color: #eeeaf6
}
.select__body button.active {
    color: rgba(142, 136, 152, .8);
    pointer-events: none
}
.select__body ul {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(57, 57, 57, .8) rgba(0, 0, 0, 0);
    background-color: #fff
}
.select__body ul::-webkit-scrollbar {
    width: 5rem;
    height: 5rem
}
.select__body ul::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 15rem
}
.select__body ul::-webkit-scrollbar-thumb {
    background-color: rgba(57, 57, 57, .5);
    border-radius: 15rem;
    -webkit-transition: background-color .22s ease-in-out;
    transition: background-color .22s ease-in-out
}
.select__body ul::-webkit-scrollbar-thumb:hover {
    background-color: rgba(57, 57, 57, .5)
}
.select__body ul li:last-child button {
    border: none
}
.select select {
    display: none
}
.select.active .select__body {
    opacity: 1;
    pointer-events: auto;
    z-index: 10;
    transition: opacity .22s ease-in-out, z-index 0s, pointer-events 0s
}
.select.active .select__head {
    border-color: #65849b
}
.select.active .select__head>span::after {
    transform: rotate(180deg)
}
.select.active .select__head:focus>span::after, .select.active .select__head:hover>span::after {
    transform: rotate(-180deg)
}
.input-block {
    text-align: left
}
.input-block label {
    display: block;
    width: 100%;
    font-size: 16rem;
    line-height: 140%;
    padding: 0;
    margin-bottom: 29rem;
    color: #bebebe
}
.input-block input, .input-block textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: 0;
	font-family: "Gilroy-Regular"; 
    font-style: normal
}
.input-block input::-webkit-input-placeholder, .input-block textarea::-webkit-input-placeholder {
    color: #65849b
}
.input-block input:-moz-placeholder, .input-block textarea:-moz-placeholder {
    color: #65849b
}
.input-block input::-moz-placeholder, .input-block textarea::-moz-placeholder {
    color: #65849b
}
.input-block input:-ms-input-placeholder, .input-block textarea:-ms-input-placeholder {
    color: #65849b
}
.input-block input:-webkit-autofill, .input-block textarea:-webkit-autofill {
    color: #263747;
    border-radius: var(--btn-border-radius);
    -webkit-text-fill-color: #263747;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background: #fff
}
.input-block input:-webkit-autofill:hover, .input-block textarea:-webkit-autofill:hover {
    color: #263747;
    border-radius: var(--btn-border-radius);
    -webkit-text-fill-color: #263747;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background: #fff
}
.input-block input:-webkit-autofill:focus, .input-block textarea:-webkit-autofill:focus {
    color: #263747;
    border-radius: var(--btn-border-radius);
    -webkit-text-fill-color: #263747;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background: #fff
}
.input-block input:-webkit-autofill, .input-block textarea:-webkit-autofill {
    color: #263747;
    border-radius: var(--btn-border-radius);
    -webkit-text-fill-color: #263747;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background: #fff
}
.input-block input:focus, .input-block input:hover, .input-block textarea:focus, .input-block textarea:hover {
    border-color: #65849b
}
.input-block textarea {
    resize: none
}
.input-block input.error {
    border-color: #fd2016
}
.checkbox-el {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0
}
.checkbox-el__inp {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 0;
    height: 0;
    max-height: 0;
    max-width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    z-index: -999
}
.checkbox-el__quad {
    display: block;
    width: 20rem;
    height: 20rem;
    border-radius: 4rem;
    border: 1px solid #65849b;
    position: relative;
    transition: .22s ease-in-out
}
.checkbox-el__quad:before {
    content: "";
    position: absolute;
    width: 8rem;
    height: 8rem;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .22s ease-in-out;
    background-image: url(../icons/ok_white.svg);
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.checkbox-el__inp:focus~.checkbox-el__quad {
    border-color: #263747
}
.checkbox-el__inp:checked~.checkbox-el__quad {
    border-color: #65849b;
    background-color: #65849b
}
.checkbox-el__inp:checked~.checkbox-el__quad::before {
    opacity: 1
}
.checkbox-el__inp:checked:focus~.checkbox-el__quad {
    border-color: #fff
}
.checkbox-el.error .checkbox-el__quad {
    border-color: #fd2016
}
.checkbox-el.error+.checkbox-block__text {
    color: #fd2016
}
.checkbox-block {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14rem;
    line-height: 136%;
    transition: color .22s ease-in-out
}
.checkbox-block__text {
    margin-left: 9rem
}
.checkbox-block__text a {
    transition: border-color .22s ease-in-out;
    color: #65849b;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}
.checkbox-block__text a:focus, .checkbox-block__text a:hover {
    border-color: #65849b
}
.sticker {
    font-size: 14rem;
    line-height: 100%;
    letter-spacing: .02em;
    padding: 10rem 13rem;
    border-radius: 10rem;
    min-height: 35rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #65849b
}
.sticker__purple {
    background-color: #65849b;
    color: #fff
}
.socials-it {
    position: relative;
    width: 50rem;
    height: 50rem;
    margin-right: 10rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: #fff;
    transition: fill .22s ease-in-out
}
.socials-it .svg {
    position: relative;
    width: 35rem;
    height: 35rem
}
.socials-it:last-child {
    margin-right: 0
}
.socials-it::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #fff;
    opacity: 0;
    transition: opacity .22s ease-in-out
}
.socials-it:focus::before, .socials-it:hover::before {
    opacity: 1
}
.socials-it_green {
    background-color: #12c868
}
.socials-it_green::before {
    border-color: #12c868
}
.socials-it_green:focus, .socials-it_green:hover {
    fill: #12c868
}
.socials-it_blue {
    background-color: #05a0eb
}
.socials-it_blue::before {
    border-color: #05a0eb
}
.socials-it_blue:focus, .socials-it_blue:hover {
    fill: #05a0eb
}
.socials-it_purple {
    background-color: #65849b
}
.socials-it_purple::before {
    border-color: #65849b
}
.socials-it_purple:focus, .socials-it_purple:hover {
    fill: #65849b
}
.has-child {
    position: relative;
    --has-child_margin: 10rem;
    --has-child_padding: 15rem;
    white-space: nowrap
}
.has-child::before {
    pointer-events: auto;
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    transform: translateY(100%);
    height: var(--has-child_margin);
    width: 100%
}
.has-child>.has-child__content, .has-child>ul {
    position: absolute;
    min-width: calc(100% + var(--has-child_padding)*2);
    bottom: calc(var(--has-child_margin)*-1);
    transform: translate(calc(var(--has-child_padding) * -1), 100%);
    background-color: #fff;
    padding: var(--has-child_padding);
    border: 1px solid rgba(57, 57, 57, .15);
    pointer-events: none;
    opacity: 0;
    transition: opacity .22s ease-in-out
}
.has-child a {
    transition: color .22s ease-in-out
}
.has-child a:focus, .has-child a:hover {
    color: #fd2016
}
.has-child:focus-within .has-child__content, .has-child:focus-within ul, .has-child:hover .has-child__content, .has-child:hover ul {
    opacity: 1;
    pointer-events: auto
}
.has-child:focus-within>a::after, .has-child:focus-within>a::before, .has-child:focus-within>button::after, .has-child:focus-within>button::before, .has-child:hover>a::after, .has-child:hover>a::before, .has-child:hover>button::after, .has-child:hover>button::before {
    transform: rotate(180deg)
}
.has-child:focus-within>a::before, .has-child:focus-within>button::before, .has-child:hover>a::before, .has-child:hover>button::before {
    opacity: 0
}
.has-child:focus-within>a::after, .has-child:focus-within>button::after, .has-child:hover>a::after, .has-child:hover>button::after {
    opacity: 1
}
.link-dotten__text {
    color: #65849b;
    font-weight: 500;
    position: relative
}
.link-dotten__text::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 100%;
    border-bottom: 2px dotted #65849b;
    transition: width .22s ease-in-out
}
.link-dotten:focus .link-dotten__text::after, .link-dotten:hover .link-dotten__text::after {
    width: 60%
}
.mini-map {
    white-space: nowrap;
    position: relative;
    z-index: 2
}
.mini-map__head {
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.mini-map__head-icon {
    flex-shrink: 0;
    margin-right: 13rem;
    width: 65rem;
    height: 65rem;
    border-radius: 50%;
    border: 1px solid #eaeaea;
    background-image: url(../img/map_mini.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: border-color .22s ease-in-out
}
.mini-map__head-descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 18rem;
    line-height: 150%
}
.mini-map .has-child__content {
    padding: 0;
    width: 300rem;
    height: 200rem;
    left: 50%;
    transform: translate(-50%, 100%)
}
.mini-info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    letter-spacing: .03em
}
.mini-info__time {
    font-size: inherit;
    line-height: 100%;
    position: relative;
    margin-bottom: 14rem;
    letter-spacing: inherit
}
.mini-info__tels {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 10rem;
    font-size: 24rem;
    line-height: 100%;
    --has-child_margin: 6rem
}
.mini-info__tels a {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: .03em;
    transition: color .22s ease-in-out
}
.mini-info__tels a:focus, .mini-info__tels a:hover {
    color: #65849b
}
.mini-info__call {
    font-weight: 500;
    font-size: 14rem;
    line-height: 150%;
    letter-spacing: .03em;
    display: flex;
    flex-direction: column
}
.palette {
    position: relative;
    line-height: inherit;
    font-size: inherit;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    --palette-item-size: 60rem;
    --palette-border-size: 5rem
}
.palette i {
    position: relative;
    display: block;
    border-radius: 50%;
    width: var(--palette-item-size);
    height: var(--palette-item-size);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.palette i:nth-child(n+2) {
    margin-left: -13rem
}
.palette i:nth-child(n+2)::before {
    display: block;
    content: "";
    position: absolute;
    border-radius: 50%;
    top: calc(-1*var(--palette-border-size) + 1px);
    left: calc(-1*var(--palette-border-size) + 1px);
    width: calc(100% + 2*var(--palette-border-size) - 2px);
    height: calc(100% + 2*var(--palette-border-size) - 2px);
    border: var(--palette-border-size) solid #fff
}
.palette::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    width: var(--palette-ellipse-width);
    height: calc(var(--palette-ellipse-width)/1.6);
    border: 1px solid #868686;
    opacity: .15
}
.palette__sm {
    --palette-ellipse-width: 440rem
}
.palette__sm-rb::before {
    bottom: 0;
    right: 0;
    transform: translate(-1.4%, 7.4%) rotate(28.6deg)
}
.palette__md {
    --palette-ellipse-width: 556rem
}
.palette__md-rb::before {
    bottom: 0;
    right: 0;
    transform: translate(9.9%, -12.3%) rotate(28.6deg)
}
.palette__md-cb::before {
    bottom: 0;
    right: 0;
    transform: translate(34.4%, -11.9%) rotate(28.6deg)
}
.palette__md-rt::before {
    top: 0;
    right: 0;
    transform: translate(9.4%, 3.6%) rotate(166.67deg)
}
.palette__xl {
    --palette-ellipse-width: 692rem
}
.palette__xl-lb::before {
    bottom: 0;
    right: 0;
    transform: translate(54%, -2.9%) rotate(28.6deg)
}
.palette__xxl {
    --palette-ellipse-width: 827rem
}
.palette__xxl-lt::before {
    top: 0;
    left: 0;
    transform: translate(-24.2%, 12.7%) rotate(25.5deg)
}
.palette__xxxl {
    --palette-ellipse-width: 923rem
}
.palette__xxxl-ct::before {
    top: 0;
    right: 0;
    transform: translate(41.7%, 5.6%) rotate(166.67deg)
}
.palette__xxxl-lt::before {
    top: 0;
    right: 0;
    transform: translate(49.3%, 4%) rotate(165deg)
}
.radio-card {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 230rem;
    --radio-card--ok-size: 14rem 10rem;
    text-align: center;
    will-change: opacity, transform
}
.radio-card_img {
    display: block;
    position: relative;
    width: 100%;
    height: 400rem;
    border-radius: var(--btn-border-radius);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f5f6fa
}
.radio-card_img::after, .radio-card_img::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0
}
.radio-card_img::before {
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 2px solid #65849b;
    opacity: 0;
    transition: opacity .22s ease-in-out, border-color .22s ease-in-out
}
.radio-card_img::after {
    left: 50%;
    width: 38rem;
    height: 38rem;
    border: 4rem solid #fff;
    background-color: #f5f6fa;
    border-radius: 50%;
    background-image: url(../icons/ok_gray.svg);
    background-repeat: no-repeat;
    background-size: var(--radio-card--ok-size);
    background-position: center;
    transform: translate(-50%, 14rem);
    transition: border-color .22s ease-in-out, background-color .22s ease-in-out
}
.radio-card_text {
    margin-top: 20rem;
    font-weight: 400;
    font-size: 16rem;
    line-height: 131%;
    color: #65849b;
    transition: color .22s ease-in-out
}
.radio-card:focus-within .radio-card_img::before, .radio-card:hover .radio-card_img::before {
    opacity: 1
}
.radio-card:focus-within .radio-card_img::after, .radio-card:hover .radio-card_img::after {
    border-color: #65849b;
    background-image: url(../icons/ok_purple.svg)
}
.radio-card_inp:checked~.radio-card_img::after {
    border-color: #65849b;
    background-color: #65849b;
    background-image: url(../icons/ok_white.svg)
}
.radio-card_inp:checked~.radio-card_img::before {
    opacity: 1
}
.radio-card_inp:checked~.radio-card_text {
    font-weight: 500;
    color: #65849b
}
.radio-card.error .radio-card_img::before {
    opacity: 1;
    border-color: #fd2016
}
.quiz-progress {
    position: relative;
    width: 100%;
    padding: 5rem;
    --quiz-progress-bar--height: 25rem;
    font-size: 13rem;
    line-height: 100%;
    background-color: #f6f6fa;
    border-radius: 999px
}
.quiz-progress__bar {
    height: var(--quiz-progress-bar--height);
    border-radius: inherit;
    background-color: #65849b;
    background-image: url(../icons/progress.svg);
    background-repeat: repeat-x;
    background-size: var(--quiz-progress-bar--height) var(--quiz-progress-bar--height);
    -webkit-animation: progressBar 1s linear infinite;
    animation: progressBar 1s linear infinite
}
@-webkit-keyframes progressBar {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: var(--quiz-progress-bar--height)
    }
}
@keyframes progressBar {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: var(--quiz-progress-bar--height)
    }
}
.quiz-progress__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    font-weight: 500;
    letter-spacing: .05em;
    padding: .15em .5em .25em;
    background-color: rgba(255, 255, 255, .65);
    border-radius: inherit
}
.slider-nav {
    display: flex;
    align-items: center;
    fill: #263747;
    --slider-nav--arr-height: 20rem;
    --slider-nav--arr-width: calc(var(--slider-nav--arr-height)*.75);
    --slider-nav--num-size: 75rem
}
.slider-nav__arr {
    width: var(--slider-nav--arr-height);
    height: var(--slider-nav--arr-height);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: fill .22s ease-in-out
}
.slider-nav__arr span {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: var(--slider-nav--arr-width);
    height: var(--slider-nav--arr-height);
    display: block;
    transform: translate(-50%, -50%) scale(1);
    justify-content: center;
    align-items: center;
    transition: transform .22s ease-in-out
}
.slider-nav__arr span .svg {
    width: inherit;
    height: inherit
}
.slider-nav__arr::after, .slider-nav__arr::before {
    display: block;
    content: "";
    width: 200%;
    height: 200%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto
}
.slider-nav__arr::before {
    background-color: #65849b;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.5);
    transition: opacity .22s ease-in-out, transform .22s ease-in-out
}
.slider-nav__arr:focus, .slider-nav__arr:hover {
    fill: #fff
}
.slider-nav__arr:focus span, .slider-nav__arr:hover span {
    transform: translate(-50%, -50%) scale(.7)
}
.slider-nav__arr:focus::before, .slider-nav__arr:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}
.slider-nav__arr-prev {
    transform: rotate(180deg)
}
.slider-nav__arr.swiper-button-disabled {
    opacity: .6;
    fill: #65849b;
    pointer-events: none
}
.slider-nav__arr.swiper-button-disabled *, .slider-nav__arr.swiper-button-disabled::after, .slider-nav__arr.swiper-button-disabled::before {
    pointer-events: none
}
.slider-nav__num {
    pointer-events: none;
    position: relative;
    width: var(--slider-nav--num-size);
    height: var(--slider-nav--num-size);
    margin: 0 20rem;
    border-radius: 50%;
    border: 1px solid #efeeee;
    overflow: hidden
}
.slider-nav__num-amount, .slider-nav__num-current {
    letter-spacing: .02em;
    text-transform: uppercase;
    position: absolute
}
.slider-nav__num-current .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding-right: calc(var(--slider-nav--num-size)/ 2 - 2rem);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    font-size: 24rem;
    line-height: 100%;
    text-align: right
}
.slider-nav__num-amount {
    font-size: 14rem;
    line-height: 100%;
    left: calc(50% + 2rem);
    bottom: calc(50% + 4rem);
    font-weight: 300;
    color: #65849b
}
.slider-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --slider-footer--gap: 45rem
}
.slider-footer .slider-nav {
    flex-shrink: 0;
    margin-right: var(--slider-footer--gap)
}
.slider-footer__descr {
    flex-shrink: 0;
    margin-left: var(--slider-footer--gap);
    font-size: 14rem;
    line-height: 150%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #65849b;
    order: 2
}
.slider-footer::before {
    content: "";
    display: block;
    flex-grow: 1;
    height: 1px;
    background-color: #65849b;
    order: 1
}
[data-slider-modal] .swiper-slide {
    cursor: pointer
}
.play {
    --play-size: 90rem;
    --play--icon-size: 18rem;
    width: var(--play-size);
    height: var(--play-size);
    border-radius: 50%;
    background-color: #65849b;
    fill: #fff;
    position: relative;
    display: block;
    box-shadow: inset 0rem -10rem 15rem rgba(255, 255, 255, .15), inset 0rem 10rem 15rem rgba(255, 255, 255, .15)
}
.play i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--play--icon-size);
    height: var(--play--icon-size);
    transform: translate(calc(-50% + 1rem), -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}
.play::before, .play:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: rgba(124, 89, 187, .35);
    -webkit-animation: playButton 5s ease-in-out infinite;
    animation: playButton 5s ease-in-out infinite
}
@-webkit-keyframes playButton {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
    100%, 20% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2)
    }
}
@keyframes playButton {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
    100%, 20% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2)
    }
}
.play::before {
    background-color: rgba(124, 89, 187, .25);
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.close {
    --close--size: 22rem;
    width: var(--close--size);
    height: var(--close--size);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    fill: #65849b;
    transition: fill .22s ease-in-out;
    opacity: 1
}
.close:focus, .close:hover {
    opacity: 1
}
.close::after, .close::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    background-color: #fff;
    border: 1px solid #fd2016;
    opacity: 0;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.5);
    transition: opacity .22s ease-in-out, transform .22s ease-in-out, border-color .22s ease-in-out;
    pointer-events: auto;
    border-radius: 50%
}
.close::after {
    transform: translate(-50%, -50%) scale(1)
}
.close i {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: inherit;
    height: inherit;
    transition: transform .22s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center
}
.close:focus, .close:hover {
    fill: #fd2016
}
.close:focus i, .close:hover i {
    transform: translate(-50%, -50%) scale(.8)
}
.close:focus::before, .close:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}
.fixed-btn {
    position: fixed;
    z-index: 11;
    --fixed-btn--margin: 20rem;
    bottom: var(--fixed-btn--margin);
    transition: transform .22s ease-in-out
}
.fixed-btn.active {
    transform: none
}
.fixed-video {
    width: 230rem;
    height: 300rem;
    left: var(--fixed-btn--margin);
    --fixed-video--arr-width: 61rem;
    --fixed-video--arr-height: calc(var(--fixed-video--arr-width)*1.58);
    transform: translateX(calc(-1 * (var(--fixed-btn--margin) + 100%)));
    transition: transform .22s ease-in-out
}
.fixed-video .close {
    position: absolute;
    z-index: 2;
    --close--size: 13rem;
    fill: #fff;
    top: var(--fixed-btn--margin);
    right: var(--fixed-btn--margin);
    transition: fill .22s ease-in-out, transform .22s ease-in-out
}
.fixed-video .close::before {
    border-color: rgba(0, 0, 0, 0)
}
.fixed-video .close:focus, .fixed-video .close:hover {
    fill: #fd2016;
    transform: scale(1.4)
}
.fixed-video__uptext {
    position: absolute;
    z-index: 1;
    font-size: 16rem;
    line-height: 104%;
    top: -46rem;
    transform: translateY(-100%);
    left: 0;
    pointer-events: none
}
.fixed-video__uptext::before {
    content: "";
    display: block;
    position: absolute;
    top: 7rem;
    right: -11rem;
    transform: translateX(100%);
    width: var(--fixed-video--arr-width);
    height: var(--fixed-video--arr-height);
    background-image: url(../icons/arrow-fixed.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}
.fixed-video__btn {
    position: relative;
    border-radius: var(--card-border-radius);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 120%;
    background-position: 94% bottom;
    overflow: hidden
}
.fixed-video__btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(57, 57, 57, .4);
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    transition: border-color .22s ease-in-out, background-color .22s ease-in-out
}
.fixed-video__btn .play {
    --play-size: 70rem;
    --play--icon-size: 10rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.fixed-video__btn:focus::before, .fixed-video__btn:hover::before {
    border-color: #65849b;
    background-color: rgba(57, 57, 57, .2)
}
.fixed-video__text {
    font-size: 12rem;
    line-height: 133%;
    font-weight: 500;
    position: absolute;
    bottom: 30rem;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    padding: 0 var(--fixed-btn--margin);
    text-align: center;
    color: #fff
}
.fixed-up {
    --fixed-up--size: 90rem;
    --fixed-up--arr-size: calc(var(--fixed-up--size)*.4);
    left: calc(100vw - var(--fixed-btn--margin) - var(--fixed-up--size) - var(--scrollWidth));
    transform: translateX(calc(var(--fixed-btn--margin) + var(--fixed-up--size) + var(--scrollWidth)));
    width: var(--fixed-up--size);
    height: var(--fixed-up--size);
    border-radius: 50%;
    background-color: #65849b;
    background-image: url(../icons/arrow-top.svg);
    background-size: var(--fixed-up--arr-size) var(--fixed-up--arr-size);
    background-position: center;
    background-repeat: no-repeat
}
.container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}
.wrapper {
    margin: 0 auto;
    width: var(--wrapper-width);
    position: relative
}
.header {
    width: 100%;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    padding: 34rem 0;
    font-size: 18rem;
    line-height: 142%
}
.header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    width: 100%;
    background: linear-gradient(180deg, #fff 70%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: opacity .22s ease-in-out
}
.header-wrapper {
    width: 1640rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.header-el {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: 64rem
}
.header-el:last-child {
    margin-right: 0
}
.header-logo {
    max-width: 500rem;
    font-size: 16rem;
    line-height: 142%
}
.header-logo__img {
    flex-shrink: 0;
    width: 250rem;
    margin-right: 28rem
}
.header .mini-map {
    margin-left: auto
}
.header .mini-info {
    align-items: center
}
.header-social .socials {
    display: flex;
    margin-left: 20rem;
    flex-shrink: 0
}
.header-brg {
    --brg-size: 26rem;
    position: relative;
    display: flex;
    justify-content: center;
    height: var(--brg-size);
    width: var(--brg-size)
}
.header-brg i {
    width: inherit;
    height: inherit;
    transition: transform .22s ease-in-out, opacity .22s ease-in-out, fill .22s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.header-brg i:nth-child(2) {
    height: calc(var(--brg-size)*.8);
    width: calc(var(--brg-size)*.8);
    opacity: 0
}
.header-brg::before {
    content: "";
    pointer-events: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.7);
    width: calc(var(--brg-size)*2);
    height: calc(var(--brg-size)*2);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #fff;
    opacity: 0;
    transition: opacity .22s ease-in-out, transform .22s ease-in-out, border-color .22s ease-in-out
}
.header-brg:focus::before {
    border-color: #65849b
}
.header-brg:focus i, .header-brg:hover i {
    fill: #65849b;
    transform: translate(-50%, -50%) scale(.7)
}
.header-brg:focus::before, .header-brg:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}
.header.menuOn::before {
    opacity: 1
}
.header.menuOn .header-brg i {
    transform: translate(-50%, -50%) scale(.7)
}
.header.menuOn .header-brg i:nth-child(1) {
    opacity: 0
}
.header.menuOn .header-brg i:nth-child(2) {
    opacity: 1
}
.header.menuOn .header-brg::before {
    border-color: #263747;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}
.header.menuOn .header-brg:focus i, .header.menuOn .header-brg:hover i {
    transform: translate(-50%, -50%) scale(.7) rotate(90deg)
}
.header.menuOn .header-brg:focus::before, .header.menuOn .header-brg:hover::before {
    border-color: #65849b
}
.footer {
    margin-top: 92rem;
    font-size: 18rem;
    line-height: 150%;
    background-color: #0e0e0e;
    color: #fff
}
.footer-wrapper {
    padding: 30rem 0;
    border-top: 1px solid #0e0e0e;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.footer-logo {
    max-width: 441rem;
    display: flex;
    align-items: center
}
.footer-logo__img {
    width: 141rem;
    flex-shrink: 0
}
.footer-logo__descr {
    margin-left: 89rem
}
.footer-el {
    font-weight: 500;
    text-align: center
}
.footer-el a {
    color: #65849b;
    transition: color .22s ease-in-out
}
.footer-el a:focus, .footer-el a:hover {
    color: #a78fd1
}
.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    z-index: 19;
    transform: translateY(-100%);
    transition: transform .22s ease-in-out
}
.menu.active {
    transform: none
}
.menu::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8)
}
.menu-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 200rem 0 100rem;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    z-index: 1
}
.menu-wrapper .wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}
.menu-nav {
    margin-top: 15px;
    margin-bottom: auto
}
.menu-nav ul {
    -moz-column-count: 2;
    column-count: 2;
    font-weight: 300;
    font-size: 40rem;
    line-height: 120%;
}
.menu-nav ul li {
    margin-bottom: 41rem;
    margin-right: 140rem
}
.menu-nav ul a {
    transition: color .22s ease-in-out
}
.menu-nav ul a:focus, .menu-nav ul a:hover {
    color: #65849b;
    font-weight: 500
}
.menu-footer {
    position: relative
}
.menu-footer__catalog {
    width: 284rem;
    right: -20rem;
    position: absolute;
    bottom: 0;
    transform: translate(50%, 50%);
    pointer-events: none
}
.menu-btn {
    margin-top: 50rem;
    min-width: 510rem
}
.overlay {
    display: block;
    position: fixed;
    z-index: -99;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity .22s ease-in-out, transform 0s .3s, z-index 0s .3s;
    display: flex;
    flex-direction: column;
    background-color: rgba(57, 57, 57, .5)
}
.overlay.active {
    transform: translateX(0);
    opacity: 1;
    transition: opacity .22s ease-in-out, transform 0s, z-index 0s;
    z-index: 99
}
.overlay .modal-wr {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 100vw;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    padding: 60rem;
    overflow-y: scroll
}
.modal {
    margin: auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    color: #263747;
    position: relative;
    opacity: 1;
    z-index: -99;
    flex-shrink: 0;
    pointer-events: none;
    display: none;
    border-radius: var(--card-border-radius);
    width: 1000rem;
    padding: 50rem 115rem;
    background-image: url(../img/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    --modal--margin-bottom: 18rem
}
.modal::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .8;
    z-index: 0
}
.modal .close {
    position: absolute;
    z-index: 3;
    top: 25rem;
    right: 25rem
}
.modal.active {
    z-index: 100;
    pointer-events: auto;
    display: flex;
    -webkit-animation: fade .3s 0s ease-in-out;
    animation: fade .3s 0s ease-in-out
}
.modal__content {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    width: 350rem;
    margin-left: auto
}
.modal-title {
    font-weight: 600;
    font-size: 36rem;
    line-height: 140%;
    margin-bottom: var(--modal--margin-bottom);
    letter-spacing: 0;
    text-transform: none
}
.modal-descr {
    font-size: 18rem;
    line-height: 156%;
    color: #65849b;
    margin-bottom: var(--modal--margin-bottom)
}
.modal-form__bl {
    margin-bottom: var(--modal--margin-bottom)
}
.modal-form__bl label {
    margin-bottom: 11rem;
    color: #263747
}
.modal-form__bl input {
    background-color: #fff
}
.modal-form__bl .select__head {
    background-color: #fff
}
.modal-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: -60% 100%;
    background-size: auto 95%
}
.modal_price .modal-img {
    background-position: 0% 100%;
    background-size: auto 100%
}
.modal_stop {
    width: 1500rem;
    background-position: 90% center
}
.modal_stop::before {
    opacity: .4
}
.modal_stop .modal__content {
    width: 100%
}
.modal_stop-subtitle {
    font-size: 26rem;
    line-height: 1em;
    margin-bottom: 15rem
}
.modal_stop-descr {
    font-size: 18rem;
    line-height: 125%;
    margin-bottom: 15rem;
    text-transform: uppercase;
    color: #65849b
}
.modal_stop-title {
    margin-bottom: 15rem;
    line-height: 120%
}
.modal_stop .modal-form {
    width: 510rem
}
.modal_stop-img {
    position: absolute;
    width: 1150rem;
    left: 666rem;
    bottom: 37rem
}
.modal_map {
    padding: 0;
    width: 90vw;
    height: 80vh;
    border-radius: var(--card-border-radius);
    overflow: hidden
}
.modal_map .map {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%
}
.modal_map .close, .modal_slider .close {
    left: 50%;
    top: 20rem;
    transform: translateX(-50%)
}
.modal_map .close i, .modal_slider .close i {
    transform: translate(-50%, -50%) scale(.6)
}
.modal_map .close::before, .modal_slider .close::before {
    border-color: #65849b;
    opacity: 1;
    transform: translate(-50%, -50%) scale(.9)
}
.modal_map .close:focus::before, .modal_map .close:hover::before, .modal_slider .close:focus::before, .modal_slider .close:hover::before {
    border-color: #fd2016;
    transform: translate(-50%, -50%) scale(1)
}
.modal_map .close:focus i, .modal_map .close:hover i, .modal_slider .close:focus i, .modal_slider .close:hover i {
    transform: translate(-50%, -50%) scale(.7)
}
.modal_slider {
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 200rem;
    background: rgba(0, 0, 0, 0)
}
.modal_slider::before {
    display: none
}
.modal_slider__wr {
    width: 100%;
    height: 100%
}
.modal_slider .slider-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    justify-content: space-between;
    pointer-events: none
}
.modal_slider .slider-nav__arr {
    pointer-events: auto
}
.modal_slider .slider-nav__arr::after {
    opacity: 1;
    background-color: #fff;
    border: 1px solid #65849b
}
.modal_slider .slider-nav__arr:focus, .modal_slider .slider-nav__arr:hover {
    fill: #65849b
}
.modal_slider .slider-nav .slider-nav__num {
    display: none
}
.modal_slider .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center
}
.modal_slider .swiper-slide iframe, .modal_slider .swiper-slide img, .modal_slider .swiper-slide video {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}
.modal_slider .swiper-slide .play {
    display: none
}
.modal_slider .swiper-slide.video_height, .modal_slider .swiper-slide.video_width {
    background-image: none !important
}
.modal_polit {
    padding: 100rem;
    width: 1500rem
}
.modal_polit .modal__content {
    width: 100%
}
.modal_video {
    padding: 0;
    --modal-video--width: 70vw;
    --modal-video--height: calc(var(--modal-video--width)/16*9);
    width: var(--modal-video--width);
    height: var(--modal-video--height)
}
.modal_video__content {
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}
.modal_video__content iframe, .modal_video__content video {
    width: 100% !important;
    height: 100% !important
}
.modal_video__content video {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}
.modal_video.active .modal_video__content {
    display: block
}
.single-page .footer {
    background-color: rgba(0, 0, 0, 0);
    color: #263747;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0
}
[data-main-anim] {
    will-change: opacity, transform;
    transform: translateY(40rem);
    opacity: 0
}
[data-anim] {
    will-change: opacity, transform;
    transition: opacity .8s 0s ease-in-out, transform .8s 0s ease-in-out
}
[data-anim].op {
    transform: translateY(40rem);
    opacity: 0
}
@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}
.main {
    position: relative;
    min-height: 100vh;
    padding-top: 260rem;
    padding-bottom: 130rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.main>.wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}
.main-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}
.main-title {
    max-width: 850rem
}
.main-title .palette {
    margin-left: 2rem;
    margin-top: -15rem
}
.main-descr {
    text-align: center;
    width: 61%;
    font-size: 45rem;
    margin-top: 42rem
}
.main-benefits {
    width: 65%;
    position: relative;
    font-size: 20rem;
    line-height: 162%;
    letter-spacing: .03em;
}
.main-benefits ul {
    display: flex;
    align-items: flex-start
}
.main-benefits li:last-child {
    margin-right: 0
}
.main-benefits li::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 25rem;
    height: 25rem;
    margin: 0px auto 10rem;
    background-image: url(../icons/ok.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.main-benefits li::marker {
    content: "";
}
.main-top {
    position: absolute;
    width: 185rem;
    height: 185rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: 50%;
    right: 0;
    transform: translate(calc(100% + 150rem), -50%);
    border-radius: 50%;
    color: #65849b;
    background-color: #fff;
    text-transform: uppercase
}
.main-top span {
    font-size: 14rem;
    line-height: 136%
}
.main-top span:first-child {
    font-size: 33rem;
    line-height: 100%
}
.main-top::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/top_stylist.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: rotate 16s linear infinite reverse
}
.main-btn {
    margin-top: auto;
    min-width: 300rem
}
.mob{
    display: none;
}
.cosmetics {
    position: relative;
    z-index: 1
}
.cosmetics-benefits, .cosmetics-descr {
    margin-top: 0rem
}
.cosmetics-descr {
    font-size: 16rem;
    line-height: 162%
}
.cosmetics-benefits {
    display: flex
}
.cosmetics-benefits__it {
    margin: 15rem;
    border-radius: var(--card-border-radius);
    background-color: #ebdcc7;
    padding: 20px 0;
    display: flex;
        position: relative;
        /* margin: 0 auto; */
        text-align: center;
        align-items: center;
        width: 20%;
        height: auto;
        border: 1px solid #65849b;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /* opacity: .2; */
        transition: opacity .22s ease-in-out, border-color .22s ease-in-out;
        transform: translateZ(.1px);
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
}
.cosmetics-benefits__it::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0rem 0rem 45rem rgba(174, 169, 185, .25);
    opacity: 0;
    transition: opacity .22s ease-in-out
}
.cosmetics-benefits__it:hover {
    opacity: 1;
    border-color: rgba(0, 0, 0, 0)
}
.cosmetics-benefits__it:hover::before {
    opacity: 1
}
.consultation {
    margin-top: 112rem
}
.consultation-title {
    width: 1077rem
}
.consultation-descr {
    margin-top: 32rem
}
.consultation-palette {
    position: absolute;
    top: 130rem;
    right: 183rem
}
.consultation-quiz {
    margin-top: 65rem
}
.consultation-footer {
    margin-top: 65rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    --consultation-footer-img-size: 85rem
}
.consultation-footer__descr {
    font-size: 25rem;
    line-height: 100%;
    min-height: var(--consultation-footer-img-size);
    letter-spacing: .02em;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    align-items: center
}
.consultation-footer__item {
    max-width: 374rem;
    margin-left: 40rem;
    display: flex;
    align-items: flex-start
}
.consultation-footer__item-img {
    width: var(--consultation-footer-img-size);
    height: var(--consultation-footer-img-size);
    margin-right: 22rem;
    position: relative;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.consultation-footer__item-img .circle-ok {
    position: absolute;
    top: 5rem;
    right: 0
}
.consultation-footer__item-text {
    padding-top: 6rem
}
.consultation-footer__item-title {
    font-size: 18rem;
    line-height: 140%;
    margin-bottom: 12rem
}
.consultation-footer__item-descr {
    font-size: 16rem;
    line-height: 131%
}
.quiz {
    position: relative;
    display: flex;
    justify-content: space-between;
    --quiz-banner--width: 472rem;
    --quiz-banner--gap: 72rem;
    --quiz-main--width: calc(100% - var(--quiz-banner--width) - var(--quiz-banner--gap))
}
.quiz-block {
    position: relative
}
.quiz-main {
    width: var(--quiz-main--width);
    display: flex;
    flex-direction: column
}
.quiz-progress {
    margin-bottom: 42rem;
    flex-shrink: 0
}
.quiz-steps {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}
.quiz-step {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    display: none
}
.quiz-step__title {
    font-size: 35rem;
    line-height: 130%;
    margin-bottom: 41rem
}
.quiz-step__sub {
    display: none
}
.quiz-step[data-quiz-cards="2"] {
    --radio-card--gap: 52rem;
    --radio-card--width: calc((100% - 1*var(--radio-card--gap))/2)
}
.quiz-step[data-quiz-cards="3"] {
    --radio-card--gap: 52rem;
    --radio-card--width: calc((100% - 2*var(--radio-card--gap))/3)
}
.quiz-step[data-quiz-cards="4"] {
    --radio-card--gap: 52rem;
    --radio-card--width: calc((100% - 3*var(--radio-card--gap))/4);
    --radio-card--gap: 38rem
}
.quiz-step__choose {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60rem
}
.quiz-step__choose .radio-card {
    width: var(--radio-card--width)
}
.quiz-step__footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.quiz-step__descr {
    font-size: 18rem;
    line-height: 144%
}
.quiz-step__btn {
    min-width: 150rem
}
.quiz-banner {
    width: var(--quiz-banner--width);
    min-height: 806rem;
    padding: 52rem 70rem;
    border-radius: var(--card-border-radius);
    background-image: url(../img/quiz/banner/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start
}
.quiz-banner__person {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto
}
.quiz-banner__text {
    position: relative
}
.quiz-banner__text-quote {
    margin-bottom: 40rem
}
.quiz-banner__text-span {
    display: block;
    margin-bottom: 25rem
}
.quiz-banner__text-span:last-child {
    margin-bottom: 0
}
.quiz-banner__text-title {
    font-size: 20rem;
    line-height: 150%
}
.quiz-banner__text-descr {
    font-size: 16rem;
    line-height: 156%
}
.quiz-load {
    position: absolute;
    background-color: #f5f6fa;
    border-radius: var(--card-border-radius);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 2;
    --quiz-final--load-icon-size: 230rem
}
.quiz-load__ic {
    margin-bottom: 50rem;
    width: var(--quiz-final--load-icon-size);
    height: var(--quiz-final--load-icon-size);
    background-image: url(../icons/quiz-load.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}
.quiz-load__text {
    font-weight: 400
}
.quiz-final {
    display: none;
    position: relative;
    padding: 60rem 125rem;
    border-radius: var(--card-border-radius);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bg4.jpg);
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}
.quiz-final__title {
    font-size: 45rem;
    line-height: 130%;
    margin-bottom: 17rem
}
.quiz-final__descr {
    font-size: 20rem;
    line-height: 150%;
    margin-bottom: 20rem;
    width: 50%;
    color: #65849b
}
.quiz-final__form {
    width: 510rem
}
.quiz-final__form-bl {
    margin-bottom: 22rem
}
.quiz-final__form-bl .select__head, .quiz-final__form-bl input {
    background-color: #fff
}
.quiz-final__form-bl label {
    margin-bottom: 10rem;
    color: #263747
}
.quiz-final__img {
    right: 117rem;
    width: 387rem;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto
}
.quiz-final .trash-inputs {
    display: none
}
.quiz.transition {
    pointer-events: none
}
.quiz.overflow {
    overflow: hidden
}
.quiz>div {
    will-change: opacity, transform
}
.big-slider {
    --big-slider--height: 130rem;
    --big-slider--pt: 130rem;
    --big-slider--pb: 130rem;
    margin-top: 112rem;
    width: 100%;
    height: 900rem;
    background-image: url(../img/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    overflow: hidden
}
.big-slider__wrapper {
    position: relative;
    flex-grow: 1
}
.big-slider__title {
    z-index: 2;
    width: 494rem;
    position: absolute;
    top: var(--big-slider--pt);
    left: var(--wrapper-padding)
}
.big-slider__card {
    padding: 70rem 58rem;
    width: 400rem;
    border-radius: var(--card-border-radius);
    background-color: #fff;
    align-self: flex-end;
    position: relative;
    z-index: 2;
    position: absolute;
    bottom: var(--big-slider--pb);
    right: 0
}
.big-slider__card-content {
    overflow: hidden
}
.big-slider__card-item {
    font-size: 16rem;
    line-height: 162%;
    overflow: hidden
}
.big-slider__card-item>* {
    margin-bottom: 15rem
}
.big-slider__card-item>:last-child {
    margin-bottom: 0
}
.big-slider__card-title {
    font-size: 24rem;
    line-height: 167%;
    letter-spacing: .02em
}
.big-slider__card-descr {
    color: #65849b
}
.big-slider__card-price {
    font-weight: 500
}
.big-slider__card-price span {
    font-size: 24rem
}
.big-slider__nav {
    margin-top: 15rem
}
.big-slider__swiper {
    position: absolute;
    top: 0;
    left: calc(-1*var(--wrapper-padding));
    width: 100vw;
    height: 100%
}
.big-slider__item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%
}
.inclusive {
    margin-top: 170rem;
    --inclusive--gap: 47rem
}
.inclusive__head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.inclusive__palette {
    position: absolute;
    top: -9rem;
    right: calc(50% + 52rem);
    transform: translateY(-100%)
}
.inclusive__body {
    margin-top: 90rem
}
.inclusive__swiper {
    justify-content: space-between
}
.inclusive__footer {
    display: none
}
.inclusive__item {
    padding: 40rem;
    min-height: 400rem;
    font-size: 20rem;
    line-height: 156%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--card-border-radius)
}
.inclusive__item1 {
    margin-bottom: 40rem;
    width: 30%;
    padding: 40rem;
    font-size: 20rem;
    line-height: 156%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--card-border-radius);
}
.swip-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inclusive__item:last-child {
    margin-right: 0
}
.before-after {
    margin-top: 132rem
}
.before-after__head {
    position: relative;
    padding-right: 230rem
}
.before-after__palette {
    position: absolute;
    right: 144rem;
    top: -9rem
}
.before-after__swiper {
    margin-top: 65rem
}
.before-after__item {
    min-height: 600rem;
    border-radius: var(--card-border-radius);
    overflow: hidden;
    display: flex
}
.before-after__item .sticker {
    position: absolute;
    top: 28rem;
    right: 28rem
}
.before-after__item-img {
    position: relative;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.before-after__item-img:first-child {
    width: calc(50% + 3px);
    border-right: 3px solid #fff
}
.before-after__item-img:first-child .sticker {
    right: auto;
    left: 28rem
}
.before-after__footer {
    margin-top: 38rem
}
.catalog {
    margin-top: 54rem
}
.catalog__head {
    position: relative
}
.catalog__title {
    width: 935rem
}
.catalog__palette {
    position: absolute;
    top: -10rem;
    right: 268rem
}
.catalog__body {
    margin-top: 50rem;
    height: 700rem;
    border-radius: var(--card-border-radius);
    overflow: hidden;
    background-image: url(../img/bg3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}
.catalog__body img {
    width: auto;
    height: 150%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.catalog__form {
    margin-top: 50rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end
}
.catalog__form-bl {
    width: calc((100% - 48rem)/ 3)
}
.catalog__form-btn {
    width: 100%
}
.catalog__form-checkbox {
    margin-top: 28rem
}
.makeup {
    margin-top: 140rem
}
.makeup__head {
    position: relative
}
.makeup__title {
    width: 1020rem
}
.makeup__descr {
    margin-top: 34rem
}
.makeup__palette {
    position: absolute;
    top: 23rem;
    right: 269rem
}
.makeup .swiper {
    --gap: 33rem
}
.makeup .swiper-slide {
    width: calc((100% - var(--gap)*2)/ 3)
}
.makeup-tabs {
    margin-top: 47rem
}
.makeup-tabs__head {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.makeup-tabs__btn {
    --makeup-arr-size: 17rem;
    --makeup-arr-gap: 17rem;
    font-size: 18rem;
    line-height: 120%;
    margin-right: 20rem;
    letter-spacing: .02em;
    font-weight: 400;
    display: flex;
    align-items: center;
    fill: #65849b;
    color: #65849b;
    transition: color .22s ease-in-out, fill .22s ease-in-out
}
.makeup-tabs__btn:last-child {
    margin-right: 0
}
.makeup-tabs__btn i {
    width: var(--makeup-arr-size);
    height: var(--makeup-arr-size);
    margin-left: var(--makeup-arr-gap);
    margin-top: -1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .22s ease-in-out
}
.makeup-tabs__btn.active, .makeup-tabs__btn:focus, .makeup-tabs__btn:hover {
    fill: #65849b;
    color: #65849b
}
.makeup-tabs__btn.active {
    font-weight: 500
}
.makeup-tabs__btn.active i {
    transform: rotate(180deg)
}
.makeup-tabs__body {
    margin-top: 42rem
}
.makeup-tabs__card {
    border-radius: var(--card-border-radius);
    overflow: hidden;
    height: 700rem
}
.makeup-tabs__card img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}
.makeup-tabs__footer {
    margin-top: 47rem
}
.benefits {
    margin-top: 176rem
}
.benefits-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.benefits__palette {
    position: absolute;
    bottom: 0;
    left: 176rem
}
.benefits__title {
    margin-right: 25rem;
    width: 25%;
    padding-bottom: 100rem
}
.benefits__items {
    margin-left: 45rem;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    --benefits-items--gap-h: 90rem;
    --benefits-items--gap-v: 40rem;
    --benefits-items--width: calc((100% - var(--benefits-items--gap-h)*2)/3)
}
.benefits__items .order-mob_4 {
    --benefits-items--gap-h: 90rem;
    --benefits-items--gap-v: 40rem;
    --benefits-items--width: calc((100% - var(--benefits-items--gap-h)*2)/2)
}
.benefits__item {
   width: var(--benefits-items--width);
    margin-right: calc(var(--benefits-items--gap-h) - 1px);
   margin-top: var(--benefits-items--gap-v) 
}
.benefits__item:nth-child(3n) {
    margin-right: 0
}
.benefits__item:nth-child(-n+3) {
    margin-top: 0
}
.benefits__item-title {
    margin: 23rem 0;
    font-weight: 500
}
.benefits__item-descr {
    font-size: 22rem;
    line-height: 150%;
    color: #625b6e
}
.banner {
    margin-top: 144rem
}
.banner-wrapper {
    padding: 107rem 115rem;
    display: flex;
    align-items: flex-end;
    position: relative;
    border-radius: var(--card-border-radius);
    overflow: hidden;
    background-image: url(../img/bg5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.banner__txt {
    width: 60%;
    margin-right: 50rem;
    position: relative;
    z-index: 1
}
.banner__descr {
    font-size: 24rem;
    font-weight: 500;
    line-height: 150%;
    margin-top: 33rem;
    position: relative
}
.banner__form {
    position: relative;
    z-index: 1;
    width: 350rem;
    display: flex;
    flex-direction: column
}
.banner__form-bl {
    margin-bottom: 25rem
}
.banner__form-bl:last-child {
    margin-bottom: 0
}
.banner__form .input-block label {
    margin-bottom: 11rem
}
.banner__form .input-block input {
    background-color: #fff
}
.banner__form-btn {
    width: 100%
}
.banner__form .checkbox-block__text {
    font-size: 13rem;
    line-height: 138%
}
.banner__person {
    position: absolute;
    right: -10px;
    bottom: 0;
    height: 100%;
    width: 100%
}
.banner__person img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom
}
.banner_fs .input-block label {
    color: #263747
}
.banner_sb .banner-wrapper {
    justify-content: space-between;
    background-image: url(../img/bg2.jpg) !important
}
.banner_sb .banner__txt {
    width: 65%;
    position: relative
}
.banner_sb .banner__descr {
    font-size: 22rem;
    line-height: 175%;
    margin-top: 20rem
}
.banner_sb .banner__person img {
    -o-object-position: center bottom;
    object-position: center bottom
}
.banner_sb .banner__form .input-block label {
    color: #263747
}
.banner_sb__palette {
    position: absolute;
    bottom: 80rem;
    right: 95rem
}
.masters {
    margin-top: 124rem
}
.masters__head {
    position: relative
}
.masters__title {
    width: 1150rem
}
.masters__palette {
    position: absolute;
    top: -8rem;
    right: 180rem
}
.masters__body {
    margin-top: 43rem;
    display: flex;
    justify-content: space-between
}
.masters-persons {
    width: 1236rem;
    --masters-persons-items--gap: 93rem;
    --masters-persons-items--width: calc((100% - var(--masters-persons-items--gap)*2)/3)
}
.masters-persons__item {
    width: var(--masters-persons-items--width);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}
.masters-persons__img {
    height: 400rem;
    border-radius: var(--card-border-radius);
    overflow: hidden
}
.masters-persons__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.masters-persons__name {
    margin-top: 24rem;
    font-size: 24rem;
    line-height: 140%;
    font-weight: 500;
    text-transform: none
}
.masters-persons__descr {
    margin-top: 12rem;
    font-size: 16rem;
    line-height: 150%;
    color: #65849b
}
.masters-persons .slider-nav {
    display: none
}
.masters-sertificats {
    width: 240rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}
.masters-sertificats__title {
    font-size: 25rem;
    line-height: 160%;
    font-weight: 500;
    text-align: center
}
.masters-sertificats__swiper {
    width: 206rem;
    margin: 12rem auto 30rem
}
.masters-sertificats__item {
    border-radius: var(--card-border-radius);
    overflow: hidden;
    height: 308rem
}
.masters-sertificats__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.masters-sertificats .slider-nav {
    margin-top: auto
}
.clients {
    margin-top: 70rem
}
.clients__descr {
    margin-top: 32rem
}
.clients-slider {
    margin-top: 34rem
}
.clients-swiper {
    --masters-persons-items--gap: 93rem;
    --masters-persons-items--width: calc((100% - var(--masters-persons-items--gap)*2)/3)
}
.clients__item {
    width: var(--masters-persons-items--width);
    height: 700rem;
    border-radius: var(--card-border-radius);
    overflow: hidden
}
.clients__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.clients__footer {
    margin-top: 34rem
}
.education {
    margin-top: 52rem
}
.education__head {
    position: relative
}
.education__title {
    width: 1120rem
}
.education__descr {
    margin-top: 32rem
}
.education__palette {
    position: absolute;
    top: 80rem;
    right: 140rem
}
.education__info {
    margin: 67rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.education-benefits {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}
.education-benefits__item {
    width: 347rem;
    margin-right: 35rem;
    font-size: 20rem;
    line-height: 162%;
    margin-top: 26rem;
    display: flex;
    align-items: center
}
.education-benefits__item:nth-child(-n+2) {
    margin-top: 0
}
.education-benefits__item .circle-ok {
    flex-shrink: 0;
    margin-right: 26rem
}
.education-founder {
    display: flex;
    align-items: center
}
.education-founder__img {
    width: 150rem;
    height: 150rem;
    margin-right: 35rem;
    border-radius: 50%;
    flex-shrink: 0
}
.education-founder__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.education-founder__descr {
    width: 260rem;
    font-weight: 400
}
.education-banner {
    padding: 54rem 85rem;
    margin-bottom: 60rem;
    border-radius: var(--card-border-radius);
    background-image: url(../img/bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}
.education-banner:last-child {
    margin-bottom: 0
}
 .tyjxs {
    right: 0px !important;
}
.education-banner__img {
    pointer-events: none;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 75%;
}
.education-banner__img img {
    height: 100%;
    width: auto;
    margin-left: auto
}
.education-banner__title {
    font-size: 36rem;
    line-height: 100%;
    font-weight: 500;
    text-transform: none;
    position: relative
}
.education-banner__ul {
    margin: 24rem 0;
    font-size: 26rem;
    line-height: 167%;
    position: relative
}
.education-banner__ul li {
    padding-left: 32rem;
    position: relative
}
.education-banner__ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: .7em;
    left: .8em;
    width: 5rem;
    height: 5rem;
    background-color: #263747;
    border-radius: 50%
}
.education-banner__btn {
    min-width: 380rem
}
.education-banner_right {
    padding: 48rem 65rem;
    padding-left: calc(50% + 70rem)
}
.education-banner_right .education-banner__ul {
    margin: 15rem 0
}
.education-banner_right .education-banner__img img {
    margin-left: 70rem
}
.education-banner_left {
    padding: 48rem 65rem;
    padding-right: calc(50% + 70rem)
}
.reviews {
    margin-top: 110rem
}
.reviews__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative
}
.reviews__title {
    margin-bottom: 40rem;
    padding-right: 350rem;
    width: 100%
}
.reviews__descr {
    margin-right: 26rem
}
.reviews__links {
    display: flex;
    align-items: center
}
.reviews__link {
    padding: 8rem 14rem;
    border-radius: 10rem;
    margin-right: 18rem;
    background-color: #f5f6fa;
    transition: background-color .22s ease-in-out;
    position: relative
}
.reviews__link:last-child {
    margin-right: 0
}
.reviews__link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #65849b;
    opacity: 0;
    border-radius: inherit;
    transition: opacity .22s ease-in-out
}
.reviews__link img {
    height: 30rem;
    width: auto
}
.reviews__link:focus, .reviews__link:hover {
    background-color: #fff
}
.reviews__link:focus::before, .reviews__link:hover::before {
    opacity: 1
}
.reviews__palette {
    top: 6rem;
    right: 184rem;
    position: absolute
}
.reviews__body {
    margin-top: 56rem;
    display: flex;
    justify-content: space-between
}
.reviews-images__item, .reviews-videos__item {
    height: 585rem
}
.reviews-videos {
    --reviews-videos-card--gap: 38rem;
    --reviews-videos-card--width: 350rem;
    --reviews-videos--width: calc(var(--reviews-videos-card--width)*2 + var(--reviews-videos-card--gap));
    width: var(--reviews-videos--width)
}
.reviews-videos__slider {
    overflow: hidden
}
.reviews-videos__slider .swiper {
    overflow: visible;
    width: 100%;
    margin-left: 0
}
.reviews-videos__item {
    border-radius: var(--card-border-radius);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.reviews-videos__item::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}
.reviews-videos__item iframe, .reviews-videos__item video {
    display: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 0
}
.reviews-videos__item .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.reviews-images {
    --reviews-images--width: 674rem;
    width: var(--reviews-images--width)
}
.reviews-images__slider {
    width: calc(var(--reviews-images--width) + (100vw - var(--wrapper-width))/ 2);
    overflow: hidden
}
.reviews-images .swiper {
    width: var(--reviews-images--width);
    overflow: visible;
    margin-left: 0
}
.reviews-images__item {
    width: 270rem;
    opacity: .25;
    transition: opacity .22s ease-in-out
}
.reviews-images__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.reviews-images__item.swiper-slide-active, .reviews-images__item.swiper-slide-next {
    opacity: 1
}
.reviews-footer {
    margin-top: 40rem
}
.contacts {
    margin-top: 92rem;
    --contacts-link--width: 270rem;
    --contacts-link--height: calc(var(--contacts-link--width)*2.16);
    --contacts-map--width: 775rem
}
.contacts-wrapper {
    display: flex;
    justify-content: space-between
}
.contacts-link, .contacts-map {
    flex-shrink: 0
}
.contacts-link {
    width: var(--contacts-link--width);
    height: var(--contacts-link--height);
    margin-right: 138rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}
.contacts-link__sticker {
    font-size: 18rem;
    line-height: 140%;
    padding: 8rem 16rem;
    border-radius: 999px;
    position: absolute;
    top: 36rem;
    right: -46rem;
    background-color: #65849b;
    color: #fff;
    transition: color .22s ease-in-out, background-color .22s ease-in-out
}
.contacts-link__sticker::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    border: 2px solid #65849b
}
.contacts-link:focus .contacts-link__sticker, .contacts-link:hover .contacts-link__sticker {
    background-color: #fff;
    color: #65849b
}
.contacts-info {
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: auto
}
.contacts-info__title {
    margin-bottom: 18rem;
    text-transform: none;
    font-weight: 500;
    position: relative
}
.contacts-info__title::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -11rem;
    width: 18rem;
    height: 18rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-100%, -50%)
}
.contacts-info__title_geo::before {
    background-image: url(../icons/geo.svg)
}
.contacts-info__title_tel::before {
    background-image: url(../icons/tel.svg)
}
.contacts-info .mini-map {
    margin-bottom: 74rem;
    z-index: 2
}
.contacts-info .mini-map__head-icon {
    display: none
}
.contacts-info .mini-map__head-txt {
    font-size: 20rem;
    line-height: 150%
}
.contacts-info .mini-info {
    font-size: 16rem;
    line-height: 131%
}
.contacts-info .mini-info__tels {
    text-align: left
}
.contacts-info .mini-info__tels, .contacts-info .mini-info__time {
    margin-bottom: 8.5rem
}
.contacts-info .socials {
    margin-top: 25rem;
    display: flex
}
.contacts-map {
    width: var(--contacts-map--width);
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--card-border-radius);
    border: 2px solid rgba(0, 0, 0, 0);
    transition: border-color .22s ease-in-out
}
.contacts-map:focus, .contacts-map:hover {
    border-color: #65849b
}
.lead {
    flex-grow: 1;
    padding-top: 220rem;
    padding-bottom: 270rem;
    background-image: url(../img/bg4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}
.lead::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, .4) 10%, rgba(255, 255, 255, .4) 90%, #fff 100%)
}
.lead-uptitle {
    font-size: 20rem;
    line-height: 150%;
    margin-bottom: 32rem
}
.lead-title {
    margin-bottom: 39rem;
    width: 454rem
}
.lead-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end
}
.lead-form__bl {
    width: calc((100% - 70rem)/ 3)
}
.lead-form__bl label {
    color: #263747
}
.lead-form__checkbox {
    margin-top: 30rem;
    width: 100%
}
.lead-img {
    position: absolute;
    width: 1440rem;
    left: calc(50% - 180rem);
    bottom: 260rem;
    height: 1px
}
.lead-img img {
    position: absolute;
    bottom: 0;
    left: 0
}
.thanks {
    padding: 270rem 0;
    flex-grow: 1;
    background-image: url(../img/bg2.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    position: relative
}
.thanks .wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.thanks-title {
    width: 366rem
}
.thanks-descr {
    margin: 35rem 0;
    font-size: 30rem;
    line-height: 233%;
    text-transform: uppercase
}
.thanks-btn {
    min-width: 285rem
}
.thanks-img {
    position: absolute;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0
}
.thanks-img img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 110%;
    transform: rotateY(180deg)
}
.not-found {
    padding: 230rem 0;
    flex-grow: 1;
    background-image: url(../img/404.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 80%;
    position: relative
}
.not-found__title {
    margin-bottom: 20rem
}
.quiz-section {
    position: relative;
    min-height: 100vh;
    padding-top: 260rem;
    padding-bottom: 130rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.quiz-section>.wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}
.quiz-section__title {
    width: 1220rem
}
.quiz-section__benefits {
    margin: 50rem 0
}
.quiz-section__descr {
    max-width: 50%;
    margin-bottom: 50rem;
    font-weight: 500;
    font-size: 30rem;
    line-height: 200%;
    color: #65849b
}
.quiz-section__descr-text {
    display: inline
}
.quiz-section__palette {
    margin-left: 110rem
}
.quiz-section__btn {
    min-width: 400rem;
    margin-top: auto
}
.page_quiz-block {
    margin-top: 100rem
}
@media(max-width:992px) {
    html {
        font-size: .3125vw
    }
    :root {
        --btn-border-radius: 14rem;
        --btn-min-height: 60rem;
        --btn-padding-v: 20rem;
        --btn-padding-h: 15rem;
        --card-border-radius: 10rem
    }
    body {
        font-size: 10rem;
        line-height: 160%;
        --wrapper-width: 276rem
    }
    .h1, h1 {
        font-size: 24rem;
        line-height: 146%
    }
    .h2, h2 {
        font-size: 20rem;
        line-height: 150%
    }
    .h3, h3 {
        font-size: 18rem;
        line-height: 167%
    }
    .h4, h4 {
        font-size: 14rem;
        line-height: 125%
    }
    .quote {
        --quote-width: 20rem
    }
    .circle-ok {
        --circle-ok--size: 25rem;
        --circle-ok--icon-size: 7rem
    }
    .circle-ok__min {
        --circle-ok--size: 20rem;
        --circle-ok--icon-size: 8rem
    }
    .btn {
        padding-top: 17rem;
        padding-bottom: 17rem;
        font-size: 10rem;
        line-height: 105%;
        box-shadow: 0rem 8.4rem 52.5rem rgba(124, 89, 187, .35), inset 0rem 0rem 17.5rem rgba(255, 255, 255, .35)
    }
    .btn::after {
        width: 30rem
    }
    @-webkit-keyframes blick {
        0% {
            transform: translateX(-110%) translateY(-50%) rotate(30deg)
        }
        100%, 15% {
            transform: translateX(320rem) translateY(-50%) rotate(30deg)
        }
    }
    @keyframes blick {
        0% {
            transform: translateX(-110%) translateY(-50%) rotate(30deg)
        }
        100%, 15% {
            transform: translateX(320rem) translateY(-50%) rotate(30deg)
        }
    }
    .btn_big-font {
        font-size: 10rem;
        line-height: 105%
    }
    .btn_min {
        min-height: var(--btn-min-height);
        padding: car(var(--btn-padding))
    }
    .section-descr {
        font-size: 11rem;
        line-height: 140%
    }
    .input-block input, .select button {
        font-size: 12rem;
        line-height: 130%
    }
    .select {
        --select--soc-size: 30rem;
        --select--soc-icon-size: 14rem;
        --select--arr-size: 10rem;
        position: relative
    }
    .select button {
        padding-right: calc(var(--btn-padding-h)*1.5 + var(--select--soc-size))
    }
    .select__head span::after {
        margin-top: 0;
        transform: none !important
    }
    .select__body {
        display: none
    }
    .select select {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: auto;
        opacity: 0;
        z-index: 1
    }
    .input-block label {
        font-size: 10rem;
        line-height: 140%;
        margin-bottom: 8rem
    }
    .checkbox-el__quad {
        width: 15rem;
        height: 15rem;
        border-radius: 3rem
    }
    .checkbox-el__quad:before {
        width: 6rem;
        height: 6rem
    }
    .checkbox-block {
        font-size: 9rem;
        line-height: 136%
    }
    .checkbox-block__text {
        margin-left: 12rem
    }
    .sticker {
        font-size: 5rem;
        line-height: 100%;
        padding: 4rem 5rem;
        border-radius: 4rem;
        min-height: 13rem
    }
    .socials-it {
        width: 28rem;
        height: 28rem;
        margin-right: 5rem
    }
    .socials-it .svg {
        width: 20rem;
        height: 20rem
    }
    .mini-map__head-descr {
        font-size: 10rem;
        line-height: 150%
    }
    .mini-map .has-child__content {
        display: none
    }
    .mini-info {
        align-items: flex-end
    }
    .mini-info__time {
        margin-bottom: 6rem
    }
    .mini-info__tels {
        margin-bottom: 5rem;
        font-size: 14rem;
        line-height: 100%
    }
    .mini-info__call {
        font-size: 10rem;
        line-height: 150%;
        letter-spacing: .05em
    }
    .palette {
        --palette-item-size: 18rem;
        --palette-border-size: 1rem
    }
    .palette i:nth-child(n+2) {
        margin-left: -4rem
    }
    .palette__sm {
        --palette-ellipse-width: 125rem
    }
    .palette__sm-rb::before {
        bottom: 0;
        right: 0;
        transform: translate(-1.4%, 7.4%) rotate(28.6deg)
    }
    .palette__md {
        --palette-ellipse-width: 129rem
    }
    .palette__md-rb::before {
        bottom: 0;
        right: 0;
        transform: translate(9.9%, -12.3%) rotate(28.6deg)
    }
    .palette__md-cb::before {
        bottom: 0;
        right: 0;
        transform: translate(34.4%, -11.9%) rotate(28.6deg)
    }
    .palette__md-rt::before {
        top: 0;
        right: 0;
        transform: translate(9.4%, 3.6%) rotate(166.67deg)
    }
    .palette__xl {
        --palette-ellipse-width: 192rem
    }
    .palette__xl-lb::before {
        bottom: 0;
        right: 0;
        transform: translate(54%, -2.9%) rotate(28.6deg)
    }
    .palette__xxl {
        --palette-ellipse-width: 232rem
    }
    .palette__xxl-lt::before {
        top: 0;
        left: 0;
        transform: translate(-24.2%, 12.7%) rotate(25.5deg)
    }
    .palette__xxxl {
        --palette-ellipse-width: 258rem
    }
    .palette__xxxl-ct::before {
        top: 0;
        right: 0;
        transform: translate(41.7%, 5.6%) rotate(166.67deg)
    }
    .palette__xxxl-lt::before {
        top: 0;
        right: 0;
        transform: translate(49.3%, 4%) rotate(165deg)
    }
    .radio-card {
        width: 120rem;
        --radio-card--ok-size: 6rem 4rem
    }
    .radio-card_img {
        height: 75rem
    }
    .radio-card_img::after {
        width: 24rem;
        height: 24rem;
        border-width: 2rem;
        transform: translate(-50%, 12rem)
    }
    .radio-card_text {
        margin-top: 15rem;
        font-size: 8rem;
        line-height: 131%
    }
    .quiz-progress {
        padding: 4rem;
        --quiz-progress-bar--height: 13rem;
        font-size: 8rem;
        line-height: 100%
    }
    .quiz-progress__text {
        padding: .15em .5em
    }
    .slider-nav {
        --slider-nav--arr-height: 14rem;
        --slider-nav--num-size: 50rem
    }
    .slider-nav__num {
        margin: 0 13rem
    }
    .slider-nav__num-current .swiper-slide {
        font-size: 20rem;
        line-height: 100%
    }
    .slider-nav__num-amount {
        font-size: 10rem;
        line-height: 100%;
        left: calc(50% + 1rem);
        bottom: calc(50% + 1rem)
    }
    .slider-footer {
        justify-content: center
    }
    .slider-footer .slider-nav {
        margin: 0 auto
    }
    .slider-footer::before, .slider-footer__descr {
        display: none
    }
    .play {
        --play-size: 35rem;
        --play--icon-size: 8rem
    }
    .order-mob_0 {
        order: 0
    }
    .order-mob_1 {
        order: 1
    }
    .order-mob_2 {
        order: 2
    }
    .order-mob_3 {
        order: 3
    }
    .order-mob_4 {
        order: 4
    }
    .order-mob_5 {
        order: 5
    }
    .order-mob_6 {
        order: 6
    }
    .order-mob_7 {
        order: 7
    }
    .order-mob_8 {
        order: 8
    }
    .order-mob_9 {
        order: 9
    }
    .order-mob_10 {
        order: 10
    }
    .order-mob_11 {
        order: 11
    }
    .order-mob_12 {
        order: 12
    }
    .order-mob_13 {
        order: 13
    }
    .order-mob_14 {
        order: 14
    }
    .order-mob_15 {
        order: 15
    }
    .order-mob_16 {
        order: 16
    }
    .order-mob_17 {
        order: 17
    }
    .order-mob_18 {
        order: 18
    }
    .order-mob_19 {
        order: 19
    }
    .order-mob_20 {
        order: 20
    }
    .close {
        --close--size: 14rem
    }
    .fixed-btn {
        --fixed-btn--margin: 10rem
    }
    .fixed-video {
        width: 120rem;
        height: 200rem;
        --fixed-video--arr-width: 31rem
    }
    .fixed-video .close {
        --close--size: 10rem
    }
    .fixed-video__uptext {
        font-size: 11rem;
        line-height: 104%;
        top: -16rem
    }
    .fixed-video__uptext::before {
        top: 4rem;
        right: -4rem
    }
    .fixed-video__btn .play {
        --play-size: 50rem;
        --play--icon-size: 10rem
    }
    .fixed-video__text {
        font-size: 10rem;
        line-height: 133%;
        bottom: var(--fixed-btn--margin)
    }
    .fixed-up {
        --fixed-up--size: 50rem
    }
    .header {
        font-size: 8rem;
        line-height: 142%;
        padding: 15rem 0
    }
    .header-wrapper {
        width: var(--wrapper-width)
    }
    .header-el {
        margin-right: auto
    }
    .header-el:last-child {
        margin-right: 0
    }
    .header-logo {
        max-width: none
    }
    .header-logo__img {
        width: 80rem;
        margin-right: 0
    }
    .header-logo__descr {
        display: none
    }
    .header .mini-map {
        display: none
    }
    .header .mini-info {
        align-items: flex-end;
        text-align: right
    }
    .header-social {
        display: none
    }
    .header-brg {
        --brg-size: 18rem
    }
    .footer {
        margin-top: 50rem;
        font-size: 10rem;
        line-height: 150%
    }
    .footer-wrapper {
        padding: 22rem 0;
        flex-direction: column
    }
    .footer-logo__descr {
        display: none
    }
    .footer-el {
        font-weight: 400;
        margin: 0 auto;
        margin-bottom: 7rem;
        margin-top: 6rem
    }
    .footer-el br {
        display: none
    }
    .footer-el:last-child {
        margin-bottom: 0
    }
    .footer-disclaimer br {
        display: block
    }
    .menu {
        height: 100%;
        max-height: 100%;
        background-position: 72% center
    }
    .menu-wrapper {
        padding: 120rem 0 60rem
    }
    .menu-nav ul {
        -moz-column-count: auto;
        column-count: auto;
        font-size: 20rem;
        line-height: 120%
    }
    .menu-nav ul li {
        margin-bottom: 18rem;
        margin-right: 0
    }
    .menu-footer {
        width: 100%
    }
    .menu-footer__catalog {
        width: 150rem;
        right: -10rem
    }
    .menu-btn {
        font-size: 11rem;
        margin-top: 20rem;
        min-width: 100%
    }
    .overlay .modal-wr {
        padding: 20rem
    }
    .modal {
        width: var(--wrapper-width);
        padding: 35rem var(--wrapper-padding) 230rem;
        --modal--margin-bottom: 18rem
    }
    .modal .close {
        top: 12rem;
        right: 12rem
    }
    .modal__content {
        width: 100%
    }
    .modal-title {
        font-size: 20rem;
        line-height: 140%;
        margin-bottom: 12rem
    }
    .modal-descr {
        font-size: 11rem;
        line-height: 156%;
        margin-bottom: 14rem
    }
    .modal-form__bl label {
        margin-bottom: 6rem
    }
    .modal-img {
        background-position: center 100%;
        background-size: 100% auto
    }
    .modal_price .modal-img {
        background-position: 0 100%;
        background-size: 94% auto
    }
    .modal_stop {
        padding: 35rem var(--wrapper-padding) 180rem;
        width: 100%;
        background-position: 90% center
    }
    .modal_stop-subtitle {
        font-size: 12rem;
        line-height: 1em;
        margin-bottom: 14rem
    }
    .modal_stop-descr {
        font-size: 10rem;
        line-height: 125%;
        margin-bottom: 14rem
    }
    .modal_stop-title {
        margin-bottom: 14rem
    }
    .modal_stop .modal-form {
        width: 100%
    }
    .modal_stop-img {
        width: 120%;
        left: -10%;
        bottom: -2%
    }
    .modal_map {
        padding: 0;
        height: 80%
    }
    .modal_map .close {
        top: 20rem;
        left: 30rem;
        z-index: 3
    }
    .modal_slider {
        padding: 0
    }
    .modal_slider .slider-nav {
        width: 95%
    }
    .modal_polit {
        padding: 35rem var(--wrapper-padding);
        width: 100%
    }
    .modal_polit .modal__content {
        width: 100%
    }
    .modal_video {
        padding: 0;
        --modal-video--width: var(--wrapper-width);
        --modal-video--height: calc(var(--modal-video--width)/16*9);
        width: var(--modal-video--width);
        height: var(--modal-video--height)
    }
}
@media(max-width:992px) {
    .main {
        padding-top: 125rem;
        min-height: 95vh;
       /* padding-bottom: 514rem */
    }
    .main>.wrapper {
        /* position: static; */
        justify-content: flex-start;
        align-items: center
    }
    .main-bg {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
       /* background-position: 84% bottom */
    }
    .main-bg::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 120rem;
        background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%)
    }
    .main-title {
        max-width: 100%;
        width: 100%;
        text-transform: none
    }
    .main-title .palette {
        margin-left: 2rem;
        margin-top: -5rem
    }

    .main-descr {
        width: 100%;
        text-align: left;
        margin-top: 17rem;
        margin-bottom: 30rem;
        font-size: 14rem;
        line-height: 164%;
        text-transform: none
    }
    .main-benefits {
        width: 100%;
        position: static;
        font-size: 10rem;
        line-height: 162%;
    }
    .main-benefits ul {
        flex-wrap: wrap;
        justify-content: space-between
    }
    .main-benefits li {
        max-width: none;
        margin-right: auto;
        width: auto;
        margin-top: 25rem
    }
    .main-benefits li:nth-child(2n) {
        margin-right: 0
    }
    .main-benefits li:nth-child(-n+2) {
        margin-top: 0
    }
    .main-benefits li::before {
        width: 8rem;
        height: 8rem;
        margin-bottom: 7rem
    }
    .main-top {
        width: 130rem;
        height: 130rem;
        top: auto;
        right: auto;
        bottom: 24rem;
        left: 45rem;
        transform: none
    }
    .main-top span {
        font-size: 10rem;
        line-height: 136%
    }
    .main-top span:first-child {
        font-size: 23rem;
        line-height: 100%
    }
    .main-btn {
        margin-top: auto;
        min-width: 210rem
    }
    
.mob{
    display: block;
}
    .cosmetics {
        margin-top: -20rem
    }
    .cosmetics-descr {
        margin-top: 5rem;
        font-size: 14rem;
        line-height: 162%
    }
    .cosmetics-benefits {
        margin-top: 20rem
    }
    .cosmetics-benefits__it {
        width: 33.3333333333%;
        height: auto
    }
     .hcg {
        width: 50%;
    }
    .cosmetics-benefits__it::before {
        box-shadow: 0rem 0rem 13rem rgba(174, 169, 185, .25)
    }
    .consultation {
        margin-top: 20rem
    }
    .consultation-title {
        width: 100%
    }
    .consultation-descr {
        margin-top: 5rem
    }
    .consultation-palette {
        top: 30rem;
        right: 50rem
    }
    .consultation-quiz {
        margin-top: 20rem
    }
    .consultation-footer {
        display: none
    }
    .quiz {
        display: block;
        --quiz-banner--width: 0;
        --quiz-banner--gap: 0
    }
    .quiz-progress {
        margin-bottom: 14rem
    }
    .quiz-step__title {
        font-size: 16rem;
        line-height: 130%;
        margin-bottom: 1rem
    }
    .quiz-step__sub {
        display: block;
        font-weight: 300;
        font-size: 6rem;
        line-height: 167%;
        color: #65849b
    }
    .quiz-step[data-quiz-cards="2"] {
        --radio-card--gap: 52rem;
        --radio-card--width: calc((100% - 1*var(--radio-card--gap))/2)
    }
    .quiz-step[data-quiz-cards="3"] {
        --radio-card--gap: 52rem;
        --radio-card--width: calc((100% - 2*var(--radio-card--gap))/3)
    }
    .quiz-step[data-quiz-cards="4"] {
        --radio-card--gap: 52rem;
        --radio-card--width: calc((100% - 3*var(--radio-card--gap))/4);
        --radio-card--gap: 38rem
    }
    .quiz-step__choose {
        flex-wrap: wrap;
        margin-bottom: 0;
        margin-top: 14rem
    }
    .quiz-step__choose .radio-card {
        width: 120rem;
        margin-right: auto;
        margin-top: 10rem
    }
    .quiz-step__choose .radio-card:nth-child(2n) {
        margin-right: 0
    }
    .quiz-step__choose .radio-card:nth-child(-n+2) {
        margin-top: 0
    }
    .quiz-step__footer {
        margin-top: 20rem;
        display: block
    }
    .quiz-step__descr {
        display: none
    }
    .quiz-step__btn {
        min-width: 100%;
        width: 100%
    }
    .quiz-banner {
        display: none
    }
    .quiz-load {
        padding: 16rem;
        --quiz-final--load-icon-size: 100rem
    }
    .quiz-load__ic {
        margin-bottom: 20rem
    }
    .quiz-final {
        padding: 20rem 15rem 280rem
    }
    .quiz-final__title {
        font-size: 20rem;
        line-height: 130%;
        margin-bottom: 10rem
    }
    .quiz-final__descr {
        font-size: 12rem;
        line-height: 150%;
        margin-bottom: 10rem;
        width: 100%
    }
    .quiz-final__form {
        width: 100%
    }
    .quiz-final__form-bl {
        margin-bottom: 12rem
    }
    .quiz-final__form-bl label {
        margin-bottom: 8rem
    }
    .quiz-final__img {
        width: calc(100% - 30rem);
        right: 50%;
        height: 260rem;
        transform: translateX(50%);
        background-size: 100% auto;
        background-position-y: top
    }
    .big-slider {
        margin-top: 50rem;
        width: 100%;
        height: auto;
        background-image: none
    }
    .big-slider__wrapper {
        position: relative;
        flex-grow: 1
    }
    .big-slider__title {
        z-index: 1;
        width: var(--wrapper-width);
        position: static;
        margin: 0 auto;
        margin-bottom: 20rem
    }
    .big-slider__wrapper {
        background-image: url(../img/bg.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        overflow: hidden
    }
    .big-slider__wrapper::after, .big-slider__wrapper::before {
        content: "";
        display: block;
        position: absolute;
        width: var(--wrapper-padding);
        height: 100%;
        top: 0;
        z-index: 1
    }
    .big-slider__wrapper::before {
        left: 0;
        background: linear-gradient(90deg, #fff calc(var(--wrapper-padding)/ 3), rgba(255, 255, 255, 0) 100%)
    }
    .big-slider__wrapper::after {
        right: 0;
        background: linear-gradient(270deg, #fff calc(var(--wrapper-padding)/ 3), rgba(255, 255, 255, 0) 100%)
    }
    .big-slider__swiper {
        position: relative;
        z-index: 0;
        top: auto;
        left: auto;
        width: 100%;
        height: 275rem;
        overflow: visible
    }
    .big-slider__item {
        background-position: center bottom
    }
    .big-slider__card {
        padding: 37rem;
        margin: 0 auto;
        width: var(--wrapper-width);
        border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        z-index: 2
    }
    .big-slider__card-item {
        font-size: 16rem;
        line-height: 162%
    }
    .big-slider__card-item>* {
        margin-bottom: 12rem
    }
    .big-slider__card-item>:last-child {
        margin-bottom: 0
    }
    .big-slider__card-title {
        font-size: 12rem;
        line-height: 167%
    }
    .big-slider__card-title br {
        display: none
    }
    .big-slider__card-descr {
        font-size: 10rem;
        line-height: 170%
    }
    .big-slider__card-price {
        font-size: 10rem;
        line-height: 26rem
    }
    .big-slider__card-price span {
        font-size: 14rem;
        line-height: inherit
    }
    .big-slider__nav {
        margin-top: 12rem
    }
    .inclusive {
        margin-top: 50rem;
        --inclusive--gap: 20rem
    }
    .inclusive__descr {
        display: none
    }
    .inclusive__palette {
        position: absolute;
        top: 4rem;
        right: 14rem;
        transform: none
    }
    .inclusive__body {
        margin-top: 20rem;
        width: calc(100% + var(--wrapper-padding)*2);
        margin-left: calc(-1*var(--wrapper-padding));
        padding: 0 var(--wrapper-padding);
        overflow: hidden
    }
    .inclusive__body .swiper {
        overflow: visible
    }
    .inclusive__swiper {
        justify-content: flex-start
    }
    .inclusive__item {
        width: 194rem;
        padding: 25rem 28rem 25rem 28rem;
        min-height: 216rem;
        font-size: 10rem;
        line-height: 156%
    }
    .inclusive__footer {
        margin-top: 20rem;
        display: flex;
        justify-content: center
    }
    .before-after {
        margin-top: 50rem
    }
    .before-after__head {
        padding-right: 15rem
    }
    .before-after__palette {
        right: 15rem;
        top: auto;
        bottom: 40rem
    }
    .before-after__swiper {
        margin-top: 20rem
    }
    .before-after__item {
        width: 100%;
        margin-right: 20rem
    }
    .before-after__item:last-child {
        margin-right: 0
    }
    .before-after__item {
        min-height: 220rem
    }
    .before-after__item .sticker {
        top: 11rem;
        right: 11rem
    }
    .before-after__item-img:first-child {
        width: calc(50% + 1px);
        border-width: 1px
    }
    .before-after__item-img:first-child .sticker {
        right: auto;
        left: 11rem
    }
    .before-after__footer {
        margin-top: 20rem;
        justify-content: center
    }
    .before-after__footer .slider-footer__descr, .before-after__footer::before {
        display: none
    }
    .catalog {
        margin-top: 50rem
    }
    .catalog__head {
        position: relative
    }
    .catalog__title {
        width: 100%;
        padding-right: 25rem
    }
    .catalog__palette {
        top: auto;
        right: 63rem;
        bottom: 68rem
    }
    .catalog__body {
        margin-top: 20rem;
        height: 250rem;
        background-position: 0 0;
        background-size: auto 150%
    }
    .catalog__body img {
        width: auto;
        height: 80%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
    .catalog__form {
        margin-top: 20rem;
        flex-direction: column
    }
    .catalog__form-bl {
        width: 100%;
        margin-bottom: 14rem
    }
    .catalog__form-btn {
        width: 100%
    }
    .catalog__form-checkbox {
        margin-top: 0
    }
    .makeup {
        margin-top: 50rem
    }
    .makeup__title {
        width: 100%
    }
    .makeup__descr {
        margin-top: 14rem
    }
    .makeup__palette {
        top: 64rem;
        right: 50rem
    }
    .makeup .swiper {
        --gap: 20rem;
        overflow: visible
    }
    .makeup .swiper-slide {
        width: 194rem
    }
    .makeup-tabs {
        margin-top: 14rem
    }
    .makeup-tabs__head {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 10rem;
        width: calc(100% + var(--wrapper-padding)*2);
        margin-left: calc(-1*var(--wrapper-padding))
    }
    .makeup-tabs__head::after, .makeup-tabs__head::before {
        content: "";
        display: block;
        width: var(--wrapper-padding);
        flex-shrink: 0;
        height: 1px
    }
    .makeup-tabs__btn {
        --makeup-arr-size: 8rem;
        --makeup-arr-gap: 8rem;
        font-size: 8rem;
        line-height: 120%;
        margin-right: 34rem;
        white-space: nowrap
    }
    .makeup-tabs__body {
        margin-top: 10rem;
        width: calc(100% + var(--wrapper-padding)*2);
        margin-left: calc(-1*var(--wrapper-padding));
        padding: 0 var(--wrapper-padding);
        overflow: hidden
    }
    .makeup-tabs__body .swiper {
        overflow: visible
    }
    .makeup-tabs__card {
        border-radius: var(--card-border-radius);
        height: 263rem
    }
    .makeup-tabs__footer {
        margin-top: 15rem
    }
    .benefits {
        margin-top: 65rem
    }
    .benefits-wrapper {
        display: block
    }
    .benefits__palette {
        left: 150rem
    }
    .benefits__title {
        width: 100%;
        padding-bottom: 35rem
    }
    .benefits__items {
        margin-left: 10rem;
        width: 100%;
        --benefits-items--gap-h: 23rem;
        --benefits-items--gap-v: 18rem;
        --benefits-items--width: calc((100% - var(--benefits-items--gap-h))/2);
        justify-content: space-between
    }
    .benefits__item {
        width: var(--benefits-items--width);
        flex-shrink: 0
    }
    .benefits__item:nth-child(n) {
        margin-right: var(--benefits-items--gap-h);
        margin-top: var(--benefits-items--gap-v)
    }
    .benefits__item.order-mob_0 {
        margin-right: 0
    }
    .benefits__item.order-mob_2 {
        margin-right: 0
    }
    .benefits__item.order-mob_4 {
        margin-right: 0
    }
    .benefits__item.order-mob_6 {
        margin-right: 0
    }
    .benefits__item.order-mob_8 {
        margin-right: 0
    }
    .benefits__item.order-mob_10 {
        margin-right: 0
    }
    .benefits__item.order-mob_12 {
        margin-right: 0
    }
    .benefits__item.order-mob_14 {
        margin-right: 0
    }
    .benefits__item.order-mob_16 {
        margin-right: 0
    }
    .benefits__item.order-mob_18 {
        margin-right: 0
    }
    .benefits__item.order-mob_20 {
        margin-right: 0
    }
    .benefits__item:nth-child(-n+2) {
        margin-top: 0
    }
    .benefits__item-title {
        margin: 13rem 0 10rem;
        word-break: break-word
    }
    .benefits__item-descr {
        font-size: 14rem;
        line-height: 162%
    }
    .banner {
        margin-top: 50rem
    }
    .banner-wrapper {
        padding: 28rem 20rem;
        padding-bottom: 460rem;
        flex-direction: column;
        align-items: flex-start
    }
    .jfn{
        padding-bottom: 30rem !important;
    }
    .banner__txt {
        width: 100%
    }
    .banner__descr {
        font-weight: 500;
        font-size: 15rem;
        line-height: 133%;
        margin-top: 14rem
    }
    .banner__form {
        margin-top: 20rem;
        width: 100%
    }
    .banner__form-bl {
        margin-bottom: 14rem
    }
    .banner__form .input-block label {
        margin-bottom: 8rem
    }
    .banner__form-btn {
        width: 100%
    }
    .banner__form .checkbox-block__text {
        font-size: 8.5rem;
        line-height: 138%
    }
    .banner_sb .banner__txt {
        width: 100%
    }
    .banner_sb .banner__descr {
        font-size: 14rem;
        line-height: 175%;
        margin-top: 20rem
    }
    .banner_sb .banner__person img {
        -o-object-position: center bottom;
        object-position: center bottom;
        width: 90%
    }
    .banner_sb .banner-wrapper {
        background-image: url(../img/bg2.jpg)
    }
    .banner_sb__palette {
        display: none
    }
    .masters {
        margin-top: 50rem
    }
    .masters__head {
        position: static
    }
    .masters__title {
        width: 100%
    }
    .masters__palette {
        top: auto;
        right: 55rem;
        bottom: 250rem
    }
    .masters__body {
        margin-top: 20rem;
        flex-direction: column
    }
    .masters-persons, .masters-sertificats {
        width: calc(100% + var(--wrapper-padding)*2);
        margin-left: calc(-1*var(--wrapper-padding));
        padding: 0 var(--wrapper-padding);
        overflow: hidden
    }
    .masters-persons .swiper, .masters-sertificats .swiper {
        overflow: visible
    }
    .masters-persons .swiper, .masters-sertificats .swiper {
        width: 100%
    }
    .masters-persons {
        --masters-persons-items--gap: 20rem;
        --masters-persons-items--width: 194rem;
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .cosmetics-benefits__it:nth-child(n+5){
        width: 93%;
    }
    .cosmetics-benefits__it {
        margin: 5rem;
        border-radius: var(--card-border-radius);
        background-color: #ebdcc7;
        padding: 20px 0;
        display: flex
    ;
        position: relative;
        /* margin: 0 auto; */
        text-align: center;
        align-items: center;
        width: 45%;
        height: auto;
        border: 1px solid #65849b;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /* opacity: .2; */
        transition: opacity .22s ease-in-out, border-color .22s ease-in-out;
        transform: translateZ(.1px);
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }
    .cosmetics-benefits {
        display: flex
    ;
        flex-wrap: wrap;
        justify-content: center;
    }
    .masters-persons__img {
        height: 224rem
    }
    .masters-persons__name {
        margin-top: 14rem;
        font-size: 14rem;
        line-height: 140%
    }
    .masters-persons__descr {
        margin-top: 10rem;
        font-size: 9rem;
        line-height: 120%
    }
    .masters-persons .slider-nav {
        display: flex;
        margin-top: 14rem
    }
    .masters-sertificats {
        margin-top: 20rem
    }
    .masters-sertificats__title {
        font-size: 20rem;
        line-height: 150%;
        font-weight: 300;
        text-align: left;
        width: 100%
    }
    .masters-sertificats__swiper {
        width: 100%;
        margin: 20rem auto 14rem
    }
    .masters-sertificats__item {
        width: 112rem;
        height: 160rem
    }
    .masters-sertificats .slider-nav {
        margin-top: auto
    }
    .clients {
        margin-top: 50rem
    }
    .clients__descr {
        margin-top: 14rem
    }
    .clients-slider {
        margin-top: 14rem;
        width: calc(100% + var(--wrapper-padding)*2);
        margin-left: calc(-1*var(--wrapper-padding));
        padding: 0 var(--wrapper-padding);
        overflow: hidden
    }
    .clients-slider .swiper {
        overflow: visible
    }
    .clients-swiper {
        --masters-persons-items--gap: 20rem;
        --masters-persons-items--width: 194rem
    }
    .clients__item {
        height: 263rem
    }
    .clients__footer {
        margin-top: 14rem
    }
    .education {
        margin-top: 50rem
    }
    .education__head {
        position: relative
    }
    .education__title {
        width: 100%
    }
    .education__descr {
        margin-top: 20rem
    }
    .education__palette {
        top: 95rem;
        right: 79rem
    }
    .education__info {
        margin: 20rem 0;
        display: block
    }
    .education-benefits {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }
    .education-benefits__item {
        width: 127rem;
        margin-right: auto;
        font-size: 12rem;
        line-height: 162%;
        margin-top: 15rem;
        flex-direction: column;
        align-items: flex-start
    }
    .education-benefits__item:nth-child(n) {
        width: 49%;
        margin-top: 15rem
    }
    .education-benefits__item.order-mob_0 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_0 {
        margin-top: 0
    }
    .education-benefits__item.order-mob_1 {
        margin-top: 0
    }
    .education-benefits__item.order-mob_2 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_2 {
        margin-top: 0
    }
    .education-benefits__item.order-mob_4 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_6 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_8 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_10 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_12 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_14 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_16 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_18 {
        margin-right: 0
    }
    .education-benefits__item.order-mob_20 {
        margin-right: 0
    }
    .education-benefits__item .circle-ok {
        margin-right: auto;
        margin-bottom: 14rem
    }
    .education-founder {
        margin-top: 22rem
    }
    .education-founder__img {
        width: 75rem;
        height: 75rem;
        margin-right: 18rem
    }
    .education-founder__descr {
        flex-grow: 1
    }
    .education-banner {
        padding: 20rem 15rem;
        margin-bottom: 20rem
    }
    .education-banner__img {
        right: 0;
        top: auto;
        transform: none;
        bottom: 80px;
        height: 200rem;
        width: 100%
    }
    .education-banner__title {
        font-size: 20rem;
        line-height: 150%
    }
    .education-banner__ul {
        margin: 0;
        margin-top: 20rem;
        font-size: 14rem;
        line-height: 150%
    }
    .education-banner__ul li {
        padding-left: 15rem
    }
    .education-banner__ul li::before {
        top: .6em;
        left: .6em;
        width: 3rem;
        height: 3rem
    }
    .education-banner__btn {
        margin-top: 184rem;
        min-width: 100%
    }
    .education-banner_right {
        padding: 20rem 15rem
    }
    .education-banner_right .education-banner__ul {
        margin: 0;
        margin-top: 20rem
    }
    .education-banner_right .education-banner__img {
        height: 200rem
    }
    .education-banner_right .education-banner__img img {
        margin-left: 0
    }
    .education-banner_left {
        padding: 20rem 15rem
    }
    .education-banner_left .education-banner__ul {
        margin: 0;
        margin-top: 20rem
    }
    .education-banner_left .education-banner__img {
        height: 285rem
    }
    .education-banner_left .education-banner__img img {
        margin-left: 0
    }
    .banner__person {
        right: 0px;
    }
    .reviews {
        margin-top: 50rem
    }
    .reviews__head {
        display: block
    }
    .reviews__title {
        margin-bottom: 0;
        padding-right: 0;
        width: 100%
    }
    .reviews__descr {
        display: none
    }
    .reviews__links {
        display: none
    }
    .reviews__palette {
        display: none
    }
    .reviews__body {
        margin-top: 20rem;
        display: block
    }
    .reviews-images__slider, .reviews-videos__slider {
        width: calc(100% + var(--wrapper-padding)*2);
        margin-left: calc(-1*var(--wrapper-padding));
        padding: 0 var(--wrapper-padding);
        overflow: hidden
    }
    .reviews-images__slider .swiper, .reviews-videos__slider .swiper {
        overflow: visible
    }
    .reviews-images__item, .reviews-videos__item {
        height: 324rem
    }
    .reviews-videos {
        width: 100%
    }
    .benefits__items .order-mob_4 {
        --benefits-items--gap-h: 0rem;
        --benefits-items--gap-v: 20rem;
        --benefits-items--width: calc((100% - var(--benefits-items--gap-h)*1)/1)
    }
    .benefits__item.order-mob_2 {
        margin-top: 20rem;
    }
    .reviews-videos__slider .swiper {
        width: 100%
    }
    .reviews-videos__item {
        width: 194rem
    }
    .reviews-images {
        margin-top: 20rem;
        width: 100%
    }
    .reviews-images .swiper {
        width: 100%
    }
    .reviews-images__item {
        width: 150rem
    }
    .reviews-footer {
        margin-top: 20rem
    }
    .contacts {
        margin-top: 44rem;
        --contacts-link--width: 73rem;
        --contacts-map--width: 100%
    }
    .contacts-wrapper {
        position: relative;
        flex-wrap: wrap;
        align-items: flex-start
    }
    .contacts-link {
        margin-right: auto;
        margin-bottom: 37rem
    }
    .contacts-link__sticker {
        font-size: 6rem;
        line-height: 110%;
        padding: 2rem 4rem;
        top: 10rem;
        right: 0;
        transform: translateX(50%)
    }
    .contacts-link__sticker::before {
        border-width: 1px
    }
    .contacts-info {
        justify-content: flex-start;
        margin-right: 0;
        padding-left: 20px;
        width: auto
    }
    .contacts-info__title {
        margin-bottom: 9rem
    }
    .contacts-info__title::before {
        left: -6rem;
        width: 10rem;
        height: 10rem
    }
    .contacts-info .mini-map {
        margin-bottom: 36rem
    }
    .contacts-info .mini-map__head-txt {
        font-size: 12rem;
        line-height: 125%
    }
    .contacts-info .mini-info {
        white-space: normal;
        font-size: 12rem;
        line-height: 120%
    }
    .contacts-info .mini-info__tels, .contacts-info .mini-info__time {
        margin-bottom: 4rem
    }
    .contacts-info .socials {
        margin-top: 10px;
        margin-bottom: 20px;
        top: calc(var(--contacts-link--height) + 10rem);
        left: 0;
        min-width: var(--contacts-link--width);
        justify-content: center
    }
    .contacts-map {
        margin-left: 0;
        width: var(--contacts-map--width);
        height: 210rem;
        margin-top: 20rem
    }
    .lead {
        padding-top: 120rem;
        padding-bottom: 380rem
    }
    .lead-uptitle {
        font-size: 12rem;
        line-height: 150%;
        margin-bottom: 20rem
    }
    .lead-title {
        margin-bottom: 18rem;
        width: 100%
    }
    .lead-form {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
    .lead-form__bl {
        width: 100%;
        margin-bottom: 12rem
    }
    .lead-form__checkbox {
        margin-top: 0;
        width: 100%
    }
    .lead-img {
        position: absolute;
        width: 120%;
        left: -10%;
        bottom: 135rem
    }
    .thanks {
        padding: 120rem 0 200rem
    }
    .thanks-title {
        width: 100%
    }
    .thanks-descr {
        margin: 25rem 0;
        font-size: 12rem;
        line-height: 233%
    }
    .thanks-btn {
        min-width: 100%
    }
    .thanks-img {
        display: none
    }
    .not-found {
        padding: 120rem 0 380rem;
        flex-grow: 1;
        background-image: url(../img/404.jpg);
        background-repeat: no-repeat;
        background-position: 42% bottom;
        background-size: 210% auto;
        position: relative
    }
    .not-found__title {
        margin-bottom: 14rem
    }
    .quiz-section {
        padding-top: 112rem;
        padding-bottom: 514rem
    }
    .quiz-section .main-bg {
        background-position: 94% bottom
    }
    .quiz-section__title {
        width: 100%
    }
    .quiz-section__benefits {
        margin: 20rem 0 30rem
    }
    .quiz-section__descr {
        max-width: 100%;
        margin-bottom: 30rem;
        font-size: 11rem;
        line-height: 200%
    }
    .quiz-section__palette {
        margin-left: 10rem
    }
    .quiz-section__btn {
        min-width: 100%
    }
    .page_quiz-block {
        margin-top: 60rem
    }
    .lyrtyk{
        font-size: 14rem !important;
    }
    .prosy{
        display: block;
        --benefits-items--width: calc((100% - var(--benefits-items--gap-h)) / 1);
    }
    .inclusive__item1 {
        width: auto;
        padding: 28rem;
        font-size: 12rem;
        line-height: 156%;
        margin-bottom: 25rem;
        height: auto;
    }
    .swip-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}




.menu_btn {
    position: relative;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .menu_btn span {
    display: block;
    position: absolute;
    height: 2.5px;
    width: 100%;
    background: #263747;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .menu_btn span:nth-child(1) {
    top: 0px;
  }
  .menu_btn span:nth-child(2),
  .menu_btn span:nth-child(3) {
    top: 10px;
  }
  .menu_btn span:nth-child(4) {
    top: 20px;
  }
  .menu_btn.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  .menu_btn.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .menu_btn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .menu_btn.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

  .clients__item {
    width: var(--masters-persons-items--width);
    height: auto;
    border-radius: var(--card-border-radius);
    overflow: hidden;
}

.mbm {
    margin-bottom: 15rem;
}
.fw9 {
    font-weight: 700;
}

.lyrtyk{
    font-size: 22rem;
}