body,
fieldset,
h1,
h2,
h3,
h4,
html,
li,
p,
ul {
    padding: 0;
    margin: 0;
    border: 0
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

html {
    height: 100%;
    background-color: #263238
}

body {
    color: #fff;
    font-family: Roboto, sans-serif;
    line-height: 1.2;
    background-color: #263238;
    min-height: 100%;
    box-sizing: border-box;
    padding: 0
}

#app,
body {
    display: flex;
    flex-direction: column;
    width: 100%
}

#app {
    flex-grow: 1
}

.logo {
    font-size: 24px;
    font-weight: 500;
    color: inherit
}

.logo:before {
    content: "Kviza"
}

@media(max-width:1024px) {
    .desktop {
        display: none
    }
}

@media(max-width:780px) {
    .tablet {
        display: none
    }
}

.vue-slider {
    height: 8px;
    padding: 16px 0;
    margin: -16px 0;
    cursor: pointer
}

.vue-slider-rail {
    background: hsla(0, 0%, 76.9%, .4);
    margin: 0 8px;
    width: auto !important
}

.vue-slider-rail:before {
    left: -8px;
    background: #fff;
    border-radius: 8px 0 0 8px
}

.vue-slider-rail:after,
.vue-slider-rail:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0
}

.vue-slider-rail:after {
    right: -8px;
    background: hsla(0, 0%, 76.9%, .4);
    border-radius: 0 8px 8px 0
}

.vue-slider-process {
    background: #fff
}

.vue-slider-dot {
    background-color: #f80;
    background-repeat: no-repeat;
    background-size: auto 8px;
    background-position: 50%;
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box
}

.vue-slider-dot-tooltip-top {
    display: none
}

.shake-animation {
    -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
}

@-webkit-keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.fatal-error {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px
}

@media(max-width:780px) {
    .fatal-error {
        max-width: 410px;
        margin: 0 auto
    }
}

.fatal-error:before {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 64px;
    background: #f80 url(./icon.66a19fe6.svg) no-repeat 50%;
    background-size: auto 34px
}

@media(max-width:780px) {
    .fatal-error:before {
        width: 80px;
        height: 80px;
        background-size: auto 18px;
        margin-bottom: 40px
    }
}

.fatal-error__title {
    font-size: 48px;
    line-height: 1.3
}

@media(max-width:780px) {
    .fatal-error__title {
        font-size: 28px
    }
}

.fatal-error__desc {
    margin-top: 32px;
    font-size: 16px;
    line-height: 1.8
}

@media(max-width:780px) {
    .fatal-error__desc {
        margin-top: 24px
    }
}

.fatal-error__action {
    margin-top: 40px
}

@media(max-width:780px) {
    .fatal-error__action {
        width: 100%
    }
}

.application-container,
.step-t {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

@media(max-width:1024px) {
    .step-t {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media(min-width:1025px) {
    .step-t__bg-title-wrapper {
        display: none
    }
}

.step-t__wrapper {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1
}

@media(max-width:1024px) {
    .step-t__wrapper {
        flex-direction: column
    }
}

@media(max-width:780px) {
    .step-t__wrapper {
        min-height: calc(100vh - 50px)
    }
}

@media(max-width:1024px) {
    .step-t {
        flex-direction: column;
        position: relative
    }
}

.step-t>:not(.step-t__bg) {
    position: relative;
    z-index: 1
}

.step-t__bg {
    box-sizing: border-box
}

.step-t__bg>* {
    z-index: 3;
    position: relative
}

@media(min-width:1025px) {
    .step-t__bg {
        max-width: 420px;
        width: 100%
    }
    .step-t__bg .step-t__title {
        display: none
    }
}

@media(max-width:1024px) {
    .step-t__bg {
        position: relative;
        background-position: top;
        flex-grow: 1
    }
}

@media(max-width:1024px)and (min-width:781px) {
    .step-t__bg {
        min-height: 240px
    }
}

.step-t__bg:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    box-sizing: border-box;
    z-index: 1
}

@media(min-width:1025px) {
    .step-t__bg:after {
        max-width: 420px;
        width: 100%
    }
}

@media(max-width:1024px) {
    .step-t__bg:after,
    .step-t__bg:before {
        position: absolute;
        width: 100%;
        height: calc(100% + 50px)
    }
    .step-t__bg:before {
        top: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(38, 50, 56, 0), #263238);
        content: "";
        display: block;
        z-index: 3
    }
}

.step-t__bg-top {
    box-sizing: border-box;
    margin-bottom: 24px
}

@media(min-width:1025px) {
    .step-t__bg-top {
        padding: 32px 48px;
        max-width: 420px;
        width: 100%;
        position: fixed;
        top: 0
    }
}

@media(max-width:1024px) {
    .step-t__bg-wrapper {
        padding: 24px;
        max-width: 600px;
        margin: 0 auto
    }
}

.step-t__title {
    font-size: 40px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 16px;
    line-height: 1.3
}

@media(max-width:1024px) {
    .step-t__title {
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 1.67
    }
}

.step-t__top {
    margin-bottom: 56px
}

@media(max-width:1024px) {
    .step-t__top {
        margin-bottom: 40px
    }
}

.step-t__content-wrapper {
    position: relative;
    z-index: 4
}

@media(min-width:1025px) {
    .step-t__content-wrapper {
        width: calc(100% - 420px);
        flex-basis: 0;
        flex-grow: 1
    }
}

@media(max-width:1024px) {
    .step-t__content-wrapper {
        display: flex;
        flex-direction: column
    }
}

.step-t__content {
    width: 100%;
    box-sizing: border-box
}

@media(min-width:1025px) {
    .step-t__content {
        max-width: 792px;
        padding: 60px 64px 80px
    }
}

@media(max-width:1024px) {
    .step-t__content {
        padding: 0 24px 32px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 600px;
        margin: 0 auto
    }
    .step-t__content .step-t__title {
        display: none
    }
}

.step-t__footer {
    border-top: 1px solid hsla(0, 0%, 76.9%, .1);
    width: 100%
}

.step-t__footer>* {
    padding: 80px 64px 60px;
    box-sizing: border-box;
    margin: 0 auto
}

@media(min-width:1025px) {
    .step-t__footer {
        width: calc(100% - 420px);
        flex-grow: 0;
        margin-left: auto
    }
}

@media(max-width:1024px) {
    .step-t__footer>* {
        padding: 60px 24px;
        max-width: 600px
    }
}

.step-t__burger {
    width: 24px;
    height: 18px;
    cursor: pointer;
    display: block;
    position: relative
}

.step-t__burger:after,
.step-t__burger:before,
.step-t__burger>span {
    background-color: #fff;
    height: 2px;
    border-radius: 2px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.step-t__burger:before {
    top: 0
}

.step-t__burger:after {
    bottom: 0
}

.step-t__burger>span {
    top: calc(50% - 1px)
}

.step-t.step-t_green .step-t__bg:after {
    background-image: url(./green.921a4786.png)
}

@media(max-width:1024px) {
    .step-t.step-t_green .step-t__bg:after {
        background-image: url(./green-m.b8285914.jpg)
    }
}

.step-t.step-t_dark .step-t__bg:after {
    background-image: url(./dark.df5a6240.png)
}

@media(max-width:1024px) {
    .step-t.step-t_dark .step-t__bg:after {
        background-image: url(./dark-m.2ed5a802.jpg)
    }
}

.step-t.step-t_man .step-t__bg:after {
    background-image: url(./man.c9b6a085.png)
}

@media(max-width:1024px) {
    .step-t.step-t_man .step-t__bg:after {
        background-image: url(./man-m.18ed5012.jpg)
    }
}

.step-t.step-t_city .step-t__bg:after {
    background-image: url(./city.076ce05f.png)
}

@media(max-width:1024px) {
    .step-t.step-t_city .step-t__bg:after {
        background-image: url(./city-m.4ce33ab9.jpg)
    }
}

@media(max-width:780px) {
    .step-t.step-t_long .step-t__bg:after,
    .step-t.step-t_long .step-t__bg:before {
        height: calc(100vh - 50px)
    }
    .step-t.step-t_long .step-t__bg:before {
        background: transparent
    }
}

@media(max-width:1024px) {
    .step-t.step-t_title .step-t__bg-wrapper {
        display: none
    }
}

.step-t.step-t_title .step-t__bg-title-wrapper {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

@media(min-width:1025px) {
    .step-t.step-t_title .step-t__bg-title-wrapper {
        display: none
    }
}

.step-t.step-t_title .step-t__bg-title {
    font-weight: 300;
    letter-spacing: .03em;
    line-height: 1.33;
    font-size: 24px
}

.common-t {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.common-t,
.common-t__wrapper {
    width: 100%;
    box-sizing: border-box
}

.common-t__wrapper {
    max-width: 1160px;
    margin: 0 auto;
    padding: 24px
}

.common-t__title {
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.3;
    max-width: 856px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width:780px) {
    .common-t__title {
        font-size: 30px
    }
}

.common-t__desc {
    font-size: 18px;
    font-weight: 300;
    color: hsla(0, 0%, 100%, .5);
    margin-bottom: 80px;
    line-height: 1.6;
    text-align: center;
    max-width: 856px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width:780px) {
    .common-t__desc {
        margin-bottom: 48px;
        font-size: 14px
    }
}

.common-t__header {
    margin-bottom: 30px
}

.common-t__content {
    max-width: 1160px;
    border-radius: 8px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box
}

.common-t__footer {
    margin-top: 50px;
    padding: 50px 24px 40px;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.common-t__footer>* {
    max-width: 960px;
    margin: 0 auto
}

.header {
    padding: 10px 0;
    color: #fff
}

@media(max-width:780px) {
    .header {
        padding: 0
    }
}

.header__content {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

@media(min-width:1025px) {
    .header__mobile {
        display: none
    }
}

.header__burger {
    width: 24px;
    height: 18px;
    cursor: pointer;
    display: block;
    position: relative
}

.header__burger:after,
.header__burger:before,
.header__burger>span {
    background-color: #fff;
    height: 2px;
    border-radius: 2px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.header__burger:before {
    top: 0
}

.header__burger:after {
    bottom: 0
}

.header__burger>span {
    top: calc(50% - 1px)
}

.footer__top {
    margin-bottom: 40px
}

.footer__phone {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: 400;
    display: inline-flex;
    align-items: center
}

.footer__phone .icon-phone {
    margin-right: 18px;
    margin-bottom: -4px;
    line-height: 0
}

.footer__content {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, .7)
}

.footer__content p+p {
    margin-top: 20px
}

.footer__content b,
.footer__content strong {
    font-weight: 500
}

.footer__content a {
    font-weight: 400;
    color: inherit
}

.i-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2)), #f80;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    font-family: inherit;
    border-radius: 8px;
    background-blend-mode: overlay, normal
}

.i-button__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px
}

@media(min-width:781px) {
    .i-button {
        min-width: 240px
    }
}

@media(max-width:780px) {
    .i-button {
        width: 100%
    }
}

.i-button:hover {
    background-color: #ff941a
}

.field__wrapper {
    position: relative;
    display: block
}

.field__title {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 4px;
    color: #fff;
    font-weight: 300
}

.field textarea {
    height: 120px
}

.field__element-wrapper {
    position: relative;
    display: block
}

.field__element {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 16px;
    margin: 0;
    width: 100%;
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    height: 48px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
    outline: none;
    background: transparent;
    resize: none;
    font-weight: 500;
    color: #fff
}

@media(max-width:780px) {
    .field__element {
        height: 48px;
        padding-left: 18px;
        padding-right: 18px
    }
}

.field__error {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.67;
    color: #eb5757
}

@media(max-width:780px) {
    .field__error {
        margin-top: 4px;
        font-size: 12px
    }
}

.field.field_active .field__element {
    border-color: #fff
}

.field.field_invert .field__title {
    color: #263238
}

.field.field_invert .field__element {
    border-color: #0b161f;
    color: #0b161f
}

.field.field_error .field__element {
    border-color: #eb5757;
    border-width: 2px
}

.field.field_disabled {
    opacity: .6;
    cursor: not-allowed
}

.vue-slider-dot {
    position: absolute;
    -webkit-transition: all 0s;
    transition: all 0s;
    z-index: 5;
}

.vue-slider-dot:focus {
    outline: none;
}

.vue-slider-dot-tooltip {
    position: absolute;
    visibility: hidden;
}

.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
.vue-slider-dot-tooltip-show {
    visibility: visible;
}

.vue-slider-dot-tooltip-top {
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.vue-slider-dot-tooltip-bottom {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

.vue-slider-dot-tooltip-left {
    left: -10px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.vue-slider-dot-tooltip-right {
    right: -10px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.vue-slider-marks {
    position: relative;
    width: 100%;
    height: 100%;
}

.vue-slider-mark {
    position: absolute;
    z-index: 1;
}

.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
    width: 0;
    height: 100%;
    top: 50%;
}

.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
    top: 0;
}

.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
    top: 100%;
    margin-top: 10px;
}

.vue-slider-ltr .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vue-slider-ltr .vue-slider-mark-step {
    left: 0;
}

.vue-slider-ltr .vue-slider-mark-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.vue-slider-rtl .vue-slider-mark {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.vue-slider-rtl .vue-slider-mark-step {
    right: 0;
}

.vue-slider-rtl .vue-slider-mark-label {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
    width: 100%;
    height: 0;
    left: 50%;
}

.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
    left: 0;
}

.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
    left: 100%;
    margin-left: 10px;
}

.vue-slider-btt .vue-slider-mark {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.vue-slider-btt .vue-slider-mark-step {
    top: 0;
}

.vue-slider-btt .vue-slider-mark-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vue-slider-ttb .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vue-slider-ttb .vue-slider-mark-step {
    bottom: 0;
}

.vue-slider-ttb .vue-slider-mark-label {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.vue-slider-mark-label,
.vue-slider-mark-step {
    position: absolute;
}

.vue-slider {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.vue-slider-rail {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height, left, right, top, bottom;
    transition-property: width, height, left, right, top, bottom;
}

.vue-slider-process {
    position: absolute;
    z-index: 1;
}

.vue-slider-ttb .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vue-slider-ttb .vue-slider-mark-step {
    bottom: 0;
}

.vue-slider-ttb .vue-slider-mark-label {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.vue-slider-mark-label,
.vue-slider-mark-step {
    position: absolute;
}

.vue-slider {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.vue-slider-rail {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height, left, right, top, bottom;
    transition-property: width, height, left, right, top, bottom;
}

.vue-slider-process {
    position: absolute;
    z-index: 1;
}

.sum__range-info {
    display: flex;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 300;
    color: hsla(0, 0%, 100%, .5)
}

.sum__range-info>* {
    text-align: center;
    flex-grow: 1;
    flex-basis: 0
}

.sum__range-info>:first-child {
    text-align: left
}

.sum__range-info>:last-child {
    text-align: right
}

@media(max-width:780px) {
    .sum__range-info>:not(:first-child):not(:last-child) {
        display: none
    }
}

.bar {
    padding: 48px 0
}

@media(max-width:1024px) {
    .bar {
        max-width: 720px;
        padding: 64px 0
    }
}

.bar__list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 24px
}

@media(min-width:781px)and (max-width:1024px) {
    .bar__list {
        flex-wrap: wrap
    }
    .bar__list>* {
        width: calc(50% - 12px)
    }
}

@media(max-width:780px) {
    .bar__list {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 44px
    }
}

.bar__item {
    display: flex;
    align-items: center;
    gap: 16px
}

.bar__item>span {
    font-size: 48px;
    margin-bottom: -4px
}

@media(max-width:1024px) {
    .bar__item>span {
        min-width: 80px;
        text-align: center
    }
}

@media(max-width:780px) {
    .bar__item {
        flex-direction: column
    }
}

.bar__item>p {
    font-size: 16px;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, .5)
}

.bar__gov-icon {
    width: 64px;
    height: 64px;
    background: url(./gov.df3c3e2d.svg) no-repeat 50%;
    background-size: contain;
    margin-bottom: 0 !important
}

.big-header {
    background: url(./bg.d3cfe417.jpg) no-repeat 50%;
    background-size: cover;
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    max-height: 740px
}

@media(max-width:780px) {
    .big-header {
        padding-top: 24px
    }
}

.big-header:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(38, 50, 56, 0), #263238)
}

.big-header__wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    flex-grow: 1;
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    height: calc(100vh - 140px);
    padding: 0 24px 60px;
    box-sizing: border-box
}

.big-header__title {
    font-weight: 300;
    font-size: 80px;
    line-height: 1.1;
    margin-bottom: 24px
}

@media(max-width:780px) {
    .big-header__title {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        font-size: 32px
    }
}

.big-header-calc {
    display: flex;
    gap: 40px
}

@media(max-width:780px) {
    .big-header-calc {
        flex-direction: column;
        gap: 20px
    }
}

.big-header-calc__top {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.big-header-calc__title {
    font-weight: 300;
    font-size: 16px
}

.big-header-calc__val {
    font-weight: 700;
    font-size: 16px
}

.big-header-calc>* {
    flex-grow: 1;
    flex-basis: 0
}

.big-header-calc>* button {
    width: 100%
}

.landing-view__wrapper {
    border-top: 1px solid hsla(0, 0%, 76.9%, .45);
    box-sizing: border-box;
    padding: 0 24px
}

.landing-view__wrapper_sec {
    border-color: hsla(0, 0%, 76.9%, .1)
}

.landing-view__footer {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    padding: 80px 0
}

.landing-view__advantages {
    padding: 0
}

@media(max-width:780px) {
    .landing-view__advantages {
        display: none
    }
}

.landing-view__bar {
    max-width: 1200px;
    margin: 0 auto
}

@media(max-width:780px) {
    .landing-view__questions {
        border-top: 0
    }
}

.advantages {
    padding-top: 120px;
    padding-bottom: 244px;
    width: 100%;
    overflow: hidden
}

.advantages__wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.advantages__calc {
    position: absolute;
    right: 0;
    top: 10px;
    width: calc(100% - 680px);
    border-radius: 16px;
    padding: 56px;
    box-sizing: border-box;
    background: rgba(38, 50, 56, .45);
    border: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    z-index: 2;
    transition: .6s;
    pointer-events: none;
    opacity: 0
}

@media(max-width:1024px) {
    .advantages__calc {
        display: none
    }
}

.advantages__calc-show {
    pointer-events: auto;
    opacity: 1
}

.advantages .slick-list {
    overflow: visible !important;
    margin: 0 -80px
}

.advantages .slick-track {
    display: flex !important
}

.advantages .slick-track:after,
.advantages .slick-track:before {
    display: none !important
}

.advantages .slick-slide {
    height: inherit !important;
    margin: 0 80px
}

.advantages .slick-slide:not(.slick-active) {
    opacity: .5
}

.advantages .slick-slide.slick-active .advantage__title {
    color: #fff;
    text-shadow: none
}

.advantages .slick-arrow {
    position: absolute;
    left: 50%;
    bottom: -100px;
    background-color: transparent;
    font-size: 0;
    width: 54px;
    height: 40px;
    background-image: url(./arrow.29d3acf1.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40px auto;
    cursor: pointer;
    border: 0
}

.advantages .slick-arrow:not(.slick-disabled):hover {
    z-index: 1
}

.advantages .slick-arrow.slick-prev {
    transform: rotate(180deg) translateX(calc(50% + 85px))
}

.advantages .slick-arrow.slick-next {
    transform: translateX(calc(-50% + 85px))
}

.advantages .slick-arrow.slick-disabled {
    cursor: not-allowed;
    opacity: .1
}

.advantages .slick-track:before {
    content: "";
    display: block;
    width: 250px
}

.advantages .slick-track {
    border-right: 0;
    box-sizing: content-box
}

.advantages .slick-dots {
    list-style: none;
    display: flex !important;
    align-items: center;
    gap: 10px;
    bottom: -85px;
    left: 50%;
    position: absolute;
    line-height: 0;
    transform: translateX(-50%)
}

.advantages .slick-dots button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    border: 1px solid #fff;
    background: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer
}

.advantages .slick-dots .slick-active button {
    background: #fff
}

.advantages__calc__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500
}

.advantages__calc__title>:first-child {
    font-weight: 300
}

.advantages__calc__title:not(:first-child) {
    margin-top: 24px
}

.advantages__calc__action {
    margin-top: 40px;
    width: 100%;
    min-height: 56px
}

.advantage {
    padding: 0 24px
}

.advantage__title {
    font-weight: 800;
    font-size: 160px;
    margin-bottom: 26px;
    line-height: 1.25;
    color: #263238;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.advantage__desc {
    font-size: 24px;
    line-height: 1.67;
    max-width: 600px;
    font-weight: 300
}

.slick-track[data-v-e4caeaf8] {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: translateZ(0)
}

.slick-track.slick-center[data-v-e4caeaf8] {
    margin-left: auto;
    margin-right: auto
}

.slick-track[data-v-e4caeaf8]:after,
.slick-track[data-v-e4caeaf8]:before {
    display: table;
    content: ""
}

.slick-track[data-v-e4caeaf8]:after {
    clear: both
}

.slick-loading .slick-track[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-slide[data-v-e4caeaf8] {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

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

.slick-slide img[data-v-e4caeaf8] {
    display: block
}

.slick-slide.slick-loading img[data-v-e4caeaf8] {
    display: none
}

.slick-slide.dragging img[data-v-e4caeaf8] {
    pointer-events: none
}

.slick-initialized .slick-slide[data-v-e4caeaf8] {
    display: block
}

.slick-loading .slick-slide[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-vertical .slick-slide[data-v-e4caeaf8] {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden[data-v-21137603] {
    display: none
}

.slick-slider[data-v-3d1a4f76] {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list[data-v-3d1a4f76] {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transform: translateZ(0)
}

.slick-list[data-v-3d1a4f76]:focus {
    outline: none
}

.slick-list.dragging[data-v-3d1a4f76] {
    cursor: pointer;
    cursor: hand
}

.about {
    max-width: 760px;
    margin: 0 auto;
    padding: 120px 0;
    text-align: center;
    line-height: 1.5;
    font-size: 32px;
    font-weight: 300
}

@media(max-width:780px) {
    .about {
        font-size: 16px;
        padding: 64px 0
    }
}

.about p+p {
    margin-top: 44px
}

@media(max-width:780px) {
    .about p+p {
        margin-top: 20px
    }
}

.about strong {
    font-weight: 300;
    color: #f80
}

.about__icons {
    list-style: none;
    margin-top: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px
}

.about__icons img {
    height: 32px
}

@media(max-width:780px) {
    .about__icons {
        display: none
    }
}

.questions {
    padding: 120px 0
}

@media(max-width:780px) {
    .questions {
        padding: 8px 0 80px
    }
}

.questions__wrapper {
    max-width: 900px;
    margin: 0 auto
}

.questions__title {
    text-align: center;
    font-size: 56px;
    font-weight: 300;
    margin-bottom: 32px
}

@media(max-width:780px) {
    .questions__title {
        font-size: 32px
    }
}

.questions__item:first-child {
    border-top: 0
}

@media(max-width:780px) {
    .questions__list {
        margin: 0 -24px
    }
}

.question {
    border-top: 1px solid hsla(0, 0%, 100%, .65);
    padding: 8px 24px
}

.question__title {
    padding: 16px 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 20px;
    font-weight: 300
}

@media(max-width:780px) {
    .question__title {
        font-size: 18px
    }
}

.question__title>span {
    display: block;
    position: relative;
    width: 10px;
    height: 10px;
    color: #fff
}

.question__title>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: translateY(-50%) rotate(-135deg)
}

.question__content {
    font-size: 16px;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, .65);
    font-weight: 300
}

.question__content h2 {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 300
}

.question__content ul {
    list-style: none
}

.question__content ul li {
    padding-left: 40px;
    position: relative
}

.question__content ul li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 2px solid hsla(0, 0%, 100%, .65)
}

.question__content ul li:not(:last-child) {
    margin-bottom: 10px
}

.question__content-wrapper {
    padding: 0 0 32px
}

.question.question_open .question__title {
    font-weight: 400;
    color: #f80
}

.question.question_open .question__title>span:after {
    transform: translateY(-50%) rotate(45deg)
}

.days__range-info {
    display: flex;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 300;
    color: hsla(0, 0%, 100%, .5)
}

.days__range-info>* {
    text-align: center;
    flex-grow: 1;
    flex-basis: 0
}

@media(max-width:780px) {
    .days__range-info>:not(:first-child):not(:last-child) {
        display: none
    }
}

.days__range-info>:first-child {
    text-align: left
}

.days__range-info>:last-child {
    text-align: right
}

@font-face {
    font-family: L6d94e;
    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}

.icon-user:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e000';
}

.icon-back-arrow:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e001';
}

.icon-repeat:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e002';
}

.icon-close:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e003';
}

.icon-done:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e004';
}

.icon-attention:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e005';
}

.icon-success:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e006';
}

.icon-fail:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e007';
}

.icon-phone:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e008';
}

.icon-zero:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e009';
}

.icon-suggestion:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e00a';
}

.icon-profile:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e00b';
}

.icon-edit:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e00c';
}

.icon-documents:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e00d';
}

.icon-comment:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e00e';
}

.icon-exit:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: L6d94e;
    font-weight: normal;
    content: '\e00f';
}