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

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.10.3
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.02.2020
 */
html.os-html,
html.os-html>.os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important
}

html.os-html>.os-host>.os-padding {
    position: absolute
}

body.os-dragging,
body.os-dragging * {
    cursor: default
}

.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden !important;
    display: -ms-flexbox;
    display: flex
}

.os-host-flexbox>.os-size-auto-observer {
    height: inherit !important
}

.os-host-flexbox>.os-content-glue {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.os-host-flexbox>.os-content-glue,
.os-host-flexbox>.os-size-auto-observer {
    min-height: 0;
    min-width: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important
}

.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 1
}

.os-host-overflow>.os-padding,
.os-viewport {
    overflow: hidden
}

.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content:after,
.os-content:before {
    content: "";
    display: table;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0
}

.os-content>.os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: 0 0 !important;
    outline: 0 transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    filter: none !important;
    border: 0 !important;
    resize: none !important;
    transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
    right: 0 !important
}

.os-content>.os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content>.os-textarea[wrap=off] {
    white-space: pre !important;
    margin: 0 !important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box
}

.os-resize-observer-host:after {
    content: ""
}

.os-resize-observer-host:after,
.os-resize-observer-host>.os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box
}

.os-resize-observer.observed,
object.os-resize-observer {
    box-sizing: border-box !important
}

.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important
}

.os-resize-observer-item,
.os-resize-observer-item-final {
    position: absolute;
    top: 0;
    left: 0;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer-item-final {
    transition: none !important
}

.os-resize-observer {
    animation-duration: 1ms;
    animation-name: a
}

.os-host-transition>.os-scrollbar,
.os-host-transition>.os-scrollbar-corner {
    transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
}

html.os-html>.os-host>.os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    position: relative;
    padding: 0 !important;
    border: 0 !important
}

.os-scrollbar-handle,
.os-scrollbar-track {
    pointer-events: auto;
    height: 100%;
    width: 100%
}

.os-scrollbar-handle {
    position: absolute
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl>.os-scrollbar-corner,
.os-host-rtl>.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
.os-padding+.os-scrollbar-corner,
.os-scrollbar-auto-hidden,
.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar-corner.os-scrollbar-corner-resize,
.os-scrollbar:hover {
    opacity: 1 !important;
    visibility: visible !important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
    transform: scaleX(-1)
}

.os-host-overflow {
    overflow: hidden !important
}

@keyframes a {
    0% {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.os-theme-none>.os-scrollbar-corner,
.os-theme-none>.os-scrollbar-horizontal,
.os-theme-none>.os-scrollbar-vertical {
    display: none !important
}

.os-theme-none>.os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,
.os-theme-light>.os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
    height: 10px;
    width: 10px;
    background-color: transparent
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: 0 0
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar.os-scrollbar-unusable,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    background: 0 0
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0, 0, 0, .4)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: hsla(0, 0%, 100%, .4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0, 0, 0, .55)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: hsla(0, 0%, 100%, .55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(0, 0, 0, .7)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: hsla(0, 0%, 100%, .7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}

body,
html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    min-width: 320px;
    margin: 0;
    padding: 0;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #505050
}

#app-test {
    position: relative;
    overflow-x: hidden
}

.no-scroll {
    overflow: hidden;
    height: 100%
}

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

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

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px
}

.quote {
    margin: 0;
    padding: 15px 60px 14px 43px;
    border-top: 4px solid #249580;
    border-bottom: 4px solid #249580;
    font-size: 28px;
    line-height: 33px;
    font-weight: 500;
    color: #249580;
    background-color: rgba(107, 182, 168, .1)
}

.quote span,
.title {
    font-weight: 700
}

.title {
    font-size: 39px;
    line-height: 44px;
    text-align: center;
    color: #f0676c;
    margin: 0
}

.br-mobile,
br.mobile {
    display: none
}

@font-face {
    font-family: Raleway;
    src: url(../assets/fonts/Raleway.woff2) format("woff2"), url(../assets/fonts/Raleway.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../assets/fonts/Raleway-Medium.woff2) format("woff2"), url(../assets/fonts/Raleway-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../assets/fonts/Raleway-Bold.woff2) format("woff2"), url(../fonts/Raleway-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

/* @font-face {
    font-family: Myriad Pro;
    src: url(../fonts/MyriadPro-Regular.woff2) format("woff2"), url(../fonts/MyriadPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
} */

.header {
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.header__nav {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #070b0c;
    margin-left: -25px;
    margin-right: -25px
}

.header__list,
.header__nav {
    display: -ms-flexbox;
    display: flex
}

.header__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: auto
}

.header__link {
    display: inline-block;
    margin: 15px 25px 19px;
    border-bottom: 1px solid transparent;
    cursor: pointer
}

.header__link--active {
    color: #6bb6a8
}

.header__nav-button {
    display: none
}

.pdf {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 1920px;
    font-family: Myriad Pro, Arial, sans-serif;
    color: #000;
    transform: translateY(100%)
}

.pdf__image {
    display: block;
    width: 100%
}

.pdf__date,
.pdf__number {
    position: absolute;
    top: 14.4%;
    left: 83.2%;
    font-size: 1.6vw;
    font-size: 35px;
    line-height: 1
}

.pdf__number {
    top: 67%;
    left: 8.8%
}

.pdf__checkbed {
    position: absolute;
    left: 9.15%;
    width: 1.1%
}

.pdf__checkbed--1 {
    top: 44.7%
}

.pdf__checkbed--2 {
    top: 47.6%
}

.pdf__checkbed--3 {
    top: 50.53%
}

.pdf__checkbed--4 {
    top: 53.41%
}

.pdf__checkbed--5 {
    top: 56.3%
}

.pdf__checkbed--6 {
    top: 75.74%
}

.pdf__checkbed--7 {
    top: 78.6%
}

.pdf__checkbed--8 {
    top: 81.52%
}

.pdf__checkbed--9 {
    top: 84.4%
}

.pdf__checkbed--10 {
    top: 87.29%
}

.pdf__face {
    position: absolute;
    top: 52.3%;
    left: 63.84%;
    width: 616px;
    height: 501px
}

.pdf__face-o,
.pdf__face-x {
    position: absolute;
    top: 0;
    left: 0
}

.pdf__face-x {
    width: 7%
}

.pdf__face-o {
    width: 8%
}

.rosacea {
    background-color: #5ac3ab;
    font-weight: 500;
    overflow: hidden
}

.rosacea--mobile {
    display: none
}

.rosacea__container {
    position: relative;
    padding-top: 66px;
    padding-bottom: 36px;
    min-height: 302px
}

.rosacea__container:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -85px;
    height: 390px;
    width: 475px;
    background: url(../assets/img/rosacea-woman.png) 50% no-repeat;
    background-size: contain
}

.rosacea--desktop {
    background-color: #5ac3ab
}

.rosacea--desktop .rosacea__container {
    min-height: 361px;
    padding-top: 96px
}

.rosacea--desktop .rosacea__text {
    color: #505050 !important
}

.rosacea--desktop .rosacea__video-gradient {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100px;
    height: 100%
}

.rosacea--desktop .rosacea__video-gradient--left {
    left: calc(50% - 1033px);
    background: linear-gradient(90deg, #5ac3ab, #69c8b3 23%, hsla(0, 0%, 100%, 0))
}

.rosacea--desktop .rosacea__video-gradient--right {
    right: calc(50% - 1033px);
    background: linear-gradient(270deg, #5ac3ab, #69c8b3 23%, hsla(0, 0%, 100%, 0))
}

.rosacea--desktop .rosacea__video-wrap {
    width: 100vw;
    height: 100%
}

.rosacea--desktop .rosacea__video,
.rosacea--desktop .rosacea__video-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #5ac3ab
}

.rosacea--desktop .rosacea__text {
    z-index: 2;
    position: relative;
    margin: 0;
    margin-left: 520px;
    margin-bottom: 24px;
    max-width: 655px;
    color: #fff;
    font-size: 25px;
    line-height: 29px
}

.rosacea--desktop .rosacea__definition-wrap {
    position: relative;
    margin-left: 520px;
    width: auto;
    z-index: 2
}

.rosacea--desktop .rosacea__subtext {
    top: -72px;
    right: 172px
}

.rosacea__text {
    z-index: 2;
    position: relative;
    margin: 0;
    margin-left: 460px;
    margin-bottom: 24px;
    max-width: 655px;
    color: #fff;
    font-size: 25px;
    line-height: 29px
}

.rosacea__definition-wrap {
    position: relative;
    margin-left: 460px;
    width: auto;
    z-index: 2
}

.rosacea__link-wrap--show .rosacea__subtext {
    opacity: 1;
    visibility: visible
}

.rosacea__link {
    position: relative;
    color: #f0676c;
    transition: .25s
}

.rosacea__link:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: transparent
}

.rosacea__definition-question {
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    width: 310px;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f0676c;
    border-radius: 10px;
    cursor: pointer
}

.rosacea__subtext {
    display: none;
    margin: 0;
    width: 619px;
    display: block;
    top: -52px;
    right: 146px;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    font-size: 19px;
    line-height: 22px;
    color: #070b0c;
    padding: 5px 40px 11px 88px;
    transition: .2s;
    opacity: 0;
    visibility: hidden
}

.rosacea__subtext span {
    display: block;
    width: 100%
}

.rosacea__subtext:after {
    content: "!";
    position: absolute;
    top: 25px;
    left: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    line-height: 38px;
    background: #f0f8f6;
    border: 4px solid #6bb6a8;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    color: #249580
}

.rosacea__subtext:before {
    content: "";
    z-index: -1;
    width: 50px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    top: 4px;
    right: 260px;
    transform: rotate(45deg) skew(10deg, 10deg)
}

.signs {
    padding-top: 35px;
    overflow: hidden
}

.signs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 34px
}

.signs__list-img {
    display: block;
    width: 200px;
    height: 200px;
    border: 4px solid #efefef;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: .25s
}

.signs__list-img--hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.signs__title {
    text-align: center;
    padding-top: 0;
    padding-bottom: 26px
}

.signs__list-item {
    position: relative;
    cursor: pointer
}

.signs__list-item:hover .signs__list-img--hover {
    opacity: 1
}

.signs__quote {
    position: relative;
    margin-bottom: 66px
}

.signs__quote:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 482px;
    height: 66px;
    background-image: url(../img/signs-quote.png);
    background-size: contain;
    background-position: 100% 0
}

.signs__copyright {
    position: absolute;
    bottom: 171px;
    right: -170px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    transform: rotate(90deg);
    text-align: right;
    color: #bcbcbc;
    max-width: 954px;
    margin-left: auto;
    padding-bottom: 34px
}

.signs__container {
    position: relative
}

.swiper-container {
    display: none
}

.test {
    overflow: hidden
}

.test__form-wrapper {
    margin: 0 auto;
    background-color: #efefef;
    padding: 39px 118px 48px
}

.test__help {
    pointer-events: none;
    position: absolute;
    top: 90px;
    left: 148px;
    width: 408px;
    height: 138px;
    z-index: 22
}

.test__question {
    margin: 0;
    margin-top: 65px;
    padding-bottom: 44px;
    font-size: 22px;
    line-height: 26px;
    color: #f0676c;
    font-feature-settings: "pnum" on, "lnum" on
}

.test__question span {
    font-weight: 400
}

.test__question--top {
    margin-top: 0
}

.test__item {
    background-color: #fff;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px
}

.test__item--range {
    padding: 15px 24px
}

.test__text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 12px 14px 11px 58px;
    font-size: 18px;
    line-height: 21px
}

.test__text:after {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 11px;
    left: 18px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: 2px solid #dcdde0
}

.test__range {
    overflow: hidden;
    position: relative;
    height: 50px;
    border-radius: 77px;
    border: 4px solid #efefef;
    font-size: 0
}

.test__range-slider {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 77px;
    background-color: #77ccbc;
    border: 4px solid #6bb6a8
}

.test__range-scale {
    max-width: 1049px;
    padding-left: 21px;
    padding-right: 0;
    padding-top: 12px;
    text-align: justify;
    font-size: 18px;
    line-height: 21px;
    height: 30px;
    font-feature-settings: "pnum" on, "lnum" on
}

.test__range-scale:after {
    content: "";
    display: inline-block;
    width: 100%;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden
}

.test__range-shadow {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    pointer-events: none;
    height: 100%;
    background: #f0f8f6;
    border-radius: 77px
}

.test__title {
    position: relative;
    padding-top: 62px;
    padding-left: 67px;
    padding-bottom: 52px
}

.test__title:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 185px;
    width: 137px;
    height: 135px;
    background-image: url(../img/clear-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transform: translateY(-50%)
}

.test__checkbox:checked+.test__text:after {
    background-image: url(../img/ok-checkbox-png.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.test__wrapper-interactive {
    position: relative
}

.test__reset {
    position: absolute;
    right: -29px;
    bottom: 30px;
    margin: 0;
    padding: 0;
    border: none;
    background: #fff;
    border: 4px solid #efefef;
    border-radius: 10px;
    width: 150px;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #070b0c;
    cursor: pointer
}

.test__reset:hover {
    border: 4px solid #dbdbdb
}

.test__submit {
    position: absolute;
    right: 43px;
    bottom: 30px;
    margin: 0;
    padding: 0;
    border: none;
    background: #efefef;
    border-radius: 10px;
    width: 360px;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #070b0c;
    cursor: pointer
}

.test__submit svg {
    display: none
}

.test__submit--load {
    pointer-events: none
}

.test__submit--load span {
    display: none
}

.test__submit--load svg {
    display: block
}

.test__wrapper-interactive {
    width: 803px;
    height: 316px;
    background-color: #fff;
    margin: 0 auto;
    border: 1px solid #fff
}

.test__interactive {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 24px
}

.test__interactive-text {
    position: absolute;
    top: 5px;
    left: 401px;
    width: 353px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 21px
}

.test__interactive-face {
    width: 328px;
    height: 267px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background-image: url(../img/face.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.test__interactive-face-img {
    display: block;
    width: 328px;
    height: 267px
}

.test__interactive-icon {
    position: absolute;
    background-size: 100% 100%;
    background-position: 50%;
    transform-origin: 50% 50%;
    cursor: pointer
}

.test__interactive-icon.copy {
    animation: none
}

.test__interactive-icon--x {
    top: 69px;
    left: calc(100% + 73px);
    width: 34px;
    height: 34px;
    background-image: url(../img/x.png)
}

.test__interactive-icon--o {
    top: 130px;
    left: calc(100% + 73px);
    width: 41px;
    height: 41px;
    background-image: url(../img/o.png)
}

.test__interactive-xo {
    position: absolute;
    left: 462px;
    font-size: 18px;
    line-height: 21px;
    color: #505050
}

.test__interactive-xo--x {
    top: 75px
}

.test__interactive-xo--o {
    top: 145px
}

.copy {
    position: absolute;
    left: 0;
    top: 0
}

.lottie--mobile {
    display: none
}

.test__wrapper-wrapper {
    overflow: hidden;
    background-color: #fff
}

.find {
    overflow: hidden
}

.find__button {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 532px;
    height: 97px;
    background: #74c7b7;
    font-size: 32px;
    line-height: 38px
}

.find__button,
.find__button-fixed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.find__button-fixed {
    position: fixed;
    bottom: calc(50% - 37px);
    right: -10px;
    width: 297px;
    height: 76px;
    background-color: #f0676c;
    font-size: 28px;
    line-height: 33px;
    padding-left: 76px;
    z-index: 10000000000
}

.find__button-fixed,
.find__button-fixed--show {
    opacity: 1;
    visibility: visible
}

.find__button-fixed:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 25px;
    background-image: url(./img/search-icon-button.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    top: 26px;
    left: 31px
}

.find {
    margin-top: 47px
}

.find__quote {
    position: relative;
    margin-top: 51px;
    margin-bottom: 140px
}

.find__quote:after {
    content: "";
    position: absolute;
    right: 77px;
    top: 114%;
    width: 579px;
    height: 43px;
    background-image: url(../img/find-quote.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0
}

.finder {
    padding-bottom: 82px
}

.finder__title {
    position: relative;
    text-align: left;
    margin: 0;
    padding-top: 54px;
    padding-bottom: 59px
}

.finder__title:after {
    content: "";
    position: absolute;
    top: 46px;
    right: 0;
    width: 879px;
    height: 66px;
    background-image: url(../img/title-finder.png);
    background-size: contain;
    background-position: 100% 0
}

.finder__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.finder__col {
    max-width: 560px;
    -ms-flex: 0 0 560px;
    flex: 0 0 560px
}

.finder__search-wrapper {
    padding: 17px 22px 28px;
    background-color: #efefef
}

.finder__search-text {
    margin: 0;
    padding-bottom: 5px;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #505050
}

.finder__search-line {
    display: block;
    width: 100%;
    height: 44px;
    border: none;
    font-size: 18px;
    line-height: 21px;
    padding-right: 60px
}

.finder__search-item {
    display: block;
    width: 100%;
    position: relative
}

.finder__search-item:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 12px;
    width: 23px;
    height: 24px;
    background-image: url(../img/search-icon.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.finder__results-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.finder__results-item-text {
    margin: 0;
    padding-bottom: 19px
}

.finder__results-item {
    padding-top: 19px;
    padding-bottom: 16px;
    border-bottom: 1px solid #efefef;
    cursor: pointer
}

.finder__results-item:hover {
    color: #c4c4c4
}

.finder__results-item--active,
.finder__results-item--active:hover {
    color: #5ac3ab
}

.finder__results-item-phone {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 31px;
    font-size: 18px;
    line-height: 21px;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #505050
}

.finder__results-item-phone:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(../img/phone-icon.svg)
}

.finder__map {
    width: 100%;
    height: 352px
}

.finder__placemark {
    width: 42px;
    height: 54px;
    background-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
    background-image: url(../img/pin.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

/* .finder__placemark--active {
    background-image: url(../img/pin-map-active.png);
    background-color: transparent
} */

.finder__cluster {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 6px solid #A85F72;
    color: #000000;
    font-size: 16px;
    border-radius: 50%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.finder__cluster--active {
    color: #000000 !important;
    border: 6px solid #A85F72;
    font-size: 16px;
    font-weight: 400 !important;
}

.finder__results-list {
    position: relative
}

.finder__results-wrapper {
    padding-top: 27px;
    height: 460px;
    overflow: auto
}

.popup-email {
    min-height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000000;
    overflow-y: scroll
}

.popup-email--open {
    display: block
}

.popup-email__overlay {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    padding: 40px;
    top: 0;
    left: 0;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    overflow-y: auto
}

.popup-email__wrapper {
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    width: 886px;
    height: 479px;
    background-color: #fff;
    padding: 71px 85px 71px 81px;
    box-shadow: 0 0 15.3631px rgba(0, 0, 0, .35)
}

.popup-email__wrapper a:hover,
.popup-email__wrapper button:hover {
    color: #ffffff !important;
}

.popup-email__subtitle,
.popup-email__title {
    margin: 0;
    font-size: 31px;
    line-height: 36px;
    text-align: left;
    padding-bottom: 40px
}

.popup-email__subtitle {
    padding-top: 60px;
    max-width: 606px
}

.popup-email__close {
    margin: 0;
    padding: 0;
    border: 2px solid #eee;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    right: 25px;
    cursor: pointer;
    background-color: transparent
}

.popup-email__close:after,
.popup-email__close:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 6px;
    width: 16px;
    height: 2px;
    transform-origin: center;
    transform: rotate(45deg);
    background-color: #eee
}

.popup-email__close:after {
    transform: rotate(-45deg)
}

.popup-email__link {
    position: relative;
    background: #5ac3ab;
    border-radius: 7.68156px;
    width: 264px;
    height: 55px;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    padding-left: 30px;
    border: none !important;
}

.popup-email__link:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 39px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(../img/save-pdf-icon.png)
}

.popup-email__form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup-email__email {
    outline: none;
    width: 488px;
    height: 55px;
    border: 4px solid #efefef;
    box-sizing: border-box;
    border-radius: 7.68156px;
    font-size: 18px;
    line-height: 21px;
    color: #505050;
    padding-left: 23px;
    padding-right: 23px
}

.popup-email__email--error {
    border: 4px solid red
}

.popup-email__submit {
    background: #5ac3ab;
    border-radius: 7.68156px;
    width: 191px;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    border: none
}

@media (min-width:1240px) {
    .btn {
        transition: .2s linear
    }

    .btn--green:hover {
        background-color: #33a98e
    }

    .btn--grey:hover {
        background-color: #dbdbdb
    }

    .btn--pink:hover {
        background-color: #e04a4f
    }

    .header__link:hover {
        border-bottom: 1px solid #000
    }

    .header__link--active:hover {
        border-bottom: 1px solid #6bb6a8
    }

    .find__button-fixed:hover {
        background-color: #e04a4f
    }

    .popup-email__close:hover {
        border: 2px solid #dbdbdb
    }

    .popup-email__close:hover:after,
    .popup-email__close:hover:before {
        background-color: #dbdbdb
    }
}

@media (max-width:1239px) {
    .container {
        max-width: 768px
    }

    .quote {
        font-size: 27px;
        padding: 8px 60px 14px 17px
    }

    .br-table-no,
    br.desk {
        display: none
    }

    .header__list {
        margin-right: auto
    }

    .header__link {
        margin-top: 25px;
        margin-bottom: 24px
    }

    .rosacea__video-wrap {
        display: none
    }

    .rosacea__subtext {
        top: -94px;
        right: 244px;
        width: 272px;
        padding: 20px 20px 21px 89px;
        font-size: 14px;
        line-height: 16px
    }

    .rosacea__subtext:before {
        right: 192px;
        width: 74px;
        height: 74px
    }

    .rosacea__subtext:after {
        top: 60px;
        left: 19px;
        width: 50px;
        height: 50px
    }

    .rosacea__subtext span {
        width: 100%
    }

    .rosacea--desktop .rosacea__subtext {
        right: 309px
    }

    .rosacea--desktop .rosacea__text {
        margin-bottom: 41px;
        margin-left: 315px;
        max-width: 385px;
        margin-right: -55px;
        font-size: 31px;
        line-height: 36px
    }

    .rosacea--desktop .rosacea__definition-wrap {
        margin-left: 315px
    }

    .rosacea--desktop .rosacea__container {
        min-height: 544px
    }

    .rosacea__container {
        padding-top: 121px;
        min-height: 544px
    }

    .rosacea__container:before {
        height: 550px;
        width: 843px;
        top: -6px;
        left: -401px
    }

    .rosacea__text {
        margin-bottom: 41px;
        margin-left: 315px;
        max-width: 385px;
        margin-right: -55px;
        font-size: 31px;
        line-height: 36px
    }

    .rosacea__link-wrap--show .rosacea__subtext {
        opacity: 1;
        visibility: visible
    }

    .rosacea__link:before {
        display: none
    }

    .rosacea__definition-question {
        height: 75px;
        width: 357px
    }

    .rosacea__definition-wrap {
        margin-left: 315px
    }

    .signs {
        padding-top: 75px
    }

    .signs__list-img {
        width: 248px;
        height: 248px;
        border: 6px solid #efefef
    }

    .signs__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 568px;
        margin: 0 auto
    }

    .signs__copyright {
        font-size: 15px;
        line-height: 18px;
        bottom: 458px;
        right: -247px
    }

    .signs__quote {
        margin-top: 0
    }

    .signs__title {
        font-size: 36px;
        line-height: 42px;
        padding-bottom: 40px
    }

    .signs__list-item {
        margin-bottom: 65px
    }

    .test__form-wrapper {
        max-width: 688px;
        padding: 21px 21px 27px
    }

    .test__help {
        pointer-events: none;
        position: absolute;
        top: 107px;
        left: 183px;
        width: 279px;
        height: 138px;
        z-index: 22
    }

    .test__title {
        font-size: 36px;
        line-height: 42px;
        padding-top: 217px;
        padding-bottom: 23px;
        padding-left: 0
    }

    .test__title:after {
        width: 115px;
        height: 128px;
        top: 63px;
        left: 286px;
        transform: none
    }

    .test__interactive-text {
        left: 357px;
        top: -7px;
        width: 273px
    }

    .test__wrapper-interactive {
        height: 317px;
        width: 100%
    }

    .test__interactive-xo {
        left: 394px
    }

    .test__interactive-xo--x {
        top: 85px
    }

    .test__interactive-xo--o {
        top: 133px
    }

    .test__interactive-icon--x {
        top: 85px;
        left: calc(100% + 28px);
        width: 24px;
        height: 24px
    }

    .test__interactive-icon--o {
        top: 132px;
        left: calc(100% + 26px);
        width: 29px;
        height: 29px
    }

    .test__submit {
        width: 264px;
        right: 24px;
        bottom: 37px
    }

    .test__reset {
        width: 264px;
        right: 24px;
        bottom: 8px
    }

    .test__reset:hover {
        border: 4px solid #efefef
    }

    .test__question {
        margin-top: 72px;
        padding-bottom: 18px
    }

    .test__question--top {
        margin-top: 0
    }

    .test__text {
        padding-left: 42px
    }

    .test__text:after {
        left: 9px
    }

    .copy {
        left: 0;
        top: 0
    }

    .test__range-scale {
        max-width: 576px
    }

    .find {
        margin-top: 60px
    }

    .find__quote {
        margin-left: calc((100vw - 100%) / -2);
        width: 100vw;
        margin-top: 59px;
        padding-right: 0
    }

    .find__quote:after {
        right: 12px;
        top: calc(100% + 8px)
    }

    .find__button-fixed {
        width: 214px;
        height: 63px;
        padding-left: 0;
        border-radius: 8px;
        opacity: 1;
        visibility: visible;
        font-size: 22px;
        line-height: 26px;
        bottom: 8px;
        right: -6px
    }

    .find__button-fixed span {
        display: block;
        padding-left: 58px;
        padding-bottom: 0
    }

    .find__button-fixed:after {
        top: 22px;
        left: 25px;
        width: 21px;
        height: 21px
    }

    .find__button {
        max-width: 458px
    }

    .finder__title {
        padding-top: 138px;
        padding-bottom: 41px
    }

    .finder__title:after {
        top: 39px;
        width: 603px;
        height: 59px;
        background-image: url(../img/title-finder-tablet.png)
    }

    .finder__col {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .finder__search-wrapper {
        padding-left: 28px;
        padding-top: 23px
    }

    .finder__search-text {
        font-size: 22px;
        line-height: 30px;
        margin-right: -5px;
        letter-spacing: -.4px
    }

    .finder__results-wrapper {
        height: 260px
    }

    .finder__map {
        height: 453px;
        position: relative
    }

    .finder__map:after {
        content: "";
        z-index: 1;
        position: absolute;
        left: 0;
        bottom: 100%;
        height: 50px;
        width: 100%;
        pointer-events: none;
        background: linear-gradient(0deg, #fff 5%, hsla(0, 0%, 100%, .70326) 30%, hsla(0, 0%, 100%, 0))
    }

    .finder__results-list {
        padding-bottom: 27px
    }

    .finder__results-item:hover {
        color: inherit
    }

    .finder__results-item--active:hover {
        color: #5ac3ab
    }

    .popup-email__wrapper {
        width: 659px;
        height: 493px;
        padding: 71px 35px 50px 50px
    }

    .popup-email__subtitle {
        padding-top: 54px;
        padding-bottom: 36px
    }

    .popup-email__email {
        width: 350px
    }
}

@media (max-width:767px) {
    .container {
        max-width: 320px;
        padding-left: 16px;
        padding-right: 16px
    }

    .quote {
        font-size: 18px;
        line-height: 21px;
        padding: 8px 8px 14px 12px
    }

    .no-scroll-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        height: 100%
    }

    .br-mobile,
    br.mobile {
        display: block
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000
    }

    .header__nav {
        margin-left: -16px;
        margin-right: -16px
    }

    .header__item {
        text-align: center;
        width: 100%
    }

    .header__link {
        margin: 18px 11px 17px;
        font-size: 13px;
        line-height: 13px
    }

    .rosacea__container {
        padding-top: 28px;
        min-height: 390px
    }

    .rosacea--desktop {
        display: none
    }

    .rosacea--mobile {
        display: block
    }

    .rosacea--mobile .rosacea__text {
        opacity: 0;
        pointer-events: none;
        transition: .25s;
        margin-left: 18px;
        margin-top: 74px;
        margin-bottom: 38px;
        position: relative
    }

    .rosacea--mobile .rosacea__text:after {
        content: "";
        position: absolute;
        top: -47px;
        left: 0;
        width: 255px;
        height: 14px;
        background-image: url(../img/mobile-decorate.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain
    }

    .rosacea--mobile .rosacea__definition-question {
        opacity: 0;
        pointer-events: none;
        transition: .25s;
        font-size: 22px;
        line-height: 26px;
        font-weight: 700;
        left: 11px;
        width: 264px;
        height: 55px
    }

    .rosacea--mobile .rosacea__container:before {
        width: 363px;
        height: 428px;
        left: -90px;
        top: -34px;
        background-image: url(../img/rosacea-woman-mobile-2.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        transition: .25s
    }

    .rosacea--mobile-show-text .rosacea__definition-question,
    .rosacea--mobile-show-text .rosacea__text {
        opacity: 1;
        pointer-events: auto
    }

    .rosacea--mobile-show-text .rosacea__container:before {
        pointer-events: none;
        opacity: 0;
        width: 363px;
        height: 428px;
        left: -90px;
        top: -34px;
        background-image: url(./img/rosacea-woman-mobile-2.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain
    }

    .rosacea {
        padding-top: 62px
    }

    .rosacea__text {
        margin-left: 0;
        margin-right: 0;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 28px;
        z-index: 20
    }

    .rosacea__definition-wrap {
        margin-left: 0
    }

    .rosacea__definition-question {
        width: 124px;
        height: 64px;
        font-size: 22px;
        line-height: 26px;
        left: 0
    }

    .rosacea__subtext {
        z-index: 2000;
        position: fixed;
        top: 82px;
        left: calc(50% - 156px);
        font-size: 13px;
        line-height: 15px;
        width: 287px;
        padding: 11px 9px 13px 57px
    }

    .rosacea__subtext:after {
        top: 37px;
        left: 7px;
        width: 40px;
        height: 40px
    }

    .rosacea__subtext:before {
        right: 200px;
        bottom: 7px;
        transform: rotate(45deg) skew(4deg, 4deg)
    }

    .signs {
        padding-top: 44px
    }

    .signs__list--desktop {
        display: none
    }

    .swiper-container {
        display: block
    }

    .signs__copyright {
        font-size: 14px;
        line-height: 16px;
        margin-top: -34px;
        padding-bottom: 13px;
        position: static;
        width: 101%;
        font-size: 7px;
        line-height: 8px;
        text-align: left;
        transform: rotate(0)
    }

    .signs__title {
        font-size: 24px;
        line-height: 28px;
        margin-left: -5px;
        margin-right: -5px;
        padding-bottom: 26px
    }

    .signs__list-img {
        width: 176px;
        height: 176px;
        border: 4px solid #efefef
    }

    .signs__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .signs__list-img {
        margin: 0 auto
    }

    .signs__list-img--hover {
        right: 0
    }

    .swiper-wrapper {
        display: block
    }

    .swiper-button-prev {
        left: 0 !important;
        background-image: url(../img/prev.png) !important
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: contain !important;
        width: 20px !important;
        height: 30px !important;
        top: 44% !important;
        outline: none
    }

    .swiper-button-next {
        right: 0 !important;
        background-image: url(../img/next.png) !important
    }

    .signs__list-item {
        margin-bottom: 53px
    }

    .signs__list-item:last-child {
        margin-bottom: 47px
    }

    .signs__quote {
        margin-left: calc((100vw - 100%) / -2);
        width: 100vw
    }

    .signs__quote:after {
        width: 288px;
        height: 35px;
        right: -4px;
        background-repeat: no-repeat;
        top: calc(100% + 5px)
    }

    .test__title {
        font-size: 24px;
        line-height: 28px;
        padding-top: 28px;
        padding-bottom: 21px;
        padding-left: 86px
    }

    .test__title:after {
        top: 34px;
        left: 10px;
        width: 65px;
        height: 72px
    }

    .test__question {
        font-size: 15px;
        line-height: 18px;
        letter-spacing: -.2px
    }

    .lottie--mobile {
        display: block
    }

    .lottie--desktop {
        display: none
    }

    .test__help {
        pointer-events: none;
        position: absolute;
        top: 91px;
        left: 22px;
        width: 185px;
        height: 138px;
        z-index: 22
    }

    .test__form-wrapper {
        padding: 16px 5px 20px
    }

    .test__item {
        margin-left: 0;
        margin-right: 0
    }

    .test__text {
        font-size: 13px;
        line-height: 16px;
        padding-left: 27px;
        padding-top: 0;
        padding-bottom: 0;
        min-height: 39px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .test__text:after {
        left: 5px;
        width: 15px;
        height: 15px;
        border: 1px solid #dcdde0;
        box-sizing: border-box;
        border-radius: 2px
    }

    .test__question {
        margin-top: 52px
    }

    .test__question--top {
        margin-top: 15px
    }

    .test__range {
        height: 42px;
        border: 3px solid #efefef
    }

    .test__range-slider {
        height: 35px;
        width: 36px;
        border: 3px solid #6bb6a8
    }

    .test__item--range {
        padding: 11px 3px 0
    }

    .test__range-scale {
        font-size: 11px;
        line-height: 12px;
        max-width: 256px;
        padding-left: 18px;
        padding-top: 5px
    }

    .test__wrapper-interactive {
        width: 100%;
        height: 500px
    }

    .test__reset {
        width: 231px;
        bottom: 89px;
        right: 23px
    }

    .test__interactive-face {
        width: 264px;
        height: 216px
    }

    .test__interactive {
        margin-top: 29px
    }

    .test__interactive-text {
        top: 237px;
        left: 27px;
        width: 230px;
        font-size: 13.5px;
        line-height: 16px
    }

    .test__interactive-icon--x {
        top: 301px;
        left: 25px
    }

    .test__interactive-icon--o {
        top: 346px;
        left: 24px
    }

    .test__interactive-xo {
        font-size: 13px;
        line-height: 16px;
        left: 71px
    }

    .test__interactive-xo--x {
        top: 306px
    }

    .test__interactive-xo--o {
        top: 352px
    }

    .test__submit {
        width: 231px;
        height: 52px;
        font-size: 18px;
        line-height: 21px;
        right: 23px;
        bottom: 21px
    }

    .copy {
        left: 0;
        top: 0
    }

    .find {
        padding-bottom: 50px;
        margin-top: 38px
    }

    .find__button {
        height: 60px;
        font-size: 22px;
        width: 264px;
        line-height: 26px
    }

    .find__quote {
        margin-bottom: 10px;
        margin-top: 37px
    }

    .find__quote:after {
        width: 274px;
        height: 20px;
        right: -1px
    }

    .finder {
        padding-top: 62px
    }

    .finder__title {
        font-size: 24px;
        line-height: 28px;
        padding-top: 94px;
        padding-bottom: 30px
    }

    .finder__title:after {
        width: 289px;
        height: 35px;
        background-repeat: no-repeat;
        top: 30px
    }

    .finder__search-text {
        font-size: 18px;
        line-height: 138.4%;
        padding-left: 4px;
        padding-bottom: 18px
    }

    .finder__results-item-text {
        font-size: 13.5px;
        line-height: 18px;
        padding-bottom: 9px
    }

    .finder__results-item {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 15px
    }

    .finder__results-item-phone {
        font-size: 13.5px;
        line-height: 16px
    }

    .finder__results-item-phone:after {
        width: 13px;
        height: 15px
    }

    .finder__search-wrapper {
        padding: 14px 5px 20px
    }

    .finder__search-line {
        height: 38px
    }

    .finder__results-wrapper {
        height: 210px
    }

    .finder__map {
        height: 300px
    }

    .finder__map:after {
        height: 50px
    }

    .finder__search-item:after {
        width: 19px;
        height: 20px;
        top: 9px;
        right: 19px
    }

    .popup-email__wrapper {
        width: 246px;
        height: 384px;
        padding: 23px 33px 50px 13px
    }

    .popup-email__title {
        font-size: 18px;
        line-height: 21px;
        padding-bottom: 17px
    }

    .popup-email__subtitle {
        font-size: 18px;
        line-height: 21px;
        padding-top: 30px;
        padding-bottom: 22px
    }

    .popup-email__link {
        width: 200px;
        height: 45px
    }

    .popup-email__link:after {
        top: 13px;
        left: 20px;
        width: 19px;
        height: 19px
    }

    .popup-email__form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .popup-email__email {
        width: 100%;
        height: 45px;
        font-size: 14px;
        line-height: 16px;
        border: 3px solid #efefef;
        border-radius: 6px;
        margin-bottom: 11px;
        padding-left: 11px;
        padding-right: 11px
    }

    .popup-email__email--error {
        border: 3px solid red
    }

    .popup-email__submit {
        width: 165px;
        height: 45px
    }

    .popup-email__close {
        top: 7px;
        right: 6px
    }
}

@charset "UTF-8";

input,
textarea,
button,
select {
    font-family: 'Manrope', sans-serif;
}

input::placeholder,
textarea::placeholder,
button::placeholder,
select::placeholder {
    opacity: 1;
    font-family: 'Manrope', sans-serif;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    scroll-behavior: smooth;
}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

a {
    outline: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

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

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

input[type='submit'] {
    appearance: none;
}

input[type='search'] {
    appearance: none;
}

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

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

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

@font-face {
    font-family: 'Manrope';
    src: url("../fonts/Manrope-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

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

.container {
    max-width: 75rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 75rem) {
    .container {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}

@media(max-width: 1440px) {
    .test__submit {
        right: 82px;
    }
}

.title-section {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #141414;
    font-family: 'PlayfairDisplay';
    text-align: center;
}

.title-section__sub {
    margin-top: 1.25rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
    text-align: center;
    color: #B95C5A;
}

@media (max-width: 46rem) {
    .title-section {
        font-size: 1.625rem !important;
    }

    .title-section__sub {
        font-size: 1rem;
    }
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .3s;
}

.burger {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #A85F72;
    border-radius: 8px;
    display: none;
}

.burger-icon {
    position: absolute;
    top: 34%;
    display: flex;
    flex-direction: column;
    width: 20px;
    height: 3px;
    background-color: #fff;
    border-radius: 0.625rem;
}

.burger-icon::after {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 20px;
    height: 3px;
    background-color: #fff;
    transition: all ease .2s;
    border-radius: 0.625rem;
}

.burger-icon::before {
    content: '';
    position: absolute;
    bottom: -12px;
    width: 20px;
    height: 3px;
    background-color: #fff;
    transition: all ease .2s;
    border-radius: 0.625rem;
}

.burger-icon.active {
    background: transparent !important;
    top: 17%;
}

.burger-icon.active::after {
    transform: rotate(45deg);
    transition: all ease .2s;
    background-color: #fff !important;
    bottom: -12px;
}

.burger-icon.active::before {
    transform: rotate(-45deg);
    bottom: -12px;
    transition: all ease .2s;
    background-color: #fff !important;
}

@media (max-width: 64rem) {
    .burger {
        display: flex;
    }
}

input[type=checkbox] {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
}

input[type=checkbox]+label {
    min-width: 1.5625rem;
    height: 1.5625rem;
    background: #FFFFFF;
    border: 1px solid #F4C7D6;
    border-radius: 5px;
}

input[type=checkbox]:checked+label {
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/mark-checkbox.png) no-repeat;
    background-size: cover;
    border: 1px solid #F4C7D6;
}

@media (min-width: 736px) {

    .rs-container .rs-bg,
    .rs-container .rs-selected {
        height: 40px;
        background: #FFFFFF;
        border: none;
        border-radius: 1.25rem;
    }

    .rs-container .rs-pointer::after,
    .rs-container .rs-pointer::before {
        display: none;
    }

    .rs-container .rs-pointer::after {
        display: none;
    }

    .rs-container .rs-pointer {
        top: 4px;
        width: 40px;
        height: 40px;
        background: #FFFFFF;
        border: 1px solid rgba(185, 92, 90, 0.1);
        box-shadow: 0px 2px 8px rgba(245, 134, 171, 0.5);
        border-radius: 50%;
    }

    .rs-container .rs-scale {
        top: unset;
        bottom: -27px;
    }

    .rs-container .rs-scale span ins {
        font-weight: 500;
        font-size: 1.125rem;
        letter-spacing: -0.01em;
        color: #000000;
    }

    .rs-container .rs-scale span::before {
        display: none;
    }
}

.rs-container .rs-selected {
    background-color: #B95C5A;
    border: 1px solid #B95C5A;
    transition: all .2s linear;
    width: 0;
}

.rs-container .rs-bg {
    background: #FFEBF2;
}

.rs-container .rs-scale {
    display: flex;
}

#copy_link {
    position: relative;
}

#copy_link.copy::after {
    content: 'ссылка скопирована';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dd3b30;
    color: #fff;
    padding: 5px;
    width: max-content;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 222;
}

.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-logo {
    display: flex;
    align-items: center;
}

a:hover {
    text-decoration: none !important;
}

.header-logo svg {
    width: 2.0625rem;
    height: 2.0625rem;
}

.header-logo__text {
    margin-left: 0.75rem;
    font-family: 'PlayfairDisplay';
    font-size: 1.75rem;
    line-height: 125%;
}

.header-logo__text:hover {
    color: #000 !important;

}

.header-col {
    display: flex;
    align-items: center;
}

.header-menu {
    display: flex;
}

.header-menu a {
    margin-right: 1.5625rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
    color: #555555;
    transition: all ease .3s;
}

.header-menu a:last-child {
    margin-right: 0;
}

.header-menu a:hover {
    color: #A85F72;
    transition: all ease .3s;
    text-decoration: none !important;
}

.header-btn {
    margin-left: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.9375rem;
    height: 3.125rem;
    background: #A85F72;
    border-radius: 0.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 0.875rem;
    border: 2px solid #A85F72;
    transition: all ease .3s;
}

.header-btn:hover {
    background: transparent;
    transition: all ease .3s;
    color: #A85F72;
}

@media (max-width: 64rem) {
    .header {
        height: 60px;
    }

    .header-btn {
        margin-right: 3.125rem;
        margin-left: 1.25rem;
        height: 2.5rem;
        font-size: 0.75rem;
        width: 8.75rem;
    }

    .header-menu {
        position: fixed;
        width: 50%;
        height: 100%;
        top: 3.75rem;
        right: 0;
        background-color: #EFCBD7;
    }

    .header-menu {
        padding-top: 60px;
        transform: translateX(100%);
        transition: all ease .4s;
    }

    .header-menu.open {
        transform: translateX(0);
        box-shadow: -8px 0px 9px -4px rgba(0, 0, 0, 0.61);
        transition: ease-in-out 1s;
    }

    .header-menu a {
        display: block;
        margin-right: 0;
        margin-bottom: 1.25rem;
        color: #000;
        font-size: 1.375rem;
    }

    .menu {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header-logo__text {
        font-size: 1.375rem;
    }
}

@media (max-width: 46rem) {
    .header-logo svg {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .header-logo__text {
        font-size: 1rem;
    }

    .header-btn {
        width: 7.5rem;
        margin-right: 1.875rem;
        font-size: 0.75rem;
    }

    .header-menu {
        width: 100%;
    }
}

.main {
    position: relative;
}

.main-img {
    max-width: 51.8919rem;
    height: 36rem;
    position: absolute;
    top: 0;
    right: 0;
}

.main-img img {
    width: 100%;
}

.main-img__hide {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.main-img__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    position: absolute;
    z-index: 3;
    right: 8.75rem;
    bottom: 2.5rem;
    background: #A85F72;
    border-radius: 1.25rem;
    width: 6.0625rem;
    height: 6.4375rem;
}

.main-img__btn svg {
    width: 2.4375rem;
    height: 2.875rem;
}

.main-img__btn-text {
    margin-top: 0.625rem;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 125%;
    color: #FFFFFF;
}

.main-vector {
    position: absolute;
    z-index: -1;
    top: 1.25rem;
    left: -9.375rem;
}

.main-vector svg {
    width: 21.3125rem;
    height: 18.375rem;
}

.main-col {
    padding-top: 5.125rem;
    position: relative;
}

.main-title {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #141414;
    font-family: 'PlayfairDisplay';
}

.main-text {
    margin-top: 5rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
}

.main-btn {
    margin-top: 5rem;
    width: 11.625rem;
    height: 4.125rem;
    background: #A85F72;
    box-shadow: 0rem 0px 16px #B95C5A;
    border-radius: 0.5rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 14px;
}

.main-btn:hover {
    box-shadow: none;
}

@media (max-width: 100rem) {
    .main-img {
        max-width: 39.892rem;
        height: auto;
    }
}

@media (max-width: 90rem) {
    .main-img {
        max-width: 38.892rem;
    }

    .main-text {
        margin-top: 2rem;
    }
}

@media (max-width: 46rem) {
    .main {
        display: flex;
        flex-direction: column;
    }

    .main-img {
        margin-top: 1.875rem;
        position: relative;
        order: 2;
        height: auto;
    }

    .main-text {
        margin-top: 1.875rem;
    }

    .main-title {
        font-size: 2rem;
    }

    .main-title br {
        display: none;
    }

    .main-btn {
        margin-top: 1.875rem;
    }

    .main-img__btn {
        width: 3.75rem;
        height: 4.375rem;
        right: 1.25rem;
        bottom: 1.25rem;
    }

    .main-col {
        padding-top: 3.75rem;
    }

    .main-img__btn-text {
        font-size: 0.625rem;
        margin-top: 0.3125rem;
    }

    .main-img__btn svg {
        width: 1.1875rem;
        height: 1.4375rem;
    }

    .main-btn {
        width: 8.75rem;
        height: 3rem;
        font-size: 0.75rem;
    }
}

.possible {
    padding-top: 7.5rem;
}

.possible-wrap {
    margin-top: 5rem;
    display: flex;
    justify-content: center;
    margin-left: -2.0313rem;
    margin-right: -2.0313rem;
}

.possible-item {
    position: relative;
    margin-left: 2.0313rem;
    margin-right: 2.0313rem;
    width: 15.625rem;
    height: 15.625rem;
}

.possible-item.active .possible-item__img {
    display: block;
}

.possible-item.active .possible-item__vector {
    display: none;
}

.possible-item__vector {
    width: 15.75rem;
    height: 15.75rem;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: .8;
}

.possible-item__vector img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.possible-item__img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 15.625rem;
    height: 15.625rem;
}

.possible-item__img img {
    width: 100%;
    filter: grayscale(0.2);
}

.possible-footer {
    margin-top: 0.75rem;
    display: flex;
    justify-content: flex-end;
}

.possible-footer__col {
    display: flex;
    align-items: center;
}

.possible-footer svg {
    width: 3.125rem;
    height: 3.125rem;
}

.possible-btn {
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 107px;
    height: 2.6875rem;
    background: #A85F72;
    border-radius: 1.25rem;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 125%;
    color: #FFFFFF;
}

@media (max-width: 64rem) {
    .possible {
        padding-top: 5rem;
    }

    .possible-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .possible-item {
        margin-top: 32.5px;
        width: 27%;
    }

    .possible-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 46rem) {
    .possible-item {
        width: 7.5rem;
        height: 7.5rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .possible-item__img {
        width: 7.5rem;
        height: 7.5rem;
    }

    .possible-item__vector {
        width: 7.5rem;
        height: 7.5rem;
    }

    .possible-footer {
        margin-top: 1.25rem;
    }

    .possible-footer svg {
        width: 2.5rem;
        height: 2.5rem;
    }
}

.video {
    margin-top: 6.875rem;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    background: #EFCBD7;
    overflow: hidden;
}

.video .title-section {
    position: relative;
    z-index: 2;
}

.video-wrap {
    margin-top: 5rem;
    position: relative;
    border-radius: 2rem;
}

.video-wrap video {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
}

.video-vector__top {
    position: absolute;
    top: -8.125rem;
    left: -5rem;
}

.video-vector__top svg {
    width: 21.3125rem;
    height: 18.375rem;
}

.video-vector__bottom {
    position: absolute;
    bottom: -8.125rem;
    right: -5rem;
}

.video-vector__bottom svg {
    width: 21.3125rem;
    height: 18.375rem;
}

.video-col {
    position: relative;
    max-width: 62.5rem;
    width: 100%;
    height: 37.5rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2rem;
    overflow: hidden;
}

.video-img {
    width: 100%;
}

.video-img img {
    width: 100%;
}

.video-btn {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all ease .3s;
}

.video-btn svg {
    width: 11.375rem;
    height: 11.375rem;
}

.video-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all ease .3s;
}

@media (max-width: 62rem) {
    .video-col {
        height: auto;
    }

    .video-btn svg {
        width: 7.5rem;
        height: 7.5rem;
    }
}

@media (max-width: 46rem) {
    .video {
        margin-top: 5rem;
        padding-top: 5rem;
        padding-top: 5rem;
    }

    .video-col {
        height: auto;
    }

    .video-btn svg {
        width: 4.375rem;
        height: 4.375rem;
    }

    .video-vector__top svg {
        width: 12.5rem;
        height: 18.375rem;
    }

    .video-vector__bottom svg {
        width: 12.5rem;
        height: 18.375rem;
    }
}

.test {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

.test-text__notice {
    margin-top: 1.875rem;
    text-align: center;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #000000;
    display: none;
}

.test-wrap {
    margin-top: 5rem;
    display: flex;
    max-width: 73.75rem;
    width: 100%;
    height: 35.625rem;
    margin-left: auto;
    margin-right: auto;
}

.test-img {
    position: relative;
    min-width: 23.75rem;
    height: 35.625rem;
    border-radius: 32px 0px 0px 32px;
    overflow: hidden;
}

.test-img img {
    width: 100%;
}

.test-form {
    width: 100%;
    height: 35.25rem;
    background: #EFCBD7;
    border-radius: 0px 32px 32px 0px;
}

.test-form form {
    position: relative;
    height: 100%;
}

.test-form__item {
    padding: 3.125rem 2.5rem;
    position: relative;
    height: 100%;
    display: none;
}

.test-form__item:nth-child(2) .test-form__item-progress::before {
    width: 50%;
}

.test-form__item:nth-child(3) .test-form__item-progress::before {
    width: 75%;
}

.test-form__item:nth-child(4) .test-form__item-progress::before {
    width: 100%;
}

.test-form__item.active {
    display: block;
    position: static;
}

.test-form__item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.test-form__item-progress {
    max-width: 25rem;
    width: 100%;
    height: 0.375rem;
    background: #FFEBF2;
    border-radius: 5px;
}

.test-form__item-progress::before {
    content: '';
    display: block;
    width: 25%;
    height: 0.375rem;
    background: #B95C5A;
    border-radius: 5px;
}

.test-form__item-count {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
    color: #000000;
}

.test-form__item-col {
    margin-top: 2.5rem;
}

.test-form__item-title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #000000;
}

.test-form__item-title-sub {
    margin-top: 1.25rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
    color: #000000;
}

.test-form__item-label {
    cursor: pointer;
    margin-top: 1.875rem;
    display: flex;
    align-items: center;
}

.test-form__item-label span {
    padding-left: 0.625rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
    color: #000000;
}

.test-form__item-next {
    pointer-events: none;
    opacity: .7;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 2.5rem;
    bottom: 3.125rem;
    width: 7.625rem;
    height: 3.375rem;
    background: #A85F72;
    box-shadow: 0px 0px 16px #B95C5A;
    border-radius: 0.5rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.875rem;
    line-height: 125%;
    font-weight: 800;
    transition: all ease .3s;
}

.test-form__item-next:hover {
    box-shadow: none;
}

.test-form__item-next.active {
    pointer-events: all;
    opacity: 1;
}

.test-form__btn {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 2.5rem;
    bottom: 3.125rem;
    width: 7.625rem;
    height: 3.375rem;
    background: #A85F72;
    box-shadow: 0px 0px 16px #B95C5A;
    border-radius: 0.5rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.875rem;
    line-height: 125%;
    transition: all ease .3s;
    border: none;
    font-weight: 800;
}

.test-form__btn:hover {
    box-shadow: none;
}

.test .input-range {
    margin-top: 3.125rem;
}

.test .interactive-face {
    margin-top: 2.5rem;
    display: flex;
}

.test .interactive-face input {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
}

.test .interactive-face__text p {
    font-size: 1rem;
    color: #000;
    transform: translateX(-2.25rem);
    white-space: nowrap;
    padding-top: 2.5rem;
}

.test .interactive-face__wrap {
    position: relative;
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.test .interactive-face__img {
    width: 13.75rem;
}

.test .interactive-face__img img {
    width: 100%;
}

.test .interactive-face__choice-x {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    margin-bottom: 1.25rem;
    width: 2.125rem;
    height: 2.125rem;
    background: url(../img/x.png) no-repeat;
    background-size: contain;
    display: none;
}

.test .interactive-face__choice-x:first-child {
    display: block;
}

.test .interactive-face__choice-x-wrap {
    position: absolute;
    right: 0;
    top: 3.75rem;
}

.test .interactive-face__choice-o-wrap {
    position: absolute;
    right: 0;
    top: 4.375rem;
}

.test .interactive-face__choice-o {
    position: absolute;
    right: 0;
    top: 3.375rem;
    cursor: pointer;
    width: 2.125rem;
    height: 2.125rem;
    background: url(../img/o.png) no-repeat;
    background-size: contain;
    display: none;
}

.test .interactive-face__choice-o:first-child {
    display: block;
}

.interactive-face__text-notice-x,
.interactive-face__text-notice-o {
    padding-left: 0.625rem;
    font-size: 1.375rem;
    color: #000;
}

.interactive-face__text-notice-x {
    transform: translateY(1.75rem);
}

.interactive-face__text-notice-o {
    transform: translateY(4.375rem);
}

@media (max-width: 64rem) {
    .test-img {
        display: none;
    }

    .test-form {
        border-radius: 2rem;
    }

    .test-text__notice {
        display: block;
    }

    .test-wrap {
        margin-top: 3.75rem;
    }
}

@media (max-width: 62rem) {
    .test .interactive-face__img {
        width: 10.75rem;
    }
}

@media (max-width: 46rem) {
    .test {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .test-wrap {
        margin-top: 2.5rem;
        height: auto;
    }

    .test-form {
        position: relative;
        height: auto;
    }

    .test-form__item {
        position: static;
        padding: 1.25rem 1.25rem 7.5rem 1.25rem;
    }

    .test-form__item:last-child {
        padding-bottom: 13.75rem;
    }

    .test-form__item-next,
    .test-form__btn {
        right: 1.25rem;
        bottom: 2.5rem;
    }

    .test-form__item-progress {
        width: 50%;
    }

    .test-form__item-count {
        font-size: 0.875rem;
    }

    .test-form__item-label span {
        font-size: 0.875rem;
    }

    .test-form__item-title {
        font-size: 1rem;
    }

    .test .input-range {
        margin-top: 1.25rem;
        margin-bottom: 2.5rem;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .test-form__item-title-sub {
        font-size: 0.875rem;
    }

    .test .interactive-face {
        flex-wrap: wrap;
    }

    .test .interactive-face__text p {
        padding-top: 0;
        transform: translateX(0);
        white-space: normal;
        margin-bottom: 1.25rem;
        line-height: normal;
    }

    .test .interactive-face__wrap {
        width: 100%;
    }

    .interactive-face__text-notice-x,
    .interactive-face__text-notice-o {
        transform: translateY(0);
        padding-left: 0;
        font-size: 1.125rem;
    }

    .interactive-face__text-notice-x {
        display: flex;
        align-items: center;
    }

    .interactive-face__text-notice-x::before {
        content: '';
        display: block;
        margin-right: 0.625rem;
        width: 1.5rem;
        height: 24px;
        background: url(../img/x.png) no-repeat;
        background-size: cover;
    }

    .interactive-face__text-notice-o {
        margin-top: 0.625rem;
        display: flex;
        align-items: center;
    }

    .interactive-face__text-notice-o::before {
        content: '';
        display: block;
        margin-right: 0.625rem;
        width: 1.5rem;
        height: 24px;
        background: url(../img/o.png) no-repeat;
        background-size: cover;
    }

    .interactive-face__text {
        margin-top: 1.875rem;
    }

    .test-form form {
        position: static;
    }
}

.know {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    background: #EFCBD7;
    overflow: hidden;
}

.know .title-section {
    position: relative;
    z-index: 2;
}

.know-wrap {
    position: relative;
    padding: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 68.5313rem;
    width: 100%;
    height: 23.8125rem;
    background: #FFFFFF;
    border-radius: 2rem;
}

.know-text {
    position: relative;
    margin-top: 1.875rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 175%;
    text-align: center;
    color: #000000;
    z-index: 2;
}

.know-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.4375rem;
    width: 10.9375rem;
    height: 3.125rem;
    background: #A85F72;
    box-shadow: 0rem 0px 16px #B95C5A;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.know-btn:hover {
    box-shadow: none;
    transition: all ease .3s;
}

.know-vector__top {
    position: absolute;
    right: -4.6875rem;
    top: -5.9375rem;
}

.know-vector__top svg {
    width: 16.875rem;
    height: 14.5625rem;
}

.know-vector__bottom {
    position: absolute;
    left: -95px;
    bottom: -4.6875rem;
}

.know-vector__bottom svg {
    width: 16.875rem;
    height: 14.5625rem;
}

@media (max-width: 62rem) {
    .know .title-section {
        font-size: 2.125rem;
    }
}

@media (max-width: 46rem) {
    .know {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .know .title-section br {
        display: none;
    }

    .know-text {
        font-size: 1rem;
        line-height: normal;
    }

    .know-vector__top svg {
        width: 11.25rem;
    }

    .know-vector__bottom svg {
        width: 11.25rem;
    }

    .know-wrap {
        height: auto;
    }

    .know-btn {
        position: relative;
        z-index: 2;
    }
}

.finder {
    padding-top: 3.125rem;
    padding-bottom: 3.75rem;
    background: #FAEDF1;
}

.finder-wrap {
    padding: 2.5rem;
    max-width: 68.5rem;
    width: 100%;
    height: 48.8125rem;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    border-radius: 2rem;
}

.finder__title {
    font-family: 'PlayfairDisplay';
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 115%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
}

.finder__row {
    margin-top: 5rem;
    display: flex;
}

.finder__search-wrapper input {
    padding-left: 0.625rem;
    width: 100%;
    height: 3.9375rem;
    background: rgba(235, 235, 235, 0.38);
    border-radius: 12px;
    border: none;
}

.finder__search-wrapper input::placeholder {
    color: #000000;
    font-size: 18px;
}

.finder__row {
    flex-wrap: nowrap;
}

.finder-wrap {
    max-width: 995px !important;
}

.finder .finder__col {
    position: relative;
    width: 100%;
    max-width: 560px;
    height: 33.125rem;
    overflow: hidden;
    flex-basis: unset;
}

.finder .finder__col:first-child {
    max-width: 22.5rem;
    width: 100%;
}

.finder .finder__col:last-child {
    margin-left: 0.625rem;
}

.finder__results-wrapper {
    display: none;
}

.finder__search-btn {
    margin-top: 0.625rem;
    width: 100%;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #A85F72;
    border-radius: 0.5rem;
    border: none;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 2px solid #A85F72;
    transition: all ease .3s;
}

.finder__search-btn:hover {
    background: transparent;
    transition: all ease .3s;
    color: #A85F72;
}

@media(max-width:64rem) {
    .finder__row {
        flex-wrap: wrap;
    }

    .finder-wrap {
        height: auto;
    }

    .finder .finder__col {
        height: auto !important;
    }

    .finder .finder__col:last-child {
        margin-top: 2.5rem;
        margin-left: 0;
    }
}

@media (max-width: 62rem) {
    .finder .finder__col {
        height: 27rem;
    }
}

@media (max-width: 50.625rem) {
    .finder .finder__col {
        height: 27rem;
    }

    .finder-wrap {
        height: auto;
    }

    .finder__row {
        flex-wrap: wrap;
    }

    .finder .finder__col:last-child {
        margin-left: 0;
    }

    .finder .finder__col:first-child {
        height: auto;
        margin-bottom: 3.75rem;
    }
}

@media (max-width: 46rem) {
    .finder .finder__col:last-child {
        height: 27rem;
    }

    .finder__title {
        font-size: 1.625rem !important;
    }

    .finder__row {
        margin-top: 2.5rem;
    }
}

.footer {
    width: 100%;
    height: 65px;
    background-color: #fff;
}

.footer-menu {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-menu a {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 125%;
    color: #000000;
    transition: all ease .3s;
}

.footer-menu a:hover {
    transition: all ease .3s;
    color: #A85F72;
}

@media (max-width: 75rem) {
    .footer {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        height: auto;
    }

    .footer-menu {
        flex-wrap: wrap;
        height: auto;
    }

    .footer-menu a {
        width: 37%;
        margin-bottom: 20px;
    }

    .footer-menu a:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 46rem) {
    .footer-menu a {
        width: 100%;
        font-size: 1rem;
    }
}

html {
    font-size: 16px;
}

@media (max-width: 90rem) {
    html {
        font-size: 13px;
    }
}

@media (max-width: 64rem) {
    html {
        font-size: 16px;
    }
}

body {
    padding-top: 5.625rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    min-width: 320px;
    background-color: #F8F8F8;
    color: #000000;
}

body.hidden {
    width: 99vw;
    height: 100vh;
    overflow: hidden;
}

a {
    outline: none !important;
}

@media (max-width: 64rem) {
    body {
        padding-top: 3.75rem;
    }
}

.test__interactive-face {
    background-image: url(../img/face.png) !important;
}

.test__interactive-icon--x {
    background-image: url(../img/x.png) !important;
}

.test__interactive-icon--o {
    background-image: url(../img/o.png) !important;
}

.test__interactive {
    margin-top: 40px;
}

.test__interactive-face {
    width: 220px;
}

.test__interactive-text {
    left: 292px;
}

.test__interactive-xo {
    left: 352px;
}

.test__interactive-icon--x {
    width: 41px;
    height: 41px;
}

.test__interactive-xo--o {
    top: 8.625rem;
}

@media(max-width:90rem) {

    .test__interactive-icon--o,
    .test__interactive-icon--x {
        width: 31px;
        height: 31px;
    }

    .test__interactive-text {
        left: 235px;
        font-size: 14px;
    }

    .test__interactive-xo--o {
        top: 10.3rem;
    }
}

@media(max-width:64rem) {
    .test__interactive-text {
        width: 100%;
        left: 298px;
    }

    .test__interactive-xo--o {
        top: 8.7rem;
    }

    .test__interactive-icon--o,
    .test__interactive-icon--x {
        left: 18.75rem;
    }
}

@media(max-width:47.9375rem) {
    .test__interactive-text {
        left: 0;
    }

    .test__interactive-icon--o,
    .test__interactive-icon--x {
        left: 0;
    }

    .test__interactive-xo {
        /* position: static; */
        left: 3.375rem;
    }

    .test__interactive-xo--o {
        /* position: static; */
        top: 22rem;
    }

    .test__interactive-face {
        position: static;
    }

    .test__interactive-text {
        position: static;
        margin-top: 1.25rem;
    }

    .test__interactive-face {
        margin-left: auto;
        margin-right: auto;
    }
}

.test__form-wrapper {
    /* position: relative;
  height: auto; */
    background: #EFCBD7;
    border-radius: 32px;
    /* padding: 40px; */
}

.test__item {
    background-color: transparent;
    margin-left: 0;
}

.test__text {
    padding-left: 40px;
}

.test__text::after {
    min-width: 1.5625rem;
    height: 1.5625rem;
    background: #FFFFFF;
    border: 1px solid #F4C7D6;
    border-radius: 5px;
    left: 0;
    top: 10px;
}

.title-section {
    padding-left: 0;
}

.test-form__item-title {
    margin-bottom: 30px;
}

.test__title::after {
    display: none;
}

.test__question--top {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #000000;
}

.test__question {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #000000;
    padding-bottom: 20px;
}

.test__range {
    background: #FFEBF2;
    height: 40px;
    border-radius: 20px;
    border: none;
}

.test__range-slider {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid rgba(185, 92, 90, 0.1);
    box-shadow: 0px 2px 8px rgba(245, 134, 171, 0.5);
    border-radius: 50%;
}

.test__range-shadow {
    background-color: #B95C5A;
}

.test__wrapper-wrapper {
    background: transparent;
}

.test__submit {
    background: #A85F72;
    box-shadow: 0px 0px 16px #B95C5A;
    border-radius: 0.5rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    font-size: 0.875rem;
    line-height: 125%;
    transition: all ease .3s;
    border: none;
    font-weight: 800;
}

.test__submit:hover {
    background: transparent;
    transition: all ease .3s;
    color: #A85F72 !important;
    background-color: #fff;
}

.test__wrapper-interactive {
    background-color: transparent;
    margin-left: 0;
}

.test__wrapper-interactive {
    border: none;
}

.test__interactive {
    margin-top: 10px;
}

.test__item--range {
    padding-top: 10px;
    padding-left: 0;
}

/* .test__item--range{
  width: 60%;
} */
@media(max-width:767px) {
    .title-section {
        padding-left: 0;
    }

    .test__range-scale {
        max-width: 100%;
    }

    .test__item--range {
        width: 100%;
    }

    .test__form-wrapper {
        padding: 20px;
    }
}

.finder__title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.finder__title::after {
    display: none !important;
}

.finder__search-wrapper {
    padding: 0 !important;
    background-color: transparent !important;
}

.article__more {
    cursor: pointer;
    margin-top: 5.125rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 14.6875rem;
    height: 4.125rem;
    box-shadow: 0 0 16px 0 #b95c5a;
    background: #a85f72;
    font-weight: 800;
    font-size: 0.875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    transition: all ease .3s;
}

.article__more:hover {
    background: transparent;
    background-color: transparent;
    transition: all ease .3s;
    color: #A85F72;
    background-color: #fff;
}

.article-page table th {
    padding-top: 24px;
    padding-bottom: 24px;
    border-right: 1px solid #A85F72;
    font-size: 24px;
    line-height: 130%;
}

.article-page table th:last-child {
    border-right: none;
}

.article-page table tr {
    border-bottom: 1px solid #A85F72;
}

.article-page table tr:last-child {
    border-bottom: none;
}

.article-page table tr td:first-child {
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.article-page table td {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 24px;

    border-right: 1px solid #A85F72;
    font-size: 24px;
    line-height: 130%;
}

.article-page table td:last-child {
    border-right: none
}

@media(max-width:992px) {
    .article-page table td {
        font-size: 20px;
    }

    .article-page table th {
        font-size: 20px;
    }
}

@media(max-width:736px) {
    .atctile-table {
        width: 100%;
        overflow-x: scroll;
    }

    .article-page table td {
        font-size: 16px;
    }

    .article-page table th {
        font-size: 16px;
    }
}

/*# sourceMappingURL=main.css.map */


.finder p {
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 22px;
}

.finder h1 {
    margin-bottom: 32px;
}

.finder h3 {
    margin-bottom: 32px;
    font-weight: 700;
}