@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/* For old browsers */
@supports (not(--css: variables))
{
    .supports-error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .supports-error
    {
        display: flex !important;
    }
}


/*------------------------
    Fonts
------------------------*/
@font-face
{
    font-family: "Gilroy";
    font-weight: normal;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/Gilroy-Regular.woff") format("woff"),
    url("../fonts/Gilroy-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "PTRoubleSans";
    font-weight: normal;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/PTRoubleSans.woff") format("woff"),
    url("../fonts/PTRoubleSans.ttf") format("truetype");
}


/*------------------
    Reset styles
------------------*/
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body
{
    margin: 0;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    text-decoration-skip: objects;
    text-rendering: optimizeLegibility;
}

body.lock
{
    overflow: hidden;
}

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type=number]
{
    -moz-appearance: textfield;
}

:focus
{
    outline: 0;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


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



/*-------------------
    Global styles
-------------------*/
:root
{
    --font_family: "Raleway", sans-serif;
    --font_family2: "Gilroy", sans-serif;
    --scroll_width: 17px;
}


.clear
{
    clear: both;
}


.left
{
    float: left;
}


.right
{
    float: right;
}


html
{
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
}


@media (min-width: 1025px)
{
    html.custom_scroll,
    html.custom_scroll *
    {
        scrollbar-color: #4F4F4F #FFF;
        scrollbar-width: thin;
    }

    html.custom_scroll ::-webkit-scrollbar
    {
        width: 12px;
        height: 12px;

        background-color: #FFF;
    }

    html.custom_scroll ::-webkit-scrollbar-track
    {
        background-color: #FFF;
    }

    html.custom_scroll ::-webkit-scrollbar-thumb
    {
        border: 2px solid #FFF;
        background-color: #4F4F4F;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}


body
{
    color: #4F4F4F;
    font: 18px var(--font_family);

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    background: #FFF;

    font-variant-numeric: lining-nums proportional-nums;
}

button
{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;

    font-variant-numeric: lining-nums proportional-nums;
}


.wrap
{
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-height: 100%;
}

.main
{
    position: relative;

    flex: 1 0 auto;
}


.cont
{
    position: relative;

    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
}


.lazyload
{
    opacity: 0;

    transition: opacity .5s linear;
}

.lazyload.loaded
{
    opacity: 1;
}


._flex
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

._marg
{
    margin-top: 128px;
}


.supports-error
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    font-family: "Arial", sans-serif;
    font-size: 20px;
    line-height: 30px;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #FFF;
}

.supports-error.show
{
    display: flex;
}

.rub
{
    font-family: "PTRoubleSans" !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1;
}

/*------------
    Header
------------*/
.header
{
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;

    width: 100%;

    background: #FFF;
}

.header-top
{
    padding: 12px 0;

    border-bottom: 1px solid #F5F5F5;
}

.header .cont
{
    position: static;

    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.header__location-link
{
    position: relative;

    color: #4F4F4F;
    font-family: var(--font_family);
    font-size: 14px;
    line-height: normal;

    display: inline-block;

    padding-left: 32px;

    text-decoration: none;

    transition: color .2s linear;
}

.header__location-link::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/ic_marker.svg) 50%/contain no-repeat;
}

.header__location-link span
{
    display: inline-block;

    border-bottom: 1px solid #4F4F4F;

    transition: border-color .2s linear;
}

@media (any-hover: hover)
{
    .header__location-link:hover
    {
        color: #7F5BBA;
    }

    .header__location-link:hover span
    {
        border-color: #7F5BBA;
    }
}


.header-top__links
{
    margin-left: auto;
}

.header-top__link
{
    color: #4F4F4F;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;

    text-decoration: none;

    transition: color .2s linear;
}

.header-top__link + .header-top__link
{
    margin-left: 32px;
}

@media (any-hover: hover)
{
    .header-top__link:hover
    {
        color: #7F5BBA;
    }
}


.header__line
{
    width: 1px;
    height: 20px;
    margin: 0 40px;

    background-color: #4F4F4F;
}

.header__socials
{
    margin-left: -16px;
}

.header__socials-item
{
    color: #4F4F4F;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
    margin-left: 16px;

    text-decoration: none;

    transition: color .2s linear;
}

.header__socials-item svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;

/* stroke: #4F4F4F; */

    fill: currentColor;
}

@media (any-hover: hover)
{
    .header__socials-item:hover svg
    {
        color: #7F5BBA;
    }
}


.header-info
{
    position: relative;
    z-index: 20;

    justify-content: space-between;
    align-content: center;
    align-items: center;

    padding: 32px 0;
}

.header-cats__name-item
{
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;
}

.header-cats__name-item + .header-cats__name-item
{
    margin-left: 32px;
}

.header-cats__name-link
{
    color: #4F4F4F;

    text-decoration: none;
    text-transform: uppercase;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .header-cats__name-link:hover,
    .header-cats__name-link.active
    {
        color: #7F5BBA;
    }
}


.header__logo
{
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;

    width: 166px;

    text-align: center;

    transform: translate(-50%, -50%);
}

.header__logo-img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 50px;
}

.header__logo a,
.header__logo img
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    text-decoration: none;
}

.header__logo-text
{
    color: #B4B4B4;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;

    display: inline-block;

    margin-top: 5px;

    letter-spacing: -.48px;
    text-transform: lowercase;
}


.header-info__box
{
    width: 313px;
    height: 43px;
    margin-left: auto;
}


.mini-modal
{
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;

    visibility: hidden;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear, visibility .2s linear;
}

.mini-modal.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.search-mini-modal
{
    position: relative;
    top: 0;
    left: 0;

    visibility: visible;

    width: 100%;

    pointer-events: auto;

    opacity: 1;
    background: #FFF;
}

.search-mini-modal.show
{
    position: absolute;

    padding: 32px 0;
}

.search-mini-modal.show::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 5000px;
    height: 100%;

    background: #FFF;

    transform: translateX(-50%);
}

.search-mini-modal__top
{
    position: relative;

    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.search-mini-modal-btn
{
    position: relative;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
}

.search-mini-modal-btn svg
{
    display: block;

    width: 24px;
    height: 24px;

    transition: fill .2s linear;
    transition: opacity .2s linear, visibility .2s linear;

    fill: #4F4F4F;
}

@media (any-hover: hover)
{
    .search-mini-modal-btn:hover svg
    {
        fill: #7F5BBA;
    }
}

.search-mini-modal__close
{
    position: relative;

    color: #4F4F4F;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 40px;
    height: 40px;
    margin-left: 16px;

    cursor: pointer;

    transition: color .2s linear;
}

.search-mini-modal__close svg
{
    display: block;

    width: 100%;
    height: 100%;

    stroke: currentColor;
    stroke-width: 2px;
}

@media (any-hover: hover)
{
    .search-mini-modal__close:hover svg
    {
        color: #7F5BBA;
    }
}

.header-search
{
    flex-wrap: nowrap;

    width: 100%;
}

.header-search .header-search__input
{
    color: #4F4F4F;
    font-family: var(--font_family2);
    font-size: 14px;

    display: block;

    width: 100%;
    height: 43px;
    padding: 0 15px 0 50px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8 url(../images/ic_lupa.svg) 15px 50% no-repeat;

    transition: border-color .2s linear;
}

.header-search__submit
{
    position: relative;

    color: #FFF;
    font-size: 16px;

    display: none;
    overflow: hidden;
    flex-shrink: 0;

    width: 253px;
    height: 43px;
    margin-left: 16px;

    text-transform: uppercase;

    border-radius: 5px;
    background: #4F4F4F;
}

.header-search__submit::before
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 0;
    height: 100%;

    border-radius: 5px;
    background-color: #7F5BBA;

    transition: all .3s ease;
}

.header-search__submit span
{
    position: relative;
}

@media (any-hover: hover)
{
    .header-search__submit:hover::before
    {
        left: 0;

        width: 100%;
    }
}

.header-search__input:focus
{
    border-color: #7F5BBA;
}

.search-mini-modal.show .header-search__submit
{
    display: block;
}

.search-mini-modal.show .search-mini-modal__close
{
    display: block;
}

.search-mini-modal__info
{
    position: relative;

    display: none;
    justify-content: space-between;

    margin-top: 40px;
}

.search-mini-modal.show .search-mini-modal__info
{
    display: flex;
}

.search-mini-modal__products
{
    width: 79.76%;
}

.search-mini-modal__title
{
    color: #4F4F4F;
    font-size: 24px;
}

.what-search
{
    width: calc(20.24% - 16px);
    max-width: 290px;
}

.what-search__items
{
    margin-top: 24px;
}

.what-search__link
{
    position: relative;

    color: #4F4F4F;
    font-size: 16px;

    display: block;

    width: 100%;
    padding: 0 28px 15px 0;

    text-align: left;
    text-decoration: none;

    border-bottom: 1px solid #EEEBEA;

    transition: color .2s linear;
}

.what-search__link + .what-search__link
{
    margin-top: 16px;
}

.what-search__link svg
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 18px;
    height: 18px;

    fill: currentColor;
}

@media (any-hover: hover)
{
    .what-search__link:hover
    {
        color: #7F5BBA;
    }
}


.header-info__links
{
    position: relative;
    z-index: 11;
}

.header-info__links-link
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
    margin-left: 32px;

    text-decoration: none;
}

.header-info__links-link svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    transition: stroke .2s linear;

    stroke: #4F4F4F;
    stroke-width: 2.5px;
}

@media (any-hover: hover)
{
    .header-info__links-link:hover svg
    {
        stroke: #7F5BBA;
    }
}

.header-cats__wrapp
{
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;

    visibility: hidden;

    width: 100%;
    padding: 30px 0 40px;

    opacity: 0;
    background-color: #F7F7F8;

    transition: opacity .2s linear, visibility .2s linear;
}

.header-cats__wrapp::after
{
    content: "";

    position: absolute;
    bottom: 100%;
    left: 0;

    display: block;

    width: 100%;
    height: 45px;
    margin-top: 45px;
}

.header-cats__name-item:hover .header-cats__wrapp
{
    visibility: visible;

    opacity: 1;
}

/* .header__wrapp-scroll
{
	max-height: 500px;
	padding-right: 10px;
	
	overflow: hidden;
    overflow-y: auto;
}

@media (min-width: 1025px)
{
    .header__wrapp-scroll::-webkit-scrollbar
    {
        width: 2px;
        height: 2px;

        background-color: #fff;
    }

    .header__wrapp-scroll::-webkit-scrollbar-thumb
    {
        border: 2px solid #4F4F4F;
        background-color: #fff;
    }

    .header__wrapp-scroll
    {
        scrollbar-color: #4F4F4F #fff;
        scrollbar-width: thin;
    }
} */

.header-cats__items
{
    margin-left: -80px;
}

.header-cats__item
{
    flex-grow: 1;

    width: calc(100%/4 - 80px);
    max-width: 382px;
    margin-left: 80px;
}

.header-cats__item_small
{
    max-width: 175px;
}

.header-cats__title
{
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;

    padding-bottom: 8px;

    text-transform: uppercase;

    border-bottom: 1px solid #BFA7D5;
}

.header-cats__title a
{
    color: #4F4F4F;

    text-decoration: none;

    transition: color .2s linear;
}

.header-cats__title-arrow
{
    position: absolute;
    top: 50%;
    right: 5px;

    display: none;

    width: 8px;
    height: 12px;
    margin-top: -6px;
}

.header-cats__title-arrow svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    transition: .2s linear;

    stroke: #4F4F4F;
}

.header-cats__title a.active .header-cats__title-arrow
{
    transform: rotate(-90deg);
}

.header-cats__title a.active .header-cats__title-arrow svg
{
    stroke: #7F5BBA;
}

.header-cats__links
{
    margin-top: 8px;

    column-gap: 32px;
    columns: 2;
}

.header-cats__item_small .header-cats__links
{
    column-gap: 0px;
    columns: 1;
}

.header-cats__link
{
    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    padding-top: 16px;

    letter-spacing: -.48px;

    break-inside: avoid;
    page-break-inside: avoid;
    --webkit-column-break-inside: avoid;
}

.header-cats__link a
{
    color: #B4B4B4;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .header-cats__link a:hover,
    .header-cats__title a:hover svg
    {
        color: #7F5BBA;
    }
}


.header__mob-title
{
    display: none;
}


.header__collections-slider
{
    margin-top: 25px;
}

.header__collections-item
{
    display: block;

    text-decoration: none;
}

.header__collections-img
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 50%;
}

.header__collections-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    transition: transform .2s linear;

    object-fit: cover;
}

.header__collections-name
{
    color: #4F4F4F;
    line-height: 1.33;

    display: block;

    margin-top: 16px;

    letter-spacing: -.54px;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .header__collections-img:hover img
    {
        transform: scale(1.05);
    }

    .header__collections-name:hover
    {
        color: #7F5BBA;
    }
}

.btn-grey.header__collections-btn-grey
{
    position: absolute;
    top: 50%;
    left: 50%;

    white-space: nowrap;

    border: 1px solid #FFF;

    transform: translate(-50%, -50%);
}


.mob-menu-btn
{
    display: none;
    flex-shrink: 0;

    width: 40px;
    height: 40px;
    margin-left: -8px;
    padding: 10px 8px;

    cursor: pointer;

    border: none;
    background: none;
}

.mob-menu-btn span
{
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    background: #4F4F4F;

    transition: .2s linear;
}

.mob-menu-btn span + span
{
    margin-top: 5px;
}

.header__close
{
    position: absolute;
    top: 10px;
    right: 10px;

    display: none;

    width: 30px;
    height: 30px;
}

.header__close::before
{
    content: "";

    position: absolute;
    top: 14px;
    left: 3px;

    display: block;

    width: 24px;
    height: 2px;

    background-color: #4F4F4F;

    transform: rotate(-45deg);
}

.header__close::after
{
    content: "";

    position: absolute;
    top: 14px;
    left: 3px;

    display: block;

    width: 24px;
    height: 2px;

    background-color: #4F4F4F;

    transform: rotate(45deg);
}

.header-cats__btns
{
    display: none;

    margin-left: -8px;
}

.header-cats__btn
{
    color: #4F4F4F;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;
    line-height: 56px;

    display: block;

    width: calc(50% - 8px);
    height: 56px;
    margin-left: 8px;
    padding: 0 37px;

    text-align: center;
    text-transform: uppercase;

    border-radius: 5px;
    background: #FFF;
}

.header-cats__btn.active
{
    color: #7F5BBA;
}

.header-cats__btn.active span
{
    position: relative;

    line-height: normal;

    display: inline-block;

    border-bottom: 1px solid transparent;
}

.header-cats__btn.active span
{
    border-bottom-color: #7F5BBA;
}



.discount-top
{
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;

    color: #FFF;
    font-family: var(--font_family2);
    line-height: normal;

    padding: 14px 0;

    text-align: center;
    letter-spacing: -.54px;

    background-color: #4F4F4F;
}

.discount-top__desc
{
    position: relative;

    padding: 0 34px;
}

.discount-top__btn
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/ic_close.svg) 50%/contain no-repeat;
}
/*------------------------
    Amount
------------------------*/
.amount
{
    overflow: hidden;
}

.amount__val
{
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    width: 88px;
    margin: 0 auto;
}

.amount__btn
{
    position: relative;

    color: #4F4F4F;

    display: block;
    flex-shrink: 0;

    width: 24px;
    height: 24px;

    border: none;
    background: none;

    transition: color .2s linear;
}

.amount__btn svg
{
    display: block;

    width: 100%;
    height: 100%;

    stroke: currentColor;
}

@media (any-hover: hover)
{
    .amount__btn:hover
    {
        color: #7F5BBA;
    }
}

.amount__input
{
    color: #4F4F4F;
    font: 18px var(--font_family);

    display: block;
    flex-shrink: 0;

    width: 40px;
    height: 24px;

    text-align: center;

    border: none;
    background: none;
}


/* datepicker */
.air-datepicker
{
    color: #4F4F4F;
}

.air-datepicker-cell.-current-
{
    color: #7F5BBA;
}

.air-datepicker-cell.-current-.-focus-
{
    color: #7F5BBA;
}

.air-datepicker-cell.-selected-
{
    color: #FFF;

    background: #7F5BBA;
}

.air-datepicker-cell.-selected-.-focus-
{
    color: #FFF;

    background: #4F4F4F;
}

.air-datepicker-cell.-selected-.-current-
{
    color: #FFF;

    background: #7F5BBA;
}

.air-datepicker-cell.-selected-.-focus-
{
    color: #FFF;

    background: #4F4F4F;
}

.air-datepicker-body--day-name
{
    color: #7F5BBA;
}

/*----------------
    Typography
----------------*/
.text-block > :last-child
{
    margin-bottom: 0;
}

.text-block h1,
.text-block .title
{
    color: #4F4F4F;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;

    margin-bottom: 32px;

    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.text-block h2
{
    color: #4F4F4F;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.06;

    margin-bottom: 24px;

    letter-spacing: -1.2px;
    text-transform: uppercase;
}

.text-block p
{
    margin-bottom: 20px;

    letter-spacing: -.54px;
}

.text-block img
{
    display: block;

    max-width: 100%;
    margin-bottom: 20px;

    border-radius: 5px;
}

.text-block ul
{
    margin-bottom: 24px;
}

.text-block ul li
{
    position: relative;

    color: #B4B4B4;

    display: block;

    padding-left: 28px;

    letter-spacing: -.54px;
}

.text-block ul li + li
{
    margin-top: 8px;
}

.text-block ul li::before
{
    content: "";

    position: absolute;
    top: 9px;
    left: 12px;

    width: 3px;
    height: 3px;

    border-radius: 50%;
    background: #B4B4B4;
}

.text-block ol
{
    margin-bottom: 24px;

    counter-reset: li;
}

.text-block ol li
{
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 56px;
    padding-left: 80px;

    list-style: none;
}

.text-block ol li + li
{
    margin-top: 32px;
}

.text-block ol li:before
{
    content: counter(li);

    position: absolute;
    top: 50%;
    left: 0;

    color: #7F5BBA;
    line-height: 54px;

    width: 56px;
    height: 56px;
    margin-top: -28px;

    counter-increment: li;
    text-align: center;

    border: 1px solid #7F5BBA;
    border-radius: 50%;
}

.text-block a
{
    color: currentColor;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: border .2s linear;
}

@media (any-hover: hover)
{
    .text-block a:hover
    {
        border-bottom-color: transparent;
    }
}



/*------------------
    Form elements
------------------*/
::-webkit-input-placeholder
{
    color: #B4B4B4;

    opacity: 1;
}

::-moz-placeholder
{
    color: #B4B4B4;

    opacity: 1;
}

:-moz-placeholder
{
    color: #B4B4B4;

    opacity: 1;
}

:-ms-input-placeholder
{
    color: #B4B4B4;

    opacity: 1;
}


.form_marg
{
    margin-top: 50px;
}

.form__title
{
    color: #383A47;
    font-size: 28px;
    font-weight: 500;

    margin-bottom: 34px;
}

.form__flex
{
    margin-left: -16px;
}

.form__line
{
    margin-bottom: 16px;
}

.form__flex .form__line
{
    width: calc(50% - 16px);
    margin-left: 16px;
}

.form__flex._tree .form__line
{
    width: calc(100%/3 - 16px);
}

.form__flex._five .form__line
{
    width: calc(100%/5 - 16px);
}

.form__label
{
    color: #B4B4B4;
    font-size: 16px;

    margin-bottom: 8px;
}

.form__filed
{
    position: relative;
}

.form .form__input
{
    color: #4F4F4F;
    font: 16px var(--font_family);

    display: block;

    width: 100%;
    height: 53px;
    padding: 0 23px;

    text-transform: uppercase;

    border: 1px solid #B4B4B4;
    border-radius: 5px;
    background: #FFF;

    font-variant-numeric: lining-nums proportional-nums;
}

.form .form__input_grey
{
    border: 1px solid #EEEBEA;
    background: #F7F7F8;
}

.form .form__input_pad
{
    padding-right: 58px;
}

.form #datepicker
{
    background-image: url(../images/ic_date.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 23px) 50%;
}

.form .form__textarea
{
    color: #4F4F4F;
    font: 18px var(--font_family);

    display: block;

    width: 100%;
    height: 180px;
    padding: 23px;

    resize: none;
    text-transform: uppercase;

    border: 1px solid #B4B4B4;
    border-radius: 5px;
    background: #FFF;

    font-variant-numeric: lining-nums proportional-nums;
}

.form .form__input:focus,
.form .form__textarea:focus
{
    border-color: #7F5BBA;
}

.form .form__input:active,
.form .form__textarea:active
{
    border-radius: 5px;
}


.form .error,
.form .error + .nice-select .current
{
    color: #EFAC7C;

    border-color: #EFAC7C;
}


.form .form__input:disabled,
.form .form__textarea:disabled
{
    color: #4F4F4F;

    cursor: default;
    pointer-events: none;

    border: 1px solid #B4B4B4;
    background: #F7F7F8;
}


.form .error-text
{
    color: #EFAC7C;
    font-size: 12px;

    margin-top: 10px;
}

.btn-edit
{
    position: absolute;
    top: 0;
    right: 0;

    color: #7F5BBA;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 48px;
    height: 53px;

    border-radius: 0 5px 5px 0;

    transition: color .2s linear;
}

.btn-edit.active
{
    display: none;
}

.btn-edit svg
{
    display: block;

    width: 24px;
    height: 24px;

    stroke: currentColor;
    stroke-width: 2px;
}

@media (any-hover: hover)
{
    .btn-edit:hover
    {
        color: #4F4F4F;
    }
}


.form__agree
{
    color: #B4B4B4;
    font-size: 14px;

    max-width: 472px;
    margin-top: 16px;
}

.form__agree a
{
    color: #B4B4B4;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .form__agree a:hover
    {
        color: #4F4F4F;
    }
}


.checkbox input[type=checkbox]
{
    display: none;
}

.checkbox__label
{
    position: relative;

    display: inline-block;

    vertical-align: top;
}

.checkbox__text
{
    position: relative;

    font-size: 16px;
    line-height: normal;

    display: block;

    padding: 7px 0 6px 48px;

    cursor: pointer;

    transition: .2s linear;
}

.checkbox__text a
{
    color: #4F4F4F;

    text-decoration: none;

    border-bottom: 1px solid #4F4F4F;

    transition: color .2s linear, border-bottom-color .2s linear;
}


@media (any-hover: hover)
{
    .checkbox__text a:hover
    {
        color: #4F4F4F;

        border-bottom-color: #4F4F4F;
    }
}

.checkbox__text::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 32px;
    height: 32px;

    cursor: pointer;

    border: 1px solid rgba(180, 180, 180, .40);
    border-radius: 5px;
}

.checkbox__text::after
{
    content: "";

    position: absolute;
    top: 6px;
    left: 12px;

    width: 9px;
    height: 16px;

    cursor: pointer;

    opacity: 0;
    border: 2px solid #4F4F4F;
    border-top: none;
    border-left: none;

    transition: opacity .2s linear;
    transform: rotate(45deg);
}

input[type=checkbox]:checked + .checkbox__text::after
{
    opacity: 1;
}


.radio-info input[type=radio]
{
    display: none;
}

.radio-info__label
{
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    min-height: 100%;
}

.radio-info__text
{
    position: relative;

    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    display: block;

    width: 100%;
    padding: 15px;

    cursor: pointer;

    border: 1px solid #B4B4B4;
    border-radius: 5px;

    transition: border .2s linear, color .2s linear;
}

input[type=radio]:checked + .radio-info__text
{
    border: 1px solid #7F5BBA;
    background: #F7F7F8;
}

.radio-info__top
{
    flex-wrap: nowrap;
}

.radio-info__icon
{
    color: #7F5BBA;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 40px;
    height: 40px;
    margin-right: 17px;
    padding: 7px;

    border: 1px solid #7F5BBA;
    border-radius: 5px;
    background: #FFF;

    transition: background .2s linear, color .2s linear;
}

input[type=radio]:checked + .radio-info__text .radio-info__icon
{
    color: #FFF;

    background: #7F5BBA;
}

.radio-info__icon svg
{
    display: block;

    width: 24px;
    height: 24px;

    fill: currentColor;
    stroke: currentColor;
}

.radio-info__box
{
    display: block;
    align-self: center;

    width: 100%;
}

.radio-info__name
{
    color: #4F4F4F;
    font-size: 18px;

    display: block;
}

.radio-info__price
{
    font-size: 18px;

    display: block;

    margin-top: 8px;
}

input[type=radio]:checked + .radio-info__text .radio-info__price
{
    color: #4F4F4F;
}

.radio-info__desc
{
    display: block;

    margin-top: 16px;
}


.radios .radio + .radio
{
    margin-top: 15px;
}

.radio input[type=radio]
{
    display: none;
}

.radio__label
{
    position: relative;

    display: block;
}

.radio__text
{
    position: relative;

    font-weight: 400;
    line-height: 1.2;

    display: inline-block;

    padding-left: 28px;

    cursor: pointer;
    vertical-align: top;

    transition: .2s linear;
}

.radio__text::before
{
    content: "";

    position: absolute;
    top: -1px;
    left: 0;

    width: 23px;
    height: 23px;

    cursor: pointer;

    border: 1px solid #D0D0D0;
    border-radius: 50%;

    transition: .2s linear;
}

input[type=radio]:checked + .radio__text::before
{
    background: #FFAE02;
    box-shadow: inset 0 0 0 3px #FFF;
}


.select-wrap
{
    position: relative;
}

.select-wrap select
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.select-wrap .nice-select
{
    position: relative;

    display: block;
}

.select-wrap .nice-select.disabled
{
    pointer-events: none;
}

.select-wrap .nice-select.open
{
    z-index: 11;
}

.select-wrap .nice-select .current
{
    position: relative;
    z-index: 4;

    color: #222629;
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;

    display: block;
    overflow: hidden;

    min-width: 192px;
    height: 50px;
    padding: 0 42px 0 19px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #D0D0D0;
    border-radius: 5px;
    background: #F7F9FB;

    transition: border .2s linear;
}

.select-wrap .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 22px;

    width: 12px;
    height: 7px;
    margin-top: -2px;

    background: url(../images/arrow2.svg) 50%/contain no-repeat;
}

.select-wrap .nice-select.open .current:after
{
    transform: rotate(180deg);
}

.select-wrap .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 5px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    pointer-events: none;

    opacity: 0;
    border-radius: 5px;
    background: #F7F9FB;
    box-shadow: 0px 8px 27px #D0D0D0;

    transition: opacity .2s linear;
}

.select-wrap .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.select-wrap .nice-select .list .scrollbar
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 344px;
}

.select-wrap .nice-select .list .list_item
{
    position: relative;

    color: #222629;
    font-size: 16px;
    font-weight: 400;

    padding: 10px 20px;

    cursor: pointer;

    transition: color .2s linear;
}

.select-wrap .nice-select .list .list_item:empty
{
    display: none;
}

.select-wrap .nice-select .list .list_item:hover,
.select-wrap .nice-select .list .list_item.selected
{
    color: #FFAE02;
}


.select-number
{
    position: relative;
}

.select-number select
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.select-number .nice-select
{
    position: relative;

    display: block;
}

.select-number .nice-select.disabled
{
    pointer-events: none;
}

.select-number .nice-select.open
{
    z-index: 11;
}

.select-number .nice-select .current
{
    position: relative;
    z-index: 4;

    color: #4F4F4F;
    font-size: 18px;
    line-height: 38px;

    display: block;
    overflow: hidden;

    height: 40px;
    padding: 0 51px 0 15px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #B4B4B4;
    border-radius: 5px;
    background: transparent;

    transition: border .2s linear;
}

.select-number .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 23px;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/ic_arrow2.svg) 50%/contain no-repeat;
}

.select-number .nice-select.open .current:after
{
    transform: rotate(180deg);
}

.select-number .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 5px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    pointer-events: none;

    opacity: 0;
    border: 1px solid #B4B4B4;
    border-radius: 5px;
    background: #FFF;

    transition: opacity .2s linear;
}

.select-number .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.select-number .nice-select .list .scrollbar
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 344px;
}

.select-number .nice-select .list .list_item
{
    position: relative;

    color: #4F4F4F;
    font-size: 18px;
    line-height: 20px;

    padding: 10px 15px;

    cursor: pointer;

    transition: color .2s linear;
}

.select-number .nice-select .list .list_item:empty
{
    display: none;
}

.select-number .nice-select .list .list_item:hover,
.select-number .nice-select .list .list_item.selected
{
    color: #7F5BBA;
}


/* tabs */

.tabs
{
    height: 50px;
    padding: 4px;

    border-radius: 24px;
    background: #F0F0F0;
}

.tabs__button
{
    color: #5F5F5F;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;

    flex-grow: 1;

    height: 42px;
    padding: 10px 20px;

    border-radius: 24px;
    background: transparent;

    transition: background .2s linear, color .2s linear;
}

@media (any-hover: hover)
{
    .tabs__button:hover
    {
        color: #FFF;

        background: #222629;
    }
}

.tabs__button.active
{
    color: #FFF;

    background: #222629;
}

.tab-content
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    opacity: 0;
}

.tab-content.active
{
    visibility: visible;
    overflow: visible;

    height: auto;

    opacity: 1;

    transition: opacity .5s linear;
}

/*---------------
	Page head
---------------*/
.page-head
{
    margin-bottom: 32px;
    padding-top: 15px;

    border-top: 1px solid #F5F5F5;
}

.page-head_abs
{
    position: relative;

    color: #FFF;

    overflow: hidden;

    min-height: 527px;
    padding: 109px 0;

    border-radius: 64px;
}

.page-head__bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.page-head_abs::after
{
    content: "";

    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background-color: rgba(34, 38, 41, .55);
}

.page-head_abs::before
{
    content: "";

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background: linear-gradient(156deg, rgba(0, 0, 0, .26) 0%, rgba(217, 217, 217, .00) 100%);
}

.page-head_abs .cont
{
    z-index: 3;
}

.global-title
{
    color: #B4B4B4;
    line-height: normal;

    margin-bottom: 24px;

    text-transform: uppercase;
}

.global-title_white
{
    color: #FFF;
}

.small-globaltitle
{
    color: #7F5BBA;
    font-size: 14px;

    margin-bottom: 16px;

    text-transform: uppercase;
}

.small-globaltitle_center
{
    text-align: center;
}

.main-subtitle
{
    font-size: 24px;

/* font-style: italic; */
    line-height: normal;

    letter-spacing: -.72px;
}

.main-subtitle_marg
{
    margin-top: 16px;
}

.main-title
{
    font-size: 48px;
    font-weight: 700;
    line-height: normal;

    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.main-title_center
{
    text-align: center;
}

.main-title span
{
    color: #7F5BBA;
}

.main-title_white
{
    color: #FFF;
}

.small-title
{
    color: #4F4F4F;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.06;

    letter-spacing: -1.2px;
    text-transform: uppercase;
}

.small-title_center
{
    text-align: center;
}


.page-title
{
    font-size: 48px;
    font-weight: 700;
    line-height: normal;

    letter-spacing: -1.44px;
    text-transform: uppercase;
}


.section-head
{
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.section-head__link
{
    color: #7F5BBA;
    font-size: 16px;
    line-height: normal;

    text-transform: uppercase;
}

.section-head__link a
{
    position: relative;

    color: #7F5BBA;

    display: inline-block;

    padding-right: 25px;

    text-decoration: none;

    transition: color .2s linear;
}

.section-head__link svg
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 8px;
    height: 14px;
    margin-top: -7px;

    stroke: currentColor;
}

@media (any-hover: hover)
{
    .section-head__link a:hover
    {
        color: #4F4F4F;
    }
}



.page-content
{
    margin-top: 30px;
}

.page-content__flex
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;

    margin-top: 50px;
}

.page-content__content
{
    width: calc(100% - 380px);
}

.aside
{
    width: 340px;
}

.btn-close
{
    position: relative;

    display: block;
    display: none;

    width: 30px;
    height: 30px;
    margin-bottom: 15px;
    margin-left: auto;
}

.btn-close::before
{
    content: "";

    position: absolute;
    top: 14px;
    left: 3px;

    display: block;

    width: 24px;
    height: 2px;

    background-color: #4F4F4F;

    transform: rotate(-45deg);
}

.btn-close::after
{
    content: "";

    position: absolute;
    top: 14px;
    left: 3px;

    display: block;

    width: 24px;
    height: 2px;

    background-color: #4F4F4F;

    transform: rotate(45deg);
}


.overlay
{
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .4);
}
/*--------------
    Fancybox
--------------*/
.compensate-for-scrollbar
{
    padding-right: var(--scroll_width) !important;
}

.fancybox__backdrop
{
    background: rgba(0, 0, 0, .6);
}

.fancybox__content
{
    color: #252323;
}

.fancybox__slide
{
    padding: 16px;
}

.fancybox__slide.has-video
{
    padding-top: 60px;
}

.fancybox__content > .carousel__button.is-close
{
    top: 14px;
    right: 14px;

    color: #4F4F4F;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 40px;
    height: 40px;
    padding: 0;

    border: none;
    outline: none;
    background: none;
    box-shadow: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .fancybox__content > .carousel__button.is-close:hover
    {
        color: #7F5BBA;
    }
}

.fancybox__content > .carousel__button.is-close svg
{
    width: 100%;
    height: 100%;

    outline: none !important;

    fill: none;
    filter: none;
    stroke: currentColor;
    stroke-width: 3px;
}

.fancybox__content :focus
{
    outline: none !important;
    box-shadow: none !important;
}

.fancybox__button--thumbs,
.fancybox__button--zoom
{
    display: none;
}

.fancybox__thumbs
{
    display: none;
}



/*------------------------
	Slider controls
------------------------*/
.swiper
{
    position: relative;

    margin-right: 0;
    margin-left: 0;
}

.swiper_visible
{
    overflow: visible;
}

.swiper-overflow
{
    overflow: hidden;
}

.swiper-wrapper
{
    height: auto;
}

.slider-button-prev,
.slider-button-next
{
    position: absolute;
    z-index: 10;
    top: 50%;

    display: flex;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 56px;
    height: 56px;
    margin-top: -28px;

    cursor: pointer;

    border: 1px solid #FFF;
    border-radius: 5px;
    background: rgba(79, 79, 79, .20);

    transition: background .2s linear;

    -webkit-backdrop-filter: blur(38px);
            backdrop-filter: blur(38px);
}

@media (any-hover: hover)
{
    .slider-button-prev:hover,
    .slider-button-next:hover
    {
        z-index: 11;

        background: rgba(127, 91, 186, .20);
    }
}

.slider-button-prev svg,
.slider-button-next svg
{
    display: block;

    width: 32px;
    height: 32px;

    transition: fill .2s linear;

    fill: #FFF;
    stroke: #FFF;
}

.slider-button-prev
{
    left: 16px;

    transform: rotate(180deg);
}

.slider-button-next
{
    right: 16px;
}

.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .3;
}

.slider-button-prev.swiper-button-disabled::before,
.slider-button-next.swiper-button-disabled::before
{
    opacity: 0;
}

.swiper-button-lock
{
    display: none;
}

.slider-pagination
{
    position: relative;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    max-width: none;
    height: 10px;
    margin-top: 50px;
    padding: 0;

    text-align: center;

    transition: 300ms opacity, 300ms visibility;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
    bottom: 0;
}

.slider-pagination.swiper-pagination-lock,
.slider-progressbar.swiper-pagination-lock
{
    display: none !important;
}

.slider-dot
{
    position: relative;

    display: block;

    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;

    border: 1px solid #4F4F4F;
    border-radius: 5px;
    background-color: transparent;
    box-shadow: none;

    transition: background .2s linear;

    appearance: none;
}

.slider-pagination._white
{
    position: absolute;
    bottom: 32px;

    margin-top: 0;
}

.slider-pagination._white .slider-dot
{
    border: 1px solid #FFF;
    background: #FFF;

    transition: width .2s linear, border-color .2s linear, background .2s linear;
}

.slider-dot + .slider-dot
{
    margin-left: 7px;
}

.slider-pagination-clickable .slider-dot
{
    cursor: pointer;
}


@media (min-width: 1025px)
{
    @media (any-hover: hover)
    {
        .slider-dot:hover
        {
            border-color: #7F5BBA;
            background: #7F5BBA;
        }
    }
}

.slider-dot.slider-dot_active
{
    border-color: #7F5BBA;
    background-color: #7F5BBA;
}

.slider-pagination._white .slider-dot.slider-dot_active
{
    width: 26px;

    border-color: #FFF;
    border-radius: 5px;
    background-color: #FFF;
}

.swiper-pagination-progressbar.slider-progressbar
{
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 133px;
    margin-left: -695px;

    background: transparent;

    transform: translateY(11px);
}

.swiper-pagination-progressbar.slider-progressbar::before
{
    content: "";

    position: absolute;
    top: 1px;
    left: 0;

    width: 100%;
    height: 2px;

    border-radius: 2px;
    background: #ACACAE;
}

.swiper-pagination-progressbar.slider-progressbar .swiper-pagination-progressbar-fill
{
    border-radius: 2px;
    background: #EFAC7C;
}

.slider-number
{
    position: absolute;
    z-index: 11;
    top: calc(50% - 80px);
    left: 50%;

    color: #FFAE02;
    font-family: var(--font_family2);
    font-weight: 700;
    line-height: 1.2;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    margin-left: -645px;

    text-transform: uppercase;

    opacity: 0;

    transition: opacity .2s linear;
}

.swiper-initialized .slider-number
{
    opacity: 1;
}

.slider-number__active
{
    color: #F7F9FB;
    font-size: 48px;

    letter-spacing: .48px;
}

.slider-number__all
{
    font-size: 15px;

    margin-top: 11px;
    margin-left: 5px;

    letter-spacing: .15px;
}

.slider-number__sep
{
    font-size: 15px;
    line-height: 1.6;

    align-self: flex-end;

    margin-bottom: 6px;
    margin-left: 5px;

    letter-spacing: .15px;
    text-transform: uppercase;
}
/*------------
    pagination
------------*/
.pagination
{
    justify-content: center;
    align-content: center;
    align-items: center;

    margin-top: 64px;
}

.pagination > *
{
    margin-left: 24px;
}

.pagination a
{
    position: relative;

    color: #4F4F4F;
    color: #4F4F4F;
    font-size: 16px;
    line-height: 53px;

    width: 53px;
    height: 53px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid #B4B4B4;
    border-radius: 5px;

    transition: border-color .2s linear;
}

@media (any-hover: hover)
{
    .pagination a:hover
    {
        border-color: #7F5BBA;
    }
}

.pagination .pagination__active
{
    color: #FFF;

    background: #7F5BBA;
}

.pagination a.disabled
{
    display: none;
}

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

.pagination__dot span
{
    display: block;

    width: 6px;
    height: 6px;

    border-radius: 50%;
    background: #B4B4B4;
}

.pagination__dot span + span
{
    margin-left: 6px;
}

.pagination__prev,
.pagination__next
{
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.pagination__prev
{
    margin-right: auto;
}

.pagination__next
{
    margin-left: auto;
}

.pagination a.pagination__prev,
.pagination a.pagination__next
{
    line-height: normal;

    width: auto;
    height: auto;

    cursor: pointer;

    border: none;
    border-radius: 0;
}


.pagination__prev svg,
.pagination__next svg
{
    display: block;

    width: 8px;
    height: 14px;

    transition: stroke .2s linear;

    stroke: #4F4F4F;
}

.pagination__prev svg
{
    margin-right: 17px;

    transform: rotate(180deg);
}

.pagination__next svg
{
    margin-left: 17px;
}

.pagination__prev
{
    margin-left: 0;
}

@media (any-hover: hover)
{
    .pagination__prev:hover,
    .pagination__next:hover
    {
        color: #7F5BBA;
    }

    .pagination__prev:hover svg,
    .pagination__next:hover svg
    {
        stroke: #7F5BBA;
    }
}


/*------------
    breadcrumbs
------------*/
.breadcrumbs
{
    color: #5F5F5F;
    font-size: 16px;
    line-height: normal;

    padding-top: 32px;

    letter-spacing: -.48px;
}

.breadcrumbs__sep
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 6px;
    height: 6px;
    margin: 0 12px;

    vertical-align: middle;

    border-radius: 50%;
    background-color: #7F5BBA;
}

.breadcrumbs a
{
    color: #B4B4B4;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .breadcrumbs a:hover
    {
        color: #7F5BBA;
    }
}

.page-head__main-title
{
    max-width: 1300px;
    margin-top: 32px;
}

/* BTNS */
.wrap-btn_center
{
    text-align: center;
}

.wrap-btn_marg
{
    margin-top: 32px;
}

.btn-grey
{
    position: relative;

    color: #FFF;
    font-size: 16px;
    line-height: 53px;

    display: inline-block;

    padding: 0 64px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 5px;
    background-color: #4F4F4F;
}

.btn-grey span
{
    position: relative;
    z-index: 1;
}

.btn-grey::after
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 0;
    height: 100%;

    border-radius: 5px;
    background-color: #7F5BBA;

    transition: all .3s ease;
}


.btn-violet
{
    position: relative;

    color: #FFF;
    font-size: 16px;
    line-height: 65px;

    display: inline-block;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border: none;
    border-radius: 5px;
    background: #7F5BBA;

    transition: background .2s linear, color .2s linear;
}

.btn-violet_small
{
    line-height: 53px;
}

.btn-violet::before,
.btn-violet::after
{
    content: "";

    position: absolute;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    transition: clip-path .3s linear;
}

.btn-violet::before
{
    border-right: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.btn-violet::after
{
    border-top: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.btn-violet__name::before,
.btn-violet__name::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    transition: clip-path .3s linear;
}

.btn-violet__name::before
{
    border-left: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.btn-violet__name::after
{
    border-bottom: 2px solid #7F5BBA;

    transition-delay: .3s;

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

@media (any-hover: hover)
{
    .btn-violet:hover
    {
        color: #7F5BBA;

        background: #F7F7F8;
    }

    .btn-violet:hover:before
    {
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
    }

    .btn-violet:hover:after
    {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .btn-violet:hover .btn-violet__name:before
    {
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
    }

    .btn-violet:hover .btn-violet__name::after
    {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.btn-opacity
{
    color: #FFF;
    font-size: 16px;
    line-height: 51px;

    display: inline-block;

    padding: 0 63px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid #FFF;
    border-radius: 5px;
    background: rgba(180, 180, 180, .20);

    transition: background .2s linear;

    -webkit-backdrop-filter: blur(38px);
            backdrop-filter: blur(38px);
}

@media (any-hover: hover)
{
    .btn-grey:hover::after
    {
        left: 0;

        width: 100%;
    }

    .btn-opacity:hover
    {
        background: rgba(127, 91, 186, .20);
    }
}


.link-more
{
    color: #7F5BBA;
    font-size: 16px;
    line-height: 22px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    transition: color .2s linear;
}

.link-more span
{
    position: relative;

    display: inline-block;

    padding-top: 2px;
    padding-right: 32px;

    vertical-align: top;
}

.link-more svg
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    stroke: currentColor;
}

@media (any-hover: hover)
{
    .link-more:hover
    {
        color: #4F4F4F;
    }
}


/* main-slider */

.main-slider
{
    background: #F7F7F8;
}

.main-slider__slider
{
    padding: 0 33.642%;
}

.main-slider__slider .slider-pagination
{
    display: none;
}

.main-slider__img
{
    position: relative;

    display: block;

    padding-bottom: 135.85%;
}

.main-slider__img::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .05;
    border-radius: 5px;
    background: #000;
}

.main-slider__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}


.main-slider__btn
{
    position: absolute;
    z-index: 12;
    bottom: 24px;
    left: 0;

    width: 100%;

    text-align: center;
}

/* categories */

.categories__items
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.categories__item
{
    position: relative;

    color: #4F4F4F;

    display: block;
    overflow: hidden;

    width: calc(50% - 8px);

    text-decoration: none;

    border-radius: 5px;
}

.categories__item:nth-child(even)
{
    text-align: right;
}

.categories__bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.categories__woman-img
{
    position: absolute;
    top: -22px;
    right: -127px;

    display: block;

    min-width: 128px;
    max-width: 536px;
    min-height: 23px;
}

.categories__man-img
{
    position: absolute;
    top: -13px;
    left: 17px;

    display: block;

    min-width: 128px;
    max-width: 399px;
    min-height: 23px;
}

.categories__wrapp
{
    position: relative;
    z-index: 1;

    display: block;

    padding-bottom: 63%;
}

.categories__box
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 40px;
}

.categories__top
{
    display: block;
    flex: 1 0 auto;
}

.categories__date
{
    color: #B4B4B4;
    line-height: normal;

    display: block;

    margin-bottom: 16px;

    text-transform: uppercase;
}

.categories__main-title
{
    display: block;
}

@media (any-hover: hover)
{
    .categories__item:hover .btn-grey::after
    {
        left: 0;

        width: 100%;
    }
}



/* about */

.about__wrapp
{
    position: relative;

    padding-top: 88px;
}

.about-img
{
    position: absolute;
}

.about-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
    object-position: 50% 0;
}

.about-img1
{
    top: 0;
    left: 0;

    width: 23.15%;
}

.about-img1 .about-img__box
{
    padding-bottom: 134.7%;
}

.about-img2
{
    top: 38.7%;
    left: 13.1%;

    width: calc(15% + 1px);
}

.about-img2 .about-img__box
{
    padding-bottom: calc(100% + 2px);
}

.about-img3
{
    z-index: 1;
    top: 8%;
    right: 0;

    width: 17.23%;
}

.about-img3 .about-img__box
{
    padding-bottom: 99.3%;
}

.about-img4
{
    top: 26%;
    right: 9.5%;

    width: 15.81%;
}

.about-img4 .about-img__box
{
    padding-bottom: 108.3%;
}


.about__block
{
    position: relative;
    z-index: 5;

    width: 50%;
    max-width: 760px;
    margin: 0 auto;

    text-align: center;
}

.about__main-subtitle
{
    margin-top: 16px;
}

.about__desc
{
    color: #B4B4B4;
    line-height: normal;

    width: 100%;
    max-width: 526px;
    margin: 40px auto 0;

    letter-spacing: -.54px;
}

.about__link
{
    margin-top: 40px;
}

/* subscribe */

.subscribe__wrapp
{
    position: relative;

    overflow: hidden;

    padding: 79px 39px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F6F5F5;
}

.subscribe__logo
{
    position: absolute;
    top: 0;
    left: -56px;

    display: block;

    min-width: 57px;
    max-width: 100%;
    max-height: 100%;
}

.subscribe__woman
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    display: block;

    width: 37.35%;
}

.subscribe__info
{
    position: relative;
    z-index: 2;

    width: 57.8%;
}

.subscribe__desc
{
    color: #B4B4B4;
    line-height: normal;

    margin-top: 16px;

    letter-spacing: -.54px;
}

.subscribe-form
{
    flex-wrap: nowrap;

    margin-top: 40px;
}

.subscribe-form__line
{
    width: 100%;
}

.form .subscribe-form__input
{
    border-color: #4F4F4F;
}

.subscribe-form__submit
{
    flex-shrink: 0;

    margin-left: 16px;
}


/* cats-cloth */

.cats-cloth__grid
{
    margin: calc(var(--cats_cloth_marg)*-1) 0 0 calc(var(--cats_cloth_marg)*-1);

    --cats_cloth_marg: 16px;
    --cats_cloth_number: 4;
}

.cats-cloth__grid .cats-cloth__item
{
    width: calc(100%/var(--cats_cloth_number) - var(--cats_cloth_marg));
    margin: var(--cats_cloth_marg) 0 0 var(--cats_cloth_marg);
}

.cats-cloth__item
{
    position: relative;

    color: #FFF;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.16;

    overflow: hidden;

    text-align: center;
    text-decoration: none;
    letter-spacing: -1.44px;
    text-transform: uppercase;

    border-radius: 5px;
}

.cats-cloth__box
{
    position: relative;

    display: block;

    padding-bottom: 145.1%;
}

.cats-cloth__box img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.cats-cloth__name
{
    position: absolute;
    top: 50%;
    left: 0;

    display: none;

    width: 100%;
    padding: 30px;

    transform: translateY(-50%);
}

.cats-cloth__name span
{
    position: relative;

    display: inline-block;
}

.cats-cloth__name span::after
{
    content: "";

    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 0;
    height: 2px;

    background-color: #FFF;

    transition: width .2s linear;
}

@media (any-hover: hover)
{
    .cats-cloth__item:hover .cats-cloth__name span::after
    {
        left: 0;

        width: 100%;
    }
}


/* new-collection */

.new-collection
{
    align-content: center;
    align-items: center;
}

.new-collection__box
{
    width: 59.3%;
}

.new-collection__img
{
    position: relative;

    padding-bottom: 62.4%;
}

.new-collection__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.new-collection__wrapp
{
    width: 40.7%;
    padding: 0 40px;
}

.new-collection__info
{
    max-width: 590px;
    margin-right: auto;

    text-align: center;
}

.new-collection__desc
{
    color: #B4B4B4;
    line-height: normal;

    max-width: 502px;
    margin: 40px auto 0;

    letter-spacing: -.54px;
}

.new-collection__link
{
    margin-top: 40px;
}


/* season-section */

.season-section__items
{
    justify-content: space-between;
}

.season-section__item
{
    position: relative;

    overflow: hidden;

    width: calc(100%/2 - 10px);

    border-radius: 5px;
}

.season-section__box
{
    position: relative;

    padding-bottom: 75%;
}

.season-section__box img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 120%;

    border-radius: 5px;

    object-fit: cover;
}

.season-section__info
{
    position: absolute;
    bottom: 0;
    left: 0;

    padding: 32px;
}

.season-section__block
{
    color: #FFF;

    display: inline-block;

    padding: 32px;

    text-transform: uppercase;

    border: 1px solid #FFF;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);

    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.season-section__tag
{
    line-height: normal;

    display: block;
}

.season-section__name
{
    font-size: 48px;
    font-weight: 700;
    line-height: normal;

    display: block;

    margin-top: 24px;

    letter-spacing: -1.44px;
}

.season-section__link
{
    width: 100%;
    margin-top: 20px;
}

/* inner-slider */
.inner-slider .slider-pagination
{
    display: none;
}

.inner-slider__global-title
{
    margin-left: 6px;
}

.inner-slider .cont
{
    display: block;
}

.inner-slider__item
{
    position: relative;

    color: #FFF;

    display: block;

    padding-bottom: 42.4%;
}

.inner-slider__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.inner-slider__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.inner-slider__box
{
    position: absolute;
    bottom: 40px;
    left: 0;

    display: block;

    width: 100%;

    pointer-events: none;
}

.inner-slider__name
{
    font-size: 104px;
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-top: 16px;

    letter-spacing: -3.12px;
    text-transform: uppercase;
}

.inner-slider__cursor
{
    display: none;
}

.inner-slider__cursor.hide
{
    display: none;
}

@media (min-width: 1025px)
{
    .inner-slider__wrap
    {
        overflow: hidden;

        transition: transform .5s ease-in-out;
    }

    .drag .inner-slider__wrap
    {
        transform: scale(.85);
    }

    .inner-slider__cursor
    {
        position: absolute;
        z-index: 11;

        display: block;

        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;

        pointer-events: none;

        opacity: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .2);
        box-shadow: 0 0 0 5px rgba(0, 0, 0, .05);

        transition: transform ease-in-out .2s, background ease-in-out .2s, opacity ease-in-out .2s;
        transform: translateZ(0);
    }

    .drag .inner-slider__cursor
    {
        opacity: 1;
    }

    .inner-slider__cursor:before,
    .inner-slider__cursor:after
    {
        content: "";

        position: absolute;
        top: 10px;
        left: 52px;

        opacity: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid rgba(255, 255, 255, .5);

        transition: left ease-in-out .1s, opacity ease-in-out .2s;
    }

    .inner-slider__cursor:after
    {
        left: -27px;

        border-right: 6px solid rgba(255, 255, 255, .5);
        border-left: none;
    }

    .drag .inner-slider__cursor
    {
        background: rgba(255, 255, 255, .4);

        transform: scale(.7) translateZ(0);
    }

    .drag .inner-slider__cursor:before,
    .drag .inner-slider__cursor:after
    {
        left: 49px;

        opacity: 1;
    }

    .drag .inner-slider__cursor:after
    {
        left: -24px;
    }

    .drag,
    .drag .inner-slider__item
    {
        cursor: none;
    }

    @media (pointer: coarse)
    {
        .inner-slider__cursor
        {
            display: none;
        }
    }
}


/* products */

.products__slider
{
    margin-top: 40px;
}

.product__thumb
{
    position: relative;
}

.product__images
{
    position: relative;

    display: block;

    padding-bottom: 140.1%;

    text-decoration: none;
}

.products_inner .product__images
{
    padding-bottom: 132%;
}

.product__images-box
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.products__grid
{
    margin: -40px 0 0 calc(var(--products_marg)*-1);

    --products_marg: 16px;
    --products_number: 3;
}

.products__grid .product
{
    width: calc(100%/var(--products_number) - var(--products_marg));
    margin: 40px 0 0 var(--products_marg);
}

.products__grid_search
{
    margin-top: -16px;

    --products_number: 4;
}

.products__grid_search .product:nth-child(n + 5)
{
    display: none;
}

.products__grid_favorite
{
    --products_number: 5;
}

.product__images-item
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear;
}

.product__images-item.active
{
    pointer-events: auto;

    opacity: 1;
}

.product__images-item img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
    object-position: top;
}

.product__images-dots
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;
}

.product__images-dot
{
    position: relative;

    flex: 1;

    height: 100%;
}


.favorite-btn
{
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 24px;

    display: block;

    width: 32px;
    height: 32px;
}

.products_inner .favorite-btn
{
    top: 16px;
    right: 16px;

    width: 24px;
    height: 24px;
}

.favorite-btn svg
{
    display: block;

    width: 100%;
    height: 100%;

    transition: opacity .2s linear;

    stroke: #7F5BBA;
    stroke-width: 2px;
}

@media (any-hover: hover)
{
    .favorite-btn:hover svg
    {
        opacity: 0;
    }

    .favorite-btn_delete.active:hover svg
    {
        opacity: 1;

        stroke: #4F4F4F;
    }
}

.favorite-btn.active svg
{
    opacity: 0;
}

.favorite-btn:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: url(../images/ic_favoriteA.svg) 50%/contain no-repeat;

    transition: opacity .2s linear;
}

@media (any-hover: hover)
{
    .favorite-btn:hover:after
    {
        opacity: 1;
    }

    .favorite-btn_delete.active:hover:after
    {
        opacity: 0;
    }
}

.favorite-btn.active:after
{
    opacity: 1;
}


.product__sizes
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    padding: 16px;

    text-align: center;

    opacity: 0;

    transition: opacity .2s linear, visibility .2s linear;
}

.product__sizes-box
{
    display: inline-block;
}

.product__sizes-flex
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    padding: 8px;

    border: 1px solid #FFF;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);

    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.product__size
{
    position: relative;

    color: #4F4F4F;
    font-size: 16px;
    line-height: 35px;

    display: block;

    min-width: 35px;
    height: 35px;
    padding: 0 5px;

    text-align: center;
    text-decoration: none;

    border-radius: 5px;

    transition: background .2s linear, color .2s linear;
}


.product__size:hover
{
    color: #FFF;

    background: #7F5BBA;
}

.product:hover .product__sizes
{
    visibility: visible;

    opacity: 1;
}


.product__colors
{
    margin-left: -8px;
}

.product__color
{
    position: relative;

    width: 24px;
    height: 24px;
    margin: 8px 0 0 8px;
    padding: 3px;

    border: 1px solid #B4B4B4;
    border-radius: 50%;
    background-color: #FFF;

    transition: border-color .2s linear;
}

.product__color img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

@media (any-hover: hover)
{
    .product__color:hover
    {
        border-color: #7F5BBA;
    }
}

.product__bot
{
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-top: 16px;
}

.product__name
{
    font-size: 16px;
    line-height: normal;

    display: -webkit-box;
    overflow: hidden;

    height: 38px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product__name a
{
    color: #4F4F4F;

    display: inline-block;

    text-decoration: none;

    transition: .2s linear;
}

@media (any-hover: hover)
{
    .product__name a:hover
    {
        color: #7F5BBA;
    }
}

.product__buy-btn
{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: nowrap;

    min-width: 106px;
    height: 44px;
    margin-left: 16px;
    padding: 6px 8px;

    border: 1px solid #B4B4B4;
    border-radius: 5px;

    transition: border-color .2s linear, background .2s linear;

    font-variant-numeric: lining-nums proportional-nums;
}

.product__icon-cart
{
    display: block;
    flex-shrink: 0;

    width: 24px;
    height: 24px;
    margin-right: 8px;

    text-decoration: none;
}

.product__icon-cart svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    transition: stroke .2s linear;

    stroke: #4F4F4F;
}

.product__box
{
    width: 100%;

    text-align: center;
}

.product__price
{
    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    display: block;

    white-space: nowrap;

    transition: color .2s linear;
}

.product__old-price
{
    position: relative;

    color: #B4B4B4;
    font-size: 14px;
    line-height: normal;

    white-space: nowrap;

    transition: color .2s linear;
}

.product__old-price::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    background-color: currentColor;
}

@media (any-hover: hover)
{
    .product__buy-btn:hover
    {
        border-color: #7F5BBA;
        background: #7F5BBA;
    }

    .product__buy-btn:hover .product__icon-cart svg
    {
        stroke: #FFF;
    }

    .product__buy-btn:hover .product__price,
    .product__buy-btn:hover .product__old-price
    {
        color: #FFF;
    }
}

.buy-btn._active
{
    color: #FFF;

    border-color: #7F5BBA;
    background: #7F5BBA;
}

.buy-btn__block
{
    font-size: 16px;

    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: 100%;
}

.buy-btn__block + .buy-btn__block
{
    display: none;
}

.buy-btn._active .buy-btn__block
{
    display: none;
}

.buy-btn._active .buy-btn__block + .buy-btn__block
{
    display: flex;
    justify-content: center;

    text-align: center;
}

.buy-btn.product__buy-btn._active,
.buy-btn.product__buy-btn:not(._active) + .product__buy-btn {
    display: none;
}

.buy-btn.product__buy-btn._active + .product__buy-btn {
    display: flex;
    justify-content: center;
    text-align: center;
}

.products__flex
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.products__banner
{
    position: relative;

    overflow: hidden;

    width: calc(40.56% - 19px);

    border-radius: 5px;
}

.products__banner-box
{
    position: relative;

    min-height: 100%;
    padding-bottom: 170%;
}

.products__banner-img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 120%;

    border-radius: 5px;

    object-fit: cover;
    object-position: top;
}

.products__banner-info
{
    position: absolute;
    bottom: 0;
    left: 0;

    padding: 32px;
}

.products__banner-block
{
    color: #FFF;

    display: inline-block;

    padding: 32px;

    border: 1px solid #FFF;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);

    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
}

.products__banner-name
{
    font-size: 48px;
    font-weight: 700;
    line-height: normal;

    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.products__banner-desc
{
    line-height: normal;

    margin-top: 16px;

    letter-spacing: -.54px;
}

.products__wrapp
{
    width: 59.44%;
}

.pagination__top
{
    position: relative;

    margin-top: 80px;

    text-align: center;
}

.pagination-up-btn
{
    position: absolute;
    top: 50%;
    right: 0;

    color: #4F4F4F;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    transition: color .2s linear;
    transform: translateY(-50%);
}

.pagination-up-btn__name
{
    font-size: 16px;
    line-height: normal;

    margin-right: 16px;
}

.pagination-up-btn__icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 53px;
    height: 53px;

    border: 1px solid #4F4F4F;
    border-radius: 5px;

    transition: border-color .2s linear, background .2s linear;
}

.pagination-up-btn__icon svg
{
    display: block;

    width: 24px;
    height: 24px;

    transition: stroke .2s linear;

    stroke: #4F4F4F;
}

@media (any-hover: hover)
{
    .pagination-up-btn:hover
    {
        color: #7F5BBA;
    }

    .pagination-up-btn:hover .pagination-up-btn__icon
    {
        border-color: #7F5BBA;
        background: #7F5BBA;
    }

    .pagination-up-btn:hover .pagination-up-btn__icon svg
    {
        stroke: #FFF;
    }
}

/* head-banner */
.head-banner + .page-head
{
    border-top-color: transparent;
}

.head-banner__discount
{
    color: #7F5BBA;
    font-family: var(--font_family2);
    line-height: normal;

    padding: 13px 0;

    text-align: center;
    letter-spacing: -.54px;

    background: #F7F7F8;
}

.head-banner__wrapp
{
    position: relative;
}

.head-banner__bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.head-banner__bg img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: top;
}

.head-banner__box
{
    color: #FFF;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    max-width: 592px;
    min-height: 450px;
    margin: 0 auto;
    padding: 35px;

    text-align: center;

    background: rgba(255, 255, 255, .20);

    -webkit-backdrop-filter: blur(23.5px);
            backdrop-filter: blur(23.5px);
}

.head-banner__desc
{
    line-height: normal;

    max-width: 420px;
    margin: 32px auto 0;

    letter-spacing: -.54px;
}


.page-content__wrapp
{
    align-content: center;
    align-items: center;
}

.page-content__val
{
    color: #B4B4B4;
    line-height: normal;

    margin-left: 16px;

    letter-spacing: -.54px;
}


.accord__data
{
    display: none;
}

.cats-accord__item + .cats-accord__item
{
    margin-top: 16px;
}

.cats-accord__btn
{
    position: relative;

    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    display: block;

    width: 100%;
    padding: 19px 72px 19px 24px;

    text-align: left;
    text-transform: uppercase;

    border-radius: 5px;
    background: #F7F7F8;

    transition: color .2s linear;
}

.cats-accord__icon
{
    content: "";

    position: absolute;
    top: 50%;
    right: 29px;

    display: block;

    width: 8px;
    height: 14px;
    margin-top: -7px;

    transform: rotate(90deg);
}

.cats-accord__icon svg
{
    display: block;

    width: 100%;
    height: 100%;

    transition: stroke .2s linear;

    stroke: currentColor;
}

@media (any-hover: hover)
{
    .cats-accord__btn:hover
    {
        color: #7F5BBA;
    }
}

.cats-accord__btn.active
{
    color: #7F5BBA;
}

.cats-accord__btn.active .cats-accord__icon
{
    transform: rotate(-90deg);
}

.cats-accord__data
{
    padding: 32px 24px;
}

.cats-accord__link
{
    color: #4F4F4F;
    line-height: normal;

    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    text-decoration: none;

    transition: color .2s linear;
}

.cats-accord__link + .cats-accord__link
{
    margin-top: 24px;
}

.cats-accord__link-name
{
    position: relative;

    width: 100%;
}

.cats-accord__link-name::before
{
    content: "";

    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    border-bottom: 1px dashed #B4B4B4;

    transition: border-bottom .2s linear;
}

.cats-accord__link-name span
{
    position: relative;
    z-index: 2;

    padding-right: 13px;

    background-color: #FFF;
}

.cats-accord__link-val
{
    position: relative;

    color: #B4B4B4;

    display: block;
    flex-shrink: 0;

    padding-left: 13px;

    text-align: right;
    white-space: nowrap;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .cats-accord__link:hover,
    .cats-accord__link:hover .cats-accord__link-val
    {
        color: #7F5BBA;
    }

    .cats-accord__link:hover .cats-accord__link-name::before
    {
        border-bottom-color: #7F5BBA;
    }
}


/* filter-catalog */

.filter-catalog
{
    margin-bottom: 32px;
}

.filter-catalog__top
{
    justify-content: space-between;
    flex-wrap: nowrap;

    padding: 16px 0;
}

.filter-catalog__flex
{
    margin: -20px 0 0 -40px;
}

.filter-catalog__item
{
    margin: 20px 0 0 40px;
}

.filter-catalog__item_mob
{
    display: none;
}

.filter-catalog__sorts
{
    padding-bottom: 20px;
}

.filter-catalog__sort + .filter-catalog__sort
{
    margin-top: 16px;
}

.filter-catalog__sort-btn
{
    position: relative;

    padding-right: 30px;

    text-align: left;
}

.filter-catalog__sort-btn.active::after
{
    content: "";

    position: absolute;
    top: 1px;
    right: 0;

    width: 16px;
    height: 11px;

    background: url(../images/ic_check_mob.svg) 50%/contain no-repeat;
}


.filter-mini-modal-cont
{
    position: relative;
}

.filter-mini-modal
{
    top: 100%;
    left: 0;

    margin-top: 16px;
    padding: 16px 32px 32px 32px;

    border: 1px solid #B4B4B4;
    border-radius: 5px;
    background-color: #FFF;

    filter: drop-shadow(0px 0px 0px rgba(79, 79, 79, .10))
    drop-shadow(0px 10px 21px rgba(79, 79, 79, .10))
    drop-shadow(0px 39px 39px rgba(79, 79, 79, .09))
    drop-shadow(0px 87px 52px rgba(79, 79, 79, .05))
    drop-shadow(0px 155px 62px rgba(79, 79, 79, .01))
    drop-shadow(0px 243px 68px rgba(79, 79, 79, .00));
}

.filter-mini-modal-btn
{
    position: relative;

    padding-right: 28px;

    transition: color .2s linear;
}

.filter-mini-modal-btn__icon
{
    content: "";

    position: absolute;
    top: 50%;
    right: 5px;

    display: block;

    width: 8px;
    height: 14px;
    margin-top: -6px;

    transform: rotate(90deg);
}

.filter-mini-modal-btn__icon svg
{
    display: block;

    width: 100%;
    height: 100%;

    transition: stroke .2s linear;

    stroke: currentColor;
}

@media (any-hover: hover)
{
    .filter-mini-modal-btn:hover
    {
        color: #7F5BBA;
    }
}

.filter-mini-modal-btn.active
{
    color: #7F5BBA;
}

.filter-mini-modal-btn.active .filter-mini-modal-btn__icon
{
    transform: rotate(-90deg);
}

.filter-checkboxes
{
    column-gap: 35px;
    columns: 2;
}

.filter-checkbox
{
    padding-top: 16px;

    break-inside: avoid;
    page-break-inside: avoid;
    --webkit-column-break-inside: avoid;
}

.filter-catalog__link
{
    margin-top: 24px;
}

.filter-catalog__btn-grey
{
    line-height: 51px;
}

.price-range
{
    margin-top: 16px;
}

.range > ._flex
{
    position: relative;

    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.range .form__input
{
    position: relative;
    z-index: 1;

    width: calc(50% - 5px);
    min-width: 140px;
    height: 50px;
    padding: 0 15px;

    text-align: center;

    border: 1px solid #EFEFEF;
}

.form__sep
{
    flex-shrink: 0;

    width: 6px;
    height: 1px;
    margin: 0 3px;

    background: #4F4F4F;
}

.filter-catalog__btn
{
    position: relative;

    color: #4F4F4F;
    line-height: normal;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    white-space: nowrap;

    transition: color .2s linear;
}

.filter-catalog__btn svg
{
    display: block;
    flex-shrink: 0;

    width: 29px;
    height: 17px;
    margin-right: 16px;

    transition: stroke .2s linear;

    stroke: #4F4F4F;
}

@media (any-hover: hover)
{
    .filter-catalog__btn:hover
    {
        color: #7F5BBA;
    }

    .filter-catalog__btn:hover svg
    {
        stroke: #7F5BBA;
    }
}

.filter-choice
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    padding-top: 16px;

    border-top: 1px solid rgba(180, 180, 180, .2);
}

.filter-choice__items
{
    margin: -16px 0 0 -16px;
}

.filter-choice__item
{
    font-size: 16px;
    line-height: normal;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin: 16px 0 0 16px;
    padding: 6px 8px;

    white-space: nowrap;

    border-radius: 5px;
    background: #F7F7F8;
}

.filter-choice__btn
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 20px;
    height: 20px;
    margin-left: 12px;
}

.filter-choice__btn svg
{
    display: block;

    width: 100%;
    height: 100%;

    transition: stroke .2s linear;

    stroke: #7F5BBA;
}

.filter-choice__btns
{
    margin-top: 4px;
    margin-left: 30px;
}

.form-reset-btn
{
    color: #B4B4B4;
    line-height: normal;

    flex-shrink: 0;

    padding-bottom: 3px;

    white-space: nowrap;

    border-bottom: 1px solid #B4B4B4;

    transition: color .2s linear, border-color .2s linear;
}

@media (any-hover: hover)
{
    .filter-choice__btn:hover svg
    {
        stroke: #4F4F4F;
    }

    .form-reset-btn:hover
    {
        color: #7F5BBA;

        border-color: #7F5BBA;
    }
}

.filter-choice__form-submit-btn
{
    display: none;
}

/* product-info */
.product-info__flex
{
    justify-content: space-between;
}

.product-images
{
    width: calc(64% - 30px);
    max-width: 996px;
}

.product-images__grid
{
    margin: -4px 0 0 -4px;
}

.product-images__item
{
    width: calc(100%/3 - 4px);
    margin: 4px 0 0 4px;
}

.product-images__item:first-child,
.product-images__item:nth-child(2)
{
    width: calc(50% - 4px);
}

.product-images__img
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 140.122%;

    cursor: zoom-in;
    text-decoration: none;

    border-radius: 5px;
}

.product-images__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.product-images .slider-pagination
{
    position: absolute;
    bottom: 32px;

    display: none;
}


.product-info__data
{
    width: 36%;
    max-width: 578px;
}

.product-info__colors
{
    margin-top: 56px;
}

.product-info__colors-grid
{
    margin: 8px 0 0 -8px;
}

.product-info__radio-color
{
    margin: 8px 0 0 8px;
}

.radio-color input[type=radio]
{
    display: none;
}

.radio-color__label
{
    display: block;

    cursor: pointer;
}

.radio-color__text
{
    display: block;

    width: 24px;
    height: 24px;
    padding: 3px;

    border: 1px solid #B4B4B4;
    border-radius: 50%;
    background: #FFF;

    transition: border .2s linear;
}

@media (any-hover: hover)
{
    .radio-color__text:hover
    {
        border-color: #7F5BBA;
    }
}

input[type=radio]:checked + .radio-color__text
{
    border-color: #7F5BBA;
}

.radio-color__text img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}


.product-info__sizes
{
    justify-content: space-between;

    margin-top: 40px;
}

.table-size__btn
{
    position: relative;

    color: #B4B4B4;

    display: inline-block;

    padding-left: 32px;

    vertical-align: top;

    transition: color .2s linear;
}

.table-size__btn svg
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    fill: currentColor;
    stroke: currentColor;
}

@media (any-hover: hover)
{
    .table-size__btn:hover
    {
        color: #7F5BBA;
    }
}

.product-info__sizes-grid
{
    width: calc(100% + 16px);
    margin: 8px 0 0 -16px;
}

.product-info__radio-size
{
    margin: 8px 0 0 16px;
}

.radio-size input[type=radio]
{
    display: none;
}

.radio-size__label
{
    display: block;

    cursor: pointer;
}

.radio-size__text
{
    color: #4F4F4F;
    font-size: 24px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 46px;
    height: 44px;

    border-radius: 5px;

    transition: color .2s linear, background .2s linear;
}

@media (any-hover: hover)
{
    .radio-size__text:hover
    {
        color: #FFF;

        background: #7F5BBA;
    }
}

input[type=radio]:checked + .radio-size__text
{
    color: #FFF;

    background: #7F5BBA;
}

.product-info__buy
{
    justify-content: space-between;

    margin-top: 56px;
}

.product-info__buy-block
{
    width: calc(100% - 72px);
}

.product-info__buy-btn
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: nowrap;

    width: 100%;
    height: 56px;
    padding: 6px 8px;

    border: 1px solid #B4B4B4;
    border-radius: 5px;

    transition: border-color .2s linear, background .2s linear;
}

.product-info__buy-cart
{
    display: block;
    flex-shrink: 0;

    width: 24px;
    height: 24px;
    margin-right: 8px;

    text-decoration: none;
}

.product-info__buy-cart svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    transition: stroke .2s linear;

    stroke: #4F4F4F;
}

.product-info__buy-box
{
    text-align: center;
}

.product-info__buy-price
{
    color: #4F4F4F;
    font-size: 18px;
    line-height: normal;

    display: block;

    white-space: nowrap;

    transition: color .2s linear;
}

.product-info__buy-old-price
{
    position: relative;

    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    white-space: nowrap;
    text-decoration: line-through;

    transition: color .2s linear;
}

/* .product__old-price::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    background-color: currentColor;
} */

@media (any-hover: hover)
{
    .product-info__buy-btn:hover
    {
        border-color: #7F5BBA;
        background: #7F5BBA;
    }

    .product-info__buy-btn:hover .product-info__buy-cart svg
    {
        stroke: #FFF;
    }

    .product-info__buy-btn:hover .product-info__buy-price,
    .product-info__buy-btn:hover .product-info__buy-old-price
    {
        color: #FFF;
    }
}

.product-info__buy-btn._active
{
    display: none;
}

.product-info__incart
{
    color: #FFF;
    font-size: 18px;

    display: none;

    width: 100%;
    height: 56px;

    border: none;
    border-radius: 5px;
    background: #7F5BBA;
}

.product-info__buy-btn._active + .product-info__incart
{
    display: block;
}

.product-info__amount{
	display: none;
	
}

.product-info__amount .amount__val{
	height: 56px;
	border: 1px solid #B4B4B4;
    border-radius: 5px;
	width: 100%;
	justify-content: center;
}

.product-info__amount .amount__btn{
	width: 54px;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.product-info__amount .amount__btn svg{
	width: 26px;
	height: 26px;
}

.product-info__amount .amount__input{
	height: 54px;
	width: 60px;
	font-size: 24px;
}

.product-info__buy-btn._active + .product-info__amount{
    display: block;
}



.product-info .favorite-btn
{
    position: relative;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 56px;
    height: 56px;

    text-decoration: none;

    border: 1px solid #B4B4B4;
    border-radius: 5px;
}

.product-info .favorite-btn svg
{
    width: 32px;
    height: 32px;

    stroke: #4F4F4F;
}

.product-info .favorite-btn:after
{
    background-size: 32px auto;
}

.product-info__collections
{
    margin-top: 40px;
    padding: 23px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.product-info__collections-title
{
    color: #4F4F4F;
    font-size: 24px;
}

.product-info__collections-desc
{
    color: #B4B4B4;
    font-size: 16px;

    margin-top: 8px;
}

.product-info__collections-more
{
    margin-top: 24px;
}

.product-info__accordion
{
    margin-top: 40px;
}

.accordion__item + .accordion__item
{
    margin-top: 24px;
}

.accordion__title
{
    position: relative;

    color: #4F4F4F;
    font-size: 24px;

    display: block;

    padding-right: 34px;

    cursor: pointer;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .accordion__title:hover
    {
        color: #7F5BBA;
    }
}

.accordion__title::before
{
    content: "";

    position: absolute;
    top: 50%;
    right: 4px;

    width: 16px;
    height: 2px;
    margin-top: -1px;

    border-radius: 2px;
    background: currentColor;
}

.accordion__title::after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 11px;

    width: 2px;
    height: 16px;
    margin-top: -8px;

    border-radius: 2px;
    background: currentColor;

    transition: opacity .2s linear;
}

.accordion__title.active::after
{
    opacity: 0;
}

.accordion__data
{
    display: none;

    margin-top: 16px;
}

.product-info__code
{
    color: #B4B4B4;
    font-size: 16px;

    margin-bottom: 16px;
}

.product-info__text p
{
    font-size: 16px;

    margin-bottom: 20px;
}

.product-info__text > :last-child
{
    margin-bottom: 0 !important;
}

/* filter */
.filter-btns
{
    display: none;
    justify-content: space-between;
    align-content: center;
    align-items: center;

    margin-bottom: 24px;
}

.filter-open-cats
{
    position: relative;

    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    display: block;

    padding-right: 26px;
}

.filter-open-cats::before
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    background: url(../images/ic_arrow2.svg) 50% center / contain no-repeat;
}

.filter-open-btn
{
    position: relative;

    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    display: block;

    padding-left: 26px;
}

.filter-open-btn::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    background: url(../images/ic_filter.svg) 50% center / contain no-repeat;
}

.filter-open-btn._filter-choice::after
{
    content: "";

    position: absolute;
    top: -2px;
    left: 13px;

    display: block;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #7F5BBA;
}

/*------------ 
	bot styles 
------------*/
.section-cart__flex
{
    justify-content: space-between;
}

.section-cart__coll
{
    width: calc(66% - 14px);
}

.cart-table
{
    width: 100%;

    border-collapse: collapse;

    font-variant-numeric: lining-nums tabular-nums;
}

.cart-table th
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    padding: 15px 0 15px 16px;

    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
}

.cart-table th:first-child
{
    text-align: left;
}

.cart-table td
{
    padding: 23px 0 23px 16px;

    vertical-align: top;

    border-top: 1px solid #F5F5F5;
}

.cart-table td:first-child
{
    padding-left: 0;
}

.cart-table__img
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 120px;
    height: 169px;

    border-radius: 5px;
}

.cart-table__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.cart-table__code
{
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.cart-table__name
{
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    margin-top: 8px;
}

.cart-table__name a
{
    color: #4F4F4F;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .cart-table__name a:hover
    {
        color: #7F5BBA;
    }
}

.cart-table__thumb
{
    width: 120px;

    table-layout: fixed;
}

.cart-table__select-number
{
    width: 96px;
    margin: 4px auto 0;
}

.cart-table__amount .amount
{
    padding-top: 12px;
}

.cart-table__amount .cart-table__select-number
{
    display: none;
}

.cart-table__prices
{
    width: 15%;
}

.cart-table__prices-box
{
    padding-top: 2px;

    text-align: center;
}

.cart-table__price
{
    color: #4F4F4F;
    font-size: 18px;
    line-height: normal;
}

.cart-table__old-price
{
    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    margin-top: 5px;

    text-decoration: line-through;
}

.cart-table__delete-btn
{
    color: #B4B4B4;

    display: block;

    width: 32px;
    height: 32px;
    margin: 8px 0 0 auto;
}

.cart-table__delete-btn svg
{
    display: block;

    width: 100%;
    height: 100%;

    stroke: currentColor;
}


.section-cart__colr
{
    width: calc(34% - 22px);
}

.section-cart__links
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;

    margin-top: 16px;
}

.section-cart__links-link
{
    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: calc(50% - 4px);
    margin-top: 8px;
    padding: 22px 16px;

    text-decoration: none;
    letter-spacing: -.48px;

    border-radius: 5px;
    background: #F7F7F8;

    transition: background .2s linear, color .2s linear;
}

@media (any-hover: hover)
{
    .section-cart__links-link:hover
    {
        color: #FFF;

        background: #4F4F4F;
    }
}

.section-cart__links-icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: nowrap;

    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.section-cart__links-icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.total-info
{
    padding: 40px 32px;

    border-radius: 5px;
    background: #F7F7F8;
}

.total-info__title
{
    color: #4F4F4F;
    font-size: 24px;
    line-height: normal;

    margin-bottom: 24px;
}

.total-info__products
{
    margin: 0 0 8px -16px;
}

.total-info__product
{
    width: calc(100%/3 - 16px);
    max-width: 120px;
    margin: 0 0 16px 16px;
}

.total-info__product-img
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 140.84%;

    text-decoration: none;

    border-radius: 5px;
}

.total-info__product-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.total-info__info-item
{
    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    flex-wrap: nowrap;
}

.total-info__info-item + .total-info__info-item
{
    margin-top: 16px;
}

.total-info__info-sep
{
    flex-grow: 1;
    flex-shrink: 0;

    min-width: 20px;
    margin: 17px 4px 0 16px;

    border-bottom: 1px dashed #E4E4E4;
}

.total-info__info-val
{
    flex-shrink: 0;

    text-align: right;
    white-space: nowrap;
}

.form-code
{
    position: relative;

    margin-top: 24px;
    padding-top: 24px;

    border-top: 1px solid #E4E4E4;
}

.form-code__title
{
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.form-code__flex
{
    flex-wrap: nowrap;

    margin-top: 16px;
}

.form-code .form-code__input
{
    color: #7F5BBA;
    font: 16px var(--font_family);

    display: block;

    width: 100%;
    height: 48px;
    padding: 0 15px;

    border: 1px solid #E4E4E4;
    border-radius: 5px;
    background: #F7F7F8;

    transition: background .2s linear, border .2s linear;
}

.form-code .form-code__input:focus
{
    background: #FFF;
}

.form-code__input::-webkit-input-placeholder
{
    color: #4F4F4F;

    opacity: 1;
}

.form-code__input::-moz-placeholder
{
    color: #4F4F4F;

    opacity: 1;
}

.form-code__input:-moz-placeholder
{
    color: #4F4F4F;

    opacity: 1;
}

.form-code__input:-ms-input-placeholder
{
    color: #4F4F4F;

    opacity: 1;
}

.form-code__submit
{
    position: relative;

    color: #FFF;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 48px;
    height: 48px;
    margin-left: 8px;

    border: none;
    border-radius: 5px;
    background: #7F5BBA;

    transition: background .2s linear, color .2s linear;
}

.form-code__submit::before,
.form-code__submit::after
{
    content: "";

    position: absolute;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    transition: clip-path .3s linear;
}

.form-code__submit::before
{
    border-right: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.form-code__submit::after
{
    border-top: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.form-code__submit-name::before,
.form-code__submit-name::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    transition: clip-path .3s linear;
}

.form-code__submit-name::before
{
    border-left: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.form-code__submit-name::after
{
    border-bottom: 2px solid #7F5BBA;

    transition-delay: .2s;

    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.form-code__submit svg
{
    display: block;

    width: 24px;
    height: 24px;

    stroke: currentColor;
}

@media (any-hover: hover)
{
    .form-code__submit:hover
    {
        color: #7F5BBA;

        background: #F7F7F8;
    }

    .form-code__submit:hover:before
    {
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
    }

    .form-code__submit:hover:after
    {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .form-code__submit:hover .form-code__submit-name::before
    {
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
    }

    .form-code__submit:hover .form-code__submit-name::after
    {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.form-code__succers
{
    color: #008001;
    font-size: 16px;
    line-height: normal;

    margin-top: 16px;
}

.form-code__error
{
    color: red;
    font-size: 16px;
    line-height: normal;

    margin-top: 16px;
}


.total-info__total
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;

    justify-content: space-between;
    flex-wrap: nowrap;

    margin-top: 40px;

    text-transform: uppercase;
}

.total-info__total-val
{
    flex-shrink: 0;

    margin-left: 16px;

    white-space: nowrap;
}

.total-info__checkout
{
    width: 100%;
    margin-top: 16px;
    padding: 0;
}


.cheeckout__title
{
    color: #4F4F4F;
    font-size: 32px;
    line-height: normal;

    margin-bottom: 24px;
}

* + .cheeckout__title
{
    margin-top: 48px;
}

.form__flex + .cheeckout__title
{
    margin-top: 32px;
}

.cheeckout__radios
{
    align-content: stretch;
    align-items: stretch;

    margin: -16px 0 16px -16px;
}

.cheeckout__radio-info
{
    width: calc(100%/2 - 16px);
    max-width: 353px;
    margin: 16px 0 0 16px;
}

.cheeckout__form > :last-child
{
    margin-bottom: 0 !important;
}


.need-help__bg
{
    position: relative;

    overflow: hidden;

    padding: 90px 41px 71px 41px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.need-help__img
{
    position: absolute;
    top: 5%;
    right: 0;

    display: block;

    width: 554px;
    height: 554px;

    object-fit: contain;
}

.need-help__box
{
    position: relative;

    width: 966px;
}

.need-help__items
{
    margin: 32px 0 0 -94px;
}

.need-help__item
{
    margin: 32px 0 0 94px;
}

.need-help__item-title
{
    color: #4F4F4F;
    font-size: 24px;
    font-style: italic;
}

.need-help__time
{
    color: #7F5BBA;
    font-size: 32px;
    font-weight: 700;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 72px;
    margin-top: 16px;

    letter-spacing: -.96px;
    text-transform: uppercase;
}

.need-help__messages
{
    margin-left: -40px;
}

.need-help__messages-item
{
    color: #4F4F4F;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin: 16px 0 0 40px;

    text-decoration: none;
    letter-spacing: -.54px;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .need-help__messages-item:hover
    {
        color: #7F5BBA;
    }
}

.need-help__messages-icon
{
    position: relative;

    color: #7F5BBA;

    display: flex;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 72px;
    height: 72px;
    margin-right: 16px;

    border: 2px solid #7F5BBA;
    border-radius: 50%;
}

.need-help__messages-icon:before
{
    content: "";

    position: absolute;
    top: -180px;
    left: 0;

    display: inline-block;

    width: 30px;
    height: 100%;

    background: rgba(127, 91, 186, .5);

    animation: shiny-anim 3s ease-in-out infinite;
}

.need-help__messages-item:nth-child(2) .need-help__messages-icon:before
{
    animation-delay: .3s;
}

.need-help__messages-icon svg
{
    position: relative;

    width: 40px;
    height: 40px;

    fill: currentColor;
    stroke: currentColor;
}

.need-help__messages-icon_mass svg
{
    width: 47px;
    height: 41px;
}



.contacts__items
{
    align-content: stretch;
    align-items: stretch;

    margin: -16px 0 0 -16px;
}

.contacts__item
{
    display: flex;
    flex-direction: column;

    width: calc(100%/4 - 16px);
    margin: 24px 0 0 16px;
}

.contacts__box
{
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;
    flex-grow: 1;

    margin-top: 24px;
    padding: 20px 23px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.contacts__box_bg1
{
    background-image: url(../images/bg_contact1.webp);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
}

.contacts__box_bg2
{
    background-image: url(../images/bg_contact2.webp);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
}

.contacts__box-logo
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: 50% 100%;
}

.contacts__phone
{
    color: #4F4F4F;

    width: 100%;
}

.contacts__phone a
{
    color: #4F4F4F;

    text-decoration: none;
}

.contacts__box-title
{
    color: #B4B4B4;
    font-size: 16px;

    width: 100%;
    margin-top: 16px;
}

.contacts__box-time
{
    color: #4F4F4F;

    width: 100%;
    margin-top: 8px;
}

.contacts__info
{
    color: #4F4F4F;

    width: 100%;
    margin: auto;
    padding: 0 10px;

    text-align: center;
}

.contacts__info a
{
    color: #7F5BBA;
    font-weight: 700;

    text-decoration: none;
}

.contacts__socials
{
    position: relative;
}

.contacts__socials-items
{
    width: 100%;
}

.contacts__socials-item
{
    color: #4F4F4F;

    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    text-decoration: none;

    transition: color .2s linear;
}

.contacts__socials-item + .contacts__socials-item
{
    margin-top: 12px;
}

.contacts__socials-icon
{
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.contacts__socials-icon svg
{
    display: block;

    width: 100%;
    height: 100%;

    fill: #7F5BBA;
}

@media (any-hover: hover)
{
    .contacts__socials-item:hover
    {
        color: #7F5BBA;
    }
}


.data-stock
{
    padding-top: 8px;
}

.data-stock__flex
{
    justify-content: space-between;
}

.data-stock__coll
{
    width: calc(42.09% - 30px);
    max-width: 602px;
}

.data-stock__date
{
    position: relative;

    color: #B4B4B4;

    margin-top: 46px;
    padding-top: 18px;

    letter-spacing: -.54px;
}

.data-stock__date::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 68px;
    height: 4px;

    border-radius: 5px;
    background: #7F5BBA;
}

.data-stock__img
{
    width: 57.91%;
}

.data-stock__img img
{
    display: block;

    max-width: 100%;

    border-radius: 5px;
}


.stocks__grid
{
    margin: -14px 0 0 -16px;
}

.stocks__stock
{
    width: calc(100%/4 - 16px);
    margin: 30px 0 0 16px;
}

.stocks__stock-img
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 32px;
    padding-bottom: 129%;

    border-radius: 5px;
}

.stocks__stock:nth-child(8n - 1) .stocks__stock-img,
.stocks__stock:nth-child(8n - 3) .stocks__stock-img,
.stocks__stock:nth-child(8n - 4) .stocks__stock-img,
.stocks__stock:nth-child(8n - 6) .stocks__stock-img
{
    padding-bottom: 96.7%;
}

.stocks__stock-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 0;
}

.stocks__stock-title
{
    color: #7F5BBA;
    font-size: 14px;

    margin-bottom: 16px;

    text-transform: uppercase;
}

.stocks__stock-name
{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.06;

    margin-bottom: 16px;

    letter-spacing: -.96px;
    text-transform: uppercase;
}

.stocks__stock-name a
{
    color: #4F4F4F;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .stocks__stock-name a:hover
    {
        color: #7F5BBA;
    }
}

.stocks__stock-desc
{
    color: #B4B4B4;
    font-size: 16px;

    margin-bottom: 16px;

    letter-spacing: -.48px;
}

.stocks__stock-date
{
    color: #B4B4B4;
    font-size: 14px;
}


.page-lk__flex
{
    justify-content: space-between;
}

.page-lk__aside
{
    width: 240px;
}

.page-lk__mini-modal-btn
{
    display: none;
}

.aside-lk__mini-modal
{
    position: relative;
    top: 0;
    left: 0;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.page-lk__list-link
{
    color: #B4B4B4;
    font-size: 18px;

    display: block;

    padding: 8px 0;

    text-decoration: none;

    transition: color .2s linear;
}

.page-lk__list-link + .page-lk__list-link
{
    margin-top: 16px;
}

@media (any-hover: hover)
{
    .page-lk__list-link:hover
    {
        color: #4F4F4F;
    }
}

.page-lk__list-link.active
{
    color: #4F4F4F;

    padding-left: 14px;

    border-left: 2px solid #7F5BBA;
}

.page-lk__content
{
    width: calc(100% - 270px);
    max-width: 1058px;
    padding-top: 8px;
}

.page-lk__title
{
    font-size: 32px;

    margin-bottom: 32px;
}

* + .page-lk__title
{
    margin-top: 40px;
}

.page-lk__form .form__line
{
    margin-bottom: 40px;
}

.page-lk__form .form__input
{
    text-transform: none;
}

.form__line_change
{
    padding-top: 27px;
}

.page-lk__change
{
    width: 100%;
    padding: 0;
}

.page-lk__submit
{
    margin: 40px 0 0 -16px;
}

.page-lk__submit-btn
{
    width: calc(100%/3 - 16px);
    margin-left: 16px;
}

.overlay-modal
{
    display: none;
}

/*.information__item
{
    justify-content: space-between;
}

.information__item + .information__item
{
    margin-top: 128px;
}

.information__item:nth-child(2n)
{
    flex-direction: row-reverse;
}

.information__info
{
    align-self: center;

    width: calc(41.11% - 16px);
}

.information__box
{
    max-width: 508px;
}

.information__desc
{
    color: #B4B4B4;
    font-size: 16px;

    margin-top: 24px;

    letter-spacing: -.48px;
}

.information__wrapimg
{
    width: calc(58.89% - 16px);
}

.information__img
{
    position: relative;

    display: block;

    padding-bottom: 57.464%;
}

.information__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.information__img iframe
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;
}*/

.information__item
{
    justify-content: space-between;
}

.information__item + .information__item
{
    margin-top: 128px;
}
.information__item.right_item,
.information__item:nth-child(2n)
{
    flex-direction: row-reverse;
}

.information__info
{
    align-self: center;

    width: calc(41.11% - 16px);
}

.information__box
{
    max-width: 508px;
}

.information__desc
{
    color: #B4B4B4;
    font-size: 16px;

    margin-top: 24px;

    letter-spacing: -.48px;
}

.information__wrapimg
{
    width: calc(58.89% - 16px);
}

.information__img
{
    position: relative;

    display: block;

    padding-bottom: 57.464%;
}

.information__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.information__img iframe
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;
}


.banner__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 230px;
    padding-bottom: 52.47%;

    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgba(41, 54, 41, .03), 0px 9px 20px 0px rgba(41, 54, 41, .03), 0px 37px 37px 0px rgba(41, 54, 41, .03), 0px 83px 50px 0px rgba(41, 54, 41, .02), 0px 147px 59px 0px rgba(41, 54, 41, .00), 0px 230px 64px 0px rgba(41, 54, 41, .00);
}

.banner__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 120%;

    border-radius: 5px;

    object-fit: cover;
}

.banner__img iframe
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;
}


.about-info .small-globaltitle
{
    margin-bottom: 24px;
}

.about-info__wrap
{
    max-width: 1290px;
    margin: 0 auto;
}

.about-info__box
{
    max-width: 1072px;
    margin: 48px auto 0;
}



.about-collection__wrapimg
{
    width: 50%;
    max-width: 802px;
}

.about-collection__img
{
    position: relative;

    display: block;

    padding-bottom: 152.12%;
}

.about-collection__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.about-collection__cols
{
    justify-content: space-between;

    width: 57.91%;
    margin-left: -7.91%;
    padding-top: 88px;
}

.about-collection__coll
{
    width: 56.39%;
}

.about-collection__coll-img
{
    position: relative;

    display: block;

    padding-bottom: 142.53%;
}

.about-collection__coll-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.about-collection__colr
{
    width: calc(43.61% - 16px);
}

.about-collection__colr-img
{
    position: relative;

    display: block;

    padding-bottom: 142.53%;
}

.about-collection__colr-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.about-collection__info
{
    position: relative;

    width: 48%;
    max-width: 754px;
    margin-top: 62px;
    padding-top: 34px;
    padding-right: 64px;
}

.about-collection__info::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 68px;
    height: 4px;

    border-radius: 4px;
    background: #7F5BBA;
}



.about-desc__wrap
{
    position: relative;
    position: relative;

    max-width: 1074px;
    margin: 0 auto;
    padding-top: 34px;
}

.about-desc__wrap::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 68px;
    height: 4px;

    border-radius: 4px;
    background: #7F5BBA;
}

.about-desc__text
{
    font-size: 24px;

    margin-bottom: 32px;
}

.about-desc__quote
{
    color: #7F5BBA;
    font-size: 24px;
    font-style: italic;

    width: 74%;
    margin: 0 auto 32px;

    letter-spacing: -.72px;
}

.about-desc__wrap > :last-child
{
    margin-bottom: 0 !important;
}



.banner-images
{
    position: relative;

    padding-bottom: 91px;
}

.banner-images__logo
{
    position: absolute;
    z-index: 1;
    right: 50%;
    bottom: 10%;

    display: block;

    width: 1601px;
    max-width: 100%;
    height: 100%;
    margin-right: -636px;
}

.banner-images__logo.loaded
{
    height: auto;
}

.banner-images__cols
{
    justify-content: space-between;

    width: 58%;
    max-width: 938px;
    margin-left: auto;
}

.banner-images__coll
{
    position: relative;
    z-index: 2;

    width: calc(42.75% - 8px);
}

.banner-images__coll-img
{
    position: relative;

    display: block;

    padding-bottom: 142.5%;
}

.banner-images__coll-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.banner-images__colr
{
    width: calc(57.25% - 8px);
}

.banner-images__colr-img
{
    position: relative;

    display: block;

    padding-bottom: 142.5%;
}

.banner-images__colr-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}



.acticle__box
{
    max-width: 1074px;
    margin: 0 auto;

    text-align: center;
}

.acticle .small-globaltitle
{
    margin-bottom: 24px;
}

.acticle__text
{
    position: relative;

    color: #4F4F4F;
    font-size: 24px;

    margin-top: 22px;
    padding-top: 26px;

    letter-spacing: -.72px;
}

.acticle__text::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 92px;
    height: 4px;
    margin-left: -46px;

    border-radius: 4px;
    background: #7F5BBA;
}


.acticle__images
{
    justify-content: space-between;

    width: 74.754%;
    margin-left: 9.63%;
}

.acticle__coll
{
    width: calc(55.657% - 8px);
}

.acticle__coll-img
{
    position: relative;

    display: block;

    padding-bottom: 143.845%;
}

.acticle__coll-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.acticle__colr
{
    position: relative;
    top: 10%;

    width: calc(44.343% - 8px);
}

.acticle__colr-img
{
    position: relative;

    display: block;

    padding-bottom: 140.46%;
}

.acticle__colr-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}



.shops__cities-flex
{
    padding: 5px;

    border-radius: 5px;
    background: #F7F7F8;
}

.shops__cities-link
{
    color: #4F4F4F;
    font-size: 16px;
    line-height: 51px;

    display: block;

    padding: 0 24px;

    text-align: center;
    text-decoration: none;
    letter-spacing: -.48px;

    border-radius: 5px;

    transition: background .2s linear;
}

@media (any-hover: hover)
{
    .shops__cities-link:hover
    {
        background: #FFF;
    }
}

.shops__cities-link.active
{
    background: #FFF;
}


.shops__wrapmap
{
    position: relative;

    margin-top: 32px;
}

.map
{
    height: 880px;
}

.ymaps-b-placemark
{
    width: auto !important;
}

.ymaps-b-placemark__content
{
    color: #FFF !important;
    font: 14px var(--font_family), Arial, Helvetica, sans-serif !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    white-space: nowrap;

    border-radius: 2px;
    background: #7F5BBA !important;
}

.ymaps-b-placemark__content:before
{
    content: "";

    position: absolute;
    top: calc(100% + 4px);
    left: 50%;

    margin-left: -4px;

    border: 4px solid transparent;
    border-top: 7px solid #7F5BBA;
}

.ymaps-b-placemark_theme_blue .ymaps-b-placemark__sprite
{
    background: none !important;
}

.ymaps-b-placemark__inner
{
    padding: 0 !important;
}

.ymaps-b-placemark__top
{
    display: none !important;
}

.ymaps-b-placemark__bottom
{
    display: none !important;
}

.ymaps-b-placemark__left
{
    display: none !important;
}

.ymaps-b-placemark__right
{
    display: none !important;
}

/* .ymaps-b-balloon
{
    width: auto !important;
}

.ymaps-b-balloon__tr,
.ymaps-b-balloon__tl,
.ymaps-b-balloon__bl,
.ymaps-b-balloon__br,
.ymaps-b-balloon__close
{
    display: none !important;
}

.ymaps-b-balloon__content > ymaps
{
    overflow: visible !important;

    width: 100% !important;
    height: auto !important;
}

.ymaps-b-balloon__content-holster
{
    position: relative;

    padding: 0 !important;
}

.ymaps-b-balloon__content
{
    position: relative;
    position: relative;

    width: auto;
    padding: 0 !important;

    border: none !important;
    border-radius: 2px !important;
    background: #7F5BBA !important;
    box-shadow: none !important;
}

.ymaps-b-balloon__content:before
{
    content: "";

    position: absolute;
    top: calc(100% + 4px);
    left: 50%;

    margin-left: -4px;

    border: 4px solid transparent;
    border-top: 7px solid #7F5BBA;
}

.ymaps-b-balloon__content-body ymaps
{
    display: block;
}

.ymaps-map
{
    color: #FFF !important;
}

.gotoymaps__text
{
    color: #FFF !important;
} */

.map__title
{
    color: #FFF;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    padding: 8px 16px;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;

    font-variant-numeric: lining-nums proportional-nums;
}

.shops__abs
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    padding: 40px 0;

    pointer-events: none;
}

.shops__abs .cont
{
    height: 100%;
}

.shops__scroll
{
    overflow: hidden;
    overflow-y: auto;

    width: 393px;
    height: 100%;
    padding: 16px;

    pointer-events: auto;

    border-radius: 5px;
    background: #FFF;
}

.shops__wrapinput
{
    margin-bottom: 16px;
}

.shops__wrapinput .shops__input
{
    color: #4F4F4F;
    font: 16px var(--font_family);

    display: block;

    width: 100%;
    height: 51px;
    padding: 0 23px;

    letter-spacing: -.48px;

    border: 1px solid transparent;
    border-radius: 5px;
    background: #F7F7F8;
}

.open-map
{
    display: none;
}

.shops__items
{
    margin-top: 16px;
}

.shops__item
{
    padding: 16px;

    border-radius: 5px;
    background: #F7F7F8;
}

.shops__item + .shops__item
{
    margin-top: 8px;
}

.shops__open
{
    position: relative;

    flex-wrap: nowrap;

    padding-right: 34px;

    cursor: pointer;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .shops__open:hover
    {
        color: #7F5BBA;
    }
}

.shops__open::after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/ic_arrow2.svg) 50%/contain no-repeat;
}

.shops__open.active::after
{
    transform: rotate(180deg);
}

.shops__open-img
{
    position: relative;

    flex-shrink: 0;

    width: 64px;
    height: 64px;
    margin-right: 16px;
}

.shops__open-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.shops__open-name
{
    align-self: center;
}

.shops__data
{
    display: none;

    margin-top: 16px;
}

.shops__contact
{
    margin: -16px 0 0 -29px;
}

.shops__contact-item
{
    margin: 16px 0 0 29px;
}

.shops__contact-title
{
    color: #B4B4B4;
    font-size: 16px;

    letter-spacing: -.48px;
}

.shops__contact-desc
{
    font-size: 18px;

    margin-top: 4px;

    letter-spacing: -.54px;
}

.shops__contact-desc a
{
    color: #4F4F4F;

    text-decoration: none;
}


.wrap-map__top
{
    display: none;
}

.wrap-map__cities
{
    display: none;
}

.wrap-map__shop
{
    display: none;
}



/*------------
    Footer
------------*/

.footer
{
    color: #FFF;

    padding: 64px 0 71px;

    background: #4F4F4F;
}

.footer .cont
{
    justify-content: space-between;
}

.footer__logo
{
    width: 166px;
}

.footer__logo img
{
    display: block;

    max-width: 100%;
}

.footer__logo-text
{
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;

    margin-top: 10px;

    letter-spacing: -.48px;
}

.footer__col
{
    max-width: 260px;
}

.footer__title
{
    font-size: 24px;
    font-weight: 700;
    line-height: normal;

    text-transform: uppercase;
}

.footer__title a
{
    color: #FFF;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .footer__title a:hover
    {
        color: #7F5BBA;
    }
}

.footer__date
{
    margin-top: 24px;
}

.footer__item + .footer__item
{
    margin-top: 16px;
}

.footer__item
{
    color: #B4B4B4;
    line-height: normal;

    letter-spacing: -.54px;
}

.footer__link
{
    color: #B4B4B4;

    text-decoration: none;

    transition: .2s linear;
}

@media (any-hover: hover)
{
    .footer__link:hover
    {
        color: #FFF;
    }
}

.footer__col-contacts
{
    width: 393px;
    max-width: 100%;
}

.footer__info
{
    color: #B4B4B4;
    line-height: normal;

    margin-top: 24px;

    letter-spacing: -.54px;
}

.footer__info-item + .footer__info-item
{
    margin-top: 16px;
}

.footer__phone
{
    color: #B4B4B4;

    text-decoration: none;
}

.footer__time
{
    display: inline-block;

    margin-left: 8px;
}

.footer__mail
{
    color: #B4B4B4;

    text-decoration: none;
}

.footer__socials
{
    margin-left: -40px;
}

.footer__socials-item
{
    position: relative;

    color: #B4B4B4;

    display: block;

    margin: 18px 0 0 40px;

    text-align: center;
    text-decoration: none;

    transition: color .2s linear;
}

.footer__socials-border
{
    position: relative;

    color: #FFF;

    display: flex;
    overflow: hidden;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 56px;
    height: 56px;
    margin: 0 auto;
    padding: 10px;

    border: 1px solid #FFF;
    border-radius: 50%;

    transition: color .2s linear, background .2s linear;;
}

.footer__socials-border:before
{
    content: "";

    position: absolute;
    top: -180px;
    left: 0;

    display: inline-block;

    width: 30px;
    height: 100%;

    background-color: #FFF;

    animation: shiny-anim 3s ease-in-out infinite;
}

.footer__socials-item:nth-child(2) .footer__socials-border:before
{
    animation-delay: .3s;
}

.footer__socials-item:nth-child(3) .footer__socials-border:before
{
    animation-delay: .6s;
}

@keyframes shiny-anim
{
    0%
    {
        opacity: 0;

        transform: scale(0) rotate(45deg);
    }
    80%
    {
        opacity: .5;

        transform: scale(0) rotate(45deg);
    }
    81%
    {
        opacity: 1;

        transform: scale(4) rotate(45deg);
    }
    100%
    {
        opacity: 0;

        transform: scale(50) rotate(45deg);
    }
}

.footer__socials-icon
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
}

.footer__socials-icon svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    fill: currentColor;
}

.footer__socials-name
{
    position: relative;

    line-height: normal;

    display: inline-block;
    overflow: hidden;

    margin-top: 16px;

    letter-spacing: -.54px;
}

@media (any-hover: hover)
{
    .footer__socials-item:hover
    {
        color: #FFF;
    }

    .footer__socials-item:hover .footer__socials-border
    {
        color: #7F5BBA;

        background: #FFF;
    }
}

/*------------
	button-message
------------*/

.button-message-btn
{
    position: fixed;
    z-index: 90;
    bottom: 40px;
    left: 50%;

    color: #4F4F4F;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 93px;
    height: 93px;
    margin-left: 717px;

    border-radius: 50%;
    background-color: #FFF;

    transition: color .2s linear;

    filter: drop-shadow(0px 0px 0px rgba(79, 79, 79, .10)) drop-shadow(0px 3px 6px rgba(79, 79, 79, .10)) drop-shadow(0px 10px 10px rgba(79, 79, 79, .09)) drop-shadow(0px 23px 14px rgba(79, 79, 79, .05)) drop-shadow(0px 41px 16px rgba(79, 79, 79, .01)) drop-shadow(0px 64px 18px rgba(79, 79, 79, .00));
}

.button-message-btn.bot
{
    position: absolute;
}

.button-message-btn svg
{
    display: block;

    width: 47px;
    height: 41px;

    fill: currentcolor;
    stroke: currentcolor;
}

@media (any-hover: hover)
{
    .button-message-btn:hover
    {
        color: #7F5BBA;
    }
}

/*------------
    Modal
------------*/
.modal
{
    position: relative;
    z-index: 3;

    display: none;
    visibility: visible !important;

    width: 626px;
    max-width: 100%;
    padding: 48px;

    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .05), 0px 17px 38px 0px rgba(0, 0, 0, .05), 0px 69px 69px 0px rgba(0, 0, 0, .04), 0px 155px 93px 0px rgba(0, 0, 0, .03), 0px 275px 110px 0px rgba(0, 0, 0, .01), 0px 430px 121px 0px rgba(0, 0, 0, .00);
}

.modal_success
{
    position: relative;

    width: 801px;
    padding: 88px 40px;

    background: #EDEDED url(../images/bg_modal.png) 50% 0 no-repeat;
}

.modal-globaltitle
{
    color: #7F5BBA;
    font-size: 18px;

    margin-bottom: 16px;

    text-align: center;
    text-transform: uppercase;
}

.modal-title
{
    color: #4F4F4F;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.17;

    text-align: center;
    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.modal__form
{
    margin-top: 27px;
}

.modal__form .form__input
{
    text-transform: none;
}

.modal__form .form__submit-btn
{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.login-links
{
    justify-content: center;
    align-content: center;
    align-items: center;

    margin-top: 24px;
}

.login-links__title
{
    color: #B4B4B4;
    font-size: 16px;

    margin-right: 24px;

    letter-spacing: -.48px;
}

.login-links__link
{
    color: #7F5BBA;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 48px;
    height: 48px;
    padding: 7px;

    text-decoration: none;

    border: 1px solid #7F5BBA;
    border-radius: 50%;

    transition: color .2s linear, background .2s linear;
}

@media (any-hover: hover)
{
    .login-links__link:hover
    {
        color: #FFF;

        background: #7F5BBA;
    }
}

.login-links__link svg
{
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}

.login-links__link + .login-links__link
{
    margin-left: 16px;
}

.info-account
{
    margin-top: 48px;

    text-align: center;
}

.info-account__title
{
    color: #B4B4B4;

    margin-bottom: 8px;

    letter-spacing: -.48px;
}

.info-account__link
{
    color: #4F4F4F;

    display: inline-block;

    padding-bottom: 4px;

    vertical-align: top;
    text-decoration: none;
    letter-spacing: -.42px;
    text-transform: uppercase;

    border-bottom: 1px dashed;

    transition: border .2s linear;
}

@media (any-hover: hover)
{
    .info-account__link:hover
    {
        border-color: transparent;
    }
}




/*------------
    OPT
------------*/
.main-title_small
{
    font-size: 40px;
}

.main-title_slider
{
    padding-right: 170px;
}

.swiper_marg
{
    margin-top: 40px;
}

.slider-button-prev.top,
.slider-button-next.top
{
    top: -96px;

    color: #7F5BBA;

    margin-top: 0;

    border-color: #7F5BBA;
    background: transparent;

    transition: color .2s linear, background .2s linear;

    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
}

.slider-button-prev.top
{
    right: 80px;
    left: auto;
}
.slider-button-next.top
{
    right: 0;
}

.slider-button-prev.top svg,
.slider-button-next.top svg
{
    fill: currentColor;
    stroke: currentColor;
}

@media (any-hover: hover)
{
    .slider-button-prev.top:hover,
    .slider-button-next.top:hover
    {
        color: #FFF;

        background: #7F5BBA;
    }
}


.contacts__items.marg
{
    margin-top: 16px;
}

.contacts__map
{
    height: 650px;
    margin-top: 16px;
}



.cooperation__grid
{
    justify-content: space-between;

    margin-top: 24px;
}

.cooperation__item
{
    position: relative;

    overflow: hidden;

    width: calc(50% - 8px);
    margin-top: 16px;

    border-radius: 5px;
}

.cooperation__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.cooperation__item::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(180deg, rgba(33, 32, 33, .15) 0%, rgba(33, 32, 33, .15) 10.38%, rgba(33, 32, 33, .15) 27.15%, rgba(33, 32, 33, .00) 100%);
}

.cooperation__block
{
    position: relative;
    z-index: 1;

    display: block;

    padding-bottom: 80%;
}

.cooperation__box
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 48px;
}

.cooperation__globaltitle
{
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    display: block;

    width: 100%;
    margin-bottom: 24px;

    text-transform: uppercase;
}

.cooperation__title
{
    color: #FFF;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;

    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.cooperation__link
{
    margin-top: auto;
    padding-top: 20px;
}

@media (any-hover: hover)
{
    .cooperation__item:hover .btn-grey::after
    {
        left: 0;

        width: 100%;
    }
}


.product.opt
{
    display: flex;
    flex-direction: column;
}

.swiper-slide.product.opt
{
    height: auto;
}

.product.opt .product__bot
{
    margin-top: 24px;
}

.product.opt .product__name
{
    display: block;
    overflow: visible;

    height: auto;
}

.product__opt
{
    margin-top: auto;
    padding-top: 16px;
}

.product__opt-btn
{
    position: relative;

    color: #7F5BBA;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    display: inline-block;

    padding-bottom: 2px;

    vertical-align: top;
    text-transform: uppercase;
}

.product__opt-btn::before
{
    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background: #B4B4B4;

    transition: opacity .2s linear;
}

@media (any-hover: hover)
{
    .product__opt-btn:hover::before
    {
        opacity: 0;
    }
}


.footer.opt .footer__logo
{
    margin-right: auto;
}

.footer.opt .footer__col
{
    min-width: 178px;
    margin-left: 95px;
}

.footer__bot
{
    width: 100%;
    margin-top: 56px;
    padding-top: 23px;

    border-top: 1px solid rgba(255,255,255,.2);
}

.footer__bot-link
{
    color: #B4B4B4;
    line-height: normal;

    letter-spacing: -.54px;

    font-variant-numeric: lining-nums tabular-nums;
}

.footer__bot-link + .footer__bot-link
{
    margin-left: 26.5%;
}

.footer__bot-link a
{
    color: #B4B4B4;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .footer__bot-link a:hover
    {
        color: #FFF;
    }
}



.main-opt-slider
{
    overflow: hidden;

    max-width: 1700px;
    margin: 0 auto;

    border-radius: 5px;
    background: #F6F5F5;
}

.main-opt-slider .swiper-slide
{
    position: relative;

    overflow: hidden;

    height: auto;
}

.main-opt-slider__logo
{
    position: absolute;
    bottom: -11.3%;
    left: -10%;

    width: 94.4%;

    pointer-events: none;
}

.main-opt-slider__cols
{
    position: relative;

    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;

    min-height: 100%;
}

.main-opt-slider__coll
{
    align-self: center;

    width: 50%;
    padding: 40px;
}

.main-opt-slider__globaltitle
{
    color: #7F5BBA;
    font-size: 18px;
    line-height: normal;

    margin-bottom: 48px;

    text-transform: uppercase;
}

.main-opt-slider__desc
{
    color: #B4B4B4;
    font-size: 18px;
    line-height: normal;

    margin-top: 16px;

    letter-spacing: -.54px;
}

.main-opt-slider__link
{
    margin-top: 64px;
}

.main-opt-slider__colr
{
    width: 50%;
}

.main-opt-slider__img
{
    position: relative;

    display: block;

    min-height: 100%;
    padding-bottom: 84.706%;
}

.main-opt-slider__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
    object-position: 50% 0;
}

.main-opt-slider .slider-pagination
{
    position: absolute;
    bottom: 24px;

    margin: 0;
}



.about-opt__coll
{
    position: relative;
    z-index: 1;

    width: 43.951%;
    padding-top: 7.41%;
}

.about-opt__img
{
    position: relative;

    display: block;

    padding-bottom: 116.02%;
}

.about-opt__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
    object-position: 50% 0;
}

.about-opt__colr
{
    position: relative;

    overflow: hidden;

    width: 68.642%;
    margin-left: -12.593%;
    padding: 128px 40px 128px 19.1%;

    border-radius: 5px;
    background: #F7F7F8;
}

.about-opt__logo
{
    position: absolute;
    top: -1.65%;
    left: -11%;

    display: block;

    width: 123.1%;
}

.about-opt__box
{
    position: relative;
}

.about-opt__globaltitle
{
    color: #7F5BBA;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 24px;

    text-transform: uppercase;
}

.about-opt__subtitle
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    line-height: normal;

    max-width: 526px;
    margin-top: 16px;

    letter-spacing: -.72px;
}

.about-opt__desc
{
    color: #B4B4B4;
    font-size: 18px;
    line-height: normal;

    max-width: 526px;
    margin-top: 40px;

    letter-spacing: -.54px;
}

.about-opt__link
{
    margin-top: 40px;
}



.form.reg-form .form__line
{
    margin-bottom: 8px;
}

.form.reg-form .form__input
{
    font-size: 14px;

    height: 54px;
    padding: 0 15px;

    text-transform: none;
}

.form.reg-form .checkbox
{
    margin-top: 24px;
}

.form.reg-form .checkbox + .checkbox
{
    margin-top: 16px;
}

.reg-form .checkbox__label
{
    position: relative;

    display: table-cell;

    height: 24px;

    vertical-align: middle;
}

.reg-form .checkbox__text
{
    position: static;

    color: #B4B4B4;
    font-size: 14px;

    padding: 0 0 0 40px;
}

.reg-form .checkbox__text::before
{
    left: 0;

    width: 24px;
    height: 24px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.reg-form .checkbox__text::after
{
    top: 6px;
    left: 9px;

    width: 6px;
    height: 10px;

    border: 2px solid #4F4F4F;
    border-top: none;
    border-left: none;
    background: none;

    transform: rotate(45deg);
}

.reg-form .checkbox__text a
{
    color: #B4B4B4;

    text-decoration: none;

    border: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .reg-form .checkbox__text a:hover
    {
        color: #000;
    }
}

.form.reg-form .form__submit
{
    margin-top: 24px;
}

.form.reg-form .form__submit-btn
{
    width: 100%;
}


.product-info__accordion.opt .accordion__data
{
    padding-bottom: 16px;
}

.feature__item + .feature__item
{
    margin-top: 16px;
}

.feature__item
{
    font-size: 16px;

    flex-wrap: nowrap;
}

.feature__name
{
    color: #4F4F4F;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    width: 100%;
}

.feature__name::after
{
    content: "";

    display: block;
    flex-grow: 1;
    flex-shrink: 0;

    min-width: 20px;
    margin-top: 16px;
    margin-left: 10px;

    border-bottom: 1px dashed rgba(127, 91, 186, .30);
}

.feature__val
{
    color: #7F5BBA;

    flex-shrink: 0;

    margin-left: 10px;

    white-space: nowrap;
}

.product-info__btns
{
    margin-top: 56px;
}

.find-out-price
{
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    line-height: 53px;

    width: 100%;

    text-decoration: none;

    border: 1px solid #B4B4B4;
    border-radius: 5px;
    background: #FFF;

    transition: background .2s linear, border .2s linear, color .2s linear;

    font-variant-numeric: lining-nums proportional-nums;
}

.add-cart__opt
{
    position: relative;

    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 54px;

    display: flex;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: 100%;
    margin-top: 16px;

    border-radius: 5px;
    background: #7F5BBA;

    font-variant-numeric: lining-nums proportional-nums;
}

.add-cart__opt::after
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 0;
    height: 100%;

    border-radius: 5px;
    background-color: #4F4F4F;

    transition: all .3s ease;
}

.add-cart-opt__cart
{
    position: relative;
    z-index: 1;

    flex-shrink: 0;

    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.add-cart-opt__cart svg
{
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
    stroke: currentColor;
}

.add-cart-opt__name
{
    position: relative;
    z-index: 1;
}

@media (any-hover: hover)
{
    .find-out-price:hover
    {
        color: #FFF;

        border-color: #4F4F4F;
        background: #4F4F4F;
    }

    .add-cart__opt:hover::after
    {
        left: 0;

        width: 100%;
    }
}


.blog__grid
{
    margin: -14px 0 0 -16px;
}

.blog__slider
{
    overflow: visible;
}

.blog__slider .slider-pagination
{
    display: none;
}

.blog-article
{
    width: calc(100%/4 - 16px);
    margin: 30px 0 0 16px;
}

.blog__slider .blog-article
{
    width: 100%;
    margin: 0;
}

.blog-article.big
{
    width: calc(100%/2 - 16px);
}

.blog-article__img
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 32px;
    padding-bottom: 96.7%;

    border-radius: 5px;
}

.blog-article.middle .blog-article__img
{
    padding-bottom: 129%;
}

.blog-article.big .blog-article__img
{
    padding-bottom: 63.215%;
}

.blog-article__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 0;
}

.blog-article__title
{
    color: #7F5BBA;
    font-size: 14px;

    margin-bottom: 16px;

    text-transform: uppercase;
}

.blog-article__name
{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.06;

    margin-bottom: 16px;

    letter-spacing: -.96px;
    text-transform: uppercase;
}

.blog-article__name a
{
    color: #4F4F4F;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .blog-article__name a:hover
    {
        color: #7F5BBA;
    }
}

.blog-article__desc
{
    color: #B4B4B4;
    font-size: 16px;

    margin-bottom: 16px;

    letter-spacing: -.48px;
}

.blog-article__date
{
    color: #B4B4B4;
    font-size: 14px;
}

.opt-article
{
    padding-top: 16px;
}

.opt-article__sector
{
    max-width: 1074px;
    margin: 0 auto;
}

.opt-article__marg
{
    margin-top: 120px;
}

.text-block_big
{
    font-size: 24px;
}

.text-block_big p
{
    margin-bottom: 32px;
}

.text-block hr
{
    display: block;

    width: 68px;
    height: 4px;
    margin-bottom: 32px;

    border: none;
    border-radius: 4px;
    background: #7F5BBA;
}

.text-block blockquote
{
    color: #7F5BBA;
    font-weight: 400;
    font-style: italic;
    line-height: normal;

    max-width: 75%;
    margin: 0 auto 32px;

    letter-spacing: -.54px;

    font-variant-numeric: lining-nums tabular-nums;
}

.opt-article__images
{
    justify-content: space-between;
}

.opt-article__coll
{
    width: 36.59%;
}

.opt-article__coll-img
{
    position: relative;

    display: block;

    padding-bottom: 147.6%;
}

.opt-article__coll-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-article__colr
{
    width: calc(63.41% - 16px);
}

.opt-article__colr-img
{
    position: relative;

    display: block;

    padding-bottom: 131.43%;
}

.opt-article__colr-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-article__text-block
{
    width: calc(63.41% - 16px);
    margin: 46px 0 0 auto;
}



.opt-cooperation__top
{
    justify-content: space-between;
}

.opt-cooperation__coll
{
    width: calc(50% - 22px);
    max-width: 642px;
}

.opt-cooperation__colr
{
    width: calc(50% - 8px);
}

.opt-cooperation__text-block
{
    max-width: 722px;
}

.text-block h3
{
    color: #7F5BBA;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 24px;

    font-variant-numeric: lining-nums proportional-nums;
}



.opt-cooperation__flex
{
    align-content: stretch;
    align-items: stretch;

    margin: 80px -40px 0;
}

.opt-cooperation__link
{
    display: flex;
    flex-direction: column;

    width: calc(50% + 1px);
    margin-left: -1px;

    text-decoration: none;
}

.opt-cooperation__link-top
{
    display: block;

    padding-left: 1px;
}

.opt-cooperation__link-img
{
    position: relative;

    display: block;

    padding-bottom: 62.36%;
}

.opt-cooperation__link-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.opt-cooperation__linkp-name
{
    color: #7F5BBA;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;

    padding: 34px 40px;

    border: 1px solid #7F5BBA;

    transition: background .2s linear, color .2s linear;
}

@media (any-hover: hover)
{
    .opt-cooperation__link:hover .opt-cooperation__linkp-name
    {
        color: #FFF;

        background: #7F5BBA;
    }
}

.opt-cooperation__linkp-name span
{
    position: relative;

    display: block;

    padding-left: 70px;
}

.opt-cooperation__linkp-name span::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 47px;
    height: 2px;
    margin-top: -1px;

    border-radius: 2px;
    background: currentColor;
}

.shops__cities_marg
{
    margin-top: 40px;
}

.total-info__important
{
    color: #7F5BBA;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: normal;

    margin-top: 24px;

    letter-spacing: -.48px;
}

.total-info__important_bord
{
    padding-bottom: 24px;

    border-bottom: 1px solid #E4E4E4;
}


.cheeckout-submit
{
    margin-top: 40px;
}

.cheeckout-submit__btn
{
    min-width: 465px;
    padding: 0 50px;
}


.manager
{
    margin-top: 40px;
}

.manager__title
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.manager__bg
{
    margin-top: 24px;
    padding: 32px 32px 40px;

    border-radius: 5px;
    background: #F7F7F8;
}

.manager__flex
{
    flex-wrap: nowrap;
}

.manager__img
{
    flex-shrink: 0;

    width: 112px;
    height: 112px;
    margin-right: 24px;
}

.manager__img img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

.manager__flex-box
{
    align-self: center;

    width: 100%;
}

.manager__position
{
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    letter-spacing: -.48px;
}

.manager__name
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    margin-top: 8px;

    letter-spacing: -.72px;
}

.manager__contact
{
    margin-top: 16px;

    border-top: 1px solid #E4E4E4;
}

.manager__contact-flex
{
    margin-left: -49px;
}

.manager__contact-item
{
    margin: 16px 0 0 49px;
}

.manager__contact-title
{
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    letter-spacing: -.48px;
}

.manager__contact-desc
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    margin-top: 8px;

    letter-spacing: -.48px;
}

.manager__contact-desc a
{
    color: #4F4F4F;

    text-decoration: none;
}


.opt-cart__item
{
    position: relative;

    padding: 39px 39px 15px 39px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.opt-cart__item + .opt-cart__item
{
    margin-top: 24px;
}

.opt-cart__item-top
{
    position: relative;

    justify-content: space-between;
    flex-wrap: nowrap;

    margin-bottom: 16px;
    padding-bottom: 32px;

    border-bottom: 1px solid rgba(127, 91, 186, .10);
}

.opt-cart__product
{
    flex-wrap: nowrap;
}

.opt-cart__thumb
{
    flex-shrink: 0;

    width: 120px;
    margin-right: 16px;
}

.opt-cart__img
{
    position: relative;

    display: block;

    padding-bottom: 140.9%;

    border-radius: 5px;
}

.opt-cart__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-cart__info
{
    width: 100%;
}

.opt-cart__code
{
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    letter-spacing: -.48px;
}

.opt-cart__name
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    margin-top: 8px;

    letter-spacing: -.72px;
}

.opt-cart__name a
{
    color: currentColor;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .opt-cart__name a:hover
    {
        color: #7F5BBA;
    }
}

.opt-cart__title
{
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    margin-top: 17px;

    letter-spacing: -.48px;
}

.opt-cart__prices
{
    margin-left: -8px;
}

.opt-cart__price
{
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    margin: 8px 0 0 8px;
}

.opt-cart__old-price
{
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    margin: 8px 0 0 8px;

    text-decoration: line-through;
}

.opt-cart__delete
{
    position: absolute;
    top: 0;
    right: 0;

    color: #B4B4B4;

    display: block;

    width: 32px;
    height: 32px;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .opt-cart__delete:hover
    {
        color: #7F5BBA;
    }
}

.opt-cart__delete svg
{
    display: block;

    width: 100%;
    height: 100%;

    stroke: currentColor;
}

.opt-cart__total
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    align-self: flex-end;
    flex-shrink: 0;

    margin-top: 50px;
    margin-left: 20px;

    text-align: right;
    white-space: nowrap;
    letter-spacing: -.72px;
}

.opt-cart__total span
{
    font-weight: 700;

    margin-left: 4px;
}

.opt-cart-table
{
    width: 100%;

    border-collapse: collapse;
}

.opt-cart-table tr th
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    width: 26%;

    text-align: center;
    letter-spacing: -.42px;
}

.opt-cart-table tr th:first-child
{
    text-align: left;
}

.opt-cart-table tr th:last-child
{
    width: 20%;

    text-align: right;
}

.opt-cart-table._active tr th
{
    padding-bottom: 16px;
}

.opt-cart-table tr .th-price
{
    padding-left: 16px;
}

.opt-cart-table__open
{
    position: relative;

    color: #7F5BBA;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    display: inline-block;

    padding-right: 32px;

    vertical-align: top;
    text-transform: uppercase;
}

.opt-cart-table__open span + span
{
    display: none;
}

.opt-cart-table._active .opt-cart-table__open span
{
    display: none;
}

.opt-cart-table._active .opt-cart-table__open span + span
{
    display: block;
}

.opt-cart-table__open svg
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    transform: rotate(90deg);

    stroke: currentColor;
}

.opt-cart-table__open svg
{
    transform: rotate(-90deg);
}

.opt-cart-table tbody
{
    display: none;
}

.opt-cart-table._active tbody
{
    display: table-row-group;
}

.opt-cart-table tr td
{
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    padding-top: 16px;
    padding-bottom: 16px;

    border-top: 1px solid rgba(127, 91, 186, .10);
}

.opt-cart-table tbody tr + tr td
{
    border-top: 1px dashed #EEEBEA;
}

.opt-cart-table__select-number
{
    width: 96px;
}

.opt-cart-table__prices
{
    padding-left: 16px;

    text-align: center;
}

.opt-cart-table__price
{
    white-space: nowrap;
}

.opt-cart-table__old-price
{
    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    margin-top: 5px;

    white-space: nowrap;
    text-decoration: line-through;
}


.section-orders__items
{
    margin-top: 38px;
}

.order-info
{
    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.order-info + .order-info
{
    margin-top: 40px;
}

.order-info__top
{
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    padding: 31px;

    border-bottom: 1px solid #EEEBEA;
}

.order-info__date
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.order-info__code
{
    color: #B4B4B4;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    margin-top: 16px;
}

.order-info__top-colr
{
    flex-shrink: 0;

    margin-left: 16px;
}

.order-info__status
{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 51px;

    display: inline-block;

    padding: 0 24px;

    vertical-align: top;
    white-space: nowrap;
    text-transform: uppercase;

    border-radius: 50px;
    background: #7F5BBA;
}

.order-info__info
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;

    padding: 31px;
}

.order-info__info-coll
{
    display: flex;
    flex-direction: column;

    width: calc(50% - 8px);
}

.order-info__adres
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    width: 100%;
}

.order-info__title
{
    color: #B4B4B4;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    width: 100%;
    margin-top: 16px;
}

.order-info__delivery
{
    color: #7F5BBA;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    width: 100%;
    margin-top: 4px;
}

.order-info__price
{
    color: #7F5BBA;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;

    margin-top: auto;
    padding-top: 16px;

    letter-spacing: -.96px;
    text-transform: uppercase;
}

.order-info__price_mob
{
    display: none;
}

.order-info__info-colr
{
    width: calc(50% + 8px);
}

.order-info__images
{
    justify-content: flex-end;

    margin-top: -16px;
}

.order-info__thumb
{
    width: 120px;
    margin: 16px 0 0 16px;
}

.order-info__img
{
    position: relative;

    display: block;

    padding-bottom: 140.9%;

    border-radius: 5px;
}

.order-info__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}


.order-date
{
    color: #4F4F4F;
    font-size: 24px;
    line-height: normal;

    margin-top: 24px;
}


.about-order
{
    margin-top: 76px;
}

.about-order__items
{
    align-content: stretch;
    align-items: stretch;

    margin-left: -16px;
}

.about-order__item
{
    width: calc(100%/3 - 16px);
    min-height: 292px;
    margin: 16px 0 0 16px;
    padding: 31px;

    border: 1px solid #EEEBEA;
    border-radius: 10px;
    background: #F7F7F8;
}

.about-order__title
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 32px;
}

.about-order__subtitle
{
    color: #B4B4B4;
    font-family: var(--font_family2);
    font-size: 16px;
    line-height: normal;

    margin-bottom: 8px;
}

.about-order__desc
{
    color: #4F4F4F;
    font-weight: 400;
    line-height: normal;
}

.about-order__desc + .about-order__desc
{
    margin-top: 21px;
}

.about-order__info-item
{
    color: #4F4F4F;
    font-size: 16px;
    line-height: normal;

    flex-wrap: nowrap;
}

.about-order__info-item + .about-order__info-item
{
    margin-top: 18px;
}

.about-order__info-sep
{
    flex-grow: 1;
    flex-shrink: 0;

    min-width: 20px;
    margin: 16px 4px 0 16px;

    border-bottom: 1px dashed #E4E4E4;
}

.about-order__info-val
{
    flex-shrink: 0;

    text-align: right;
    white-space: nowrap;
}

.about-order__total
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;

    justify-content: space-between;
    flex-wrap: nowrap;

    margin-top: 32px;
    padding-top: 16px;

    white-space: nowrap;
    text-transform: uppercase;

    border-top: 1px solid #E4E4E4;
}

.about-order__total-val
{
    color: #7F5BBA;

    flex-shrink: 0;

    margin-left: 16px;

    white-space: nowrap;
}

.about-order__flex
{
    margin-top: 48px;
    margin-left: -16px;
}

.about-order__content
{
    width: calc(66.666% - 16px);
    margin-left: 16px;
    padding: 31px;

    border: 1px solid #EEEBEA;
    border-radius: 10px;
    background: #F7F7F8;
}

.about-order__content-title
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.about-order-table
{
    width: 100%;
    margin-top: 32px;

    border-collapse: collapse;
}

.about-order-table + .about-order-table
{
    margin-top: 48px;
}

.about-order-table tr th
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    padding: 16px 0 16px 16px;

    text-align: center;
    white-space: nowrap;
    letter-spacing: -.48px;

    border-top: 1px solid #EEEBEA;
    border-bottom: 1px solid #EEEBEA;
}

.about-order-table tr th:first-child
{
    text-align: left;
}

.about-order-table tr td
{
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    padding: 24px 0 0 16px;

    text-align: center;
    vertical-align: top;
}

.about-order-table tr td.about-order-table__thumb
{
    width: 120px;
    padding-left: 0;

    table-layout: fixed;
}

.about-order-table__img
{
    position: relative;

    display: block;

    padding-bottom: 140.9%;

    border-radius: 5px;
}

.about-order-table__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.about-order-table tr td.about-order-table__info
{
    width: 30%;

    text-align: left;
}

.about-order-table__code
{
    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    margin-bottom: 8px;

    letter-spacing: -.48px;
}

.about-order-table__name a
{
    color: #4F4F4F;

    text-decoration: none;

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .about-order-table__name a:hover
    {
        color: #7F5BBA;
    }
}

.about-order-table__head
{
    display: none;
}

.about-order-table__head-size
{
    color: #B4B4B4;
    font-size: 12px;
    line-height: normal;

    width: 32%;
    margin-bottom: 8px;

    letter-spacing: -.36px;
}

.about-order-table__head-number
{
    color: #B4B4B4;
    font-size: 12px;
    line-height: normal;

    width: 68%;
    margin-bottom: 8px;

    letter-spacing: -.36px;
}

.about-order-table__sizes-line + .about-order-table__sizes-line
{
    margin-top: 8px;
}

.about-order-table__info-prices
{
    display: none;
}

.about-order-table__price
{
    white-space: nowrap;
}

.about-order-table__old-price
{
    color: #B4B4B4;
    font-size: 16px;
    line-height: normal;

    margin-top: 5px;

    white-space: nowrap;
    text-decoration: line-through;
}

.about-order-table tr td.about-order-table__total
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;

    letter-spacing: -.72px;
    text-transform: uppercase;
}

.about-order__aside
{
    width: calc(33.333% - 16px);
    margin-left: 16px;
}

.about-order__aside-item + .about-order__aside-item
{
    margin-top: 16px;
}

.about-order__link
{
    position: relative;

    color: #4F4F4F;
    font-size: 18px;
    line-height: normal;
    line-height: 24px;

    display: inline-block;

    padding-right: 32px;

    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    transition: color .2s linear;
}

.about-order__link_violet
{
    color: #7F5BBA;
}

@media (any-hover: hover)
{
    .about-order__link:hover
    {
        color: #7F5BBA;
    }

    .about-order__link_violet:hover
    {
        color: #4F4F4F;
    }
}

.about-order__link svg
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    stroke: currentColor;
}


.info-head__flex
{
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.info-head__coll
{
    max-width: 810px;
}

.info-head__colr
{
    flex-shrink: 0;

    margin-left: 32px;
}

.info-head__btn-grey
{
    line-height: 67px;

    min-width: 393px;
}


.opt-advantages_marg
{
    margin-top: 64px;
}

.opt-advantages__grid
{
    align-content: stretch;
    align-items: stretch;
}

.opt-advantages__grid_marg
{
    margin-top: 40px;
}

.opt-advantages__item
{
    width: calc(100%/4);
    padding: 23px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.opt-advantages__item:nth-child(2n)
{
    border-color: #F1F1F1;
    background: #F1F1F1;
}

.opt-advantages__number
{
    color: #7F5BBA;
    font-size: 18px;
    line-height: 64px;

    width: 64px;

    text-align: center;
    letter-spacing: -.54px;

    border-radius: 50%;
    background: #FFF;
}

.opt-advantages__title
{
    color: #7F5BBA;
    font-size: 24px;
    line-height: normal;

    margin-top: 73px;
}

.opt-advantages__text
{
    color: #4F4F4F;
    line-height: normal;

    margin-top: 16px;

    letter-spacing: -.54px;
}



.section-faq__flex
{
    justify-content: space-between;

    margin-top: 40px;
}

.section-faq__coll
{
    width: calc(100% - 413px);
    max-width: 1183px;
}

.section-faq__colr
{
    width: 393px;
    padding: 39px;

    border: 1px solid #EEEBEA;
    border-radius: 10px;
    background: #F7F7F8;
}

.section-faq__colr-title
{
    color: #7F5BBA;
    font-size: 24px;
    line-height: normal;
}

.section-faq__colr-desc
{
    color: #4F4F4F;
    line-height: normal;

    margin-top: 16px;

    letter-spacing: -.54px;
}

.section-faq__form
{
    margin-top: 32px;
}

.section-faq__form .form__line
{
    margin-bottom: 24px;
}

.section-faq__form .form__input
{
    text-transform: none;

    background: transparent;
}

.section-faq__form .form__submit-btn
{
    width: 100%;
}

.accordion__item_grey
{
    padding: 21px 39px;

    border: 1px solid #EEEBEA;
    border-radius: 10px;
    background: #F7F7F8;
}

.accordion__item_grey + .accordion__item_grey
{
    margin-top: 16px;
}

.accordion__title_white
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 64px;
    padding-right: 84px;
}

.accordion__title-circle
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 64px;
    height: 64px;
    margin-top: -32px;

    border-radius: 50%;
    background: #FFF;
}

.accordion__title_white::before
{
    z-index: 1;
    right: 24px;
}

.accordion__title_white::after
{
    right: 31px;
}

.accordion__data_bord
{
    margin-top: 22px;
    padding-top: 31px;
    padding-bottom: 18px;

    border-top: 1px solid #EEEBEA;
}

.accordion__text-block
{
    max-width: 710px;
}


.select-wrap-grey
{
    position: relative;
}

.select-wrap-grey select
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.select-wrap-grey .nice-select
{
    position: relative;

    display: block;
}

.select-wrap-grey .nice-select.disabled
{
    pointer-events: none;
}

.select-wrap-grey .nice-select.open
{
    z-index: 11;
}

.select-wrap-grey .nice-select .current
{
    position: relative;
    z-index: 10;

    color: #B4B4B4;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 400;
    line-height: 52px;

    display: block;
    overflow: hidden;

    height: 54px;
    padding: 0 52px 0 15px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;

    transition: border .2s linear;
}

.select-wrap-grey .nice-select.selected .current
{
    color: #4F4F4F;
}

.select-wrap-grey .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 27px;

    width: 14px;
    height: 8px;
    margin-top: -4px;

    background: url(../images/ic_arrow4.svg) 50%/contain no-repeat;
}

.select-wrap-grey .nice-select.open .current:after
{
    transform: rotate(180deg);
}

.select-wrap-grey .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% - 18px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding-top: 16px;

    pointer-events: none;

    opacity: 0;
    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #FFF;

    transition: opacity .2s linear;
}

.select-wrap-grey .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.select-wrap-grey .nice-select .list .scrollbar
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 220px;
    padding: 0 15px;
}

.select-wrap-grey .nice-select .list .list_item
{
    position: relative;

    color: #B4B4B4;
    font-size: 14px;
    font-weight: 400;

    padding: 14px 0;

    cursor: pointer;

    transition: color .2s linear;
}

.select-wrap-grey .nice-select .list .list_item + .list_item
{
    border-top: 1px solid #F7F7F8;
}

.select-wrap-grey .nice-select .list .list_item:empty
{
    display: none;
}

.select-wrap-grey .nice-select .list .list_item:hover
{
    color: #7F5BBA;
}

.select-wrap-grey .nice-select .list .list_item.selected
{
    color: #4F4F4F;
}

.modal-desc
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    margin-top: 16px;

    text-align: center;
    letter-spacing: -.72px;
}

.modal-agree__wrap-btn
{
    margin-top: 24px;
}

.modal-agree__wrap-btn + .modal-agree__wrap-btn
{
    margin-top: 8px;
}

.modal__btn-grey
{
    min-width: 326px;
}

.modal__btn-violet
{
    min-width: 326px;
}

.modal-agree
{
    overflow: hidden;

    width: 692px;
    padding: 62px 36px;

    border-radius: 5px;
    background: linear-gradient(122deg, #FAFAFA 14.19%, #EBEBEB 79.77%);
    box-shadow: 0px 0px 0px 0px rgba(79, 79, 79, .10), 0px 22px 48px 0px rgba(79, 79, 79, .10), 0px 88px 88px 0px rgba(79, 79, 79, .09), 0px 198px 119px 0px rgba(79, 79, 79, .05), 0px 352px 141px 0px rgba(79, 79, 79, .01), 0px 551px 154px 0px rgba(79, 79, 79, .00);
}

.modal-agree::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/bg_modal2.png) 50% 0/contain no-repeat;
}

.modal-agree__box
{
    position: relative;
}

.modal-title-small
{
    color: #4F4F4F;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.06;

    text-align: center;
    letter-spacing: -.96px;
    text-transform: uppercase;
}


.opt-about
{
    margin-top: 52px;
}

.opt-about__head
{
    max-width: 1074px;
    margin: 0 auto;

    text-align: center;
}

.opt-about__head-title
{
    color: #7F5BBA;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 24px;

    text-transform: uppercase;
}

.opt-about__main-title
{
    position: relative;

    color: #4F4F4F;
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.06;

    margin-bottom: 23px;
    padding-bottom: 25px;

    letter-spacing: -1.2px;
    text-transform: uppercase;
}

.opt-about__main-title::before
{
    content: "";

    position: absolute;
    bottom: 0;
    left: 50%;

    width: 90px;
    height: 4px;
    margin-left: -45px;

    border-radius: 4px;
    background: #7F5BBA;
}

.opt-about__head-desc
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    letter-spacing: -.72px;
}

.about-brand
{
    justify-content: space-between;

    margin-top: 51px;
    padding: 51px 90px 65px;

    border-top: 1px solid #EEEBEA;
    border-bottom: 1px solid #EEEBEA;
}

.about-brand__coll
{
    width: 40%;
    max-width: 443px;
}

.about-brand__coll img
{
    display: block;

    max-width: 100%;
}

.about-brand__colr
{
    width: calc(60% - 30px);
    max-width: 793px;
}

.about-brand__text-block
{
    font-size: 16px;
}

.opt-about__history
{
    justify-content: space-between;

    margin: 36px 0 0;
}

.opt-about__history-item
{
    flex-wrap: nowrap;

    width: calc(50% - 15px);
    max-width: 762px;
    margin-top: 30px;
}

.opt-about__history-year
{
    color: #F0EEEE;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.06;

    flex-shrink: 0;

    min-width: 199px;
    margin-right: 30px;

    letter-spacing: -2.4px;
    text-transform: uppercase;
}

.opt-about__history-desc
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    max-width: 454px;
    margin-top: 12px;

    letter-spacing: -.48px;
}

.opt-about__links
{
    align-content: stretch;
    align-items: stretch;

    margin: 77px 0 0 -16px;
}

.opt-about__links-link
{
    display: flex;
    overflow: hidden;
    flex-direction: column;

    width: calc(100%/4 - 16px);
    min-height: 282px;
    margin: 16px 0 0 16px;
    padding: 23px;

    text-decoration: none;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.opt-about__links-link:nth-child(1)
{
    background-image: url(../images/about_bg1.png);
}

.opt-about__links-link:nth-child(2)
{
    background-image: url(../images/about_bg2.png);
}

.opt-about__links-link:nth-child(3)
{
    background-image: url(../images/about_bg3.png);
}

.opt-about__links-link:nth-child(4)
{
    background-image: url(../images/about_bg4.png);
}

.opt-about__links-name
{
    color: #7F5BBA;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    flex-grow: 1;
}

.opt-about__links-desc
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    margin-top: 30px;

    letter-spacing: -.48px;
}


.opt-about-images_marg
{
    margin-top: 48px;
}

.opt-about-images__flex
{
    position: relative;

    padding-bottom: 212px;
}

.opt-about-images__logo
{
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: -144px;

    min-width: 200px;
    max-width: 99%;
}

.opt-about-images__item1
{
    width: calc(50% - 8px);
}

.opt-about-images__item1-img
{
    position: relative;

    display: block;

    padding-bottom: 118.46%;
}

.opt-about-images__item1-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-about-images__item2
{
    position: relative;
    z-index: 1;

    width: 24.26%;
    margin-left: -120px;
    padding-top: 9.7%;
}

.opt-about-images__item2-img
{
    position: relative;

    display: block;

    padding-bottom: 142.5%;
}

.opt-about-images__item2-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-about-images__item3
{
    position: relative;
    z-index: 4;

    width: calc(25.74% + 112px);
    margin-left: 16px;
    padding-top: 9.7%;
}

.opt-about-images__item3-img
{
    position: relative;

    display: block;

    padding-bottom: 142.54%;
}

.opt-about-images__item3-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}


.about-advantages_marg
{
    margin-top: 42px;
}

.about-advantages__grid
{
    align-content: stretch;
    align-items: stretch;

    margin: 36px 0 0 -16px;
}

.about-advantages__item
{
    width: calc(100%/3 - 16px);
    margin: 16px 0 0 16px;
    padding: 44px 23px 51px;

    border: 1px solid #EEEBEA;
    border-radius: 5px;
    background: #F7F7F8;
}

.about-advantages__icon
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 70px;
}

.about-advantages__icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.about-advantages__name
{
    color: #7F5BBA;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    margin-top: 29px;
}

.about-advantages__desc
{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

    margin-top: 29px;

    letter-spacing: -.48px;
}


.about-video
{
    margin-top: 77px;
}

.about-video__link
{
    position: relative;

    display: block;

    padding-bottom: 56.24%;

    text-decoration: none;

    background: #000;
}

.about-video__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .4;

    transition: opacity .2s linear;
}

.about-video__link:hover .about-video__img
{
    opacity: .6;
}

.about-video__img img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.about-video__link::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    background: url(../images/ic_play.svg) 50% no-repeat;
}

.about-video__name
{
    position: absolute;
    bottom: 0;
    left: 0;

    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.06;

    width: 100%;
    padding: 0 48px 52px;

    letter-spacing: -1.2px;
    text-transform: uppercase;
}

.fancybox__slide.has-video .fancybox__content > .carousel__button.is-close
{
    top: -49px;
    right: 0;

    color: #FFF;
}

@media (any-hover: hover)
{
    .fancybox__slide.has-video .fancybox__content > .carousel__button.is-close:hover
    {
        color: #7F5BBA;
    }
}

.opt-about-collection
{
    margin-top: 82px;
}

.opt-about-collection__sector
{
    max-width: 1483px;
    margin: 0 auto;
}

.opt-about-collection__flex
{
    justify-content: space-between;
}

.opt-about-collection__item
{
    width: calc(26.97% - 7px);
}

.opt-about-collection__item:last-child
{
    align-self: flex-end;
}

.opt-about-collection__item-item
{
    position: relative;

    display: block;

    padding-bottom: 142.5%;
}

.opt-about-collection__item-item img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-about-collection__center
{
    width: calc(46.06% - 18px);
}

.opt-about-collection__center-img
{
    position: relative;

    display: block;

    padding-bottom: 142.5%;
}

.opt-about-collection__center-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.opt-about-collection__text-block
{
    position: relative;

    width: calc(46.06% - 18px);
    margin: 46px auto 0;
    padding-top: 36px;
}

.opt-about-collection__text-block::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 68px;
    height: 4px;

    border-radius: 4px;
    background: #7F5BBA;
}

.banner-collection
{
    margin-top: 80px;
}

.banner-collection__bg
{
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    max-width: 1478px;
    min-height: 500px;
    margin: 0 auto;
    padding: 40px 82px;

    border-radius: 5px;
    background: #F3F3F3 url(../images/tmp/bg_collection_block.png) 50% 0/100% auto no-repeat;
}

.banner-collection__box
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    max-width: calc(100% - 510px);
}

.banner-collection__img
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 558px;
}

.banner-collection__title
{
    color: #4F4F4F;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.17;

    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.banner-collection__btn
{
    margin-top: auto;
    padding-top: 30px;
}
/*------------
    End OPT
------------*/




@media (max-width: 1699px)
{
    .button-message-btn
    {
        right: 40px;
        left: auto;

        margin-left: 0;
    }

    /*------------ 
		bot styles 
	------------*/
}

@media (max-width: 1599px)
{
    .cont
    {
        padding: 0 20px;
    }

    .categories__woman-img
    {
        max-width: 480px;
    }

    .categories__man-img
    {
        left: -40px;
    }

    .button-message-btn
    {
        right: 20px;
    }


    .new-collection__wrapp
    {
        padding: 0 20px;
    }

    .new-collection__box
    {
        width: 58%;
    }

    .new-collection__wrapp
    {
        width: 42%;
    }


    .inner-slider__name
    {
        font-size: 92px;
    }

    /*------------ 
		bot styles 
	------------*/
    .need-help__bg
    {
        padding-top: 49px;
        padding-bottom: 49px;
    }

    .need-help__box
    {
        width: 660px;
    }

    .need-help__items
    {
        margin: -8px 0 0;
    }

    .need-help__item
    {
        width: 100%;
        margin-left: 0;
    }


    .stocks__stock-name
    {
        font-size: 24px;
    }


    /*------------
		OPT
	------------*/
    .opt-cooperation__flex
    {
        margin-right: -20px;
        margin-left: -20px;
    }
    /*------------
		End OPT
	------------*/
}

@media (max-width: 1499px)
{
    .main-title,
    .cats-cloth__name,
    .season-section__name,
    .page-title,
    .products__banner-name
    {
        font-size: 44px;
    }

    .modal-title
    {
        font-size: 44px;
    }

    .text-block h1,
    .text-block .title
    {
        font-size: 44px;
    }

    .categories__woman-img
    {
        max-width: 460px;
    }


    .inner-slider__name
    {
        font-size: 82px;
    }


    .products__banner
    {
        width: calc(38% - 16px);
    }

    .products__banner-info
    {
        padding: 16px;
    }

    .products__banner-block
    {
        padding: 20px;
    }

    .products__wrapp
    {
        width: 62%;
    }


    .filter-catalog__flex
    {
        margin-left: -25px;
    }

    .filter-catalog__item
    {
        margin-left: 25px;
    }

    /*------------ 
		bot styles 
	------------*/

    .products__grid_favorite
    {
        --products_number: 4;
    }
}

@media (max-width: 1399px)
{
    .page-content__content
    {
        width: calc(100% - 370px);
    }


    .pagination > *
    {
        margin-left: 12px;
    }

    .pagination a
    {
        font-size: 14px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }

    .pagination__dot
    {
        margin-top: auto;
        margin-bottom: 7px;
    }

    .pagination__hide
    {
        display: none;
    }

    .pagination__next
    {
        margin-left: auto;
    }

    .pagination__next svg
    {
        margin-left: 8px;
    }

    .pagination__prev svg
    {
        margin-right: 8px;
    }



    .main-subtitle
    {
        font-size: 22px;
    }

    .header-cats__items
    {
        margin-left: -40px;
    }

    .header-cats__item
    {
        width: calc(100%/4 - 40px);
        margin-left: 40px;
    }


    .categories__woman-img
    {
        max-width: 430px;
    }

    .categories__man-img
    {
        max-width: 375px;
    }


    .about-img4
    {
        top: 40%;
    }


    .button-message-btn
    {
        width: 73px;
        height: 73px;
    }

    .button-message-btn svg
    {
        width: 37px;
        height: 31px;
    }


    .inner-slider__name
    {
        font-size: 78px;
    }


    .products__grid_small
    {
        --products_number: 2;
    }

    .products__grid_small .product:nth-child(n+5)
    {
        display: none;
    }


    .filter-mini-modal
    {
        padding: 10px 20px 20px 20px;
    }

    .filter-catalog__btn-grey
    {
        padding: 0 48px;
    }

    /*------------ 
		bot styles 
	------------*/

    .need-help__box
    {
        width: 540px;
    }

    .need-help__item-title
    {
        font-size: 18px;
    }

    .need-help__time
    {
        font-size: 24px;

        min-height: 1px;
    }

    .need-help__messages
    {
        margin-left: -24px;
    }

    .need-help__messages-item
    {
        margin-left: 24px;
    }

    .need-help__messages-icon
    {
        width: 56px;
        height: 56px;
        margin-right: 12px;
    }

    .need-help__messages-icon svg
    {
        width: 32px;
        height: 32px;
    }

    .need-help__messages-icon_mass svg
    {
        width: 37px;
    }

    .need-help__img
    {
        width: 520px;
        height: 520px;
    }


    .data-stock
    {
        padding-top: 0;
    }

    .data-stock__date
    {
        margin-top: 32px;
    }


    .banner-images__logo
    {
        right: auto;
        left: -5%;

        max-width: 90%;
        margin-right: 0;
    }



    /*------------
		OPT
	------------*/
    .about-opt__colr
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .total-info__important br
    {
        display: none;
    }




    .about-order-table tr th
    {
        font-size: 14px;
    }


    .opt-about
    {
        margin-top: 0;
    }

    .opt-about__head
    {
        max-width: 860px;
    }

    .opt-about__head-desc
    {
        font-size: 18px;
    }

    .about-brand
    {
        padding: 40px;
    }


    .opt-about__links-link
    {
        padding-right: 15px;
        padding-left: 15px;
    }

    .opt-about__links-name
    {
        font-size: 20px;
    }


    .banner-collection__bg
    {
        min-height: 430px;
    }
    /*------------
		End OPT
	------------*/
}

@media (max-width: 1299px)
{
    body
    {
        font-size: 16px;
    }

    .cats-accord__link-name::before
    {
        top: 14px;
    }


    .main-title,
    .page-title,
    .products__banner-name
    {
        font-size: 36px;
    }

    .modal-title
    {
        font-size: 36px;
    }

    .main-subtitle
    {
        font-size: 20px;
    }

    .small-title
    {
        font-size: 30px;
    }

    .text-block h1,
    .text-block .title
    {
        font-size: 36px;
    }

    .text-block h2
    {
        font-size: 30px;
    }

    ._marg
    {
        margin-top: 96px;
    }

    .btn-grey
    {
        padding: 0 48px;
    }

    .btn-opacity
    {
        padding-right: 47px;
        padding-left: 47px;
    }
    /* .btn-grey
    {
        font-size: 14px;
    } */


    .header-info__box
    {
        width: 270px;
    }

    .header-info__links-link
    {
        margin-left: 24px;
    }


    .header-cats__items
    {
        margin-left: -16px;
    }

    .header-cats__item
    {
        width: calc(100%/4 - 16px);
        margin-left: 16px;
    }

    .header-cats__links
    {
        column-gap: 11px;
    }

    .header-cats__link
    {
        padding-top: 12px;
    }

    .header__collections-slider
    {
        margin-top: 40px;
    }


    .categories__box
    {
        padding: 32px 24px 24px;
    }

    .categories__date
    {
        margin-bottom: 10px;
    }

    .categories__woman-img
    {
        max-width: 380px;
    }

    .categories__man-img
    {
        max-width: 340px;
    }


    .about__wrapp
    {
        padding-top: 58px;
    }

    .about-img4
    {
        right: 10.5%;
    }

    .about__main-subtitle
    {
        max-width: 450px;
        margin-right: auto;
        margin-left: auto;
    }

    .about__desc
    {
        max-width: 450px;
        margin-top: 24px;
    }


    .subscribe__wrapp
    {
        padding: 56px 24px;
    }

    .subscribe__info
    {
        width: 63%;
    }

    .subscribe__desc
    {
        margin-top: 8px;
    }

    .subscribe-form
    {
        margin-top: 32px;
    }


    .cats-cloth__name
    {
        font-size: 36px;
    }


    .new-collection__desc
    {
        margin-top: 16px;
    }


    .season-section__info
    {
        padding: 16px;
    }

    .season-section__name
    {
        font-size: 40px;
    }


    .inner-slider__name
    {
        font-size: 70px;
    }


    .cats-accord__btn
    {
        font-size: 14px;

        padding: 13px 56px 13px 16px;
    }

    .cats-accord__icon
    {
        right: 18px;

        width: 7px;
        height: 12px;
        margin-top: -5px;
    }

    .filter-mini-modal-btn
    {
        padding-right: 20px;
    }

    .filter-mini-modal-btn__icon
    {
        right: 3px;

        width: 7px;
        height: 12px;
    }

    .cats-accord__data
    {
        padding: 24px 10px 16px;
    }

    .cats-accord__link + .cats-accord__link
    {
        margin-top: 16px;
    }

    .cats-accord__link-name::before
    {
        top: 12px;
    }

    .cats-accord__link-name span
    {
        padding-right: 4px;
    }

    .cats-accord__link-val
    {
        padding-left: 4px;
    }


    .product__images
    {
        padding-bottom: 131.5%;
    }

    .products__grid
    {
        margin-top: -32px;
    }

    .products__grid_search
    {
        margin-top: -16px;
    }

    .products__grid .product
    {
        margin-top: 32px;
    }

    .favorite-btn
    {
        top: 16px;
        right: 16px;

        width: 24px;
        height: 24px;
    }

    .product__bot
    {
        flex-wrap: wrap;
    }

    .product__name
    {
        font-size: 14px;

        width: 100%;
        height: 32px;
    }

    .product__buy-btn
    {
        min-width: 95px;
        height: 37px;
        margin: 12px 0 0;
    }

    .product__icon-cart
    {
        width: 18px;
        height: 18px;
    }

    .product__old-price
    {
        font-size: 12px;
    }

    .product__price
    {
        font-size: 14px;
    }

    .buy-btn__block
    {
        font-size: 14px;
    }


    .pagination-up-btn__name
    {
        font-size: 14px;

        margin-right: 8px;
    }

    .pagination-up-btn__icon
    {
        width: 40px;
        height: 40px;
    }


    .filter-catalog__flex
    {
        margin-left: -16px;
    }

    .filter-catalog__item
    {
        margin-left: 16px;
    }

    .filter-catalog__btn svg
    {
        width: 24px;
        height: 12px;
        margin-right: 10px;
    }


    .footer__title
    {
        font-size: 22px;
    }

    .footer__col-contacts
    {
        width: 250px;
    }

    .footer__socials
    {
        margin-left: -24px;
    }

    .footer__socials-item
    {
        margin-left: 24px;
    }

    .footer__socials-border
    {
        width: 50px;
        height: 50px;
    }

    .footer__socials-icon
    {
        width: 22px;
        height: 22px;
    }

    .footer__socials-name
    {
        margin-top: 10px;
    }

    /*------------ 
		bot styles 
	------------*/
    .section-cart__coll
    {
        width: 66%;
    }

    .cart-table__code
    {
        font-size: 14px;
    }

    .cart-table__name
    {
        font-size: 14px;
    }

    .cart-table__select-number
    {
        width: 70px;
    }

    .select-number .nice-select .current
    {
        font-size: 14px;
        line-height: 31px;

        height: 33px;
        padding-right: 35px;
    }

    .select-number .nice-select .current:after
    {
        right: 15px;

        width: 16px;
        height: 16px;
        margin-top: -8px;
    }

    .select-number .nice-select .list .list_item
    {
        font-size: 14px;
        line-height: 16px;
    }


    .amount__val
    {
        width: 62px;
    }

    .amount__btn
    {
        width: 16px;
        height: 16px;
    }

    .amount__input
    {
        font-size: 14px;

        width: 30px;
        height: 16px;
    }


    .cart-table__price
    {
        font-size: 14px;
    }

    .cart-table__old-price
    {
        font-size: 14px;
    }

    .cart-table__delete-btn
    {
        width: 24px;
        height: 24px;
    }


    .total-info
    {
        padding: 24px 16px;
    }

    .section-cart__links-link
    {
        font-size: 14px;

        width: calc(50% - 8px);
        padding-top: 12px;
        padding-bottom: 12px;
    }


    .product-info__colors
    {
        margin-top: 32px;
    }

    .radio-color__text
    {
        width: 40px;
        height: 40px;
    }

    .product-info__sizes
    {
        margin-top: 24px;
    }

    .product-info__sizes-grid
    {
        width: calc(100% + 8px);
        margin-left: -8px;
    }

    .product-info__radio-size
    {
        margin-left: 8px;
    }

    .product-info__buy
    {
        margin-top: 32px;
    }

    .product-info__collections
    {
        padding: 15px;
    }

    .product-info__collections-title
    {
        font-size: 20px;
    }

    .product-info__accordion
    {
        margin-top: 32px;
    }

    .product-info__collections
    {
        margin-top: 32px;
    }

    .accordion__title
    {
        font-size: 20px;
    }


    .search-mini-modal__info
    {
        margin-top: 32px;
    }

    .what-search__items
    {
        margin-top: 16px;
    }


    .page-lk__change
    {
        padding: 0;
    }



    .information__item + .information__item
    {
        margin-top: 96px;
    }

    .about-info__wrap
    {
        max-width: 1030px;
    }

    .about-collection__cols
    {
        padding-top: 40px;
    }

    .about-collection__info
    {
        margin-top: 40px;
    }



    .text-block ul li::before
    {
        top: 8px;
    }


    .shops__cities-link
    {
        line-height: 43px;
    }


    .map
    {
        height: 765px;
    }


    .shops__abs
    {
        padding: 24px 0;
    }

    .shops__scroll
    {
        width: 349px;
    }

    .shops__wrapinput .shops__input
    {
        font-size: 14px;

        height: 48px;
        padding: 0 15px;
    }

    .shops__open
    {
        font-size: 16px;
    }

    .shops__contact
    {
        margin-left: -16px;
    }

    .shops__contact-item
    {
        margin-left: 16px;
    }

    .shops__contact-title
    {
        font-size: 14px;
    }

    .shops__contact-desc
    {
        font-size: 16px;
    }


    .modal_success
    {
        width: 626px;
    }



    /*------------
		OPT
	------------*/
    .cooperation__box
    {
        padding: 40px;
    }


    .contacts__map
    {
        height: 550px;
    }


    .product.opt .product__bot
    {
        margin-top: 16px;
    }

    .product__opt
    {
        padding-top: 12px;
    }

    .product__opt-btn
    {
        font-size: 14px;
    }


    .opt-cart__item
    {
        padding-right: 25px;
        padding-left: 25px;
    }


    .about-order-table + .about-order-table
    {
        margin-top: 32px;
    }

    .about-order-table tr
    {
        display: flex;
        justify-content: flex-start;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .about-order-table tr th
    {
        width: 25%;
    }

    .about-order-table tr th:first-child
    {
        width: 50%;
    }

    .about-order-table tr th:last-child
    {
        display: none;
    }

    .about-order-table tr td
    {
        font-size: 14px;

        width: 25%;
    }

    .about-order-table tr td.about-order-table__info
    {
        width: calc(50% - 120px);
    }

    .about-order-table tr td.about-order-table__total
    {
        width: 100%;
        margin-top: 16px;
        padding-top: 0;
        padding-left: 0;

        text-align: left;
    }

    .about-order-table__total::before
    {
        content: attr(data-label);

        color: #4F4F4F;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;

        display: block;

        margin-bottom: 8px;

        letter-spacing: -.42px;
        text-transform: none;
    }

    .about-order-table__price
    {
        font-size: 16px;
    }

    .about-order-table__old-price
    {
        font-size: 14px;
    }

    .about-order-table__code
    {
        font-size: 14px;
    }



    .section-faq__flex
    {
        margin-top: 32px;
    }

    .section-faq__coll
    {
        width: calc(100% - 326px);
    }

    .accordion__item_grey
    {
        padding-right: 23px;
        padding-left: 23px;
    }

    .section-faq__colr
    {
        width: 310px;
        padding: 23px;
    }

    .modal-desc
    {
        font-size: 18px;
    }
    /*------------
		End OPT
	------------*/
}

.information_big .information__desc{
	font-size: 22px;
	color: #4f4f4f;
}