.logo-mobile img {
    min-width: 200px;
    max-width: 500px;
    min-height: 50px;
}

@media (max-width: 1100px) {
    .logo-mobile img {
        min-width: 100%;
        max-width: 200px;
    }
}

@media (max-width: 600px) {
    .logo-mobile img {
        /*max-width: 160px;*/
    }
}

.js-search-input {
    max-width: 35rem;
    background-color: #F2F2F2
}

.kronasMaster__wrapper {
    padding: 70px;
}

.kronasMaster__content {
    position: relative;
    background-color: #EAEAEA;
    padding: 50px 80px;
}

.kronasMaster__text {
    color: #8C8C8C;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.kronasMaster__title {
    color: #501C54;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.kronasMaster-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kronasMaster__title:hover {
    color: #501C54;
}

.kronasMaster__list {
    list-style: none;
    padding-left: 20px;
}

.kronasMaster__list-element {
    display: inline-flex;
}

.kronasMaster__list-element::before {
    content: "•"; color: #8C8C8C;
    display: inline-block; width: 1em;
    margin-left: -1em
}

.kronasMaster__buttonWrapper {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    right: 3%;
    bottom: 7%;
}

.kronasMaster__subtitle {
    width: 80%;
    color: #501C54;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.kronasMaster__link {
    text-decoration: underline;
    color: #A14389;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.kronasMaster__link:visited {
    color: #A14389;
}

.kronasMaster {
    display: block;
}

.kronasMaster__away {
    display: block;
    width: 100%;
    height: 100%;
}

.kronasMaster__button {
    padding: 10px;
    color: #FFF;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 22px;
    background: linear-gradient(90deg, #62153D 0%, #BC5094 50.57%, #62153D 100%);
}

.kronasMaster__mobile {
    display: none;
}

.kronasMaster__buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kronasMaster__text-wrapper {
    width: 80%;
}

@media (max-width: 1000px) {
    .kronasMaster__text-wrapper {
        width: 100%;
    }

    .kronasMaster {
        display: none;
    }

    .kronasMaster__mobile {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .kronasMaster__buttons {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .kronasMaster__buttonWrapper {
        width: 100%;
        align-items: center;
        position: relative;
        right: unset;
        bottom: unset;
    }


    .kronasMaster__wrapper {
        padding: 10px;
    }

    .kronasMaster__content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .kronasMaster__title {
        font-size: 26px;
    }
}


@media (max-width: 640px) {
    .kronasMaster__mobile {
        margin-top: 45px;
    }

    .kronasMaster__buttons {
        width: 100%;
    }
}

.footerTop__logo {
    width: 25%;
}


@media (max-width: 1400px) {
    .footer__wrapper {
        width: 80%;
    }

    .footerTop__logo {
        width: 25%;
    }
}

@media (max-width: 900px ) {
    .footerTop__logo {
        width: 34%;
    }
}

@media (max-width: 630px ) {

    .footerTop__logo {
        width: 100%;
    }
}


.mobileMenu__item--5 {
    background-color: #A14389 !important;
}


.input__wrapper {
    max-width: 100%;
}

.js-topBanners {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.opened {
    display: none;
}

@media (max-width: 650px ) {
    .opened {
        display: block!important;
        position: fixed;
        left: 25%;
        top: calc(79px + 3em);
        min-width: 50%;
        width: 50% !important;
        padding: 1rem 3rem;
        background-color: #fcfcfc;
        border-radius: 0.125rem;
        box-shadow: 0 .4rem .8rem rgba(152, 152, 152, .2);
        z-index: 99999999;
    }
}

.language-block {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 20px !important;
}

.mobile-menu-text {
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.advantages__button {
    width: 25px;
}

.svg-advantages {
    transform: rotate(180deg);
}

/* AUTH PAGE */
.ap-after-valid {
    width: 100%;
    height: 12px;
    font-size: 12px;
    color: var(--color-error-text);
    align-items: center;
}

.ap-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(220, 220, 220, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 2147483645 !important;
}

.ap__message {
    position: fixed;
    top: var(--30px);
    right: var(--30px);
    width: var(--240px);
    height: var(--40px);
    border-radius: 4px;
    background-color: var(--color-success);
    display: flex;
    align-items: center;
    padding: 0 var(--16px);
    font-size: var(--12px);
    color: var(--color-success-text);
    z-index: 2147483647;
    transition: transform 700ms ease;
    transform: translateX(120%);
}

.ap_mess_img_text {
    width: var(--20px);
    height: var(--20px);
    border-radius: 50%;
    padding: 1px;
}

.ap__message > .ap_mess_img_text {
    background-color: var(--color-success-img)
}

._x_, ._v_ {
    stroke: var(--color-success-text)
}

.ap__message > :not(:first-child) {
    margin-left: 20px
}

.ap-text-default {
    color: var(--color-text) !important
}

.ap-active {
    color: #A04382 !important
}

.ap-active-option {
    color: var(--color-third) !important
}

.ap-btn-active {
    border-color: #A04382 !important
}

.ap-invalid {
    border-color: var(--color-red) !important
}

.ap-lang-link {
    font-size: var(--14px);
    font-weight: 400;
}

.ap-circle {
    width: var(--8px);
    height: var(--8px);
    content: url('/Media/img/ball-1.svg');
}

.ap-step {
    font-size: var(--14px);
    color: var(--color-lang);
    transform: translateY(var(--20px));
}

.ap-line {
    width: var(--140px);
    border-top: var(--2px) solid var(--color-text-btn);
}

.ap__input.ap__proff:focus {
    caret-color: transparent
}

.ap__mess {
    width: 100%;
    padding: 12px;
    height: var(--40px);
    font-size: var(--12px);
    background-color: var(--color-message);
    color: var(--color-text-message);
    border-color: transparent;
    display: flex;
    align-items: center;
}

.ap__mess > :first-child {
    width: var(--20px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ap__mess__img {
    background-color: var(--color-ball-mess);
    border-radius: 50%;
    padding: 4px;
}

.ap__mess__img {
    background-color: var(--color-ball-mess);
    border-radius: 50%;
    padding: 4px;
}

.ap__mess > :last-child {
    width: 70%;
    white-space: normal;
}

.ap__mess__rules {
    color: var(--color-btns-inpts);
    font-size: var(--14px);
}

.ap__input__check {
    border-radius: 8px !important;
    width: var(--23px) !important;
    height: var(--23px) !important;
}

.ap__input__check:checked {
    accent-color: var(--color-kronas-text) !important
}

.ap__mess__rules > a {
    text-decoration: underline;
    color: var(--color-kronas-text);
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/Media/fonts/MuseoSansCyrl-300.otf') format('otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/Media/fonts/MuseoSansCyrl-500.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/Media/fonts/MuseoSansCyrl-700.otf') format('otf');
    font-weight: 600;
    font-style: normal;
}

.alexproger {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-background);
    display: flex;
    align-items: center;
    font-family: 'Museo Sans Cyrl', sans-serif;
    transition: all 700ms ease;
    z-index: 2147483649 !important;
}

.ap__img {
    width: 100%;
    height: 100%;
    transform: scale(1.01);
}

.ap__left, .ap__right {
    overflow: hidden;
    width: 50%;
    height: 100%;
    transition: all 700ms ease;
}

.ap__left {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center;
    /*background-image: url("/Media/img/log-1.jpg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: width 700ms ease;
}

.ap__logo {
    position: absolute;
    width: var(--240px);
    top: var(--25px);
    left: 50%;
    transform: translateX(-50%);
    transition: all 700ms ease;
}

.ap__logo.ap-md-show {
    display: none;
    position: sticky;
    top: 50px;
    left: 0;
    background-color: var(--color-background);
    transform: translateX(0);
    transition: all 700ms ease;
}

.ap__left__div {
    position: absolute;
    bottom: var(--25px);
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - var(--50px));
    height: var(--180px);
    background: var(--color-background-opacity);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border-radius: 10px;
    padding: var(--22px);
    color: var(--color-white);
}

.ap__left__div__title {
    font-size: var(--20px);
    font-weight: 600;
}

.ap__left__div__text {
    font-size: var(--14px);
    font-weight: 300;
}

.circle {
    width: 18px !important;
    height: 18px !important;
}

.ap__left__div__btn {
    width: var(--23px);
    height: var(--23px);
    color: var(--color-dark-text);
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ap-arrow {
    width: var(--15px);
    height: var(--20px);
}

.ap__page__success {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 70%;
    transform: translate(-50%, -50%);
    background-color: VAR(--color-white);
    border-radius: 4px;
}

.ap__success__img {
    max-width: 50%
}

.ap__success__title {
    font-size: var(--23px);
    font-weight: 600;
    color: var(--color-kronas-text);
}

.ap__success__text {
    width: 30%;
    font-size: var(--16px);
    font-weight: 400;
    text-align: center;
    color: var(--color-btns-inpts);
}

.ap__success__btn {
    width: var(--240px);
    height: var(--40px);
    background-color: var(--color-kronas-text);
    border: 1px solid var(--color-kronas-text);
    border-radius: 4px;
    font-size: var(--14px);
    font-weight: 500;
    color: var(--color-white);
    cursor: pointer;
}

.ap__right {
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: width 700ms ease;
}

.ap__lang {
    position: absolute;
    top: var(--25px);
    right: var(--80px);
    display: flex;
    align-items: end;
    color: var(--color-lang);
    z-index: 99;
}

.ap__lang > :not(:first-child) {
    margin-left: var(--10px)
}

.ap__title {
    color: var(--color-text);
    font-size: var(--20px);
    font-weight: 600;
}

.ap__btns {
    font-size: var(--14px);
    font-weight: 600;
    color: var(--color-btns-inpts);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ap__email, .ap__phone {
    width: var(--150px);
    padding: var(--18px) 0;
    text-align: center;
    border-bottom: 1px solid var(--color-border);
}

.ap__form {
    width: var(--240px)
}

.ap__recovery__text {
    width: var(--300px);
    text-align: center;
    color: var(--color-btns-inpts);
    font-size: var(--16px);
}

.ap__label {
    font-size: var(--14px);
    font-weight: 400;
    color: var(--color-label);
}

.ap__div {
    padding: 0;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 4px;
}

.ap__div.ap-absolute {
    transform: translateY(calc(100% + 4px))
}

.ap__option {
    color: var(--color-label);
    padding: var(--2px) var(--4px);
    border-radius: 3px;
}

.ap__input {
    width: calc(100% - var(--40px));
    height: var(--40px);
    padding-left: var(--16px);
    font-size: var(--14px);
    font-weight: 400;
    color: var(--color-btns-inpts);
    /*caret-color: transparent;*/
}

.ap__div:focus-within {
    border-color: var(--color-kronas-text)
}

#ap-auth-phone::placeholder, #ap-reg-phone::placeholder {
    color: var(--color-btns-inpts)
}

.ap__span {
    width: var(--40px);
    height: var(--40px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ap__eye, .ap__select__proff {
    width: var(--14px)
}

.ap__auth__btn, .ap__next__btn, .ap__reg__btn, .ap__recovery__btn, .ap__repass__btn {
    background: var(--color-background-dis-btn);
    border: 1px solid var(--color-border-dis-btn);
    border-radius: 4px;
    height: var(--40px);
    color: var(--color-text-btn);
    font-size: var(--14px);
    font-weight: 600;
}

.ap__right__asks {
    width: var(--300px);
    color: var(--color-text);
    font-size: var(--12px);
    text-align: center;
    padding-top: var(--40px);
}

.ap__right__asks.ap__ask__auth, .ap__right__asks.ap__ask__repass {
    padding-top: var(--20px)
}

.ap__right__asks.ap__ask__recovery {
    padding-top: var(--80px)
}

.ap__ask__password, .ap__ask__reg > :not(:first-child), .ap__ask__auth, .ap__ask__recovery, .ap__ask__repass {
    color: var(--color-kronas-text)
}

/* Score form style*/

.score-payment {
    display: flex;
    width: 100%;
}

.score__stub {
    height: 600px;
    width: 50%;
    background-image: linear-gradient(180deg, rgba(161, 67, 137, 0.50) -7.78%, rgba(0, 0, 0, 0.05) 100%), url("../../Media/img/score-door-background.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: lightgray;
    background-position: bottom;
}

.score__wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.score__form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.score__title {
    color: #000;
    width: inherit;
    text-align: center;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 179.5%;
    text-transform: uppercase;
}

.score__subtitle {
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 107%;
}


.score__input-wrapper {
    display: flex;
    gap: 20px;
    padding: 20px;
    background-color: #FFF;
    box-shadow: 0 4px 37px 0 rgba(119, 119, 119, 0.16);
    flex-direction: column;
    align-items: flex-start;
}

.score__form-label {
    display: flex;
    gap: 10px;
    flex-direction: column;
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 107%;
    width: 100%;
}

.score__form-input {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 10px;
    align-items: center;
    border-radius: 0.25rem;
    border: 1px solid #DEE2E6;
}

.score__form-submitBtn {
    display: flex;
    width: 100%;
    padding: 15px 80px;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background-color: #A14389;
    color: var(--color-white);
    cursor: pointer;
}

.score__form-submitBtn:hover {
    color: var(--color-white)
}

.cartBrnPopup__button {
    color: white;
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background-color: #A14389;
}

@media (max-width: 899px) {

    .score-payment {
        position: relative;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .score__stub {
        width: 100%;
    }

    .score__wrapper {
        padding: 40px;
        position: absolute;
        width: 100%;
        flex-direction: column;
    }

    .score__title {
        color: #FDFDFD;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 125.5%;
    }

    .ap__message {
        top: var(--50px);
        right: var(--50px);
        width: var(--500px);
        height: var(--80px);
        padding: 0 var(--30px);
        font-size: 12px;
    }

    .ap_mess_img_text {
        width: var(--40px);
        height: var(--40px);
    }

    .alexproger {
        padding: var(--80px);
        background-image: url("/Media/img/log-1.webp");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .ap__lang > :not(:first-child) {
        margin-left: var(--20px)
    }

    .ap-lang-link {
        font-size: var(--22px)
    }

    .ap__left {
        width: 0;
        /*display: none;*/
    }

    .ap__page__success {
        width: 90%;
        height: 50%;
    }

    .ap__success__title {
        font-size: var(--50px)
    }

    .ap__success__text {
        font-size: var(--30px)
    }

    .ap__success__btn {
        width: var(--500px);
        height: var(--80px);
        font-size: 14px;
    }

    .ap__right {
        width: 100%;
        background-color: var(--color-background);
        border-radius: 10px;
        overflow-y: scroll;
    }

    .ap-circle {
        width: 8px;
        height: 8px;
    }

    .ap-step {
        font-size: 14px;
        transform: translateY(20px);
    }

    .ap-line {
        width: 140px;
        border-top: 2px solid var(--color-text-btn);
    }

    .ap__logo.ap-md-show {
        display: block
    }

    .ap__recovery__img {
        padding-top: 100px
    }

    .ap__title {
        font-size: var(--30px);
        padding-top: 50px;
    }

    .ap-page-recovery > .ap__title {
        padding-top: 50px
    }

    .ap__title.ap-text-kronas {
        padding-top: 20px
    }

    .ap__email, .ap__phone {
        width: var(--240px);
        font-size: var(--22px);
    }

    .ap__form {
        width: var(--420px)
    }

    .ap__recovery__text {
        width: var(--600px);
        font-size: var(--30px);
    }

    .ap__label {
        font-size: 14px
    }

    .ap__input {
        height: var(--50px);
        width: calc(100% - var(--50px));
        padding-left: var(--30px);
        font-size: var(--22px);
    }

    .ap__span {
        width: var(--50px);
        height: var(--50px);
    }

    .ap__select__proff {
        width: var(--18px)
    }

    .ap__eye, .ap__select__proff {
        width: var(--22px)
    }

    .ap__auth__btn, .ap__next__btn, .ap__reg__btn, .ap__recovery__btn, .ap__repass__btn {
        height: var(--50px);
        font-size: var(--22px);
    }

    .ap__right__asks {
        width: var(--600px);
        font-size: 12px;
        padding-top: var(--50px);
        padding-bottom: 40px;
    }

    .ap__ask__auth {
        color: var(--color-kronas-text)
    }

    .ap__mess {
        height: var(--80px);
        font-size: 12px;
    }

    .ap__mess > :first-child {
        width: var(--40px)
    }

    .ap__mess__rules {
        font-size: 14px
    }

    .ap__input__check {
        width: var(--50px) !important;
        height: var(--50px) !important;
    }
}

@media (max-width: 639px) {

    .score__title {
        font-size: 18px;
    }

    .ap__message {
        top: 30px;
        right: 30px;
        width: 240px;
        height: 40px;
        padding: 0 16px;
    }

    .ap_mess_img_text {
        width: 20px;
        height: 20px;
    }

    .sm\:ap-space-y-5 :not(:first-child) {
        margin-top: 20px !important
    }

    .alexproger {
        padding: 0
    }

    .ap__left, .ap__right {
        transition: width 200ms linear
    }

    .ap__page__success {
        height: 70%
    }

    .ap__success__title {
        font-size: 24px
    }

    .ap__success__text {
        width: 70%;
        font-size: 16px;
    }

    .ap__success__btn {
        width: 240px;
        height: 40px;
    }

    .ap__lang {
        display: none
    }

    .ap-lang-link {
        font-size: 14px
    }

    .ap__right {
        width: 100%;
        border-radius: 0;
    }

    .ap__logo.ap-md-show {
        width: 200px
    }

    .ap__title {
        font-size: 20px
    }

    .ap__email, .ap__phone {
        width: 150px;
        font-size: 14px;
    }

    .ap__form {
        width: 240px
    }

    .ap__recovery__text {
        width: 300px;
        font-size: 16px;
    }

    .ap__input {
        height: 40px;
        width: calc(100% - 40px);
        padding-left: 16px;
        font-size: 14px;
    }

    .ap__span {
        width: 40px;
        height: 40px;
    }

    .ap__select__proff {
        width: 10px
    }

    .ap__eye, .ap__select__proff {
        width: 14px
    }

    .ap__auth__btn, .ap__next__btn, .ap__reg__btn, .ap__recovery__btn, .ap__repass__btn {
        height: 40px;
        font-size: 14px;
    }

    .ap__right__asks {
        width: 300px;
        padding-top: 40px;
    }

    .ap__mess {
        height: 40px
    }

    .ap__mess > :first-child {
        width: 20px
    }

    .ap__input__check {
        width: 24px !important;
        height: 24px !important;
    }
}

@media (max-width: 374px) {
    .ap__logo.ap-md-show {
        width: 150px
    }
}

@media (max-width: 339px) {
    .ap__logo.ap-md-show {
        display: none
    }
}

.new-bay-button {

}

/* DESIGNER OF SHOWER SYSTEMS */
.ap-designer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-white);
    margin-top: 20px;
    background: var(--color-designer);
    border-radius: 10px;
    box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.ap-designer > a {
    width: 100%;
    padding: 18px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ap-designer > a > :not(:first-child) {
    margin-left: 8px
}

/* FOLDERS IN FAVORITES */
.folders {
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.folders > * {
    width: 100%;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 10px 10px 10px 20px;
    font-weight: 500;
    color: var(--color-text);
    border-bottom: var(--rem-1-5px) solid var(--color-border-menu-account);
}

.add-folder,
.add-in-folder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.folder, .in-folder,
.folder > div,
.in-folder > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.folder:hover,
.in-folder:hover,
.mode-folder:hover,
.mode-in-folder:hover {
    background-color: var(--color-active-folder)
}

.folder > :first-child,
.in-folder > :first-child {
    width: 70%;
    justify-content: start;
    white-space: nowrap;
    overflow: hidden;
}

.folder > :last-child,
.in-folder > :last-child {
    width: 30%;
    justify-content: end;
}

.folder > div > :not(:first-child),
.in-folder > div > :not(:first-child) {
    margin-left: 8px
}

.folder > :first-child > :last-child,
.in-folder > :first-child > :last-child {
    display: flex;
    padding: 8px 0;
}

.ball {
    content: '';
    display: block;
    margin-right: 4px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--color-kronas-text);
}

.folder-arrow {
    width: 20px;
}

.in-folder {
    padding-left: 40px
}

.btn-add-folder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    padding: 4px 0;
    border: 1px solid var(--color-kronas-text);
    border-radius: 3px;
    color: var(--color-kronas-text)
}

.active-folder {
    background-color: var(--color-active-folder)
}

.show-add-folder, .show-delete-folder {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 321px;
    transform: translate(-50%, -50%);
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    z-index: 2147483648;
}

.show-add-folder > :not(:first-child) {
    margin-top: 20px
}

.show-add-folder > :last-child {
    margin-top: 40px
}

.show-add-folder > label {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--color-kronas-text);
}

.show-add-folder > label > span {
    font-weight: 400;
    color: var(--color-text);
}

.show-add-folder > input {
    width: 238px;
    font-size: 14px;
    padding: 8px 16px;
    background-color: var(--color-white);
    color: var(--color-btns-inpts);
    border-radius: 4px;
    border: 1px solid var(--color-border);
}

.show-add-folder > input::placeholder {
    color: var(--color-lang)
}

.show-add-folder > button {
    width: 238px;
    font-size: 14px;
    padding: 8px 0;
    background-color: var(--color-background-dis-btn);
    color: var(--color-text-btn);
    border-radius: 4px;
    border: 1px solid var(--color-border-dis-btn);
}

.show-delete-folder {
    height: 238px
}

.show-delete-folder > div {
    font-size: 18px;
    font-weight: 400;
}

.show-delete-folder > div > span {
    font-weight: 600
}

.show-delete-folder > div > button {
    width: 118px;
    font-size: 14px;
    padding: 8px 0;
    margin-top: 30px;
    background-color: var(--color-kronas-text);
    color: var(--color-white);
    border-radius: 4px;
    border: 1px solid var(--color-kronas-text);
    cursor: pointer;
}

.show-delete-folder > div > :not(:first-child) {
    margin-left: 32px;
    background-color: var(--color-white);
    color: var(--color-kronas-text);
    border-color: var(--color-kronas-text);
}

.innerService__menu {
    margin-bottom: 20px;
    padding-left: 5rem;
    padding-right: 5rem;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.service__image-wrapper {
    display: flex;
    gap: 20px;
}

.service__image-wrapper img {
    width: 22%;
}



@media (max-width: 800px) {
    .service__image-wrapper img {
        width: 100%;
    }

    .service__image-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .glass {
        justify-content: center;
    }

}

.prodListBlockItem__favorite, .productShopBtn {
    position: relative
}

.ul-for-service {
    display: flex;
    flex-wrap: wrap;
    list-style-position: inside;
}

.ul-for-service  > li {
    padding: 0.5rem 0;
    width: 50%;
    display: flex;
    align-items: start;
    list-style-type: none;
}

@media (max-width: 800px) {
    .ul-for-service  > li {
        width: 100%;
    }
}


.service-wrapper-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mode-set-favorite-in-folder {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    width: 200px;
    min-height: 40px;
    max-height: 260px;
    transform: translateX(-50%);
    background-color: var(--color-white);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    overflow-y: scroll;
    font-size: 14px;
    z-index: 1501;
}

.mode-folders {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.mode-folders > * {
    width: 100%;
    display: flex;
    align-items: center;
    height: 34px;
    padding: 10px 10px 10px 20px;
    font-weight: 500;
    color: var(--color-text);
    border-bottom: var(--rem-1-5px) solid var(--color-border-menu-account);
}

.mode-in-folder {
    padding-left: 40px
}

.mode-folder > :not(:first-child), .mode-in-folder > :not(:first-child) {
    margin-left: 8px
}

.mode-add-folder {
    display: flex;
    align-items: center;
    justify-content: end;
    color: var(--color-kronas-text);
    text-decoration: underline;
    text-decoration-color: var(--color-kronas-text);
    text-underline-offset: 4px;
}

.remote-from-favorites {
    font-weight: 500;
}

.remote-from-favorites:hover {
    color: var(--color-ferrari);
}

@media (min-width: 640px) {
    .show-add-folder, .show-delete-folder {
        width: 586px
    }
}


/*  FOLDERS */
.favorite-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.favorite-container > :not(:first-child) {
    margin-top: 8px
}

.folders-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.span-check {
    display: flex;
    align-items: center;
}

.span-check > :not(:first-child) {
    margin-left: 8px
}

.input-check, .input-check-dis {
    width: 20px;
    height: 20px;
    border: none;
}

.input-check:checked {
    accent-color: var(--color-kronas-text) !important
}

.label-check {
    color: var(--color-btns-inpts)
}

.btn-all-pay {
    width: 168px;
    height: 38px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--color-border-dis-btn);
    background-color: var(--color-background-dis-btn);
    color: var(--color-text-btn);
    font-size: 14px;
    font-weight: 500;
    cursor: inherit;
}

.btn-all-pay > :not(:first-child) {
    margin-left: 8px
}

.btn-all-pay > svg {
    width: 15px;
    height: 15px;
}

#basket {
    fill: var(--color-text-btn)
}

.folders__favorite-block {
    position: relative;
    width: 100%;
    height: 100px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-background-favorite);
}

.folders__first-block {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.folders__first-block > :not(:first-child) {
    margin-left: 20px
}

.folders__image {
    width: 106px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.folders__name-pay {
    width: calc(100% - 166px);
    height: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.folders__name {
    color: var(--color-btns-inpts)
}

.folders__pay {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.folders__pay-price {
    display: flex;
    align-items: end;
}

.folders__pay-price > :not(:first-child) {
    margin-left: 20px
}

.folders__pay-price-label {
    color: var(--color-black)
}

.folders__pay-price-element {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-kronas-text);
    transform: translateY(4px);
}

.folders__pay-btns {
    width: 102px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(4px);
}

.folders__pay-input {
    max-width: 30px;
    text-align: center;
    color: var(--color-kronas-text);
}

.folders__pay-btn-minus, .folders__pay-btn-plus {
    width: 30px;
    height: 30px;
    background-color: var(--color-white);
    fill: var(--color-kronas-text);
    border: 1px solid var(--color-border-menu-account);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.folders__pay-btn-minus > svg, .folders__pay-btn-plus > svg {
    width: 1.8rem;
    height: 1.8rem;
}

.folders__second-block {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.folders__second-block > :last-child {
    margin-left: 11px
}

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

.folders__second__all-btns > :not(:first-child) {
    margin-left: 9px
}

.folders__second__btns {
    position: relative;
    cursor: pointer;
}
.folders__second__btns-dis {
    cursor: unset;
}

.folders__second__btn-pay, .folders__second__btn-pay-dis {
    width: 146px;
    height: 36px;
    background-color: var(--color-kronas-text);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    border-radius: 18px;
    cursor: pointer;
}
.folders__second__btn-pay-dis {
    cursor: unset;
    background-image: linear-gradient(115deg, var(--color-lang) 15.84%, var(--color-border-dis-btn) 172.37%);
}

@media (max-width: 768px) {
    .folders__favorite-block {
        height: 150px;
        flex-direction: column;
        align-items: start;
        padding: 0 15px;
    }

    .folders__first-block, .folders__second-block {
        width: 100%;
        height: 60%;
    }

    .folders__second-block {
        height: 40%;
        justify-content: space-between;
    }

    .folders__first-block > :not(:first-child) {
        margin-left: 10px
    }

    .folders__image {
        width: 63px;
        height: 73px;
    }

    .folders__pay-price {
        justify-content: start;
    }

    .folders__pay-price > :not(:first-child) {
        margin-left: 0
    }

    .folders__pay-price-label {
        display: none;
    }

    .folders__pay-price-element {
        font-size: 18px;
    }

    .folders__name-pay {
        width: calc(100% - 103px);
        justify-content: space-between;
    }
}

/* ARTEM CURT REQUISITES */

.block-requisites {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin: 20px 0 0 0
}

.block-requisites p {
    vertical-align: middle;
    color: #501c54;
    font-size: 1.4rem;
}

.custom-hr {
    width: 100%;
    content: '';
    border-top: 0.03125rem solid var(--color-second);
    margin: 10px 0;
}

.span-copy {
    cursor: pointer;
    transition: var(--transition-all-ease);
}

.span-copy:hover {
    transform: scale(1.1);
    color: var(--color-first);
}

/*.span-copy::before {*/
/*    content: "📋"; !* Код иконки Font Awesome для копирования *!*/
/*    font-family: "Font Awesome 5 Free", serif; !* Название шрифта Font Awesome *!*/
/*    margin-right: 5px; !* Отступ между иконкой и текстом *!*/
/*    display: none; !* По умолчанию скрываем иконку *!*/
/*}*/

/*.span-copy:hover::before {*/
/*    display: inline-block;*/
/*}*/

.border {
    margin: 10px 0;
    padding: 10px 30px;
    border: 1px solid var(--color-second);
    border-radius: 2rem;
}

.master-3d {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 188px;
    padding: 12px 22px;
    border: 1px solid #ebebeb;
    border-radius: 18px;
    background-color: var(--color-white);
    box-shadow: 0 0.4rem 0.8rem rgba(152, 152, 152, .2);
}

.ap-mobileMenu__item:after {
    left: 0;
    border-bottom-color: #e3e3e4;
}

.ap-mobileMenu__item a, .ap-mobileMenu__item > span {
    color: #777;
    font-family: OpenSansLight, serif;
    font-size: 14px;
    display: block;
}

.ap-mobileMenu__item--3 {
    background-color: #a04382
}

.ap-mobileMenu__item--3 a, .ap-mobileMenu__item--3 > span {
    color: #fff
}

.ap-modal-window-sale-call,  .ap-modal-window-services-call {
    width: 75rem;
    height: 50%;
    min-height: 400px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-text);
    background-color: var(--color-white);
    border-radius: 33px;
    box-shadow: 0 0.4rem 0.8rem rgba(152, 152, 152, .2);
    z-index: 2147483648;
}
.ap-modal-window-sale-call {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ap-modal-window-services-call {
    height: unset;
    min-height: 50%;
}

.ap-callPopup__form {
    width: 45rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.ap-form {
    width: 35rem;
    max-width: 100%;
}

.ap-online-pay {
    max-width: 220px;
    width: max-content;
    height: 41px;
    padding: 0 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: var(--rem-0-5px) solid var(--color-border-dis-btn);
    color: var(--color-text-btn);
    background: var(--color-background-dis-btn);
    cursor: default;
}

.ap-online-pay-active {
    border: var(--rem-0-5px) solid var(--color-kronas-text);
    color: var(--color-white);
    background: var(--color-kronas-text);
    cursor: pointer;
}

.ap-page-pay {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 200px;
    padding: 22px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-text);
    background-color: var(--color-white);
    border-radius: 12px;
    transition: var(--transition-all-ease);
    box-shadow: 0 0.4rem 0.8rem rgba(152, 152, 152, .2);
    z-index: 2147483648;
}

@media (max-width: 639px) {
    .ap-modal-window-sale-call, .ap-page-pay {
        width: 80%;
    }
}

@media (max-width: 476px) {
    .ap-modal-window-sale-call, .ap-page-pay {
        width: 98%;
    }
}

.ap-logo-cart, .ap-logo-cart-danger {
    position: absolute;
    top: 0;
    left: 35px;
    width: 185px;
    height: 62px;
    padding: 16px;
    z-index: 99;
}
.ap-logo-cart-danger {top: 30px}

.cooperation-section {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-first);
}

.cooperation-section > :not(:first-child) {
    margin-top: 90px
}

.cs-header {
    font-size: 35px;
    text-transform: uppercase;
}

.cs-main {
    width: calc(100% - 64px);
    padding: 0 32px;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
}

.vertical-line {
    content: '';
    border-left: 1px solid var(--color-vertical-line);
}

.horizontal-line {
    content: '';
    width: 100%;
    display: none;
    border-top: 1px solid var(--color-vertical-line);
}

.csm-box,
.csm-box-2,
.csmb-block,
.csmb-block-3 {
    position: relative;
    display: flex;
    flex-direction: column;
}

.csm-box, .csm-box-2 {
    width: 20%
}

.csm-box > :not(:first-child),
.csm-box > :not(:first-child) {
    margin-top: 37px
}

.csm-box-2 > :not(:first-child) {
    margin-top: 27px
}

.csmb-block > input[type=text],
.csmb-block-3 > input[type=text],
.csmb-block-3 > input[type=tel] {
    width: calc(330px - 24px);
    min-height: 44px;
    padding: 12px;
    font-size: 16px;
    font-weight: 300;
    color: var(--color-first);
    border: 1px solid var(--color-BBBBBB);
    border-radius: unset;
}

.csmb-block > :first-child,
.csmb-block-3 > :first-child,
.csmb-header {
    font-size: 18px;
    color: var(--color-first)
}

.csmb-block > input[type=text]::placeholder,
.csmb-block-3 > input[type=text]::placeholder,
.csmb-block-3 > input[type=tel]::placeholder,
.csmb-block > select {
    color: var(--color-first-60-percent)
}

.csmb-block > :not(:first-child),
.csmb-block-3 > :not(:first-child) {
    margin-top: 12px
}

.csmbb-radio > label > input:checked,
.csmb-block-2 > label > input:checked {
    accent-color: var(--color-kronas-text)
}

input#type {
    outline: none;
    cursor: pointer;
    color: transparent;
}

.csmbb-type {
    position: absolute;
    top: 74px;
    left: 0;
    width: calc(330px - 24px);
    max-height: 200px;
    padding: 8px;
    display: none;
    flex-direction: column;
    align-items: start;
    font-size: 14px;
    background-color: var(--color-white);
    border: 1px solid var(--color-BBBBBB);
    overflow-y: scroll;
    z-index: 5;
}

.csmbb-type > :not(:first-child) {
    border-top: var(--rem-0-5px) solid var(--color-vertical-line)
}

.csmbb-type > span {
    width: 100%;
    padding: 4px;
    cursor: pointer;
}

.csmbb-type > span:hover {
    background-color: var(--color-active-option)
}

.csmbb-radio > :not(:first-child) {
    margin-left: 16px
}

.csmb-block-2 {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.csmb-block-2 > :not(:first-child) {
    margin-top: 19px
}

.csmb-block-2 > label {
    font-size: 16px;
    font-weight: 300;
}

.csf-btn {
    width: 285px;
    height: 48px;
    font-size: 18px;
    color: var(--color-white);
    background-color: var(--color-kronas-text);
    border-radius: 12px;
    cursor: pointer;
}

#ap-services-terms {
    font-size: 16px;
    color: var(--color-black);
    border-color: var(--color-C9C9C9);
}

#ap-services-terms .btn-select {
    font-weight: 600;
    line-height: 21px;
    padding: 4px 24px 12px;
    border-bottom: 2px solid var(--color-E9E9E9);
    white-space: nowrap;
    transition: var(--transition-all-300-ease);
    cursor: pointer;
}

#ap-services-terms .btn-select.active-btn-select {
    border-color: var(--color-kronas-text)
}

#ap-services-terms th {
    font-weight: 600;
    background-color: var(--color-E9E9E9);
}

#ap-services-terms td {
    text-align: center;
}

.toTop {
    animation: jumpTop 2s ease infinite
}

.master-3d-bg {
    width: 100%
}

.box-kronas-master {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 5rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    justify-content: center;
}

.box-kronas-master > :not(:first-child) {
    margin-right: 40px
}

.block-kronas-master {
    position: relative;
    width: calc(50% - 20px);
    padding: 40px 40px 120px;
    display: flex;
    flex-direction: column;
    align-items: start;
    background-color: var(--color-EBEBEB);
}

.block-kronas-master > :not(:first-child) {
    margin-top: 20px
}

.km-title {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--color-black);
}

.km-btn-go {
    width: 290px;
    height: 115px;
    cursor: pointer;
}

.km-btn-go.km {
    height: 110px;
    padding: 4px;
    background-color: var(--color-white);
    border-radius: 24px;
    box-shadow: 0 5px 7px 0 var(--color-BBBBBB);
    cursor: default;
}

.kmbg-in {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 32px;
    color: var(--color-kronas-text);
    border: 1px solid var(--color-kronas-text);
    border-radius: 20px;
}

.km-btn-go > img {
    height: 100%;
    transform: translateY(-5px);
    border-radius: 24px;
    box-shadow: 0 5px 7px 0 var(--color-BBBBBB);
}

.blocked {
    opacity: 0.5;
    cursor: not-allowed;
}

/*
Book testing section
 */

.book {
    padding: 2rem 2rem;
    display: flex;
}

.navigation-list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    gap: 1rem;
}

.navigation-list li.active {
    background-color: #A14389;
    color: white;
    border-radius: 1rem;
    transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;
}

#nav-thumbnail-tumbler rect {
    fill: #F5F5F5;
}

.zoom-control {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#text-nav {
    transform: rotate(180deg);
}

#nav-thumbnail-tumbler, #text-nav {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.flipbook__wrapper {
    gap: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.print-button svg, .download-button svg, .share-button svg {
    width: 20px;
    height: 20px;
}

.navigation-list li {
    transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;
    cursor: pointer;
    font-size: 14px;
    font-family: Museo Sans Cyrl,sans-serif;
    color: #272B30;
    font-weight: 400;
    line-height: 15px;
    padding: 1rem;
    border-radius: 1rem;
}

#zoom-controls {
    margin-bottom: 2rem;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    gap:1rem;
}

.navigation-list li:hover {
    background-color: #A14389;
    color: white;
    border-radius: 1rem;
}

#navigation {
    display: none;
    flex-direction: column;
    width: 30rem;
}

.flipbook__title {
    margin-bottom: 2rem;
}

.download-button, .return-button, .print-button, .share-button, #copyButton {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #A14389;
    border-radius: 2rem;
    padding: 1rem;
    font-family: Museo Sans Cyrl, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #A14389;
}

.svg-path, .print-button svg, .share-button svg path{
    stroke: #A14389;
    stroke-width: 1.55098;
    transition: stroke 0.3s;
}

.modal__title {
    font-family: Museo Sans Cyrl, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #A14389;
}

#urlTextarea {
    border: 1px solid #A14389;
    border-radius: 2rem;
    padding: 1rem;
    font-family: Museo Sans Cyrl, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #A14389;
    width: 100%;
    resize: none;
}

.thumbnail-navigation {
    display: flex;
    gap: 1rem;
    width: 30rem;
    overflow-y: auto;
    background-color: #f2f2f2;
    padding: 10px;
    border-right: 1px solid #ddd;
    max-height: 600px;
    flex-direction: column;
}

.thumbnail-navigation img {
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}

.download-button:hover,.return-button:hover, .print-button:hover, .share-button:hover, #copyButton:hover {
    transition: background-color 0.3s, color 0.3s;
    background-color: #A14389;
    color: #ffffff;
}

.download-button:hover .svg-path, .print-button:hover svg, .share-button:hover svg path {
    stroke: #F7F7FF;
}

@media print {
    .pe-no-print {
        display: none !important;
    }

    .pe-preserve-ancestor {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
}

#prev, #next {
    cursor: pointer;
}

.book-main {
    width: 100%;
    margin-bottom: 2rem;
}

#next{
    transform: rotate(180deg);
}

#controls {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    width: 100%;
}

.page {
    background-color: #f2f2f2;
}

.book__title {
    margin-left: 2.5rem;
    color: #272B30;
    font-family: Museo Sans Cyrl, sans-serif;
    font-weight: 400;
    line-height: 50px;
    font-size: 24px;
 }

.book__page-counter {
    color: #272B30;
    font-family: Museo Sans Cyrl, sans-serif;
    font-weight: 400;
    line-height: 50px;
    font-size: 24px;
}

.stf__wrapper, .--portrait {
    position: relative;
}

.book__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.km-text, .km-text2 {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-lang);
}

.km-text2 {
    font-weight: 600;
    color: var(--color-kronas-text);
}

.km-text-important {
    font-size: 16px;
    font-weight: 600;
}

.km-text > :not(:first-child) {
    margin-top: 10px
}

.km-text ul {
    margin-left: 20px
}

.km-text a {
    color: var(--color-kronas-text);
    text-decoration: underline;
    text-decoration-color: var(--color-kronas-text);
}

.km-services {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.km-btn-service {
    min-width: 120px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 16px;
    color: var(--color-white);
    text-shadow: 0 2px 1px var(--color-first);
    background-image: var(--color-to-right-gradient);
    border-radius: 18px;
    box-shadow: 0 5px 7px 0 var(--color-BBBBBB);
    cursor: pointer;
}

.kmbs-bottom {
    font-weight: 300
}

.km-btn-inst {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-white) !important;
    text-shadow: 0 2px 1px var(--color-first);
    background-image: var(--color-to-right-gradient);
    border-radius: 24px;
    box-shadow: 0 5px 7px 0 var(--color-BBBBBB);
}


.gallery__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: #FFF;
    box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.15) inset, 0 0 24px 0 rgba(255, 255, 255, 0.05) inset;
}

.gallery__header-label {
    position: relative;
    width: 40%;
}

.gallery__search-input {
    display: flex;
    width: 100%;
    height: 3rem;
    transform: rotate(-0.016deg);
    padding: 0.625rem 1.3125rem;
    align-items: center;
    gap: 1.25rem;
    flex-shrink: 0;
    border-radius: 2.20606rem;
    background: #F2F2F2;
}

.gallery__header-title-block {
    padding: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    cursor: pointer;
    width: 20%;
}

.gallery__active {
    background: #F2F2F2;
}

.gallery__filter {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    display: flex;
    padding: 5px;
    flex-direction: column;
    z-index: 999;
    background: #FFF;
}

.gallery__filter-button {
    padding: 10px;
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.gallery__filter-button:hover {
    background-color: rgba(161, 67, 137, 0.24);
}

.gallery__header-title {
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.gallery__header-svg {
    height: 20px;
    width: 20px;
    fill: #a04382;
}

.gallery__wrapper {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    overflow-y: hidden;
    row-gap: 5px;
    column-gap: 5px;
    overflow-x: hidden;
}

.gallery__img {
    position: relative;
}

.gallery__img:nth-child(odd) {
    grid-row: span 1;
}

.gallery__img:nth-child(even) {
    grid-row: span 2;
}

.gallery__img img {
    width: 100%;
    height: 100%;
}

.gallery__img:hover {
    z-index: 100;
    transform: scale(1.05);
    transition: ease-in 200ms;
}

.gallery__img-number {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.18);
    box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.15) inset, 0 0 25px 0 rgba(255, 255, 255, 0.05) inset, 3px 4px 59px 0 rgba(83, 5, 88, 0.78);
    backdrop-filter: blur(26px);
    display: flex;
    width: 7rem;
    padding: 0.5rem 0;
    justify-content: center;
    align-items: center;
}
.gallery__modal-window .gallery__img-number {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-first);
}

.vacancy__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sendingLetters__wrapper {
    margin-top: 50px;
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 22px;
    border-radius: 1rem;
    background-color: #FFF;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.17);
}

.sendingLetters__title {
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.sendingLetters__img {
    width: 100%;
}

.sendingLetters__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}

.sendingLetters__description {
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 107%;
}

.sendingLetters__svg {
    width: 10px;
    height: 20px;
}

.sendingLetters__button {
    border: 2px dashed #A14389;
    background-color: rgba(161, 67, 137, 0.06);
    display: flex;
    width: 100%;
    padding: 20px;
    gap: 20px;
    align-items: center;
    position: relative;
}

.gallery__overlay, .sendingLetters__overlay, .overlay-avail {
    overflow: initial;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.77);
    z-index: 999;
    cursor: pointer;
}

.modal-share {
    display: none;
    border-radius: 12px;
    border: 1px solid #EEEFEF;
    background: #F9F9FA;
    -webkit-box-shadow: 0 2px 22px 0 rgba(229, 231, 235, 0.50);
    box-shadow: 0 2px 22px 0 rgba(229, 231, 235, 0.50);
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50rem;
    padding: 1rem;
    -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: 1rem;
}

.modal-icon {
    cursor: pointer;
    width: 4rem;
    height: 4rem;
}

.modal__inner-wrapper {
    display: flex;
    gap: 1rem;
}

.share-button svg path {
    fill:#A14389;
}

.modal__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #a04382;
}

.modal__close-button {
    border-radius: .4rem;
    background-color:#ffedf9;
    transition: background-color .3s;
    width: 4rem;
    height: 4rem;
    position: relative;
    cursor: pointer;
}

.modal__close-button:after, .modal__close-button:before {
    content: "";
    background-color: #a04382;
    width: 2rem;
    height: .2rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.modal__close-button:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close-button:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__icons-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
}

.modal__body {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.share-icon {
    width: 20px;
    height: 20px;
}

.modal__body-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.gallery__modal-window {
    max-width: 800px;
    height: 50%;
    z-index: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@media (max-width: 1000px) {
    .gallery__modal-window {
        height: unset;
    }
}

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

.sendingLetters__modal-window {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 740px;
    max-height: 90%;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: 50px;
    border-radius: 0.75rem;
    background: #FFF;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.gallery__modal-window__close {
    z-index: 999;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -50px;
    right: -10%;
    fill: white;
}

.gallery__modal-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.gallery__hidden {
    display: none;
}

.btns-paginate-gallery {
    width: 100%;
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns-paginate-gallery > :not(:first-child) {
    margin-left: 10px
}

.btn-page {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-first-50-percent);
    cursor: pointer;
}

.active-btn-page {
    color: var(--color-first);
    cursor: default;
}

.arrow-page-left, .arrow-page-right {
    cursor: pointer
}

.arrow-end {
    display: none;
    cursor: default;
}

.btn-page-points {
    cursor: default
}

.sendingLetters__modal-window__text {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 107%;
}
.sendingLetters__modal-window__text > :not(:first-child) {margin-top: 10px}


.sendingLetters__button > input {
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.file__svg {
    width: 20px;
    height: 20px;
}

.pink-text {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #451D54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sendingLetters__pink-span {
    color: #A14389;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 107%;
}

.sendingLetters__button-sub {
    color: white;
    width: 100%;
    display: flex;
    padding: 14px 70px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background-color: #A14389;
}

.sendingLetters__approved {
    display: none;
}

.sendingLetters__modal-window__svg {
    width: 72px;
    height: 72px;
}

.background-pink {
    background-color: #F9D5DC;
}

.vacancies {
    position: relative;
}

.vacancies__search {
    top: -15px;
    padding: 10px;
    position: absolute;
    width: 50%;
    border-radius: 2.375rem;
    background-color: #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}

.vacancies__search-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vacancies__header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7rem;
    padding: 9.0625rem 15.75rem 7.75rem 15.375rem;
}

.description-text {
    color: #333;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.vacancies__header-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vacancies__title {
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.vacancies__enumeration {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #F2F2F2;
    padding: 5rem 15rem;
}

.vacancies__select-block {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.select-block {
    width: 20%;
    border: 1px solid #C0C0C0;
    background-color: #FFF;
    border-radius: 0;
    padding: 5px;
}

.vacancies__list {
    background-color: #FFF;
    box-shadow: 5px 7px 19px 0 rgba(147, 147, 147, 0.07);
}

.vacancies__list-element {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
}

.vacancies__list-element-header {
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vacancies__svg {
    position: absolute;
    right: 0;
    fill: #451D54;
    top: 5px;
    width: 20px;
    height: 20px;
    transform: rotateX(180deg);
}

.vacancies__list-element-title {
    color: #2A3610;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.vacancies__grey-text {
    color: #898989;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-right: 50px;
}

.vacancies__list-element-location {
    display: flex;
    gap: 25px;
    align-items: center;
}

.vacancies__list-element-description {
    display: none;
    flex-direction: column;
    gap: 20px;
}

.logo-last-viewed {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.last-viewed-see-all {
    min-width: 200px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: var(--color-white);
    background-image: linear-gradient(115deg, var(--color-kronas-text) 15.84%, var(--color-first) 172.37%);
    border-radius: 18px;
    cursor: pointer;
}

.last-viewed {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 8px 80px;
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 2rem;
}
.last-viewed::-webkit-scrollbar {width: 0}
.last-viewed::-webkit-scrollbar-thumb {background-color: transparent}
.last-viewed::-webkit-scrollbar-thumb:active {background-color: transparent}
.last-viewed::-webkit-scrollbar-track {background-color: transparent}

.component-product {
    max-width: 362px;
    min-width: 333px;
    height: 430px;
    padding: 1.5rem;
    background-color: #fff;
    position: relative;
    transition: all 300ms ease;
    transform-origin: 50% 47rem;
}

.component-product > :not(:first-child) {
    margin-top: 10px
}

.component-product .textBtn {
    width: auto;
    height: auto;
    font-size: 1.4rem;
    text-align: right;
}

.component-product:hover {
    transform: scale(1.01);
    z-index: 99;
    box-shadow: 0 .5rem 1rem rgba(160, 67, 130, .3);
}

.cp-imgs {
    width: 100%;
    height: calc(60% - 1.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cp-components {
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--color-first);
}

.cpc-top {
    width: 100%;

}

.cpc-statuses {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    margin-bottom: 8px;
}

.cpc-statuses > :not(:first-child) {
    margin-left: 8px
}

.cpcs-articul {
    width: 60%;
    font-size: 14px;
    font-weight: 600;
}

.showonmobile {
    display: none;
}

@media (max-width: 900px) {
    .vacancies__header {
        flex-direction: column;
    }

    .vacancies__enumeration {
        padding: 15px;
    }
}

@media (max-width: 700px) {
    .vacancies__list-element-title {
        width: 90%;
        font-size: 15px;
    }

    .vacancies__list-element-location {
        gap: 10px;
        align-items: flex-start;
        flex-direction: column;
    }

    .sendingLetters__wrapper {
        margin-top: 10px;
    }

    .vacancies__header {
        padding: 15px;
    }

    .vacancies__list {
        max-height: 500px;
        overflow: auto;
    }

    .hideonmobile {
        display: none !important;
    }

    .showonmobile {
        display: flex !important;
    }

    .vacancies__grey-text {
        display: none;
    }

    .select-block {
        width: 50%;
    }
}

.wrapper-radio {
    display: flex;
    gap: 10px;
}

.callPopup{
    position: relative;
}

@media (max-width: 1200px) and (min-width: 1000px) {
    .wrapper-radio{
        gap: 13px;
    }
}

.cpcsa-text {
    color: var(--color-kronas-text)
}

.cpcs-status {
    width: 40%;
    display: flex;
    justify-content: right;
    font-size: 14px;
    overflow: hidden;
}

.cpc-name {
    width: 100%
}

.cpc-bottom {
    padding: 15px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cpcb-prices {
    font-size: 19px;
    font-weight: 600;
    color: var(--color-kronas-text);
    line-height: 18px;
}

.cpcbp-old-price {
    font-size: 17px;
    color: var(--color-D7D7D7);
    text-decoration-line: line-through;
}

.cpcb-btns {
    display: flex;
    align-items: center;
}

.new-bay-button, .new-archive-button {
    width: 110px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-image: linear-gradient(115deg, var(--color-kronas-text) 15.84%, var(--color-first) 172.37%);
    border-radius: 30px;
    cursor: pointer;
}

.new-archive-button {
    background-image: linear-gradient(115deg, var(--color-lang) 15.84%, var(--color-border-dis-btn) 172.37%);
}
.new-archive-button:hover {cursor: unset}

.cpcb-favorites {
    position: relative;
    margin-left: 8px;
}

.search-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-offer {
    width: 100%;
    height: 30px;
    padding-bottom: 8px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}

.search-block > :not(:first-child) {
    margin-left: 20px
}

.search-block {
    width: 100%;
    height: calc(100% - 90px);
    display: flex;
    align-items: stretch;
    overflow-y: scroll;
}

.sb-menu {
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.mobileMenu__right {
    width: 15px;
    height: 15px;
}

.sbm-btn-menu {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px 6px;
    background-color: var(--color-kronas-text);
    border-radius: 12px;
    z-index: 99;
}

.sbm-products {
    width: 100%;
    height: 230px;
}

.sbmp-top {
    width: 100%;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sbmp-btn {
    width: 26px;
    height: 16px;
    fill: var(--color-kronas-text);
}

.sbmp-category {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.sbmp-category.sbmp-prod {
    height: calc(100% - 44px);
    overflow-y: scroll;
}

.sbmpc-item {
    width: 100%;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: var(--color-first);
    background-color: var(--color-white);
    box-shadow: 5px -6px 106px -19px rgba(108, 108, 108, 0.29);
}

.sbmpci-count {
    width: 45px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: rgba(80, 28, 84, 0.50);
    background-color: var(--color-F5EAF2);
    border-radius: 25px;
}


.sbm-btn {
    width: 100%;
    padding: 8px 20px 8px 25px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: rgba(80, 28, 84, 0.50);
    background-color: var(--color-F5EAF2);
    border-radius: 30px;
}

.sb-products {
    width: calc(50% - 180px);
    color: var(--color-first);
}

.sb-products > :not(:first-child), .sbmp-category > :not(:first-child) {
    margin-top: 12px
}

.sb-products > div > span {
    font-size: 18px
}

.sbp-top, .sbmp-top {
    width: 100%;
    padding: 4px 12px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.sb-btn {
    font-size: 16px;
    color: var(--color-kronas-text);
}

.sbp-item {
    width: 100%;
    height: 84px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*border: var(--rem-0-5px) solid var(--color-border-dis-btn);*/
    background-color: var(--color-white);
    box-shadow: 5px -6px 106px -34px rgba(108, 108, 108, 0.20);
    overflow: hidden;
}

.sbpi-left {
    width: 70%;
    height: calc(100% - 12px);
    display: flex;
    align-items: center;
    justify-content: start;
}

.sbpi-right {
    width: 70%;
    font-size: 18px;
    color: var(--color-kronas-text);
}
.sbpi-right-block {
    width: 30%;
    min-width: 31px;
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.sbpi-right.spbi-pay {
    width: max-content;
    height: 30px;
    margin-left: 20px;
}

.sbpi-right._right {
    width: 16px;
    height: 26px;
    fill: var(--color-kronas-text);
}

.sbpil-image {
    width: 80px;
    height: 70px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sbpil-image > img {
    width: 100% !important
}

.sbpil-text {
    width: calc(100% - 92px);
    height: 70px;
    padding: 4px 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.sbpilta-label, .sbpilta-num {
    font-size: 14px;
    color: rgba(69, 29, 84, 0.50);
}

.sbpilta-num {
    color: var(--color-451D54)
}

.sbpilt-name {
    width: 100%;
    font-size: 16px;
    color: var(--color-451D54);
    white-space: normal;
    overflow: hidden;
}

.sbpilt-name.sbpilt-art {
    width: calc(100% - 92px)
}

.masterProp-top {
    padding: 0 5rem;
    display: flex;
    align-items: center;
}

.masterProp-top-left, .masterProp-top-right {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.masterProp-tr-btn {
    width: 400px;
    margin-left: 80px;
}

.btn-km3d {
    border-radius: 32px;
}

.titleTM {
    color: #A14389;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.privileges {
    display: flex;
    flex-direction: column;
    padding: 100px 15%;
    gap: 23px;
    justify-content: center;
    align-items: center;
    background-color: #F8F8F8;
}

.advantages-list {
    padding: 0 20px;
}

.privileges-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-title-priv {
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: justify;
}

.subtitle-priv {
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text-priv {
    text-align: justify;
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-priv-bolder {
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.svg-priv {
    fill: #A14389;
    width: 100px;
    height: 100px;
}

.purpleBack {
    background-color: #A14389;
}

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

.titleSub {
    color: #F8F8F8;
    text-align: center;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.purpleSpan {
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.linkWrapper-slider {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px;
    width: 30%;
}

.titleSlider {
    text-align: center;
    padding: 0 10px;
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1800px) {


    .titleSlider {
        font-size: 28px;
    }

    .purpleSpan {
        font-size: 28px;
    }
}

@media (max-width: 1700px ) {
    .titleSlider {
        font-size: 27px;
    }

    .purpleSpan {
        font-size: 27px;
    }
}

@media (max-width: 1650px ) {

    .titleSlider {
        font-size: 24px;
    }

    .purpleSpan {
        font-size: 24px;
    }
}

@media (max-width: 1500px) {


    .titleSlider {
        font-size: 22px;
    }

    .purpleSpan {
        font-size: 22px;
    }
}

@media (max-width: 1400px) {


    .titleSlider {
        font-size: 21px;
    }

    .purpleSpan {
        font-size: 21px;
    }
}

@media (max-width: 1350px) {
    .linkWrapper-slider {
        padding: 40px;
    }

    .titleSlider {
        font-size: 20px;
    }

    .purpleSpan {
        font-size: 20px;
    }
}


@media (max-width: 1200px) {

    .titleSlider {
        font-size: 18px;
    }

    .purpleSpan {
        font-size: 18px;
    }
}


@media (max-width: 1000px) and (min-width: 765px) {

    .titleSlider {
        font-size: 16px;
    }

    .purpleSpan {
        font-size: 16px;
    }


    .buttonSlider {
        font-size: 12px;
    }
}

.buttonWrapper-slider {
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.innerWrapper-slider-first {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.innerWrapper-slider-second {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buttonSlider {
    text-align: center;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    display: flex;
    width: 100%;
    height: 4rem;
    justify-content: center;
    align-items: center;
    color: #FFF;
}

.mainButton-slider {
    border-radius: 2rem;
    background: linear-gradient(115deg, #803261 15.82%, #A84985 84.28%);
}

.secondButton-slider {
    border-radius: 2rem 0 0 2rem;
    background-color: #ab5a95;
}

.innerWrapper-slider-first:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 48%;
    transform: skew(17deg, 2deg);
    border-top: 4.5rem solid white;
    border-left: 15px solid white;
    width: 0;
    z-index: 40;
}

.innerWrapper-slider-second:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 32%;
    transform: skew(17deg, 2deg);
    border-top: 4.5rem solid white;
    border-left: 15px solid white;
    width: 0;
    z-index: 40;
}

.innerWrapper-slider-second:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 32%;
    transform: skew(17deg, 2deg);
    border-top: 4.5rem solid white;
    border-left: 15px solid white;
    width: 0;
    z-index: 40;
}

.thirdButton-slider {
    border-radius: 0 2rem 2rem 0;
    background: linear-gradient(95deg, #C38800 -8.07%, #F7BD38 93.04%);
}

.fourthButton-slider {
    border-radius: 2rem 0 0 2rem;
    background: linear-gradient(101deg, #59A19B -3.87%, #00796F 102.05%);
}

.fifthButton-slider {
    border-radius: 0;
    background: linear-gradient(282deg, #B01152 9.71%, #C83E77 98.95%);
}

.sixthButton-slider {
    border-radius: 0 2rem 2rem 0;
    background: linear-gradient(282deg, #338BCB 12.24%, #136BAA 100%);
}

.slider__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
}


.news {
    padding: 38px 63px;
    background-color: #F8F8F8;
}

.tradeMarks {
    padding: 38px 63px;
}

.section__button {
    text-align: center;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    height: 4.25rem;
    padding: 9px 16px 9px 18px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: white;
    border-radius: 30px;
    background-color: #A14389;
    fill: white;
    transition: ease-in-out 300ms;
}

.section__button:hover {
    background-color: white;
    fill: #A14389;
    color: #A04382;
    transition: ease-in-out 300ms;
}

.news-svg {
    width: 20px;
    fill: white;
}

.buttons-section {
    max-height: 70px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    background: linear-gradient(115deg, #803261 15.82%, #A84985 84.28%);
}

.bonuses__wrapper {
    width: 100%;
    display: flex;
}

.bonuses-counter {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 15%;
    left: 10%;
}

@media (max-width: 1200px ) {
    .bonuses-counter {
        flex-direction: column;
    }
}

.card-bonuses-text {
    color: #FFF;
    font-family: Museo Sans Cyrl,sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.card-bonuses-text:hover {
    color: #FFF;
}

.bonuses-counter-card-wrapper {
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
    background: #FFF;
    padding: 30px;
    width: 55%;
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: space-between;
}

.bonuses-flex {
    display: flex;
    flex-wrap: nowrap;
}

.leftmenu {
    width: 30%;
}

.bonuses-description {
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    padding: 30px;
    width: 45%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    flex-direction: column;
    background-color: #FAFAFA;
}

.bonuses-text {
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.bonuses-text__underline {
    color: #000;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration: underline;
}

.bonuses-text-list {
    padding: 0 30px;
}

.bonuses-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.svg-star {
    width: 25px;
    height: 25px;
}

.bonuses-card-img {
    border-radius: 30px;
    width: 100%;
    height: 100%;
}

.svg-present {
    position: absolute;
    bottom: 15%;
    right: 10%;
    width: 30px;
    height: 30px;
}

.bonuses-card {
    position: relative;
    display: flex;
    padding: 15px;
    flex-direction: column;
    justify-content: space-between;
}

.bonuses-stars {
    position: absolute;
    top: 15%;
    right: 10%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}

@media (min-width: 1700px) {
    .bonuses-card {
        margin-left: 30px;
        height: 55%;
        width: 70%;
    }
}

@media (max-width: 1000px) {
    .bonuses-flex {
        flex-direction: column;
    }

    .leftmenu {
        display: none;
    }

    .bonuses-card {
        padding: 0;
    }

    .bonuses__wrapper {
        flex-direction: column;
    }

    .bonuses-counter-card-wrapper {
        padding:22px;
        width: 100%;
        gap: 20px;
        border-top-right-radius: 21px;
        border-bottom-left-radius: 0;
    }
    .bonuses-description {
        padding:22px;
        width: 100%;
        border-bottom-right-radius: 21px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 21px;
    }
}

@media (max-width: 600px) {
    .bonuses-counter{
        flex-direction: column;
    }
}

.buttons-section-pc {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding: 10px 0;
}


.button--svg-saw {
    fill: rgba(167, 74, 132, 1);
    width: 40px;
    height: 50px;
}

.button--svg {
    fill: rgba(167, 74, 132, 1);
    width: 50px;
    height: 50px;
}

.link--main {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.buttons-section__text {
    width: 60%;
    color: #FFF;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.copyright__wrapper {
    width: 15%;
}

.footer__list-element {
    color: #FFF;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.third__footer-block {
    width: 15%;
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .footer__list {
        gap: 35px;
    }

    .third__footer-block {
        width: 18%;
    }
}


.footer__svg {
    width: 50px;
    fill: #C284B2;
}

.footer__wrapper {
    width: 100%;
}

.hidejs {
    transition: 1s ease-in;
}

.footerLogo {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 40px;
}

.footerMenu__item span {
    color: #FFF;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footerMenu__item span:hover {
    color: silver;
}


.section__header {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section__title {
    color: #A14389;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.interier__wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 22px;
}

.svg-section {
    width: 20px;
    height: 20px;
}

.interier__section {
    background-color: #FFF;
    display: flex;
    align-items: flex-start;
    gap: 1.375rem;
}

.interier__item {
    width: 33%;
    position: relative;
    transition: opacity ease-out 0.3s;
}

.interier__item:hover .interier__item-desctiption {
    opacity: 1;
    transition: opacity ease-in 0.3s;
}

.interier__item:hover .interier__item-desctiption-news {
    opacity: 1;
    transition: opacity ease-in 0.3s;
}

.interier__button {
    display: flex;
    padding: 0.53125rem 2.21875rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 1.90463rem;
    background-color: #FFF;
    color: #501C54;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mobile-hide-js {
    display: none;
}

.mobile__text {
    display: none;
}

.interier {
    padding: 38px 63px;
    background-color: #FFF;
}

.interier__item-desctiption {
    opacity: 0;
    transition: ease-out 300ms;
    padding: 0 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 50px;
    display: flex;
    flex-direction: row;
    background: rgba(48, 48, 48, 0.64);
    justify-content: space-between;
    align-items: center;
}

.interier__item-desctiption-news {
    opacity: 0;
    transition: ease-out 300ms;
    padding: 0 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 50px;
    display: flex;
    flex-direction: row;
    background: rgba(48, 48, 48, 0.64);
    justify-content: space-between;
    align-items: center;
}

.interier__text {
    width: 50%;
    color: #FFF;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main__wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}


.mobile-slider-icons {
    display: none;
}


@media (max-width: 1000px) {
    .mobile-hide-min {
        display: none!important;
    }

    .button--svg {
        width: 45px;
    }

    .button--svg-saw {
        width: 40px;
    }

    .grid.grid--aend.grid--lgacenter.ig-10.pg-50.pv-10.pg-lg20.pv-lg10.custom-wrap.center__wrapper {
        padding: 20px 15px !important;
    }

    .tradeMarks {
        padding: 20px;
    }

    .interier__wrapper {
        padding: 21px 0;
    }

    .buttons-section {
        padding: 0;
    }

    .buttons-section-pc {
        display: none;
    }


    .buttons-section__text {
        font-size: 14px;
    }
    .mobile-slider-icons {
        display: flex;
        flex-direction: column;
    }

    .interier__text {
        font-size: 12px;
    }


    .slider__elements-hide {
        display: none;
    }

    .interier {
        padding: 20px;
    }

    .news {
        padding: 20px;
    }

    .interier__item-desctiption {
        opacity: 1;
        padding: 0 15px;
    }

    .interier__item-desctiption-news {
        opacity: 1;
        padding: 0 15px;
    }

    .slider__wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .linkWrapper-slider {
        display: flex;
        flex-direction: column;
        width: 50%;
        gap: 20px;
        align-items: center;
    }

    .buttonWrapper-slider {
        width: 100%;
    }

    .interier__wrapper {
        max-height: 240px;
        overflow: visible;
    }

    .interier__item {
        width: 100%;
    }

    .section__title {
        width: 60%;
    }

    .mobile-hide {
        display: none !important;
    }


    .copyright__wrapper {
        width: 40%;
    }

}

@media (max-width: 765px) {
    .cp-components {
        height: 32%;
    }

    .linkWrapper-slider {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 20px;
        align-items: center;
        padding: 20px;
    }
}

@media (max-width: 750px) {
    .pg-sm0.mobile-show {
        margin-top: 47px !important;
    }

    .main-title-priv {
        font-size: 15px;
    }

    .text-priv {
        font-size: 13px;
    }

    .privileges {
        gap: 10px;
        padding: 50px 20px;
    }

    .svg__wrapper-priv {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));

    }
}

@media (max-width: 620px) {

    .buttons-section__text {
        font-size: 19px;
        width: 50%;
    }

    .section__title {
        width: 100%;
    }

    .last-viewed {
        display: flex;
        gap: 20px;
        overflow-x: scroll;
    }
    .last-viewed::-webkit-scrollbar {
        display: none;
    }

    .logo-mobile {
        width: 250px;
    }

    .footerTop {
        justify-content: center;
    }

    .linkWrapper-slider {
        flex-direction: column;
    }


}

@media (max-width: 600px) {
    .link--main {
        border-left: unset;
    }

    .socials__wrapper {
        display: none;
    }

    .interier__wrapper {
        overflow: scroll;
        max-height: 315px;
    }

    .interier__wrapper::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 500px) {
    .section__title {
        width: 100%;
    }

    .section__header {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }

    .linkWrapper-slider {
        flex-direction: column;
        padding: 24px 25px 25px;
    }
}

.back-unsubscribe {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background: rgba(240, 240, 240, 0.62);
    backdrop-filter: blur(28px);
    z-index: 2147483644 !important;
}

.window-unsubscribe {
    width: 689px;
    height: calc(100% - 100px);
    min-height: 600px;
    padding: 50px 40px 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    background-color: var(--color-white);
    border-top: 4px solid var(--color-kronas-text);
}

.wu > :not(:first-child) {
    margin-top: 45px
}

.wu-logo {
    width: 232px;
    height: 46px;
}

.wu-title {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--color-black);
}

.wu-text, .wu-label {
    margin-top: 12px;
    font-size: 16px;
    line-height: 21px;
    color: var(--color-black);
}

.wu-clock-input {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.wu-label {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 600;
}

.wu-input {
    min-width: 348px;
    padding: 12px 14px;
    background: #F5F6F6;
    border: 1px solid #DEE2E6;
    border-radius: 4px;
}

.wu-input::placeholder {
    color: #A6AEB6
}

.wu-question {
    margin-bottom: 23px;
    font-size: 18px;
    color: var(--color-black);
}

.wu-btn {
    width: 218px;
    padding: 13px;
    font-size: 18px;
    color: var(--color-kronas-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-kronas-text);
    border-radius: 12px;
    cursor: pointer;
}

.wu-btn-dark {
    margin-right: 18px;
    color: var(--color-white);
    background-color: var(--color-kronas-text);
}

.free-delivery, .free-delivery-top {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 4px 8px;
    font-size: 9px;
    text-transform: uppercase;
    color: var(--color-white);
    background-image: linear-gradient(115deg, var(--color-kronas-text) 15.84%, var(--color-first) 172.37%);
    border-radius: 12px;
    box-shadow: 0 3px 7px 1px var(--color-first-30-percent);
    z-index: 20;
}

.free-delivery-top {
    top: -10px;
    bottom: unset;
}

.cart-promo-codes {
    width: 100%;
    margin-bottom: 30px;
    background-color: var(--color-white);
}

.cp-header {
    padding: 14px 22px;
    color: var(--color-designer);
    font-size: 23px;
    border-bottom: 1px solid var(--color-BFBFBF);
}

.cp-header:hover {
    color: var(--color-designer)
}

.cp-body {
    width: 100%;
    padding: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-white);
}

.cp-body > :not(:first-child) {
    margin-top: 16px
}

.cpb-promo-code {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-white);
    box-shadow: 0 3px 10px rgba(108, 108, 108, 0.25);
}

.cpb-promo-code-1 {
    height: 100%;
    display: flex;
    align-items: center;
}

.cpbp-code {
    height: 100%;
    margin-right: 12px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-white);
    background-color: var(--color-designer);
}

.cpbp-code:hover {
    color: var(--color-white)
}

.cpbp-text {
    height: 100%;
    margin-right: 12px;
    padding: 4px 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /*gap: 2px*/
}

.cpbpt-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-designer);
}

.cpbpt-title:hover {
    color: var(--color-designer)
}

.cpbpt-description {
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    color: var(--color-black);
    overflow-y: hidden;
}

.cpbp-btn, .cpbp-btn-v {
    margin-right: 12px;
    padding: 6px 8px;
    justify-self: end;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-designer);
    background-color: var(--color-white);
    border: 1px solid var(--color-designer);
    border-radius: 18px;
    cursor: pointer;
}

.cpbp-btn-v {
    min-width: 30px !important;
    height: 30px !important;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.cpbp-btn:hover {
    color: var(--color-designer)
}

.promo-code-active {
    color: var(--color-white);
    background-color: var(--color-designer);
    box-shadow: 0 0 10px var(--color-designer);
}

.promo-code-active:hover {
    color: var(--color-white)
}

.ap-question-confirm {
    position: relative;
    transform: translateY(-100%);
    width: max-content;
    min-width: 300px;
    max-width: calc(375px - 40px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-first);
    background-color: var(--color-white);
    border-top: 8px solid var(--color-kronas-text);
    border-radius: 4px;
    box-shadow: 0 0 10px var(--color-designer);
}

.ap-question-confirm > :not(:first-child) {
    margin-top: 30px
}

.ap-close-confirm {
    position: absolute;
    top: 12px;
    right: 4px;
    margin: 0 !important;
    padding: 0;
    font-size: 24px;
    line-height: 0;
    color: #333333;
    cursor: pointer;
}

.ap-qc-title {
    width: 100%;
    text-align: center;
}

.ap-qc-block-btns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ap-qc-block-btns > :not(:first-child) {
    margin-left: 10px
}

.ap-qc-btn {
    min-width: 80px;
    padding: 3px 7px;
    text-align: center;
    color: var(--color-designer);
    background-color: var(--color-white);
    border: 1px solid var(--color-designer);
    border-radius: 8px;
    cursor: pointer;
}

.ap-user-a {
    text-decoration: none !important
}

.ap-user-a:hover {
    color: var(--color-white) !important
}

.ap-user-cart {
    margin-top: 32px;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-white);
    background-color: var(--color-kronas-dark);
    backdrop-filter: blur(4px);
    border-radius: 12px;
    box-shadow: 0 0 3px 0 var(--color-kronas-dark);
    transition: var(--transition-all-300-ease);
}

.ap-user-cart:hover {
    box-shadow: 0 0 7px 1px var(--color-kronas-dark)
}

.set-date-calendar, .set-date-calendar2 {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 12px;
    box-shadow: 0 3px 7px 1px #9C9C9C;
    z-index: 1000;
}

.topBanners {
    padding: 0 0 20px 0;
}

.show-next-month {
    display: none
}

.ico-home-line {
    width: 34px;
    height: 36px;
}

.ap-clear-cart {
    padding: 2px 8px;
    font-weight: 600;
    color: var(--color-third);
    border: 1px solid var(--color-third);
    border-radius: 12px;
    cursor: pointer;
}
@media only screen and (max-width: 1280px) and (min-width: 766px) {
    .selectBlock.custom.js-selectList.all-numbers {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 750px ) {
    .privileges {
        padding: 65px 5%;
    }
}

@media only screen and (max-width: 1000px ) and (min-width: 766px) {


    .buttons-section__text {
        width: 55%;
    }

    .interier__button {
        padding: 0.5rem 1.2rem;
    }

    .interier__text {
        font-size: 11px
    }

    .buttonSlider {
        font-size: 12px;
    }

    .mainMenu__title {
        font-size: 12px;
    }

    .text-priv-bolder {
        font-size: 16px;
    }


    .topBanners .grid--astretch {
        gap: 20px;
    }

    .topBanners {
        padding: 20px;
    }

    .linkWrapper-slider {
        display: flex;
        flex-direction: column;
        width: 35%;
        gap: 15px;
        align-items: center;
        padding: 0;
    }
}

.ico-home-line {
    width: 34px;
    height: 36px;
}



.ap-services-title-block, .ap-services-title-block-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ap-services-title-block-left {
    align-items: end;
    justify-content: flex-start;
}
.ap-services-title-block-left > :not(:first-child) {margin-left: 80px}
.ap-services-title {
    width: max-content;
}
.ap-no-service-title {width: 100%}
.ap-services-titleBold {
    min-width: 722px;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-first);
}
.ap-services-page, .ap-services-page-active {
    padding: 8px 16px;
    color: var(--color-first);
    border-bottom: 1px solid var(--color-first);
    cursor: pointer;
}
.ap-services-page-active {
    font-weight: 600;
    border-bottom-width: 3px;
}
.ap-services-KM3D-btn {
    max-width: max-content;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
}
.ap-services {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2rem;
}
.ap-services-item {
    position: relative;
    max-width: 340px;
    height: 270px;
    display: flex;
    align-items: end;
    background-color: #F2F2F2;
    overflow: hidden;
    box-shadow: 0 -0.0125rem 1rem rgba(0, 0, 0, 0.075);
}
.ap-services-item-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 260px;
    height: 160px;
    transform: translate(-50%, -50%);
    transition: all 350ms ease;
    background-color: inherit;
    z-index: 0;
}
.ap-services-item:hover > .ap-services-item-image {transform: translate(-50%, -60%) scale(1.1)}
.ap-services-item-name {
    position: relative;
    width: 100%;
    padding: 10px 16px;
    background-color: #E6E6E6;
    z-index: 5;
}
.ap-services-page-item {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ap-services-page-first-block {
    width: 100%;
    display: flex;
    align-items: stretch;
}
.ap-services-page-first-block > :not(:first-child) {margin-left: 80px}
.ap-services-width-image-block {width: 722px}
.ap-services-page-image {
    position: relative;
    height: 570px;
    background-color: var(--color-F2F2F2);
    overflow: hidden;
}
.ap-services-page-image-item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 340px;
    transform: translate(-50%, -50%);
    background-color: inherit;
}
.ap-services-page-info-table, .ap-services-page-info {width: calc(100% - 722px - 80px)}
.ap-services-page-info {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.ap-services-table-border, .ap-services-table-border-1 {
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
}
.ap-services-table-border-1 {border-color: var(--color-F2F2F2)}
.ap-services-table-head, .ap-services-table-body {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-first);
}
.ap-services-table-body {font-weight: 400}
.ap-services-info-bottom {
    margin-top: 30px;
    font-size: 16px;
    color: var(--color-first);
}
.ap-services-info-ul {padding-left: 30px}
.ap-services-info-btn {
    margin-top: 30px;
    padding: 2px 45px;
    min-height: 40px;
    color: var(--color-white);
    background-image: linear-gradient(to right, #803261, #A84985);
    border-radius: 27px;
    cursor: pointer;
}
a.ap-services-info-btn {padding: 8px 45px}
.ap-services-table-2, .ap-services-faq {
    width: 100%;
    margin-top: 80px;
}
.ap-services-faq {color: var(--color-first)}
.ap-services-faq-block {padding: 0}

@media only screen and (max-width: 1280px) and (min-width: 766px) {
    .selectBlock.custom.js-selectList.all-numbers {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 750px ) {
    .privileges {
        padding: 65px 5%;
    }
}

@media only screen and (max-width: 1000px ) and (min-width: 766px) {}


.ap-btn-yes, .ap-qc-btn:hover {
    font-weight: 600;
    color: var(--color-white);
    background-color: var(--color-designer);
}

/* BANNER WHEEL */
.btn-show-banner-wheel {
    position: fixed;
    top: 50%;
    right: 0;
    width: 114px;
    height: 110px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2147483644;
}
.banner-wheel {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 80vh;
    max-width: 1243px;
    max-height: 743px;
    padding: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url("/Media/svg/discount/background.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    transition: all 300ms linear;
    z-index: 2147483647;
}
.btn-close-banner-wheel {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.banner-wheel-left-block, .banner-wheel-right-block {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    transition: all 500ms ease;
}
.banner-wheel-right-block {
    width: 0;
    justify-content: space-between;
    background-color: rgba(70, 3, 45, 45%);
    border-radius: 15px;
    overflow: hidden;
}
.banner-wheel-h3 {
    font-size: 28px;
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
}
.banner-wheel-label {
    width: 90%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-white);
    border-radius: 6px;
}
.banner-wheel-input {
    width: 90%;
    height: 40px;
    padding: 0 21px;
    color: var(--color-first);
    background-color: transparent;
}
.btn-copy-banner-wheel {
    width: 20px;
    margin-right: 21px;
    cursor: pointer;
}
.banner-wheel-title {
    font-size: 47px;
    font-weight: 700;
    color: var(--color-white);
    text-transform: uppercase;
    text-align: center;
}
.block-wheel {
    position: relative;
    width: 35%;
    padding-top: 3%;
    padding-bottom: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/Media/img/discount/_wheel-2.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 600ms ease;
}
.vector {
    position: absolute;
    top: 7%;
    left: 50%;
    width: 8.5%;
    height: 8%;
    transform: translateX(-50%);
    z-index: 10;
}
.wheel-1 {
    width: 83.5%;
    height: 100%;
    z-index: 0;
    /*transform: rotateZ(1781deg);*/
}
.btn-spin-wheel, .btn-promo-wheel {
    width: 315px;
    height: 55px;
    font-size: 18px;
    color: var(--color-first);
    background-color: var(--color-white);
    border-radius: 55px;
    cursor: pointer;
    box-shadow: 0 3px 9px #333333;
    transition: all 350ms ease;
}
.btn-spin-wheel:hover, .btn-promo-wheel:hover {
    /*color: var(--color-white);*/
    /*background-color: var(--color-second);*/
    transform: translateY(-5px);
    box-shadow: 0 9px 18px #333333;
}
.banner-wheel-kroko, .banner-wheel-talking {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 350px;
}
.banner-wheel-talking {
    bottom: 200px;
    left: 50px;
    width: 260px;
}
.banner-wheel-kroko-mob, .banner-wheel-talking-mob {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}
.banner-wheel-talking-mob {
    left: unset;
    right: 0;
}

.cart-promo-code-main {
    padding: 1rem 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: #F9F9F9;
}
.cart-promo-code-section > :not(:first-child) {margin-left: 40px}
.cart-promo-code-block {
    width: 400px;
    min-width: 200px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-white);
    border: 1px solid var(--color-border-dis-btn);
    border-radius: 40px;
}
.cart-promo-code-input {
    min-width: 100px;
    padding: 0 0 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-first);
}
.cart-promo-code-btn, .cart-promo-code-btn.cart-promo-code-btn-dis {
    max-width: 155px;
    height: 36px;
    padding: 0 16px;
    font-size: 16px;
    color: var(--color-white);
    background-color: var(--color-second);
    border-radius: 36px;
    cursor: pointer;
}
.cart-promo-code-btn.cart-promo-code-btn-dis {
    color: var(--color-lang);
    background-color: var(--color-background-dis-btn);
    cursor: default;
}
.sm\:cart-promo-code-check {display: none}
.cart-promo-code-description {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.cart-free-delivery, .order-free-delivery {
    width: 100%;
    padding: 1.3rem 4rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    border-top: 2px solid #DEDEDE;
}
.order-free-delivery {
    padding: 1.3rem 2rem;
    flex-direction: row;
    gap: 20px;
}
.cart-free-delivery-title, .order-free-delivery-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-first);
}
.order-free-delivery-title {
    font-size: 16px;
    font-weight: 400;
    text-align: end;
}
.order-free-delivery-progress-block {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.order-free-delivery-percent {
    padding-right: 5px;
    font-size: 14px;
    color: var(--color-first);
}
.cart-free-delivery-progress, .order-free-delivery-progress {
    position: relative;
    width: 60%;
    height: 14px;
    background-color: #F2F3F5;
    border-radius: 32px;
    overflow: hidden;
}
.order-free-delivery-progress {width: 100%}
.cart-free-delivery-progress-true, .order-free-delivery-progress-true {
    width: 100%;
    height: 100%;
    background-color: #15B957;
    border-radius: 32px;
}
.wezom-check-day {
    color: var(--color-white)!important;
    background-color: var(--color-second)!important;
}
.add-km3d-btn, .btn-header-page-services {
    width: calc(100% - 7rem);
    height: 40px;
    margin-top: 20px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-image: linear-gradient(to right, var(--color-kronas-le-dark), var(--color-kronas-text));
    border-radius: 30px;
    cursor: pointer;
}
.btn-header-page-services {
    width: calc(100% - 5rem);
    margin-top: 0;
    padding: 0 12px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}
.title-by-search {
    position: absolute;
    bottom: -45px;
    left: 0;
    /*height: 40px;*/
    padding: 2px 18px 4px 18px;
    text-align: center;
    font-size: 16px;
    color: var(--color-first);
    background-color: var(--color-white);
    border: var(--rem-0-5px) solid var(--color-first);
    border-radius: 4px;
    white-space: nowrap;
}
.tour3d {
    /*padding: 8px 20px;*/
    font-weight: 700;
    color: var(--color-kronas)!important;
    white-space: nowrap;
}
.tour3d:hover {
    text-shadow: 0 4px 9px var(--color-first-30-percent);
}
.block-downloads {
    position: relative;
    width: calc(67px + .6rem);
    max-height: 44px;
}
.div-img-download {
    width: 67px;
    height: 44px;
    cursor: pointer;
}
.header-btn {
    height: 100%;
}
.header-btn:hover rect {fill: #f2f2f2}
.header-btn:hover path {stroke: #a04382}
.modal-downloads, .mob-modal-downloads {
    display: none;
    position: absolute;
    bottom: -135px;
    left: 50%;
    min-width: 130px;
    width: max-content;
    height: 130px;
    padding: 15px;
    column-gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
    background-color: var(--color-white);
    border-radius: 20px;
    box-shadow: 0 0 11px 0 rgba(83, 83, 83, 22%);
    transform: translateX(-50%);
    z-index: 99999999;
}
.ul-for-dealers {
    list-style-position: inside;
}
.ul-for-dealers > :not(:first-child) {margin-top: 20px}
.ul-for-dealers > li {
    display: flex;
    align-items: start;
    list-style-type: none;
}
.btn-dealers {
    width: 250px;
    height: 100px;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background: rgb(175,72,136);
    background: var(--color-to-right-gradient);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 24px;
}
.btn-dealers:hover {
    transform: translateY(-2px);
    transition: all 300ms ease-out;
    box-shadow: 0 5px 9px var(--color-first-80-percent);
}
.btn-dealers .first {
    font-size: 16px;
    font-weight: 700;
}
.btn-dealers .second {
    width: 85%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.slick-track > :not(:first-child) {margin-left: 20px}
.ap-block-first-dealers, .ap-block-second-dealers {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;
}
.ap-block-second-dealers {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    flex-direction: row;
    align-items: stretch;
}
.ap-block-third-dealers {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}
.ap-block-btns-dealers-in, .ap-block-btns-dealers-md {
    width: 100%;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.ap-block-btns-dealers {
    display: none;
    width: 100%;
}
.ap-block-images-dealers-md {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px
}
.ap-block-images-dealers {
    width: 100%;
    display: none;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
}
.message-gallery {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--color-first);
    border: var(--rem-0-5px) solid var(--color-second);
    border-radius: 8px;
}
.ap-modal-uslugi {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50vh;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--color-kronas);
    background-image: url("../img/score-door-background.webp");
    background-position: center;
    background-size: cover;
    border: 1px solid var(--color-kronas);
    border-radius: 18px;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 2147483647;
}
.ap-modal-uslugi-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 43, 48, 0.50);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 9;
}
.mob-modal-downloads {
    position: fixed;
    top: 45%;
    bottom: unset;
    left: 50%;
    height: max-content;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    color: var(--color-first);
    border: 1px solid var(--color-kronas);
    transform: translate(-50%, -50%);
    z-index: 2147483647;
}
.mob-link-downloads {
    width: 100%!important;
    display: flex!important;
    align-items: center!important;
}
.mob-link-downloads > :not(:first-child) {margin-left: 20px!important}
.page-back-header .in {
    width: 100%;
    height: max-content;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-first);
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-kronas);
}


/* todo Start Media */
@media screen and (max-width: 1920px) {
    .div-img-download {
        height: 40px;
    }
}
@media (max-width: 1904px) {
    .last-viewed {
        padding: 8px 40px
    }
}

@media (max-width: 1899px) {
    .km-services {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media (max-width: 1809px) {
    .last-viewed {
        padding: 8px 80px;
    }
    .ap-services {grid-template-columns: repeat(4, minmax(0, 1fr))}
}

@media (max-width: 1679px) {
    .new-bay-button, .new-archive-button {
        width: 105px;
        height: 38px;
    }

    .cpcb-btn-pay .new-bay-button, .cpcb-btn-pay .new-archive-button {
        width: 108px
    }
    .div-img-download {
        height: 38px;
    }
}

@media screen and (max-width: 1600px) and (max-height: 900px) {
    .block-wheel {
        width: 29%;
        padding-top: 2.5%;
        padding-bottom: 2.5%;
    }
}

@media (max-width: 1599px) {
    .km-services {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (max-width: 1564px) {
    .last-viewed {
        padding: 8px 40px
    }
    .cart-free-delivery-progress {width: 50%}
}

@media screen and (max-width: 1550px) {
    .add-km3d-btn {font-size: 14px}
}

@media screen and (max-width: 1527px) {
    .ul-for-dealers > :not(:first-child) {margin-top: 8px}
}

@media (max-width: 1499px) {
    .logo-mobile img {
        min-height: 45px;
    }
    .cs-main {
        padding: 0 8px;
        justify-content: space-around;
    }
    .ap-modal-uslugi {
        width: 65%;
    }
}

@media (max-width: 1469px) {
    .last-viewed {
        padding: 8px 80px;
    }
    .ap-services {grid-template-columns: repeat(3, minmax(0, 1fr))}
}

@media screen and (max-width: 1457px) {
    .ap-block-third-dealers {justify-content: space-evenly}
    .ap-block-btns-dealers {display: flex}
    .ap-block-btns-dealers-in {
        padding-top: 20px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .ap-block-btns-dealers-md {display: none}
    .ul-for-dealers > :not(:first-child) {margin-top: 15px}
}

@media screen and (max-width: 1400px) and (max-height: 1050px) {
    .block-wheel {
        width: 40%;
        padding-top: 3.5%;
        padding-bottom: 3.5%;
    }
}

@media (max-width: 1399px) {
    .cs-main {
        padding: 0;
        justify-content: space-between;
    }

    .km-services {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sb-menu {
        width: 300px
    }
}

@media screen and (max-width: 1368px) and (max-height: 768px) {
    .banner-wheel-title {font-size: 32px}
    .block-wheel {
        width: 25%;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .btn-spin-wheel {
        width: 150px;
        height: 40px;
        border-radius: 40px;
    }
    .banner-wheel-kroko {width: 250px}
    .banner-wheel-talking {
        bottom: 150px;
        width: 160px;
    }
}

@media screen and (max-width: 1364px) {
    .cpbpt-title {display: none}
}

@media (max-width: 1355px) {
    .new-bay-button, .new-archive-button {
        width: 100px;
        height: 36px;
        font-size: 14px;
        font-weight: 600;
    }

    .cpcb-btn-pay .new-bay-button, .cpcb-btn-pay .new-archive-button {
        width: 106px
    }
    .ap-services-title-block {
        flex-direction: column;
        align-items: start;
    }
    .ap-services-title-block > :not(:first-child) {margin-top: 20px}
    .ap-services-title-block-left {
        flex-direction: column;
        align-items: start;
    }
    .ap-services-title-block-left > :not(:first-child) {
        margin-top: 20px;
        margin-left: 0;
    }
    .ap-services-page-item {margin-top: 20px}
    .ap-services-page-first-block {flex-direction: column-reverse}
    .ap-services-page-first-block > .ap-services-page-info {width: 100%}
    .ap-services-page-first-block > :not(:first-child) {
        margin-bottom: 40px;
        margin-left: 0;
    }
    .ap-services-table-border.ap-services-width-image-block {width: unset}
    .logo-mobile img {min-height: 40px}
}

@media (max-width: 1280px) {
    .box-kronas-master {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .new-bay-button, .new-archive-button {
        width: 95px;
        height: 34px;
    }

    .cpcb-btn-pay .new-bay-button, .cpcb-btn-pay .new-archive-button {
        width: 104px
    }

    .sbm-btn-menu {
        display: block
    }

    .sb-menu {
        display: none;
        position: absolute;
        top: 40px;
        left: 20px;
        height: calc(100% - 40px);
        background-color: var(--color-FCFCFC);
    }

    .sb-products {
        width: 50%
    }
    .cpbpt-title {display: unset}

    .cart-free-delivery-title {font-size: 16px}
    .cart-free-delivery-progress {width: 40%}
    .logo-mobile img {min-height: 36px}
    .ap-modal-uslugi {
        width: 70%;
    }
}

@media screen and (max-width: 1280px) and (max-height: 960px) {
    .banner-wheel-kroko {width: 250px}
    .banner-wheel-talking {
        bottom: 150px;
        width: 160px;
    }
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .block-wheel {
        width: 30%;
        padding-top: 2.5%;
        padding-bottom: 2.5%;
    }
    .btn-spin-wheel {
        width: 170px;
        height: 40px;
        border-radius: 40px;
    }
}

@media screen and (max-width: 1280px) and (max-height: 720px) {
    .block-wheel {
        width: 25%;
        padding-top: 2%;
        padding-bottom: 2%;
    }
}

@media (max-width: 1209px) {
    .last-viewed {
        padding: 8px 40px
    }

    .masterProp-top {
        padding: 0 3rem
    }
}

@media (max-width: 1199px) {
    .cs-main {
        padding: 0 32px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 60px;
    }

    .vertical-line {
        display: none
    }

    .csm-box,
    .csm-box-2,
    .csm-box-3 {
        width: 100%
    }
}

@media screen and (max-width: 1185px) {
    .cpbpt-title {display: none}
    .ul-for-dealers > :not(:first-child) {margin-top: 8px}
}

@media (max-width: 1179px) {
    .new-bay-button, .new-archive-button {
        width: 34px
    }

    .btn__icon {
        display: flex !important;
    }

    .text-new-bay-button, .text-new-archive-button {
        display: none
    }

    .cpcb-btn-pay .new-bay-button, .cpcb-btn-pay .new-archive-button {
        width: 104px
    }

    .cpcb-btn-pay .btn__icon {
        display: none
    }

    .cpcb-btn-pay .text-new-bay-button, .cpcb-btn-pay .text-new-archive-button {
        display: block
    }
    .cart-promo-code-title {display: none}
    .cart-promo-code-section > :not(:first-child) {margin-left: 0}
}

@media screen and (max-width: 1152px) and (max-height: 864px) {
    .block-wheel {
        width: 40%;
        padding-top: 3.3%;
        padding-bottom: 3.3%;
    }
}

@media (max-width: 1149px) {
    .last-viewed {
        padding: 8px 80px;

    }
}

@media screen and (max-width: 1122px) {
    .ap-block-btns-dealers-in {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1090px) {
    .cpbpt-title {
        font-size: 13px
    }
}

@media (max-width: 1080px) {
    .masterProp-top {
        padding: 0 2.5rem
    }
    .add-km3d-btn {font-size: 12px}
}

@media screen and (max-width: 1059px) {
    .btn-dealers {width: 230px}
}

@media screen and (max-width: 1034px) {
    .cpbp-text {padding: 2px 0}
}

@media (max-width: 1029px) {
    .box-kronas-master {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .box-kronas-master > :not(:first-child) {
        margin-right: 0
    }

    .box-kronas-master > :not(:first-child) {
        margin-top: 40px
    }

    .block-kronas-master {
        width: 100%
    }

    .km-services {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .masterProp-tr-btn {
        margin-left: 40px
    }
    .ap-services {grid-template-columns: repeat(2, minmax(0, 1fr))}
}

@media screen and (max-width: 1024px) and (max-height: 1366px) {
    .banner-wheel-kroko {width: 250px}
    .banner-wheel-talking {
        bottom: 150px;
        width: 165px;
    }
}

@media screen and (max-width: 1024px) and (max-height: 768px) {
    .block-wheel {
        width: 35%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
}

@media (max-width: 999px) {
    .new-bay-button, .new-archive-button {
        width: 32px;
        height: 32px;
    }
    .cart-promo-code-block {width: 300px}
    .cart-promo-code-input, .cart-promo-code-btn {width: 150px}
    .cpbpt-title {display: unset}

    .cart-free-delivery {
        flex-direction: column;
        align-items: start;
    }
    .cart-free-delivery-progress {width: 100%}
    .cp-header {font-size: 2.4rem}
    .add-km3d-btn {font-size: 14px}
    .ap-block-third-dealers {width: 100%}
    .ap-block-images-dealers-md {display: none}
    .ap-block-images-dealers {display: flex}
}

@media screen and (max-width: 979px) {
    .ap-block-btns-dealers-in {justify-content: space-evenly}
}

@media (max-width: 950px) {
    .text-priv-bolder {
        font-size: 16px;
    }

    .kronas-master-3d > :not(:first-child) {
        margin-top: 40px
    }

    .masterProp-top {
        flex-direction: column
    }

    .masterProp-top > :not(:first-child) {
        margin-top: 40px
    }

    .masterProp-top-left, .masterProp-top-right {
        width: 100%
    }

    .masterProp-top-right {
        align-items: center
    }

    .masterProp-tr-btn {
        margin: 0
    }

    .selectList.search {
        height: max-content;
        min-height: 600px;
        overflow-y: scroll
    }

    .selectList.search::-webkit-scrollbar {
        display: none
    }

    .search-block {
        flex-direction: column
    }

    .search-block > :not(:first-child) {
        margin-left: 0
    }

    .search-block > :not(:first-child) {
        margin-top: 20px
    }

    .sbm-btn-menu {
        display: none
    }

    .sb-menu {
        display: flex;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .sb-menu > :not(:first-child) {
        margin-top: 20px
    }

    .sbm-products, .sbm-category, .sbmp-category.sbmp-prod {
        height: max-content
    }

    .sb-products {
        width: 100%
    }

    .sbmp-btn {
        transform: rotateZ(180deg)
    }

    .sbmp-category {
        display: none
    }
}

@media screen and (max-width: 912px) and (max-height: 1368px) {
    .banner-wheel-kroko {width: 250px}
    .banner-wheel-talking {
        bottom: 150px;
        width: 165px;
    }
}

@media (max-width: 899px) {
    .km-services {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .last-viewed {
        padding: 8px 40px
    }
}

@media (max-width: 859px) {

    .score__stub {
        height: 700px;
    }

    .cs-main,
    .csm-box-2,
    .csm-box-3 {
        padding: 0
    }
    .banner-wheel {
        width: 75%;
        height: 75vh;
    }
    .banner-wheel-title {font-size: 28px}
    .block-wheel {
        width: 35%;
        padding-top: 2.6%;
        padding-bottom: 2.6%;
    }
    .btn-spin-wheel {
        width: 197px;
        height: 40px;
        border-radius: 40px;
    }
    .cart-promo-code-block {width: 260px}
    .cart-promo-code-input {width: 110px}
    .cart-promo-code-btn {width: 130px}
    .ap-modal-uslugi {
        width: 75%;
    }
}

@media screen and (max-width: 800px) and (max-height: 600px) {
    .banner-wheel-title {font-size: 22px}
    .block-wheel {
        width: 30%;
        padding-top: 2.5%;
        padding-bottom: 2.5%;
    }
    .btn-spin-wheel {
        width: 150px;
        height: 40px;
        border-radius: 40px;
    }
    .banner-wheel-kroko {width: 150px}
    .banner-wheel-talking {
        bottom: 80px;
        width: 100px;
    }
}

@media (max-width: 790px) {
    .ap-modal-uslugi {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .cooperation-section > :not(:first-child) {
        margin-top: 35px
    }

    .cs-main {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }

    .horizontal-line {
        display: inline
    }

    .csm-box {
        align-items: center
    }

    #ap-services-terms .btn-select {
        font-size: 14px
    }

    .master-3d-bg {
        display: none
    }

    .km-services {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .logo-last-viewed {
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .last-viewed-see-all {
        display: none
    }

    .last-viewed {
        height: 455px;
        padding: 8px 20px;
        display: flex;
        align-items: center;
        overflow-x: scroll;
    }

    /*.last-viewed::-webkit-scrollbar {display: none}*/
    .component-product {
        min-width: 333px
    }

    .gallery__header {
        flex-direction: column;
    }
    .gallery__header > :not(:first-child) {margin-top: 20px}

    .gallery__header-title-block, .gallery__header-label {
        width: 100%
    }

    .gallery__header-title-block {
        background-color: var(--color-background-dis-btn)
    }

    .gallery__header-label {
        margin-bottom: 30px
    }

    .gallery__search-input {
        font-size: 18px;
        padding: 8px 4px;
    }

    .sendingLetters__modal-window {
        max-width: 100%
    }

    .window-unsubscribe {
        width: calc(100% - 32px);
        padding: 38px 33px 33px;
    }

    .wu > :not(:first-child) {
        margin-top: 20px
    }

    .wu-logo {
        width: 200px;
        height: 40px;
    }

    .wu-title, .wu-text, .wu-label, .wu-input, .wu-block-btns {
        width: 100%
    }

    .wu-text {
        line-height: 18px
    }

    .wu-input {
        min-width: unset
    }

    .wu-block-btns {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .wu-btn {
        width: 143px
    }
    .ap-services-title-block {
        align-items: center;
    }
    .ap-services-title {
        width: 100%;
        align-self: start;
    }
    .ap-services-titleBold {
        min-width: unset;
        width: 100%;
    }
    .ap-services-width-image-block {width: 100%}
    .ap-services-table-head, .ap-services-table-body {font-size: 14px}
    .ap-services-table-border.ap-services-width-image-block {width: 60%}
    .ap-services-table-2, .ap-services-faq {margin-top: 50px}

    .banner-wheel-left-block {justify-content: start}
    /*.order-free-delivery-progress-block {width: 60%}*/
    .order-free-delivery-title {
        font-size: 14px;
        text-align: start;
    }
    .div-img-download {display: none}
}

@media (max-width: 747px) {
    .ap-services {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 670px) {
    .ap-modal-uslugi {
        height: 80vh;
    }
}

@media (max-width: 640px) {
    .selectList.search {
        top: 120%
    }
    .ap-services-page-image {height: unset}
    .ap-services-page-image-item {
        position: unset;
        top: 0;
        left: 0;
        transform: unset;
        width: 100%;
    }
    .banner-wheel-title {font-size: 24px}
    .btn-spin-wheel {font-size: 16px}
    .footerTop__logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footerLogo {
        width: 100%;
        height: unset;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .footer__wrapper {
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
    .mobile__text {
        display: block;
        color: #FFF;
        font-family: Museo Sans Cyrl, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .copyright__wrapper {
        display: none;
    }
}

@media (max-width: 639px) {
    .km-services {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .selectList.search {
        top: 125%
    }
}

@media screen and (max-width: 580px) {
    .sbp-item.sbp-prod {
        height: 120px;
        flex-direction: column;
    }

    .sbpi-left, .sbpi-right._right {
        width: 100%
    }

    .sbpi-right {
        text-align: left
    }
    .sbpi-right-block {
        width: 100%;
        justify-content: space-between;
    }
    .sbpi-right.spbi-pay {
        display: flex;
        justify-content: end;
        margin-left: 0;
        padding-right: 10px;
    }

    .sbpi-right._right {
        display: none
    }

    .selectList.search {
        top: 130%
    }
    .ap-services-KM3D-block {
        flex-direction: column;
        align-items: center;
    }
    .ap-services-KM3D-block > :not(:first-child) {
        margin-top: 10px;
        margin-left: 0;
    }

    .banner-wheel {
        width: 95%;
        height: 90vh;
    }
    .banner-wheel-left-block {justify-content: start}
    .banner-wheel-right-block {transition: unset}
    .banner-wheel-title {
        margin-top: 50px;
        font-size: 28px;
    }
    .block-wheel {
        width: 80%;
        padding-top: 7%;
        padding-bottom: 7%;
    }
    .btn-spin-wheel {
        width: 197px;
        height: 50px;
        border-radius: 50px;
    }
    .banner-wheel-kroko, .banner-wheel-talking {display: none}
    .banner-wheel-kroko-mob {
        display: block;
        width: 204px;
        height: 132px;
    }
    .banner-wheel-talking-mob {
        display: block;
        width: 195px;
        height: 120px;
    }
    .cart-promo-code-section {width: 90%}
    .cart-promo-code-block {width: 100%}
    .sm\:cart-promo-code-check {display: flex}
    .cart-promo-code-description {display: none}
}

@media (max-width: 529px) {
    .block-kronas-master {
        padding-left: 20px;
        padding-right: 20px;
    }

    .km-services {
        overflow-x: scroll;
        display: flex;
        align-items: center;
    }

    .km-services::-webkit-scrollbar {
        display: none
    }

    .km-services > :not(:first-child) {
        margin-left: 10px
    }

    .km-title, .km-btn-go {
        align-self: center
    }

    .selectList.search {
        top: 151%
    }
    .ap-services-page-image-item {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media (max-width: 500px) {
    .selectList.search {
        top: 150%
    }

    .sbpilt-name {
        font-size: 14px
    }

    ._w500\:ap-hidden {
        display: none !important
    }

    .cpbp-btn-v {display: flex}
}

@media  screen and (max-width: 499px) {
    .ap-block-btns-dealers {overflow-x: scroll}
    .ap-block-btns-dealers::-webkit-scrollbar {height: 0}
    .ap-block-btns-dealers-in {
        padding-top: 10px;
        padding-bottom: 10px;
        width: max-content;
        flex-wrap: unset;
    }
}

@media screen and (max-width: 469px) {
    .cpbpt-title {display: none}
}

@media (max-width: 449px) {
    .block-kronas-master {
        padding-left: 10px;
        padding-right: 10px;
    }

    .selectList.search {
        top: 150%
    }

    .window-unsubscribe {
        padding: 38px 20px 20px
    }

    .wu-question {
        margin-bottom: 10px
    }

    .wu-btn {
        width: max-content
    }
}

@media screen and (max-width: 424px) {
    .order-free-delivery-title {width: min-content}
}

@media (max-width: 404px) {
    .last-viewed {
        padding: 8px 4px
    }

    .sbpil-text {
        overflow: hidden
    }
}

@media (max-width: 400px) {
    .selectList.search {
        top: 150%
    }
}

@media screen and (max-width: 389px) {
    .cart-promo-code-section {width: 100%}
    .sm\:cart-promo-code-check {display: none}
}

@media screen and (max-width: 375px) and (max-height: 667px) {
    .banner-wheel-kroko-mob, .banner-wheel-talking-mob {display: none}
}

@media screen and (max-width: 360px) and (max-height: 740px) {
    .banner-wheel-kroko-mob {width: 180px}
    .banner-wheel-talking-mob {width: 165px}
}

@media screen and (max-width: 340px) {
    .cart-promo-code-main {padding: 1rem}
}

/* Dima media */
@media (max-width: 925px) {

    .gallery__wrapper {
        grid-template-columns: repeat(7, 1fr);
    }
}

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

    .gallery__wrapper {
        grid-template-columns: repeat(6, 1fr);
    }

}

@media screen and (max-width: 668px) {
    .gallery__wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 568px) {
    .gallery__wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 468px) {
    .gallery__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 400px) {
    .gallery__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MAX-HEIGHT */
@media screen and (max-height: 680px) {
    .banner-wheel-kroko-mob, .banner-wheel-talking-mob {width: 170px}
    .ap-modal-uslugi {
        overflow-y: auto;
    }
}
@media screen and (max-height: 650px) {
    .banner-wheel-kroko-mob, .banner-wheel-talking-mob {display: none}
}


/* todo ANIMATIONS */
@keyframes status-10 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-20 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(20px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-30 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(30px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-40 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(40px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-50 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(50px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-60 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(60px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-70 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(70px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-80 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(80px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-90 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(90px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes status-100 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(100px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes opacity-text {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes jump {
    5% {
        transform: translateY(-10px)
    }
    10% {
        transform: translateY(10px)
    }
    15% {
        transform: translateY(-10px)
    }
    20% {
        transform: translateY(0px)
    }
}

@keyframes jumpTop {
    5% {
        transform: translateY(-10px)
    }
    10% {
        transform: translateY(0px)
    }
    15% {
        transform: translateY(-10px)
    }
    20% {
        transform: translateY(0px)
    }
}

.sendingLetters__modal-window {
    display: none;
    justify-content: center;
    align-items: center;
    width: 40rem;
    height: 20rem;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: 50px;
    border-radius: 0.75rem;
    background: #FFF;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
    flex-direction: column;
    gap: 10px;
}

.mobile-visible {
    display: none;
}

@media (max-width: 600px) {
    .pc-hidden {
        display: none;
    }

    .mobile-visible {
        width: max-content;
        display: flex;
    }
}

.mobile-show {
    display: none;
}

@media (max-width: 765px ) {
    .mobile-show {
        display: block;
    }
}


.not-avai-button {
    width: 100%;
    display: inline-flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    border-radius: 41px;
    background-color: #A14389;
}

.not-available-text {
    color: #FFF;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%
}

.modal-window-avail {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    background-color: #FFF;
    position: fixed;
    top: 35%;
    right: 35%;
    width: 30%;
    padding: 30px;
    border-radius: 12px;
    display: none;
    z-index: 100000;
}

.modal-text {
    color: #501C54;
    text-align: center;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.overlay-avail {
    overflow: initial;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(117, 117, 117, 0.54);
    z-index: 999;
    cursor: pointer;
}

.modal-close-button {
    color: #FFF;
    font-family: Museo Sans Cyrl, sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    padding: 5px;
    border-radius: 30px;
    background: linear-gradient(115deg, #A14389 15.84%, #501C54 172.37%);
    width: 30%;
}

@media (max-width: 1000px ) {
    .modal-window-avail {
        right: 0;
        width: 100%;
    }
}

.snowfall-container {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

@keyframes falling {
    from {
        transform: translateY(-10vh);
    }
    to {
        transform: translateY(110vh);
    }
}

.soundbutton {
    width: 15px;
    height: 15px;
    cursor: pointer;
    transition: .25s ease;
    opacity: 1;
    z-index: 2147483647;
}

.soundbutton.paused {
    opacity: .75;
}