body, html {
    width: 100%;
    min-height: 100%;
    /* overflow-x: hidden; костыль */
    position: relative;
    background: #000;
    padding: 0;
    margin: 0;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
    color: #3F4043;
}

body {
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

a {
    font-size: inherit;
    font-family: inherit;
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

*:focus {
    outline: 0;
}

.wrapper {
    width: 100%;
    padding: 0 180px;
    margin: 0 auto;

}
.wrapper.short {
    max-width: 790px;
}

.head {
    height: 140px;
    width: 100%;
    position: relative;
    background: transparent;
    z-index: 2;
}

.head .spaceb {
    height: 140px;
}

.head .wrapper {
    padding-right: 60px;
}

.head-menu a {
    margin-left: 140px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.125em;
    color: #fff;
    position: relative;
}

.head-menu a:hover {
    text-decoration: none;
}

.head-menu a:before {
    content: " ";
    display: block;
    position: absolute;
    top: calc(100% + 20px);
    height: 2px;
    width: 100%;
    background: #fff;
    opacity: 0;
    left: 0;
}
.head-menu a:hover:before {
    opacity: 1;
}

.head-menu a.signin {
    margin-left: 100px;

    border: 1px solid #FFFFFF;
    border-radius: 37px;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    padding: 0 46px 0 33px;
    background: url(../images/signin.svg) calc(100% - 15px) center no-repeat;
}

.head-menu a.signin:hover:before {
    display: none;
}

.hero-block {
    padding-top: 100px;
    padding-bottom: 140px;
    background: #000;
}

.hero-block .info {
    width: 666px;
    font-size: 28px;
    color: #C9CAD0;
    line-height: 1.7;
}

.hero-block .info .title {
    font-size: 72px;
    line-height: 1.5;
    margin: 0 0 30px;
    color: #fff;
}

.hero-block .info .subtitle {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-top: 40px;
    display: none;
}

.hero-block .info .subtitle img {
    margin-left: 35px;
}

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

.radio-block {
    background: rgba(230, 106, 37, 0.2) url(../images/checkbox-plus.svg) 15px center no-repeat;
    border: 1px solid rgba(230, 106, 37, 0.2);
    border-radius: 10px;
    height: 43px;
    min-width: 235px;
    padding: 0 50px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    line-height: 43px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.radio-block.err {
    border: 1px solid #F66957;
}
.radio-block.long {
    max-width: 710px;
    width: 100%;
}

.radio-block:hover {
    background: rgba(230, 106, 37, 0.5) url(../images/checkbox-plus.svg) 15px center no-repeat;
}

.radio-block.act {
    background: #E66A25 url(../images/checkbox-plus-act.svg) 15px center no-repeat;
}



.check-block {
    background: rgba(230, 106, 37, 0.2) url(../images/checkbox-circle.svg) 15px center no-repeat;
    border: 1px solid rgba(230, 106, 37, 0.2);
    border-radius: 10px;
    height: 43px;
    min-width: 235px;
    padding: 0 50px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    line-height: 41px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.check-block.err {

    border: 1px solid #F66957;

}
.check-block.long {
    max-width: 710px;
    width: 100%;
}

.check-block:hover {
    background: rgba(230, 106, 37, 0.5) url(../images/checkbox-circle.svg) 15px center no-repeat;
}

.check-block.act {
    background: #E66A25 url(../images/checkbox-plus-act.svg) 15px center no-repeat;
}

.form-block.short {
    width: calc(100% - 470px);
}

.form-block .spaceb {
    gap: 60px;
}

.form-block .col {

    width: 50%;
    flex-grow: 1;
}

#stirka13.form-block .col {
    width: calc((100% - 60px) / 2);
    flex-grow: 0;
}



.form-block .col.dis {
    opacity: 0.5;
}

.form-block .hint {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.45);
    margin-top: 15px;
    font-weight: 400;
}

.form-block .hint a {
    color: inherit;
    text-decoration: underline;
}

.form-buttons-block {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.form-buttons-block .btn {
    background: rgba(87, 74, 242, 0.4);
    border-radius: 51px;
    height: 60px;
    line-height: 60px;
    margin-right: 30px;
    margin-left: 0;
    width: 245px;

}

.form-buttons-block .btn:hover {
    text-decoration: none;
}

.form-buttons-block .btn.next-step.act {
    background: #574AF2;
}

.form-buttons-block .err-text {
    font-weight: 400;
    margin-top: 0;
    color: #F66957;
    display: none;
}

.slider-row {
    display: flex;
    align-items: center;
}

.slider-row .spaceb {
    gap: 43px;
    margin-left: 18px;
}

.slider-row .spaceb div {
    flex-grow: 0;
}

.slider.ui-widget.ui-widget-content {
    height: 1px;
    background: #000;
    border: 0;
}

.slider.ui-slider-horizontal .ui-slider-handle {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 7px solid #E66A25;
    margin-left: -20px;
    top: -19px;
}

#slider11 {
    width: 246px;
    margin: 0 18px;
}

.big.slider.ui-slider-horizontal .ui-slider-handle {
    background: #E66A25;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    border: 0;
    margin-left: -37px;
    top: -37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    color: #000;
}

.ver2.slider.ui-slider-horizontal .ui-slider-handle {
    background: #fff;
    border: 6px solid #E66A25;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    margin-left: -19px;
    top: -19px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    color: #000;
}

.slider-col .slider {
    margin: 38px 0;
}

#slider41 {
    width: 220px;
margin: 0 20px;
}

.pl4bl1 .slider-row .spaceb {
    margin-left: 0;
}

.pl4bl1 .slider-row {
    margin: 35px 0 77px;
}

.slider-col {
    margin-bottom: 45px;
}

.checkbox {
    cursor: pointer;
    line-height: 45px;
    position: relative;
    margin: 0 0 35px;
    padding-left: 60px;
}

.checkbox:before {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: rgba(230, 106, 37, 0.2);
    border-radius: 10px;
}

.checkbox.act:before {
    background: #E66A25 url(../images/check-big.svg) center center no-repeat;


}

.hint.big {
    margin-top: 40px;
}

.hint strong {
    color: #000;
    font-weight: 700;
}

.main-block {
    min-height: 1100px;
    padding-top: 45px;
    background: #fff;
    position: relative;
}

.stepactive .main-block:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(87, 74, 242, 0.88);
    backdrop-filter: blur(3.5px);
    display: block;
    content: " ";
    z-index: 2;
}

.stepactive .waves-block:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(87, 74, 242, 0.88);
    backdrop-filter: blur(3.5px);
    display: block;
    content: " ";
    z-index: 2;
}

.main-block h2 {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.4;
    color: #000;
    margin: 0 0 25px;
    padding: 0;
}

.main-block .main-img {
    text-align: center;
}

.eda-page .main-block .main-img {
    overflow: hidden;
    height: 1130px;
}


.main-img > svg .stepobj {
    position: relative;
    z-index: 3;
}

.main-img > svg .stepobj.notdone {
    display: none;
}

.main-block .main-img .plus {
    width: 58px;
    height: 58px;
    background: url(../images/img-check.svg) center center no-repeat;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}

.main-block .main-img .plus.act {
    background: url(../images/img-check-act.svg) center center no-repeat;
}

.main-block .main-img .plus#plus1 {

    top: 820px;
    left: calc(50% - 400px);
}
.main-block .main-img .plus#plus2 {

    top: 260px;
    left: calc(50% - 240px);
}

.main-block .main-img .plus#plus3 {
    top: 640px;
    left: calc(50% - 150px);
}

.main-block .main-img .plus#plus4 {
    top: 308px;
    left: calc(50% + 300px);
}


.steps {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 500px);
    z-index: 5;
    padding-top: 80px;
    padding-left: 40px;
}

.paper-page .steps {
    padding-left: 50px;
    top: 85px;
}

.steps .step {
    display: none;
    background: #F8F6C9;
    border-radius: 153px 0px;
    padding: 60px 0 60px 140px;
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    color: #000;
}

.steps .step.act {
    display: block;
}

.dish-page .steps .step.act {
    margin-top: 0;
}

.dish-page .steps .step.act[data-id="dish-plus2"], .dish-page .steps .step.act[data-id="dish-plus3"] {
    margin-top: 0px;
}

.steps .step .close {
    position: absolute;
    top: 53px;
    right: 50px;
    width: 33px;
    height: 33px;
    cursor: pointer;
    background: url(../images/close.svg) center center no-repeat;
}

.steps .step .title {
    font-weight: 900;
    font-size: 80px;
    color: #000;

}

.steps .step .input-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.steps .step .input-row input {
    background: rgba(230, 106, 37, 0.2);
    border: 1px solid rgba(230, 106, 37, 0.2);
    width: 73px;
    height: 73px;
    line-height: 75px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin: 0 32px;
    border-radius: 100%;
    border: 0;
    padding: 0;
}

.steps .step .input-row input:focus, .steps .step .input-row input:active {
    background: rgba(230, 106, 37, 0.2);
    border: 1px solid rgba(230, 106, 37, 0.2);
    font-size: 18px;
    color: #000;
}

.steps .step .input-row input.err {
    border: 1px solid #F66957;
}

.steps .step .title-row {
    justify-content: flex-start;
    margin-bottom: 50px;
}

.steps .step .title-row .title {
    margin-right: 200px;
    line-height: 1.2;
}

.steps .step .title-row .input-row {
    margin-top: 20px;
}

.form-subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 25px;

}

.spaceb.plus2bl1 {
    align-items: flex-start;
    margin: 26px 0 30px;
}

.spaceb.plus2bl1 .form-block {
    max-width: 590px;
    flex-grow: 0;
}

.form-row.plus2bl2 {
    gap: 16px;
    align-items: flex-start;
}

.form-row.dis {
    opacity: 0.5;
}

.plus2bl2 .col {
    width: 50%;
}

.pl3bl1 {
    margin: 27px 0 80px;

}

.pl3bl1 .form-row {
    gap: 30px;
}

.pl3bl2 .form-row {
    align-items: flex-start;
    gap: 30px;
}

.pl3bl2 .form-row .col {
    width: 440px;
    flex-grow: 0;
}

.pl3bl2 .form-row .col .q_class {
    margin-top: 15px;
    margin-left: 0;
}

.pl3bl3 {
    margin: 70px 0;
}

.pl3bl3 .form-row {
    gap: 30px;

}

.pl3bl3 .form-row .col {
    width: calc((100% - 180px) / 4);
    flex-grow: 0;
}

.pl4bl1 {
    margin: 60px 0;
}

.pl4bl1 .form-row {
    gap: 35px;
}

.pl4bl1 .form-row .radio-block {
    width: 377px;
    flex-grow: 0;
}

.steps .step[data-id="plus2"] {
    padding-right: 50px;
}

.steps .step[data-id="plus2"] .col-imgs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
}

.form-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 35px;
}

.input-row#stirka_q2 {
    margin-right: 100px;
}

.q_class {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 32px;
}

.q_class div {
    width: 49px;
    height: 45px;
    flex-grow: 0;
    flex-shrink: 0;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.q_class div span {
    position: relative;
    z-index: 1;
}

.q_class div:before {
    width: 49px;
    height: 45px;
    position: absolute;
    left: 0;
    top: calc(50% - 23px);
    display: block;
    content: " ";

}

.q_class div.act:before {
    border-radius: 10px;
    height: 58px;
    top: calc(50% - 29px);
}

.q_class div:nth-child(1):before {
    background: #019944;
    border-radius: 10px 0 0 10px;
}
.q_class div.act:nth-child(1):before {
    border-radius: 10px;
}
.q_class div:nth-child(2):before {
    background: #47B133;
}
.q_class div:nth-child(3):before {
    background: #C3D801;
}
.q_class div:nth-child(4):before {
    background: #FFF100;
}
.q_class div:nth-child(5):before {
    background: #F9BE00;
}
.q_class div:nth-child(6):before {
    background: #EC6C00;
}
.q_class div:nth-child(7):before {
    background: #E50014;
}
.q_class div:nth-child(8):before {
    background: #D81523;
}
.q_class div:nth-child(9):before {
    border-radius: 0 10px 10px 0;
    background: #C11726;
}
.q_class div.act:nth-child(9):before {
    border-radius: 10px;
}

.bill {
    background: #FFFFFF;
    box-shadow: -5px 25px 89px rgba(103, 101, 224, 0.11);
    width: 376px;
    padding: 45px 28px 0;
    color: #000000;
    z-index: 4;
    position: absolute;
    right: 70px;
    top: 120px;
}

.alldone .bill {
    top: 1100px;
}

.bill:before {
    position: absolute;
    top: -48px;
    left: 0;
    content: " ";
    display: block;
    width: 100%;
    height: 48px;
    background: url('../images/bill-bg.png') center top no-repeat;
}

.bill:after {
    position: absolute;
    top: 100%;
    left: 0;
    content: " ";
    display: block;
    width: 100%;
    height: 48px;
    background: url('../images/bill-bg.png') center top no-repeat;
    transform: rotate(180deg);
}

.bill .title {
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 70px;
}

.bill-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 24px;
    position: relative;
}
.bill-row:before {
    height: 4px;
    width: 100%;
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: 4px;
    border-bottom: 2px dotted #000;
}

.bill-row.big:before {
    display: none;
}

.bill-row.big {
    margin-bottom: 30px;
    font-weight: 700;
}

.bill-row-short {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    margin: 0 0 18px;
    padding-left: 20px;
    position: relative;
}

.bill-row-short:before {
    height: 4px;

    content: " ";
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 4px;
    border-bottom: 2px dotted #000;
}


.bill-row .val {
    white-space: nowrap;
}

.bill-row-short .val {
    white-space: nowrap;
}

.bill-row-short .lbl div {
    background: #fff;
    position: relative;
    display: inline;
}

.bill-row-short .val div {
    background: #fff;
    position: relative;
    display: inline-block;
}

.bill-row.big {
    font-size: 24px;
    line-height: 28px;
}

.bill-row .lbl {
    flex-grow: 1;
    text-align: left;
}

.bill-row .lbl div {
    background: #fff;
    position: relative;
    display: inline-block;
}

.bill-row .val div {
    background: #fff;
    position: relative;
    display: inline-block;
}

.bill-row .val {
    width: 120px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: right;
}

.bill-row .val span {
    opacity: 0.5;
}
.ready .bill-row .val span {
    opacity: 1;
}

.bill-row-short .val span {
    opacity: 0.5;
}

.ready .bill-row-short .val span {
    opacity: 1;
}

.qr-wrap {
    display: none;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: 80px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    gap: 33px;
    margin-bottom: 150px;
}

.qr-wrap img {
    width: 130px;
    position: relative;
    top: 10px;
}

.alldone .qr-wrap {
    display: flex;
}

.btn {
    background: #E66A25;
    border-radius: 43px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
}

.btn.dis {
    opacity: 0.4;
}

.right-block {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.49);
    border-radius: 66px 0px 153px;
    padding: 70px 15px 110px 30px;
    width: 450px;
}

.right-block .slider-row {
    margin: 40px 0 35px;
    width: 100%;
    gap: 18px;
}

.right-block .slider-row .slider {
    flex-grow: 1;
    margin: 0 10px;
}

.right-block .form-block {
    margin-bottom: 60px;
}

.bill .btn {
    width: 180px;
    display: block;
    margin-top: 60px;
    display: none;
}

.bill .btn.top {
    width: 100%;
    margin: 0px 0 50px;
    height: 60px;
    line-height: 60px;

}

.alldone .bill .btn.top {
    display: block;
}

.bill .btn.top:hover {
    text-decoration: none;
}

.start-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 25px;
}

.start-wrap .btn {
    background: #B9B3F3;
    border-radius: 51px;
    height: 60px;
    line-height: 60px;
    width: 245px;
}
.start-wrap .btn.act {
    background: #574AF2;
}
.start-wrap .btn:hover {
    text-decoration: none;
}
.err-text {
    font-size: 18px;
    color: #F66957;
    margin-top: 20px;
    display: none;
}

.waves-block {
    padding: 130px 0 195px;
    background: #fff url(../images/waves.svg) center top no-repeat;
    background-size: 100% auto;
    text-align: center;
    position: relative;
}

.eda-page .waves-block {
    margin-top: -56px;
}

.waves-block:before {
    position: absolute;
    bottom: 0;
    height: 190px;
    left: 0;
    width: 100%;
    content: " ";
    display: block;
    background: #574AF2;
}

.waves-block p {
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 30px;
    color: #fff;
}

.waves-block .count {
    font-size: 72px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
}

.waves-block .count span {
    font-weight: 800;
    font-size: 176px;
}

.waves-block .hint {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
}

.waves-bottom {
    border-radius: 100px 100px 0px 0px;
    background: #fff;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    color: #000;
    width: 536px;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.footer {
    padding: 45px 0 20px;
    background: #000;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    position: relative;
}

.footer .line1 {
    margin-bottom: 75px;
}

.footer .links a {
    display: inline-block;
    margin-left: 18px;
}

.footer .line2 a {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    text-decoration: underline;
}

.blocks1 {
    padding: 40px 0 150px;
    background: #fff;
    display: none;
}


.blocks1 h1 {
    font-size: 72px;
    font-weight: 400;
    margin: 0 0 50px;
    text-align: left;
    padding: 0;
}

.bl1list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
    margin-bottom: 100px;
}

.bl1list .bl1-item {
    width: 370px;
    flex-grow: 0;
    height: 270px;
    box-shadow: -5px 25px 89px rgba(103, 101, 224, 0.11);
    background: #fff;
    padding: 55px 40px 0;
    color: #000;
    font-size: 18px;
    text-align: center;
}

.bl1list .bl1-item .val {
    font-weight: 700;
    font-size: 24px;
    color: #574AF2;
    margin-bottom: 30px;
    margin-top: 20px;

}

.bl1list .bl1-item .val.yellow {

    color: #E66A25;
}

.bl1list .bl1-item .hint {
    font-size: 16px;
    line-height: 1.5;
    color: #58555C;
}

.lines {
    margin: 0 0 150px;
    max-width: 1160px;
}

.lines .line-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24px;
}

.lines .line-row .lbl {
    width: 130px;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 700;
    color: #574AF2;
}

.lines .line-row .val {
    flex-grow: 1;
}

.lines .line-row .val .line {
    background: rgba(194, 200, 255, 0.3);
    height: 35px;
}

.legend {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.legend .legend-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.legend .legend-cell div {
    font-size: 18px;
    color: rgba(88, 90, 95, 0.6);
    line-height: 1.2;
}

.legend .legend-cell .circle {
    background: #574AF2;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    margin-right: 12px;
    flex-shrink: 0;
    flex-grow: 0;
}

.lines .line-row .legend .legend-cell {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;

}

.achievement {
    margin: 0 0 150px;
    padding-left: 130px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

}

.achievement .img {
    flex-grow: 0;
    margin-right: 100px;
}

.achievement .info {
    font-size: 28px;
    line-height: 1.5;
    color: #000;
    max-width: 505px;

}

.achievement .info .name {
    font-size: 32px;
    margin-bottom: 45px;
}

.achievement .info .status {
    color: #574AF2;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 45px;
}



.block1 .perfomance h1 {
    text-align: center;
    margin: 0 0 40px;
}

.perfomance-list {


    -moz-column-count:4;
    -moz-column-gap: 18px;
    -moz-column-width: 30%;
    -webkit-column-count:4;
    -webkit-column-gap: 18px;
    -webkit-column-width: 30%;
    column-count: 4;
    column-fill: balance;
    column-gap: 18px;
    column-width: calc((100% - 3 * 18) / 4);
}

.perfomance-list .item {
    width: auto;
    margin-bottom: 70px;
    background: #FFFFFF;
    box-shadow: 0px 4px 112px rgba(87, 74, 242, 0.14);
    border-radius: 144px;
    padding: 70px 40px 70px 60px;
    font-size: 20px;
    line-height: 1.8;
    position: relative;
    break-inside: avoid;
}

.perfomance-list .item:before {
    content: " ";
    display: block;
    position: relative;
    left: calc(50% - 25px);
    top: 0px;
    width: 50px;
    height: 63px;
    background: url(../images/drop.svg) center center no-repeat;
    margin-bottom: 30px;
    margin-top: -100px
}

.perfomance-list .item.act:before {
    background: url(../images/sun-slider.svg) center center no-repeat;
    width: 88px;
    height: 88px;
    left: calc(50% - 44px);
    top: -44px;
}

.perfomance-list .item.act {
    background: #000;
    color: #fff;
    padding-top: 85px;
}

.perfomance-list .item img {
    display: block;
    width: 240px;
    margin: 30px auto 0;
}



.perfomance-list .item.act a {
    color: rgba(225, 216, 2, 1);
    text-decoration: underline;
}

.btn-wrap {
    margin-top: 90px;
    text-align: center;
}

.btn-wrap .btn {
    height: 60px;
    line-height: 60px;
}

.perfomance .btn {
    padding-left: 70px;
    position: relative;
}

.perfomance .btn:before {
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/arr-white-up.svg) center center no-repeat;
    left: 33px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    transition: all 0.3s;
}

.perfomance .btn.act:before {
    transform: rotate(0deg);
}

.perfomance .btn span {
    text-decoration: line-through;
}

.details-block {
    padding: 115px 0 90px;
    background: #000;
    display: none;
}

.micro {
    margin-top: 120px;
}

.micro .title {
    font-size: 32px;
    margin-bottom: 60px;
    text-align: left;
    font-weight: 700;
}

.micro .spaceb {
    align-items: flex-start;
}



.micro .spaceb p {
    margin-bottom: 20px;
}

.micro .spaceb div {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 100px;
    padding-top: 20px;
    border-right: 2px solid #574AF2;
}

.micro .spaceb div.title {
    padding: 0;
    width: auto;
    border: 0;

}

.micro .spaceb div:last-child {
    flex-shrink: 1;
    padding-right: 0;
    padding-left: 100px;
    border-left: 2px solid #574AF2;
    border-right: 0;
    position: relative;
    left: -2px;
}

.micro .spaceb div a {
    text-decoration: underline;
    color: inherit;
}

.details-block {
    padding: 115px 0 125px;
    background: #000;
    border-bottom: 2px solid #fff;
}

.details-block .title {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
}

.details-block .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.details-block .buttons .btn {
    margin-left: 20px;
    padding: 0 38px;
    height: 60px;
    line-height: 60px;
    background: #E66A25;
    border-radius: 51px;
    position: relative;
}

.details-block .buttons .btn:before {
    content: " ";
    display: block;
    width: 12px;
    height: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: 21px;
    background: url(../images/arr-left1.svg) center center no-repeat;
}
.details-block .buttons .btn:last-child:before {

    right: 21px;
    left: auto;
    transform: rotate(180deg);

}
.details-block .levels-line {
    margin-top: 55px;
    background: #C2C8FF;
    border-radius: 75px;
    height: 100px;
    padding: 7px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: 20px;
    color: #000;
}

.details-block .levels-line .levels-line-wrap {

    align-items: center;
    justify-content: space-between;
    display: flex;
    gap: 8px;
}

.details-block .subline {
    position: absolute;
    left: 7px;
    top: 7px;
    height: 86px;
    border-radius: 75px;
    width: 0;
    background: #574AF2;
}

.details-block .levels-line .level {
    position: relative;
    z-index: 2;
    font-size: 18px;
    border-radius: 75px;
    height: 86px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;

    width: 212px;
}

.details-block .levels-line .level.done {
    color: #000;
    background: rgba(255, 255, 255, 0.15) url(../images/check-step.svg) 28px center no-repeat;
    padding-left: 55px;
    padding-right: 25px;
}

.details-block .levels-line .level.current {
    background: #fff;
}

.details-block .levels-line .level.current:before {
    content: "Вы тут";
    display: block;
    position: absolute;
    left: 45px;
    top: calc(100% + 30px);
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    padding-left: 35px;
    background: url(../images/arr-up-yellow.svg) left top no-repeat;
    height: 36px;
    padding-top: 5px;
}



.graphs {
    margin-top: 80px;
    align-items: flex-start;

}

.graphs .graph1 .line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.graphs .graph1 .line .circle-graph {
    width: 181px;
    height: 222px;

    padding: 0;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background: url(../images/circle-rate.png) center center no-repeat;
}

.graphs .graph1 .line .circle-graph div {
    position: absolute;
    top: 40px;
    left: 0;
    width: 180px;
    height: 180px;
    border-radius: 100%;
}

.graphs .graph1 .line .circle-graph div:nth-child(2) {
    position: absolute;
    top: 67px;
    left: 25px;

    width: 129px;
    height: 129px;
    border-radius: 100%;
}

.graphs .graph1 .line .circle-graph div:before {
    position: absolute;
    left: -5px;
    top: calc(50% - 9px);
    content: " ";
    background: #E1D802;
    border: 3px solid #FFFFFF;
    width: 19px;
    height: 19px;
    display: block;
    border-radius: 100%;
}

.graphs .graph1 .line .circle-graph div:nth-child(2):before {
    background: #53C470;
}

.graphs .graph1 .line .info {
    width: 275px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    margin-left: 30px;
}

.graphs .graph1 .legend {
    margin-top: 50px;
    padding-left: 30px;
    display: block;
}

.graphs .graph1 .legend .legend-cell {
    margin-bottom: 20px;
    color: rgba(255,255,255,0.6);
}

.graphs .graph1 .legend .legend-cell div {
    color: rgba(255,255,255,0.6);
}

.graphs .graph2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.graphs .graph2 .circle {
    border: 17px solid #574AF2;
    width: 175px;
    height: 175px;
    border-radius: 100%;
    font-weight: 600;
    font-size: 60px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.graphs .graph2 .info {

    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    margin-left: 30px;
}

.graphs .graph3 {
    text-align: center;
    width: 275px;
    position: relative;
}

.graphs .graph3 .slider-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 32px;
}

.graphs .graph3  .rate-block {
    display: flex;
    gap: 18px;
    align-items: center;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
}


.graphs .graph3  .rate-block img {
    cursor: pointer;
}

.graphs .graph3 .slider-wrap .slider {
    width: 260px;
}

.graphs .graph3 .line1 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    max-width: 290px;
    margin: 0 auto 10px;
    display: none;
}
.graphs .graph3 .line2 {

    font-size: 18px;
    color: #fff;
    max-width: 290px;
    margin: 0 auto;
    display: none;
}

.graphs .graph3.disliked .line1.disliked {
    display: block;
}
.graphs .graph3.disliked .line2.disliked {
    display: block;
}
.graphs .graph3.liked .line1.liked {
    display: block;
}
.graphs .graph3.liked .line2.liked {
    display: block;
}


.graphs .graph3 .line2 a {
    color: #53C470;
    text-decoration: underline;
}

.itdisabled {
    opacity: 0.3;
}

.bathroom-page .hero-block .img {
    position: relative;
    margin-top: -171px;
    left: -122px;
}

.bathroom-page .hero-block .img img {
    width: 750px;
}

.bathroom-page .main-img svg {
    position: relative;
    left: -100px;
}

.bathroom-page .hero-block {
    padding: 0 0 50px;
}

.main-block > p {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.main-block .main-img .plus#plus-bath1 {
    position: absolute;
    left: calc(50% + 414px);
    top: 870px;
}
.main-block .main-img .plus#plus-bath2 {
    position: absolute;
    left: calc(50% + 162px);
    top: 698px;
}
.main-block .main-img .plus#plus-bath3 {
    position: absolute;
    left: calc(50% - 241px);
    top: 344px;
}
.main-block .main-img .plus#plus-bath4 {
    position: absolute;
    left: calc(50% - 130px);
    top: 860px;
}

#bath_q1 {
    margin-right: 66px;
}

#bath11.form-block .hint {
    margin-left: 318px;
margin-top: -15px;
margin-bottom: 50px;
}

#bath1-2 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 70px;
}

#bath1-3 {
    justify-content: flex-start;
}

#bath1-3 .col:first-child {
    width: 400px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 228px;
    margin-right: 32px;
}

#bath1-3 .col:last-child {
    width: 600px;
    flex-grow: 0;
}

#bath1-2 .col {
    width: 400px;
    flex-grow: 0;
    flex-shrink: 0;
}

.warn-hint {
    color: transparent;
    font-weight: 400;
    font-size: 18px;
    position: relative;
    padding-left: 60px;
    transition: all 0.3s;
}
.warn-hint img {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/warn.svg) center center no-repeat;
    left: 0;
    top: calc(50% - 15px);
}

.warn-hint.act {
    color:  #E66A25;
}

#bath1-2 .col:first-child .radio-block {
    width: 245px;
}

#bath1-2 .col:first-child .hint {
    width: 370px;
}

#bath-kran3 {
    margin-top: 40px;
}

#bath-kran4.form-block.short {
    width: calc(100% - 357px);
}

#bath-kran4 .spaceb {
    align-items: flex-start;
}

#bath-kran4 .col:last-child {
    max-width: 360px;
}

#bath-kran4 .hint {
    margin-bottom: 40px;
}

#bath-kran4 .warn-hint {
    padding-left: 0;
    margin-bottom: 40px;
    margin-top: 15px;
}
#bath-kran4 .warn-hint img {
    left: 385px;
    top: -52px;
}

#bath-vanna1 {
    margin-top: 40px;
}

#bath-vanna1 .slider-row {
    margin-left: 65px;
}

#bath-vanna2 .slider-row {
    margin-left: 65px;
    position: relative;
}

#bath-vanna2 .slider-row .hint {
    position: absolute;
    left: 0;
    top: calc(100% + 42px);
}

#bath-vanna2 .warn-hint {
    margin: 30px 0 40px;
    max-width: 330px;
}

#bath-vanna2 .warn-hint img {
    top: 0;
}

#bath-vanna3 .hint {
    margin-left: 30px;
    margin-top: 0;
    white-space: nowrap;
}

#bath-dush1 {
    margin: 20px 0 50px;
    font-size: 24px;
}

#bath-dush2 .spaceb {
    align-items: flex-start;
    margin-bottom: 20px;
}

#bath-dush2 .spaceb .col:first-child {
    width: 430px;
    flex-shrink: 0;
    flex-grow: 0;
}

#bath-dush2 .spaceb .check-block {
    width: auto;
}

#bath-dush2 .spaceb .col:last-child {
    width: 480px;
    flex-shrink: 0;
}

#bath-dush2 .spaceb:first-child .col:last-child {
    width: 375px;
}

#bath-dush2 .spaceb:nth-child(2) .col:first-child .check-block {
    width: 430px;
}

#bath-dush2 .spaceb:nth-child(2) .col:first-child .warn-hint {
    width: 380px;
    padding-left: 50px;
    margin-top: 15px;
    margin-left: 0;
}

#bath-dush2 .spaceb:nth-child(2) .col:first-child .warn-hint img {
    top: 14px;
    left: 0;
}

#bath_q41 {
    font-size: 24px;
}

#slider-bath11 {
    width: 250px;
}

#slider-bath41 {
    width: 250px;
}
.footer .links a.dz {
    height: 53px;
    background: url(../images/Dzen.svg) center center no-repeat;
    width: 53px;
}


.main-block .main-img .plus#dish-plus0 {
    position: absolute;
    left: calc(50% - 630px);
    top: 292px;

    background: url(../images/sun-slider-travel.svg) center center no-repeat;
    width: 94px;
    height: 94px;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
}

.main-block .main-img .plus#dish-plus0.act {
    background: url(../images/img-check-act.svg) center center no-repeat;
    color: transparent;
}

#dish-plus0 span {
    position: absolute;
    font-weight: 400;
    font-size: 18px;
    color: #585A5F;
    top: -50px;
    white-space: nowrap;

}
.main-block .main-img .plus#dish-plus1 {
    position: absolute;
    left: calc(50% + 20px);
    top: 407px;
}
.main-block .main-img .plus#dish-plus2 {
    position: absolute;

    left: calc(50% + 18px);
    top: 255px;
}
.main-block .main-img .plus#dish-plus3 {
    position: absolute;
    left: calc(50% - 147px);
    top: 560px;
}
.main-block .main-img .plus#dish-plus4 {
    position: absolute;
    left: calc(50% - 230px);
    top: 644px;
}

.dish1bl1.form-block .col {
    width: 380px;
    margin-right: 32px;
    flex-grow: 0;
}

.dp01 {
    font-size: 24px;
    margin-bottom: 55px;
}

.dish1bl1 .form-row {
    align-items: flex-start;
}

.steps .step .title-row.dish1bl1 {
    margin-bottom: 80px;
}

.dish1bl2.form-block .col {
    width: 380px;
    margin-right: 32px;
    flex-grow: 0;
}

.dish1bl2 .form-row {
    align-items: flex-start;
}

.dish1bl2.form-block .col:last-child {
    margin-right: 0;
    width: 410px;
}

.dish1bl2.form-block .col:last-child .check-block {
    width: 246px;
}

.dish2bl1 .radio-block {
    margin-right: 32px;
}

.dish-page .form-row.plus2bl2 {
    padding-right: 40px;
}

.dish4bl2 .form-row {
    align-items: flex-start;
}

.dish4bl2 .form-row .col {
    flex-grow: 0;
}

.dish4bl2 .radio-block {
    display: inline-block;
}

.dish4bl2 .form-row:last-child {
    max-width: 470px;
}

.dish4bl2 .col {
    max-width: 375px;
    margin-right: 46px;
}

.dish4bl2 .col:last-child {
    max-width: 325px;
}

.dish3bl2 .form-row {
    align-items: flex-start;
}

.dish3bl2 .form-row2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px;
}

.dish3bl2 .form-row .col {
    flex-grow: 0;
}

.dish3bl2 .form-row .col:first-child {
    max-width: 220px;
    flex-grow: 0;
}

.dish3bl2 .form-row .col:last-child {

    flex-grow: 1;
    padding-right: 40px;
}

.dish3bl2 .form-row .form-row2 .col:first-child {
    max-width: 100%;

}

.dish3bl2 .form-row .form-row2 .col {
    width: auto;
}

.dish3bl2 .form-row .form-row2 .col:last-child {
    padding-right: 0;
}

.dish3bl2 .form-row .form-row2 .radio-block {
    padding-right: 30px;
}

.dish3bl2 .form-row .form-subtitle {
    font-size: 18px;
    margin-bottom: 32px;
    padding-top: 24px;
}

#slider-dish1 {
    width: 270px;
    margin: 0 20px;
}

.dish3bl3 .slider-row .spaceb {
    margin-left: 0;
}

.dish3bl3 .slider-row .spaceb div {
    white-space: nowrap;
}
.dish3bl3 .form-row .col:nth-child(1) {
    width: 515px;
    flex-grow: 0;
}

.dish3bl3 .form-row .col:nth-child(2) {
    width: 635px;
    flex-grow: 0;
}

.dish3bl3 .form-row {
    align-items: flex-start;
    justify-content: space-between;
}

.col-imgs {
    display: flex;
    align-items: center;
    gap: 20px;
}

.dish3bl3 .check-block {
    margin-top: 26px;
}

.dish3bl3 .spaceb {
    gap: 0;
}

.dish3bl3 .slider-row .spaceb {
    gap: 18px;
}

.dish3bl3 .form-subtitle {
    margin-bottom: 34px;
}

.dish-page .hero-block .img {
    position: relative;
    margin-top: -200px;
    margin-left: -180px;
    font-size: 0;
}

.dish-page .hero-block .img img {
    width: 850px;
}

.dish-page .hero-block {
    padding-bottom: 0;
}

.dish-page .hero-block .info {
    width: 800px;
}

.dish2bl2.spaceb {
    justify-content: flex-start;
    gap: 60px;
}

.dish1bl2 .warn-hint {
    margin-top: 15px;
    position: relative;
    padding-left: 0;
}

.dish1bl2 .warn-hint img {
    position: absolute;
    left: 265px;
    top: -51px;
}

.warn-popup {
    position: relative;
}

.warn-popup .hint-text {
    position: absolute;
    left: 70px;
    top: -237px;
    padding: 65px 35px 65px 58px;
    background: #574AF2;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
    width: 390px;
    font-weight: 400;
    z-index: 2;
    display: none;
}

.warn-popup .hint-text .warn-close {
    position: absolute;
    right: 28px;
    top: 28px;
}

.show-hint {
    position: relative;
    display: inline;
}

.warn-popup img {
    cursor: pointer;
}

.show-hint span {
    color: #E56A25;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.show-hint .hint-text {
    position: absolute;
    left: 150px;
    top: -18px;
    padding: 65px 35px 65px 58px;
    background: #574AF2;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
    width: 390px;
    font-weight: 400;
    text-decoration: none;
    z-index: 2;
    display: none;
}

.show-hint .hint-text a {
    color: inherit;
}

.show-hint .hint-text .warn-close {
    position: absolute;
    right: 28px;
    top: 28px;
    cursor: pointer;
}

.dish3bl1 .form-row .col .radio-block {
    width: 235px;
    min-widht: none;
}

.dish3bl1 .form-row .col {
    margin-right: 75px;
}

.travel-page .hero-block {
    padding-top: 0;
    padding-bottom: 80px;
}

.travel-page .hero-block .img {
    position: relative;
    left: -180px;
    bottom: -90px;
}

.hero-block .img .mobile {
    display: none;
}

.travel-page .main-block h2 {
    margin-bottom: 120px;
}

#plus-travel1 {
    position: absolute;
    left: 585px;
    top: 145px;
    background: url(../images/sun-slider-travel.svg) center center no-repeat;
    width: 94px;
    height: 94px;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
}

#plus-travel1.act {
    background: url(../images/img-check-act.svg) center center no-repeat;
    color: transparent;
}

#plus-travel1 span {
    position: absolute;
    font-weight: 400;
    font-size: 18px;
    color: #585A5F;
    top: -50px;
    white-space: nowrap;
}

#plus-travel2 {
    position: absolute;
    left: 510px;
    top: 545px;
}

#plus-travel3 {
    position: absolute;
    left: 1308px;
    top: 504px;
}

#travel11.form-block .spaceb {
    gap: 120px;
}

#travel12 .form-row {
    align-items: flex-start;
}

#travel12 .subtitle {
    margin-top: 50px;
    margin-bottom: 30px;
}

#travel12 .form-row {
    gap: 25px;
}

#travel12 .form-row .col {
    flex-grow: 0;
    width: auto;
}



#travel12 .form-row .hint.smile {
    max-width: 495px;
    position: relative;
    opacity: 0;
}

#travel12 .form-row .hint.smile.act {
    opacity: 1;
}

#travel12 .form-row .hint.smile:before {
    position: absolute;
    left: -77px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../images/smile.svg) center center no-repeat;
    background-size: 100% auto;
    content: " ";
    display: block;
}

.spaceb.travel20 {
    justify-content: flex-start;
}
.spaceb.travel20 .check-block {
    margin-left: 100px;
    margin-top: 20px;
}

#travel21 .hint {
    margin-left: 60px;
    width: 475px;
}

#travel22 {
    border-bottom: 1px solid #F4DAA8;
    padding-bottom: 16px;
    margin-bottom: 40px;
}

#travel22 .subtitle {
    margin-bottom: 27px;
}

#travel22 .slider-row .spaceb .line {
    display: flex;
    align-items: center;
    justify-content: center;

}

#travel22 .slider-row .spaceb .line div {
    margin-left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
}

#travel-slider1 {
    flex-grow: 1;
}

#travel22 .slider-row .spaceb {
    width: calc(100% - 180px);
    margin-left: 0;

}

#travel23 .col:nth-child(1) {
    padding: 22px 28px;
    box-sizing: border-box;
    background: #FBFAE7;
    border-radius: 20px;
    margin-right: 20px;
}

#travel23 .col .radio-block {
    width: 243px;
    margin-top: 35px;
}

#travel23 .col:nth-child(2) {
    margin-right: 25px;
}

#travel23 .col {
    flex-grow: 0;
    width: auto;
}

#bath_21 {
    font-size: 24px;
}
#bath_22 {
    font-size: 24px;
}

#travel23 .form-row {
    align-items: flex-start;
    padding-right: 20px;
}

#travel23 .col .input-row {
    margin-bottom: 45px;
}
#travel23 .col .input-row.disabled {
    opacity: 0.5;
}

#travel23 .col .input-row:last-child {
    margin-bottom: 0;
}

.spaceb.travel30 .title {
    line-height: 1;
}

.spaceb.travel30 {
    justify-content: flex-start;
    margin-bottom: 25px;
}
.spaceb.travel30 .check-block {
    margin-left: 20px;
    margin-top: -62px;
}

#travel31 .subtitle {
    margin-bottom: 25px;
}

#travel31 .check-block {
    width: 180px;
    min-width: 180px;
}

#travel31 .form-row {
    gap: 25px;
}

#travel32 {
    margin-top: 25px;
    padding-right: 130px;
    padding-top: 36px;
    padding-bottom: 36px;
    border-top: 1px solid #F4DAA8;
    border-bottom: 1px solid #F4DAA8;
}

#travel32 .input-row {
    margin-bottom: 32px;
}
#travel32 .input-row:last-child {
    margin-bottom: 0;
}

#travel32 p {
    margin: 0 0 32px;
}

#travel-slider2 {
    width: 205px;
    margin: 0 20px;
}
#travel32 .slider-row .spaceb {
    margin-left: 0;
}

#travel33 .spaceb {
    align-items: flex-start;
    gap: 0;
    margin-top: 28px;
}

#travel33 .spaceb .check-block {
    margin-top: 25px;
}
#travel33 .spaceb .col {
    padding-bottom: 30px;
}
#travel33 .spaceb .col:first-child {
    border-right: 1px solid #F4DAA8;
    padding-right: 85px;
    margin-right: 85px;
}

#travel33 .spaceb .col:nth-child(2) {
    margin-right: 100px;
    width: 230px;
}

.form-block.dis {
    opacity: 0.5;
}

.mobile-menu {
    display: none;
}

.main-block .main-img > svg.mobile {
    display: none;
}

.graphs .graph3:before {
    position: absolute;
    content: " ";
    display: none;
    height: 67px;
    width: 20px;
    background: url(../images/rating-arr.svg) center center no-repeat;
    top: 55px;
    left: -20px;
}
.graphs .graph3.disliked:before {
    display: block;
}


.bathroom-page .hero-block .img img {
    display: none;
}

.bathroom-page .hero-block .img img.desk {
    display: block;
}


.pl3bl3 .form-row {
    align-items: flex-start;
}



.eda-page .hero-block .img {
    margin-left: -130px;
}

.eda-page .hero-block .info {
    width: 710px;
}

.main-block-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1260px;
    margin: 0 auto;
}

.main-block-title h2 {
    font-size: 36px;
    margin-right: 98px;
    min-width: 300px;
    flex-grow: 0;
    text-align: left;
}

.main-block-title .main-description {
    font-size: 18px;
    color: rgba(88, 90, 95, 1);
    flex-grow: 0;
}

.main-block-title .main-description strong {
    color: rgba(87, 74, 242, 1);
}

.eda-page .bill {
    top: 310px;
}
.eda-page.stepactive .bill {
    top: 120px;
}

.main-block .main-img .plus#plus-eda1 {
    left: calc(50% - 500px);
    top: 825px;
}
.main-block .main-img .plus#plus-eda2 {
    left: calc(50% + 50px);
    top: 963px;
}
.main-block .main-img .plus#plus-eda3 {
    left: calc(50%);
    top: 496px;
}
.main-block .main-img .plus#plus-eda4 {
    left: calc(50% + 350px);
    top: 992px;
}

.eda-row {
    gap: 36px;
    margin: 50px 0 30px;
}

#eda21 .eda-row {
    gap: 32px;
    flex-wrap: wrap;
    align-items: flex-end;
}

#eda31 .eda-row {
    gap: 32px;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 80px;
}

#eda21 .eda-row .hint {
    width: 240px;
    margin-left: 35px;
}

.eda-block {
    display: block;
    text-align: center;
    width: 250px;
}

#eda21 .eda-block {
    width: 176px;
}

#eda31 {
    padding-right: 30px;
}

#eda31 .eda-block {

    width: 212px;
}

#eda31 .hint {
    width: 400px;
    margin-top: 0;
}

#eda31 .spaceb {
    align-items: flex-start;
}

#eda21 .eda-block:nth-child(5) {
    width: 255px;
}
#eda31 .eda-block:nth-child(6) {
    width: 176px;
}
#eda31 .eda-block:nth-child(7) {
    width: 225px;
}
#eda31 .eda-block:nth-child(8) {
    width: 235px;
}
#eda31 .eda-block:nth-child(9) {
    width: 230px;
}
#eda31 .eda-block:nth-child(10) {
    width: 176px;
}


.eda-block .img {
    height: 164px;

}

#eda21 .eda-block .img {
    height: 108px;
}

#eda31 .eda-block .img {
    height: 100px;
}

.eda-block .img img {
    height: 100%;
}

.eda-block .name {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin: 19px 0 10px;
    font-weight: 700;
}

#eda21 .eda-block .name {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;

}

#eda31 .eda-block .name {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.eda-block .vol {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.45);
    margin: 0 0 19px;
}

.eda-block .input-pm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 176px;
    height: 45px;
    background: #F4DAA8;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    padding: 0 14px;
    box-sizing: border-box;
    margin: 0 auto;
}

.eda-block .input-pm.err {
    border: 1px solid #F66957;
}

.eda-block .input-pm .pmminus {
    width: 21px;
    height: 21px;
    background: url(../images/eda-minus.svg) center center no-repeat;
    cursor: pointer;
}

.eda-block .input-pm .pmplus {
    width: 21px;
    height: 21px;
    background: url(../images/eda-plus.svg) center center no-repeat;
    cursor: pointer;
}

.eda-block .input-pm.act {
    background: #E66A25;
}

#eda41 {
    margin-top: 80px;
    padding-right: 150px;
}

#eda41 .col:nth-child(2) {
    width: 325px;
    flex-grow: 0;
}

#eda41 .col:nth-child(2) .subtitle {
    margin-bottom: 32px;
}

#eda41 .col:nth-child(2) .radio-block {
    margin-bottom: 18px;
}

#skolko-esh {
    width: 546px;
}

#skolko-deneg {
    width: 353px;
}

#eda41 .hint {
    width: 470px;
}

#eda41 .slider-row:nth-child(2) {
    width: 546px;
    display: block;
    margin-bottom: 55px;
}

#skolko-esh {
    margin: 55px 0;
}

#eda41 .slider-row .spaceb {
    margin-left: 0;
}

#eda41 .slider-row:nth-child(2) .spaceb {
    justify-content: space-between;
    width: 100%;
}

#eda41 .slider-row:nth-child(4) {
    margin: 50px 0;
}

.eda-page .bill-row {
    font-size: 18px;
    align-items: flex-end;
}

.eda-page .bill-row.bold {
    align-items: flex-start;
}

.eda-page .bill-row-short {
    padding-left: 40px;
}

.bill-row-short:before {
    left: 40px;
}

.bill-row.nodot:before {
    display: none;
}
.bill-row.nl {
    display: block;
}

.bill-row.nl .val div {
    display: inline-block;
}

.bill .sep {
    height: 1px;
    width: 100%;
    margin: 25px 0;
    background: #000;
    font-size: 0;
}

.eda-page .bill-row .val {
    width: 153px;
}
.eda-page .bill-row.nl .val {
    width: 100%;
    margin-top: 5px;
}

.bill-row.bold {
    font-weight: 700;
}

.bill-row.bold.line2:before {
    bottom: 22px;
}

#eda41 > .spaceb {
    align-items: flex-start;
}

.paper-page .bill .title {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.paper-page .bill {
    top: 500px;
}

.paper-page.stepactive .bill {
    top: 205px;
}

.paper-page.alldone .bill {
    top: 1600px;
}

.paper-page .main-block h2 {
    width: 295px;
    text-align: left;
}

.paper-title {
    width: 1300px;
    margin: 0 auto 190px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-block .title-list {
    width: 910px;
}

.main-block .title-list .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24px;
    gap: 18px;
    font-weight: 400;
    font-size: 18px;
    color: #585A5F;
    line-height: 1.8;
}

.main-block .main-img .plus#plus-paper1 {
    left: calc(50% + 124px);
    top: 1097px;
}
.main-block .main-img .plus#plus-paper2 {
    left: calc(50% - 450px);
    top: 917px;
}

.paper-dots-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 25px;
    gap: 32px;
}

.paper-dots-list .item {
    position: relative;
    background: #F4DAA8;
    width: 40px;
    height: 40px;
    background: #F4DAA8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    border-radius: 100%;
    cursor: pointer;
}

.paper-dots-list .item.act {
    background: #E56A25;
    width: 75px;
    height: 75px;
}

.paper-dots-list:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    height: 1px;
    background: #000;
    content: " ";
    display: block;
}

.paper-line1 {
    display: flex;
    align-items: center;
    gap: 32px;
}

.paper2bl2 .form-row .col:nth-child(1) {


}

.step .vsep {
    width: 1px;
    flex-grow: 0;
    height: 170px;
    background: #F4DAA8;
    margin: 0 75px;
}

.step .paper2bl4 .vsep {
    height: 110px;
}

.paper1bl4 .form-row .vsep {
    margin: 0 29px;
}

.paper1bl4 .input-row input {
    margin: 0;
}

.paper1bl4 .paper-line1 {
    white-space: nowrap;
}

.paper2bl2 .form-row .col, .paper2bl4 .form-row .col, .paper1bl4 .form-row .col {
    width: auto;
    flex-grow: 0;
}

.paper2bl4 .form-row .col:last-child {
    display: flex;
    align-items: center;
    gap: 32px;
}

.paper2bl4 .form-row .col:last-child .check-block {
    padding-right: 18px;
}

.paper2bl2 .form-row .col:nth-child(3) {
    width: 350px;

}

.paper2bl2 .paper-line1:first-child {
    margin-bottom: 16px;
}

.paper2bl2 .form-row .col:nth-child(3) .check-block:first-child {
    margin-bottom: 25px;
    width: 265px;
}

.paper2bl2 .form-row .col:nth-child(3) .check-block:last-child {
    width: 340px;
}

.paper2bl4 .radio-block {
    margin-left: 32px;
}

.paper2bl4 .paper-line1 {
    white-space: nowrap;
    gap: 0;
}

.paper1bl2 .check-block {
    padding-right: 12px;
    margin-left: 20px;
}

.paper1bl2 .check-block:last-child {
    width: 184px;
    min-width: auto;
}

.paper-page .steps .step {
    padding-left: 110px;
    padding-right: 40px;
}

.paper2bl2 .input-row .radio-block {
    width: 144px;
    margin-left: 36px;
}

.title-row.paper2bl3 {
    margin-top: 60px;
    margin-bottom: 55px;
}

.paper-page .steps .step .title-row .title {
    margin-right: 0;
}

.paper1bl2 .hint {
    width: 770px;
    margin: 36px 0;
}

.paper1bl2 .form-row:last-child .radio-block {
    margin-left: 32px;
    width: 150px;
    min-width: auto;
}

.paper1bl4 .form-row .col:last-child .check-block {
    width: 263px;

}

.paper1bl4 .form-row .col:last-child .check-block:last-child {
    width: 347px;
    margin-top: 20px;
}

.steps .step .paper1bl4 .input-row input {
    margin: 0;
}

.paper1bl4 .paper-line1:first-child {
    margin-bottom: 36px;
}

.paper1bl4 .paper-line1:first-child .check-block {
    padding-right: 16px;
}

.paper1bl4 .paper-line1:last-child .radio-block {
    min-width: auto;
    width: 144px;
}

.paper1bl4 .form-row:last-child .radio-block {
    margin-left: 85px;
}
.paper1bl4 .form-row:last-child .radio-block:last-child {
    margin-left: 40px;
}

.paper-page .perfomance-list .item li {
    color: #574AF2;
}

.paper-page .main-block {
    margin-bottom: -67px;
}

.paper-page .start-wrap {
    padding-bottom: 90px;
}

.eda-page .start-wrap {
    padding-bottom: 80px;
}

.paper-page .check-block.dis {
    opacity: 0.5;
}

.paper-page .input-row.dis {
    opacity: 0.5;
}

.hap-page .hero-block .info {
    width: 780px;
}

.hap-page .main-block-title h2 {
    width: 345px;
    margin-right: 40px;
}

.hap-page .bill {
    top: 400px;
}

.alldone.hap-page .bill {
    top: 1400px;
}

.stepactive.hap-page .bill {
    top: 232px;
}

.hap-page .main-block .main-img {
    position: relative;
}

.main-block .main-img .plus#plus-hap1 {
    left: calc(50%);
    top: 74px;
}

.main-block .main-img .plus#plus-hap2 {
    left: calc(50% + 53px);
    top: 658px;
}

.hap-page .steps .step {
    margin-top: 115px;
    margin-left: 48px;
    padding-left: 115px;
}

#hap11 .subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 52px;
}

#hap11 .slider {
    width: 355px;
    margin-left: 25px;
}

#hap11 .slider-row {
    margin-bottom: 68px;
}

#hap11 .slider-row .spaceb {
    margin-left: 0px;
    gap: 30px;
}

#hap11 .form-row {
    align-items: flex-start;
    margin-top: 80px;
}

#hap11 .form-row .col {
    width: 270px;
    flex-grow: 0;
}

#hap11 .form-row .col:nth-child(2) {
    width: 166px;
    margin-right: 32px;
}

#hap11 .form-row .col:nth-child(3) {
    width: 266px;
    margin-right: 32px;
}

#hap11 .form-row .col:nth-child(4) {
    width: 188px;
}

#hap11 .form-row .radio-block {
    width: 100%;
    min-width: auto;
}

.hap21 {
    align-items: flex-start;
}

.hap21 .col {
    width: 530px;
    margin-right: 20px;
}

.hap21 .col.dis {
    opacity: 0.5;
}

.hap21 .col:nth-child(2) {
    width: 277px;
    margin-right: 30px;
     padding-top: 25px;
}
.hap21 .col:nth-child(3) {
    width: 275px;
     padding-top: 25px;

}

.hap-page .steps .step .title-row .title {
    margin-right: 0;
    margin-bottom: 20px;
}

.hap-page .steps .step .title-row .desc {
    margin-bottom: 20px;
}

.hap-page .steps .step .title-row .subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
}

.hap21 .radio-block:nth-child(1) {
    width: 266px;
    min-width: auto;
    margin-right: 32px;
}

.hap21 .radio-block:nth-child(2) {
    width: 175px;
    min-width: auto;

}

.hap-page .steps .step .title-row .col:nth-child(2) .desc {
    margin-bottom: 25px;
    width: 250px;
}

.hap-page .steps .step .title-row .col .hint {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
}

.line-input-row {
    margin-right: 32px;
    height: 45px;
    line-height: 45px;
    border: 0;
    background: #F4DAA8;
    padding: 0 21px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.steps .step .input-row input.line-input-row {
    margin: 0 20px;
    height: 45px;
    line-height: 45px;
    border: 0;
    background: #F4DAA8;
    padding: 0 21px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    width: 117px;
}

.line-input-row.err {
  border: 1px solid #F66957;
}

.hap-page .bill .warn-bill {
    position: absolute;
    right: 17px;
    top: 222px;
    width: 29px;
    height: 29px;
    background: url(/profile/tepertak/web/images/warn.svg) center center no-repeat;
    background-size: 100% auto;
    display: none;
}

.alldone.hap-page .bill .warn-bill {
    display: block;
}

.alldone.hap-page .bill .warn-bill {
    top: 333px;
}

.hap-page .bill .warn-bill .info {
    left: -800px;
    top: -50px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(87, 74, 242, 0.15);
    border-radius: 75px;
    padding: 45px 35px;
    font-weight: 400;
    display: none;
    width: 426px;
    position: absolute;
}

.hap-page .bill .warn-bill .info b {
    font-weight: 700;
}

.hap-page .bill .warn-bill:hover .info {
    display: block;
}

.hap-page .steps .step .title-row .line-input-row {
    width: 120px;
}

.hap-page .steps .step .title-row .col .form-row {
    margin-bottom: 25px;
}

.hap21 .progress-cirlce {
    width: 275px;
    height: 304px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(87, 74, 242, 0.15);
    border-radius: 67px;
    padding-top: 40px;
    text-align: center;
}

.hap21 .progress-cirlce .circle {

}

.hap21 .progress-cirlce .text {
    font-weight: 700;
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
}

.pie {
    clip: rect(auto, auto, auto, auto);
}
.pie .half-circle {
    border-color: #B9B3F3;
}

.pie .left-side {
    transform: rotate(calc(86 * 3.6deg));
}

.pie .right-side {

    transform: rotate(180deg);
}

.pie-wrapper {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    position: relative;
}
.pie-wrapper:nth-child(3n + 1) {
    clear: both;
}

.pie-wrapper .pie {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.pie-wrapper .pie .half-circle {
    width: 100%;
    height: 100%;
    border: 33px solid #B9B3F3;
    border-radius: 50%;
    clip: rect(0, calc(170px / 2), 170px, 0);
    left: 0;
    position: absolute;
    top: 0;
}

.pie-wrapper .label {
    background: #fff;
    border-radius: 50%;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    position: absolute;
    text-align: center;
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hap22 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

#hap22 .col .hint {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-top: -14px;
    margin-bottom: 34px;
}

#hap22 .col.big-margin .hint {
    margin-top: -44px;
    margin-bottom: 64px;
}

#hap22 .col .hint.hint1 {
    max-width: 285px;
}

#hap22 .col .hint.hint2 {
    max-width: 455px;
}

#hap22 .col .input-row .hint {
    margin: 0 0 0 32px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

#hap22 .col .input-row {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
}

#hap22 .col.big-margin .input-row {
    margin-bottom: 70px;
}

#hap22 .col .input-row span {
    font-size: 18px;
    margin-right: 40px;
    white-space: nowrap;
}

.hap-page .bill-row {
    font-size: 22px;
    align-items: flex-end;
}

.hap-page .lines .line-row .lbl {
    width: 176px;
    padding-right: 24px;
    line-height: 20px;
}

.hap-page .lines .line-row .legend .legend-cell:nth-child(1) {
    margin-right: 70px;
}

.progressc {
    width: 174px;
    height: 174px;
    margin: 0 auto;
}

.progressbar__label {
    font-weight: 700;
    font-size: 30px;
    color: #000 !important;
}

#hap22.form-block .col {
    flex-grow: 0;
    padding-right: 0px;
    width: 52%;
}

#hap22.form-block .col:last-child {
    width: 49%;
    padding-right: 0;
}


.head.landing .logo {
    margin-right: 40px;
    border-bottom: 2px solid transparent;
    height: 45px;
}

.head.landing .logo:hover {
    border-bottom: 2px solid #fff;
}

.head.landing .start {
    font-weight: 400;
    font-size: 18px;
    text-align: right;
    letter-spacing: 0.125em;
    color: #fff;
    width: auto;
    margin-left: 60px;
    margin-right: 48px;
    line-height: 21px;
    border-bottom: 2px solid transparent;
}

.head.landing .start:hover {
    text-decoration: none;
    border-color: #fff;
}

.head.landing .head-menu-landing {
    flex-grow: 1;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}

.head.landing .head-menu-landing a {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.125em;
    padding-right: 45px;
    background: url(../images/menu-arr-landing.svg) right center no-repeat;
    margin-left: 40px;
    color: #fff;
    height: 24px;
    line-height: 24px;
}

.landing-hero-block {
    padding-top: 150px;
    padding-bottom: 75px;
    background: #000 url(../images/landing-hero.svg) right bottom no-repeat;
    position: relative;
    min-height: 957px;
}

.landing-hero-block h1 {
    font-weight: 400;
    font-size: 72px;
    line-height: 85px;

    color: #FFFFFF;
    margin: 0 0 48px;
}

.landing-hero-block .desc {
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    color: #fff;
    margin-bottom: 46px;
}

.landing-hero-block .btn {
    background: #E1D802;
    border-radius: 69px;
    width: 267px;
    height: 74px;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 130px;
}

.landing-promo {
    font-weight: 400;
    font-size: 18px;
    color: #C9CAD0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.landing-promo a {
    margin-left: 25px;
}

.landing-hero-block .down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    font-size: 0;
}

.landing-block2 {
    background: #F0F0F0 url(../images/landing-black.svg) left 884px no-repeat;
    padding-top: 308px;
    position: relative;
}

.landing-block2 h2 {
    font-weight: 400;
    font-size: 72px;
    line-height: 90px;
    color: #000;
    width: 505px;
    display: inline-block;
    text-align: left;
}

.landing-block2 .title {
    text-align: right;
}

.landing-block2 .decor {
    margin-top: -386px;
    margin-left: -180px;
}

.landing-block2 .l-block2 {
    color: #000;
    width: 410px;
    left: 311px;
    top: 307px;
    position: absolute;
}

.landing-block2 .l-block2.l-block22 {
    top: 893px;
    left: 185px;
    color: #fff;
}

.landing-block2 .l-block2.l-block23 {
    top: 869px;
    left: 837px;

}

.landing-block2 .l-block2.l-block23 .dec {
    width: 316px;
}

.landing-block2 .l-block2.l-block24 {
    top: 932px;
    left: 1491px;
    width: 320px;
}
.landing-block2 .l-block2.l-block24 .btn {
    background: #000;
    color: #fff;
}

.landing-block2 .l-block2.l-block25 {
    top: 1530px;
    left: 186px;
    width: 330px;
    color: #fff;
}

.landing-block2 .l-block2.l-block26 {
    top: 1446px;
    left: 840px;
    width: 350px;
}

.landing-block2 .l-block2.l-block27 {
    top: 1833px;
    left: 1300px;
    width: 300px;
}

.landing-block2 .l-block2 .name {
    font-weight: 400;
    font-size: 40px;
    line-height: 47px;

    margin-bottom: 28px;
}

.landing-block2 .l-block2 .dec {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 68px;
}

.landing-block2 .l-block2 .btn {
    width: 220px;
    height: 70px;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 40px;
    color: rgba(0, 0, 0, 0.38);
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 27px;
    display: none;
}

.landing-block2 .l-block2 .line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.landing-block3 {
    background: #000;
    text-align: center;
}

.landing-block3 h2 {
    font-weight: 700;
    font-size: 72px;
    text-align: center;
    line-height: 1;
    margin: 0 0 64px;
    color: #fff;
}

.lbl3img2 {
    display: inline-block;
    margin-bottom: 140px;
}

.landing-block3 .date {
    margin-top: -20px;
    margin-bottom: 50px;
    color: #fff;
}

.landing-block3 .turtle-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.landing-block3 .turtle-text .desc {
    width: 790px;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    line-height: 1.5;
    margin-left: 15px;
    text-align: left;
}

.landing-block3 .text1 {
    font-weight: 400;
    font-size: 40px;
    color: #fff;
    margin: 0 0 50px;
    text-align: center;
}

.landing-block3 .btn {
    background: #53C470;
    border-radius: 100px;
    width: 249px;
    height: 70px;
    margin: 0 auto 70px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-block3 .steps {
    position: relative;
    width: 100%;

}

.landing-block3 .steps .step {
    display: block;
    background: #F8F6C9;
    border-radius: 153px 0px;
    padding: 100px 70px 60px 130px;
    text-align: left;
}

/* .landing-block3 .steps .step .line1 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

} */
.landing-block3 .steps .step .hint {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: rgba(0, 0, 0, 0.45);
}
/* .landing-block3 .steps .step .line1 .col:nth-child(1) {
    width: 480px;
    margin-right: 175px;
} */

.landing-block3 .steps .step .line1 .col:nth-child(1) .hint {
    margin-top: 13px;
}

.landing-block3 .steps .step .line1 .col .line11 {
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.landing-block3 .steps .step .inputlong {
    background: #F4DAA8;
    border-radius: 10px;
    width: 333px;
    height: 45px;
    font-weight: 700;
    font-size: 18px;
    font-family: 'TT Norms';
    line-height: 45px;
    border: 0;
    padding: 0 11px;
    margin-left: 39px;
    text-align: center;
}

.landing-block3 .steps .step .inputval {
    background: #F4DAA8;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    font-weight: 700;
    font-size: 24px;
    font-family: 'TT Norms';
    border: 0;
    padding: 0;
    margin: 0 32px;
    line-height: 75px;
    text-align: center;
}

/* .landing-block3 .steps .step .line1 .col:nth-child(2) {
    width: 455px;
} */

.landing-block3 .steps .step .line1 .col:nth-child(2) .line12 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.landing-block3 .steps .step .title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.5;
    margin: 35px 0 40px;
}

.landing-block3 .steps .step .subtitle {
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin: 0 0 25px;
}

.landing-block3 .steps .step .line21 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    margin-bottom: 24px;
}

.landing-block3 .steps .step .radio-block {
    min-width: auto;
    width: auto;
}

.landing-block3 .steps .step .line22 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.landing-block3 .steps .step .line22 .hint {
    padding-left: 40px;
    position: relative;
    color: transparent;
}

.landing-block3 .steps .step .line22 .hint.act {
    color: rgba(0, 0, 0, 0.45);
}

.landing-block3 .steps .step .line22 .hint .icon {
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    content: " ";
    display: block;
    background: url(../images/warn.svg) center center no-repeat;
    cursor: pointer;
}

.landing-block3 .steps .step .line3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.landing-block3 .steps .step .line3.dis {
    opacity: 0.5;
}

.landing-block3 .steps .step .line3 .col:nth-child(1) {
    width: 545px;
    margin-right: 120px;
}

.landing-block3 .steps .step .line3 .col:nth-child(1) .input-line:first-child {
    margin-bottom: 18px;
}

.landing-block3 .steps .step .line4 {
    margin-top: 54px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
}

.landing-block3 .steps .step .landing-gocalc {
    background: rgba(87, 74, 242, 0.4);
    border-radius: 51px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    width: auto;
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;

}

.landing-block3 .steps .step .landing-gocalc.act {
    background: rgba(87, 74, 242, 1);
}

.landing-block3 .steps .step .form-buttons-block {
    margin: 0;
}

.landing-block3 .btn-wrap {
    margin-top: 120px;
}

.landing-block3 .btn-wrap .btn {
    margin: 0 auto;
    position: relative;
    top: 30px;
    background: #E66A25;
    width: 240px;
}

.landing-block3 .btn-wrap .btn:before {
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/arr-white-up.svg) center center no-repeat;
    left: 33px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    transition: all 0.3s;
}

.landing-block3 .btn-wrap .btn.act:before {
    transform: rotate(0deg);
}


.landing-block4 {
    padding: 125px 0 150px;
    background: #F0F0F0;
    display: none;
}

.landing-block4 .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    color: #000;
    margin: 0 0 50px;
}

.landing-block4 .line-bl4 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 150px;
}

.landing-block4 .line-bl4 .sep {
    background: #574AF2;
    width: 2px;
    height: 431px;
    margin: 0 135px;
}

.landing-block4 .line-bl4 .desc {
    font-weight: 400;
    font-size: 24px;
    color: #8D8993;
    line-height: 1.5;
    width: 634px;
    flex-grow: 0;
}

.landing-block4 .line-bl4 .desc b {
    color: #574AF2;
    font-weight: 700;
}

.landing-block4 .line-bl4 .desc a {
    color: #574AF2;
    font-weight: 700;
}

.landing-block4 .line-bl4 .desc p {
    margin: 0 0 20px;
}

.landing-block4 .reacts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    display: none;
}

.landing-block4 .reacts .react {
    background: url(../images/react1.svg) center center no-repeat;
    width: 170px;
    height: 72px;
    padding-left: 96px;
    font-weight: 700;
    font-size: 35px;
    color: #000;
}

.landing-block4 .reacts .react:nth-child(2) {
    background: url(../images/react2.svg) center center no-repeat;
}
.landing-block4 .reacts .react:nth-child(3) {
    background: url(../images/react3.svg) center center no-repeat;
}
.landing-block4 .reacts .react:nth-child(4) {
    background: url(../images/react4.svg) center center no-repeat;
}
.landing-block4 .reacts .react:nth-child(5) {
    background: url(../images/react5.svg) center center no-repeat;
}

.landing-block5 {
    background: #000;
    padding: 55px 0 65px;
}

.landing-block5 .title {
    font-weight: 700;
    font-size: 40px;
    margin: 0 0 50px;
    font-weight: 700;
    color: #fff;
}

.landing-block5 .line-bl5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.landing-block5 .line-bl5 .col:nth-child(1) {
    width: 640px;
}

.landing-block5 .line-bl5 .col:nth-child(1) .text {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 130px;
    color: rgba(239, 231, 220, 0.82);
}

.landing-block5 .line-bl5 .col:nth-child(1) .text b {
    color: #574AF2;
}

.landing-block5 .line-bl5 .col:nth-child(2) {
    width: 785px;
    padding-right: 140px;
}

.landing-block5 .line-bl5 .col .sqr {
    display: flex;
    border: 1px solid #E1D802;
    height: 290px;
    width: 100%;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    text-decoration: underline;
}

.landing-block5 .line-bl5 .col .plus {
    display: block;
    margin: 50px auto;
}

.landing-block5 .line-bl5 .col .sqr:last-child {
    border: 1px solid #E66A25;
}

.landing-block5 .line-bl5 .col:nth-child(2) .desc {
    font-weight: 400;
    font-size: 24px;
    color: rgba(239, 231, 220, 0.82);
    line-height: 1.5;
    margin-bottom: 0px;
    width: 762px;
}

.landing-block5 .line-bl5 .col:nth-child(2) .desc b, .landing-block5 .line-bl5 .col:nth-child(2) .desc a {
    color: #574AF2;
    font-weight: 700;
}

.landing-block5 .line-bl5 .col:nth-child(2) .author {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 195px;
}

.landing-block5 .line-bl5 .col:nth-child(2) .author a {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    text-decoration: underline;
}

.landing-block5 .line-bl5 .col:nth-child(2) .author .name {
    font-weight: 700;
    font-size: 40px;
    line-height: 0.9;
    color: #fff;
}

.landing-block5 .line-bl5 .col:nth-child(2) .author img {
    margin-right: 15px;
}

.landing-block5 .line-bl51 {
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    color: #C4C4C4;
    margin-top: 50px;

}

.landing-block5 .line-bl51 a {
    text-decoration: underline;
    color: #574AF2;
    font-weight: 700;
}

.landing-block6 {
    padding: 130px 0 170px;
    background: #F0F0F0;
}

.landing-block6 .title {
    font-weight: 700;
    font-size: 40px;
    margin: 0 0 50px;
    color: #000;
}
.landing-block6 .team-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.landing-block6 .team-list .item {
    width: 420px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    margin-bottom: 55px;
}

.landing-block6 .team-list .item img {
    margin-right: 17px;
}

.landing-block6 .team-list .item .name {
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    margin-bottom: 9px;
}

.landing-block6 .team-list .item .role {
    font-weight: 700;
    margin-bottom: 9px;
    line-height: 1;
}

.landing-block6 .team-list .item:last-child .info {
    width: 410px;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    display: inline-block;

}

.landing-block6 .team-list .item:last-child .info a {
    font-weight: 700;
    font-size: 25px;
    text-decoration: underline;
}

.landing-block6 .team-right {
    text-align: right;
}
.landing-block6 .team-right .info {
    width: 410px;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    display: inline-block;

}
.landing-block6 .team-right .info a {
    font-weight: 700;
    font-size: 25px;
    text-decoration: underline;
}

.landing-block7 {
    padding: 5px 0 170px;
    background: #F0F0F0;
}

.landing-block7 .title {
    width: 550px;
    /* margin: 0 0 110px; */
    font-weight: 400;
    font-size: 40px;
    position: relative;
}

.landing-block7 .title a {
    text-decoration: underline;
    position: relative;
}

.landing-block7 .title a:before {
    position: absolute;
    right: -60px;
    top: 0;
    content: " ";
    display: block;
    width: 53px;
    height: 53px;
    background: url(../images/landing-arr-link.svg) center center no-repeat;
}

/* .l-block7-list {
    width: calc(100% + 180px);
    position: relative;
} */

.l-block7-list .slick-arrow {
    width: 62px;
    height: 62px;
    position: absolute;
    left: 0;
    top: -90px;
    border: 0;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    background: url(../images/landing-left.svg) center center no-repeat;
    cursor: pointer;
}

.l-block7-list .slick-arrow.slick-next {
    left: 68px;
    background: url(../images/landing-right.svg) center center no-repeat;
}

.l-block7-list .item {
    background: #97BA1E;
    border-radius: 230px;
    width: 460px;
    height: 640px;
    padding: 130px 50px 0 84px;
    color: #fff;
    position: relative;
    margin-right: 40px;
}

.l-block7-list .item:last-child {
    margin-right: 0;
}

.l-block7-list .item .name {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
    line-height: 1.5;
}

.l-block7-list .item .desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
}

.l-block7-list .item .btn {
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    width: 205px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.12em;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 84px;
    bottom: 100px;
}

.l-block7-list .item.item2 {
    background: rgba(84, 187, 171, 0.82);
    border-radius: 0;
    color: #000000;
    padding-left: 60px;
}

.l-block7-list .item.item2 .btn {
    left: 60px;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #000;
}

.l-block7-list .item.item3 {
    background: #000000;
    border-radius: 186px;

    padding-left: 60px;
}

.l-block7-list .item.item3 img {
    position: absolute;
    top: 81px;
    right: 89px;
}

.l-block7-list .item.item3 .btn {
    left: 60px;
    border: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
}

.l-block7-list .item.item4 {
    background: #157E2C;
    border-radius: 0;

    padding-left: 48px;
    padding-right: 64px;
}

.l-block7-list .item.item4 .btn {
    left: 48px;
    border: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
}

.l-block7-list .item.item5 {
    background: rgba(239, 231, 220, 0.82);
    border-radius: 63px;
    padding-left: 60px;
    color: #000;
}

.l-block7-list .item.item5 .btn {
    left: 60px;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #000;
}

.l-block7-list .item.item6 {
    background: #574AF2;
    border-radius: 0;
    padding-left: 48px;
    padding-right: 64px;
    color: #fff;
}

.l-block7-list .item.item6 .btn {
    left: 48px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    color: #fff;
}

.lbl3img-mob, .lbl3img2-mob, .landing-block2 .decor-mob {
    display: none;
}

.head.landing .logo .mobile {
    display: none;
}

@media only screen and (min-width:1249px) {

}

@media only screen and (min-width:767px) {

}

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

    .head-menu {
        display: flex;
        justify-content: space-between;
        gap: 50px;
        align-items: center;
    }

    .head-menu a {
        margin-left: 0;
        font-size: 16px;
        line-height: 1;
    }

    .head-menu a.signin {
        margin-left: 0;
    }

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

    .wrapper {
        padding: 0 160px;
    }

    .head .wrapper {
        padding-right: 120px;
        padding-left: 160px;
    }

    .hero-block .info {
        width: 455px;
        font-size: 20px;
        flex-grow: 0;
    }

    .hero-block .info .title {
        font-size: 64px;
    }

    .travel-page .hero-block .img {
        margin-left: -160px;
        flex-grow: 0;
        left: 0;
    }

    .main-block .main-img > svg {
        max-width: 100%;
        height: auto;
    }

    #plus-travel1 {
        left: 31%;
    }
    #plus-travel2 {
        left: 28%;
        top: 477px;
    }
    #plus-travel3 {
        left: 64%;
        top: 458px;
    }

    .bill .title {
        font-size: 25px;
        line-height: 30px;
        margin: 0 0 35px;
    }
    .waves-block .count span {
        font-size: 146px;
    }

    .steps {
        width: 100%;
    }

    .steps .step {
        padding: 40px 145px 100px;
    }

    .steps .step[data-id="plus-travel3"] {
        padding-right: 20px;
    }

    #travel11.form-block .spaceb {
        gap: 95px;
    }

    #travel23 .col:nth-child(2) {
        margin-right: 30px;
    }

    #travel23 .form-row {
        padding-right: 0;
    }

    #travel31 .check-block {
        min-width: auto;
        width: auto;
        padding: 0 25px 0 50px;
    }

    #travel32 {
        padding-right: 0;
    }

    .alldone .waves-block {
        padding-left: 160px;
        text-align: left;
    }

    .bl1list .bl1-item {
        width: 250px;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .bl1list .bl1-item .val {
      font-weight: 700;
      font-size: 32px;
      color: #574AF2;
      margin-bottom: 16px;
      margin-top: 16px;
      line-height: 1;
    }

    .lines {
        max-width: 834px;
        margin-bottom: 100px;
    }

    .blocks1 h1 {
        font-size: 50px;
        margin-bottom: 45px;
    }

    .achievement {
        padding-left: 0;
        margin-bottom: 80px;
    }


    .achievement .img {
        width: 275px;
        margin-right: 50px;
    }

    .achievement .img img {
        max-width: 100%;
    }

    .achievement .info .name {
        font-size: 30px;
        margin-bottom: 28px;
    }

    .achievement .info .status {
        font-size: 50px;
        margin-bottom: 28px;
    }

    .achievement .info {
        font-size: 26px;
        max-width: 460px;
    }

    .perfomance {
        text-align: center;
    }

    .perfomance-list .item {

        font-size: 18px;
    }

    .details-block .levels-line .level.done {
        padding-left: 40px;
        padding-right: 10px;
        width: auto;
        background-position: 8px center;
    }

    .details-block .levels-line .level.done br {
        display: none;
    }
    .graphs .graph1 .line .info {
        padding-top: 30px;
        width: 195px;
    }

    .blocks1 {
        padding-bottom: 120px;
    }

    .bathroom-page .hero-block .info {
        width: 580px;
    }

    .bathroom-page .hero-block .img img {
        width: 600px;
    }

    .bathroom-page .hero-block .img img.desk {
        display: none;
    }

    .bathroom-page .hero-block .img img.mid {
        display: block;
    }

    .bathroom-page .hero-block .img {
      position: relative;
        margin-top: 0;
        margin-left: -160px;
        left: 0;
    }

    .bathroom-page .main-block .main-img > svg {
        max-width: 950px;
    }

    .main-block .main-img .plus#plus-bath3 {
        position: absolute;
        left: calc(50% - 268px);
        top: 258px;
    }

    .main-block .main-img .plus#plus-bath4 {
      position: absolute;
      left: calc(50% - 430px);
      top: 800px;
    }

    .main-block .main-img .plus#plus-bath2 {
      position: absolute;
      left: calc(50% - 14px);
      top: 628px;
    }

    .main-block .main-img .plus#plus-bath1 {
      position: absolute;
      left: calc(50% + 184px);
      top: 730px;
    }

    .bathroom-page .bill {
        width: 280px;
    }

    .details-block .levels-line .level {
        width: 151px;
    }





    .laundry-page .hero-block .img {
        width: 535px;
    }
    .laundry-page .hero-block .img img {
        width: 100%;
    }

    .laundry-page .hero-block .info {
        width: 480px;
    }

    .laundry-page .main-block .main-img > svg {
        max-width: 1054px;
        height: auto;
        margin-left: -330px;
    }

    .laundry-page .main-block .main-img .plus#plus1 {
      top: 580px;
      left: calc(50% - 441px);
    }

    .laundry-page .main-block .main-img .plus#plus2 {
      top: 260px;
      left: calc(50% - 240px);
    }

    .laundry-page .main-block .main-img .plus#plus3 {
      top: 586px;
      left: calc(50% - 218px);
    }

    .laundry-page .main-block .main-img .plus#plus4 {
      top: 249px;
      left: calc(50% + 138px);
    }

    #stirka11 {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 22px;
    }

    #stirka11 .form-subtitle {
        margin-bottom: 3px;
        margin-right: 55px;
    }

    #stirka11 .form-row {
        margin-bottom: 0;
    }

    .laundry-page .right-block .form-block {
      margin-bottom: 110px;
    }

    .laundry-page .steps .step .title-row .title {
        margin-right: 100px;
    }

    .laundry-page .pl3bl1 {
        margin-bottom: 46px;
    }

    .laundry-page .pl3bl3 {
        margin-top: 46px;
    }

    #pl4bldis .form-subtitle {
        font-size: 18px;
    }

    #stirka13.form-block.short {
      width: calc(100% - 365px);
    }
}

@media only screen and (max-width:1430px) {
    .head-menu a {
        display: none;
    }

    .head-menu a.signin {

    }

    .head .wrapper.spaceb {
        justify-content: center;
        padding-left: 75px;
        padding-right: 75px;
        height: 96px;
    }

    .burger {
        position: absolute;
        right: 90px;
        top: 38px;
        width: 34px;
        height: 24px;
        cursor: pointer;
        z-index: 3;
        /* костыль */
        display: none;
    }

    .burger div {
        height: 4px;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: calc(50% - 2px);
        left: 0;
        transition: all 0.3s;
    }

    .burger div:before {
        position: absolute;
        left: 0;
        top: -9px;
        /*transform: rotate(45deg);*/
        height: 4px;
        width: 100%;
        background: #fff;
        content: " ";
        display: block;
        transition: all 0.3s;
    }

    .burger div:after {
        position: absolute;
        left: 0;
        top: 9px;
        /*transform: rotate(-45deg);*/
        height: 4px;
        width: 100%;
        background: #fff;
        content: " ";
        display: block;
        transition: all 0.3s;
    }

    .openmenu .burger div {
        background: #532CE5;
    }

    .openmenu .burger div:before {
        top: calc(50% - 2px);
        transform: rotate(45deg);
        background: #532CE5;
    }
    .openmenu .burger div:after {
        top: calc(50% - 2px);
        transform: rotate(-45deg);
        background: #532CE5;
    }

    .mobile-menu {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        background: #000;
        text-align: center;
        padding: 270px 20px 50px;
        color: #fff;
        display: none;
        z-index: 2;
    }

    .head .wrapper.spaceb {
        z-index: 5;
        position: relative;
    }

    .openmenu .mobile-menu {
        display: block;
    }

    .mobile-menu .mobile-menu-wrap {
        margin-bottom: 120px;
    }

    .mobile-menu .mobile-menu-wrap a {
        font-weight: 400;
        font-size: 32px;
        line-height: 150%;
        display: block;
        text-align: center;
        color: #fff;
        margin-bottom: 45px;
    }

    .mobile-menu .mobile-menu-wrap a:hover {
        text-decoration: underline;
    }

    .mobile-menu .promo-line {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #C9CAD0;
        font-size: 12px;

    }

    .mobile-menu .promo-line img {
        height: 30px;
        margin-left: 10px;
    }

    .travel-page .hero-block .img {
        width: 470px;
        margin-left: -90px;
    }

    .travel-page .hero-block .img img {
        max-width: 100%;
    }

    .wrapper {
        padding: 0 90px;
    }

    .hero-block .info .title {
        font-size: 46px;
        margin-bottom: 20px;
    }

    .hero-block .info {
        font-size: 14px;
        line-height: 2.2;
        width: 415px;
    }

    .hero-block .info .subtitle {
        font-size: 14px;
    }

    .hero-block .info .subtitle img {
        margin-left: 25px;
        height: 37px;
    }

    .main-block {
        padding-top: 70px;
        min-height: 840px;
    }

    .travel-page .main-block h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .bill {
        width: 205px;
        right: 80px;
        top: 180px;
        padding: 32px 14px 0px;
    }

    .bill .title {
        font-size: 19px;
        line-height: 1.1;
        margin-bottom: 20px;
    }

    .bill-row {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 12px;
    }

    .bill-row.big {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 12px;
    }

    .bill-row-short {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 12px;
        padding-left: 42px;
    }

    .bill-row:before {
        height: 2px;
        bottom: 1px;

    }

    .bill-row-short:before {
        height: 2px;
        bottom: 1px;
        left: 42px;
    }

    .main-block .main-img .plus {
        background-size: contain;
        width: 32px;
        height: 32px;
    }

    #plus-travel1 {
        width: 50px;
        height: 50px;
        top: 210px;
        font-size: 23px;
    }

    #plus-travel1 span {
        font-size: 12px;
        top: -27px;
    }

    .start-wrap .btn {
        height: 44px;
        line-height: 44px;
        font-size: 12px;
        width: 180px;
        padding: 0 20px;
        border-radius: 37px;
    }

    .waves-block {
        padding: 80px 0 140px;
    }

    .waves-block p {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 23px;
    }

    .waves-block .count {
        font-size: 52px;
    }

    .waves-block .count span {
        font-size: 107px;
    }

    .waves-block .hint {
        font-size: 14px;
        margin-top: 20px;
        position: relative;
    }

    .waves-bottom {
        display: none;
    }

    .footer {
        font-size: 14px;
    }

    .footer .line2 a {
        font-size: 14px;
    }

    .footer .links a.dz {
        width: 39px;
        height: 39px;
        background-size: contain;
    }

    .footer .links a {
        margin-left: 14px;
    }

    .footer .links a img {
        height: 39px;
    }

    .footer .line1 .logo img {
        height: 24px;
    }

    .steps .step {
        padding: 80px;
        font-size: 13px;
    }

    .steps .step .title-row .title {

        margin-right: 20px;
    }

    .steps .step .title {
        font-size: 58px;
    }

    .check-block {
        min-width: 153px;
        font-size: 13px;
    }

    .radio-block {
        min-width: 153px;
        font-size: 13px;
    }

    .form-block .hint {
        font-size: 13px;
    }

    #travel12 .form-row {
        flex-wrap: wrap;
    }

    #travel12 .form-row .col:first-child {
        width: 400px;
    }

    #travel12 .form-block .hint {
        margin-top: 35px;
    }

    #travel12 .form-row .col:nth-child(2) {
        margin-top: 68px;
        margin-left: -100px;
    }

    #travel12 .form-row .hint.smile {
        max-width: 290px;
    }

    #travel12 .form-row .hint.smile:before {
        left: -47px;
        width: 34px;
        height: 34px;
    }

    #travel11.form-block .spaceb {
        gap: 40px;
    }

    .form-buttons-block .btn {
        height: 44px;
        line-height: 44px;
        width: 180px;
        font-size: 12px;
    }

    .form-buttons-block .err-text {
        font-size: 13px;
    }

    .steps .step .subtitle {
        font-size: 18px;
    }

    #travel31 .form-row {
        width: 560px;
        flex-wrap: wrap;
        flex-grow: 1;
    }

    #travel31 .hint {
        flex-grow: 0;
        width: 240px;
        margin-top: 0;
    }

    #travel31-wrap {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        align-items: flex-start;
    }

    #travel31 .form-row .check-block {
        width: 196px;
    }

    #travel31 .form-row .check-block:nth-child(1), #travel31 .form-row .check-block:nth-child(4) {
        width: 153px;
    }

    #travel-slider2 {
        width: 170px;
        margin: 0 20px;
    }

    #travel33 .spaceb .col:first-child {
        padding-right: 50px;
        margin-right: 50px;
    }

    #travel33 .spaceb .col:nth-child(2) {
        margin-right: 50px;
    }

    #travel21 .hint {
        width: 270px;
        margin-left: 90px;
    }

    #travel22 .slider-row .spaceb .line img {
        width: 72px;
    }

    #travel22 .slider-row .spaceb {
        width: calc(100% - 60px);
    }

    #travel23 .col:nth-child(1) {
        width: 300px;
        position: absolute;
    }

    #travel23 .col:nth-child(2) {
        margin-right: 0px;
        margin-left: 430px;
        width: 100%;
    }

    #travel23 .col:nth-child(3) {
        margin-right: 0px;
        margin-left: 430px;
        width: 100%;
    }

    #travel23 .form-row {
        flex-direction: column;
        position: relative;
    }

    #travel23 .col .input-row:last-child {
        margin-bottom: 24px;
    }

    #travel23 .col:nth-child(3) .input-row:last-child {
        position: absolute;
        left: 0;
        bottom: 21px;
    }

    #plus-travel1.act {
        background-size: contain;
    }

    .main-block .main-img .plus.act {
        background-size: contain;
    }

    .alldone .bill {
      top: 800px;
      right: 40px;
    }

    .qr-wrap {
        font-size: 14px;
        gap: 24px;
        margin-bottom: 30px;
    }

    .qr-wrap img {
        height: 84px;
    }

    .bl1list .bl1-item {
        width: 184px;

    }

    .bl1list .bl1-item {
        font-size: 14px;

    }

    .bl1list .bl1-item .hint {
        font-size: 12px;
    }

    .bl1list .bl1-item .val {
        font-size: 24px;
    }

    .achievement {
        margin-bottom: 60px;
    }

    .achievement .img {
        width: 210px;
        margin-right: 20px;
    }

    .achievement .info {
        font-size: 20px;

    }

    .achievement .info .name {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .achievement .info .status {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .blocks1 h1 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .lines .line-row .lbl {
        font-size: 14px;
        text-align: right;
        padding-right: 20px;
        width: 100px;
    }

    .lines .line-row .val .line {
        height: 24px;
    }

    .legend .legend-cell div {
        font-size: 14px;
    }

    .legend .legend-cell .circle {
        width: 24px;
        height: 24px;
        margin-right: 9px;
    }

    .blocks1 .perfomance h1 {
        text-align: center;
        margin-bottom: 70px;
    }

    .perfomance-list .item {
        font-size: 13px;
        padding: 54px 45px 60px 45px;
    }

    .perfomance-list .item img {
        width: 95px;
    }

    .btn-wrap .btn {
        height: 44px;
        line-height: 44px;
        font-size: 12px;
    }

    .blocks1 {
        padding-bottom: 64px;
    }

    .details-block .title {
        font-size: 36px;
        margin-bottom: 16px;
    }

    .details-block {
        padding: 85px 0 80px;
    }

    .details-block .levels-line .level {
        font-size: 14px;
        height: 54px;
        border-radius: 54px;
    }

    .details-block .levels-line .level.done {
        padding-left: 34px;
    }

    .details-block .subline {
        height: 54px;
        left: 3px;
        top: 3px;
        border-radius: 54px;
    }

    .details-block .levels-line {
        font-size: 14px;
        height: 60px;
        padding: 3px;

    }

    .graphs .graph1 .line .circle-graph {
        width: 118px;
        height: 150px;
        background-size: contain;
    }

    .graphs .graph1 .line .circle-graph div {
        width: 118px;
        height: 118px;
        top: 30px;
    }

    .graphs .graph1 .line .circle-graph div:before {
        left: -6px;
        top: calc(50% - 8px);
        border: 2px solid #FFF;
        width: 15px;
        height: 15px;
    }



    .graphs .graph1 .line .info {
        font-size: 12px;
        font-weight: 400;
    }

    .graphs .graph2 .circle {
        border: 12px solid #574AF2;
        width: 127px;
        height: 127px;
        font-size: 44px;
    }

    .graphs .graph2 .info {
        font-size: 12px;
        font-weight: 400;
        margin-left: 10px;
    }

    .graphs .graph3 .rate-block img {
        width: 36px;
    }

    .graphs .graph3 {
        width: 240px;
    }

    .graphs .graph3 .line1 {
        font-size: 12px;
        max-width: 240px;
    }

    .graphs .graph3 .line2 {
        font-size: 12px;
        max-width: 240px;
    }

    .graphs .graph1 .legend {
        padding-left: 0;
    }

    .legend .legend-cell div {
        font-size: 12px;
    }

    .legend .legend-cell .circle {
        width: 24px;
        height: 24px;
    }

    .details-block .buttons .btn {
        height: 44px;
        line-height: 44px;
        white-space: nowrap;
        font-size: 12px;
    }

    .details-block .levels-line .level.done {
        color: #fff;
    }

    .bathroom-page .hero-block .img {
        margin-left: -90px;
    }

    .bathroom-page .hero-block .img img {
        width: 460px;
    }

    .bathroom-page .hero-block .info {
        width: 430px;
    }

    .main-block h2 {
        font-size: 26px;
    }

    .main-block > p {
        max-width: 540px;
        font-size: 14px;
    }

    .bathroom-page .bill {
        width: 205px;
        top: 240px;
    }

    .form-subtitle {
        font-size: 18px;
    }

    #bath11 {
        font-size: 18px;
    }

    .warn-hint {
        font-size: 14px;
    }

    #bath1-3 {
        gap: 15px;
    }

    #bath_21 {
        font-size: 18px;
    }

    #bath_212 {
        width: 340px;
    }

    #bath_22 {
        font-size: 18px;
    }

    #bath-kran4 .spaceb .col {
        flex-grow: 0;
    }

    #bath-kran4 .spaceb .col:first-child {
        width: 370px;

    }

    #bath-kran4 .spaceb .col:last-child {
        width: 270px;
    }

    #bath-kran4.form-block.short {
        width: 100%;
    }

    #bath-kran4 .spaceb {
        justify-content: flex-start;
    }

    #bath-kran4 .col:first-child .hint:nth-child(2) {
        margin-bottom: 60px;
    }

    #bath-dush1 {
        font-size: 18px;
    }

    #bath-dush2 {
        width: 100%;
    }

    #bath-dush2 .spaceb .col:first-child {
        width: 350px;
    }

    #bath-dush2 .spaceb:nth-child(2) .col:first-child .check-block {
        width: 350px;
    }

    #bath-dush2 .spaceb {
        justify-content: flex-start;
        margin-bottom: 44px;
    }

    #bath-dush2 .spaceb:first-child .col:last-child {
        flex-grow: 0;
    }

    #bath-dush2 .spaceb:nth-child(2) .col:first-child .warn-hint img {
        top: 7px;
    }

    #bath_q41 {
        font-size: 18px;
    }

    #bath-vanna2 .form-row {
        display: block;
    }

    #bath-vanna2 .slider-row {
        margin-left: 0;
        position: relative;
        margin-top: 60px;

    }

    #bath-vanna2 .slider-row .hint {
      position: relative;
      left: 0;
      top: -8px;
      width: 245px;
      margin-left: 50px;
    }

    #bath-vanna2 .warn-hint {
      margin: 30px 0 40px;
      max-width: 325px;
      position: absolute;
      top: 338px;
      left: 338px;
    }

    #bath-vanna2 .warn-hint img {
        top: 16px;
    }

    #bath-vanna3 {
        width: 100%;
    }

    #bath-vanna3 .check-block {
        width: 275px;
    }

    .micro .title {
        font-size: 28px;
        line-height: 1.5;
    }

    .bathroom-page .micro .spaceb div {
        padding-right: 25px;

    }

    .bathroom-page .micro .spaceb div:last-child {
        padding-right: 0;
        padding-left: 25px;
    }

    /* .micro .spaceb {
        font-size: 14px;
    } */

    .details-block .levels-line .level {
        width: 114px;
    }

    .laundry-page .hero-block .img {
      width: 360px;
    }

    .laundry-page .hero-block .info {
      width: 415px;
    }

    .laundry-page .bill-row .val {
        width: 90px;
    }

    .laundry-page .main-block .main-img > svg {
      max-width: 790px;
      height: auto;
      margin-left: 0;
    }

    .laundry-page .main-block .main-img .plus#plus2 {
      top: 225px;
      left: calc(50% - 152px);
    }

    .laundry-page .main-block .main-img .plus#plus1 {
      top: 490px;
      left: calc(50% - 204px);
    }

    .laundry-page .main-block .main-img .plus#plus3 {
      top: 498px;
      left: calc(50% - 72px);
    }

    .laundry-page .main-block .main-img .plus#plus4 {
      top: 290px;
      left: calc(50% + 123px);
    }

    .laundry-page .steps .step .title-row {
        margin-bottom: 15px;
    }

    .input-row#stirka_q2 {
      margin-right: 36px;
    }

    .laundry-page .steps .step .input-row#stirka_q2 input {
        margin: 0 19px;
    }

    #slider11 {
        width: 180px;
    }

    .q_class div {
        font-size: 14px;
        height: 42px;
        width: 38px;
    }

    .laundry-page .right-block {
        width: 380px;
    }

    .laundry-page .form-block.short {
      width: calc(100% - 390px);
    }


    #stirka13.form-block.short {
      width: calc(100% - 330px);
    }

    #stirka13.form-block .spaceb {
        gap: 50px;
    }

    .laundry-page .form-block#stirka13 .col:first-child {
        width: 50%;
    }

    .laundry-page .form-block#stirka13 .col:nth-child(2) {
        width: 40%;
    }

    .big.slider.ui-slider-horizontal .ui-slider-handle {
        font-size: 18px;
    }

    .plus2bl02 .form-subtitle {
        font-size: 13px;
    }

    .steps .step[data-id="plus2"] .col-imgs {
        gap: 7px;
    }

    #pl4bldis .form-subtitle {
      font-size: 14px;
    }

    .landing-hero-block {
        padding-top: 150px;
        padding-bottom: 75px;
        background: #000 url(../images/landing-hero-mid.svg) right bottom no-repeat;
        position: relative;
        min-height: 957px;
    }

    .landing-hero-block h1 {
        font-size: 64px;
        line-height: 76px;

    }

    .landing-hero-block .desc {
        font-size: 20px;
        line-height: 24px;
    }

    .landing-block2 .decor {
      margin-top: -210px;
      margin-left: -90px;
      width: 100vw;
    }

    .landing-block2 .l-block2 .name {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 42px;
    }

    .landing-block2 .l-block2 .dec {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .landing-block2 .l-block2 {

      width: 330px;
      left: 187px;
      top: 266px;

    }

    .landing-block2 .l-block2.l-block22 {
      top: 662px;
      left: 98px;
    }

    .landing-block2 .l-block2.l-block23 {
      top: 640px;
      left: 526px;
    }

    .landing-block2 .l-block2.l-block24 {
      top: 668px;
      left: 971px;
      width: 320px;
    }

    .landing-block2 .l-block2.l-block25 {
      top: 1071px;
      left: 109px;
      width: 330px;
    }

    .landing-block2 .l-block2.l-block26 {
      top: 1044px;
      left: 521px;
      width: 350px;
    }

    .landing-block2 .l-block2.l-block27 {
      top: 1233px;
      left: 834px;
      width: 300px;
    }

    .landing-block2 h2 {
        font-size: 64px;
        width: 350px;
    }

    .landing-block2 {
        padding-top: 130px;
    }

    .landing-block2 .l-block2 .line {
        gap: 19px;
    }

    .landing-block2 .l-block2 .line img:nth-child(1) {
        width: 36px;
    }
    .landing-block2 .l-block2 .line img:nth-child(2) {
        width: 56px;
    }
    .landing-block2 .l-block2 .line img:nth-child(3) {
        width: 46px;
    }
    .landing-block2 .l-block2 .line img:nth-child(4) {
        width: 52px;
    }
    .landing-block2 .l-block2.l-block22 .line img:nth-child(4) {
        width: 89px;
    }

    .landing-block2 .l-block2.l-block26 .line img:nth-child(1) {
        width: 56px;
    }
    .landing-block2 .l-block2.l-block26 .line img:nth-child(2) {
        width: 46px;
    }
    .landing-block2 .l-block2.l-block27 .line img:nth-child(1) {
        width: 46px;
    }

    .landing-block2 .l-block2.l-block21 .dec {
        width: 258px;
    }
    .landing-block2 .l-block2.l-block22 .dec {
        width: 246px;
    }
    .landing-block2 .l-block2.l-block23 .dec {
        width: 197px;
    }
    .landing-block2 .l-block2.l-block24 .dec {
        width: 208px;
    }
    .landing-block2 .l-block2.l-block25 .dec {
        width: 258px;
    }
    .landing-block2 .l-block2.l-block26 .dec {
        width: 218px;
    }
    .landing-block2 .l-block2.l-block27 .dec {
        width: 229px;
    }

    .landing-block3 h2 {
        font-size: 62px;
        line-height: 72px;
    }

    .landing-block3 h2 br {
        display: none;
    }

    .lbl3img {
        max-width: 1244px;
        width: 100%;
    }

    .lbl3img2 {
        max-width: 1244px;
        width: 100%;
    }

    .landing-block3 {
        padding-top: 150px;
    }

    .landing-block3 .date {
        margin-top: 0;
    }

    .landing-block3 .turtle-text .desc {
        width: 600px;
        line-height: 2;
        font-size: 18px;
    }

    .landing-block3 .steps .step {
        padding: 90px 40px 60px 88px;
    }

    /* .landing-block3 .steps .step .line1 .col:nth-child(1) {
        margin-right: 60px;
    } */

    .landing-block3 .steps .step .line3 {
        display: block;
    }

    .landing-block3 .steps .step .line3 .col:nth-child(1) {
        margin-bottom: 28px;
    }

    .landing-block3 .steps .step .line3 .col:nth-child(1) .input-line:first-child {
        margin-bottom: 28px;
    }

    .landing-block3 .steps .step .line4 {
        position: relative;
        padding-bottom: 160px;
    }

    .landing-block3 .steps .step .line4 .hint {
        position: absolute;
        left: 293px;
        top: 57px;
        width: 438px;
    }

    .landing-block3 .btn-wrap .btn {
        font-size: 16px;
        height: 60px;
        line-height: 60px;
    }

    .landing-block4 .title {
        font-size: 32px;
    }

    .landing-block4 .line-bl4 .desc {
        font-size: 20px;
    }

    .landing-block4 .line-bl4 .sep {
        margin: 0 24px;
    }

    .landing-block5 .line-bl5 .col:nth-child(1) {
      width: 472px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) {
      width: 554px;
      padding-right: 0;
    }

    .landing-block5 .line-bl5 .col:nth-child(1) .text {
        font-size: 20px;
        margin-bottom: 80px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .desc {
        width: 100%;
        font-size: 20px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author {
        font-size: 20px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author .name {
        font-size: 32px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author a {
        font-size: 20px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author img {
        width: 200px;
    }

    .landing-block6 .title {
        font-size: 32px;
    }

    .landing-block6 .team-list .item {
        width: 340px;
    }

    .landing-block6 {
        padding-bottom: 100px;
    }

    .landing-block7 .title {
        font-size: 32px;
        width: 100%;
    }

    .landing-block7 .title br {
        display: none;
    }

    /* .l-block7-list {
        width: calc(100% + 90px);
    } */

    .l-block7-list .slick-arrow {
        top: -164px;
        left: auto;
    }

    .l-block7-list .slick-arrow.slick-next {
        right: 90px;
        left: auto;
    }

    .l-block7-list .slick-arrow.slick-prev {
        right: 158px;
        left: auto;
    }

}

@media only screen and (max-width:1000px) {
    .head-menu a.signin {
        position: absolute;
        font-size: 0;
        width: 42px;
        height: 42px;
        left: 12px;
        top: 12px;
        padding: 0;
        border: 0;
        background: url(../images/profile-small.svg) center center no-repeat;
    }

    .wrapper {
        padding: 0 35px;
    }

    .head .wrapper.spaceb {
        padding-left: 35px;
        padding-right: 35px;
        height: 66px;
    }

    .head .logo {
        height: 15px;
    }

    .head .logo img {
        height: 100%;
    }

    .burger {
        right: 22px;
        top: 22px;
        width: 22px;
        /* костыль */
        display: block;
    }

    .burger div {
        height: 2px;
        top: calc(50% - 1px);
    }

    .burger div:before {
        height: 2px;
        top: -6px;
    }

    .burger div:after {
        height: 2px;
        top: 6px;
    }

    .openmenu .burger div:after {
        top: calc(50% - 1px);
    }

    .openmenu .burger div:before {
        top: calc(50% - 1px);
    }

    .head {
        height: 66px;
    }

    .hero-block .wrapper {
        flex-direction: column;
    }

    .hero-block .img img {
        display: none;
    }

    .hero-block .img .mobile {
        display: inline;
    }

    .hero-block .img {
        width: 100%;
        margin-left: 0;
        text-align: center;
        bottom: 0;
        margin-top: 30px;
    }

    .hero-block .info {
        font-size: 12px;
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }

    .hero-block .info .title {
        font-size: 32px;
    }

    .hero-block .info .subtitle {
        font-size: 12px;
        margin-top: 20px;
        text-align: center;
        justify-content: center;
    }

    .travel-page .hero-block {
        padding-bottom: 60px;
    }

    .travel-page .main-block h2 {
        width: 240px;
        margin: 0 auto 120px;
    }

    .bill {
        width: 100%;
        top: 0;
        right: 0;
        position: relative;
        padding: 0 32px 32px;
    }

    .bill .title {
        font-size: 23px;
    }

    .bill-row .lbl {

    }

    .bill-row {
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 24px;
    }

    .bill-row-short {
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 24px;
    }

    .waves-block {
        padding: 150px 0;
        background: #53C470;
    }

    .waves-block:before {
        display: none;
    }

    .waves-block p {
        line-height: 1;
        font-size: 32px;
        margin-bottom: 32px;
    }

    .waves-block .count {
        font-size: 32px;
    }

    .waves-block .count span {
        font-size: 32px;
    }

    .waves-block .hint {
        margin: 32px auto 0;
        font-size: 12px;
        line-height: 2;
        width: 260px;
    }

    .waves-bottom {
        background: #FFFFFF;
        border-radius: 72.8564px 72.8564px 0px 0px;
        height: 67px;
        padding-top: 0px;
        font-size: 13px;
        text-align: center;
        display: block;
        width: 100%;
        top: -67px;
    }

    .footer .line1 {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .footer .line2 {
        flex-direction: column;
        font-size: 18px;
    }

    .footer .line1 .logo {
        display: block;
        margin-bottom: 103px;
    }

    .footer .line2 .copyright {
        position: absolute;
        text-align: center;
        left: calc(50% - 148px);
        top: 100px;
        font-size: 12px;
        line-height: 1.5;
        width: 296px;
        margin: 0 auto;
    }

    .footer .links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        font-size: 0;
    }

    .footer .links a {
        margin: 0;
    }

    .footer .links a img {
        height: 52px;
    }

    .footer .links a.dz {
        width: 52px;
        height: 52px;
    }

    .main-block .main-img > svg {
        display: none;

    }

    .main-block .main-img > svg.mobile {
        display: block;
    }

    #plus-travel2 {
      left: 12%;
      top: 488px;
    }

    #plus-travel3 {
      left: 76%;
      top: 609px;
    }

    .main-block .main-img .plus {
        width: 54px;
        height: 54px;
    }

    #plus-travel1 {
      left: 44%;
      width: 59px;
      height: 59px;
    }

    .steps {
        position: relative;
        margin-bottom: 50px;
        padding-left: 0;
    }

    .steps .step {
        border-radius: 70px 0;
        padding: 55px 32px 90px;

    }

    .steps .step .title {
        font-size: 40px;
        line-height: 50px;
    }

    .steps .step .close {
        top: 30px;
        right: 30px;
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    .steps .step .subtitle {
        font-size: 20px;
    }

    #travel12 .subtitle {
      margin-top: 25px;
      margin-bottom: 25px;
    }

    #travel12 .check-block {
        width: 100%;

    }

    #travel12 .form-row .col:first-child {
        width: 100%;
        position: relative;
    }

    #travel12 .form-row .hint.smile {
      max-width: 100%;
      position: absolute;
      top: calc(100% + 130px);
      line-height: 1.8;
    }

    #travel12 .form-row .col:nth-child(2) {
        margin-top: -35px;
        margin-left: 0;
        width: 100%;
        margin-bottom: 280px;
    }

    #travel12 .form-row .hint.smile:before {
      left: calc(50% - 17px);
      width: 34px;
      height: 34px;
      top: -45px;
    }

    .steps .step .input-row input {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 0 15px;
    }

    #travel11 .form-row .input-row {
        flex-direction: column;
    }

    .spaceb.travel30 {
        display: block;
    }

    .check-block {
        font-size: 12px;
    }

    .spaceb.travel30 .check-block {
        margin-left: 0;
        margin-top: 30px;
    }

    #travel31 .form-row {
        flex-direction: column;
        width: 100%;
    }

    #travel31-wrap {
        flex-direction: column;
    }

    #travel31 .form-row .check-block {
        width: 100%;
    }

    #travel31 .form-row .check-block:nth-child(1), #travel31 .form-row .check-block:nth-child(4) {
        width: 100%;
    }

    #travel31 .form-row {
        margin-bottom: 0;
    }

    #travel31 .hint {
        width: 100%;
    }

    #travel32 {
        border-top: 0;
        border-bottom: 0;
    }

    #travel32 .spaceb {
        flex-direction: column;
        gap: 33px;
    }

    .form-block .col {
        width: 100%;
    }

    .big.slider.ui-slider-horizontal .ui-slider-handle {
        width: 50px;
        height: 50px;
        margin-left: -25px;
        top: -25px;
        font-size: 12px;
    }


    #travel32 .slider-row .spaceb {
        width: 100%;
        flex-direction: row;
    }

    #travel-slider2 {
      width: calc(100% - 190px);
    }

    #travel33 .spaceb {
        flex-direction: column;
    }

    #travel33 .spaceb .col:first-child {
      padding-right: 0px;
      border-right: 0;
      margin-right: 0px;
    }

    #travel33 .spaceb .col:nth-child(2) {
        margin-right: 0;
        width: 100%;
    }

    .form-block .hint {
        line-height: 1.8;
    }

    .spaceb.travel20 {
        flex-direction: column;
        align-items: flex-start;
    }

    .spaceb.travel20 .check-block {
      margin-left: 0;
      margin-top: 20px;
      width: 100%;
    }

    #travel21 {
        margin-top: 32px;
    }

    #travel21 .form-row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    #travel21 .hint {
      width: 100%;
      margin-left: 0;
      margin-top: 26px;
    }

    #travel22 .slider-row .spaceb .line {
        flex-direction: column;
        align-items: flex-start;
    }

    #travel22 .slider-row .spaceb .line img {
        width: 50px;
    }

    #travel22 .slider-row .spaceb .line div {
      margin-left: 0;
      font-weight: 400;
      font-size: 12px;
      line-height: 2;
      margin-top: 18px;
    }

    #travel22 .slider-row .spaceb {
      width: 100%;
      align-items: flex-start;
    }

    #travel22 .slider-row .spaceb .line {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 86px;
    }

    #travel-slider1 {
      flex-grow: 1;
      width: 200px;
      margin-left: -20px;
      margin-top: 25px;
    }

    #travel22 {
        padding-bottom: 0;
        border-bottom: 0;
    }

    #travel23 .col:nth-child(1) {
      width: 100%;
      position: relative;
    }

    #travel23 .col:nth-child(2) {
        margin-left: 0;
        margin-top: 32px;
    }

    #travel23 .col:nth-child(3) {
        margin-left: 0;
        margin-top: 32px;
    }

    #travel23 .col:nth-child(3) .input-row:last-child {
      position: relative;
      left: 0;
      bottom: 0;
    }

    #travel23 .col:nth-child(1) {
        padding-bottom: 40px;
    }

    .start-wrap {
      position: relative;
      bottom: 0;
      left: 0;
      text-align: center;
      width: 100%;
      padding-bottom: 25px;
      margin-top: -68px;
      margin-bottom: 30px;
    }

    .alldone .bill {
        top: 0;
        right: 0;
    }

    .alldone .bill .btn.top {
        display: none;
    }

    .bill-row.big {
      font-size: 24px;
      line-height: 1.5;
    }

    .qr-wrap {
        align-items: center;
    }

    .alldone .waves-block {
      padding-left: 0;
      text-align: center;
    }

    .bl1list {
        display: none;
    }

    .achievement {

      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .achievement .info {
      font-size: 12px;
      text-align: center;
      width: 100%;
    }

    .achievement .info .name {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .blocks1 h1 {
        font-weight: 700;
        font-size: 28px;
    }

    .lines .line-row {
        display: block;
    }

    .lines .line-row .lbl {
        font-weight: 700;
        font-size: 18px;
        padding-right: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 6px;
    }

    .legend {
        display: block;
    }

    .lines .line-row .legend .legend-cell {
        width: 100%;
        margin-bottom: 20px;
    }

    .perfomance-list {
        display: block;
    }

    .perfomance-list .item {
      width: 100%;
      font-size: 12px;
      margin-bottom: 35px;
      padding: 69px 49px;
      border-radius: 70px;
    }

    .laundry-page .perfomance-list .item {
        text-align: left;
    }

    .perfomance-list .item::before {
        left: calc(50% - 20px);
        top: -22px;
        width: 40px;
        height: 52px;
        background-size: contain;
    }

    .micro .title {
      font-size: 28px;
      margin-bottom: 34px;
      text-align: left;
      font-weight: 700;
      line-height: 1.5;
    }

    .micro .spaceb {
        display: block;
    }

    .micro .spaceb div {
        padding-right: 0;
        width: 100%;
        border-right: 0;
        padding-top: 0;
    }

    .bathroom-page .micro .spaceb div {
        padding-right: 35px;
    }

    .micro .spaceb div:last-child {
        padding-left: 0;
        border-left: 0;
        left: 0;
    }

    .bathroom-page .micro .spaceb div:last-child {
        padding-left: 50px;
    }

    .micro {
        margin-top: 100px;
        font-size: 12px;
        line-height: 2;
    }

    .details-block {
        padding-top: 20px;
    }

    .details-block .spaceb {
        flex-direction: column;
    }

    .graphs .graph2 {
        margin: 30px 0 60px;
    }

    .details-block .buttons .btn.prev {
        display: none;
    }

    .graphs .graph2 .info {
        margin-left: 40px;
    }

    .graphs .graph2 .info br {
        display: none;
    }

    .graphs .graph3 {
      width: 240px;
      margin: 0 auto 40px;
    }

    .details-block .levels-line {
        background: none;
        width: 100vw;
        margin-left: -35px;
    }

    .details-block .subline {
        display: none;
    }

    .details-block .levels-line .level {
        font-size: 12px;
        padding: 0 20px;
        height: 62px;
        border-radius: 75px;
        background: none;
        color: #fff;
        max-width: 200px;
        line-height: 18px;
        margin-right: 8px;
    }

    .details-block .levels-line .level.done {
        background: #fff;
        color: #000;
        padding: 0 20px;
    }

    .details-block .levels-line .level.current {
        color: #000;
    }

    .details-block .levels-line .levels-line-wrap {
        display: block;
        width: 100vw;
        position: relative;
    }

    .details-block .levels-line .levels-line-wrap .slick-prev {
        width: 60px;
        position: absolute;
        top: calc(100% + 26px);
        left: 35px;
        height: 8px;
        background: url(../images/arr-car-left.svg) left top no-repeat;
        text-indent: -9999px;
        border: 0;
        display: block;
    }

    .details-block .levels-line .levels-line-wrap .slick-next {
        width: 60px;
        position: absolute;
        top: calc(100% + 26px);
        right: 35px;
        height: 8px;
        background: url(../images/arr-car-right.svg) left top no-repeat;
        text-indent: -9999px;
        border: 0;
        display: block;
    }

    .stepactive .main-block h2 {
        display: none;
    }

    .stepactive .main-img {
        display: none;
    }

    .stepactive .main-block {
        padding-top: 0;
    }

    .stepactive .start-wrap {
        display: none;
    }

    .perfomance .btn:before {
        top: calc(50% - 6px);
        width: 13px;
        height: 13px;
        background-size: contain;
    }

    .details-block .buttons .btn:last-child:before {
        display: none;
    }

    .steps .step:after {
        display: block;
        content: " ";
        position: absolute;
        left: calc(50% - 30px);
        bottom: 0;
        width: 60px;
        height: 30px;
        background: url(../images/GOUP.svg) center center no-repeat;
    }

    .graphs .graph3 {
        position: relative;
    }

    .graphs .graph3:before {
        position: absolute;
        content: " ";
        display: block;
        height: 67px;
        width: 20px;
        background: url(../images/rating-arr.svg) center center no-repeat;
        top: 55px;
        left: -20px;
    }

    .stepactive .main-block:before {
        display: none;
    }

    .stepactive .waves-block:before {
        display: none;
    }

    .bathroom-page .hero-block .img img.mid {
        display: none;
    }

    .bathroom-page .hero-block .img img.mob {
        display: block;
        height: 420px;
        width: auto;
    }

    .bathroom-page .hero-block .img {
        margin-top: -66px;
        margin-left: 0;
    }

    .bathroom-page .hero-block .info {
        width: 285px;
    }

    .main-block > p {
        display: none;
    }

    .bathroom-page .main-img svg {
        left: 0;
    }

    .main-block .main-img .plus#plus-bath3 {
      position: absolute;
      left: calc(50% - 114px);
      top: 228px;
    }

    .main-block .main-img .plus#plus-bath2 {
      position: absolute;
      left: calc(50% + 106px);
      top: 513px;
    }

    .main-block .main-img .plus#plus-bath1 {
      position: absolute;
      left: calc(50% + 130px);
      top: 650px;
    }

    .main-block .main-img .plus#plus-bath4 {
      position: absolute;
      left: calc(50% - 149px);
      top: 638px;
    }

    .bathroom-page .bill {
      width: 100%;
      top: 0;
    }

    #bath11 .slider-row {
        display: block;
        margin: 20px 0 30px;
    }

    .form-subtitle {
        font-size: 20px;
    }

    #bath11 {
        font-size: 12px;
    }

    #bath11 .form-row {
        display: block;
    }

    #bath11 .slider-row .spaceb {
        margin-left: 0;
        margin-top: 30px;
    }

    #bath11.form-block .hint {
      margin-left: 0;
      margin-top: -10px;
      margin-bottom: 30px;
    }

    #bath1-2 .col {
        width: 100%;
        margin-bottom: 15px;
    }


    #bath1-2 .col:first-child .hint {
      width: 100%;
    }

    #slider-bath11 {
      width: calc(100% - 80px);
    }

    #bath1-2 {
        display: block;
        margin-bottom: 0;
    }

    #bath1-3 {
        display: block;
        margin-top: 50px;
    }

    #bath1-3 .col:first-child {
        width: 100%;
        margin-right: 0;
    }

    #bath1-3 .col:last-child {
        width: 100%;
        margin-top: 50px;
    }

    .warn-hint {

    }

    #bath1-3 .warn-hint {
        padding-left: 50px;
    }

    #bath_21 {
        font-size: 12px;
        margin-top: 40px;
    }

    .steps .step #bath_21.input-row input {
        margin: 0 12px;
    }

    #bath_22 {
        font-size: 12px;
    }

    #bath-kran4 .spaceb {
        display: block;
    }

    .bathroom-page .form-block.short {
        width: 100%;
    }

    .step[data-id="plus-bath2"] .spaceb {
        display: block;
    }

    #bath_212 {
        width: 100%;
    }

    #bath-kran4 .spaceb .col:first-child {
        width: 100%;
    }

    #bath-kran4 .col:first-child .hint:nth-child(2) {
        margin-bottom: 25px;
    }

    #bath-kran4 .col:first-child .hint:nth-child(2) br {
        display: none;
    }

    #bath-kran4 .spaceb .col:last-child {
        width: 100%;
    }

    #bath-dush1 {
        font-size: 12px;
    }

    #bath_31 {
        margin-top: 40px;
    }

    #bath_31 input {
        margin: 0 5px;
    }

    #bath-dush2 .spaceb {
        display: block;
    }

    #bath-dush2 .spaceb .col:first-child {
        width: 100%;
        margin-bottom: 25px;
    }

    #bath-dush2 .spaceb:first-child .col:last-child {
        width: 100%;
    }

    #bath-dush2 .spaceb {
        margin-bottom: 25px;
        display: block;
    }

    #bath-dush2 .spaceb:nth-child(2) .col:first-child .check-block {
        width: 100%;
    }

    #bath-dush2 .spaceb:nth-child(2) .col:first-child .warn-hint {
        width: 100%;
    }

    #bath-dush2 .spaceb .col:last-child {
        width: 100%;
    }

    #bath-vanna1 .form-row {
        display: block;
    }

    #bath_q41 {
        font-size: 12px;
    }

    #bath-vanna1 .slider-row {
      margin-left: 0;
      margin-top: 22px;
    }

    #bath-vanna1 .slider-row .check-block {
        width: 100%;
    }

    #bath-vanna2 .form-subtitle {
        font-size: 12px;
    }

    #bath-vanna2 {
        position: relative;
    }

    #bath-vanna2 .warn-hint {
        top: 75px;
        left: 0;
    }

    #bath-vanna2 .warn-hint img {
        top: 0;
    }

    #bath-vanna2 .slider-row {
        display: block;
        margin-top: 95px;
    }

    #bath-vanna2 .slider-row .spaceb {
        margin-left: 0;
        margin-top: 20px;
    }

    #slider-bath41 {
      width: calc(100% - 105px);
    }

    #bath-vanna2 .slider-row .hint {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      margin-left: 0;
      margin-top: 25px;
    }

    #bath-vanna3 .form-row {
        display: block;
    }

    #bath-vanna3 .check-block {
      width: 100%;
    }

    #bath-vanna3 .hint {
      margin-left: 0;
      margin-top: 10px;
      white-space: normal;
    }

    #bath-kran4 .warn-hint img {
        left: 0;
        top: 0;
    }

    #bath-kran4 .warn-hint {
        padding-left: 40px;
    }

    .warn-hint {
        font-size: 12px;
    }

    .graphs .graph1 .line .circle-graph div:nth-child(2) {
        top: 45px;
        left: 16px;
        width: 85px;
        height: 85px;
    }

    /* .micro .spaceb {
        font-size: 12px;
    } */

    .bathroom-page .micro .spaceb div:last-child {
      padding-left: 0;
      margin-top: 50px;
    }

    .laundry-page .hero-block {
        padding: 54px 0 44px;
    }

    .laundry-page .hero-block .img {
      width: 320px;
    }

    .laundry-page .hero-block .info {
        width: 100%;
    }

    .laundry-page .main-block h2 {
        max-width: 240px;
        margin: 0 auto 25px;
    }

    .laundry-page .main-block .main-img .plus#plus2 {
      top: 215px;
      left: calc(50% + 70px);
    }

    .laundry-page .main-block .main-img .plus#plus4 {

      top: 170px;
      left: calc(50% - 122px);
    }

    .laundry-page .main-block .main-img .plus#plus3 {
      top: 491px;
      left: calc(50% - -85px);
    }

    .laundry-page .main-block .main-img .plus#plus1 {
      top: 540px;
      left: calc(50% - 97px);
    }

    .laundry-page .steps .step .title-row.spaceb {
        display: block;
    }

    #stirka11 {
        display: block;
    }

    #stirka11 .form-row {
        display: block;
    }

    .laundry-page .steps .step .title-row .input-row {
      margin-top: 40px;
    }

    #stirka11 .form-subtitle {
      margin-bottom: 20px;
      margin-right: 0;
      margin-top: 33px;
    }

    #stirka11 .slider-row {
        display: block;
    }

    #stirka11 .slider-row .spaceb {
        margin-top: 30px;
        margin-left: 0;
    }

    .input-row#stirka_q2 {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .laundry-page .form-block.short {
        width: 100%;
    }

    .laundry-page .right-block {
      width: 100%;
      position: relative;
      border-radius: 0;
      background: none;
      padding: 0;
      margin: 30px 0 25px;
    }

    .laundry-page .right-block .form-block {
      margin-bottom: 20px;
    }

    .laundry-page .slider-row .spaceb div {
      flex-grow: 0;
      white-space: nowrap;
    }

    #stirka12 .form-row {
        display: block;
    }

    .q_class {
        margin-left: 0;
        margin-top: 12px;
    }

    .q_class div {
        width: 34px;
    }
    .q_class div:before {
        width: 34px;
    }

    #stirka12 .form-row {
        margin-bottom: 12px;
    }



    .radio-block[data-name="stirka-mashina-class-a"] {
        white-space: normal;
        line-height: 1.2;
        padding-right: 10px;
        padding-top: 5px;
    }

    #stirka13 {
        margin-top: 48px;
    }

    #stirka13.form-block .spaceb {
        display: block;
    }

    .laundry-page .form-block#stirka13 .col:first-child {
        width: 100%;
        margin-bottom: 20px;
    }
    .laundry-page .form-block#stirka13 .col:last-child {
        width: 100%;
    }

    #stirka13.form-block.short {
      width: 100%;
    }

    #stirka13.form-block .slider-col .spaceb {
        display: flex;
    }

    #stirka13 .slider-col {
        margin-bottom: 10px;
    }

    #stirka13 .slider-col .slider {
        margin-bottom: 20px;
    }

    .spaceb.plus2bl1 .form-block {
        width: 100%;
    }

    .steps .step[data-id="plus2"] {
      padding-right: 32px;
    }

    .check-block[data-name="sredstvo-etiketka"], .check-block[data-name="et_aroma"], .check-block[data-name="et_otbel"] {
        white-space: normal;
        line-height: 1.2;
        padding-right: 10px;
        padding-top: 5px;
    }

    .steps .step[data-id="plus2"] .col-imgs {
        margin: 12px 0 20px;
    }

    .steps .step[data-id="plus2"] .col-imgs img {
        height: 65px;
    }

    .form-row.plus2bl2 {
        display: block;
    }

    .spaceb.plus2bl1 {
        display: block;
    }

    .plus2bl02 .form-subtitle {
        font-size: 20px;
    }

    .form-row.plus2bl2 {
        margin-bottom: 0px;
    }

    .form-row.plus2bl2 .col {
        margin-bottom: 20px;
    }

    .pl3bl1 .form-row {
        margin-bottom: 18px;
        display: block;
    }

    .pl3bl1 .radio-block:first-child {
        white-space: normal;
        line-height: 1.2;
        padding-right: 10px;
        padding-top: 5px;
        margin-bottom: 18px;
    }

    .pl3bl2 .form-row {
        display: block;
    }

    .pl3bl2 .form-row .col {
        width: 100%;
    }

    .radio-block[data-name="sushka-class-a"] {
        white-space: normal;
        line-height: 1.2;
        padding-right: 10px;
        padding-top: 5px;
        margin-top: 12px;
    }

    .pl3bl3 .form-row {
        display: block;
    }

    .pl3bl3 .form-row .col {
        margin-bottom: 20px;
        width: 100%;
    }

    .pl4bl1 {
        margin: 110px 0 60px;
    }

    .pl4bl1 .form-row {
        display: block;
    }

    .pl4bl1 .form-row .radio-block {
        margin: 0 0 28px;
        width: 100%;
    }

    #slider41 {
      width: calc(100vw - 230px);
    }

    .head.landing .start {
        display: none;
    }

    .head.landing .mobile-menu .start {
        display: block;
        margin: 0 auto;
        font-size: 28px;
        line-height: 38px;
        padding-bottom: 15px;
        border-bottom: 2px solid #fff;
        text-align: center;
        margin-bottom: 50px;
    }

    .mobile-menu {
        padding-top: 220px;
    }


    .head-menu {
        z-index: 3;
        left: 0;
        top: 0;
    }

    .head.landing .mobile-menu .start br {
        display: none;
    }

    .head.landing .head-menu-landing {
        display: none;
    }

    .head.landing .mobile-menu .head-menu-landing {
          display: flex;
          flex-direction: column;
          gap: 50px;
    }

    .head.landing .head-menu-landing a {
        font-size: 28px;
        line-height: 1;
        margin: 0;
        height: auto;
    }

    .head.landing .logo {
      margin-right: 0;
      border-bottom: 0;
      height: 16px;
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      z-index: 3;
    }

    .head.landing .logo:hover {
        border: 0;
    }

    .lbl3img-mob, .lbl3img2-mob, .landing-block2 .decor-mob {
        display: block;
    }

    .lbl3img, .lbl3img2, .landing-block2 .decor {
        display: none;
    }

    .landing-hero-block {
        background: #000 url(../images/landing-hero-mob.svg) right bottom no-repeat;
    }

    .landing-hero-block h1 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 25px;
    }

    .landing-hero-block {
        padding-top: 90px;
        min-height: 770px;
    }

    .landing-hero-block h1 br {
        display: none;
    }

    .landing-hero-block .desc {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 25px;
    }

    .landing-hero-block .btn {
        font-size: 12px;
        height: 70px;
        margin-bottom: 60px;
    }

    .landing-hero-block .down {
        display: none;
    }

    .landing-block2 {
        padding-top: 50px;
    }

    .landing-block2 h2 {
        font-size: 18px;
        line-height: 1;
        width: auto;
        margin-bottom: 50px;
    }

    .landing-block2 .title {
        text-align: center;
    }

     .landing-block2 .title br {
         display: none;
     }

     .landing-block2 .decor-mob {
         margin-left: -35px;
     }

     .landing-block2 .l-block2 {
      width: 330px;
      left: 83px;
      top: 247px;
    }

    .landing-block2 .l-block2.l-block22 {
      top: 593px;
      left: 109px;
    }

    .landing-block2 .l-block2.l-block23 {
      top: 980px;
      left: 79px;
    }

    .landing-block2 .l-block2.l-block24 {
      top: 1290px;
      left: 167px;
      width: 320px;
    }


    .landing-block2 .l-block2.l-block25 {
      top: 1632px;
      left: 86px;
      width: 330px;
    }

    .landing-block2 .l-block2.l-block26 {
      top: 1953px;
      left: 107px;
      width: 350px;
    }

    .landing-block2 .l-block2.l-block27 {
      top: 2293px;
      left: 110px;
      width: 300px;
    }

     .landing-block2 .l-block2 .name {
         font-size: 18px;
         line-height: 21px;
     }

     .landing-block2 .l-block2 .name br {
         display: none;
     }

     .landing-block2 .l-block2 .dec {
         font-size: 12px;
         margin-bottom: 20px;
     }

    .landing-block2 .l-block2 .line img:nth-child(1) {
        width: 31px;
    }
    .landing-block2 .l-block2 .line img:nth-child(2) {
        width: 49px;
    }
    .landing-block2 .l-block2 .line img:nth-child(3) {
        width: 40px;
    }
    .landing-block2 .l-block2 .line img:nth-child(4) {
        width: 40px;
    }
    .landing-block2 .l-block2.l-block22 .line img:nth-child(4) {
        width: 60px;
    }

    .landing-block2 .l-block2.l-block26 .line img:nth-child(1) {
        width: 50px;
    }
    .landing-block2 .l-block2.l-block26 .line img:nth-child(2) {
        width: 40px;
    }
    .landing-block2 .l-block2.l-block27 .line img:nth-child(1) {
        width: 40px;
    }

    .landing-block2 .l-block2.l-block21 .dec {
        width: 258px;
    }
    .landing-block2 .l-block2.l-block22 .dec {
      width: 163px;
    }
    .landing-block2 .l-block2.l-block23 .dec {
        width: 197px;
    }
    .landing-block2 .l-block2.l-block24 .dec {
      width: 143px;
    }
    .landing-block2 .l-block2.l-block25 .dec {
      width: 199px;
    }
    .landing-block2 .l-block2.l-block26 .dec {
        width: 218px;
    }
    .landing-block2 .l-block2.l-block27 .dec {
        width: 229px;
    }

    .landing-block3 {
        padding-top: 40px;
    }

    .landing-block3 h2 {
        font-size: 18px;
        line-height: 1;
    }

    .lbl3img-mob {
        width: 100%;
    }

    .lbl3img2-mob {
        width: 100%;
        margin-bottom: 50px;
    }

    .landing-block3 .turtle-text .desc {
      width: auto;
      line-height: 1.5;
      font-size: 12px;
    }

    .landing-block3 .turtle-text {
        margin-bottom: 73px;
    }

    .landing-block3 .text1 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 35px;
    }

    .landing-block3 .btn {
        width: 100%;
        font-size: 12px;
    }

    .landing-block3 .steps {
        width: 100vw;
        margin-left: -35px;
    }

    .landing-block3 .steps .step {
        padding: 80px 35px 90px;
        border-radius: 70px 0 0 0;
    }

    /* .landing-block3 .steps .step .line1 {
        display: block;
    } */

    .landing-block3 .steps .step .line1 .col .line11 {
        font-size: 12px;
        line-height: 1.3;
    }

    .landing-block3 .steps .step .hint {
        font-size: 12px;
        line-height: 1.3;
    }


    .landing-block3 .steps .step .inputlong {
        width: auto;
        font-size: 12px;
    }

    /* .landing-block3 .steps .step .line1 .col:nth-child(1) {
      width: 100%;
      margin-right: 0;
    }

    .landing-block3 .steps .step .line1 .col:nth-child(2) {
      width: 100%;
      margin-top: 40px;
    } */

    .landing-block3 .steps .step .line1 .col:nth-child(2) .line12 {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .landing-block3 .steps .step .inputval {
      font-size: 12px;
      height: 50px;
      width: 50px;
      line-height: 50px;
      margin: 0 15px;
    }

    .landing-block3 .steps .step .title {
        font-size: 18px;
        margin: 40px 0 25px;
    }

    .landing-block3 .steps .step .subtitle {
        font-size: 14px;
    }
    .landing-block3 .steps .step .line21 {
        display: block;
    }

    .landing-block3 .steps .step .line21 .radio-block {
        width: 100%;
        margin-bottom: 25px;
    }

    .landing-block3 .steps .step .line22 {
        display: block;
    }

    .landing-block3 .steps .step .line22 .hint {
        margin-top: 25px;
        padding-left: 40px;
        position: relative;
        color: rgba(0, 0, 0, 0.45);
    }

    .steps .step {
        font-size: 12px;
    }

    .landing-block3 .wrapper {
        padding: 0 32px;
    }

    .landing-block3 .steps .step .line3 .inputval {
        margin: 0;
    }

    .landing-block3 .steps .step .line4 {
        margin-top: 40px;
        display: block;
        padding-bottom: 53px;
    }

    .landing-block3 .steps .step .line4 .radio-block {
        margin-bottom: 25px;
    }

    .landing-block3 .steps .step .line4 .hint {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
    }

    .landing-block3 .steps .step .landing-gocalc {
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        width: 100%;
    }

    .landing-block4 {
        padding-bottom: 100px;
    }

    .landing-block4 .title {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .landing-block4 .line-bl4 {
        display: block;
        margin-bottom: 100px;
    }

    .landing-block4 .line-bl4 .desc {
        width: 100%;
        font-size: 12px;
    }

    .landing-block4 .line-bl4 .sep {
        display: none;
    }

    .landing-block4 .reacts {
        flex-wrap: wrap;
        gap: 20px;
    }

    .landing-block4 .reacts .react {
      width: 84px;
      height: 44px;
      font-size: 20px;
      padding-left: 55px;
      background-size: auto 100%;
      line-height: 44px;
    }

    .landing-block4 .reacts .react:nth-child(2) {
      background-size: auto 100%;
    }
    .landing-block4 .reacts .react:nth-child(3) {
      background-size: auto 100%;
    }
    .landing-block4 .reacts .react:nth-child(4) {
      background-size: auto 100%;
    }
    .landing-block4 .reacts .react:nth-child(5) {
      background-size: auto 100%;
    }

    .landing-block5 .title {
        display: none;
    }

    .landing-block5 .line-bl5 {
        display: block;
        position: relative;
        padding-top: 350px;
        margin-top: 75px;
    }

    .landing-block5 .line-bl5 .col:nth-child(1) {
        width: 100%;
    }

    .landing-block5 .line-bl5 .col:nth-child(1) .text {
        font-size: 12px;
    }

    .landing-block5 .line-bl5 .col .sqr {
        height: 205px;
        margin-bottom: 50px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) {
        width: 100%;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .desc {
        font-size: 12px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author {
        margin-bottom: 0;
        position: absolute;
        top: 0;
        display: block;
        font-size: 12px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author img {
        width: 150px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author .name {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .landing-block5 .line-bl5 .col:nth-child(2) .author a {
        font-size: 12px;
        display: inline-block;
        margin-top: 15px;
    }

    .landing-block6 {
        padding-top: 100px;
    }

    .landing-block6 .title {
        margin-bottom: 150px;
    }

    .landing-block6 .team-list {
        position: relative;
    }

    .landing-block6 .team-list .slick-next {
      position: absolute;
      right: -5px;
      top: -90px;
      width: 47px;
      height: 10px;
      background: url(../images/right_arr_slick.svg) center center no-repeat;
      display: block;
      border: 0;
      text-indent: -9999px;
    }

    .landing-block6 .team-list .slick-prev {
      position: absolute;
      right: -5px;
      top: -53px;
      width: 154px;
      height: 10px;
      background: url(../images/left_arr_slick.svg) center center no-repeat;
      display: block;
      border: 0;
      text-indent: -9999px;
    }

    .landing-block6 .team-list .item {
        width: calc(100vw - 70px);
        font-size: 12px;
        display: block;
        margin-bottom: 0;
        text-align: center;
    }

    .landing-block6 .team-list .item img {
        width: auto;
        margin-right: 0;
    }

    .landing-block6 .team-list .item .name {
        font-size: 20px;
        margin: 17px 0 10px;
    }

    .landing-block6 .team-list .item .role {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .landing-block7 .title {
      font-size: 18px;
      width: 100%;
      line-height: 21px;
    }

    .landing-block7 .title a:before {
        top: -26px;
    }

    .l-block7-list .slick-arrow.slick-next {
      right: auto;
      left: 60px;
      width: 45px;
      height: 46px;
      background-size: 100% auto;
      top: -82px;
    }

    .l-block7-list .slick-arrow.slick-prev {
      right: auto;
      left: 0px;
      width: 45px;
      height: 46px;
      background-size: 100% auto;
      top: -82px;
    }

    .l-block7-list .item {
      background: #97BA1E;
      border-radius: 230px;
      width: 275px;
      height: 480px;
      padding: 130px 40px 0 40px;
      color: #fff;
      position: relative;
      margin-right: 20px;
    }

    .l-block7-list .item .name {
        font-size: 14px;
    }

    .l-block7-list .item .desc {
        font-size: 12px;
        margin-bottom: 30px;
    }

    .l-block7-list .item .btn {
        width: 190px;
        height: 60px;
        font-size: 12px;
        position: relative;
        left: 0;
        bottom: 0;
    }

    .l-block7-list .item.item2 {
        padding-left: 40px;
    }

    .l-block7-list .item.item2 .btn {
        left: 0;
    }

    .l-block7-list .item.item3 {
        padding-left: 40px;
    }

    .l-block7-list .item.item3 .btn {
        left: 0;
    }

    .l-block7-list .item.item4 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .l-block7-list .item.item4 .btn {
        left: 0;
    }

    .l-block7-list .item.item5 {
        padding-left: 40px;
    }

    .l-block7-list .item.item5 .btn {
        left: 0;
    }

    .l-block7-list .item.item6 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .l-block7-list .item.item6 .btn {
        left: 0;
    }

    .head.landing .logo .desktop {
        display: none;
    }

    .head.landing .logo .mobile {
        display: block;
    }


}