@font-face {
    font-family: "Bic";
    src: url(../fonts/bic.woff)
}
* {
    padding: 0;
    margin: 0;
    border: 0
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus, :active {
    outline: none
}
.wt-non{
    white-space: nowrap;
}
a:focus, a:active {
    outline: none
}

nav, footer, header, aside {
    display: block
}

html, body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input, button, textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.none{
    display: none !important;
}
a, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit
}

:root {
    --bic: "Bic"
}

body {
    /*max-width: 1920px;*/
    background: #fff;
    font-family: "Jost", sans-serif
}

.element-animation {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.element-animation.element-show {
    opacity: 1;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.container {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto
}

.desk {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.mob {
    display: none !important
}

.bred {
    margin-top: 200px;
    width: 100%
}

.bred__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.bred__body span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}
.bred__body a {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}
.bred__body-soft{
    color: #007aff !important;
}


.catalog {
    width: 100%;
    margin-top: 64px
}

.catalog__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.catalog__body-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.catalog__body-text-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.catalog__body-text p {
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #646464
}

.catalog__body .splide {
    width: 100%
}

.catalog__body .splide .splide__list {
    padding: 20px 0 !important
}

.catalog__body .splide .splide__arrows {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    top: -90px;
    right: 0
}

.catalog__body .splide .splide__arrows .splide__arrow {
    width: 44px;
    height: 44px;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0%;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922)
}

.catalog__body .splide .splide__arrows .splide__arrow svg {
    fill: none;
    width: 24px;
    height: 24px
}

.catalog__body .splide .splide__arrows .splide__arrow svg path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__body .splide .splide__arrows .splide__arrow:hover {
    background: #42474b
}

.catalog__body .splide .splide__arrows .splide__arrow:hover svg path {
    stroke: #fff
}

.catalog__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.catalog__body-block-item {
    width: 424px;
    height: 390px;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    background: #fff;
    position: relative;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}

.catalog__body-block-item-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 424px;
    height: 249px;
}

.catalog__body-block-item span {
    font-family: var(--bic);
    font-size: 24px;
    font-weight: 400;
    line-height: 29.71px;
    letter-spacing: .34em;
    text-align: left;
    color: #42474b;
    min-height: 60px;
    z-index: 2
}

.catalog__body-block-item .arrow {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.catalog__body-block-item .arrow svg {
    width: 24px;
    height: 24px
}

.catalog__body-block-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    z-index: 2
}

.catalog__body-block-item-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.catalog__body-block-item-list-item svg {
    width: 18px;
    height: 18px
}

/* .catalog__body-block-item:nth-child(1) img {
    width: 435px;
    height: 249px
} */

/* .catalog__body-block-item:nth-child(2) img {
    width: 354px;
    height: 228px
}

.catalog__body-block-item:nth-child(3) img {
    width: 262px;
    height: 228px
}

.catalog__body-block-item:nth-child(5) img {
    width: 157px;
    height: 273px
}

.catalog__body-block-item:nth-child(6) img {
    width: 270px;
    height: 202px
}

.catalog__body-block-item:nth-child(7) img {
    width: 230px;
    height: 239px
}

.catalog__body-block-item:nth-child(8) img {
    width: 255px;
    height: 228px;
    right: -20px;
}

.catalog__body-block-item:nth-child(9) img {
    width: 345px;
    height: 203px
} */
.also{
    width: 413px !important;
    height: 390px;
    margin-right: 40px;
}
.catalog__body-link {
    width: 180px;
    height: 63px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff;
    -ms-flex-item-align: center;
    align-self: center
}

.contact {
    width: 100%;
    margin-top: 64px
}

.contact__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact__body-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact__body-info h2 {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.contact__body-info-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-top: 23px
}

.contact__body-info-items-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact__body-info-items-item span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.contact__body-info-items-item p {
    font-size: 24px;
    font-weight: 600;
    line-height: 34.68px;
    text-align: left;
    color: #090628
}

.contact__body-info-items-item a {
    font-size: 24px;
    font-weight: 600;
    line-height: 34.68px;
    text-align: left;
    color: #090628;
    text-decoration: underline
}

.contact__body-info-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.contact__body-info-social span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #646464;
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact__body-info-social span svg {
    width: 18px;
    height: 18px
}

.contact__body-info-social-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.contact__body-info-social-items a {
    width: 40px;
    height: 40px
}

.contact__body-info-social-items a svg {
    width: 40px;
    height: 40px
}

.contact__body iframe {
    height: 522px;
    width: 672px
}

.footer {
    width: 100%;
    margin-top: 42px;
    padding-bottom: 34px
}

.footer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 24px
}

.footer__body-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.footer__body-start-logo {
    width: 244.5px;
    height: 111px
}

.footer__body-start-logo img {
    width: 100%;
    height: 100%
}

.footer__body-start .line {
    height: 64px;
    width: 1px;
    background: #646464
}

.footer__body-start-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #090628
}

.footer__body-info {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #090628
}

.footer__body-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer__body-right span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: right;
    color: #090628
}

.footer__body-right a {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: right;
    color: #090628;
    text-decoration: underline
}
.header__black {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 30;
    padding-bottom: 12px;
}
.header__black.active__scroll .header__black-body-logo{
    height: 91px;
    min-height: 91px;
    align-self:center;
}
.header__white.active__scroll .header__white-body-logo{
    height: 91px;
    min-height: 91px;
    align-self:center;
}
.header__black-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.header__black-body-logo {
    min-width: 200px;
    min-height: 151.4px;
    width: 200px;
    height: 151.4px;
}

.header__black-body-logo img {
    width: 100%;
    height: 100%
}

.header__black-body-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 43px;
    width: 100%
}

.header__black-body-menu-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__black-body-menu-top-name {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.header__black-body-menu-top-address {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.header__black-body-menu-top-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    background: #007aff;
    border-radius: 2px;
    padding: 8px
}

.header__black-body-menu-top-calc svg {
    width: 40px;
    height: 41px
}

.header__black-body-menu-top-calc span {
    font-size: 16px;
    font-weight: 600;
    line-height: 23.12px;
    text-align: left;
    color: #fff
}

.header__black-body-menu-top-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__black-body-menu-top-cont a:nth-child(1) {
    font-size: 24px;
    font-weight: 600;
    line-height: 34.68px;
    text-align: left;
    color: #090628
}

.header__black-body-menu-top-cont a:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #090628
}

.header__black-body-menu-top-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.header__black-body-menu-top-btns a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 58px;
    height: 58px;
    background: url(../images/dist/btns.png) center no-repeat;
    background-size: cover
}

.header__black-body-menu-top-btns a svg {
    width: 32px;
    height: 33px
}

.header__black-body-menu-top-btns a .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #ff9500;
    width: 27px;
    height: 27px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.23px;
    text-align: left;
    color: #fff;
    top: -6px;
    right: -6px
}

.header__black-body-menu-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.header__black-body-menu-nav ul li {
    font-family: var(--bic);
    font-size: 14px;
    font-weight: 400;
    line-height: 17.33px;
    letter-spacing: .42em;
    text-align: center;
    color: #090628;
    padding-bottom: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header__black-body-menu-nav ul li:hover {
    border-bottom: 1px solid #007aff
}

.header__black-body-menu-nav ul li.active {
    border-bottom: 1px solid #007aff
}

.header__white {
    width: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    transition: all 0.3s ease;
}
.header__white.active__scroll{
    background: #fff;
}
.header__white.active__scroll p{
    color: #090628;
}
.header__white.active__scroll span{
    color: #090628;
}
.header__white.active__scroll a{
    color: #090628 !important;
}
.header__white.active__scroll .use path{
    stroke: #090628;
}
.header__white.active__scroll .use circle{
    stroke: #090628;
}
.header__white.active__scroll{}
.header__white.active__scroll{}
.header__white-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.header__white-body-logo {
    min-width: 200px;
    min-height: 151.4px;
    width: 200px;
    height: 151.4px;
}

.header__white-body-logo img {
    width: 100%;
    height: 100%
}

.header__white-body-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 43px;
    width: 100%
}

.header__white-body-menu-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__white-body-menu-top-name {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff
}

.header__white-body-menu-top-address {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff
}

.header__white-body-menu-top-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    background: #007aff;
    border-radius: 2px;
    padding: 8px
}

.header__white-body-menu-top-calc svg {
    width: 40px;
    height: 41px
}

.header__white-body-menu-top-calc span {
    font-size: 16px;
    font-weight: 600;
    line-height: 23.12px;
    text-align: left;
    color: #fff
}

.header__white-body-menu-top-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__white-body-menu-top-cont a:nth-child(1) {
    font-size: 24px;
    font-weight: 600;
    line-height: 34.68px;
    text-align: left;
    color: #fff
}

.header__white-body-menu-top-cont a:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #fff
}

.header__white-body-menu-top-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.header__white-body-menu-top-btns a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 58px;
    height: 58px;
    background: url(../images/dist/btns.png) center no-repeat;
    background-size: cover
}

.header__white-body-menu-top-btns a svg {
    width: 32px;
    height: 33px
}

.header__white-body-menu-top-btns a .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #ff9500;
    width: 27px;
    height: 27px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.23px;
    text-align: left;
    color: #fff;
    top: -6px;
    right: -6px
}

.header__white-body-menu-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.header__white-body-menu-nav ul li {
    font-family: var(--bic);
    font-size: 14px;
    font-weight: 400;
    line-height: 17.33px;
    letter-spacing: .42em;
    text-align: center;
    color: #fff;
    padding-bottom: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header__white-body-menu-nav ul li:hover {
    border-bottom: 1px solid #007aff
}

.header__white-body-menu-nav ul li.active {
    border-bottom: 1px solid #007aff
}

.item {
    width: 100%;
    margin-top: 26px
}

.item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px;
    width: 100%;
    position: relative
}

.item__body-itemone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    width: 200px;
    height: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 86px;
    top: -4px;
    background: #fff;
    z-index: 10
}

.item__body-itemone svg {
    width: 48px;
    height: 48px
}

.item__body-itemone span {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: center;
    color: #73787c
}

.item__body-itemtwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    width: 170px;
    height: 170px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 140px;
    background: #fff;
    z-index: 5
}

.item__body-itemtwo svg {
    width: 48px;
    height: 48px
}

.item__body-itemtwo span {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: center;
    color: #73787c
}

.item__body-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.item__body-top-img {
    width: 563px;
    height: 465px
}

.item__body-top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.item__body-top-info h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 52.02px;
    text-align: left;
    color: #090628;
    max-width: 330px
}

.item__body-top-info-attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.item__body-top-info-attr-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.item__body-top-info-attr-item span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #73787c
}

.item__body-top-info-attr-item p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #090628
}

.item__body-top-info-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.item__body-top-info-price p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.item__body-top-info-price span:nth-child(2) {
    font-size: 28px;
    font-weight: 400;
    line-height: 40.46px;
    text-align: left;
    color: #007aff
}

.item__body-top-info-price span:nth-child(3) {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #42474b
}

.item__body-top-info-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.item__body-top-info-btns button:nth-child(1) {
    padding: 16px 24px;
    background: #007aff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.item__body-top-info-btns button:nth-child(2) {
    padding: 16px 24px;
    background: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #007aff;
    border: 1px solid #007aff
}

.item__body-bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #73787c
}

.item__body-bot a {
    color: #007aff;
    text-decoration: underline
}

.item__body-bot ul li {
    list-style: disc;
    list-style-position: inside
}

.main__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 76px;
    background: url(../images/dist/back.png) center no-repeat;
    background-size: cover
}

.main {
    width: 100%;
    padding-bottom: 78px;
    padding-top: 187px;
}

.main__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.main__body-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main__body-text-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #fff;
    max-width: 886px
}

.main__body-text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 64px;
    column-gap: 24px;
    max-width: 520px;
    margin-top: 23px
}

.main__body-text-block-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.main__body-text-block-item svg {
    width: 48px;
    height: 48px
}

.main__body-text-block-item span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.main__body-text-block-item:nth-child(1) {
    width: 246px
}

.main__body-text-block-item:nth-child(3) {
    width: 246px
}

.main__body-text a {
    width: 218px;
    height: 61px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff;
    margin-top: 64px
}

.main__body-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-top: 36px
}

.main__body-rating-item {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.49)), color-stop(89.69%, rgba(0, 0, 0, 0.0539)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.0539) 89.69%);
    -webkit-box-shadow: 0px 10.69px 48.87px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 0px 10.69px 48.87px 0px rgba(0, 0, 0, .2509803922);
    -webkit-backdrop-filter: blur(6.8728232384px);
    backdrop-filter: blur(6.8728232384px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    width: 200px;
    height: 75px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main__body-rating-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.main__body-rating-item-top span {
    font-size: 18.33px;
    font-weight: 400;
    line-height: 26.48px;
    text-align: center;
    color: #fff
}

.main__body-rating-item-top img {
    width: 104px;
    height: 19px
}

.main__body-rating-item-place {
    max-width: 106px;
    max-height: 22px
}

.order {
    width: 100%;
    margin-top: 26px
}

.order__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.order__body-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px
}

.order__body-info h1 {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.order__body-info-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.order__body-info-type-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 424px;
    height: 119px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    gap: 8px;
    background: #f9f9f9;
    padding-left: 18px;
    cursor: pointer
}

.order__body-info-type-item svg {
    width: 40px;
    height: 40px
}

.order__body-info-type-item .arrow {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 18px;
    right: 18px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0
}

.order__body-info-type-item span {
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #090628
}

.order__body-info-type-item.active {
    border: 1px solid #007aff
}

.order__body-info-type-item.active .arrow {
    opacity: 1
}

.order__body-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f9f9f9;
    width: 872px;
    padding: 24px
}

.order__body-info-item h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 52.02px;
    text-align: left;
    color: #090628
}

.order__body-info-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px
}

.order__body-info-item-top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 629px;
    height: 58px;
    padding: 0 12px;
    position: relative
}
.order__body-info-item-top-wrap-select{}

.order__body-info-item-top-wrap span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #73787c
}

.order__body-info-item-top-wrap select {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.order__body-info-item-top-wrap input {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}
.date__svg{
    width: 24px;
    height: 24px;
    right: 12px
}
.order__body-info-item-top-wrap .arrow__inp {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 12px
}

.order__body-info-item-top-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    background: rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.order__body-info-item-top-place svg {
    width: 24px;
    height: 24px
}

.order__body-info-item-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-top: 12px
}

.order__body-info-item-block-wrap {
    width: 406px;
    height: 58px;
    background: #fff;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order__body-info-item-block-wrap input {
    width: 90%;
    height: 58px;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.order__body-info-item-block-wrap input[type=date] {
    position: relative
}

.order__body-info-item-block-wrap input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.order__body-info-item-block-wrap input[type=date]::-webkit-inner-spin-button, .order__body-info-item-block-wrap input[type=date]::-webkit-clear-button {
    z-index: -10
}

.order__body-info-item-block-wrap input[type=date]::-webkit-input-placeholder {
    z-index: 99
}

.order__body-info-item-block-wrap input[type=date]:placeholder {
    z-index: 99
}

.order__body-info-item-block-wrap input[type=date]:not(.has-value):before {
    content: attr(placeholder);
    width: 100%
}

.order__body-info-item-block input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0
}

.order__body-info-item-block select {
    width: 90%;
    height: 58px;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628;
    padding: 0 12px
}
.time__zone svg{
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
}
.time__zone{
    position: relative;
    width: 406px;
    height: 58px;
    display: flex;
    align-items: center;
    background: #fff;
}
.time__zone span{
    position: absolute;
    background: #fff;
    left: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #73787C;
    z-index: 10;
}
.time__zone select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.order__body-info-item-inp {
    width: 100%;
    height: 58px;
    background: #fff;
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628;
    padding-left: 12px
}

.order__body-info-item-dan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px
}

.order__body-info-item-dan svg {
    width: 32px;
    height: 32px
}

.order__body-info-item-dan p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #73787c
}

.order__body-info-item-attr {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.order__body-info-item-attr-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 64px
}

.order__body-info-item-attr-item p {
    width: 178px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #73787c
}

.order__body-info-item-attr-item span {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.order__body-info-item .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 25px
}

.order__body-info-item .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #090628;
    margin-top: 12px;
}

.order__body-info-item .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 2px solid #007aff;
    border-radius: 2px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.order__body-info-item .checkbox-icon {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 18px;
    height: 18px
}

.order__body-info-item .checkbox:checked+.checkbox-view .checkbox-icon {
    opacity: 1
}

.order__body-info-item-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px
}

.order__body-info-item-radio-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.order__body-info-item-radio-item input {
    width: 18px;
    height: 18px
}

.order__body-info-item-radio-item span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #090628
}

.order__body-info-item textarea {
    width: 100%;
    height: 152px;
    resize: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #090628;
    background: #fff;
    padding: 8px 12px;
    margin-top: 24px
}

.order__body-info-item-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #73787c;
    margin-top: 8px
}

.order__body-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: sticky;
    background: url(../images/dist/res__back.png) center no-repeat;
    background-size: cover;
    width: 423px;
    height: 440px;
    top: 0;
    padding: 48px 24px
}

.order__body-result h2 {
    font-family: var(--bic);
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: .06em;
    text-align: left;
    color: #fff
}

.order__body-result .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 25px
}

.order__body-result .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff;
    margin-top: 22px
}

.order__body-result .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 2px solid #fff;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: .3s;
    transition: .3s
}

.order__body-result .checkbox-icon {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 18px;
    height: 18px
}

.order__body-result-attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px
}

.order__body-result-attr span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.order__body-result button {
    width: 375px;
    height: 61px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #007aff;
    margin-top: 22px
}

.order__body-result p {
    max-width: 375px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #fff;
    margin-top: 16px
}

.order__body-result p a {
    text-decoration: underline
}

.partners {
    width: 100%;
    margin-top: 200px;
    background: url(../images/dist/part__back.png) center no-repeat;
    background-size: 100% 100%;
    height: 756px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partners__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: 100px
}

.partners__body-logo {
    position: absolute;
    width: 200px;
    top: -162px;
    height: 171.4px;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922)
}

.partners__body-logo img {
    width: 100%;
    height: 100%
}

.partners__body-desc {
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: center;
    max-width: 949px;
    color: #fff;
    margin-top: 40px
}

.partners__body-attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 57px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.partners__body-attr-item {
    width: 218.4px;
    height: 96.33px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: center;
    color: #646464;
    box-shadow: 4px 4px 13px 0px #00000040;

}

.partners__body-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: center;
    margin-top: 44px;
    color: #fff
}

.partners__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 24px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    margin-top: 24px
}

.partners__body-block-item {
    width: 292px;
    height: 108px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 4px 4px 13px 0px #00000040;
}

.partners__body-block-item img {
    width: 244px;
    height: 88px
}

.partners__body a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: center;
    color: #fff;
    margin-top: 20px
}

.partners__body a svg {
    width: 24px;
    height: 24px
}

.popular {
    width: 100%;
    margin-top: 43px
}

.popular__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.popular__body-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628;
    max-width: 869px
}

.popular__body .splide {
    width: 100%
}

.popular__body .splide .splide__arrows {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    top: -90px;
    right: 0
}

.popular__body .splide .splide__arrows .splide__arrow {
    width: 44px;
    height: 44px;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0%;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922)
}

.popular__body .splide .splide__arrows .splide__arrow svg {
    fill: none;
    width: 24px;
    height: 24px
}

.popular__body .splide .splide__arrows .splide__arrow svg path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.popular__body .splide .splide__arrows .splide__arrow:hover {
    background: #42474b
}

.popular__body .splide .splide__arrows .splide__arrow:hover svg path {
    stroke: #fff
}

.popular__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.popular__body-block-item {
    width: 244.8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    cursor: pointer
}

.popular__body-block-item-name {
    font-family: var(--bic);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.81px;
    letter-spacing: .42em;
    text-align: left;
    color: #090628;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.popular__body-block-item .text__dif {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628;
    font-family: "Jost", sans-serif;
    letter-spacing: normal
}

.popular__body-block-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 8px;
    position: relative;
    height: 160px
}

.popular__body-block-item-top img {
    width: 100%;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.popular__body-block-item-top p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff
}

.popular__body-block-item-top a {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: 13px;
    font-weight: 300;
    line-height: 18.79px;
    text-align: left;
    color: #090628;
    position: absolute;
    bottom: 0;
    right: -5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.popular__body-block-item:hover .popular__body-block-item-name {
    color: #007aff
}

.popular__body-block-item:hover a {
    color: #007aff
}

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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus, :active {
    outline: none
}

a:focus, a:active {
    outline: none
}

nav, footer, header, aside {
    display: block
}

html, body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input, button, textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

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

a, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit
}

.review {
    width: 100%;
    margin-top: 64px
}

.review__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.review__body-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.review__body-top h2 {
    font-family: var(--bic);
    font-size: 22px;
    font-weight: 400;
    line-height: 27.24px;
    letter-spacing: .06em;
    text-align: center;
    color: #090628
}

.review__body-top p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: center;
    color: #646464
}

.review__body-top-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-top: 12px
}

.review__body-top-items-item {
    background: #fff;
    -webkit-box-shadow: 0px 10.69px 48.87px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 0px 10.69px 48.87px 0px rgba(0, 0, 0, .2509803922);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    width: 200px;
    height: 75px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.review__body-top-items-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.review__body-top-items-item-top span {
    font-size: 18.33px;
    font-weight: 400;
    line-height: 26.48px;
    text-align: center;
    color: #090628
}

.review__body-top-items-item-top img {
    width: 104px;
    height: 19px
}

.review__body-top-items-item-place {
    max-width: 106px;
    max-height: 22px
}

.review__body .splide {
    width: 918px
}

.review__body .splide .splide__arrow {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    border-radius: 0;
    opacity: 1;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.review__body .splide .splide__arrow svg {
    fill: none;
    width: 24px;
    height: 24px
}

.review__body .splide .splide__arrow--prev {
    left: -8em
}

.review__body .splide .splide__arrow--next {
    right: -8em
}

.review__body .splide .splide__arrow:hover {
    background: #42474b
}

.review__body .splide .splide__arrow:hover svg path {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    stroke: #fff
}

.review__body .splide .splide__slide {
    width: 918px !important;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-right: 24px !important
}

.review__body .splide .splide__slide span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.13px;
    text-align: center;
    color: #42474b
}

.review__body .splide .splide__slide p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: center;
    color: #73787c
}

.shop {
    width: 100%;
    margin-top: 26px
}

.shop__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.shop__body-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.shop__body-text-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.shop__body-text p {
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #646464
}

.shop__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.shop__body-block-item {
    width: 424px;
    height: 390px;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    background: #fff;
    position: relative;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    overflow: hidden
}

.shop__body-block-item-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 249px;
}

.shop__body-block-item span {
    font-family: var(--bic);
    font-size: 24px;
    font-weight: 400;
    line-height: 29.71px;
    letter-spacing: .34em;
    text-align: left;
    color: #42474b;
    min-height: 60px;
    z-index: 2
}

.shop__body-block-item .arrow {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.shop__body-block-item .arrow svg {
    width: 24px;
    height: 24px
}

.shop__body-block-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    z-index: 2
}

.shop__body-block-item-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.shop__body-block-item-list-item svg {
    width: 18px;
    height: 18px
}


.shop__body-block-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    min-width: 872px;
    background: #42474b;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, .2509803922);
    height: 390px;
    padding: 20px
}

.shop__body-block-form-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.shop__body-block-form-text span {
    font-family: var(--bic);
    font-size: 28px;
    font-weight: 400;
    line-height: 34.66px;
    letter-spacing: .06em;
    text-align: left;
    color: #fff
}

.shop__body-block-form-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.shop__body-block-form-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.shop__body-block-form-main-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.shop__body-block-form-main-wrap span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.shop__body-block-form-main-wrap input {
    width: 100%;
    height: 34px;
    background: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff
}

.shop__body-block-form-main-wrap input::-webkit-input-placeholder {
    color: #cfcfcf
}

.shop__body-block-form-main button {
    width: 100%;
    height: 63px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.shop__body-block-form .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shop__body-block-form .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    gap: 5px;
    color: #fff
}

.shop__body-block-form .checkbox-label a {
    text-decoration: underline
}

.shop__body-block-form .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: .3s;
    transition: .3s
}

.shop__body-block-form .checkbox:checked+.checkbox-view {
    background-color: #fff
}

.shop__body-link {
    width: 180px;
    height: 63px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff;
    -ms-flex-item-align: center;
    align-self: center
}

.shop__body-desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #73787c
}

.sign {
    width: 100%;
    margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sign__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f1f1f1;
    width: 636px;
    padding: 24px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto
}

.sign__body-title {
    font-family: var(--bic);
    font-size: 24px;
    font-weight: 400;
    line-height: 29.71px;
    letter-spacing: .34em;
    text-align: left;
    color: #090628
}

.sign__body-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.sign__body-form input {
    width: 100%;
    height: 100%;
    padding: 12px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #090628;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.sign__body-form-pas {
    width: 588px;
    height: 58px;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sign__body-form-pas-btn {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 10
}

.sign__body-form-pas-btn svg {
    width: 24px;
    height: 24px
}

.sign__body-form-pas-btn.active {
    opacity: 1
}

.sign__body-form-em {
    width: 588px;
    height: 58px;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sign__body-form-em span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #73787c;
    position: absolute;
    left: 12px;
    z-index: 10;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sign__body-form-em span.active {
    font-size: 10px;
    line-height: 14px;
    top: 2px
}

.sign__body-form-btn {
    width: 100%;
    height: 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #007aff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.sign__body-form a {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.stage {
    width: 100%;
    margin-top: 64px
}

.stage__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.stage__body-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.stage__body-text h2 {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628;
    max-width: 740px
}

.stage__body-text p {
    font-size: 28px;
    font-weight: 400;
    line-height: 40.46px;
    text-align: left;
    color: #090628
}

.stage__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.stage__body-block-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.stage__body-block-top-item {
    width: 312px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    cursor: pointer
}

.stage__body-block-top-item-name {
    font-family: var(--bic);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.81px;
    letter-spacing: .42em;
    text-align: left;
    color: #090628;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stage__body-block-top-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 8px;
    position: relative;
    height: 200px
}

.stage__body-block-top-item-top img {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.stage__body-block-top-item-top p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff
}

.stage__body-block-top-item-top a {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: 13px;
    font-weight: 300;
    line-height: 18.79px;
    text-align: left;
    color: #090628;
    position: absolute;
    bottom: 0;
    right: -5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stage__body-block-top-item:hover .stage__body-block-top-item-name {
    color: #007aff
}

.stage__body-block-top-item:hover a {
    color: #007aff
}

.stage__body-block-bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.stage__body-block-bot-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.stage__body-block-bot-wrap-item {
    width: 312px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    cursor: pointer
}

.stage__body-block-bot-wrap-item-name {
    font-family: var(--bic);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.81px;
    letter-spacing: .42em;
    text-align: left;
    color: #090628;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stage__body-block-bot-wrap-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 8px;
    position: relative;
    height: 200px
}

.stage__body-block-bot-wrap-item-top img {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.stage__body-block-bot-wrap-item-top p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff
}

.stage__body-block-bot-wrap-item-top a {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: 13px;
    font-weight: 300;
    line-height: 18.79px;
    text-align: left;
    color: #090628;
    position: absolute;
    bottom: 0;
    right: -5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stage__body-block-bot-wrap-item:hover .stage__body-block-bot-wrap-item-name {
    color: #007aff
}

.stage__body-block-bot-wrap-item:hover a {
    color: #007aff
}

.stage__body-block-bot-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    background: url(../images/dist/form__back.png) center no-repeat;
    background-size: 100% 100%;
    min-width: 645px;
    height: 551px;
    padding: 40px
}

.stage__body-block-bot-form-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.stage__body-block-bot-form-text span {
    font-family: var(--bic);
    font-size: 28px;
    font-weight: 400;
    line-height: 34.66px;
    letter-spacing: .06em;
    text-align: left;
    color: #fff
}

.stage__body-block-bot-form-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.stage__body-block-bot-form-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.stage__body-block-bot-form-main-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.stage__body-block-bot-form-main-wrap span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.stage__body-block-bot-form-main-wrap input {
    width: 100%;
    height: 34px;
    background: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff
}

.stage__body-block-bot-form-main-wrap input::-webkit-input-placeholder {
    color: #cfcfcf
}

.stage__body-block-bot-form-main button {
    width: 211px;
    height: 54px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.stage__body-block-bot-form .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.stage__body-block-bot-form .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    gap: 5px;
    color: #fff
}

.stage__body-block-bot-form .checkbox-label a {
    text-decoration: underline
}

.stage__body-block-bot-form .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: .3s;
    transition: .3s
}

.stage__body-block-bot-form .checkbox:checked+.checkbox-view {
    background-color: #fff
}

.support {
    width: 100%;
    background: url(../images/dist/supp.png) center no-repeat;
    background-size: 100% 100%;
    margin-top: 64px;
    position: relative
}

.support img {
    width: 677px;
    height: 684px;
    right: 30px;
    bottom: 0;
    position: absolute
}

.support__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    position: relative;
    padding: 140px 0
}

.support__body-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.support__body-text h2 {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #fff;
    max-width: 740px
}

.support__body-text p {
    font-size: 28px;
    font-weight: 400;
    line-height: 40.46px;
    text-align: left;
    color: #fff
}

.support__body-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #fff
}

.support__body-list svg {
    width: 18px;
    height: 18px
}

.support__body-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.support__body-form-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.support__body-form-main-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.support__body-form-main-wrap span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.support__body-form-main-wrap input {
    width: 287px;
    height: 34px;
    background: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff
}

.support__body-form-main-wrap input::-webkit-input-placeholder {
    color: #cfcfcf
}

.support__body-form-main button {
    width: 275px;
    height: 63px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff
}

.support__body-form .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.support__body-form .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    gap: 5px;
    color: #fff
}

.support__body-form .checkbox-label a {
    text-decoration: underline
}

.support__body-form .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: .3s;
    transition: .3s
}

.support__body-form .checkbox:checked+.checkbox-view {
    background-color: #fff
}

.trash {
    width: 100%;
    margin-top: 26px
}

.trash__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px
}

.trash__body-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.trash__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.trash__body-block-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 55px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.trash__body-block-top span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #646464
}

.trash__body-block-top span:nth-child(1) {
    width: 499px
}

.trash__body-block-top span:nth-child(2) {
    width: 80px
}

.trash__body-block-top span:nth-child(3) {
    width: 80px
}

.trash__body-block-top span:nth-child(4) {
    width: 92px
}

.trash__body-block-top span:nth-child(5) {
    width: 80px
}

.trash__body-block-top span:nth-child(6) {
    width: 80px
}

.trash__body-block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.trash__body-block-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    min-height: 58px;
    background: rgba(0, 0, 0, 0)
}

.trash__body-block-list-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.trash__body-block-list-item .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.trash__body-block-list-item .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trash__body-block-list-item .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.trash__body-block-list-item .checkbox-icon {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 18px;
    height: 18px
}

.trash__body-block-list-item .checkbox:checked+.checkbox-view .checkbox-icon {
    opacity: 1
}

.trash__body-block-list-item-img {
    width: 58px;
    height: 58px
}

.trash__body-block-list-item-name {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464;
    margin-left: 16px
}

.trash__body-block-list-item-col {
    width: 80px;
    height: 37px;
    border: 1px solid #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: center;
    color: #646464
}

.trash__body-block-list-item-pood {
    width: 80px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.trash__body-block-list-item-pood option {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.trash__body-block-list-item-nds {
    width: 92px;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.trash__body-block-list-item-price {
    width: 80px;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.trash__body-block-list-item-do {
    width: 80px;
    height: 32px;
    background: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.trash__body-block-list-item-do svg {
    width: 24px;
    height: 24px
}

.trash__body-block-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.trash__body-block-btns button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px 10px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #007aff
}

.trash__body-block-btns button span {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #646464
}

.trash__body-block-btns button svg {
    width: 24px;
    height: 24px
}

.trash__body-block .line {
    width: 100%;
    height: 38px
}

.trash__body-result {
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.trash__body-result h2 {
    font-family: var(--bic);
    font-size: 22px;
    font-weight: 400;
    line-height: 27.24px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.trash__body-result-attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px
}

.trash__body-result-attr span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #42474b
}

.trash__body-result button {
    width: 375px;
    height: 61px;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.9px;
    text-align: left;
    color: #fff;
    margin-top: 22px
}

.trash__body-result p {
    max-width: 375px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #42474b;
    margin-top: 8px
}

.trash__body-result p a {
    text-decoration: underline
}

.user {
    width: 100%;
    margin-top: 26px
}

.user__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.user__body-title {
    font-family: var(--bic);
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .06em;
    text-align: left;
    color: #090628
}

.user__body-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.user__body-top a {
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #e72828
}

.user__body-top-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user__body-top-tab-item {
    padding: 18px 27.5px;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 24px;
    font-weight: 400;
    line-height: 34.68px;
    text-align: left;
    color: #090628
}

.user__body-top-tab-item.active {
    background: #f9f9f9
}

.user__body-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background: #f9f9f9
}

.user__body-block h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 52.02px;
    text-align: left;
    color: #090628
}

.user__body-block-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%
}

.user__body-block-items .col-3 {
    width: 407.33px
}

.user__body-block-items .col-3 input {
    width: 350px
}

.user__body-block-items .col-4 {
    width: 300px
}

.user__body-block-items .col-4 input {
    width: 250px
}

.user__body-block-items .col-2 {
    width: 623px
}

.user__body-block-items .col-2 input {
    width: 573px
}

.user__body-block-items .col-1 {
    width: 100%
}

.user__body-block-items .col-1 input {
    width: 1200px
}

.user__body-block-items-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: 58px;
    position: relative
}

.user__body-block-items-wrap button {
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0)
}

.user__body-block-items-wrap button svg {
    width: 24px;
    height: 24px
}

.user__body-block-items-wrap-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.user__body-block-items-wrap-left span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #73787c
}

.user__body-block-items-wrap-left input {
    background: rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628
}

.user__body-block-items-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.user__body-block-items-add input {
    width: 1082px;
    height: 58px;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628;
    background: #fff
}

.user__body-block-items-add-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    background: rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #000
}

.user__body-block-items-add-end svg {
    width: 24px;
    height: 24px
}

.user__body-del {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    background: #f9f9f9;
    padding: 24px
}

.user__body-del .sum {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-family: var(--bic);
    font-size: 22px;
    font-weight: 400;
    line-height: 27.24px;
    letter-spacing: .06em;
    text-align: right;
    color: #090628
}

.user__body-del-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.user__body-del-top p {
    font-size: 36px;
    font-weight: 400;
    line-height: 52.02px;
    text-align: left;
    color: #090628
}

.user__body-del-top p span {
    color: #007aff
}

.user__body-del-top a {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #73787c
}

.user__body-del-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.user__body-del-info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user__body-del-info-top-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 12px 18px;
    background: #fff
}

.user__body-del-info-top-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #73787c
}

.user__body-del-info-top-item span {
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
    text-align: left;
    color: #090628;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.user__body-del-info-top-item span svg {
    width: 24px;
    height: 24px
}

.user__body-del-info-top .green__status {
    color: #07b633
}

.user__body-del-info-top .red__status {
    color: #e72828
}

.user__body-del-info-top .yellow__status {
    color: #d5ab02
}

.user__body-del-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.user__body-del-info-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    min-height: 58px;
    background: rgba(0, 0, 0, 0)
}

.user__body-del-info-list-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.user__body-del-info-list-item .checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.user__body-del-info-list-item .checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user__body-del-info-list-item .checkbox-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.user__body-del-info-list-item .checkbox-icon {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 18px;
    height: 18px
}

.user__body-del-info-list-item .checkbox:checked+.checkbox-view .checkbox-icon {
    opacity: 1
}

.user__body-del-info-list-item-img {
    width: 58px;
    height: 58px
}

.user__body-del-info-list-item-name {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464;
    margin-left: 16px;
    width: 425px;
    word-break: break-all;
}

.user__body-del-info-list-item-col {
    width: 80px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: center;
    color: #646464
}

.user__body-del-info-list-item-pood {
    width: 80px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.user__body-del-info-list-item-pood option {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464
}

.user__body-del-info-list-item-nds {
    width: 92px;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user__body-del-info-list-item-price {
    width: 80px;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.9px;
    text-align: left;
    color: #646464;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user__body-del-info-list-item-do {
    width: 80px;
    height: 32px;
    background: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user__body-del-info-list-item-do svg {
    width: 24px;
    height: 24px
}

.user__body-del-info-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 55px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.user__body-del-info-name span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.12px;
    text-align: left;
    color: #646464
}

.user__body-del-info-name span:nth-child(1) {
    width: 499px
}

.user__body-del-info-name span:nth-child(2) {
    width: 80px
}

.user__body-del-info-name span:nth-child(3) {
    width: 80px
}

.user__body-del-info-name span:nth-child(4) {
    width: 92px
}

.user__body-del-info-name span:nth-child(5) {
    width: 80px
}

.user__body-del-info-name span:nth-child(6) {
    width: 80px
}

@media(max-width: 1920px) {
    html {
        font-size: .0520833333vw
    }

    body {
        max-width: 1920rem;
        background: #fff;
        font-family: "Jost", sans-serif
    }

    .container {
        max-width: 1320rem;
        width: 100%;
        margin: 0 auto
    }

    .bred {
        margin-top: 200rem;
        width: 100%
    }

    .bred__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem
    }

    .bred__body span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .bred__body a {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }
    .bred__body-soft{
        color: #007aff;
    }

    .catalog {
        width: 100%;
        margin-top: 64rem
    }

    .catalog__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40rem
    }

    .catalog__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .catalog__body-text-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .catalog__body-text p {
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #646464
    }

    .catalog__body .splide {
        width: 100%
    }

    .catalog__body .splide .splide__list {
        padding: 20rem 0 !important
    }

    .catalog__body .splide .splide__arrows {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem;
        top: -90rem;
        right: 0
    }

    .catalog__body .splide .splide__arrows .splide__arrow {
        width: 44rem;
        height: 44rem;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 1;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        border-radius: 0%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922)
    }

    .catalog__body .splide .splide__arrows .splide__arrow svg {
        fill: none;
        width: 24rem;
        height: 24rem
    }

    .catalog__body .splide .splide__arrows .splide__arrow svg path {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .catalog__body .splide .splide__arrows .splide__arrow:hover {
        background: #42474b
    }

    .catalog__body .splide .splide__arrows .splide__arrow:hover svg path {
        stroke: #fff
    }

    .catalog__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem
    }

    .catalog__body-block-item {
        width: 424rem;
        height: 390rem;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        background: #fff;
        position: relative;
        padding: 20rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem;
        overflow: hidden
    }

    .catalog__body-block-item-img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 424rem;
        height: 249rem;
    }

    .catalog__body-block-item span {
        font-family: var(--bic);
        font-size: 24rem;
        font-weight: 400;
        line-height: 29.71rem;
        letter-spacing: .34em;
        text-align: left;
        color: #42474b;
        min-height: 60rem;
        z-index: 2
    }

    .catalog__body-block-item .arrow {
        width: 24rem;
        height: 24rem;
        position: absolute;
        top: 20rem;
        right: 20rem;
        z-index: 2
    }

    .catalog__body-block-item .arrow svg {
        width: 24rem;
        height: 24rem
    }

    .catalog__body-block-item-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
        z-index: 2
    }

    .catalog__body-block-item-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .catalog__body-block-item-list-item svg {
        width: 18rem;
        height: 18rem
    }

    /* .catalog__body-block-item:nth-child(1) img {
        width: 435rem;
        height: 249rem
    }

    .catalog__body-block-item:nth-child(2) img {
        width: 354rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(3) img {
        width: 262rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(5) img {
        width: 157rem;
        height: 273rem
    }

    .catalog__body-block-item:nth-child(6) img {
        width: 270rem;
        height: 202rem
    }

    .catalog__body-block-item:nth-child(7) img {
        width: 230rem;
        height: 239rem
    }

    .catalog__body-block-item:nth-child(8) img {
        width: 255rem;
        height: 228rem;
        right: -20rem;
    }

    .catalog__body-block-item:nth-child(9) img {
        width: 345rem;
        height: 203rem
    } */
    .also{
        width: 413rem !important;
        height: 390rem;
        margin-right: 40rem;
    }
    .catalog__body-link {
        width: 180rem;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        -ms-flex-item-align: center;
        align-self: center
    }

    .contact {
        width: 100%;
        margin-top: 64rem
    }

    .contact__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .contact__body-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact__body-info h2 {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .contact__body-info-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        margin-top: 23rem
    }

    .contact__body-info-items-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact__body-info-items-item span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .contact__body-info-items-item p {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: left;
        color: #090628
    }

    .contact__body-info-items-item a {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: left;
        color: #090628;
        text-decoration: underline
    }

    .contact__body-info-social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem
    }

    .contact__body-info-social span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #646464;
        gap: 12rem;
    }

    .contact__body-info-social span svg {
        width: 18rem;
        height: 18rem
    }

    .contact__body-info-social-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .contact__body-info-social-items a {
        width: 40rem;
        height: 40rem
    }

    .contact__body-info-social-items a svg {
        width: 40rem;
        height: 40rem
    }

    .contact__body iframe {
        height: 522rem;
        width: 672rem
    }

    .footer {
        width: 100%;
        margin-top: 42rem;
        padding-bottom: 34rem
    }

    .footer__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 24rem
    }

    .footer__body-start {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16rem
    }

    .footer__body-start-logo {
        width: 244.5rem;
        height: 111rem
    }

    .footer__body-start-logo img {
        width: 100%;
        height: 100%
    }

    .footer__body-start .line {
        height: 64rem;
        width: 1rem;
        background: #646464
    }

    .footer__body-start-text {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #090628
    }

    .footer__body-info {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #090628
    }

    .footer__body-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .footer__body-right span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: right;
        color: #090628
    }

    .footer__body-right a {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: right;
        color: #090628;
        text-decoration: underline
    }

    .header__black {
        width: 100%;
        padding-bottom: 12rem;
    }
    .header__black.active__scroll .header__black-body-logo{
        height: 91rem;
        min-height: 91rem;
    }
    .header__white.active__scroll .header__white-body-logo{
        height: 91rem;
        min-height: 91rem;
    }
    .header__black-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24rem
    }

    .header__black-body-logo {
        min-width: 200rem;
        min-height: 151.4rem;
        width: 200rem;
        height: 151.4rem;
    }

    .header__black-body-logo img {
        width: 100%;
        height: 100%
    }

    .header__black-body-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 43rem;
        width: 100%
    }

    .header__black-body-menu-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .header__black-body-menu-top-name {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .header__black-body-menu-top-address {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .header__black-body-menu-top-calc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10rem;
        background: #007aff;
        border-radius: 2rem;
        padding: 8rem
    }

    .header__black-body-menu-top-calc svg {
        width: 40rem;
        height: 41rem
    }

    .header__black-body-menu-top-calc span {
        font-size: 16rem;
        font-weight: 600;
        line-height: 23.12rem;
        text-align: left;
        color: #fff
    }

    .header__black-body-menu-top-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .header__black-body-menu-top-cont a:nth-child(1) {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: left;
        color: #090628
    }

    .header__black-body-menu-top-cont a:nth-child(2) {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #090628
    }

    .header__black-body-menu-top-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .header__black-body-menu-top-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 58rem;
        height: 58rem;
        background: url(../images/dist/btns.png) center no-repeat;
        background-size: cover
    }

    .header__black-body-menu-top-btns a svg {
        width: 32rem;
        height: 33rem
    }

    .header__black-body-menu-top-btns a .circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: #ff9500;
        width: 27rem;
        height: 27rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 20.23rem;
        text-align: left;
        color: #fff;
        top: -6rem;
        right: -6rem
    }

    .header__black-body-menu-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .header__black-body-menu-nav ul li {
        font-family: var(--bic);
        font-size: 14rem;
        font-weight: 400;
        line-height: 17.33rem;
        letter-spacing: .42em;
        text-align: center;
        color: #090628;
        padding-bottom: 12rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__black-body-menu-nav ul li:hover {
        border-bottom: 1rem solid #007aff
    }

    .header__black-body-menu-nav ul li.active {
        border-bottom: 1rem solid #007aff
    }

    .header__white {
        width: 100%
    }

    .header__white-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24rem
    }

    .header__white-body-logo {
        min-width: 200rem;
        min-height: 151.4rem;
        width: 200rem;
        height: 151.4rem;
    }

    .header__white-body-logo img {
        width: 100%;
        height: 100%
    }

    .header__white-body-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 43rem;
        width: 100%
    }

    .header__white-body-menu-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .header__white-body-menu-top-name {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .header__white-body-menu-top-address {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .header__white-body-menu-top-calc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10rem;
        background: #007aff;
        border-radius: 2rem;
        padding: 8rem
    }

    .header__white-body-menu-top-calc svg {
        width: 40rem;
        height: 41rem
    }

    .header__white-body-menu-top-calc span {
        font-size: 16rem;
        font-weight: 600;
        line-height: 23.12rem;
        text-align: left;
        color: #fff
    }

    .header__white-body-menu-top-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .header__white-body-menu-top-cont a:nth-child(1) {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: left;
        color: #fff
    }

    .header__white-body-menu-top-cont a:nth-child(2) {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #fff
    }

    .header__white-body-menu-top-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .header__white-body-menu-top-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 58rem;
        height: 58rem;
        background: url(../images/dist/btns.png) center no-repeat;
        background-size: cover
    }

    .header__white-body-menu-top-btns a svg {
        width: 32rem;
        height: 33rem
    }

    .header__white-body-menu-top-btns a .circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: #ff9500;
        width: 27rem;
        height: 27rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 20.23rem;
        text-align: left;
        color: #fff;
        top: -6rem;
        right: -6rem
    }

    .header__white-body-menu-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .header__white-body-menu-nav ul li {
        font-family: var(--bic);
        font-size: 14rem;
        font-weight: 400;
        line-height: 17.33rem;
        letter-spacing: .42em;
        text-align: center;
        color: #fff;
        padding-bottom: 12rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__white-body-menu-nav ul li:hover {
        border-bottom: 1rem solid #007aff
    }

    .header__white-body-menu-nav ul li.active {
        border-bottom: 1rem solid #007aff
    }

    .item {
        width: 100%;
        margin-top: 26rem
    }

    .item__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 26rem;
        width: 100%;
        position: relative
    }

    .item__body-itemone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        width: 200rem;
        height: 200rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 86rem;
        top: -4rem;
        background: #fff;
        z-index: 10
    }

    .item__body-itemone svg {
        width: 48rem;
        height: 48rem
    }

    .item__body-itemone span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #73787c
    }

    .item__body-itemtwo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        width: 170rem;
        height: 170rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 140rem;
        background: #fff;
        z-index: 5
    }

    .item__body-itemtwo svg {
        width: 48rem;
        height: 48rem
    }

    .item__body-itemtwo span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #73787c
    }

    .item__body-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24rem
    }

    .item__body-top-img {
        width: 563rem;
        height: 465rem
    }

    .item__body-top-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .item__body-top-info h1 {
        font-size: 36rem;
        font-weight: 400;
        line-height: 52.02rem;
        text-align: left;
        color: #090628;
        max-width: 330rem
    }

    .item__body-top-info-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .item__body-top-info-attr-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .item__body-top-info-attr-item span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c
    }

    .item__body-top-info-attr-item p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #090628
    }

    .item__body-top-info-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .item__body-top-info-price p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .item__body-top-info-price span:nth-child(2) {
        font-size: 28rem;
        font-weight: 400;
        line-height: 40.46rem;
        text-align: left;
        color: #007aff
    }

    .item__body-top-info-price span:nth-child(3) {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #42474b
    }

    .item__body-top-info-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem
    }

    .item__body-top-info-btns button:nth-child(1) {
        padding: 16rem 24rem;
        background: #007aff;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .item__body-top-info-btns button:nth-child(2) {
        padding: 16rem 24rem;
        background: #fff;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #007aff;
        border: 1rem solid #007aff
    }

    .item__body-bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5rem;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c
    }

    .item__body-bot a {
        color: #007aff;
        text-decoration: underline
    }

    .item__body-bot ul li {
        list-style: disc;
        list-style-position: inside
    }

    .main__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 76rem;
        background: url(../images/dist/back.png) center no-repeat;
        background-size: cover
    }

    .main {
        width: 100%;
        padding-bottom: 78rem;
        padding-top: 187rem;
    }

    .main__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .main__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main__body-text-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff;
        max-width: 886rem
    }

    .main__body-text-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 24rem;
        -webkit-column-gap: 24rem;
        -moz-column-gap: 64rem;
        column-gap: 24rem;
        max-width: 520rem;
        margin-top: 23rem
    }

    .main__body-text-block-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .main__body-text-block-item svg {
        width: 48rem;
        height: 48rem
    }

    .main__body-text-block-item span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .main__body-text-block-item:nth-child(1) {
        width: 246rem
    }

    .main__body-text-block-item:nth-child(3) {
        width: 246rem
    }

    .main__body-text a {
        width: 218rem;
        height: 61rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 2rem;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        margin-top: 64rem
    }

    .main__body-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        margin-top: 36rem
    }

    .main__body-rating-item {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.49)), color-stop(89.69%, rgba(0, 0, 0, 0.0539)));
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.0539) 89.69%);
        -webkit-box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        -webkit-backdrop-filter: blur(6.8728232384rem);
        backdrop-filter: blur(6.8728232384rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 9rem;
        width: 200rem;
        height: 75rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main__body-rating-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .main__body-rating-item-top span {
        font-size: 18.33rem;
        font-weight: 400;
        line-height: 26.48rem;
        text-align: center;
        color: #fff
    }

    .main__body-rating-item-top img {
        width: 104rem;
        height: 19rem
    }

    .main__body-rating-item-place {
        max-width: 106rem;
        max-height: 22rem
    }

    .order {
        width: 100%;
        margin-top: 26rem
    }

    .order__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .order__body-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 26rem
    }

    .order__body-info h1 {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .order__body-info-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24rem
    }

    .order__body-info-type-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 424rem;
        height: 119rem;
        position: relative;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        gap: 8rem;
        background: #f9f9f9;
        padding-left: 18rem;
        cursor: pointer
    }

    .order__body-info-type-item svg {
        width: 40rem;
        height: 40rem
    }

    .order__body-info-type-item .arrow {
        width: 26rem;
        height: 26rem;
        position: absolute;
        top: 18rem;
        right: 18rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 0
    }

    .order__body-info-type-item span {
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-type-item.active {
        border: 1rem solid #007aff
    }

    .order__body-info-type-item.active .arrow {
        opacity: 1
    }

    .order__body-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f9f9f9;
        width: 872rem;
        padding: 24rem
    }

    .order__body-info-item h3 {
        font-size: 36rem;
        font-weight: 400;
        line-height: 52.02rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-top: 24rem
    }

    .order__body-info-item-top-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 629rem;
        height: 58rem;
        padding: 0 12rem;
        position: relative
    }
    .order__body-info-item-top-wrap svg{
        position: absolute;
        width: 24rem;
        height: 24rem;
        right: 12rem;
    }
    .order__body-info-item-top-wrap span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #73787c
    }

    .order__body-info-item-top-wrap select {
        width: 100%;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-top-wrap input {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }
    .date__svg{
        width: 24rem;
        height: 24rem;
        right: 12rem
    }
    .order__body-info-item-top-wrap .arrow__inp {
        position: absolute;
        width: 24rem;
        height: 24rem;
        right: 12rem
    }

    .order__body-info-item-top-place {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        background: rgba(0, 0, 0, 0);
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-top-place svg {
        width: 24rem;
        height: 24rem
    }

    .order__body-info-item-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem;
        margin-top: 12rem
    }

    .order__body-info-item-block-wrap {
        width: 406rem;
        height: 58rem;
        background: #fff;
        padding: 0 12rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .order__body-info-item-block-wrap input {
        width: 90%;
        height: 58rem;
        background: #fff;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-block-wrap input[type=date] {
        position: relative
    }

    .order__body-info-item-block-wrap input[type=date]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: rgba(0, 0, 0, 0);
        background: rgba(0, 0, 0, 0)
    }

    .order__body-info-item-block-wrap input[type=date]::-webkit-inner-spin-button, .order__body-info-item-block-wrap input[type=date]::-webkit-clear-button {
        z-index: -10
    }

    .order__body-info-item-block-wrap input[type=date]::-webkit-input-placeholder {
        z-index: 99
    }

    .order__body-info-item-block-wrap input[type=date]:placeholder {
        z-index: 99
    }

    .order__body-info-item-block-wrap input[type=date]:not(.has-value):before {
        content: attr(placeholder);
        width: 100%
    }

    .order__body-info-item-block input[type=date]::-webkit-calendar-picker-indicator {
        opacity: 0
    }

    .order__body-info-item-block select {
        width: 90%;
        height: 58rem;
        background: #fff;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        padding: 0 12rem
    }
    .time__zone svg{
        position: absolute;
        right: 12rem;
        width: 24rem;
        height: 24rem;
    }
    .time__zone{
        position: relative;
        width: 406rem;
        height: 58rem;
        background: #fff;
        display: flex;
        align-items: center;
    }
    .time__zone span{
        position: absolute;
        background: #fff;
        left: 12rem;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #73787C;
        z-index: 10;
    }
    .order__body-info-item-inp {
        width: 100%;
        height: 58rem;
        background: #fff;
        margin-top: 12rem;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628;
        padding-left: 12rem
    }

    .order__body-info-item-dan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        margin-top: 12rem
    }

    .order__body-info-item-dan svg {
        width: 32rem;
        height: 32rem
    }

    .order__body-info-item-dan p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #73787c
    }

    .order__body-info-item-attr {
        margin-top: 24rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem
    }

    .order__body-info-item-attr-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 64rem
    }

    .order__body-info-item-attr-item p {
        width: 178rem;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #73787c
    }

    .order__body-info-item-attr-item span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: 25rem
    }

    .order__body-info-item .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #090628;
        margin-top: 12rem;
    }

    .order__body-info-item .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 18rem;
        height: 18rem;
        margin-right: 10rem;
        border: 2rem solid #007aff;
        border-radius: 2rem;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

    .order__body-info-item .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .order__body-info-item .checkbox:checked+.checkbox-view .checkbox-icon {
        opacity: 1
    }

    .order__body-info-item-radio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        margin-top: 24rem
    }

    .order__body-info-item-radio-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .order__body-info-item-radio-item input {
        width: 18rem;
        height: 18rem
    }

    .order__body-info-item-radio-item span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item textarea {
        width: 100%;
        height: 152rem;
        resize: none;
        font-size: 18rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #090628;
        background: #fff;
        padding: 8rem 12rem;
        margin-top: 24rem
    }

    .order__body-info-item-desc {
        font-size: 18rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c;
        margin-top: 8rem
    }

    .order__body-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: sticky;
        background: url(../images/dist/res__back.png) center no-repeat;
        background-size: cover;
        width: 423rem;
        height: 440rem;
        top: 0;
        padding: 48rem 24rem
    }

    .order__body-result h2 {
        font-family: var(--bic);
        font-size: 32rem;
        font-weight: 400;
        line-height: 40rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff
    }

    .order__body-result .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: 25rem
    }

    .order__body-result .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        margin-top: 22rem
    }

    .order__body-result .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 18rem;
        height: 18rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        border-radius: 2rem;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .order__body-result .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .order__body-result-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8rem
    }

    .order__body-result-attr span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .order__body-result button {
        width: 375rem;
        height: 61rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #007aff;
        margin-top: 22rem
    }

    .order__body-result p {
        max-width: 375rem;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #fff;
        margin-top: 16rem
    }

    .order__body-result p a {
        text-decoration: underline
    }

    .partners {
        width: 100%;
        margin-top: 200rem;
        background: url(../images/dist/part__back.png) center no-repeat;
        background-size: 100% 100%;
        height: 756rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .partners__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin-top: 100rem
    }

    .partners__body-logo {
        position: absolute;
        width: 200rem;
        top: -162rem;
        height: 171.4rem;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922)
    }

    .partners__body-logo img {
        width: 100%;
        height: 100%
    }

    .partners__body-desc {
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: center;
        max-width: 949rem;
        color: #fff;
        margin-top: 40rem
    }

    .partners__body-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 57rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 24rem
    }

    .partners__body-attr-item {
        width: 218.4rem;
        height: 96.33rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #646464;
        box-shadow: 4rem 4rem 13rem 0px #00000040;

    }

    .partners__body-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: center;
        margin-top: 44rem;
        color: #fff
    }

    .partners__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 24rem;
        -webkit-column-gap: 50rem;
        -moz-column-gap: 50rem;
        column-gap: 50rem;
        margin-top: 24rem
    }

    .partners__body-block-item {
        width: 292rem;
        height: 108rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        box-shadow: 4rem 4rem 13rem 0px #00000040;
    }

    .partners__body-block-item img {
        width: 244rem;
        height: 88rem
    }

    .partners__body a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8rem;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #fff;
        margin-top: 20rem
    }

    .partners__body a svg {
        width: 24rem;
        height: 24rem
    }

    .popular {
        width: 100%;
        margin-top: 43rem
    }

    .popular__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40rem
    }

    .popular__body-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628;
        max-width: 869rem
    }

    .popular__body .splide {
        width: 100%
    }

    .popular__body .splide .splide__arrows {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem;
        top: -90rem;
        right: 0
    }

    .popular__body .splide .splide__arrows .splide__arrow {
        width: 44rem;
        height: 44rem;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 1;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        border-radius: 0%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922)
    }

    .popular__body .splide .splide__arrows .splide__arrow svg {
        fill: none;
        width: 24rem;
        height: 24rem
    }

    .popular__body .splide .splide__arrows .splide__arrow svg path {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .popular__body .splide .splide__arrows .splide__arrow:hover {
        background: #42474b
    }

    .popular__body .splide .splide__arrows .splide__arrow:hover svg path {
        stroke: #fff
    }

    .popular__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem
    }

    .popular__body-block-item {
        width: 244.8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        cursor: pointer
    }

    .popular__body-block-item-name {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 19.81rem;
        letter-spacing: .42em;
        text-align: left;
        color: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .popular__body-block-item .text__dif {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628;
        font-family: "Jost", sans-serif;
        letter-spacing: normal
    }

    .popular__body-block-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem;
        position: relative;
        height: 160rem
    }

    .popular__body-block-item-top img {
        width: 100%;
        height: 160rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .popular__body-block-item-top p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .popular__body-block-item-top a {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 13rem;
        font-weight: 300;
        line-height: 18.79rem;
        text-align: left;
        color: #090628;
        position: absolute;
        bottom: 0;
        right: -5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .popular__body-block-item:hover .popular__body-block-item-name {
        color: #007aff
    }

    .popular__body-block-item:hover a {
        color: #007aff
    }

    .review {
        width: 100%;
        margin-top: 64rem
    }

    .review__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem
    }

    .review__body-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .review__body-top h2 {
        font-family: var(--bic);
        font-size: 22rem;
        font-weight: 400;
        line-height: 27.24rem;
        letter-spacing: .06em;
        text-align: center;
        color: #090628
    }

    .review__body-top p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: center;
        color: #646464
    }

    .review__body-top-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem;
        margin-top: 12rem
    }

    .review__body-top-items-item {
        background: #fff;
        -webkit-box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 9rem;
        width: 200rem;
        height: 75rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .review__body-top-items-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .review__body-top-items-item-top span {
        font-size: 18.33rem;
        font-weight: 400;
        line-height: 26.48rem;
        text-align: center;
        color: #090628
    }

    .review__body-top-items-item-top img {
        width: 104rem;
        height: 19rem
    }

    .review__body-top-items-item-place {
        max-width: 106rem;
        max-height: 22rem
    }

    .review__body .splide {
        width: 918rem
    }

    .review__body .splide .splide__arrow {
        width: 44rem;
        height: 44rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        border-radius: 0;
        opacity: 1;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .review__body .splide .splide__arrow svg {
        fill: none;
        width: 24rem;
        height: 24rem
    }

    .review__body .splide .splide__arrow--prev {
        left: -8em
    }

    .review__body .splide .splide__arrow--next {
        right: -8em
    }

    .review__body .splide .splide__arrow:hover {
        background: #42474b
    }

    .review__body .splide .splide__arrow:hover svg path {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        stroke: #fff
    }

    .review__body .splide .splide__slide {
        width: 918rem !important;
        padding: 24rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        margin-right: 24rem !important
    }

    .review__body .splide .splide__slide span {
        font-size: 18rem;
        font-weight: 700;
        line-height: 21.13rem;
        text-align: center;
        color: #42474b
    }

    .review__body .splide .splide__slide p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #73787c
    }

    .shop {
        width: 100%;
        margin-top: 26rem
    }

    .shop__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40rem
    }

    .shop__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shop__body-text-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .shop__body-text p {
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #646464
    }

    .shop__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem
    }

    .shop__body-block-item {
        width: 424rem;
        height: 390rem;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        background: #fff;
        position: relative;
        padding: 20rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem;
        overflow: hidden
    }

    .shop__body-block-item-img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
        height: 249rem;
    }
    .shop__body-block-item span {
        font-family: var(--bic);
        font-size: 24rem;
        font-weight: 400;
        line-height: 29.71rem;
        letter-spacing: .34em;
        text-align: left;
        color: #42474b;
        min-height: 60rem;
        z-index: 2
    }

    .shop__body-block-item .arrow {
        width: 24rem;
        height: 24rem;
        position: absolute;
        top: 20rem;
        right: 20rem;
        z-index: 2
    }

    .shop__body-block-item .arrow svg {
        width: 24rem;
        height: 24rem
    }

    .shop__body-block-item-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
        z-index: 2
    }

    .shop__body-block-item-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .shop__body-block-item-list-item svg {
        width: 18rem;
        height: 18rem
    }


    .shop__body-block-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        min-width: 872rem;
        background: #42474b;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        height: 390rem;
        padding: 20rem
    }

    .shop__body-block-form-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem
    }

    .shop__body-block-form-text span {
        font-family: var(--bic);
        font-size: 28rem;
        font-weight: 400;
        line-height: 34.66rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form-text p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .shop__body-block-form-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .shop__body-block-form-main-wrap span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form-main-wrap input {
        width: 100%;
        height: 34rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff;
        border-bottom: 1rem solid #fff
    }

    .shop__body-block-form-main-wrap input::-webkit-input-placeholder {
        color: #cfcfcf
    }

    .shop__body-block-form-main button {
        width: 100%;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .shop__body-block-form .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        gap: 5rem;
        color: #fff
    }

    .shop__body-block-form .checkbox-label a {
        text-decoration: underline
    }

    .shop__body-block-form .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 14rem;
        height: 14rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .shop__body-block-form .checkbox:checked+.checkbox-view {
        background-color: #fff
    }

    .shop__body-link {
        width: 180rem;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        -ms-flex-item-align: center;
        align-self: center
    }

    .shop__body-desc {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c
    }

    .sign {
        width: 100%;
        margin-top: 34rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sign__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #f1f1f1;
        width: 636rem;
        padding: 24rem;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        margin: 0 auto
    }

    .sign__body-title {
        font-family: var(--bic);
        font-size: 24rem;
        font-weight: 400;
        line-height: 29.71rem;
        letter-spacing: .34em;
        text-align: left;
        color: #090628
    }

    .sign__body-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .sign__body-form input {
        width: 100%;
        height: 100%;
        padding: 12rem;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #090628;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5
    }

    .sign__body-form-pas {
        width: 588rem;
        height: 58rem;
        position: relative;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign__body-form-pas-btn {
        position: absolute;
        right: 12rem;
        width: 24rem;
        height: 24rem;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 10
    }

    .sign__body-form-pas-btn svg {
        width: 24rem;
        height: 24rem
    }

    .sign__body-form-pas-btn.active {
        opacity: 1
    }

    .sign__body-form-em {
        width: 588rem;
        height: 58rem;
        position: relative;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign__body-form-em span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c;
        position: absolute;
        left: 12rem;
        z-index: 10;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .sign__body-form-em span.active {
        font-size: 10rem;
        line-height: 14rem;
        top: 2rem
    }

    .sign__body-form-btn {
        width: 100%;
        height: 61rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #007aff;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .sign__body-form a {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .stage {
        width: 100%;
        margin-top: 64rem
    }

    .stage__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40rem
    }

    .stage__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .stage__body-text h2 {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628;
        max-width: 740rem
    }

    .stage__body-text p {
        font-size: 28rem;
        font-weight: 400;
        line-height: 40.46rem;
        text-align: left;
        color: #090628
    }

    .stage__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .stage__body-block-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem
    }

    .stage__body-block-top-item {
        width: 312rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        cursor: pointer
    }

    .stage__body-block-top-item-name {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 19.81rem;
        letter-spacing: .42em;
        text-align: left;
        color: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-top-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem;
        position: relative;
        height: 200rem
    }

    .stage__body-block-top-item-top img {
        width: 100%;
        height: 200rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .stage__body-block-top-item-top p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-top-item-top a {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 13rem;
        font-weight: 300;
        line-height: 18.79rem;
        text-align: left;
        color: #090628;
        position: absolute;
        bottom: 0;
        right: -5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-top-item:hover .stage__body-block-top-item-name {
        color: #007aff
    }

    .stage__body-block-top-item:hover a {
        color: #007aff
    }

    .stage__body-block-bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20rem
    }

    .stage__body-block-bot-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem
    }

    .stage__body-block-bot-wrap-item {
        width: 312rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        cursor: pointer
    }

    .stage__body-block-bot-wrap-item-name {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 19.81rem;
        letter-spacing: .42em;
        text-align: left;
        color: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-bot-wrap-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem;
        position: relative;
        height: 200rem
    }

    .stage__body-block-bot-wrap-item-top img {
        width: 100%;
        height: 200rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .stage__body-block-bot-wrap-item-top p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-wrap-item-top a {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 13rem;
        font-weight: 300;
        line-height: 18.79rem;
        text-align: left;
        color: #090628;
        position: absolute;
        bottom: 0;
        right: -5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-bot-wrap-item:hover .stage__body-block-bot-wrap-item-name {
        color: #007aff
    }

    .stage__body-block-bot-wrap-item:hover a {
        color: #007aff
    }

    .stage__body-block-bot-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        background: url(../images/dist/form__back.png) center no-repeat;
        background-size: 100% 100%;
        min-width: 645rem;
        height: 551rem;
        padding: 40rem
    }

    .stage__body-block-bot-form-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem
    }

    .stage__body-block-bot-form-text span {
        font-family: var(--bic);
        font-size: 28rem;
        font-weight: 400;
        line-height: 34.66rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form-text p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .stage__body-block-bot-form-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .stage__body-block-bot-form-main-wrap span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form-main-wrap input {
        width: 100%;
        height: 34rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff;
        border-bottom: 1rem solid #fff
    }

    .stage__body-block-bot-form-main-wrap input::-webkit-input-placeholder {
        color: #cfcfcf
    }

    .stage__body-block-bot-form-main button {
        width: 211rem;
        height: 54rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .stage__body-block-bot-form .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        gap: 5rem;
        color: #fff
    }

    .stage__body-block-bot-form .checkbox-label a {
        text-decoration: underline
    }

    .stage__body-block-bot-form .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 14rem;
        height: 14rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .stage__body-block-bot-form .checkbox:checked+.checkbox-view {
        background-color: #fff
    }

    .support {
        width: 100%;
        background: url(../images/dist/supp.png) center no-repeat;
        background-size: 100% 100%;
        margin-top: 64rem;
        position: relative
    }

    .support img {
        width: 677rem;
        height: 684rem;
        right: 30rem;
        bottom: 0;
        position: absolute
    }

    .support__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        position: relative;
        padding: 140rem 0
    }

    .support__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .support__body-text h2 {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff;
        max-width: 740rem
    }

    .support__body-text p {
        font-size: 28rem;
        font-weight: 400;
        line-height: 40.46rem;
        text-align: left;
        color: #fff
    }

    .support__body-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #fff
    }

    .support__body-list svg {
        width: 18rem;
        height: 18rem
    }

    .support__body-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .support__body-form-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem
    }

    .support__body-form-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .support__body-form-main-wrap span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .support__body-form-main-wrap input {
        width: 287rem;
        height: 34rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff;
        border-bottom: 1rem solid #fff
    }

    .support__body-form-main-wrap input::-webkit-input-placeholder {
        color: #cfcfcf
    }

    .support__body-form-main button {
        width: 275rem;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .support__body-form .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .support__body-form .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        gap: 5rem;
        color: #fff
    }

    .support__body-form .checkbox-label a {
        text-decoration: underline
    }

    .support__body-form .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 14rem;
        height: 14rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .support__body-form .checkbox:checked+.checkbox-view {
        background-color: #fff
    }

    .trash {
        width: 100%;
        margin-top: 26rem
    }

    .trash__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 26rem
    }

    .trash__body-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .trash__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .trash__body-block-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 55rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .trash__body-block-top span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-top span:nth-child(1) {
        width: 499rem
    }

    .trash__body-block-top span:nth-child(2) {
        width: 80rem
    }

    .trash__body-block-top span:nth-child(3) {
        width: 80rem
    }

    .trash__body-block-top span:nth-child(4) {
        width: 92rem
    }

    .trash__body-block-top span:nth-child(5) {
        width: 80rem
    }

    .trash__body-block-top span:nth-child(6) {
        width: 80rem
    }

    .trash__body-block-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        width: 100%
    }

    .trash__body-block-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-left: 12rem;
        padding-right: 12rem;
        min-height: 58rem;
        background: rgba(0, 0, 0, 0)
    }

    .trash__body-block-list-item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .trash__body-block-list-item .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .trash__body-block-list-item .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .trash__body-block-list-item .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24rem;
        height: 24rem;
        border: 1rem solid #000;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

    .trash__body-block-list-item .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .trash__body-block-list-item .checkbox:checked+.checkbox-view .checkbox-icon {
        opacity: 1
    }

    .trash__body-block-list-item-img {
        width: 58rem;
        height: 58rem
    }

    .trash__body-block-list-item-name {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        margin-left: 16rem
    }

    .trash__body-block-list-item-col {
        width: 80rem;
        height: 37rem;
        border: 1rem solid #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: center;
        color: #646464
    }

    .trash__body-block-list-item-pood {
        width: 80rem;
        height: 37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-list-item-pood option {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-list-item-nds {
        width: 92rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trash__body-block-list-item-price {
        width: 80rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trash__body-block-list-item-do {
        width: 80rem;
        height: 32rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trash__body-block-list-item-do svg {
        width: 24rem;
        height: 24rem
    }

    .trash__body-block-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .trash__body-block-btns button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        padding: 12rem 10rem;
        background: rgba(0, 0, 0, 0);
        border: 1rem solid #007aff
    }

    .trash__body-block-btns button span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-btns button svg {
        width: 24rem;
        height: 24rem
    }

    .trash__body-block .line {
        width: 100%;
        height: 38rem
    }

    .trash__body-result {
        -ms-flex-item-align: end;
        align-self: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .trash__body-result h2 {
        font-family: var(--bic);
        font-size: 22rem;
        font-weight: 400;
        line-height: 27.24rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .trash__body-result-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8rem
    }

    .trash__body-result-attr span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #42474b
    }

    .trash__body-result button {
        width: 375rem;
        height: 61rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        margin-top: 22rem
    }

    .trash__body-result p {
        max-width: 375rem;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #42474b;
        margin-top: 8rem
    }

    .trash__body-result p a {
        text-decoration: underline
    }

    .user {
        width: 100%;
        margin-top: 26rem
    }

    .user__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .user__body-title {
        font-family: var(--bic);
        font-size: 42rem;
        font-weight: 400;
        line-height: 52rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .user__body-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .user__body-top a {
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #e72828
    }

    .user__body-top-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .user__body-top-tab-item {
        padding: 18rem 27.5rem;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #090628
    }

    .user__body-top-tab-item.active {
        background: #f9f9f9
    }

    .user__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        padding: 24rem;
        background: #f9f9f9
    }

    .user__body-block h2 {
        font-size: 36rem;
        font-weight: 400;
        line-height: 52.02rem;
        text-align: left;
        color: #090628
    }

    .user__body-block-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem;
        width: 100%
    }

    .user__body-block-items .col-3 {
        width: 407.33rem
    }

    .user__body-block-items .col-3 input {
        width: 350rem
    }

    .user__body-block-items .col-4 {
        width: 300rem
    }

    .user__body-block-items .col-4 input {
        width: 250rem
    }

    .user__body-block-items .col-2 {
        width: 623rem
    }

    .user__body-block-items .col-2 input {
        width: 573rem
    }

    .user__body-block-items .col-1 {
        width: 100%
    }

    .user__body-block-items .col-1 input {
        width: 1200rem
    }

    .user__body-block-items-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 12rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        height: 58rem;
        position: relative
    }

    .user__body-block-items-wrap button {
        width: 24rem;
        height: 24rem;
        background: rgba(0, 0, 0, 0)
    }

    .user__body-block-items-wrap button svg {
        width: 24rem;
        height: 24rem
    }

    .user__body-block-items-wrap-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .user__body-block-items-wrap-left span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #73787c
    }

    .user__body-block-items-wrap-left input {
        background: rgba(0, 0, 0, 0);
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .user__body-block-items-add {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .user__body-block-items-add input {
        width: 1082rem;
        height: 58rem;
        padding-left: 12rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628;
        background: #fff
    }

    .user__body-block-items-add-end {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        background: rgba(0, 0, 0, 0);
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #000
    }

    .user__body-block-items-add-end svg {
        width: 24rem;
        height: 24rem
    }

    .user__body-del {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        background: #f9f9f9;
        padding: 24rem
    }

    .user__body-del .sum {
        -ms-flex-item-align: end;
        align-self: flex-end;
        font-family: var(--bic);
        font-size: 22rem;
        font-weight: 400;
        line-height: 27.24rem;
        letter-spacing: .06em;
        text-align: right;
        color: #090628
    }

    .user__body-del-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .user__body-del-top p {
        font-size: 36rem;
        font-weight: 400;
        line-height: 52.02rem;
        text-align: left;
        color: #090628
    }

    .user__body-del-top p span {
        color: #007aff
    }

    .user__body-del-top a {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c
    }

    .user__body-del-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .user__body-del-info-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .user__body-del-info-top-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem;
        padding: 12rem 18rem;
        background: #fff
    }

    .user__body-del-info-top-item p {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #73787c
    }

    .user__body-del-info-top-item span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5rem
    }

    .user__body-del-info-top-item span svg {
        width: 24rem;
        height: 24rem
    }

    .user__body-del-info-top .green__status {
        color: #07b633
    }

    .user__body-del-info-top .red__status {
        color: #e72828
    }

    .user__body-del-info-top .yellow__status {
        color: #d5ab02
    }

    .user__body-del-info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        width: 100%
    }

    .user__body-del-info-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-left: 12rem;
        padding-right: 12rem;
        min-height: 58rem;
        background: rgba(0, 0, 0, 0)
    }

    .user__body-del-info-list-item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .user__body-del-info-list-item .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .user__body-del-info-list-item .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .user__body-del-info-list-item .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24rem;
        height: 24rem;
        border: 1rem solid #000;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

    .user__body-del-info-list-item .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .user__body-del-info-list-item .checkbox:checked+.checkbox-view .checkbox-icon {
        opacity: 1
    }

    .user__body-del-info-list-item-img {
        width: 58rem;
        height: 58rem
    }

    .user__body-del-info-list-item-name {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        margin-left: 16rem;
        width: 425rem;
    }

    .user__body-del-info-list-item-col {
        width: 80rem;
        height: 37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: center;
        color: #646464
    }

    .user__body-del-info-list-item-pood {
        width: 80rem;
        height: 37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .user__body-del-info-list-item-pood option {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .user__body-del-info-list-item-nds {
        width: 92rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user__body-del-info-list-item-price {
        width: 80rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user__body-del-info-list-item-do {
        width: 80rem;
        height: 32rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user__body-del-info-list-item-do svg {
        width: 24rem;
        height: 24rem
    }

    .user__body-del-info-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 55rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .user__body-del-info-name span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #646464
    }

    .user__body-del-info-name span:nth-child(1) {
        width: 499rem
    }

    .user__body-del-info-name span:nth-child(2) {
        width: 80rem
    }

    .user__body-del-info-name span:nth-child(3) {
        width: 80rem
    }

    .user__body-del-info-name span:nth-child(4) {
        width: 92rem
    }

    .user__body-del-info-name span:nth-child(5) {
        width: 80rem
    }

    .user__body-del-info-name span:nth-child(6) {
        width: 80rem
    }
}

@media(max-width: 640px) {
    html {
        font-size: .3125vw
    }

    body {
        max-width: 320rem;
        background: #fff;
        font-family: "Jost", sans-serif
    }

    .container {
        max-width: 300rem;
        width: 100%;
        margin: 0 auto
    }

    .desk {
        display: none !important
    }

    .mob {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .bred {
        margin-top: 14rem;
        width: 100%
    }

    .bred__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12rem
    }

    .bred__body span {
        font-size: 10rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #646464
    }
    .bred__body a {
        font-size: 10rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #646464
    }
    .bred__body-soft{
        color: #007aff;
    }

    .catalog {
        width: 100%;
        margin-top: 16rem
    }

    .catalog__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }

    .catalog__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .catalog__body-text-title {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .catalog__body-text p {
        font-size: 12rem;
        font-weight: 400;
        line-height: 17rem;
        text-align: left;
        color: #646464
    }

    .catalog__body .splide {
        width: 100%
    }

    .catalog__body .splide .splide__list {
        padding: 10rem 0 !important
    }

    .catalog__body .splide .splide__slide .catalog__body-block-item:nth-child(2) {
        display: none
    }

    .catalog__body .splide .splide__slide .catalog__body-block-item:nth-child(3) {
        display: none
    }

    .catalog__body .splide .splide__arrows {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        top: -45rem;
        right: 0;
        display: none
    }

    .catalog__body .splide .splide__arrows .splide__arrow {
        width: 22rem;
        height: 22rem;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 1;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        border-radius: 0%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922)
    }

    .catalog__body .splide .splide__arrows .splide__arrow svg {
        fill: none;
        width: 12rem;
        height: 12rem
    }

    .catalog__body .splide .splide__arrows .splide__arrow svg path {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .catalog__body .splide .splide__arrows .splide__arrow:hover {
        background: #42474b
    }

    .catalog__body .splide .splide__arrows .splide__arrow:hover svg path {
        stroke: #fff
    }

    .catalog__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12rem;
        margin-right: 20rem !important
    }

    .catalog__body-block-item {
        width: 300rem;
        height: 240rem;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        background: #fff;
        position: relative;
        padding: 20rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem;
        overflow: hidden;
    }
    .md-0{
        margin: 0 !important;
    }
    .catalog__body-block-item-img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
        height: 165rem;
    }

    .catalog__body-block-item span {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 20rem;
        letter-spacing: .34em;
        text-align: left;
        color: #42474b;
        min-height: 30rem;
        z-index: 2
    }

    .catalog__body-block-item .arrow {
        width: 24rem;
        height: 24rem;
        position: absolute;
        top: 20rem;
        right: 20rem;
        z-index: 2
    }

    .catalog__body-block-item .arrow svg {
        width: 24rem;
        height: 24rem
    }

    .catalog__body-block-item-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
        z-index: 2;
        display: none;
    }

    .catalog__body-block-item-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .catalog__body-block-item-list-item svg {
        width: 18rem;
        height: 18rem
    }

    /* .catalog__body-block-item:nth-child(1) img {
        width: 300rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(2) img {
        width: 262rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(3) img {
        width: 262rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(5) img {
        width: 157rem;
        height: 273rem
    }

    .catalog__body-block-item:nth-child(6) img {
        width: 262rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(7) img {
        width: 262rem;
        height: 228rem
    }

    .catalog__body-block-item:nth-child(8) img {
        width: 262rem;
        height: 228rem;
        right: -20rem;
    }

    .catalog__body-block-item:nth-child(9) img {
        width: 262rem;
        height: 228rem
    } */
    .also{
        width: 413rem !important;
        height: 390rem;
        margin-right: 24rem;
    }
    .catalog__body-link {
        width: 180rem;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        -ms-flex-item-align: center;
        align-self: center
    }

    .contact {
        width: 100%;
        margin-top: 32rem
    }

    .contact__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32rem
    }

    .contact__body-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact__body-info h2 {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .contact__body-info-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        margin-top: 23rem
    }

    .contact__body-info-items-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact__body-info-items-item span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .contact__body-info-items-item p {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: left;
        color: #090628
    }

    .contact__body-info-items-item a {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: left;
        color: #090628;
        text-decoration: underline
    }

    .contact__body-info-social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem
    }

    .contact__body-info-social span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 24rem;
        font-weight: 400;
        line-height: 34.68rem;
        text-align: left;
        color: #646464;
        gap: 6rem;
    }

    .contact__body-info-social span svg {
        width: 18rem;
        height: 18rem
    }

    .contact__body-info-social-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .contact__body-info-social-items a {
        width: 40rem;
        height: 40rem
    }

    .contact__body-info-social-items a svg {
        width: 40rem;
        height: 40rem
    }

    .contact__body iframe {
        height: 372rem;
        width: 300rem
    }

    .footer {
        width: 100%;
        margin-top: 32rem;
        padding-bottom: 17rem
    }

    .footer__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 0rem;
        padding: 20rem 0;
        width: 100%;
        gap: 16rem
    }

    .footer__body-start {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16rem
    }

    .footer__body-start-logo {
        width: 122rem;
        height: 56rem
    }

    .footer__body-start-logo img {
        width: 100%;
        height: 100%
    }

    .footer__body-start .line {
        height: 32rem;
        width: 1rem;
        background: #646464
    }

    .footer__body-start-text {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628
    }

    .footer__body-info {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #090628
    }

    .footer__body-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5rem
    }

    .footer__body-right span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: right;
        color: #090628
    }

    .footer__body-right a {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: right;
        color: #090628;
        text-decoration: underline
    }

    .header__black.active {
        height: 100vh
    }

    .header__black {
        width: 100%;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 100;
        height: 61.5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        overflow: hidden;
        padding-bottom: 0;
    }

    .header__black__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem;
        padding-top: 40rem
    }

    .header__black-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12rem
    }

    .header__black-body-logo {
        width: 50rem;
        height: 37.5rem;
        min-width: auto;
        min-height: auto;
    }

    .header__black-body-logo img {
        width: 100%;
        height: 100%
    }

    .header__black-body .burger__black {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 20rem;
        height: 16rem;
        position: relative;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__black-body .burger__black span {
        width: 100%;
        min-height: 1.5rem;
        background: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__black-body .burger__black.active span {
        position: absolute
    }

    .header__black-body .burger__black.active span:nth-child(2) {
        opacity: 0
    }

    .header__black-body .burger__black.active span:nth-child(1) {
        rotate: 45deg
    }

    .header__black-body .burger__black.active span:nth-child(3) {
        rotate: -45deg
    }

    .header__black-body-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 43rem;
        width: 100%
    }

    .header__black-body-menu-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__black-body-menu-top-name {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .header__black-body-menu-top-address {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .header__black-body-menu-top-calc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10rem;
        background: #007aff;
        border-radius: 2rem;
        padding: 8rem;
        display: none
    }

    .header__black-body-menu-top-calc svg {
        width: 40rem;
        height: 41rem
    }

    .header__black-body-menu-top-calc span {
        font-size: 16rem;
        font-weight: 600;
        line-height: 23.12rem;
        text-align: left;
        color: #fff
    }

    .header__black-body-menu-top-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__black-body-menu-top-cont a:nth-child(1) {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: center;
        color: #090628
    }

    .header__black-body-menu-top-cont a:nth-child(2) {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: center;
        color: #090628
    }

    .header__black-body-menu-top-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24rem
    }

    .header__black-body-menu-top-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 58rem;
        height: 58rem;
        background: url(../images/dist/btns.png) center no-repeat;
        background-size: cover
    }

    .header__black-body-menu-top-btns a svg {
        width: 32rem;
        height: 33rem
    }

    .header__black-body-menu-top-btns a .circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: #ff9500;
        width: 27rem;
        height: 27rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 20.23rem;
        text-align: left;
        color: #fff;
        top: -6rem;
        right: -6rem
    }

    .header__black-body-menu-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 24rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .header__black-body-menu-nav ul li {
        font-family: var(--bic);
        font-size: 14rem;
        font-weight: 400;
        line-height: 17.33rem;
        letter-spacing: .42em;
        text-align: center;
        color: #090628;
        padding-bottom: 12rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__black-body-menu-nav ul li:hover {
        border-bottom: none
    }

    .header__black-body-menu-nav ul li.active {
        border-bottom: none
    }

    .header__white.active {
        height: 100vh
    }

    .header__white {
        width: 100%;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 100;
        height: 61.5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        overflow: hidden
    }

    .header__white__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem;
        padding-top: 40rem
    }

    .header__white-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12rem
    }

    .header__white-body-logo {
        width: 50rem;
        height: 37.5rem;
        min-width: auto;
        min-height: auto;
    }

    .header__white-body-logo img {
        width: 100%;
        height: 100%
    }

    .header__white-body .burger__white {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 20rem;
        height: 16rem;
        position: relative;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__white-body .burger__white span {
        width: 100%;
        min-height: 1.5rem;
        background: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__white-body .burger__white.active span {
        position: absolute
    }

    .header__white-body .burger__white.active span:nth-child(2) {
        opacity: 0
    }

    .header__white-body .burger__white.active span:nth-child(1) {
        rotate: 45deg
    }

    .header__white-body .burger__white.active span:nth-child(3) {
        rotate: -45deg
    }

    .header__white-body-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 43rem;
        width: 100%
    }

    .header__white-body-menu-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__white-body-menu-top-name {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .header__white-body-menu-top-address {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .header__white-body-menu-top-calc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10rem;
        background: #007aff;
        border-radius: 2rem;
        padding: 8rem;
        display: none
    }

    .header__white-body-menu-top-calc svg {
        width: 40rem;
        height: 41rem
    }

    .header__white-body-menu-top-calc span {
        font-size: 16rem;
        font-weight: 600;
        line-height: 23.12rem;
        text-align: left;
        color: #fff
    }

    .header__white-body-menu-top-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__white-body-menu-top-cont a:nth-child(1) {
        font-size: 24rem;
        font-weight: 600;
        line-height: 34.68rem;
        text-align: center;
        color: #090628
    }

    .header__white-body-menu-top-cont a:nth-child(2) {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: center;
        color: #090628
    }

    .header__white-body-menu-top-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24rem
    }

    .header__white-body-menu-top-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 58rem;
        height: 58rem;
        background: url(../images/dist/btns.png) center no-repeat;
        background-size: cover
    }

    .header__white-body-menu-top-btns a svg {
        width: 32rem;
        height: 33rem
    }

    .header__white-body-menu-top-btns a .circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: #ff9500;
        width: 27rem;
        height: 27rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 20.23rem;
        text-align: left;
        color: #fff;
        top: -6rem;
        right: -6rem
    }

    .header__white-body-menu-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 24rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .header__white-body-menu-nav ul li {
        font-family: var(--bic);
        font-size: 14rem;
        font-weight: 400;
        line-height: 17.33rem;
        letter-spacing: .42em;
        text-align: center;
        color: #090628;
        padding-bottom: 12rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .header__white-body-menu-nav ul li:hover {
        border-bottom: none
    }

    .header__white-body-menu-nav ul li.active {
        border-bottom: none
    }

    .item {
        width: 100%;
        margin-top: 32rem
    }

    .item__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem;
        width: 100%;
        position: relative
    }

    .item__body-itemone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        width: 200rem;
        height: 200rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 86rem;
        top: -4rem;
        background: #fff;
        z-index: 10;
        display: none
    }

    .item__body-itemone svg {
        width: 48rem;
        height: 48rem
    }

    .item__body-itemone span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #73787c
    }

    .item__body-itemtwo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        width: 170rem;
        height: 170rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 140rem;
        background: #fff;
        z-index: 5;
        display: none
    }

    .item__body-itemtwo svg {
        width: 48rem;
        height: 48rem
    }

    .item__body-itemtwo span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #73787c
    }

    .item__body-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem
    }

    .item__body-top-img {
        width: 300rem;
        height: 233rem
    }

    .item__body-top-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .item__body-top-info h1 {
        font-size: 36rem;
        font-weight: 400;
        line-height: 52.02rem;
        text-align: left;
        color: #090628;
        max-width: 330rem
    }

    .item__body-top-info-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .item__body-top-info-attr-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .item__body-top-info-attr-item span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c
    }

    .item__body-top-info-attr-item p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #090628
    }

    .item__body-top-info-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .item__body-top-info-price p {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .item__body-top-info-price span:nth-child(2) {
        font-size: 28rem;
        font-weight: 400;
        line-height: 40.46rem;
        text-align: left;
        color: #007aff
    }

    .item__body-top-info-price span:nth-child(3) {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #42474b
    }

    .item__body-top-info-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 26rem
    }

    .item__body-top-info-btns button:nth-child(1) {
        padding: 8rem 12rem;
        background: #007aff;
        font-size: 16rem;
        font-weight: 600;
        line-height: 20rem;
        text-align: left;
        color: #fff
    }

    .item__body-top-info-btns button:nth-child(2) {
        padding: 8rem 12rem;
        background: #fff;
        font-size: 14rem;
        font-weight: 600;
        line-height: 18rem;
        text-align: left;
        color: #007aff;
        border: 1rem solid #007aff
    }

    .item__body-bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5rem;
        font-size: 13rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c
    }

    .item__body-bot a {
        color: #007aff;
        text-decoration: underline;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .item__body-bot ul li {
        list-style: disc;
        list-style-position: inside
    }

    .main__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 76rem;
        background: url(../images/dist/back.png) center no-repeat;
        background-size: cover
    }

    .main {
        width: 100%;
        padding-bottom: 78rem
    }

    .main__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .main__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main__body-text-title {
        font-family: var(--bic);
        font-size: 18rem;
        font-weight: 400;
        line-height: 22rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff;
        max-width: 886rem
    }

    .main__body-text-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 32rem;
        -webkit-column-gap: 12rem;
        -moz-column-gap: 12rem;
        column-gap: 12rem;
        max-width: 520rem;
        margin-top: 12rem
    }

    .main__body-text-block-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 6rem
    }

    .main__body-text-block-item svg {
        width: 24rem;
        height: 24rem
    }

    .main__body-text-block-item span {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #fff
    }

    .main__body-text-block-item:nth-child(1) {
        width: 165rem
    }

    .main__body-text-block-item:nth-child(3) {
        width: 165rem
    }

    .main__body-text a {
        width: 100%;
        height: 61rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 2rem;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        margin-top: 32rem
    }

    .main__body-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        margin-top: 18rem
    }

    .main__body-rating-item {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.49)), color-stop(89.69%, rgba(0, 0, 0, 0.0539)));
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.0539) 89.69%);
        -webkit-box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        -webkit-backdrop-filter: blur(6.8728232384rem);
        backdrop-filter: blur(6.8728232384rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 9rem;
        width: 100%;
        height: 75rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main__body-rating-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .main__body-rating-item-top span {
        font-size: 18.33rem;
        font-weight: 400;
        line-height: 26.48rem;
        text-align: center;
        color: #fff
    }

    .main__body-rating-item-top img {
        width: 104rem;
        height: 19rem
    }

    .main__body-rating-item-place {
        max-width: 106rem;
        max-height: 22rem
    }

    .order {
        width: 100%;
        margin-top: 32rem
    }

    .order__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem;
        width: 100%
    }

    .order__body-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem
    }

    .order__body-info h1 {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .order__body-info-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .order__body-info-type-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 144rem;
        height: 70rem;
        position: relative;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        gap: 8rem;
        background: #f9f9f9;
        padding-left: 12rem;
        cursor: pointer
    }

    .order__body-info-type-item svg {
        width: 20rem;
        height: 20rem
    }

    .order__body-info-type-item .arrow {
        width: 16rem;
        height: 16rem;
        position: absolute;
        top: 10rem;
        right: 10rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 0
    }

    .order__body-info-type-item span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 18rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-type-item.active {
        border: 1rem solid #007aff
    }

    .order__body-info-type-item.active .arrow {
        opacity: 1
    }

    .order__body-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f9f9f9;
        width: 300rem;
        padding: 12rem
    }

    .order__body-info-item h3 {
        font-size: 18rem;
        font-weight: 400;
        line-height: 22rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem;
        width: 100%;
        margin-top: 12rem
    }

    .order__body-info-item-top-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 276rem;
        height: 44rem;
        padding: 0 12rem;
        position: relative
    }

    .order__body-info-item-top-wrap span {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c
    }
    .order__body-info-item-top-wrap svg{
        position: absolute;
        width: 12rem;
        height: 12rem;
        right: 6rem;
    }
    .order__body-info-item-top-wrap select {
        width: 100%;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-top-wrap input {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628
    }
    .date__svg{
        width: 12rem;
        height: 12rem;
        right: 6rem
    }
    .order__body-info-item-top-wrap .arrow__inp {
        position: absolute;
        width: 12rem;
        height: 12rem;
        right: 6rem
    }

    .order__body-info-item-top-place {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6rem;
        background: rgba(0, 0, 0, 0);
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-top-place svg {
        width: 22rem;
        height: 22rem
    }

    .order__body-info-item-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem;
        margin-top: 12rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order__body-info-item-block-wrap {
        width: 276rem;
        height: 44rem;
        background: #fff;
        padding: 0 12rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .order__body-info-item-block-wrap input {
        width: 90%;
        height: 44rem;
        background: #fff;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item-block-wrap input[type=date] {
        position: relative
    }

    .order__body-info-item-block-wrap input[type=date]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: rgba(0, 0, 0, 0);
        background: rgba(0, 0, 0, 0)
    }

    .order__body-info-item-block-wrap input[type=date]::-webkit-inner-spin-button, .order__body-info-item-block-wrap input[type=date]::-webkit-clear-button {
        z-index: -10
    }

    .order__body-info-item-block-wrap input[type=date]::-webkit-input-placeholder {
        z-index: 99
    }

    .order__body-info-item-block-wrap input[type=date]:placeholder {
        z-index: 99
    }

    .order__body-info-item-block-wrap input[type=date]:not(.has-value):before {
        content: attr(placeholder);
        width: 100%
    }

    .order__body-info-item-block input[type=date]::-webkit-calendar-picker-indicator {
        opacity: 0
    }

    .order__body-info-item-block select {
        width: 276rem;
        height: 44rem;
        background: #fff;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        padding: 0 12rem
    }
    .time__zone{
        position: relative;
        width: 276rem;
        height: 44rem;
        display: flex;
        align-items: center;
    }
    .time__zone svg{
        position: absolute;
        right: 6rem;
        width: 12rem;
        height: 12rem;
    }
    .time__zone span{
        position: absolute;
        background: #fff;
        left: 12rem;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #73787C;
        z-index: 10;
    }
    .order__body-info-item-inp {
        width: 100%;
        height: 44rem;
        background: #fff;
        margin-top: 12rem;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628;
        padding-left: 12rem
    }

    .order__body-info-item-dan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6rem;
        margin-top: 12rem
    }

    .order__body-info-item-dan svg {
        width: 24rem;
        height: 24rem
    }

    .order__body-info-item-dan p {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #73787c
    }

    .order__body-info-item-attr {
        margin-top: 12rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem
    }

    .order__body-info-item-attr-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16rem
    }

    .order__body-info-item-attr-item p {
        width: 125rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c
    }

    .order__body-info-item-attr-item span {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16.01rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .order__body-info-item .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16rem;
        font-weight: 400;
        line-height: 18.9rem;
        text-align: left;
        color: #090628;
        margin-top: 6rem
    }

    .order__body-info-item .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 16rem;
        height: 16rem;
        margin-right: 10rem;
        border: 2rem solid #007aff;
        border-radius: 2rem;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

    .order__body-info-item .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 16rem;
        height: 16rem
    }

    .order__body-info-item .checkbox:checked+.checkbox-view .checkbox-icon {
        opacity: 1
    }

    .order__body-info-item-radio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        margin-top: 12rem
    }

    .order__body-info-item-radio-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .order__body-info-item-radio-item input {
        min-width: 18rem;
        min-height: 18rem
    }

    .order__body-info-item-radio-item span {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628
    }

    .order__body-info-item textarea {
        width: 100%;
        height: 86rem;
        resize: none;
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #090628;
        background: #fff;
        padding: 8rem 12rem;
        margin-top: 24rem
    }

    .order__body-info-item-desc {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c;
        margin-top: 8rem
    }

    .order__body-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: sticky;
        background: #007aff;
        width: 300rem;
        height: auto;
        top: 0;
        padding: 24rem 10rem
    }

    .order__body-result h2 {
        font-family: var(--bic);
        font-size: 18rem;
        font-weight: 400;
        line-height: 20rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff
    }

    .order__body-result .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: 25rem
    }

    .order__body-result .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #fff;
        margin-top: 12rem
    }

    .order__body-result .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 18rem;
        height: 18rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        border-radius: 2rem;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .order__body-result .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .order__body-result-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8rem;
        gap: 5rem
    }

    .order__body-result-attr span {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #fff
    }

    .order__body-result button {
        width: 280rem;
        height: 61rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #007aff;
        margin-top: 22rem
    }

    .order__body-result p {
        max-width: 300rem;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #fff;
        margin-top: 16rem
    }

    .order__body-result p a {
        text-decoration: underline
    }

    .partners {
        width: 100%;
        margin-top: 32rem;
        background: #42474b;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 20rem
    }

    .partners__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin-top: 50rem
    }

    .partners__body-logo {
        position: absolute;
        width: 100rem;
        top: -80rem;
        height: 85rem;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922)
    }

    .partners__body-logo img {
        width: 100%;
        height: 100%
    }

    .partners__body-desc {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: center;
        max-width: 300rem;
        color: #fff;
        margin-top: 40rem
    }

    .partners__body-attr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 12rem
    }

    .partners__body-attr-item {
        width: 144rem;
        height: 96.33rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #646464;
        box-shadow: 4rem 4rem 13rem 0px #00000040;

    }

    .partners__body-attr-item:last-child {
        grid-column: span 2
    }

    .partners__body-title {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: center;
        margin-top: 44rem;
        color: #fff
    }

    .partners__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 24rem;
        -webkit-column-gap: 50rem;
        -moz-column-gap: 50rem;
        column-gap: 50rem;
        margin-top: 24rem
    }

    .partners__body-block-item {
        width: 292rem;
        height: 108rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        box-shadow: 4rem 4rem 13rem 0px #00000040;
    }

    .partners__body-block-item img {
        width: 244rem;
        height: 88rem
    }

    .partners__body a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8rem;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: center;
        color: #fff;
        margin-top: 20rem
    }

    .partners__body a svg {
        width: 24rem;
        height: 24rem
    }

    .popular {
        width: 100%;
        margin-top: 22rem
    }

    .popular__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem
    }

    .popular__body-title {
        font-family: var(--bic);
        font-size: 19rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628;
        max-width: 869rem
    }

    .popular__body .splide {
        width: 100%
    }

    .popular__body .splide .splide__arrows {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24rem;
        top: -90rem;
        right: 0;
        display: none
    }

    .popular__body .splide .splide__arrows .splide__arrow {
        width: 44rem;
        height: 44rem;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 1;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        border-radius: 0%;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922)
    }

    .popular__body .splide .splide__arrows .splide__arrow svg {
        fill: none;
        width: 24rem;
        height: 24rem
    }

    .popular__body .splide .splide__arrows .splide__arrow svg path {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .popular__body .splide .splide__arrows .splide__arrow:hover {
        background: #42474b
    }

    .popular__body .splide .splide__arrows .splide__arrow:hover svg path {
        stroke: #fff
    }

    .popular__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12rem;
        margin-left: 20rem !important
    }

    .popular__body-block-item {
        width: 144rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        cursor: pointer
    }

    .popular__body-block-item-name {
        font-family: var(--bic);
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        letter-spacing: .42em;
        text-align: left;
        color: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .popular__body-block-item .text__dif {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #090628;
        font-family: "Jost", sans-serif;
        letter-spacing: normal
    }

    .popular__body-block-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem;
        position: relative;
        height: 100rem
    }

    .popular__body-block-item-top img {
        width: 100%;
        height: 100rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .popular__body-block-item-top p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .popular__body-block-item-top a {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 8rem;
        font-weight: 300;
        line-height: 12rem;
        text-align: left;
        color: #090628;
        position: absolute;
        bottom: 0;
        right: -5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .popular__body-block-item:hover .popular__body-block-item-name {
        color: #007aff
    }

    .popular__body-block-item:hover a {
        color: #007aff
    }

    .review {
        width: 100%;
        margin-top: 32rem
    }

    .review__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .review__body-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .review__body-top h2 {
        font-family: var(--bic);
        font-size: 18rem;
        font-weight: 400;
        line-height: 22rem;
        letter-spacing: .06em;
        text-align: center;
        color: #090628
    }

    .review__body-top p {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: center;
        color: #646464
    }

    .review__body-top-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 6rem;
        margin-top: 6rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .review__body-top-items-item {
        background: #fff;
        -webkit-box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 0rem 10.69rem 48.87rem 0rem rgba(0, 0, 0, .2509803922);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 9rem;
        width: 300rem;
        height: 75rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .review__body-top-items-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12rem
    }

    .review__body-top-items-item-top span {
        font-size: 18.33rem;
        font-weight: 400;
        line-height: 26.48rem;
        text-align: center;
        color: #090628
    }

    .review__body-top-items-item-top img {
        width: 104rem;
        height: 19rem
    }

    .review__body-top-items-item-place {
        max-width: 106rem;
        max-height: 22rem
    }

    .review__body .splide {
        width: 300rem
    }

    .review__body .splide .splide__arrow {
        width: 44rem;
        height: 44rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        border-radius: 0;
        opacity: 1;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        display: none
    }

    .review__body .splide .splide__arrow svg {
        fill: none;
        width: 24rem;
        height: 24rem
    }

    .review__body .splide .splide__arrow--prev {
        left: -1em
    }

    .review__body .splide .splide__arrow--next {
        right: -1em
    }

    .review__body .splide .splide__arrow:hover {
        background: #42474b
    }

    .review__body .splide .splide__arrow:hover svg path {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        stroke: #fff
    }

    .review__body .splide .splide__slide {
        width: 300rem !important;
        padding: 16rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        margin-right: 24rem !important
    }

    .review__body .splide .splide__slide span {
        font-size: 12rem;
        font-weight: 700;
        line-height: 14rem;
        text-align: center;
        color: #42474b
    }

    .review__body .splide .splide__slide p {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: center;
        color: #73787c
    }

    .shop {
        width: 100%;
        margin-top: 32rem
    }

    .shop__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem
    }

    .shop__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shop__body-text-title {
        font-family: var(--bic);
        font-size: 18rem;
        font-weight: 400;
        line-height: 22rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .shop__body-text p {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14.68rem;
        text-align: left;
        color: #646464
    }

    .shop__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24rem
    }

    .shop__body-block-item {
        width: 300rem;
        height: 240rem;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        background: #fff;
        position: relative;
        padding: 20rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem;
        overflow: hidden
    }
    
    .shop__body-block-item-img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
        height: 165rem;
    }
    .shop__body-block-item span {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 20rem;
        letter-spacing: .34em;
        text-align: left;
        color: #42474b;
        min-height: auto;
        z-index: 2
    }

    .shop__body-block-item .arrow {
        width: 24rem;
        height: 24rem;
        position: absolute;
        top: 20rem;
        right: 20rem;
        z-index: 2
    }

    .shop__body-block-item .arrow svg {
        width: 24rem;
        height: 24rem
    }

    .shop__body-block-item-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
        z-index: 2;
        display: none;
    }

    .shop__body-block-item-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .shop__body-block-item-list-item svg {
        width: 18rem;
        height: 18rem
    }


    .shop__body-block-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        min-width: 300rem;
        background: #42474b;
        -webkit-box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        box-shadow: 4rem 4rem 13rem 0rem rgba(0, 0, 0, .2509803922);
        height: auto;
        padding: 20rem
    }

    .shop__body-block-form-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem
    }

    .shop__body-block-form-text span {
        font-family: var(--bic);
        font-size: 22rem;
        font-weight: 400;
        line-height: 24.66rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form-text p {
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .shop__body-block-form-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .shop__body-block-form-main-wrap span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form-main-wrap input {
        width: 100%;
        height: 34rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff;
        border-bottom: 1rem solid #fff
    }

    .shop__body-block-form-main-wrap input::-webkit-input-placeholder {
        color: #cfcfcf
    }

    .shop__body-block-form-main button {
        width: 100%;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14rem;
        font-weight: 600;
        line-height: 16rem;
        text-align: left;
        color: #fff
    }

    .shop__body-block-form .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .shop__body-block-form .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        gap: 5rem;
        color: #fff
    }

    .shop__body-block-form .checkbox-label a {
        text-decoration: underline
    }

    .shop__body-block-form .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 14rem;
        height: 14rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .shop__body-block-form .checkbox:checked+.checkbox-view {
        background-color: #fff
    }

    .shop__body-link {
        width: 180rem;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        -ms-flex-item-align: center;
        align-self: center
    }

    .shop__body-desc {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c
    }

    .sign {
        width: 100%;
        margin-top: 32rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sign__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #f1f1f1;
        width: 300rem;
        padding: 12rem;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        margin: 0 auto
    }

    .sign__body-title {
        font-family: var(--bic);
        font-size: 24rem;
        font-weight: 400;
        line-height: 29.71rem;
        letter-spacing: .34em;
        text-align: left;
        color: #090628
    }

    .sign__body-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .sign__body-form input {
        width: 100%;
        height: 100%;
        padding: 0 12rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #090628;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5
    }

    .sign__body-form-pas {
        width: 276rem;
        height: 44rem;
        position: relative;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign__body-form-pas-btn {
        position: absolute;
        right: 12rem;
        width: 24rem;
        height: 24rem;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 10
    }

    .sign__body-form-pas-btn svg {
        width: 24rem;
        height: 24rem
    }

    .sign__body-form-pas-btn.active {
        opacity: 1
    }

    .sign__body-form-em {
        width: 276rem;
        height: 44rem;
        position: relative;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign__body-form-em span {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c;
        position: absolute;
        left: 12rem;
        z-index: 10;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .sign__body-form-em span.active {
        font-size: 10rem;
        line-height: 14rem;
        top: 2rem
    }

    .sign__body-form-btn {
        width: 100%;
        height: 61rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #007aff;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .sign__body-form a {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628
    }

    .stage {
        width: 100%;
        margin-top: 16rem
    }

    .stage__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20rem
    }

    .stage__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6rem
    }

    .stage__body-text h2 {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628;
        max-width: 740rem
    }

    .stage__body-text p {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #090628
    }

    .stage__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .stage__body-block-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12rem
    }

    .stage__body-block-top-item {
        width: 300rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        cursor: pointer
    }

    .stage__body-block-top-item-name {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 19.81rem;
        letter-spacing: .42em;
        text-align: left;
        color: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-top-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem;
        position: relative;
        height: 200rem
    }

    .stage__body-block-top-item-top img {
        width: 100%;
        height: 200rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .stage__body-block-top-item-top p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-top-item-top a {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 13rem;
        font-weight: 300;
        line-height: 18.79rem;
        text-align: left;
        color: #090628;
        position: absolute;
        bottom: 0;
        right: -5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-top-item:hover .stage__body-block-top-item-name {
        color: #007aff
    }

    .stage__body-block-top-item:hover a {
        color: #007aff
    }

    .stage__body-block-bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .stage__body-block-bot-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12rem
    }

    .stage__body-block-bot-wrap-item {
        width: 300rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        cursor: pointer
    }

    .stage__body-block-bot-wrap-item-name {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 19.81rem;
        letter-spacing: .42em;
        text-align: left;
        color: #090628;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-bot-wrap-item-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem;
        position: relative;
        height: 200rem
    }

    .stage__body-block-bot-wrap-item-top img {
        width: 100%;
        height: 200rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .stage__body-block-bot-wrap-item-top p {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-wrap-item-top a {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 13rem;
        font-weight: 300;
        line-height: 18.79rem;
        text-align: left;
        color: #090628;
        position: absolute;
        bottom: 0;
        right: -5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .stage__body-block-bot-wrap-item:hover .stage__body-block-bot-wrap-item-name {
        color: #007aff
    }

    .stage__body-block-bot-wrap-item:hover a {
        color: #007aff
    }

    .stage__body-block-bot-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        background: #42474b;
        min-width: 300rem;
        height: auto;
        padding: 20rem
    }

    .stage__body-block-bot-form-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem
    }

    .stage__body-block-bot-form-text span {
        font-family: var(--bic);
        font-size: 20rem;
        font-weight: 400;
        line-height: 22rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form-text p {
        font-size: 10rem;
        font-weight: 400;
        line-height: 12rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .stage__body-block-bot-form-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .stage__body-block-bot-form-main-wrap span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form-main-wrap input {
        width: 100%;
        height: 34rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff;
        border-bottom: 1rem solid #fff
    }

    .stage__body-block-bot-form-main-wrap input::-webkit-input-placeholder {
        color: #cfcfcf
    }

    .stage__body-block-bot-form-main button {
        width: 100%;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .stage__body-block-bot-form .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .stage__body-block-bot-form .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12rem;
        font-weight: 400;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 10rem;
        text-align: left;
        gap: 2rem;
        color: #fff
    }

    .stage__body-block-bot-form .checkbox-label a {
        text-decoration: underline
    }

    .stage__body-block-bot-form .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 14rem;
        height: 14rem;
        margin-right: 0rem;
        border: 2rem solid #fff;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .stage__body-block-bot-form .checkbox:checked+.checkbox-view {
        background-color: #fff
    }

    .support {
        width: 100%;
        background: #42474b;
        margin-top: 16rem;
        position: relative
    }

    .support img {
        width: 677rem;
        height: 684rem;
        right: 30rem;
        bottom: 0;
        position: absolute;
        display: none
    }

    .support__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        position: relative;
        padding: 32rem 10rem
    }

    .support__body-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .support__body-text h2 {
        font-family: var(--bic);
        font-size: 16rem;
        font-weight: 400;
        line-height: 18rem;
        letter-spacing: .06em;
        text-align: left;
        color: #fff;
        max-width: 740rem
    }

    .support__body-text p {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #fff
    }

    .support__body-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6rem;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #fff
    }

    .support__body-list svg {
        width: 9rem;
        height: 9rem
    }

    .support__body-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem
    }

    .support__body-form-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .support__body-form-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .support__body-form-main-wrap span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .support__body-form-main-wrap input {
        width: 287rem;
        height: 34rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #fff;
        border-bottom: 1rem solid #fff
    }

    .support__body-form-main-wrap input::-webkit-input-placeholder {
        color: #cfcfcf
    }

    .support__body-form-main button {
        width: 100%;
        height: 63rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff
    }

    .support__body-form .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .support__body-form .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        gap: 5rem;
        color: #fff
    }

    .support__body-form .checkbox-label a {
        text-decoration: underline
    }

    .support__body-form .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 14rem;
        height: 14rem;
        margin-right: 10rem;
        border: 2rem solid #fff;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .support__body-form .checkbox:checked+.checkbox-view {
        background-color: #fff
    }

    .trash {
        width: 100%;
        margin-top: 32rem
    }

    .trash__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem
    }

    .trash__body-title {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .trash__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        max-width: 300rem;
        overflow: auto
    }

    .trash__body-block-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 55rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        width: 1320rem
    }

    .trash__body-block-top span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-top span:nth-child(1) {
        width: 499rem
    }

    .trash__body-block-top span:nth-child(2) {
        width: 80rem
    }

    .trash__body-block-top span:nth-child(3) {
        width: 80rem
    }

    .trash__body-block-top span:nth-child(4) {
        width: 92rem
    }

    .trash__body-block-top span:nth-child(5) {
        width: 80rem
    }

    .trash__body-block-top span:nth-child(6) {
        width: 80rem
    }

    .trash__body-block-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        width: 100%
    }

    .trash__body-block-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-left: 12rem;
        padding-right: 12rem;
        min-height: 58rem;
        background: rgba(0, 0, 0, 0);
        width: 1320rem
    }

    .trash__body-block-list-item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .trash__body-block-list-item .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .trash__body-block-list-item .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .trash__body-block-list-item .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24rem;
        height: 24rem;
        border: 1rem solid #000;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

    .trash__body-block-list-item .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .trash__body-block-list-item .checkbox:checked+.checkbox-view .checkbox-icon {
        opacity: 1
    }

    .trash__body-block-list-item-img {
        width: 58rem;
        height: 58rem
    }

    .trash__body-block-list-item-name {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        margin-left: 16rem
    }

    .trash__body-block-list-item-col {
        width: 80rem;
        height: 37rem;
        border: 1rem solid #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: center;
        color: #646464
    }

    .trash__body-block-list-item-pood {
        width: 80rem;
        height: 37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-list-item-pood option {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-list-item-nds {
        width: 92rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trash__body-block-list-item-price {
        width: 80rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trash__body-block-list-item-do {
        width: 80rem;
        height: 32rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trash__body-block-list-item-do svg {
        width: 24rem;
        height: 24rem
    }

    .trash__body-block-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .trash__body-block-btns button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem;
        padding: 12rem 10rem;
        background: rgba(0, 0, 0, 0);
        border: 1rem solid #007aff
    }

    .trash__body-block-btns button span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #646464
    }

    .trash__body-block-btns button svg {
        width: 24rem;
        height: 24rem
    }

    .trash__body-block .line {
        width: 100%;
        height: 38rem;
        display: none
    }

    .trash__body-result {
        -ms-flex-item-align: end;
        align-self: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 16rem
    }

    .trash__body-result h2 {
        font-family: var(--bic);
        font-size: 22rem;
        font-weight: 400;
        line-height: 27.24rem;
        letter-spacing: .06em;
        text-align: left;
        color: #090628
    }

    .trash__body-result-attr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8rem
    }

    .trash__body-result-attr span {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #42474b
    }

    .trash__body-result button {
        width: 300rem;
        height: 61rem;
        background: #007aff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 600;
        line-height: 28.9rem;
        text-align: left;
        color: #fff;
        margin-top: 22rem
    }

    .trash__body-result p {
        max-width: 300rem;
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #42474b;
        margin-top: 8rem
    }

    .trash__body-result p a {
        text-decoration: underline
    }

    .user {
        width: 100%;
        margin-top: 32rem
    }

    .user__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem
    }

    .user__body-title {
        font-family: var(--bic);
        font-size: 21rem;
        font-weight: 400;
        line-height: 26rem;
        letter-spacing: .06em;
        text-align: center;
        color: #090628
    }

    .user__body-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        gap: 6rem
    }

    .user__body-top a {
        font-size: 16rem;
        font-weight: 400;
        line-height: 18rem;
        text-align: left;
        color: #e72828
    }

    .user__body-top-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .user__body-top-tab-item {
        padding: 9rem 14rem;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        font-size: 16rem;
        font-weight: 400;
        line-height: 18rem;
        text-align: left;
        color: #090628
    }

    .user__body-top-tab-item.active {
        background: #f9f9f9
    }

    .user__body-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        padding: 12rem;
        background: #f9f9f9
    }

    .user__body-block h2 {
        font-size: 22rem;
        font-weight: 400;
        line-height: 24rem;
        text-align: left;
        color: #090628
    }

    .user__body-block-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12rem;
        width: 100%
    }

    .user__body-block-items .col-3 {
        width: 276rem
    }

    .user__body-block-items .col-3 input {
        width: 226rem
    }

    .user__body-block-items .col-4 {
        width: 276rem
    }

    .user__body-block-items .col-4 input {
        width: 226rem
    }

    .user__body-block-items .col-2 {
        width: 276rem
    }

    .user__body-block-items .col-2 input {
        width: 226rem
    }

    .user__body-block-items .col-1 {
        width: 100%
    }

    .user__body-block-items .col-1 input {
        width: 226rem
    }

    .user__body-block-items-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 12rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        height: 44rem;
        position: relative
    }

    .user__body-block-items-wrap button {
        width: 16rem;
        height: 16rem;
        background: rgba(0, 0, 0, 0)
    }

    .user__body-block-items-wrap button svg {
        width: 16rem;
        height: 16rem
    }

    .user__body-block-items-wrap-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .user__body-block-items-wrap-left span {
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #73787c
    }

    .user__body-block-items-wrap-left input {
        background: rgba(0, 0, 0, 0);
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628
    }

    .user__body-block-items-add {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .user__body-block-items-add input {
        width: 276rem;
        height: 44rem;
        padding-left: 12rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12rem;
        font-weight: 400;
        line-height: 14rem;
        text-align: left;
        color: #090628;
        background: #fff
    }

    .user__body-block-items-add-end {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6rem;
        background: rgba(0, 0, 0, 0);
        margin-top: 6rem;
        font-size: 14rem;
        font-weight: 400;
        line-height: 16rem;
        text-align: left;
        color: #000
    }

    .user__body-block-items-add-end svg {
        width: 16rem;
        height: 16rem
    }

    .user__body-del {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        background: #f9f9f9;
        padding: 24rem;
        max-width: 300rem;
        overflow: auto
    }

    .user__body-del .sum {
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-family: var(--bic);
        font-size: 22rem;
        font-weight: 400;
        line-height: 27.24rem;
        letter-spacing: .06em;
        text-align: right;
        color: #090628;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .user__body-del-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        width: 1270rem
    }

    .user__body-del-top p {
        font-size: 36rem;
        font-weight: 400;
        line-height: 52.02rem;
        text-align: left;
        color: #090628
    }

    .user__body-del-top p span {
        color: #007aff
    }

    .user__body-del-top a {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #73787c
    }

    .user__body-del-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24rem;
        width: 1270rem
    }

    .user__body-del-info-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .user__body-del-info-top-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8rem;
        padding: 12rem 18rem;
        background: #fff
    }

    .user__body-del-info-top-item p {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #73787c
    }

    .user__body-del-info-top-item span {
        font-size: 18rem;
        font-weight: 400;
        line-height: 26.01rem;
        text-align: left;
        color: #090628;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5rem
    }

    .user__body-del-info-top-item span svg {
        width: 24rem;
        height: 24rem
    }

    .user__body-del-info-top .green__status {
        color: #07b633
    }

    .user__body-del-info-top .red__status {
        color: #e72828
    }

    .user__body-del-info-top .yellow__status {
        color: #d5ab02
    }

    .user__body-del-info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12rem;
        width: 100%;
        width: 1270rem
    }

    .user__body-del-info-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-left: 12rem;
        padding-right: 12rem;
        min-height: 58rem;
        background: rgba(0, 0, 0, 0)
    }

    .user__body-del-info-list-item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12rem
    }

    .user__body-del-info-list-item .checkbox {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .user__body-del-info-list-item .checkbox-label {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .user__body-del-info-list-item .checkbox-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24rem;
        height: 24rem;
        border: 1rem solid #000;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

    .user__body-del-info-list-item .checkbox-icon {
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 18rem;
        height: 18rem
    }

    .user__body-del-info-list-item .checkbox:checked+.checkbox-view .checkbox-icon {
        opacity: 1
    }

    .user__body-del-info-list-item-img {
        width: 58rem;
        height: 58rem
    }

    .user__body-del-info-list-item-name {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        margin-left: 16rem;
        width: 425rem;
    }

    .user__body-del-info-list-item-col {
        width: 80rem;
        height: 37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: center;
        color: #646464
    }

    .user__body-del-info-list-item-pood {
        width: 80rem;
        height: 37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .user__body-del-info-list-item-pood option {
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464
    }

    .user__body-del-info-list-item-nds {
        width: 92rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user__body-del-info-list-item-price {
        width: 80rem;
        height: auto;
        font-size: 20rem;
        font-weight: 400;
        line-height: 28.9rem;
        text-align: left;
        color: #646464;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user__body-del-info-list-item-do {
        width: 80rem;
        height: 32rem;
        background: rgba(0, 0, 0, 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user__body-del-info-list-item-do svg {
        width: 24rem;
        height: 24rem
    }

    .user__body-del-info-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 55rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .user__body-del-info-name span {
        font-size: 16rem;
        font-weight: 400;
        line-height: 23.12rem;
        text-align: left;
        color: #646464
    }

    .user__body-del-info-name span:nth-child(1) {
        width: 499rem
    }

    .user__body-del-info-name span:nth-child(2) {
        width: 80rem
    }

    .user__body-del-info-name span:nth-child(3) {
        width: 80rem
    }

    .user__body-del-info-name span:nth-child(4) {
        width: 92rem
    }

    .user__body-del-info-name span:nth-child(5) {
        width: 80rem
    }

    .user__body-del-info-name span:nth-child(6) {
        width: 80rem
    }

    .mt-0 {
        margin-left: 0 !important
    }

    .first__section {
        padding-top: 85.5rem
    }
}