@charset "UTF-8";

:root {
    --accent: #0070E0;
    --accent-02: #007BF5;
    --accent-03: #0066CC;
    --white: #fff;
    --black: #000;
    --text-icons-borders-01: rgba(0, 0, 0, 1);
    --text-icons-borders-02: rgba(61, 61, 61, 1);
    --text-icons-borders-03: rgba(82, 82, 82, 1);
    --text-icons-borders-04: rgba(133, 133, 133, 1);
    --text-icons-borders-05: rgba(204, 204, 204, 1);
    --bg-01: #f7f7f7;
    --bg-02: #f0f0f0;
    --bg-03: #e0e0e0;
    --red-01: rgba(214, 17, 17, 1);
    --red-02: rgba(255, 235, 235, 1);
    --orange-01: rgba(235, 119, 19, 1);
    --orange-02: rgba(255, 245, 235, 1);
    --green-01: rgba(26, 163, 26, 1);
    --green-02: rgba(236, 246, 236, 1);
    --shadow-dropdown: 0px 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-product-block: 0px 2px 32px rgba(0, 0, 0, 0.1);
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

body[data-theme=blue] {
    --accent: #3949ab;
    --accent-02: #313f9f;
    --accent-03: #283693;
    --bg-01: rgba(57, 73, 171, .06);
    --bg-02: rgba(57, 73, 171, .09);
    --bg-03: rgba(57, 73, 171, .12)
}

body[data-theme=green] {
    --accent: #00897b;
    --accent-02: #00796c;
    --accent-03: #00695c;
    --bg-01: rgba(0, 137, 123, .06);
    --bg-02: rgba(0, 137, 123, .09);
    --bg-03: rgba(0, 137, 123, .12)
}

body[data-theme=yellow] {
    --accent: #c17620;
    --accent-02: #ba6c1a;
    --accent-03: #b36115;
    --bg-01: rgba(193, 118, 32, .06);
    --bg-02: rgba(193, 118, 32, .09);
    --bg-03: rgba(193, 118, 32, .12)
}

body[data-theme=red] {
    --accent: #ea3a72;
    --accent-02: #e73268;
    --accent-03: #e42a5e;
    --bg-01: rgba(234, 58, 114, .06);
    --bg-02: rgba(234, 58, 114, .09);
    --bg-03: rgba(234, 58, 114, .12)
}

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

a,
b,
blockquote,
body,
button,
canvas,
caption,
code,
div,
em,
embed,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
label,
li,
main,
nav,
object,
ol,
p,
pre,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 15px;
    line-height: 140%;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

footer,
header,
main,
nav,
section {
    display: block
}

body {
    line-height: 1;
    color: #000;
    font-family: Inter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    -webkit-appearance: none;
    border-radius: 0
}

a {
    text-decoration: none;
    color: #000;
    background-color: transparent
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
    height: 100%;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body.bgGrey {
    background: #f7f7f7
}

._container {
    padding: 0 16px;
    margin: 0 auto
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: block
}

h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: .02em
}

h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: .02em
}

.formated {
    overflow: hidden
}

.formated__container_small {
    max-width: 1152px
}

.formated__container_small img {
    border-radius: 12px
}

.section-formated-text--seo.animated .formated-text {
    -webkit-animation: .65s forwards swing-in-top-fwd;
    animation: .65s forwards swing-in-top-fwd
}

.section-formated-text--seo .formated-text {
    max-width: 1300px
}

.formated-text h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: .35em 0
}

.formated-text h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: .85em;
    margin-top: 1.2em
}

.formated-text h3 {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    margin-bottom: .7em;
    margin-top: 1.4em
}

.formated-text h4 {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    margin-bottom: .7em;
    margin-top: 1.5em
}

.formated-text h5 {
    margin-bottom: .7em;
    margin-top: 1.5em
}

.formated-text h6 {
    font-size: 18px;
    margin-bottom: .7em;
    margin-top: 2em
}

.formated-text * {
    line-height: 140%
}

.formated-text table {
    width: 100%;
    border-collapse: collapse
}

.formated-text table tr {
    display: block;
    border: 1px solid #ccc
}

.formated-text table tr:first-child {
    display: none
}

.formated-text table tr:first-child td {
    color: #525252
}

.formated-text table tr:not(:last-child) {
    margin-bottom: 24px
}

.formated-text table tr td {
    padding: 12px 16px;
    display: block;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px
}

.formated-text table tr td:first-child {
    padding: 16px;
    background: var(--bg-01)
}

.formated-text table tr td:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.formated-text table tr td:not(:first-child):before {
    content: attr(data-label);
    display: block;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #525252;
    margin-bottom: 4px
}

.formated-text a {
    color: var(--accent)
}

.formated-text a:hover {
    text-decoration: underline
}

.formated-text div:not([class]),
.formated-text p {
    margin: 10px 0;
    line-height: 155%
}

.formated-text ul {
    margin: 16px 0
}

.formated-text ul li {
    position: relative;
    padding-left: 16px;
    padding-bottom: 12px
}

.formated-text ul li:last-child {
    padding-bottom: 0
}

.formated-text ul li::before {
    content: '';
    width: 8px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: .6em;
    border-radius: 2px;
    background-color: var(--black)
}

.formated-text img {
    margin: 24px 0
}

.formated-text ol {
    counter-reset: number-list 00;
    margin: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.formated-text ol>li {
    counter-increment: number-list 1;
    list-style-type: none;
    position: relative;
    padding-left: 40px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.formated-text ol>li::before {
    content: counter(number-list) "";
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: var(--bg-01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-size: 13px
}

.formated-text strong {
    font-weight: 700
}

.formated-text .note {
    background: var(--bg-01);
    padding: 16px;
    border-radius: 8px;
    margin: 1.5em 0
}

.formated-text .note strong {
    color: var(--accent);
    font-weight: 600;
    display: block
}

.formated-text .note p {
    margin: .7em 0
}

.formated-text blockquote {
    border: none;
    padding: 16px;
    background-color: var(--bg-01);
    line-height: 147%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px
}

.formated-text blockquote h1,
.formated-text blockquote h2,
.formated-text blockquote h3,
.formated-text blockquote h4 {
    margin: 0
}

.formated-text blockquote>:first-child {
    margin-top: 0
}

.formated-text blockquote>:last-child {
    margin-bottom: 0
}

.formated-text blockquote br+p {
    margin-top: 14px
}

.formated-text blockquote strong {
    font-weight: 500
}

.tableScroll {
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
    padding-bottom: 18px
}

.tableScroll table {
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 100%;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    color: #000;
    font-weight: 400
}

.tableScroll table thead {
    background: var(--bg-01)
}

.tableScroll table thead tr th {
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    padding: 24px
}

.tableScroll table thead tr th:first-child {
    min-width: 188px
}

.tableScroll table tbody tr:nth-child(2n) {
    background: var(--bg-01)
}

.tableScroll table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #ccc
}

.tableScroll table tbody tr td {
    padding: 24px
}

.formated-block__text p {
    font-size: 14px;
    font-weight: 400
}

.formated-block__text p b {
    font-size: 16px;
    font-weight: 500
}

.formated-block__cards {
    display: -ms-grid;
    display: grid;
    gap: 24px
}

.formated-block__video-content {
    display: block;
    position: relative;
    padding-bottom: 62%;
    height: 0;
    min-height: 0;
    -webkit-transition: .1s;
    transition: .1s
}

.formated-block__video-content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.formated-block__video-play {
    min-width: 56px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--white);
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.formated-block__video-play .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.formated-block__img-content picture {
    display: block;
    position: relative;
    padding-bottom: 62%;
    height: 0;
    min-height: 0;
    -webkit-transition: .1s;
    transition: .1s
}

.formated-block__img-content picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.formated--tabs {
    position: relative;
    padding-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.formated--tabs:before {
    content: "";
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: calc(100% + 400px);
    left: -200px
}

.tabs-formated__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
    margin-bottom: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tabs-formated__tab {
    padding: 0 24px 8px;
    border-bottom: 1px solid transparent;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s;
    position: relative
}

.tabs-formated__tab:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: -1
}

.tabs-formated__tab.is-active {
    background: 0 0;
    border-color: #000
}

.tabs-formated__tab.is-active span {
    color: #000
}

.tabs-formated__tab span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #858585;
    white-space: nowrap
}

.tabs-formated__tab-content {
    display: none
}

.tabs-formated__tab-content.active-content {
    display: block;
    -webkit-animation: .5s forwards fadeIn;
    animation: .5s forwards fadeIn
}

.tabs-formated__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.tabs-formated__row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formated__skils_title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 18px
}

.formated__skils_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18px
}

.formated__skils_content .item {
    position: relative
}

.formated__skils_content .item__icon {
    padding-bottom: 12px
}

.formated__skils_content .item__icon .icon {
    display: block;
    min-width: 40px;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.formated__skils_content .item__title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    padding-bottom: 12px
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 500
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

select {
    opacity: 0
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.af-select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--white);
    width: 100%;
    min-width: 150px;
    height: 48px
}

.af-select--selected .select-styled span {
    color: var(--text-01)
}

.select-styled {
    background-color: var(--white);
    padding: 8px 15px;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    border: 1px solid #b1b1b1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 160%;
    color: #2f3030;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    border-radius: 8px
}

.select-styled span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #2f3030;
    font-size: 15px
}

.select-styled span.af-selected-placeholder {
    color: var(--text-01)
}

.select-styled:after {
    content: "";
    width: 12px;
    min-width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS4zODYgMS4xOWw1LjczOCA1LjUxNSA1Ljc0LTUuNTE0IiBzdHJva2U9IiMwMDkwQzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-left: 15px
}

.select-styled.active,
.select-styled:active {
    -webkit-transition: none;
    transition: none
}

.select-styled.active:after,
.select-styled:active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-list {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: auto;
    left: 0;
    z-index: 999;
    margin: 0;
    background-color: var(--white);
    color: #000;
    min-width: 100%;
    width: auto;
    border-radius: 0;
    max-width: 100%;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .25);
    box-shadow: 0 0 9px rgba(0, 0, 0, .25)
}

.select-list input[type=text] {
    width: calc(100% - 20px) !important;
    margin: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93945 0.931641C4.98074 0.931641 0.941406 4.97096 0.941406 9.9297C0.941406 14.8884 4.98074 18.9356 9.93945 18.9356C12.0575 18.9356 14.0054 18.1933 15.5449 16.961L19.293 20.707C19.4821 20.8883 19.7347 20.9884 19.9967 20.9857C20.2587 20.983 20.5093 20.8779 20.6947 20.6927C20.8801 20.5076 20.9856 20.2572 20.9886 19.9953C20.9917 19.7333 20.892 19.4805 20.7109 19.2911L16.9629 15.5431C18.1963 14.0012 18.9395 12.0502 18.9395 9.9297C18.9395 4.97096 14.8982 0.931641 9.93945 0.931641ZM9.93945 2.93167C13.8173 2.93167 16.9375 6.05187 16.9375 9.9297C16.9375 13.8075 13.8173 16.9356 9.93945 16.9356C6.06162 16.9356 2.94141 13.8075 2.94141 9.9297C2.94141 6.05187 6.06162 2.93167 9.93945 2.93167Z' fill='%23111B29' fill-opacity='0.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 17px auto;
    background-position: 15px center;
    padding-left: 45px !important;
    background-color: var(--white);
    border: 1px solid #ccc
}

.select-list.active {
    display: block
}

.select-options {
    display: none;
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 216px
}

.select-options.active {
    display: block
}

.select-options li {
    margin: 2px 0;
    padding: .75rem 15px;
    border-top: 1px solid #eee;
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    font-size: 14px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.select-options li:first-child {
    border-top: none
}

.select-options li.active,
.select-options li:hover {
    color: var(--blue-dark);
    background: var(--white)
}

.select-options li[rel=hide] {
    display: none
}

.select-list.active.select-list--load li {
    opacity: .4;
    pointer-events: none
}

.select-list.active.select-list--load ul::before {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    display: block;
    border-radius: 50%;
    border-left-color: transparent;
    -webkit-animation: .5s linear infinite loadingrotate;
    animation: .5s linear infinite loadingrotate;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -10px
}

.af-select.af-select--top .select-list {
    top: auto;
    bottom: 100%;
    border-radius: 8px 8px 0 0
}

.af-select.af-select--top .select-styled.active,
.af-select.af-select--top .select-styled:active {
    -webkit-transition: none;
    transition: none;
    border-radius: inherit;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.loading {
    width: auto;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2px;
    position: fixed;
    top: 1px;
    left: 1px;
    right: 1px;
    margin-bottom: -2px;
    display: none
}

.loading.load {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loading .indeterminate {
    background-color: var(--accent)
}

.loading .indeterminate:before {
    -webkit-animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate;
    animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate
}

.loading .indeterminate:after,
.loading .indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right
}

.loading .indeterminate:after {
    -webkit-animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite indeterminate-short;
    animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite indeterminate-short;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

.af-select--multiple .af-check-multiple {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    border-radius: 3px
}

.af-select--multiple .af-check-multiple::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-size: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxTDQgNyAxIDQiIHN0cm9rZT0iIzUyNTE2NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
    opacity: .4
}

.af-select--multiple .af-check-multiple::after {
    background-color: var(--blue-dark);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    content: '';
    border-radius: 3px;
    width: 40%;
    height: 40%;
    margin: auto;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.af-select--multiple .select-options li.active .af-check-multiple::before {
    opacity: 1;
    -webkit-filter: brightness(200);
    filter: brightness(200)
}

.af-select--multiple .select-options li.active .af-check-multiple::after {
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 1
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: 1s linear infinite swiper-preloader-spin;
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: transform .2s, top .2s;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s, left .2s;
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s, right .2s;
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper .swiper-scrollbar {
    background: #ccc;
    height: 1px !important;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: -webkit-grab;
    cursor: grab
}

.swiper .swiper-scrollbar-drag {
    background: #858585
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    min-width: 48px;
    width: 48px;
    height: 48px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-01);
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
    background-color: var(--bg-02)
}

.swiper .swiper-button-next span,
.swiper .swiper-button-prev span {
    display: block;
    min-width: 22px;
    width: 22px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    display: none
}

.swiper-button-prev {
    left: initial;
    top: calc(-48px - 32px);
    right: calc(0px + 60px);
    margin: 0
}

.swiper-button-prev span {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.swiper-button-next {
    left: initial;
    top: calc(-48px - 32px);
    right: 0;
    margin: 0
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60%,
    to {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60%,
    to {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60%,
    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60%,
    to {
        left: 107%;
        right: -8%
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 17px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 17px 0
    }
}

@-webkit-keyframes fade-drop-filter {
    from {
        opacity: 0;
        -webkit-transform: translateY(10vh);
        transform: translateY(10vh)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slit-in-vertical {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slit-in-vertical {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bg-pan-left {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes bg-pan-left {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-20px) scaleX(1.1) scaleY(.8);
        transform: translateX(-20px) scaleX(1.1) scaleY(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-20px) scaleX(1.1) scaleY(.8);
        transform: translateX(-20px) scaleX(1.1) scaleY(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(20px) scaleX(1.1) scaleY(.8);
        transform: translateX(20px) scaleX(1.1) scaleY(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(20px) scaleX(1.1) scaleY(.8);
        transform: translateX(20px) scaleX(1.1) scaleY(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes to-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes to-fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInTop {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInOverlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInOverlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes dropdownAnimation {
    0% {
        -webkit-transform: scaleY(.1) rotateX(45deg);
        transform: scaleY(.1) rotateX(45deg);
        opacity: 0;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: scaleY(1) rotateX(0);
        transform: scaleY(1) rotateX(0);
        opacity: 1;
        -webkit-transform-origin: top;
        transform-origin: top
    }
}

@keyframes dropdownAnimation {
    0% {
        -webkit-transform: scaleY(.1) rotateX(45deg);
        transform: scaleY(.1) rotateX(45deg);
        opacity: 0;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: scaleY(1) rotateX(0);
        transform: scaleY(1) rotateX(0);
        opacity: 1;
        -webkit-transform-origin: top;
        transform-origin: top
    }
}

@-webkit-keyframes dropdownAnimationNScale {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transform-origin: top;
        transform-origin: top
    }
}

@keyframes dropdownAnimationNScale {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transform-origin: top;
        transform-origin: top
    }
}

@-webkit-keyframes showBlockLtoT {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes showBlockLtoT {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes showBlockRtoT {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes showBlockRtoT {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate {
    -webkit-transition: .6s .1s;
    transition: .6s .1s
}

.btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 24px;
    width: 100%;
    border-radius: 12px;
    border: none;
    background: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: var(--white);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:disabled,
.btn[disabled] {
    background: #e0e0e0;
    color: #999;
    cursor: not-allowed;
    pointer-events: none
}

button.btn-blue[data-target=basket].active span {
    position: relative
}

button.btn-blue[data-target=basket].active span:before {
    content: '';
    position: absolute;
    left: -22px;
    top: 4px;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjY3Ni4yNjNhMSAxIDAgMDEuMDYgMS40MTNsLTYuNDI4IDdhMSAxIDAgMDEtMS40MzYuMDM4TC4zIDUuMjE0YTEgMSAwIDAxMS40LTEuNDI4bDIuODM0IDIuNzc3IDUuNzMtNi4yNGExIDEgMCAwMTEuNDEyLS4wNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.btn-custom_i {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
    white-space: nowrap;
    padding: 12px 24px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--white);
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.btn-custom_i .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.btn-l-gray {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 24px;
    width: 100%;
    border-radius: 12px;
    border: none;
    background: var(--bg-01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.btn-blue {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
    padding: 12px 24px;
    width: 100%;
    border-radius: 12px;
    border: none;
    background: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    height: 48px
}

.btn-blue:disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.btnClose {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: var(--white)
}

.btnClose i {
    width: 16px;
    height: 2px;
    margin: -1px 0 -1px -1px;
    background: #858585;
    border-radius: 2px
}

.btnClose i:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btnClose i:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-disabled {
    width: 100%;
    padding: 12px;
    background: #e0e0e0;
    color: #999;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: not-allowed;
    pointer-events: none
}

.btn-loading::after {
    content: '';
    width: 12px;
    min-width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent !important;
    margin-left: 10px;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    -webkit-animation: .5s linear infinite loadingrotate;
    animation: .5s linear infinite loadingrotate;
    display: inline-block;
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    left: 5px
}

.btn-success::after {
    content: '';
    width: 15px;
    min-width: 14px;
    height: 9px;
    border: 2px solid #fff;
    -webkit-animation: none;
    animation: none;
    min-width: 12px;
    display: inline-block;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg) translateX(4px);
    -ms-transform: rotate(-45deg) translateX(4px);
    transform: rotate(-45deg) translateX(4px);
    margin-left: 10px;
    position: relative;
    left: 5px
}

.btn-blick:not(:disabled) {
    position: relative;
    overflow: hidden
}

.btn-blick:not(:disabled)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255, 255, 255, .1)), color-stop(20%, rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .6)));
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 10%, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .6));
    width: 20px;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes loadingrotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loadingrotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes blick {

    15%,
    to {
        left: 110%
    }
}

@keyframes blick {

    15%,
    to {
        left: 110%
    }
}

.tabs-custom {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tabs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    width: 100%
}

.tabs li span {
    font-size: 13px;
    border: 1px solid var(--text-icons-borders-05);
    height: 28px;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 1em;
    white-space: nowrap;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    cursor: pointer
}

.tabs li.is-active span,
.tabs li.is-active span:hover {
    background-color: var(--text-icons-borders-02);
    color: var(--white);
    border: 1px solid var(--text-icons-borders-02)
}

.breadcrumb {
    font-family: var(--font-montserrat);
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 12px
}

.breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 12px;
    -moz-scrollbar-color: transparent transparent;
    -moz-scrollbar-width: none !important;
    scrollbar-width: none !important
}

.breadcrumb li a,
.breadcrumb li span {
    color: #525252;
    padding: 10px 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px
}

.breadcrumb li a:hover {
    color: #000
}

.breadcrumb li::after {
    content: '—';
    margin: 0 4px;
    color: #ccc;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    font-size: 14px
}

.breadcrumb li:last-child::after {
    display: none
}

.breadcrumb li:last-child span {
    color: #858585
}

.dropdown {
    padding: 2px;
    border-radius: 12px;
    font-size: 13px;
    position: relative
}

.dropdown__label {
    position: relative;
    z-index: 6;
    cursor: pointer;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px
}

.dropdown__label::after {
    content: '';
    margin-bottom: -1px;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjE0Ni4xNDZhLjUuNSAwIDAxLjcwOCAwTDQuNSAzLjc5MyA4LjE0Ni4xNDZhLjUuNSAwIDExLjcwOC43MDhsLTQgNGEuNS41IDAgMDEtLjcwOCAwbC00LTRhLjUuNSAwIDAxMC0uNzA4eiIgZmlsbD0iIzg1ODU4NSIvPjwvc3ZnPg==)
}

.dropdown__label:hover {
    background-color: var(--bg-01)
}

.dropdown__list {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
    padding: 40px 8px 8px;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: var(--white);
    display: none;
    -webkit-animation: .3s to-fade;
    animation: .3s to-fade
}

.dropdown__list ul {
    padding-top: 10px
}

.dropdown__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 5px 16px
}

.dropdown__list li a:hover {
    background-color: var(--bg-01);
    border-radius: 8px
}

.dropdown__label {
    padding: 5px 16px
}

.dropdown.active .dropdown__list {
    display: block
}

.dropdown.active .dropdown__label {
    min-width: 213px
}

.dropdown.active .dropdown__label::after {
    -webkit-transform: rotate(179.95deg);
    -ms-transform: rotate(179.95deg);
    transform: rotate(179.95deg)
}

.form {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: var(--font-montserrat);
    font-weight: 500
}

.form input[type=date],
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=tel],
.form input[type=text],
.form textarea {
    font-size: 14px;
    line-height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 8px;
    border: 1px solid #b1b1b1;
    width: 100%;
    color: #222;
    height: 50px;
    padding: 10px 15px
}

.form input[type=date].error,
.form input[type=email].error,
.form input[type=number].error,
.form input[type=password].error,
.form input[type=tel].error,
.form input[type=text].error,
.form textarea.error {
    border-color: #d61111
}

.form input[type=date].error:focus,
.form input[type=email].error:focus,
.form input[type=number].error:focus,
.form input[type=password].error:focus,
.form input[type=tel].error:focus,
.form input[type=text].error:focus,
.form textarea.error:focus {
    outline-color: #d61111
}

.form input[type=date]::-webkit-input-placeholder,
.form input[type=email]::-webkit-input-placeholder,
.form input[type=number]::-webkit-input-placeholder,
.form input[type=password]::-webkit-input-placeholder,
.form input[type=tel]::-webkit-input-placeholder,
.form input[type=text]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
    color: #858585;
    opacity: 1;
    text-shadow: none;
    font-weight: 400
}

.form input[type=date]::-moz-placeholder,
.form input[type=email]::-moz-placeholder,
.form input[type=number]::-moz-placeholder,
.form input[type=password]::-moz-placeholder,
.form input[type=tel]::-moz-placeholder,
.form input[type=text]::-moz-placeholder,
.form textarea::-moz-placeholder {
    color: #858585;
    opacity: 1;
    text-shadow: none;
    font-weight: 400
}

.form input[type=date]:-ms-input-placeholder,
.form input[type=email]:-ms-input-placeholder,
.form input[type=number]:-ms-input-placeholder,
.form input[type=password]:-ms-input-placeholder,
.form input[type=tel]:-ms-input-placeholder,
.form input[type=text]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
    color: #858585;
    opacity: 1;
    text-shadow: none;
    font-weight: 400
}

.form input[type=date]::-ms-input-placeholder,
.form input[type=email]::-ms-input-placeholder,
.form input[type=number]::-ms-input-placeholder,
.form input[type=password]::-ms-input-placeholder,
.form input[type=tel]::-ms-input-placeholder,
.form input[type=text]::-ms-input-placeholder,
.form textarea::-ms-input-placeholder {
    color: #858585;
    opacity: 1;
    text-shadow: none;
    font-weight: 400
}

.form input[type=date]::placeholder,
.form input[type=email]::placeholder,
.form input[type=number]::placeholder,
.form input[type=password]::placeholder,
.form input[type=tel]::placeholder,
.form input[type=text]::placeholder,
.form textarea::placeholder {
    color: #858585;
    opacity: 1;
    text-shadow: none;
    font-weight: 400
}

.form input[type=date]:focus,
.form input[type=date]:hover,
.form input[type=email]:focus,
.form input[type=email]:hover,
.form input[type=number]:focus,
.form input[type=number]:hover,
.form input[type=password]:focus,
.form input[type=password]:hover,
.form input[type=tel]:focus,
.form input[type=tel]:hover,
.form input[type=text]:focus,
.form input[type=text]:hover,
.form textarea:focus,
.form textarea:hover {
    border-color: #3d3d3d;
    outline: 0
}

.form input[disabled] {
    background-color: #eee;
    cursor: not-allowed;
    color: var(--color-borders-2)
}

.form input[data-mac-mask] {
    text-transform: uppercase
}

.form select {
    height: 56px;
    width: 100%
}

.form input[type=date] {
    padding-right: 3em;
    background-size: 1.2em auto;
    background-repeat: no-repeat;
    background-position: calc(100% - 1.25em) center;
    min-width: 165px;
    cursor: pointer
}

.form .af-select[aria-valid=false],
.form input[type=date][aria-valid=false],
.form input[type=email][aria-valid=false],
.form input[type=number][aria-valid=false],
.form input[type=password][aria-valid=false],
.form input[type=tel][aria-valid=false],
.form input[type=text][aria-valid=false] {
    border-color: #fc4646;
    background-color: rgba(249, 66, 88, .12)
}

.form input[type=email][aria-valid=true],
.form input[type=password][aria-valid=true] {
    padding-right: 3em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNTY3IDEwLjI5OUwxMy41NDkuMzE3bDEuNDE0IDEuNDE0LTkuOTgyIDkuOTgyLTEuNDE0LTEuNDE0eiIgZmlsbD0iIzRBQzYzNSIvPjxwYXRoIGQ9Ik0xLjUxIDUuNDM0bDQuNDMgNC40MzItMS40MTMgMS40MTRMLjA5NiA2Ljg0OSAxLjUxIDUuNDM0eiIgZmlsbD0iIzRBQzYzNSIvPjwvc3ZnPg==);
    background-size: 1em auto;
    background-repeat: no-repeat;
    background-position: 96% center
}

.form textarea {
    resize: none
}

.form.is-validate input:invalid {
    background-color: rgba(249, 66, 88, .12)
}

.form div.error {
    color: #f94258;
    font-size: 13px;
    padding-top: .5em;
    width: 100%;
    line-height: 140%;
    font-weight: 400
}

.form__note {
    font-size: 14px;
    color: var(--gray-36, #5b5b5b);
    width: 100%;
    line-height: 150%
}

.form__note span {
    cursor: pointer
}

.form__note a {
    color: var(--green)
}

.form__note a:hover {
    text-decoration: underline
}

.form__note--col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form__note--col2>span {
    cursor: pointer;
    padding-bottom: 10px
}

.form__submit {
    padding-top: 12px
}

.form__submit label.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.form__submit label.checkbox.error .checkbox__elem {
    border-color: #d61111
}

.form__submit label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    -webkit-appearance: auto
}

.form__submit label.checkbox input:checked~.checkbox__elem {
    background-color: #000;
    border-color: #000;
    z-index: 2
}

.form__submit label.checkbox input:checked~.checkbox__elem:after {
    opacity: 1;
    border-radius: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.form__submit label.checkbox .checkbox__elem {
    position: relative;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 2px solid #ccc;
    background: var(--white);
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: .1s;
    transition: .1s
}

.form__submit label.checkbox .checkbox__elem:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 3px;
    top: 4px;
    min-width: 14px;
    width: 14px;
    height: 12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS41IDEuMjM3MzRMNi4yIDExLjg0ODJMMC41IDYuODMzMTdMMS41OTkxNyA1LjU5MTVMNi4wNSA5LjQ5NjVMMTQuMjcwOCAwLjE2NjUwNEwxNS41IDEuMjM3MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    -webkit-transition: .5s cubic-bezier(.08, .8, .16, 1);
    transition: .5s cubic-bezier(.08, .8, .16, 1)
}

.form__submit label.checkbox .checkbox__text {
    font-weight: 400;
    line-height: 24px
}

.form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.form__item>.form__item {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.form__subitem {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 15px;
    margin-right: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.form__subitem--leftlabel {
    max-width: 240px;
    font-size: 16px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    font-weight: 600
}

.form__subitem .form__item .form__subitem:last-child {
    margin-bottom: 0
}

.form__label {
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    color: var(--accent);
    color: var(--text-01);
    padding-bottom: 10px
}

.form__label span[data-tooltip] {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em;
    cursor: pointer
}

.form__label span[data-tooltip] svg {
    fill: var(--blue-light)
}

.form__label span[data-tooltip]:hover svg {
    fill: var(--blue-dark)
}

.form__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form__buttons button {
    margin: 5px
}

.form fieldset {
    border: none;
    padding: 0;
    margin-top: 40px
}

.form fieldset:first-child {
    margin-top: 0
}

.form legend {
    margin-bottom: 30px
}

.form .af-select {
    height: 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.form .af-select .select-options li {
    max-width: none
}

.form .color-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.form .color-checkbox input[type=checkbox],
.form .color-checkbox input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.form .color-checkbox input[type=checkbox]:checked+.color-indicator,
.form .color-checkbox input[type=radio]:checked+.color-indicator {
    outline-color: #3d3d3d
}

.form .color-checkbox .color-indicator {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 3px solid var(--white);
    -webkit-transition: .2s;
    transition: .2s;
    outline: rgba(0, 0, 0, .22) solid 1px
}

.form .color-checkbox .color-label {
    font-size: 15px;
    font-weight: 400;
    padding-left: 12px
}

.form .circle-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.form .circle-checkbox input[type=checkbox],
.form .circle-checkbox input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.form .circle-checkbox input[type=checkbox]:checked+.circle-indicator,
.form .circle-checkbox input[type=radio]:checked+.circle-indicator {
    border-width: 7px;
    border-color: #000
}

.form .circle-checkbox .circle-indicator {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #ccc;
    -webkit-transition: .2s;
    transition: .2s
}

.form .circle-checkbox .circle-label {
    font-size: 15px;
    font-weight: 400;
    padding-left: 12px
}

.form .tabs-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.form .tabs-checkbox input[type=checkbox],
.form .tabs-checkbox input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.form .tabs-checkbox input[type=checkbox]:checked+.circle-indicator,
.form .tabs-checkbox input[type=radio]:checked+.circle-indicator {
    color: #fff;
    background: #333
}

.form .tabs-checkbox .circle-indicator {
    width: auto;
    height: 40px;
    border-radius: 32px;
    color: #333;
    font-size: 14px;
    background: var(--bg-01);
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 20px
}

.form .form__counts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px
}

.form .form__counts .btn {
    width: 40px;
    height: 40px;
    padding: 4px;
    min-width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    opacity: .4
}

.form .form__counts .btn svg {
    margin-left: 0 !important
}

.form .form__counts input {
    height: 40px !important;
    min-width: 40px !important;
    padding: 4px;
    max-width: 104px;
    text-align: center;
    border-radius: 8px;
    font-weight: 400
}

.form .form__counts input::-webkit-inner-spin-button,
.form .form__counts input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form .form__counts input[type=number] {
    -moz-appearance: textfield
}

.input-material {
    position: relative;
    width: auto;
    border: 1px solid var(--white);
    border-radius: 8px;
    padding: 0 15px;
    height: 60px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: var(--white)
}

.input-material input[type=date],
.input-material input[type=email],
.input-material input[type=number],
.input-material input[type=password],
.input-material input[type=tel],
.input-material input[type=text] {
    font-size: 15px;
    padding: 10px 0;
    display: block;
    width: 100%;
    border: none;
    background: 0 0;
    color: var(--accent);
    font-weight: 500;
    height: 20px !important;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    color: #2f3030;
    border-radius: 0;
    font-family: var(--font-montserrat);
    margin-top: 3px
}

.input-material input[type=date]:invalid,
.input-material input[type=email]:invalid,
.input-material input[type=number]:invalid,
.input-material input[type=password]:invalid,
.input-material input[type=tel]:invalid,
.input-material input[type=text]:invalid {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.input-material input:focus {
    outline: 0
}

.input-material label {
    display: block;
    color: #2f3030;
    line-height: 140%;
    font-size: 15px;
    font-family: var(--font-montserrat);
    font-weight: 500;
    position: absolute;
    pointer-events: none;
    left: 0;
    padding-left: 15px;
    top: 18px;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.input-material input:focus~label,
.input-material input[area-valid]~label,
.input-material textarea:focus~label,
.input-material textarea[area-valid=false]~label,
.input-material textarea[area-valid=true]~label {
    top: 8px;
    height: 15px;
    font-size: 12px;
    color: var(--accent)
}

.input-material input[area-valid=false]~.bar::after,
.input-material input[area-valid=false]~.bar::before,
.input-material textarea[area-valid=false]~.bar::after,
.input-material textarea[area-valid=false]~.bar::before {
    background: #ec270d;
    width: 50%
}

.input-material input[area-valid=false]~.tooltip,
.input-material textarea[area-valid=false]~.tooltip {
    color: #ec270d
}

.input-material input:focus[area-valid=false]~.bar::after,
.input-material input:focus[area-valid=false]~.bar::before,
.input-material textarea:focus[area-valid=false]~.bar::after,
.input-material textarea:focus[area-valid=false]~.bar::before {
    background: #ccc;
    width: 50%
}

.input-material input:focus,
.input-material input[area-valid] {
    margin-top: 12px
}

.input-material input[area-valid=true]~.tooltip,
.input-material textarea[area-valid=true]~.tooltip {
    width: 13px;
    height: 13px;
    display: block;
    background-image: url(/img/svg/ic_checked-green.svg);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center
}

.input-material input[area-valid=true]~.tooltip::before,
.input-material textarea[area-valid=true]~.tooltip::before {
    display: none
}

.input-material--textarea {
    height: auto
}

.input-material--textarea textarea {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 0;
    padding-right: 0
}

.input-material--date {
    padding-right: 3em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNDQ0IiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY4Mi42NjciIGhlaWdodD0iNjgyLjY2NyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0xMjEuNSAxLjRjLTMuNyAxLjctNyA1LjItOC40IDguOS0uNiAxLjYtMS4xIDguOC0xLjEgMTYuMnYxMy4zbC0yOS4yLjRjLTI4LjcuMy0yOS41LjQtMzYuOSAzLTIwLjggNy4zLTM1LjMgMjEuNy00Mi42IDQyLjNsLTIuOCA4djM2NWwyLjggOGM3LjMgMjAuNiAyMS43IDM0LjkgNDIuNiA0Mi4zbDcuNiAyLjdoNDA1bDgtMi44YzIwLjYtNy4zIDM0LjktMjEuNyA0Mi4zLTQyLjZsMi43LTcuNnYtMzY1bC0yLjctNy42Yy03LjQtMjAuOS0yMS43LTM1LjMtNDIuMy00Mi42LTcuOS0yLjctOC4yLTIuOC0zNy4yLTMuMWwtMjkuMi0uNC0uMy0xNC44Yy0uMy0xNi4yLS44LTE3LjctNy4yLTIyLjQtMy45LTIuOS0xMy4zLTIuOS0xNy4yIDAtNi40IDQuNy02LjkgNi4yLTcuMiAyMi41bC0uMyAxNC45SDE0NC4xbC0uMy0xNC45Yy0uMy0xNi4yLS44LTE3LjgtNy0yMi40LTMuNC0yLjUtMTEuMy0zLjItMTUuMy0xLjN6bS05LjMgODEuNWMuMyAxMS44IDEuMiAxNC4xIDcuMiAxOC41IDMuOSAyLjkgMTMuMyAyLjkgMTcuMiAwIDYtNC40IDYuOS02LjcgNy4yLTE4LjVsLjQtMTAuOWgyMjMuNmwuNCAxMC45Yy4zIDExLjggMS4yIDE0LjEgNy4yIDE4LjUgMy45IDIuOSAxMy4zIDIuOSAxNy4yIDAgNi00LjQgNi45LTYuNyA3LjItMTguNWwuNC0xMSAyNy4xLjMgMjcuMi4zIDUuNyAyLjhjNy4yIDMuNSAxMyA5LjMgMTYuNSAxNi41IDIuOCA1LjcgMi44IDUuOCAzLjEgMjguOWwuMyAyMy4zSDMydi0yMS4zYzAtMTUuOC40LTIyLjYgMS40LTI2LjIgMy4xLTEwLjEgMTEuOC0xOS4yIDIxLjktMjIuNyA0LjUtMS41IDguOS0xLjcgMzAuOS0xLjhoMjUuNmwuNCAxMC45em0zNjcuNiAyMzIuM2wtLjMgMTM5LjMtMi43IDUuNWMtMy41IDcuMS05LjcgMTMuMy0xNi43IDE2LjhsLTUuNiAyLjdoLTM5N2wtNS41LTIuN2MtNy4xLTMuNS0xMy4zLTkuNy0xNi44LTE2LjdsLTIuNy01LjYtLjMtMTM5LjNMMzIgMTc2aDQ0OGwtLjIgMTM5LjJ6Ii8+PC9zdmc+);
    background-size: 1.2em auto;
    background-repeat: no-repeat;
    background-position: calc(100% - 1.25em) center;
    min-width: 165px;
    cursor: pointer
}

.input-material--suggest {
    padding-right: 3em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNTI1MTY2IiB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjgwNSAxNS44NjZMMTIuMDEgMTEuMDdjMi4xODUtMi42NTkgMi4wMzctNi42MDYtLjQ0Ni05LjA4OWE2Ljc4MyA2Ljc4MyAwIDAwLTkuNTgyIDAgNi43ODMgNi43ODMgMCAwMDAgOS41ODJjMi40ODMgMi40ODIgNi40MjkgMi42MzIgOS4wODkuNDQ2bDQuNzk2IDQuNzk2YS42NjQuNjY0IDAgMDAuOTQtLjkzOXptLTYuMTgyLTUuMjQzYTUuNDUzIDUuNDUzIDAgMDEtNy43MDIgMCA1LjQ1MyA1LjQ1MyAwIDAxMC03LjcwMyA1LjQ1MyA1LjQ1MyAwIDAxNy43MDIgMCA1LjQ1MyA1LjQ1MyAwIDAxMCA3LjcwM3oiLz48L3N2Zz4=);
    background-size: 1.2em auto;
    background-repeat: no-repeat;
    background-position: calc(100% - 1.25em) center;
    min-width: 165px;
    cursor: pointer
}

.input-material--suggest .suggest-list {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: auto;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .25);
    box-shadow: 0 0 9px rgba(0, 0, 0, .25);
    color: #000;
    min-width: 100%;
    width: auto;
    max-height: 300px
}

.input-material--suggest .suggest-list li {
    margin: 0;
    padding: .75rem 15px;
    border-top: 1px solid #e3e0ea;
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.input-material--suggest .suggest-list li.active,
.input-material--suggest .suggest-list li:hover {
    background-color: #ccc
}

.input-material.err {
    border-color: #fc4646
}

.input-material.err label {
    color: #fc4646 !important
}

.multi-mask {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border: 1px solid #c6c6c6;
    z-index: 5;
    max-width: 550px;
    background-color: var(--white);
    border: beige;
    border-radius: 8px
}

.multi-mask.err {
    border: 1px solid #fc4646 !important
}

.multi-mask input[type] {
    border-color: transparent;
    background-color: transparent
}

.multi-mask__select {
    margin: 7px;
    cursor: pointer
}

.multi-mask__select.is-open .multi-mask__dropd {
    display: block
}

.multi-mask__select.is-open .multi-mask__title::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.multi-mask__dropd {
    display: none;
    position: absolute;
    left: 7px;
    top: calc(100% + 7px);
    background-color: #f5f5f5;
    z-index: 5;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.multi-mask__dropd ul {
    list-style-type: none
}

.multi-mask__dropd li {
    padding: 8px 15px;
    white-space: nowrap
}

.multi-mask__dropd li:hover {
    background-color: #eee
}

.multi-mask__title {
    background-color: transparent;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 50;
    padding-left: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    margin-right: -7px
}

.multi-mask__title::after {
    content: '';
    width: 10px;
    height: 6px;
    margin-left: 8px;
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODE3LjI5OWEuNzcyLjc3MiAwIDAxLS4xMyAxLjExOUw1IDUgLjMxMyAxLjQxOGEuNzcyLjc3MiAwIDAxLS4xMy0xLjEyLjg2Ljg2IDAgMDExLjE3LS4xMjRMNSAyLjk2MSA4LjY0Ni4xNzRBLjg2Ljg2IDAgMDE5LjgxNy4zeiIgZmlsbD0iIzAwOTBDMyIvPjwvc3ZnPg==)
}

.multi-mask .country-flag {
    width: 22px;
    height: 15px;
    background-color: #eee;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.multi-mask .country-code {
    font-size: 17px;
    display: inline-block;
    margin-left: 8px
}

.star-required {
    color: red
}

.toggle-switch-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.toggle-switch {
    --toggle-width: 40px;
    --toggle-height: 20px;
    --toggle-padding: 4px;
    --toggle-radius: calc(var(--toggle-height) / 2);
    --bg-off: #CCCCCC;
    --bg-on: #3D3D3D;
    --handle-color: #FFFFFF;
    --handle-color-on: #FFFFFF;
    display: inline-block;
    position: relative;
    width: var(--toggle-width);
    height: var(--toggle-height)
}

.toggle-switch__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.toggle-switch__input:checked+.toggle-switch__label {
    background-color: var(--bg-on)
}

.toggle-switch__input:checked+.toggle-switch__label::after {
    background-color: var(--handle-color-on);
    -webkit-transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
    -ms-transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
    transform: translateX(calc(var(--toggle-width) - var(--toggle-height)))
}

.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__icon-on,
.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__text-on {
    opacity: 1
}

.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__icon-off,
.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__text-off {
    opacity: 0
}

.toggle-switch__input:disabled+.toggle-switch__label {
    opacity: .5;
    cursor: not-allowed
}

.toggle-switch__label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg-off);
    border-radius: var(--toggle-radius);
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.toggle-switch__label::after {
    content: '';
    position: absolute;
    top: var(--toggle-padding);
    left: var(--toggle-padding);
    width: calc(var(--toggle-height) - var(--toggle-padding) * 2);
    height: calc(var(--toggle-height) - var(--toggle-padding) * 2);
    background-color: var(--handle-color);
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.2, .9, .3, 1.1);
    transition: transform .2s cubic-bezier(.2, .9, .3, 1.1);
    transition: transform .2s cubic-bezier(.2, .9, .3, 1.1), -webkit-transform .2s cubic-bezier(.2, .9, .3, 1.1)
}

.toggle-switch_label {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

#status.complete {
    border-left: 5px solid #62ce54;
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

#status.error {
    border-left: 5px solid #d35351;
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

#status {
    background: rgba(6, 21, 38, .9);
    bottom: 0;
    border-left: 5px solid #000;
    color: #fff;
    left: 10px;
    max-width: 300px;
    opacity: 0;
    padding: 15px 25px;
    position: fixed;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    z-index: 10000000;
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

@keyframes zoomInUpPopup {
    from {
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes zoomInUpPopup {
    from {
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes load {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes af-slide-left {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes af-slide-left {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.af-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: .25s;
    transition: .25s
}

.af-popup.is-moving .af-popup__bg {
    pointer-events: none
}

.af-popup__bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: #00000099;
    -webkit-transition: .3s;
    transition: .3s
}

.af-popup__wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 102;
    position: relative;
    min-height: 90vh;
    height: 90vh;
    margin-top: 10vh
}

.af-popup--visible {
    opacity: 1
}

.af-popup__content {
    background: var(--white);
    padding: 24px 16px;
    border-radius: 16px;
    position: relative
}

.af-popup__container {
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
    -webkit-animation: .2s .2s both fade-drop-filter;
    animation: .2s .2s both fade-drop-filter;
    opacity: 0
}

.af-popup__close {
    z-index: 101;
    position: absolute;
    right: 16px;
    top: 30px
}

.af-position-rigth .af-popup__content {
    padding: 0
}

.af-position-rigth .af-popup__close {
    width: 30px;
    height: 30px;
    border: 2px solid var(--accent);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 64px
}

.af-position-rigth .af-popup__close svg {
    width: 14px;
    height: 14px;
    outline: 0
}

.af-position-rigth .af-popup__close svg path {
    stroke: var(--accent)
}

#modal-cities {
    display: none
}

.af-popup #modal-cities {
    display: block
}

.af-spiner {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 105;
    background-color: #fff;
    position: relative;
    margin: 0 auto
}

.af-spiner::after {
    content: '';
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 3px solid var(--accent);
    border-radius: 50%;
    border-left-color: transparent !important;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    -webkit-animation: .5s linear infinite load;
    animation: .5s linear infinite load;
    display: inline-block;
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative
}

#modal-cities .popup h2 {
    margin: 0 0 32px
}

.popup__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--bg-02)
}

.popup__heading-phone,
.popup__heading-question {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    cursor: pointer;
    font-size: 0;
    color: #000
}

.popup__heading-phone .icon,
.popup__heading-question .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.popup h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: .02em;
    margin: 28px 0
}

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

.popup form input:not([type=file]) {
    padding: 12px 16px;
    outline: 0;
    background: 0 0;
    border-radius: 12px;
    border: 1px solid #ccc;
    height: initial;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.popup form input:not([type=file]):focus {
    border-color: #3d3d3d
}

.popup form input:not([type=file])::-webkit-input-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form input:not([type=file])::-moz-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form input:not([type=file]):-ms-input-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form input:not([type=file])::-ms-input-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form input:not([type=file])::placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form textarea {
    padding: 12px 16px;
    outline: 0;
    background: 0 0;
    border-radius: 12px;
    border: 1px solid #ccc;
    height: initial;
    width: 100%;
    min-height: 140px;
    resize: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.popup form textarea:focus {
    border-color: #3d3d3d
}

.popup form textarea::-webkit-input-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form textarea::-moz-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form textarea:-ms-input-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form textarea::-ms-input-placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form textarea::placeholder {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.popup form button {
    margin-top: 12px
}

.popup form .popup__form-field--policy {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #858585;
    margin-top: -4px
}

.popup form .popup__form-field--policy a {
    display: inline-block;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.popup form .popup__form-field--action {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup form .popup__form-field--action p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #000
}

.popup form .popup__form-field--action p:not(:last-child) {
    margin-bottom: 12px
}

.popup form .popup__form-field--action .number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    position: relative;
    -webkit-transition: .1s;
    transition: .1s
}

.popup form .popup__form-field--action .number:before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bg-03);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .1s;
    transition: .1s
}

.popup form .popup__form-field--action .number:not(:last-child) {
    margin-bottom: 12px
}

#modal-call .popup__heading-question {
    color: #525252;
    -webkit-transition: .1s;
    transition: .1s
}

#modal-call .popup__heading-question .icon {
    opacity: .3
}

#modal-question .popup__heading-phone {
    color: #525252;
    -webkit-transition: .1s;
    transition: .1s
}

#modal-question .popup__heading-phone .icon {
    opacity: .3
}

@keyframes fade-drop-filter {

    0%,
    from {
        opacity: 0;
        -webkit-transform: translateY(10vh);
        transform: translateY(10vh)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.faq-item {
    border-radius: 8px;
    border: 1px solid #fff;
    overflow: hidden;
    margin: 8px 0
}

.faq-item.open {
    border-color: #3d3d3d
}

.faq-item.open .faq-item__arrow {
    opacity: 1
}

.faq-item.open .faq-item__arrow:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.faq-item.open .faq-item__answer {
    max-height: 1000px;
    opacity: 1;
    padding: 0 14px 8px;
    margin-top: -8px
}

.faq-item__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 14px;
    background-color: #fff
}

.faq-item__answer {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    color: #555;
    font-size: 14px;
    line-height: 125%;
    padding: 0 24px;
    background-color: var(--white);
    opacity: 0;
    -webkit-transition-property: max-height, opacity, padding;
    transition-property: max-height, opacity, padding
}

.faq-item__answer p:first-child {
    margin-top: 0
}

.faq-item__answer p:last-child {
    margin-bottom: 0
}

.faq-item__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 600;
    font-size: 16px;
    line-height: 133%;
    color: #000
}

.faq-item__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 10px;
    position: relative;
    opacity: .5
}

.faq-item__arrow:after {
    content: '';
    width: 28px;
    height: 28px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    transition: .3s;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDE3LjVMMTQgMTAuNUw3IDE3LjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==)
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px 0
}

.pagination__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__page ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none
}

.pagination__page ul li {
    margin: 0 4px
}

.pagination__page ul li a,
.pagination__page ul li span {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #ccc
}

.pagination__page ul li a svg,
.pagination__page ul li span svg {
    fill: var(--accent)
}

.pagination__page ul li a:hover,
.pagination__page ul li span:hover {
    background-color: var(--bg-01);
    border-color: var(--bg-01)
}

.pagination__page ul li a:hover svg,
.pagination__page ul li span:hover svg {
    fill: var(--white)
}

.pagination__page ul li span {
    pointer-events: none;
    border-color: transparent
}

.pagination__page ul li.active a {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black)
}

.pagination__page ul li.active a svg {
    fill: var(--white)
}

.pagination__page ul li.next a,
.pagination__page ul li.prev a {
    background-color: var(--bg-01);
    border-color: var(--bg-01)
}

.pagination__page ul li.next a:hover,
.pagination__page ul li.prev a:hover {
    background-color: var(--bg-02);
    border-color: var(--bg-02)
}

.pagination__page ul li.next a:active,
.pagination__page ul li.prev a:active {
    background-color: var(--bg-03);
    border-color: var(--bg-03)
}

.pagination__page ul li.next span,
.pagination__page ul li.prev span {
    background-color: transparent
}

.pagination__page ul li.next span svg,
.pagination__page ul li.prev span svg {
    opacity: .5
}

.pagination__more {
    max-width: 412px;
    width: 100%
}

.pagination__more button {
    width: 100%;
    padding: 8px 24px
}

.pagination--showmore .pagination__page {
    width: auto
}

.pagination__total {
    color: #000;
    white-space: nowrap;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination .btn-loading::after {
    border-color: #000
}

.card-review__project * {
    margin: 0
}

.star-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 5px
}

.star-rating label {
    cursor: pointer
}

.star-rating label input {
    display: none
}

.star-rating label svg {
    width: 30px;
    height: 30px;
    fill: #ccc;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.star-rating label:has(input:checked) svg,
.star-rating label:has(input:checked)~label svg {
    fill: #ffc107
}

.star-rating label:hover svg,
.star-rating label:hover~label svg {
    fill: #ffc107
}

.rating__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5px
}

.star {
    cursor: pointer
}

.star svg {
    width: 30px;
    height: 30px;
    fill: #ccc;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.star.active svg {
    fill: #ffc107 !important
}

header {
    z-index: 99;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--white)
}

header:has(.fixed) {
    min-height: 48px
}

.top-header {
    display: none;
    background: var(--bg-01)
}

.top-header__wrapper {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-left: auto
}

.main-header__wrapper {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.main-header .menu-header__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border: none;
    cursor: pointer
}

.main-header .menu-header__btn .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    min-width: 16px;
    width: 16px;
    height: 16px
}

.main-header .menu-header__btn .icon i {
    width: 16px;
    height: 1px;
    border-radius: 2px;
    background: #000;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: margin .3s;
    transition: margin .3s
}

.main-header .menu-header__btn-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000
}

.main-header .menu-header__btn.is--active .icon i {
    margin: -2px -2px -3px -1px
}

.main-header .menu-header__btn.is--active .icon i:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.main-header .menu-header__btn.is--active .icon i:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.main-header .menu-header__btn.is--active .icon i:nth-of-type(3) {
    display: none
}

.main-header__logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 auto
}

.main-header__logo a .icon {
    display: block;
    min-width: 134px;
    width: 134px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-transition: .1s;
    transition: .1s
}

.main-header .catalog-btn {
    display: none
}

.main-header .catalog-btn__btn {
    padding: 10px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border: none;
    background: var(--bg-01);
    border-radius: 12px;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.main-header .catalog-btn__btn .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    min-width: 28px;
    width: 28px;
    height: 28px
}

.main-header .catalog-btn__btn .icon i {
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #000;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: margin .3s;
    transition: margin .3s
}

.main-header .catalog-btn__btn-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-header .catalog-btn__btn.is--active {
    background: #3d3d3d
}

.main-header .catalog-btn__btn.is--active:hover {
    background-color: #525252
}

.main-header .catalog-btn__btn.is--active .icon i {
    background: var(--white);
    margin: -2px -2px -4px -1px
}

.main-header .catalog-btn__btn.is--active .icon i:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.main-header .catalog-btn__btn.is--active .icon i:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.main-header .catalog-btn__btn.is--active .icon i:nth-of-type(3) {
    display: none
}

.main-header .catalog-btn__btn.is--active .catalog-btn__btn-name {
    color: var(--white)
}

.main-header__links {
    margin-left: -8px;
    display: none;
    -webkit-transition: .1s;
    transition: .1s
}

.main-header__links a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000
}

.main-header__search .search-index {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.main-header__search .search-index__input {
    display: none
}

.main-header__search .search-index__btn {
    position: static;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial
}

.main-header__search .search-index__btn .btn-blue {
    display: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    height: auto
}

.main-header__search .search-index__btn .btn-search .icon {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    display: none
}

.main-header__search .search-index__btn .btn-searchMobile .icon {
    width: 24px;
    height: 24px;
    display: block
}

.main-header__search .search-index.is--active .search-index__btn {
    right: 6px
}

.main-header__search .search-index.is--active .btn-blue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-header__search .search-index.is--active .btn-search {
    display: none
}

.main-header__info {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.main-header__info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.main-header__info ul li a .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.main-header__panel {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-left: 32px
}

.main-header__panel .panel-custom_i {
    font-size: 0;
    text-align: center;
    color: #858585;
    border: none;
    background: 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .1s;
    transition: .1s;
    position: relative
}

.main-header__panel .panel-custom_i .count {
    display: none;
    position: absolute;
    right: -24px;
    top: -13px;
    background: var(--accent);
    font-size: 11px;
    height: 16px;
    padding: 2px 4px;
    min-width: 24px;
    font-weight: 600;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px
}

.main-header__panel .panel-custom_i.active .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-header__panel .panel-custom_i .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.main-header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 4;
    background: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-animation: .35s forwards fadeInTop;
    animation: .35s forwards fadeInTop
}

.main-header.fixed .main-header__wrapper {
    margin: 17px 0
}

.bottom-header {
    display: none
}

.bottom-header__wrapper {
    margin: 24px 0
}

.bottom-header__wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 24px
}

.bottom-header__wrapper ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.bottom-header__wrapper ul li .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.bottom-header__wrapper ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 6px
}

.bottom-header__wrapper ul li:has(.icon) a {
    font-weight: 500
}

.country-header {
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.country-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.country-header__title .name {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.country-header__title .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.info-action,
.numbers-action {
    position: relative;
    -webkit-transition: .1s;
    transition: .1s
}

.info-action__title,
.numbers-action__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -webkit-transition: .1s;
    transition: .1s
}

.info-action__title .name,
.numbers-action__title .name {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.info-action__title .icon,
.numbers-action__title .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.data-dropdown {
    position: absolute;
    left: -24px;
    z-index: 6;
    padding-top: 20px;
    min-width: 240px;
    display: none
}

.data-dropdown ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px;
    border-radius: 12px;
    background: var(--white);
    -webkit-box-shadow: 0 4px 16px 0 #0000001A;
    box-shadow: 0 4px 16px 0 #0000001A
}

.data-dropdown ul li:not(:last-child) {
    margin-bottom: 4px
}

.data-dropdown ul li a {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 8px;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.headerMini .main-header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.headerMini .main-header__logo a .icon {
    display: block;
    min-width: 114px;
    width: 114px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-transition: .1s;
    transition: .1s
}

.headerMini .main-header__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-left: 0
}

.headerMini .main-header__panel>ul {
    padding-left: 16px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.headerMini .main-header__panel>ul li a {
    font-size: 15px;
    font-weight: 400
}

.headerMini .main-header__panel>ul li a:hover {
    opacity: .678
}

.headerMini .main-header__panel>ul li.has-children {
    position: relative
}

.headerMini .main-header__panel>ul li.has-children>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.headerMini .main-header__panel>ul li.has-children>a:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOEwxMCAxMkwxNCA4IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    -webkit-transition: .3s;
    transition: .3s
}

.headerMini .main-header__panel>ul li.has-children:hover>a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.headerMini .main-header__panel>ul li.has-children:hover .nav-drop {
    opacity: 1;
    visibility: visible
}

.headerMini .main-header__panel>ul li.has-children .nav-drop {
    position: absolute;
    background-color: var(--white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: calc(100%);
    left: 0;
    width: 100%;
    min-width: 222px;
    padding: 8px 14px;
    z-index: 10;
    -webkit-box-shadow: 0 0 8px -3px #b2b2b2;
    box-shadow: 0 0 8px -3px #b2b2b2;
    border-radius: 7px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.headerMini .main-header__panel>ul li.has-children .nav-drop .nav-drop-item {
    padding: 5px 0
}

.headerMini .main-header__panel .panel-custom_i {
    font-size: 0;
    text-align: center;
    color: #858585;
    border: none;
    background: 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .1s;
    transition: .1s;
    position: relative
}

.headerMini .main-header__panel .panel-custom_i .count {
    display: none;
    position: absolute;
    right: -24px;
    top: -13px;
    background: var(--accent);
    font-size: 11px;
    height: 16px;
    padding: 2px 6px;
    min-width: 24px;
    font-weight: 600;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px
}

.headerMini .main-header__panel .panel-custom_i.active .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerMini .main-header__panel .panel-custom_i .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.headerMini .mobile-menu__catalog-list-cloned .nav {
    gap: 16px
}

.headerMini .mobile-menu__catalog-list-cloned .nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.bgGrey header {
    background: #f7f7f7
}

.headerBasket {
    padding: 32px 0 0
}

.headerBasket__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22px
}

.headerBasket__container>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.headerBasket__back .prevStep {
    font-size: 14px;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.headerBasket__back .prevStep span {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerBasket__back .prevStep .icon {
    display: block;
    min-width: 22px;
    width: 22px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s;
    rotate: -180deg
}

.headerBasket__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerBasket__logo a .icon {
    display: block;
    min-width: 134px;
    width: 134px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-transition: .1s;
    transition: .1s
}

.headerBasket__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px
}

footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--bg-01);
    padding-bottom: 65px
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

footer .btn-setting {
    position: fixed;
    bottom: 54px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--accent);
    z-index: 12;
    cursor: pointer
}

footer .btn-setting .icon {
    width: 24px;
    height: 24px;
    display: block;
    -webkit-animation: 2s linear infinite rotation;
    animation: 2s linear infinite rotation
}

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

.top-footer__item-logo {
    margin-bottom: 16px
}

.top-footer__item-logo a .icon {
    display: block;
    min-width: 184px;
    width: 184px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-transition: .1s;
    transition: .1s
}

.top-footer__item-text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.top-footer__item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.top-footer__item-heading h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #000
}

.top-footer__item-heading .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.top-footer__item-content {
    margin-top: 12px
}

.top-footer__item-content ul:not(.tf-item-contacts__socials) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.top-footer__item-content ul:not(.tf-item-contacts__socials) li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-footer__item-content ul:not(.tf-item-contacts__socials) li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #525252;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    cursor: pointer
}

.top-footer .tf-item-menu .top-footer__item-content {
    display: none
}

.top-footer .tf-item-menu.is--opened .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.top-footer .tf-item-menu.is--opened .top-footer__item-content {
    display: block;
    -webkit-animation: .2s forwards fadeIn;
    animation: .2s forwards fadeIn
}

.top-footer .tf-item-contacts__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px
}

.top-footer .tf-item-contacts__socials li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.top-footer .tf-item-contacts__socials li a .icon {
    display: block;
    min-width: 28px;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.bottom-footer__wrapper {
    padding: 24px 0;
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.bottom-footer__wrapper_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px
}

.bottom-footer__copy {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    position: relative;
    padding-left: 28px
}

.bottom-footer__copy:before {
    content: '';
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk4MSAxMy45ODFDMTMuNTg5MyAxNC4zNzIzIDEzLjA5MDQgMTQuNjM4NiAxMi41NDczIDE0Ljc0NjRDMTIuMDA0MiAxNC44NTQyIDExLjQ0MTQgMTQuNzk4NiAxMC45MyAxNC41ODY2QzEwLjQxODUgMTQuMzc0NSA5Ljk4MTQgMTQuMDE1NyA5LjY3Mzg3IDEzLjU1NTNDOS4zNjYzNCAxMy4wOTQ5IDkuMjAyMiAxMi41NTM3IDkuMjAyMiAxMkM5LjIwMjIgMTEuNDQ2MyA5LjM2NjM0IDEwLjkwNTEgOS42NzM4NyAxMC40NDQ3QzkuOTgxNCA5Ljk4NDM0IDEwLjQxODUgOS42MjU0NSAxMC45MyA5LjQxMzQ0QzExLjQ0MTQgOS4yMDE0MiAxMi4wMDQyIDkuMTQ1NzkgMTIuNTQ3MyA5LjI1MzU3QzEzLjA5MDQgOS4zNjEzNiAxMy41ODkzIDkuNjI3NzIgMTMuOTgxIDEwLjAxOU0xOSAxMkMxOSAxNS44NjYgMTUuODY2IDE5IDEyIDE5QzguMTM0MDEgMTkgNSAxNS44NjYgNSAxMkM1IDguMTM0MDEgOC4xMzQwMSA1IDEyIDVDMTUuODY2IDUgMTkgOC4xMzQwMSAxOSAxMloiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    -webkit-transition: .1s;
    transition: .1s;
    position: absolute;
    left: 0
}

.bottom-footer__payment ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.bottom-footer__payment ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bottom-footer__payment ul li img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

.bottom-footer__develop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.bottom-footer__develop span {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.bottom-footer__develop a {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: var(--accent);
    -webkit-transition: .1s;
    transition: .1s;
    opacity: .8
}

@-webkit-keyframes slide-X {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-X {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.main-menu {
    position: fixed;
    z-index: 20;
    background: var(--white);
    top: 0;
    right: auto;
    left: 0;
    bottom: 0;
    color: #242424;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 80px 25px;
    -webkit-animation: .3s forwards fade-drop-filter;
    animation: .3s forwards fade-drop-filter;
    width: 100%;
    max-width: 576px;
    background-color: var(--white)
}

.main-menu__wrp {
    margin: auto auto auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.main-menu.is-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-menu__logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-menu__logo a img {
    height: 40px;
    width: auto
}

.main-menu__logo a span {
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #888;
    margin-left: 20px;
    padding-top: 20px
}

.main-menu__close {
    position: absolute;
    right: 40px;
    top: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid var(--accent);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2
}

.main-menu__close svg {
    fill: var(--accent);
    width: 22px
}

.main-menu__close:hover svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .3s;
    transition: .3s
}

.main-menu__nav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 40px;
    padding-bottom: 20px
}

.main-menu__nav nav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.main-menu__nav nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-menu__nav nav ul li {
    padding: 7px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.main-menu__nav nav ul li.isset-sub>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-menu__nav nav ul li.isset-sub>a::after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41NzUuMzI3QS45LjkgMCAwMTEuODQ3LjI4NGw2LjIyIDUuODA0TDE0LjI4NS4yODRhLjkuOSAwIDExMS4yMjggMS4zMTVMOC42OCA3Ljk3N2EuOS45IDAgMDEtMS4yMjggMEwuNjIgMS42QS45LjkgMCAwMS41NzUuMzI3eiIgZmlsbD0iIzAwOTBDMyIvPjwvc3ZnPg==);
    width: 36px;
    height: 36px;
    background-size: 14px auto;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    right: -36px;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none
}

.main-menu__nav nav ul li.isset-sub.is-open>a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-menu__nav nav ul li.isset-sub.is-open>.sub-menu {
    max-height: 100vh;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .1s .1s;
    transition: .1s .1s;
    opacity: 1;
    visibility: visible
}

.main-menu__nav nav ul li.isset-sub.is-open>.sub-menu .isset-sub.is-open a::after {
    margin-left: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.main-menu__nav nav ul li .sub-menu {
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    padding: 10px 0 0
}

.main-menu__nav nav ul li .sub-menu li {
    width: 100%;
    padding: 0
}

.main-menu__nav nav ul li .sub-menu li:hover>a {
    color: var(--accent)
}

.main-menu__nav nav ul li .sub-menu li a {
    font-size: 17px;
    font-weight: 500;
    padding: 13px 0;
    height: auto;
    font-family: var(--font-montserrat);
    color: #2f3030
}

.main-menu__nav nav ul li .sub-menu li a::after {
    margin-left: auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.main-menu__nav nav ul li .sub-menu li:last-child {
    border-bottom: 0
}

.main-menu__nav nav ul li .sub-menu .sub-menu {
    -webkit-transform: translateY(0) translateX(-7px);
    -ms-transform: translateY(0) translateX(-7px);
    transform: translateY(0) translateX(-7px);
    padding-left: 15px
}

.main-menu__nav nav ul li .sub-menu .sub-menu a {
    font-size: 18px;
    font-weight: 600
}

.main-menu__nav nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    position: relative;
    font-size: 23px;
    font-weight: 500
}

.main-menu__nav nav ul li a::after {
    position: absolute !important;
    left: 105%;
    right: auto
}

.main-menu__nav nav ul li a svg {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.main-menu__nav nav ul li a:hover {
    color: var(--accent)
}

.main-menu__nav nav>ul>li.isset-sub>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.main-menu__contact {
    padding: 0 0 26px;
    border-top: 1px solid var(--bg-03)
}

.main-menu__contact .header-contact {
    font-size: 16px;
    text-align: center;
    padding-top: 30px
}

.main-menu__contact .header-contact__title {
    text-align: center
}

.main-menu__contact .header-contact__link {
    font-size: 20px
}

.main-menu__contact .header-contact__link .color--green {
    color: var(--accent)
}

.main-menu__social {
    padding-top: 5px;
    padding-bottom: 25px
}

.main-menu__social ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

body.open-mobile-menu {
    overflow-y: hidden !important
}

body.open-mobile-menu header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    background-color: var(--white);
    right: 0;
    width: 100%
}

body.open-mobile-menu main {
    margin-top: 68px
}

.menu-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 22px
}

.menu-bottom__region {
    font-size: 15px;
    color: var(--accent);
    font-weight: 600;
    padding-bottom: 12px
}

.menu-bottom__region span {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-bottom__region span::after {
    width: 12px;
    height: 12px;
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41NzUuMzI3QS45LjkgMCAwMTEuODQ3LjI4NGw2LjIyIDUuODA0TDE0LjI4NS4yODRhLjkuOSAwIDExMS4yMjggMS4zMTVMOC42OCA3Ljk3N2EuOS45IDAgMDEtMS4yMjggMEwuNjIgMS42QS45LjkgMCAwMS41NzUuMzI3eiIgZmlsbD0iIzAwOTBDMyIvPjwvc3ZnPg==);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-left: 10px;
    position: relative;
    top: 2px
}

.menu-bottom__phone {
    padding-bottom: 6px
}

.menu-bottom__phone a {
    font-size: 26px;
    font-weight: 600;
    cursor: pointer
}

.menu-bottom__phone a:hover {
    color: var(--accent)
}

.menu-bottom__email a {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.menu-bottom__email a:hover {
    color: var(--accent)
}

.menu-bottom__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    gap: 6px
}

.search-index {
    max-width: 640px
}

.search-index__field {
    position: relative
}

.search-index__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-index__input input {
    width: 100%;
    padding: 12px 16px;
    outline: 0;
    border-radius: 12px;
    border: 1px solid #ccc;
    -webkit-transition: .1s;
    transition: .1s
}

.search-index__input input:focus {
    border-color: #3d3d3d
}

.search-index__btn {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-index__btn .btn-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 4px;
    background: 0 0;
    border: none;
    margin: 0
}

.search-index__btn .btn-search .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.simple-card-product__img {
    margin-bottom: 24px
}

.simple-card-product__img picture {
    position: relative;
    display: block;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden
}

.simple-card-product__img picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain
}

.simple-card-product__content-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.simple-card-product__content-name:hover {
    text-decoration: underline
}

.simple-card-product__content-price {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.simple-card-product__content-price span {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #858585
}

.catalog-list {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: var(--white);
    border-top: 1px solid #ccc;
    display: none
}

.catalog-list.is--active {
    display: block;
    -webkit-animation: .5s forwards showBlockLtoT;
    animation: .5s forwards showBlockLtoT
}

.catalog-list__container {
    height: 100%
}

.catalog-list__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    margin: 16px 0 32px
}

.catalog-list__heading-back .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.catalog-list__heading .search-index {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.catalog-list__heading-close .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.catalog-list__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%
}

.catalog-list__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.catalog-list__links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc
}

.catalog-list__links ul li {
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 12px 0 0 12px
}

.catalog-list__links ul li a,
.catalog-list__links ul li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000
}

.catalog-list__links ul li .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.catalog-list__links-all {
    margin-top: 8px;
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 12px 0 0 12px;
    -webkit-transition: .1s;
    transition: .1s
}

.catalog-list__links-all a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.catalog-list__links-all a span {
    font-size: 16px;
    font-weight: 500
}

.catalog-list__links-all .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.catalog-list__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 0
}

.catalog-list__info-item {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--white);
    z-index: 1
}

.catalog-list__info-item.is-active {
    display: none
}

.catalog-list__info-item.is--active-md {
    display: block;
    -webkit-animation: .25s forwards showBlockLtoT;
    animation: .25s forwards showBlockLtoT
}

.catalog-list__info-item .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: .02em;
    color: #000;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 24px
}

.catalog-list__info-item .title:before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bg-03);
    position: absolute;
    left: 0;
    bottom: 0
}

.catalog-list__info-item-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    height: calc(var(--vh, 1vh) * 100 - 190px);
    overflow: auto
}

.catalog-list__info-item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.catalog-list__info-item-content .list ul {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.catalog-list__info-item-content .list ul:not(:last-child) {
    margin-bottom: 24px
}

.catalog-list__info-item-content .list ul li:not(:last-child) {
    margin-bottom: 16px
}

.catalog-list__info-item-content .list ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.catalog-list__info-item-content .list ul li a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
    position: relative
}

.catalog-list__info-item-content .list ul li a span:before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bg-03);
    position: absolute;
    left: 0;
    bottom: 0
}

.catalog-list__info-item-content .all {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
    position: relative;
    margin-top: 24px
}

.catalog-list__info-item-content .all:before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bg-03);
    position: absolute;
    left: 0;
    bottom: 0
}

.catalog-list__info-item-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 480px
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: var(--white);
    -webkit-box-shadow: 0 2px 32px 0 #0000001A;
    box-shadow: 0 2px 32px 0 #0000001A;
    display: none
}

.mobile-menu.is--active {
    display: block;
    -webkit-animation: .5s forwards showBlockLtoT;
    animation: .5s forwards showBlockLtoT
}

.mobile-menu__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    margin: 16px 0
}

.mobile-menu__heading .search-index {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mobile-menu__heading-close .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.mobile-menu__catalog-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000
}

.mobile-menu__catalog-list {
    height: calc(var(--vh, 1vh) * 100 - 100px);
    overflow: auto
}

.mobile-menu__catalog-list-cloned {
    padding: 16px 0
}

.mobile-menu__catalog-list-cloned:not(:last-child) {
    border-bottom: 1px solid var(--bg-02)
}

.mobile-menu__catalog-list-cloned ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.mobile-menu__catalog-list-cloned ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.mobile-menu__catalog-list-cloned ul li:has(.icon) a {
    font-weight: 500
}

.mobile-menu__catalog-list-cloned ul li .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.mobile-menu__catalog-list-cloned ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 6px
}

.open-find-popup .header__wrapper .search-index__btn .btn-search {
    display: none
}

.open-find-popup .header__wrapper .search-index__btn .btn-blue {
    display: block
}

.open-find-popup>footer,
.open-find-popup>main {
    position: relative
}

.open-find-popup>footer:after,
.open-find-popup>main:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 16;
    background: rgba(0, 0, 0, .6)
}

.top-search {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: var(--white);
    border-top: 1px solid #ccc;
    display: none
}

.top-search .search-index__btn_mobile {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.top-search .search-index__btn_mobile .btn {
    border-radius: 0
}

.top-search.is-open {
    display: block;
    -webkit-animation: .5s forwards showBlockLtoT;
    animation: .5s forwards showBlockLtoT
}

.top-search .hide {
    display: none
}

.top-search__categ ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-search__categ ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.top-search__categ ul li:not(:last-child) {
    margin-bottom: 12px
}

.top-search__categ ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.top-search__categ ul li a span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #858585
}

.top-search__wrp {
    padding: 16px 0 20px;
    position: relative
}

.top-search__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 18px
}

.top-search__heading .search-index {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.top-search__heading-close .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.top-search__left {
    padding: 12px 0;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-search__right {
    padding: 8px 0
}

.top-search__right .simple-card-product__content-name a {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.top-search__popular {
    padding-bottom: 16px
}

.top-search__popular ul {
    gap: 10px
}

.top-search__popular ul li a,
.top-search__popular ul li span {
    background-color: var(--bg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 10px;
    border-radius: 24px;
    font-size: 15px;
    cursor: pointer
}

.top-search__popular ul li a:hover,
.top-search__popular ul li span:hover {
    color: var(--accent)
}

.top-search__looking {
    padding-bottom: 20px
}

.top-search__looking ul li {
    font-size: 15px;
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.top-search__looking ul li::before {
    content: '';
    min-width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0Ljk2IDcuNzY4YTcuMjMgNy4yMyAwIDEwLS41NiAyLjc5MiIgc3Ryb2tlPSIjMDAwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi44OTMgNi40MzNsMS42MzEgMS42NTVhLjQ1My40NTMgMCAwMC42NDIgMGwxLjYyNy0xLjYyOGEuNDUzLjQ1MyAwIDEwLS42NDEtLjY0MWwtMS4xNDggMS4xNDdoLS4zMTlsLTEuMTUxLTEuMTc1YS40NTMuNDUzIDAgMTAtLjY0MS42NDJ6IiBmaWxsPSIjMDAwIi8+PHBhdGggZD0iTTUuODIyIDEwLjM4N0w4LjE5IDguMDYxVjIuODIzIiBzdHJva2U9IiMwMDAiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 12px
}

.top-search__looking ul li:hover {
    text-decoration: underline
}

.top-search__looking ul li:hover a {
    color: var(--accent)
}

.top-search__label {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 19px
}

.top-search__label span {
    color: var(--accent)
}

.top-search__fields {
    background-color: var(--black);
    min-height: 69px
}

.top-search__suggest {
    display: none
}

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

.top-search__form .btn,
.top-search__form input[type] {
    height: 42px;
    border-radius: 3px
}

.top-search__form .btn {
    padding: 0;
    min-width: auto;
    margin-left: -3px
}

.top-search__form .btn svg {
    width: 38px;
    height: 38px
}

.top-search__form input[type] {
    padding: 0 42px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45MDcgMTQuNDAxQTcuMjM0IDcuMjM0IDAgMDE3LjU1IDE1Ljg2Yy00LjA5NiAwLTcuNDE3LTMuNDI1LTcuNDE3LTcuNjVDLjEzMyAzLjk4NSAzLjQ1My41NiA3LjU1LjU2YzQuMDk3IDAgNy40MTcgMy40MjUgNy40MTcgNy42NWE3Ljc2IDcuNzYgMCAwMS0xLjg0MiA1LjA0NmwzLjAwOCAzLjEwMS0xLjE2NiAxLjIwMy0zLjA2MS0zLjE1OHpNMTMuMzIgOC4yMWMwIDMuMjg2LTIuNTgzIDUuOTUtNS43NjkgNS45NXMtNS43NjktMi42NjQtNS43NjktNS45NSAyLjU4My01Ljk1IDUuNzY5LTUuOTUgNS43NjkgMi42NjQgNS43NjkgNS45NXoiIGZpbGw9IiNDN0M3QzciLz48L3N2Zz4=);
    background-position: 12px 11px;
    background-repeat: no-repeat
}

.top-search__form input[type]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent
}

.top-search__placeholder {
    font-size: 15px
}

.top-search__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.top-search__hits .top-search__label {
    padding-bottom: 15px
}

.top-search__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px
}

.top-search__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.top-search__input .icon-cross {
    width: 42px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
    opacity: .3
}

.top-search__input .icon-cross:hover {
    opacity: 1
}

.top-search__item {
    padding: 10px 12px;
    margin-bottom: 12px
}

.top-search__category {
    padding-left: 48px;
    position: relative;
    margin-bottom: 10px
}

.top-search__category::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjI4Mi43MzJsNC43NzMgNC43NzNhLjc1Ljc1IDAgMDEwIDEuMDZsLTQuNzczIDQuNzczYS43NS43NSAwIDExLTEuMDYtMS4wNmwzLjQ5Mi0zLjQ5M0guNTQ3di0xLjVoMTEuMTY3TDguMjIgMS43OTNBLjc1Ljc1IDAgMDE5LjI4MS43MzJ6IiBmaWxsPSIjMDA5MEMzIi8+PC9zdmc+);
    position: absolute;
    left: 0;
    right: 0;
    width: 34px;
    height: 34px;
    background-color: #f5f5f5;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50px
}

.top-search__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 107%;
    padding-bottom: 4px;
    color: var(--black)
}

.top-search__title:hover {
    color: var(--accent)
}

.top-search__path {
    white-space: nowrap;
    font-size: 12px;
    color: #5f5f5f
}

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

.top-search__path li {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    opacity: .3
}

.top-search__path li::after {
    content: '/';
    display: inline-block;
    padding: 0 5px
}

.top-search__path li:last-child::after {
    display: none
}

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

.top-search__row .simple-card-product__img {
    background-color: var(--bg-01);
    border-radius: 8px
}

.top-search__row .simple-card-product__img img {
    mix-blend-mode: multiply
}

.top-search__product .top-search__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 0
}

.top-search__image {
    min-width: 62px;
    width: 62px;
    background-color: var(--bg);
    -ms-flex-item-align: start;
    align-self: flex-start
}

.top-search__image .bgimage {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    mix-blend-mode: multiply;
    border-radius: 6px
}

.top-search__main {
    padding-left: 20px
}

.top-search__desc {
    opacity: .4;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    padding-bottom: 12px
}

.top-search__cost {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 107%
}

.top-search__cost span {
    color: #777;
    font-weight: 400;
    text-decoration: line-through
}

.top-search__all {
    padding-top: 20px
}

.top-search__all .btn {
    height: 46px;
    font-size: 16px;
    width: auto
}

.top-search__close {
    position: absolute;
    right: 0;
    top: 28px;
    display: none
}

.ts-remove {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjEzOSAxMS4zOTFsMS4zMzUtMS4zMzUtNC4wMDYtNC4wMDUgNC4wMDYtNC4wMDVMMTAuMTM5LjcxIDYuMTMzIDQuNzE2IDIuMTI4LjcxLjc5MyAyLjA0NiA0Ljc5OCA2LjA1Ljc5MyAxMC4wNTZsMS4zMzUgMS4zMzUgNC4wMDUtNC4wMDUgNC4wMDYgNC4wMDV6IiBmaWxsPSIjNjY2Ii8+PC9zdmc+)
}

header.is-mobile .header__find input {
    display: block
}

header.is-mobile .find-icon {
    background-color: #eee;
    border-radius: 50%
}

header.is-mobile .top-search.is-open {
    visibility: visible;
    top: 100%;
    padding-top: 20px
}

.open-find-popup {
    overflow: hidden
}

.open-find-popup .find-enter {
    display: inline-block
}

.header__find form {
    position: relative
}

.search-empty__actions {
    gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 22px
}

.search-empty__actions a {
    width: auto
}

.search-empty p {
    color: #8e8e8e;
    margin-top: 9px
}

.search-empty {
    text-align: center;
    padding: 60px 20px;
    margin: 0 auto;
    background-color: var(--bg-01);
    border-radius: 12px
}

.search-emptyicon {
    margin-bottom: 24px;
    opacity: .6
}

.search-emptytitle {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    line-height: 1.3
}

.search-emptytext {
    font-size: 16px;
    color: #666;
    margin-bottom: 32px;
    line-height: 1.5
}

.search-emptyactions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-empty__actions .btn {
    min-width: 180px
}

.banner {
    position: relative;
    overflow: hidden
}

.banner .swiper[data-slider=banner] .swiper-wrapper {
    padding-bottom: 40px
}

.banner .swiper[data-slider=banner] .swiper-pagination-bullet {
    opacity: 1;
    border: 1px solid #ccc;
    background: 0 0;
    -webkit-transition: .1s;
    transition: .1s;
    margin: 0 8px
}

.banner .swiper[data-slider=banner] .swiper-pagination-bullet-active {
    width: 24px;
    border-color: transparent;
    border-radius: 4px;
    background: #3d3d3d;
    -webkit-transition: .2s;
    transition: .2s
}

.banner .swiper[data-slider=banner] .swiper-button-prev {
    left: 0
}

.banner .swiper[data-slider=banner] .swiper-button-prev:hover {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .1)));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 100%)
}

.banner .swiper[data-slider=banner] .swiper-button-prev:hover span {
    margin-right: 20px
}

.banner .swiper[data-slider=banner] .swiper-button-next {
    left: initial;
    right: 0
}

.banner .swiper[data-slider=banner] .swiper-button-next:hover {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(270deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, 0) 100%)
}

.banner .swiper[data-slider=banner] .swiper-button-next:hover span {
    margin-left: 20px
}

.banner .swiper[data-slider=banner] .swiper-button-next,
.banner .swiper[data-slider=banner] .swiper-button-prev {
    display: none;
    top: 0;
    margin: 0;
    height: calc(100% - 40px);
    width: 160px;
    border-radius: 0;
    background: 0 0;
    -webkit-transition: .1s;
    transition: .1s
}

.banner .swiper[data-slider=banner] .swiper-button-next span,
.banner .swiper[data-slider=banner] .swiper-button-prev span {
    display: block;
    min-width: 120px;
    width: 120px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .3s;
    transition: .3s
}

.banner__slider-card {
    min-height: 500px;
    padding: 32px 0
}

.banner__slider-card-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #d5d5d5
}

.banner__slider-card-img picture {
    display: none;
    width: 100%;
    height: 100%
}

.banner__slider-card-img picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner__slider-card-img-md {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #d5d5D5FF
}

.banner__slider-card-img-md picture {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.banner__slider-card-img-md picture img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.banner__slider-card-wrapper {
    padding: 0 16px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    height: 100%
}

.banner__slider-card-content span {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px
}

.banner__slider-card-content span:before {
    content: '';
    min-width: 16px;
    width: 16px;
    height: 2px;
    background: var(--white);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner__slider-card-content div {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: .02em;
    color: var(--white);
    margin-bottom: 12px;
    max-width: 708px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    opacity: 0;
    margin: .67em 0;
}

.banner__slider-card-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
    max-width: 538px;
    -webkit-transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.banner__slider-card-content p:not(:last-child) {
    margin-bottom: 12px
}

.banner__slider-card-content a {
    display: inline-block
}

.banner__slider-card-content button {
    margin-top: 24px
}

.banner__slider-card-video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #d5d5d5
}

.banner__slider-card-video video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner__slider-card-video-content {
    height: 100%;
    width: 100%;
    position: absolute
}

.banner__slider-card-video-content::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .123)
}

.banner .swiper-slide-active .banner__slider-card-content div,
.banner .swiper-slide-active .banner__slider-card-content p {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.popular-category {
    overflow: hidden
}

.popular-category h2 {
    margin-bottom: 16px
}

.popular-category .tabs-custom__tabs {
    margin-bottom: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: hidden;
    overflow-x: auto;
    margin-right: -16px
}

.popular-category .tabs-custom__tabs::-webkit-scrollbar {
    display: none
}

.popular-category .swiper[data-slider=popular-category] {
    overflow: initial;
    padding-bottom: 30px
}

.popular-category .swiper[data-slider=popular-category] .swiper-slide {
    max-width: 190px;
    height: auto;
    opacity: .6;
    -webkit-animation: .9s forwards to-fade;
    animation: .9s forwards to-fade
}

.popular-category .swiper[data-slider=popular-category] .swiper-slide.swiper-slide-visible {
    opacity: 1 !important;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.popular-category .swiper[data-slider=popular-category] .swiper-slide:not(.swiper-slide-visible) {
    opacity: .6 !important
}

.popular-category .swiper[data-slider=popular-category] .swiper-slide.hidden {
    display: none
}

.popular-category.animated .popular-category__container {
    -webkit-animation: .65s forwards slit-in-vertical;
    animation: .65s forwards slit-in-vertical
}

.exclusive {
    overflow: hidden
}

.exclusive .swiper[data-slider=exclusive],
.exclusive .swiper[data-slider=in-stock] {
    overflow: initial;
    padding-bottom: 32px
}

.exclusive .swiper[data-slider=exclusive] .swiper-slide,
.exclusive .swiper[data-slider=in-stock] .swiper-slide {
    height: auto;
    max-width: 298px
}

.exclusive .swiper[data-slider=exclusive] .swiper-scrollbar,
.exclusive .swiper[data-slider=in-stock] .swiper-scrollbar {
    position: absolute;
    bottom: 0;
    z-index: 0
}

.exclusive .swiper[data-slider=exclusiveMini] {
    overflow: initial;
    padding-bottom: 32px
}

.exclusive .swiper[data-slider=exclusiveMini] .swiper-slide {
    height: auto;
    max-width: 218px
}

.exclusive .swiper[data-slider=exclusiveMini] .swiper-button-next,
.exclusive .swiper[data-slider=exclusiveMini] .swiper-button-prev {
    top: calc(-48px - 8px)
}

.exclusive .swiper[data-slider=exclusiveMini] .swiper-scrollbar {
    position: absolute;
    bottom: 0;
    z-index: 0
}

.exclusive h2 {
    margin-bottom: 24px
}

.exclusive.animated .swiper-wrapper {
    -webkit-animation: .65s forwards slit-in-vertical;
    animation: .65s forwards slit-in-vertical
}

.exclusive .product-card:not(:hover) .product-card__size {
    opacity: 0
}

.exclusive .swiper[data-slider=exclusive] .swiper-slide:has(.product-card--vertical),
.exclusive .swiper[data-slider=in-stock] .swiper-slide:has(.product-card--vertical) {
    max-width: 260px
}

.recommended {
    overflow: hidden
}

.recommended .swiper[data-slider=recommended] {
    overflow: initial;
    padding-bottom: 32px
}

.recommended .swiper[data-slider=recommended] .swiper-slide {
    max-width: 298px
}

.recommended__heading {
    margin-bottom: 24px
}

.recommended__heading h2 {
    margin-bottom: 12px
}

.recommended__heading p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.recommended.animated .swiper-wrapper .swiper-slide {
    -webkit-animation: .3s forwards slide-left;
    animation: .3s forwards slide-left;
    opacity: 0
}

.recommended.animated .swiper-wrapper .swiper-slide:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.recommended.animated .swiper-wrapper .swiper-slide:nth-child(2) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.recommended.animated .swiper-wrapper .swiper-slide:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.recommended.animated .swiper-wrapper .swiper-slide:nth-child(4) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.recommended--media .recommended-card__img picture {
    padding-bottom: 66%
}

.recommended-card.no-shadow-bottom::before {
    display: none
}

.recommended-card {
    position: relative
}

.recommended-card:before {
    content: '';
    width: 100%;
    height: 40%;
    border-radius: 0 0 16px 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 70%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none
}

.recommended-card:hover::before {
    content: '';
    height: 50%
}

.recommended-card:hover h3 {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.recommended-card__img picture {
    position: relative;
    display: block;
    padding-bottom: 126%;
    height: 0;
    overflow: hidden;
    width: 100%
}

.recommended-card__img picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}

.recommended-card__info {
    padding: 10px 20px;
    border-radius: 24px;
    background: var(--white);
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
    pointer-events: none
}

.recommended-card__info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.recommended-card__content {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    pointer-events: none
}

.recommended-card__content h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: var(--white);
    margin-bottom: 8px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.recommended-card__content h3 a {
    color: var(--white)
}

.recommended-card__content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--white)
}

.idea {
    overflow: hidden
}

.idea h2 {
    margin-bottom: 24px
}

.idea__items {
    display: -ms-grid;
    display: grid;
    gap: 16px
}

.idea__item {
    position: relative
}

.idea__item picture {
    position: relative;
    display: block;
    padding-bottom: 135%;
    height: 0;
    overflow: hidden
}

.idea__item picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}

.idea__item.b-idea-item picture {
    padding-bottom: 65%
}

.idea__item-bullet {
    position: absolute;
    z-index: 2
}

.idea__item-bullet-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #00000066;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.idea__item-bullet-icon span {
    display: block;
    min-width: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--white);
    -webkit-transition: .3s;
    transition: .3s
}

.idea__item-bullet.bullet-jacket {
    left: 25%;
    top: 40%
}

.idea__item-bullet.bullet-jacket .idea__item-bullet-content {
    left: 50%;
    bottom: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.idea__item-bullet.bullet-dress {
    right: 25%;
    top: 60%
}

.idea__item-bullet.bullet-dress .idea__item-bullet-content {
    left: -170px;
    bottom: calc(100% + 10px)
}

.idea__item-bullet-content {
    display: none;
    position: absolute;
    min-width: 250px;
    padding: 20px;
    border-radius: 12px;
    background: var(--white);
    -webkit-box-shadow: 0 2px 32px 0 #0000001A;
    box-shadow: 0 2px 32px 0 #0000001A
}

.idea__item-bullet-content h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-bottom: 12px
}

.idea__item-bullet-content .bullet-prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px
}

.idea__item-bullet-content .bullet-prices__current {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000
}

.idea__item-bullet-content .bullet-prices__discount {
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.idea__item-bullet-content .bullet-prices__sale {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    padding: 4px 12px;
    border-radius: 24px;
    background: var(--bg-01)
}

.idea__item-bullet-content button.btn-l-gray a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.idea__item-bullet.is-active .idea__item-bullet-content {
    display: block
}

.idea .btn-l-gray {
    margin-top: 16px;
    padding: 12px 24px;
    border-radius: 12px
}

.idea .btn-l-gray a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000
}

.idea__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

.idea__item:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 16px;
    height: 100%;
    gap: 16px
}

.product-card:hover .product-card__heading-images-item-img-pagination {
    opacity: 1;
    -webkit-animation: .5s forwards fadeInOverlay;
    animation: .5s forwards fadeInOverlay
}

.product-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.product-card__heading {
    position: relative
}

.product-card__heading-images-item {
    display: none
}

.product-card__heading-images-item.is--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: .5s forwards fadeInOverlay;
    animation: .5s forwards fadeInOverlay
}

.product-card__heading-images-item-img {
    display: none;
    width: 100%;
    margin-bottom: 10px
}

.product-card__heading-images-item-img.active {
    display: block;
    -webkit-animation: .5s forwards fadeInOverlay;
    animation: .5s forwards fadeInOverlay
}

.product-card__heading-images-item-img picture {
    position: relative;
    display: block;
    padding-bottom: 66%;
    height: 0;
    overflow: hidden
}

.product-card__heading-images-item-img picture img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 12px;
    color: transparent
}

.product-card__heading-images-item-img-pagination {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 4px
}

.product-card__heading-images-item-img-pagination .dot {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.product-card__heading-images-item-img-pagination .dot:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #ccc
}

.product-card__heading-images-item-img-pagination .dot.active:after,
.product-card__heading-images-item-img-pagination .dot:hover:after {
    background-color: #3d3d3d
}

.product-card__heading-discount {
    padding: 2px 9px;
    border-radius: 24px;
    background: var(--bg-01);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1
}

.product-card__heading-discount span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.product-card__heading-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    -webkit-transition: .1s;
    transition: .1s
}

.product-card__heading-actions button {
    border: none;
    background: 0 0;
    cursor: pointer
}

.product-card__heading-actions button .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.product-card__heading-actions button.active .icon svg {
    fill: #3d3d3d
}

.product-card__heading-actions button.active .icon svg path {
    stroke: #3d3d3d
}

.product-card__heading-actions:has(.compare-btn.active),
.product-card__heading-actions:has(.favorite-btn.active) {
    opacity: 1
}

.product-card__heading-actions:has(.compare-btn.active) button,
.product-card__heading-actions:has(.favorite-btn.active) button {
    opacity: 0
}

.product-card__heading-actions:has(.compare-btn.active) button.active,
.product-card__heading-actions:has(.favorite-btn.active) button.active {
    opacity: 1
}

.product-card .product-action-name {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-bottom: 4px;
    -webkit-transition: .1s;
    transition: .1s
}

.product-card .product-action-model {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #858585
}

.product-card .product-action-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px
}

.product-card .product-action-price .price-current {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.product-card .product-action-price .price-current * {
    font-size: 20px
}

.product-card .product-action-price .price-discount {
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.product-card .product-action-price .price-discount * {
    font-size: 15px
}

.product-card__color {
    margin-top: 16px
}

.product-card__color ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.product-card__color ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-box-shadow: 0 0 3px -1px #0000005e;
    box-shadow: 0 0 3px -1px #0000005e;
    -webkit-transition: .3s;
    transition: .3s
}

.product-card__color ul li:hover {
    border-color: rgba(204, 204, 204, .6)
}

.product-card__color ul li.is--active {
    border-color: var(--accent)
}

.product-card__color ul li label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

.product-card__color ul li label input {
    display: none
}

.product-card__color ul li label span {
    min-width: 16px;
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.product-card__size {
    margin-top: 16px
}

.product-card__size-title {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    margin-bottom: 4px
}

.product-card__size ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

.product-card__size ul li {
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    padding: 4px 12px;
    border-radius: 24px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-card__size ul li:hover {
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    background-color: var(--bg-01);
    border: 1px solid var(--bg-01)
}

.product-card__size ul li.active {
    border-color: transparent;
    background: #3d3d3d
}

.product-card__size ul li.active span {
    color: var(--white)
}

.product-card__size ul li span {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #000
}

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

.product-card__btns .btn-blue {
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.product-card__btns .btn-blue.active {
    background: var(--accent-03)
}

.product-card__btns .btn-blue.active:hover {
    background: var(--accent)
}

.product-card__out-of-stock {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(214, 17, 17, .9);
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    z-index: 2
}

.product-card__out-of-stock.out-of-stock {
    color: #d61111;
    font-size: 13px;
    font-weight: 600;
    margin-top: 6px
}

.product-card__out-of-stock.onbackorder {
    background: rgba(255, 152, 0, .9)
}

.product-card--vertical .product-card__heading-images-item-img picture {
    position: relative;
    display: block;
    padding-bottom: 133%;
    height: 0;
    overflow: hidden
}

.product-card--vertical .product-card__heading-images-item-img picture img {
    height: 100%;
    border-radius: 12px
}

.product-card--vertical .product-card__heading-discount {
    background: #fff
}

.product-card--vertical .product-card__heading-actions {
    background-color: #fff;
    border-radius: 40px;
    padding: 3px 6px;
    gap: 1px
}

.product-card--vertical .product-card__heading .product-action-price {
    margin-top: 12px
}

.format h2 {
    margin-bottom: 12px
}

.format p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.format p:not(:last-child) {
    margin-bottom: 12px
}

.action-panel {
    padding: 8px 0;
    background: var(--white);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%
}

.action-panel .config-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px
}

.action-panel .config-action__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.action-panel .config-action__icon {
    position: relative
}

.action-panel .config-action__icon .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.action-panel .config-action__icon .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -14px;
    top: -6px;
    background: var(--accent);
    height: 16px;
    padding: 2px 4px;
    min-width: 20px;
    font-weight: 600;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 10px
}

.action-panel .config-action__icon .count>* {
    font-size: 11px;
    font-weight: 400
}

.action-panel .config-action__icon .count:empty {
    display: none
}

.action-panel .config-action__name {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #858585
}

.bottom-popup label.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    line-height: 140%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bottom-popup label.checkbox::before {
    display: none
}

.bottom-popup .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none
}

.bottom-popup .checkbox .checkbox__text a {
    text-decoration: underline;
    display: inline
}

.bottom-popup .checkbox .checkbox__text {
    line-height: 140%;
    font-size: 13px;
    text-transform: none;
    font-weight: 400
}

.bottom-popup .checkbox .checkbox__elem {
    top: 5px;
    position: relative;
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: var(--white);
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #bcbcbc;
    border-radius: 4px
}

.bottom-popup .checkbox .checkbox__elem::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 9px;
    height: 5px;
    -webkit-transition: .25s cubic-bezier(.08, .82, .17, 1);
    transition: .25s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background: 0 0
}

.bottom-popup .checkbox input:checked~.checkbox__elem {
    background-color: var(--black);
    border-color: var(--black);
    z-index: 2
}

.bottom-popup .checkbox .checkbox__elem:hover {
    border-color: var(--accent)
}

.bottom-popup .checkbox input:checked~.checkbox__elem:after {
    opacity: 1;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bottom-popup .checkbox input:disabled~.checkbox__elem {
    opacity: .5;
    cursor: not-allowed
}

.bottom-popup {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    display: none;
    -webkit-animation: .3s forwards slide-up;
    animation: .3s forwards slide-up;
    text-align: left
}

.bottom-popup__wrp {
    background-color: var(--white);
    padding: 40px 32px;
    -webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 1px rgba(0, 0, 0, .1);
    max-width: 1240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 16px;
    position: relative;
    top: 0
}

.bottom-popup__title {
    font-size: 25px;
    line-height: 28px;
    color: #090c15;
    margin-bottom: 15px;
    display: none;
    font-weight: 600
}

.bottom-popup.open.is-setting .bottom-popup__title {
    display: block
}

.bottom-popup__desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #111
}

.bottom-popup__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.bottom-popup__btn button {
    white-space: nowrap;
    padding-left: 2em;
    padding-right: 2em
}

.bottom-popup__btn .btn.btn-gray {
    background-color: #ddd;
    color: #333
}

.bottom-popup.open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block
}

.bottom-popup__main {
    padding-right: 35px
}

.bottom-popup__desc a {
    color: #000;
    text-decoration: underline;
    display: inline;
    color: var(--accent)
}

.bottom-popup__desc a:hover {
    opacity: .8;
    text-decoration: none
}

.bottom-popup__toggle {
    color: var(--accent);
    padding-top: 14px;
    font-weight: 400
}

.bottom-popup__toggle span {
    cursor: pointer;
    text-decoration: underline
}

.bottom-popup__toggle span:hover {
    opacity: .8;
    text-decoration: none
}

.bottom-popup__icon {
    padding-right: 25px;
    margin-top: -3px;
    display: none
}

.bottom-popup__setting {
    display: none;
    line-height: 140%;
    color: #222;
    padding-top: 15px
}

.setting-cookie {
    font-size: 15px;
    padding-top: 14px
}

.setting-cookie__desc strong {
    font-weight: 500
}

.setting-cookie__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    padding-bottom: 11px
}

.setting-cookie__checkbox {
    width: 38px;
    min-width: 38px
}

.bottom-popup__setting p {
    font-size: 14px;
    line-height: 146%
}

.bottom-popup.open.is-setting .bottom-popup__main {
    padding-right: 0
}

.bottom-popup.open.is-setting .bottom-popup__toggle {
    display: none
}

.bottom-popup.open.is-setting .bottom-popup__setting {
    padding-top: 30px;
    padding-bottom: 20px;
    display: block
}

@-webkit-keyframes bounce {

    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    25% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce {

    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    25% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.bottom-popup__setting h3 {
    font-weight: 500;
    color: #000;
    font-size: 18px;
    padding-bottom: 12px
}

#settings-form input[type=checkbox],
#settings-form input[type=radio] {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    border-radius: 0
}

.settings-modal-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.settings-modal-content {
    overflow-y: auto;
    padding: 0 20px 20px;
    min-height: 0;
    height: calc(100vh - 159px)
}

@-moz-document url-prefix() {

    .af-popup,
    .settings-modal-content {
        scrollbar-color: rgba(154, 185, 191, .5) var(--color-bg-3);
        scrollbar-width: thin !important
    }
}

.settings-fixed-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    z-index: 100;
    margin-top: auto
}

.settings-submit-btn {
    min-width: 200px
}

.settings-submit-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.device-mode-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.device-mode {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.device-mode .checkbox__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.device-preview-panel.hidden .device-buttons {
    display: none !important
}

.device-preview-panel.hidden {
    top: 81% !important
}

.products {
    overflow: initial
}

.products h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0;
    padding-bottom: 26px
}

.products .filter-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    scrollbar-width: none;
    margin-bottom: 24px
}

.products .filter-products__sort {
    margin-left: auto
}

.products .filter-products__view {
    display: none
}

.products .filter-products__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.products .filter-products__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 24px;
    border: 1px solid transparent;
    background: var(--bg-01);
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.products .filter-products__button.btn-filter {
    color: var(--white);
    background: var(--accent-02)
}

.products .filter-products__button.btn-filter .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.products .filter-products__button.btn-stock {
    padding: 10px 16px 10px 10px;
    border-color: #ccc;
    background: var(--white)
}

.products .filter-products__button.btn-stock .btn-stock__tumbler {
    min-width: 40px;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 20px;
    position: relative
}

.products .filter-products__button.btn-stock .btn-stock__tumbler span {
    position: absolute;
    top: 50%;
    left: 2px;
    min-width: 12px;
    width: 12px;
    height: 12px;
    background: var(--white);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .3s;
    transition: left .3s
}

.products .filter-products__button.btn-stock.active {
    border-color: #ccc;
    background: var(--white);
    color: #000
}

.products .filter-products__button.btn-stock.active .btn-stock__tumbler {
    background: #3d3d3d
}

.products .filter-products__button.btn-stock.active .btn-stock__tumbler span {
    left: calc(100% - 14px)
}

.products .filter-products__result {
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    margin-left: 16px
}

.products .filter-products__default {
    position: relative
}

.products .filter-products__default-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.products .filter-products__default-value {
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.products .filter-products__default .icon {
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.products__cards {
    display: -ms-grid;
    display: grid;
    gap: 24px
}

.products .product-card {
    position: relative
}

.products .product-card__body {
    z-index: 3;
    position: relative
}

.view-mode {
    padding: 5px;
    border: 1px solid var(--text-icons-borders-05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    border-radius: 30px
}

.view-mode__big,
.view-mode__small {
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .5
}

.view-mode__big svg,
.view-mode__small svg {
    width: 15px;
    height: 15px
}

.view-mode__big:hover,
.view-mode__small:hover {
    opacity: 1
}

.view-mode.is-active-big .view-mode__big {
    background-color: #3d3d3d;
    opacity: 1
}

.view-mode.is-active-big .view-mode__big svg {
    fill: var(--white)
}

.view-mode.is-active-small .view-mode__small {
    opacity: 1;
    background-color: #3d3d3d
}

.view-mode.is-active-small .view-mode__small svg {
    fill: var(--white)
}

.category-filter {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 520px;
    height: 100%;
    background: var(--white);
    display: none
}

.category-filter.is--active {
    display: block;
    -webkit-animation: .5s forwards showBlockRtoT;
    animation: .5s forwards showBlockRtoT
}

.category-filter__heading {
    padding: 32px 16px 0
}

.category-filter__heading-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category-filter__heading-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #000
}

.category-filter__body,
.category-filter__filter {
    height: 100%
}

.category-filter__filter form {
    height: calc(100% - 90px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category-filter__props {
    padding: 0 16px 32px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin
}

.category-filter__item {
    padding: 16px 0;
    position: relative
}

.category-filter__item:not(:last-child):before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--bg-02)
}

.category-filter__item .filter-properties__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.category-filter__item .filter-properties__list {
    margin-top: 16px
}

.category-filter__item .filter-properties__list ul.is-open li {
    display: block
}

.category-filter__item .filter-properties__list ul li {
    display: none
}

.category-filter__item .filter-properties__list ul li:nth-child(-n+5) {
    display: block
}

.category-filter__item .filter-properties__list ul li:not(:last-child) {
    margin-bottom: 16px
}

.category-filter__item .filter-properties__list ul li label.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.category-filter__item .filter-properties__list ul li label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.category-filter__item .filter-properties__list ul li label.checkbox input:checked~.checkbox__elem {
    background-color: #000;
    border-color: #000;
    z-index: 2
}

.category-filter__item .filter-properties__list ul li label.checkbox input:checked~.checkbox__elem:after {
    opacity: 1;
    border-radius: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.category-filter__item .filter-properties__list ul li label.checkbox .checkbox__elem {
    position: relative;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 2px solid #ccc;
    background: var(--white);
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: .1s;
    transition: .1s
}

.category-filter__item .filter-properties__list ul li label.checkbox .checkbox__elem:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    min-width: 14px;
    width: 14px;
    height: 12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS41IDEuMjM3MzRMNi4yIDExLjg0ODJMMC41IDYuODMzMTdMMS41OTkxNyA1LjU5MTVMNi4wNSA5LjQ5NjVMMTQuMjcwOCAwLjE2NjUwNEwxNS41IDEuMjM3MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    -webkit-transition: .5s cubic-bezier(.08, .8, .16, 1);
    transition: .5s cubic-bezier(.08, .8, .16, 1)
}

.category-filter__item .filter-properties__list ul li label.checkbox .checkbox__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.category-filter__item .filter-properties__list .sub-menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.category-filter__item .filter-properties__list .sub-menu-toggle.is-open .icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.category-filter__item .filter-properties__list .sub-menu-toggle .icon {
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjYwMDM5MSAxLjUwOTMzTDIuMTA5MTkgLTQuOTM1NTRlLTA3TDcuMDAyNTIgNC45ODA4TDExLjg5MTYgLTYuNTk1MTdlLTA4TDEzLjQwMDQgMS41MDkzM0w3LjAwMjUyIDhMMC42MDAzOTEgMS41MDkzM1oiIGZpbGw9IiM1QzVFNUYiLz4KPC9zdmc+Cg==)
}

.category-filter__item .filter-properties__range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.category-filter__item .filter-properties__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-filter__item .filter-properties__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-filter__item .filter-properties__input:nth-of-type(1) input {
    border-radius: 8px 0 0 8px
}

.category-filter__item .filter-properties__input:nth-of-type(2) {
    position: relative;
    left: -1px
}

.category-filter__item .filter-properties__input:nth-of-type(2) input {
    border-radius: 0 8px 8px 0
}

.category-filter__item .filter-properties__input:nth-of-type(2):hover {
    z-index: 2
}

.category-filter__item .filter-properties__input input {
    width: 100%;
    height: 40px !important;
    padding: 10px 16px;
    border: 1px solid #ccc;
    outline: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.category-filter__item .filter-properties__input input:focus {
    border-color: #3d3d3d
}

.category-filter__item .filter-properties__slider {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.category-filter__item .filter-properties__slider .slider-touch-left {
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    z-index: 2;
    cursor: pointer;
    margin-right: 12px
}

.category-filter__item .filter-properties__slider .slider-touch-left span {
    display: block;
    height: 16px;
    width: 16px;
    background: #3d3d3d;
    border-radius: 50%;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.category-filter__item .filter-properties__slider .slider-touch-left span:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.category-filter__item .filter-properties__slider .slider-touch-right {
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    z-index: 2;
    cursor: pointer
}

.category-filter__item .filter-properties__slider .slider-touch-right span {
    display: block;
    height: 16px;
    width: 16px;
    background: #3d3d3d;
    border-radius: 50%;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.category-filter__item .filter-properties__slider .slider-touch-right span:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.category-filter__item .filter-properties__slider .slider-line {
    position: absolute;
    left: 0;
    top: 8px;
    width: 100%;
    height: 2px;
    background: #ccc;
    z-index: 0;
    overflow: hidden
}

.category-filter__item .filter-properties__slider .slider-line span {
    display: block;
    height: 100%;
    width: 0;
    background: #3d3d3d
}

.category-filter__item .btn-stock {
    padding: 0 !important;
    border: none !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 15px !important;
    line-height: 24px !important
}

.category-filter__item .btn-stock:hover {
    background: 0 0 !important
}

.category-filter__submit {
    padding: 24px 0 0;
    border-top: 1px solid #ccc
}

.category-filter__submit-wrapper {
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.category-filter__clear {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    border-bottom: 1px solid #858585
}

.contacts h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.contacts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    padding-top: 22px
}

.contacts__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px
}

.contacts__links a .icon {
    display: block;
    min-width: 28px;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

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

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

.contacts__content-info-heading h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    margin-bottom: 24px
}

.contacts__content-info-heading-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
    padding-left: calc(24px + 12px)
}

.contacts__content-info-heading-number:before {
    content: '';
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjkzNDkgNC4yMDAxMUMxNy45Mzg2IDQuNDExMzQgMTkuODEwMiA1LjMwMDQ4IDIxLjI0MDIgNi43MjA0OEMyMi42NzAzIDguMTQwNDkgMjMuNTczIDEwLjAwNjMgMjMuNzk5MiAxMi4wMDkzTTE1LjkzNDkgOC4xMzQyM0MxNi45MDE3IDguMzI0OTcgMTcuNzg4OSA4LjgwMjA3IDE4LjQ4MTMgOS41MDM2MUMxOS4xNzM4IDEwLjIwNTEgMTkuNjM5NCAxMS4wOTg3IDE5LjgxNzkgMTIuMDY4M00yMy43NTAxIDE4Ljg3NDRWMjEuODI1QzIzLjc1MTIgMjIuMDk4OSAyMy42OTUxIDIyLjM3IDIzLjU4NTQgMjIuNjIxQzIzLjQ3NTcgMjIuODcyIDIzLjMxNDkgMjMuMDk3MyAyMy4xMTMxIDIzLjI4MjRDMjIuOTExNCAyMy40Njc2IDIyLjY3MzIgMjMuNjA4NiAyMi40MTM5IDIzLjY5NjNDMjIuMTU0NSAyMy43ODQxIDIxLjg3OTcgMjMuODE2NyAyMS42MDcgMjMuNzkyQzE4LjU4MjEgMjMuNDYzMiAxNS42NzYzIDIyLjQyOSAxMy4xMjM0IDIwLjc3MjZDMTAuNzQ4MiAxOS4yNjI1IDguNzM0NDQgMTcuMjQ3OCA3LjIyNTE0IDE0Ljg3MTRDNS41NjM3NyAxMi4zMDU2IDQuNTI5ODcgOS4zODQyOSA0LjIwNzIgNi4zNDQyQzQuMTgyNjMgNi4wNzIyMiA0LjIxNDk0IDUuNzk4MTEgNC4zMDIwNiA1LjUzOTMxQzQuMzg5MTggNS4yODA1IDQuNTI5MjEgNS4wNDI2OSA0LjcxMzIzIDQuODQxQzQuODk3MjUgNC42MzkzMSA1LjEyMTIzIDQuNDc4MTYgNS4zNzA5MSA0LjM2NzgyQzUuNjIwNTkgNC4yNTc0OCA1Ljg5MDUgNC4yMDAzNiA2LjE2MzQ1IDQuMjAwMTFIOS4xMTI1OEM5LjU4OTY1IDQuMTk1NDEgMTAuMDUyMiA0LjM2NDQzIDEwLjQxMzkgNC42NzU2OEMxMC43NzU2IDQuOTg2OTIgMTEuMDExOSA1LjQxOTE0IDExLjA3ODcgNS44OTE3OEMxMS4yMDMxIDYuODM2MDMgMTEuNDM0IDcuNzYzMTcgMTEuNzY2OCA4LjY1NTVDMTEuODk5MSA5LjAwNzUzIDExLjkyNzcgOS4zOTAxMSAxMS44NDkzIDkuNzU3OTJDMTEuNzcwOSAxMC4xMjU3IDExLjU4ODcgMTAuNDYzMyAxMS4zMjQ0IDEwLjczMDdMMTAuMDc2IDExLjk3OThDMTEuNDc1NCAxNC40NDIxIDEzLjUxMzEgMTYuNDgwOSAxNS45NzQyIDE3Ljg4MUwxNy4yMjI3IDE2LjYzMTlDMTcuNDg5OSAxNi4zNjc1IDE3LjgyNzQgMTYuMTg1MyAxOC4xOTUgMTYuMTA2OEMxOC41NjI2IDE2LjAyODQgMTguOTQ1IDE2LjA1NyAxOS4yOTY5IDE2LjE4OTNDMjAuMTg4OCAxNi41MjIzIDIxLjExNTUgMTYuNzUzMyAyMi4wNTkyIDE2Ljg3NzhDMjIuNTM2OCAxNi45NDUyIDIyLjk3MjkgMTcuMTg1OSAyMy4yODQ2IDE3LjU1NEMyMy41OTY0IDE3LjkyMjEgMjMuNzYyIDE4LjM5MiAyMy43NTAxIDE4Ljg3NDRaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    -webkit-transition: .1s;
    transition: .1s;
    position: absolute;
    left: 0;
    top: 0
}

.contacts__content-info-heading-number p {
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.contacts__content-info-heading-number a {
    font-weight: 500;
    line-height: 24px;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.contacts__content-info .additional-info {
    padding: 16px 20px;
    border-radius: 16px;
    background: var(--bg-01)
}

.contacts__content-info .additional-info__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 24px
}

.contacts__content-info .additional-info__cards {
    display: -ms-grid;
    display: grid;
    gap: 20px
}

.contacts__content-info .additional-info__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.contacts__content-info .additional-info__card .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.contacts__content-info .additional-info__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.contacts__content-info .additional-info__card-content p {
    font-weight: 500;
    line-height: 24px;
    color: #000
}

.contacts__content-info .additional-info__card-content p:not(:first-child) {
    font-weight: 400
}

.contacts__content-info .additional-info__card-content.email a {
    border-bottom: 1px solid #000
}

.contacts__content-info .additional-info__card-content a {
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.contacts__content-form-heading {
    margin-bottom: 24px
}

.contacts__content-form-heading h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: #000;
    margin-bottom: 8px
}

.contacts__content-form-heading p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #858585
}

.contacts__content-form form,
.contacts__content-form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.contacts__content-form input,
.contacts__content-form textarea {
    width: 100%;
    padding: 12px 16px;
    outline: 0;
    border-radius: 12px;
    border: 1px solid #ccc;
    -webkit-transition: .1s;
    transition: .1s;
    resize: none
}

.contacts__content-form input::-webkit-input-placeholder,
.contacts__content-form textarea::-webkit-input-placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #858585
}

.contacts__content-form input::-moz-placeholder,
.contacts__content-form textarea::-moz-placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #858585
}

.contacts__content-form input:-ms-input-placeholder,
.contacts__content-form textarea:-ms-input-placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #858585
}

.contacts__content-form input::-ms-input-placeholder,
.contacts__content-form textarea::-ms-input-placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #858585
}

.contacts__content-form input::placeholder,
.contacts__content-form textarea::placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #858585
}

.contacts__content-form input:focus,
.contacts__content-form textarea:focus {
    border-color: #3d3d3d
}

.contacts__content-form textarea {
    min-height: 80px
}

.contacts__content-form-policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px
}

.contacts__content-form-policy .form__submit {
    padding-top: 8px
}

.contacts__content-form-policy .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    color: #858585;
    text-align: left
}

.contacts__content-form-policy .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.contacts__content-form-policy .form__submit .checkbox__text a:hover {
    color: var(--accent)
}

.contacts__info h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: #000;
    margin-bottom: 24px
}

.contacts__info ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000
}

.contacts__info ul li:not(:last-child) {
    margin-bottom: 8px
}

.map-container {
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
    border: 6px solid var(--bg-03)
}

.ymaps-2-1-79-copyright__content-cell,
.ymaps-2-1-79-gototech {
    display: none
}

.card-catalog {
    height: 100%;
    padding: 15px 12px;
    border-radius: 16px;
    border: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .1s;
    transition: .1s;
    background-color: var(--bg-01)
}

.card-catalog:hover {
    background-color: var(--bg-02)
}

.card-catalog--white {
    background-color: transparent;
    border: 1px solid var(--text-icons-borders-05);
    -webkit-transition: .3s;
    transition: .3s
}

.card-catalog--white:hover {
    background-color: transparent;
    border: 1px solid var(--text-icons-borders-01)
}

.card-catalog--white img {
    mix-blend-mode: unset
}

.card-catalog--fill {
    background-color: transparent;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0
}

.card-catalog--fill .card-catalog__image {
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.card-catalog--fill .card-catalog__image picture {
    padding-bottom: 100%
}

.card-catalog--fill .card-catalog__image img {
    mix-blend-mode: unset;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover
}

.card-catalog--fill:hover {
    background-color: transparent
}

.card-catalog--fill:hover .card-catalog__title a {
    color: var(--accent)
}

.card-catalog--fill:hover .card-catalog__image {
    opacity: .5
}

.card-catalog__image {
    margin-bottom: 12px
}

.card-catalog__image picture {
    position: relative;
    display: block;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden
}

.card-catalog__image picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain;
    mix-blend-mode: multiply;
    color: transparent
}

.card-catalog__title a {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #000;
    line-height: 131%;
    min-height: 36px;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-catalog {
    margin-bottom: 30px
}

.products__subcat:not(.is-open) .is-hide {
    display: none
}

.products__subcat.is-open .show-more-button svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.show-more-button {
    display: none
}

.show-more-button span {
    display: none;
    margin-right: 10px
}

.catalog__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 21px;
    width: 100%
}

.catalog__h1 h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.catalog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.catalog__subcat {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--text-icons-borders-05);
    margin-bottom: 24px
}

.catalog__subcat ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none
}

.catalog__subcat ul a {
    color: var(--black)
}

.catalog__item {
    padding: 8px;
    width: 50%
}

.catalog__action {
    padding: 16px 16px 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    margin-right: -16px;
    margin-left: -16px
}

.catalog__more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--accent);
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    width: 50px;
    height: 50px;
    margin: 8px
}

.catalog__more:hover {
    background-color: var(--accent-02)
}

.card-subcat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-01);
    padding: 10px;
    border-radius: 12px;
    -webkit-transition: .3s;
    transition: .3s
}

.card-subcat__image {
    min-width: 48px;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.card-subcat__image a,
.card-subcat__image span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.card-subcat__image a img,
.card-subcat__image a picture,
.card-subcat__image span img,
.card-subcat__image span picture {
    width: 100%;
    display: block;
    mix-blend-mode: multiply;
    -o-object-fit: contain;
    object-fit: contain
}

.card-subcat__image picture {
    position: relative;
    display: block;
    padding-top: 100%
}

.card-subcat__image picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    color: transparent;
    border-radius: 8px
}

.card-subcat__link {
    padding-left: 18px;
    padding-right: 10px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: 80%
}

.card-subcat__link a,
.card-subcat__link span {
    font-size: 14px
}

.card-subcat:hover {
    background-color: var(--bg-02)
}

.deliver__heading {
    padding: 0 16px 32px
}

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

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

.deliver__heading-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000
}

.deliver__heading-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.deliver__body {
    padding: 0 16px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.deliver__item {
    padding: 24px 0
}

.deliver__item h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    margin-bottom: 24px
}

.deliver__item h3 span {
    border-bottom: 1px solid #ccc
}

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

.deliver__item-info-pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

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

.deliver__item-info-pricing-info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #858585
}

.deliver__item-info-pricing-info span b {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.deliver__item-info-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000
}

.deliver__item-info-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.deliver__item-info-list ul li {
    padding: 6px 12px;
    border-radius: 24px;
    background: var(--bg-01);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.addBasket {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 680px;
    height: 100%;
    background: var(--white);
    display: none;
    overflow-y: auto;
    scrollbar-width: thin
}

.addBasket.is--active {
    display: block;
    -webkit-animation: .5s forwards showBlockRtoT;
    animation: .5s forwards showBlockRtoT
}

.addBasket__heading {
    padding: 32px 16px
}

.addBasket__heading-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.addBasket__heading-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 36px;
    color: #000
}

.addBasket__heading-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.addBasket__body {
    padding: 0 16px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.addBasket__body_product .product__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    padding-bottom: 32px
}

.addBasket__body_product .product__info_img {
    width: 84px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden
}

.addBasket__body_product .product__info_img img,
.addBasket__body_product .product__info_img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.addBasket__body_product .product__info_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.addBasket__body_product .product__info_content-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 16px
}

.addBasket__body_product .product__info_content-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.addBasket__body_product .product__info_content-price .price {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.addBasket__body_product .product__result {
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 32px;
    padding-top: 32px
}

.addBasket__body_product .product__result_left {
    text-align: left
}

.addBasket__body_product .product__result_left-title {
    font-size: 20px;
    font-weight: 500
}

.addBasket__body_product .product__result_left-text {
    font-size: 13px;
    color: #858585;
    font-weight: 400
}

.addBasket__body_product .product__result_right {
    text-align: right
}

.addBasket__body_product .product__result_right-number {
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    padding-bottom: 12px
}

.addBasket__body_product .product__result_right-price {
    font-size: 24px;
    font-weight: 600
}

.addBasket__body .exclusive {
    overflow: visible;
    padding-top: 54px
}

.addBasket__body .exclusive h2 {
    font-size: 25px;
    margin-bottom: 6px
}

.addBasket__body .exclusive .product-card:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.notification {
    position: fixed;
    top: 0;
    right: -632px;
    width: auto;
    max-width: 480px;
    background: var(--white);
    -webkit-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, .2);
    border-radius: 0 0 20px 20px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    z-index: 1000000
}

.notification.is--active {
    right: 10px;
    left: 10px
}

.notification__body {
    position: relative;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.notification__body-close {
    position: absolute;
    right: 12px;
    top: 12px
}

.notification__body .product__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px
}

.notification__body .product__info_img {
    width: 84px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden
}

.notification__body .product__info_img img,
.notification__body .product__info_img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.notification__body .product__info_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.notification__body .product__info_content-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.notification__body .product__info_content-title.error {
    color: #d61111
}

.notification__body .product__info_content-name {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px
}

.notification.complete .product__info::before {
    content: '';
    width: 50px;
    height: 50px;
    background-size: contain;
    min-width: 50px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgY2xhc3M9InByZWZpeF9faWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNGZjMjRmIiBkPSJNNTEyIDY0YTQ0OCA0NDggMCAxMTAgODk2IDQ0OCA0NDggMCAwMTAtODk2em0tNTUuODA4IDUzNi4zODRsLTk5LjUyLTk5LjU4NGEzOC40IDM4LjQgMCAxMC01NC4zMzYgNTQuMzM2bDEyNi43MiAxMjYuNzJhMzguMjcyIDM4LjI3MiAwIDAwNTQuMzM2IDBsMjYyLjQtMjYyLjQ2NGEzOC40IDM4LjQgMCAxMC01NC4yNzItNTQuMzM2TDQ1Ni4xOTIgNjAwLjM4NHoiLz48L3N2Zz4=)
}

.notification.error .product__info::before {
    content: '';
    width: 50px;
    height: 50px;
    background-size: contain;
    min-width: 50px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2IiBoZWlnaHQ9IjEwNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI1MyIgY3k9IjUzIiByPSI1MyIgZmlsbD0iI0ZGMjgyOCIvPjxwYXRoIGQ9Ik01Ny43OTkgNzkuMDk0aDcuMzI0VjgzSDQxLjY4NXYtMy45MDZoNy4zMjV2LTMzLjc5aC03LjMyNXYtMy45MDZINTcuOHYzNy42OTZ6bS00LjM5NS01MS40NjVhNi44MSA2LjgxIDAgMDEtMi4zNDQtLjM5IDYuMzI5IDYuMzI5IDAgMDEtMS44NTUtMS4yMjEgNS43MTIgNS43MTIgMCAwMS0xLjIyLTEuODA3Yy0uMjk0LS43MTYtLjQ0LTEuNTE0LS40NC0yLjM5MyAwLS44NDYuMTQ2LTEuNjI3LjQ0LTIuMzQzYTYuMjU3IDYuMjU3IDAgMDExLjI2OS0xLjg1NmMuNTItLjUyIDEuMTQtLjkyOCAxLjg1NS0xLjIyYTYuMDAzIDYuMDAzIDAgMDEyLjI5NS0uNDRjLjgxNCAwIDEuNTguMTQ2IDIuMjk1LjQ0LjcxNi4yNiAxLjMzNS42NSAxLjg1NiAxLjE3MS41NTMuNTIxLjk3NiAxLjE0IDEuMjcgMS44NTYuMjkyLjY4My40MzkgMS40NjUuNDM5IDIuMzQ0IDAgLjg3OC0uMTYzIDEuNjc2LS40ODkgMi4zOTJhNS41OCA1LjU4IDAgMDEtMS4yMiAxLjg1NiA2LjAxNiA2LjAxNiAwIDAxLTEuODU2IDEuMTcxIDYuMDAzIDYuMDAzIDAgMDEtMi4yOTUuNDR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}

.breadcrumbs.breadcrumbs--sp {
    margin-bottom: 24px;
    padding-top: 16px
}

.main-product {
    margin-top: 10px
}

.main-product__visual,
.main-product__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.main-product.main-product__stickySlider .main-product__slider {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 70px
}

.main-product__slider {
    position: relative;
    max-width: 100%
}

.main-product .product-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 24px
}

.main-product .product-galery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.main-product .product-galery__img {
    width: calc(50% - 12px)
}

.main-product .product-galery__img:first-child {
    width: 100%
}

.main-product .product-galery__img picture {
    position: relative;
    display: block;
    padding-top: 45%
}

.main-product .product-galery__img picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    color: transparent
}

.main-product .product-galery .btn-l-gray {
    max-width: 213px;
    margin: 0 auto
}

.main-product [data-slider=product-main] {
    width: calc(100% - 85px);
    overflow: hidden
}

.main-product [data-slider=product-main] .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-product [data-slider=product-main] .swiper-slide {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-product [data-slider=product-main] .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%
}

.main-product [data-slider=product-main] .swiper-slide a picture {
    position: relative;
    display: block;
    padding-bottom: 45%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: var(--white)
}

.main-product [data-slider=product-main] .swiper-slide a picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain
}

.main-product [data-slider=product-thumb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: 65px;
    width: 100%;
    min-width: 100%
}

.main-product [data-slider=product-thumb] .swiper-slide {
    cursor: pointer;
    padding: 5px;
    -webkit-transition: .1s;
    transition: .1s;
    opacity: .5
}

.main-product [data-slider=product-thumb] .swiper-slide picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0
}

.main-product [data-slider=product-thumb] .swiper-slide picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    color: transparent
}

.main-product [data-slider=product-thumb] .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid #3d3d3d
}

.main-product__info {
    padding: 24px;
    border-radius: 20px;
    background: var(--bg-01)
}

.main-product__info h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    margin-bottom: 24px
}

.main-product__info h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    margin-bottom: 14px
}

.main-product__info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.main-product__info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.main-product__info ul li:not(:last-child) {
    margin-bottom: 16px
}

.main-product__info ul li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #525252
}

.main-product__info ul li span b,
.main-product__info ul li span.product-characteristics__label {
    font-weight: 500;
    color: #000;
    font-size: 16px
}

.main-product__video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    padding-bottom: 32px
}

.main-product__video .formated-block__video {
    width: 100%
}

.main-product__video .formated-block__video-content {
    margin-bottom: 16px
}

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

.main-product__document .itemDownload {
    border-radius: 8px;
    background: var(--white);
    padding: 10px 50px 10px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    gap: 12px;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid var(--white)
}

.main-product__document .itemDownload__button {
    -webkit-transition: .4s;
    transition: .4s;
    position: absolute;
    top: 10px;
    right: 12px;
    background: var(--accent-02);
    width: 36px;
    height: 36px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-product__document .itemDownload__button svg {
    fill: #fff
}

.main-product__sub-text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #858585
}

.main-product__sub-button {
    margin-left: auto
}

.main-product__sub-button button {
    background-color: transparent;
    cursor: pointer;
    opacity: .5
}

.main-product__sub-button button.active {
    opacity: .9
}

.main-product__sub-button button.active .icon svg {
    fill: #3d3d3d
}

.main-product__sub-button .icon svg path,
.main-product__sub-button button.active .icon svg path {
    stroke: #3d3d3d
}

.main-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-product__price-current {
    font-size: 28px;
    font-weight: 600;
    color: var(--red-01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-product__price-current * {
    font-size: 28px
}

.main-product__price-old {
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: var(--text-icons-borders-04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-product__price-old * {
    font-size: 18px
}

.main-product__actions_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 80px
}

.main-product__actions-tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.main-product__actions-tags ul span {
    background-color: var(--bg-01);
    height: 32px;
    padding: 0 16px;
    border-radius: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-icons-borders-01);
    font-size: 14px
}

.main-product__actions-heading h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    margin: 0
}

.main-product__actions-tags {
    padding-bottom: 20px
}

.main-product__actions-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-product__actions-pricing {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    color: #000;
    padding-bottom: 18px
}

.main-product__actions-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-top: 20px
}

.main-product__actions-item {
    padding: 12px 16px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.main-product__actions-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.main-product__actions-item-info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #858585
}

.main-product__actions-item-info span b {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.main-product__actions-item .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.main-product__variant.size .option-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    height: 56px;
    min-width: 56px
}

.main-product__variant.size .option-label b {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.main-product__variant.size .option-label i {
    color: #858585;
    font-size: 13px;
    font-weight: 400;
    font-style: normal
}

.main-product__variant.color {
    position: relative;
    padding-top: 34px
}

.main-product__variant.color .color-checkbox .color-label {
    display: none;
    position: absolute;
    top: 6px;
    left: 0;
    padding-left: 0;
    color: #858585;
    font-weight: 400
}

.main-product__variant.color .color-checkbox .color-label span {
    color: #000;
    padding-left: 8px
}

.main-product__variant.color .color-checkbox input[type=checkbox]:checked~.color-label,
.main-product__variant.color .color-checkbox input[type=radio]:checked~.color-label {
    display: block;
    color: #858585
}

.main-product__variant.color .color-checkbox input[type=checkbox]:checked~.color-label span,
.main-product__variant.color .color-checkbox input[type=radio]:checked~.color-label span {
    color: #000
}

.main-product__variant_size {
    font-size: 15px;
    font-weight: 400;
    color: #858585;
    display: inline-block;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--bg-03);
    cursor: pointer;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.main-product__variant_size:hover {
    color: #000;
    border-color: #000
}

.main-product__variant_options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 12px 0
}

.main-product__variant_options .product-option {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-product__variant_options .product-option input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.main-product__variant_options .option-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 18px;
    border: 1px solid #ccc;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    height: 40px;
    -webkit-transition: .2s;
    transition: .2s
}

.main-product__variant_options .product-option input[type=radio]:checked+.option-label {
    background: #3d3d3d;
    color: #fff;
    border-color: #3d3d3d
}

.main-product__variant_options .product-option input[type=radio]:checked+.option-label i {
    color: #fff
}

.main-product__variant_options .product-option:hover .option-label {
    background: var(--bg-01);
    border-color: var(--bg-01)
}

.main-product__variant_options .product-option input[type=radio]:checked:hover+.option-label {
    background: #3d3d3d;
    border-color: #3d3d3d
}

.main-product__actions_content.is-not-sticky {
    position: static
}

.main-product__price-current {
    color: #000
}

.main-product__price-current.has-discount {
    color: #d61111
}

.tabs-additional {
    background-color: var(--bg-01);
    padding: 36px;
    border-radius: 24px
}

.tabs-additional h4 {
    margin-top: 0;
    font-size: 21px
}

.tabs-additional .main-product__video.formated {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.thubm-video-slide {
    height: 100%
}

.thubm-video-slide video {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.thubm-video-slide::after {
    content: '';
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjkwMSA4LjI1N2MxLjM2Ljc2NCAxLjM2IDIuNzIyIDAgMy40ODZsLTkuOTIgNS41OEM1LjY0NyAxOC4wNzMgNCAxNy4xMSA0IDE1LjU4VjQuNDJjMC0xLjUzIDEuNjQ3LTIuNDkzIDIuOTgtMS43NDNsOS45MjEgNS41OHoiIGZpbGw9IiMwMDAiLz48c3R5bGUgdHlwZT0idGV4dC9jc3MiIGlkPSJjdXN0b20tY3NzLWluamVjdG9yIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    cursor: pointer;
    background-size: 12px;
    -webkit-box-shadow: 0 0 9px 1px #0000003d;
    box-shadow: 0 0 9px 1px #0000003d
}

.main-video-slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 45%;
    position: relative
}

.main-video-slide video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    height: 100%
}

.af-popup__container.popupRegion {
    max-width: 680px
}

.af-popup__container.popupRegion .popup-common__modal {
    min-height: 520px
}

.select-region__example {
    margin: 12px 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.select-region__example ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 8px
}

.select-region__example ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.select-region__example ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #858585;
    position: relative;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.select-region__example ul li a::before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bg-03);
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    position: absolute;
    left: 0;
    bottom: -2px
}

.select-region__example ul li a:hover {
    color: #000
}

.select-region__example ul li a:hover::before {
    background: #000
}

.select-region__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.select-region__list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 8px)
}

.select-region__list ul li:not(:last-child) {
    margin-bottom: 12px
}

.select-region__list ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.empty-query {
    text-align: center;
    width: 100%;
    color: #666;
    font-size: 14px;
    padding: 24px
}

#modal-application {
    display: none !important
}

.af-popup #modal-application {
    display: block !important
}

.popupApplication {
    letter-spacing: .2px
}

.popupApplication__name h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 8px
}

.popupApplication__title {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    padding-bottom: 32px
}

.popupApplication__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    padding-bottom: 32px
}

.popupApplication__info_img {
    width: 84px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden
}

.popupApplication__info_img img,
.popupApplication__info_img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popupApplication__info_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popupApplication__info_content-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 8px
}

.popupApplication__info_content-price {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.popupApplication__info_content-color span {
    -webkit-box-shadow: 0 0 2px 0 #00000073;
    box-shadow: 0 0 2px 0 #00000073;
    vertical-align: middle
}

.popupApplication__info_content-color,
.popupApplication__info_content-size {
    font-size: 13px;
    color: #666
}

.popupApplication .form__submit {
    padding-top: 0
}

.popupApplication .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    color: #858585;
    text-align: left
}

.popupApplication .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.popupApplication .form__submit .checkbox__text a:hover {
    color: var(--accent)
}

#modal-callQuestion {
    display: none !important
}

.af-popup #modal-callQuestion {
    display: block !important
}

.popupCallQuestion {
    letter-spacing: .2px
}

.popupCallQuestion__name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 26px
}

.popupCallQuestion__title {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    padding-bottom: 32px
}

.popupCallQuestion__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px
}

.popupCallQuestion__tabs_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: .6;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.popupCallQuestion__tabs_item.is--active,
.popupCallQuestion__tabs_item:hover {
    opacity: 1
}

.popupCallQuestion__content {
    padding-top: 28px
}

.popupCallQuestion__content_item {
    display: none
}

.popupCallQuestion__content_item.is--active {
    display: block
}

.popupCallQuestion__content_tell {
    padding-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px
}

.popupCallQuestion__content_tell a {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    border-bottom: 1px solid var(--bg-03);
    text-align: center
}

.popupCallQuestion__content .form__submit {
    padding-top: 0
}

.popupCallQuestion__content .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    color: #858585;
    text-align: left
}

.popupCallQuestion__content .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.popupCallQuestion__content .form__submit .checkbox__text a:hover {
    color: var(--accent)
}

.popupCallQuestion .formText {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    text-align: center
}

.popupCallQuestion .formText a {
    font-size: 13px;
    display: inline-block;
    padding-left: 6px;
    color: #000;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.popupCallQuestion .formText a:hover {
    color: var(--accent)
}

.popupContactsCall {
    letter-spacing: .2px
}

.popupContactsCall__name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 26px
}

.popupContactsCall__title {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    padding-bottom: 32px
}

.popupContactsCall__content_item {
    display: none
}

.popupContactsCall__content_item.is--active {
    display: block
}

.popupContactsCall__content .popupContactsCall__back {
    font-size: 14px;
    font-weight: 400
}

.popupContactsCall__content_work {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.popupContactsCall__content_work .work__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px
}

.popupContactsCall__content_work .work__links a .icon {
    display: block;
    min-width: 28px;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.popupContactsCall__content_work .work__item_title {
    color: #525252;
    font-size: 13px;
    padding-bottom: 8px
}

.popupContactsCall__content_work .work__item_info {
    font-size: 16px;
    font-weight: 500
}

.popupContactsCall__content_tell {
    padding-top: 8px;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 6px;
    font-size: 13px;
    color: #858585
}

.popupContactsCall__content_tell a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px
}

.popupContactsCall__content .nextStep {
    margin-bottom: 22px;
    margin-top: 12px
}

.popupContactsCall__content .prevStep {
    font-size: 14px;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 32px;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.popupContactsCall__content .prevStep__icon {
    min-width: 36px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-01);
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.popupContactsCall__content .prevStep__icon .icon {
    display: block;
    min-width: 22px;
    width: 22px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s;
    rotate: -180deg
}

.popupContactsCall__content .form__submit {
    padding-top: 0
}

.popupContactsCall__content .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    color: #858585;
    text-align: left
}

.popupContactsCall__content .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.popupContactsCall__content .form__submit .checkbox__text a:hover {
    color: var(--accent)
}

#modal-contactsCall {
    display: none !important
}

.af-popup #modal-contactsCall {
    display: block !important
}

.af-popup__container.popupSize {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

#modal-size {
    display: none
}

.af-popup #modal-size {
    display: block
}

.popupSize {
    letter-spacing: .2px
}

.popupSize__name h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 8px
}

.popupSize__title {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    padding-bottom: 32px
}

.popupSize__info .size-chart-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 20px
}

.popupSize__info .size-chart {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    padding-bottom: 24px
}

.popupSize__info .size-chart thead th {
    height: 44px;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    font-weight: 500
}

.popupSize__info .size-chart tbody tr:hover {
    background-color: var(--bg-01)
}

.popupSize__info .size-chart tbody td {
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    text-align: left;
    padding: 10px
}

.popupSize__info .size-chart tbody td:first-child {
    border-radius: 12px 0 0 12px
}

.popupSize__info .size-chart tbody td:last-child {
    border-radius: 0 12px 12px 0
}

.aboutUs__h1 h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.aboutUs__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px;
    padding-top: 32px
}

.aboutUs__content .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.aboutUs__content_list {
    position: relative;
    z-index: 12
}

.aboutUs__content_list ul {
    position: sticky;
    top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px
}

.aboutUs__content_list ul li {
    padding: 12px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 12px
}

.aboutUs__content_list ul li:hover {
    cursor: pointer
}

.aboutUs__content_list ul li.is-active {
    background: var(--bg-01)
}

.aboutUs__content_list ul li a,
.aboutUs__content_list ul li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000
}

.aboutUs__content_list ul li .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.aboutUs__content_head {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.aboutUs__content_head-item {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.aboutUs__content_head-item.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.aboutUs__content_head-item .item__img {
    margin-bottom: 64px
}

.aboutUs__content_head-item picture {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    display: block;
    padding-top: 66%
}

.aboutUs__content_head-item picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    color: transparent
}

.aboutUs__content_head-item h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    padding: 16px 0;
    margin-top: 24px
}

.aboutUs__content_head-item p {
    padding: 8px 0
}

.aboutUs__content_head-item ul {
    margin: 16px 0
}

.aboutUs__content_head-item ul li {
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 10px
}

.aboutUs__content_head-item ul li:before {
    content: '';
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    border-radius: 2px;
    background-color: var(--black)
}

.aboutUs__content_head-item ol {
    counter-reset: my-counter;
    margin: 16px 0
}

.aboutUs__content_head-item ol li {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.aboutUs__content_head-item ol li:before {
    counter-increment: my-counter;
    content: counter(my-counter) " ";
    color: var(--black);
    font-weight: 700;
    margin-right: 10px;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    background: var(--bg-01);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.aboutUs__content_head-item .aboutUs__skils {
    background-color: var(--bg-01);
    border-radius: 16px;
    padding: 40px
}

.aboutUs__content_head-item .aboutUs__skils_title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 18px
}

.aboutUs__content_head-item .aboutUs__skils_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.aboutUs__content_head-item .aboutUs__skils_content .item__icon {
    padding-bottom: 12px
}

.aboutUs__content_head-item .aboutUs__skils_content .item__icon .icon {
    display: block;
    min-width: 52px;
    width: 52px;
    height: 52px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.aboutUs__content_head-item .aboutUs__skils_content .item__title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 12px
}

.aboutUs__content .exclusive__slider {
    position: relative;
    padding-top: 24px
}

.aboutUs__content .exclusive__slider:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 11
}

.aboutUs__content .exclusive__slider_infoText {
    padding-top: 12px;
    color: #525252;
    font-weight: 400
}

.aboutUs__content .exclusive__slider .swiper[data-slider=aboutus],
.aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] {
    margin-right: -16px
}

.aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-prev,
.aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev {
    left: initial;
    top: inherit;
    bottom: 0;
    right: calc(16px + 60px);
    margin: 0
}

.aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-next,
.aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next {
    left: initial;
    top: inherit;
    bottom: 0;
    right: 16px;
    margin: 0
}

.aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-slide,
.aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-slide {
    height: auto;
    max-width: 298px
}

.slide-video {
    padding-top: 66%;
    background-color: #eee;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.slide-video::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .1)
}

.slide-video::after {
    content: '';
    width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjkwMSA4LjI1N2MxLjM2Ljc2NCAxLjM2IDIuNzIyIDAgMy40ODZsLTkuOTIgNS41OEM1LjY0NyAxOC4wNzMgNCAxNy4xMSA0IDE1LjU4VjQuNDJjMC0xLjUzIDEuNjQ3LTIuNDkzIDIuOTgtMS43NDNsOS45MjEgNS41OHoiIGZpbGw9IiMwMDAiLz48c3R5bGUgdHlwZT0idGV4dC9jc3MiIGlkPSJjdXN0b20tY3NzLWluamVjdG9yIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    margin-left: -28px;
    cursor: pointer
}

.slide-video video {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.slide-video.is-play::after,
.slide-video.is-play::before {
    display: none
}

.gallery {
    overflow: hidden
}

.gallery .tabs-custom__heading h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.gallery .tabs-custom__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px
}

.gallery .tabs-custom__tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 16px
}

.gallery .tabs-custom__tabs-wrapper .tabs {
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.gallery .tabs-custom__tabs-wrapper .tabs::-webkit-scrollbar {
    display: none
}

.gallery .tabs-custom__tab-content {
    display: none
}

.gallery .tabs-custom__tab-content.active-content {
    display: block
}

.gallery .tabs-custom .examples-gallery {
    display: -ms-grid;
    display: grid;
    gap: 12px
}

.gallery .tabs-custom .examples-gallery .btn-show {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto
}

.gallery .tabs-custom .examples-gallery__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.gallery .tabs-custom .examples-gallery__row picture {
    display: inline
}

.gallery .tabs-custom .examples-gallery__row picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.searchResult h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0;
    padding-bottom: 24px;
    color: #525252
}

.searchResult h1 span {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    color: #000
}

.searchResult h2 {
    font-size: 18px;
    line-height: 140%
}

.searchResult .catalog__list {
    padding-top: 16px;
    border-bottom: 1px solid #ccc
}

.searchResult .products,
.searchResult .products__filter {
    padding-top: 24px
}

.page-404 ._container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18px
}

.page-404__info {
    max-width: 984px;
    width: 100%
}

.page-404__info_warn {
    color: #9095a3;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 8px;
    padding-top: 12px
}

.page-404__info_name {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    padding-bottom: 24px
}

.page-404__info_title {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 17px
}

.page-404__info_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 6px;
    padding-bottom: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-404__info_btn .btn {
    max-width: 100%
}

.page-404__info_text {
    padding-bottom: 10px
}

.page-404__info_number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    padding-bottom: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-404__info_number a {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px
}

.page-404__info_number a b {
    font-size: 20px;
    font-weight: 600;
    color: var(--accent)
}

.page-404__image {
    display: none
}

.bgGrey .scroller {
    bottom: 20px
}

.basket {
    padding-top: 20px;
    padding-bottom: 88px
}

.basket.empty .basket__content {
    display: none
}

.basket.empty .basket__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basket .basket__empty {
    display: none
}

.basket .basket__empty .empty__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 984px;
    width: 100%;
    padding-top: 62px
}

.basket .basket__empty .empty__info_name {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    padding-bottom: 24px
}

.basket .basket__empty .empty__info_title {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 17px;
    text-align: center
}

.basket .basket__empty .empty__info_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 6px;
    padding-bottom: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.basket .basket__empty .empty__info_btn .btn {
    max-width: 100%
}

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

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

.basket__content_left .cart__header {
    padding-bottom: 46px
}

.basket__content_left .cart__title {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    padding-bottom: 10px
}

.basket__content_left .cart__info {
    font-size: 18px;
    font-weight: 400
}

.basket__content_left .cart__info span {
    font-size: 18px;
    padding-left: 6px;
    font-weight: 500
}

.basket__content_left .cart__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 20px;
    padding: 24px
}

.basket__content_left .cart__actions .checkbox__elem {
    margin-right: 11px !important
}

.basket__content_left .cart__delete-selected {
    color: #000;
    border: none;
    background: 0 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    position: relative
}

.basket__content_left .cart__delete-selected:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 24px;
    height: 24px;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xMCAxMVYxN00xNCAxMVYxNyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.basket__content_left .cart__delete-selected:disabled {
    color: #ccc;
    cursor: not-allowed
}

.basket__content_left .cart__delete-selected:disabled:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xMCAxMVYxN00xNCAxMVYxNyIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.basket__content_left .cart__footer {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--bg-03);
    text-align: right
}

.basket__content_left .cart__clear-selected {
    padding: 10px 24px;
    background: 0 0;
    border: 1px solid #f44;
    color: #f44;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: .2s;
    transition: .2s
}

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

.basket__content_left .cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    padding: 24px;
    border-radius: 20px;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
    position: relative;
    background: #fff
}

.basket__content_left .cart-item .form__submit {
    padding-top: 0
}

.basket__content_left .cart-item__image {
    width: 84px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.basket__content_left .cart-item__image:before {
    content: '';
    width: 100%;
    height: 0;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 70%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s
}

.basket__content_left .cart-item__image img,
.basket__content_left .cart-item__image picture {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.basket__content_left .cart-item__content {
    padding-left: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.basket__content_left .cart-item__info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.basket__content_left .cart-item__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 4px
}

.basket__content_left .cart-item__brand {
    font-size: 14px;
    font-weight: 400;
    color: #858585;
    margin-bottom: 12px
}

.basket__content_left .cart-item__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 32px;
    margin-bottom: 8px
}

.basket__content_left .cart-item__details .detailsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.basket__content_left .cart-item__details .detailsItem.color .details-value {
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 1px 0 #00000082;
    box-shadow: 0 0 1px 0 #00000082
}

.basket__content_left .cart-item__details .detailsItem .details-label {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.basket__content_left .cart-item__details .detailsItem .details-value {
    font-size: 14px;
    font-weight: 500;
    color: #525252
}

.basket__content_left .cart-item__show-all {
    background: 0 0;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 15px;
    padding-right: 24px;
    position: relative
}

.basket__content_left .cart-item__show-all.is-expanded:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.basket__content_left .cart-item__show-all:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 6px;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOEwxMCAxMkwxNCA4IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+)
}

.basket__content_left .cart-item__pricing {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.basket__content_left .cart-item__pricing .price {
    color: #525252;
    font-size: 14px;
    font-weight: 400
}

.basket__content_left .cart-item__additional {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 18px
}

.basket__content_left .cart-item__additional .cart-item__cost {
    text-align: right
}

.basket__content_left .cart-item__additional .cart-item__cost-sale {
    white-space: nowrap;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .2px;
    font-weight: 600;
    padding-bottom: 8px
}

.basket__content_left .cart-item__additional .cart-item__cost-sale.red {
    color: #d61111
}

.basket__content_left .cart-item__additional .cart-item__cost-current {
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: var(--text-icons-borders-04)
}

.basket__content_left .cart-item__additional button {
    border: none;
    background: 0 0;
    cursor: pointer;
    margin-top: 3px;
    height: 26px
}

.basket__content_left .cart-item__additional button .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.basket__content_left .cart-item__additional button.active .icon svg {
    fill: #3d3d3d
}

.basket__content_left .cart-item__additional button.active .icon svg path {
    stroke: #3d3d3d
}

.basket__content_left .cart-item__remove {
    position: relative;
    width: 24px
}

.basket__content_left .cart-item__remove:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    opacity: .25;
    width: 24px;
    height: 24px;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xMCAxMVYxN00xNCAxMVYxNyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.basket__content_left .cart-item__remove:hover {
    opacity: 1 !important
}

.basket__content_left .cart-item__remove:hover:after {
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xNCAxMkwxMCAxNk0xMCAxMkwxNCAxNiIgc3Ryb2tlPSIjRDYxMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.basket__content_rigth {
    padding-top: 24px
}

.basket__content_rigth-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 24px;
    background: #fff;
    border-radius: 20px;
    padding: 24px 32px
}

.basket__content_rigth-content .main-product__actions-items {
    padding-top: 10px
}

.basket__content_rigth .basket__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basket__content_rigth .basket__line.total {
    padding-bottom: 16px
}

.basket__content_rigth .basket__line.total .basket__line_text {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500
}

.basket__content_rigth .basket__line.total .basket__line_price {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.basket__content_rigth .basket__line.sale .basket__line_price {
    color: #d61111
}

.basket__content_rigth .basket__line_text {
    font-weight: 400
}

.basket__content_rigth .basket__promo {
    padding-top: 12px;
    padding-bottom: 12px
}

.basket__content_rigth .basket__promo_title {
    font-weight: 400;
    padding-bottom: 12px
}

.basket__content_rigth .basket__promo_usePromo {
    font-weight: 400;
    color: #525252;
    padding-top: 12px;
    display: none
}

.basket__content_rigth .basket__promo_usePromo span {
    color: #000;
    font-weight: 500;
    padding-left: 6px
}

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

.basket__content_rigth .basket__promo_form input {
    height: 48px !important;
    font-size: 15px;
    border-radius: 12px;
    border-color: #ccc
}

.basket__content_rigth .basket__promo_form .btn {
    max-width: 100%;
    border-radius: 12px
}

.basket__content_rigth .form__submit {
    padding-top: 0
}

.basket__content_rigth .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    color: #858585;
    text-align: left
}

.basket__content_rigth .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.basket__content_rigth .form__submit .checkbox__text a:hover {
    color: var(--accent)
}

.basket-sticker-red {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(214, 17, 17, .1);
    color: #d61111;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-top: -8px;
    margin-bottom: 10px
}

.basket-sticker-orange {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(255, 152, 0, .1);
    color: #ff9800;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-top: -8px;
    margin-bottom: 10px
}

#coupon-applied {
    gap: 5px
}

.basket__promo_coupon {
    background-color: var(--bg-02);
    padding: 6px 15px;
    border-radius: 7px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

#coupon-code-text {
    padding-left: 0;
    color: var(--red-01);
    text-transform: uppercase;
    font-weight: 500
}

#coupon-remove {
    margin-left: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNCAxN0w3IDE1LjZsMy42LTMuNkw3IDguNDI1bDEuNC0xLjQgMy42IDMuNiAzLjU3NS0zLjYgMS40IDEuNC0zLjYgMy41NzUgMy42IDMuNi0xLjQgMS40TDEyIDEzLjQgOC40IDE3eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) #fff;
    cursor: pointer;
    position: absolute;
    right: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 100%;
    border: 1px solid #e9e9e9;
    top: -7px;
    text-align: center;
    font-size: 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    transition: .3s
}

#coupon-remove:hover {
    border-color: var(--accent)
}

input.invalid-fields:invalid,
input.invalid-fields:invalid:focus,
input.invalid-fields:invalid:hover {
    border: 1px solid var(--red-01)
}

.checkbox input[required]:not(:checked).invalid-checkbox~.checkbox__elem {
    -webkit-animation: .25s linear 10 tilt-shaking;
    animation: .25s linear 10 tilt-shaking;
    border-color: var(--red-01)
}

@-webkit-keyframes tilt-shaking {

    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -webkit-transform: rotate(0eg);
        transform: rotate(0eg)
    }

    75% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
}

@keyframes tilt-shaking {

    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -webkit-transform: rotate(0eg);
        transform: rotate(0eg)
    }

    75% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
}

#modal-basket {
    display: none !important
}

.af-popup #modal-basket {
    display: block !important
}

.popupBasket {
    letter-spacing: .2px
}

.popupBasket__name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 26px
}

.popupBasket__title {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #858585;
    padding-bottom: 32px
}

.popupBasket__content_step {
    display: none
}

.popupBasket__content_step.is--active {
    display: block
}

.popupBasket__content .step1 .form__textInfo {
    color: #858585;
    font-size: 14px;
    font-weight: 400
}

.popupBasket__content .step1 .sendCode {
    margin-top: 12px
}

.popupBasket__content .step2 .form__textInfo {
    font-size: 14px;
    font-weight: 400;
    padding-top: 6px
}

.popupBasket__content .step3>.form {
    gap: 4px
}

.popupBasket__content .step3 .form__textInfo {
    font-size: 16px;
    font-weight: 400
}

.popupBasket__content .step3 .form__textInfo span {
    color: #d61111
}

.popupBasket__content .numberCode .numberCode__input input[type=text]::-webkit-inner-spin-button,
.popupBasket__content .numberCode .numberCode__input input[type=text]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.popupBasket__content .numberCode .numberCode__input input[type=text] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.popupBasket__content .numberCode__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    padding: 0 0 30px
}

.popupBasket__content .numberCode__input input {
    padding: 12px;
    max-width: 48px;
    width: 100%;
    height: 48px !important;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.popupBasket__content .numberCode__resend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px
}

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

.popupBasket__content .addNewUser_form>label {
    position: relative
}

.popupBasket__content .addNewUser_form>label:after {
    content: '*';
    position: absolute;
    top: 11px;
    right: 14px;
    color: #d61111;
    font-size: 16px
}

.popupBasket__content .addNewUser_form .form__submit {
    padding-top: 0
}

.popupBasket__content .addNewUser_form .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    color: #858585;
    text-align: left
}

.popupBasket__content .addNewUser_form .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.popupBasket__content .addNewUser_form .form__submit .checkbox__text a:hover {
    color: var(--accent)
}

.popupBasket__content .popupBasket__back {
    font-size: 14px;
    font-weight: 400
}

.popupBasket__content .nextStep {
    margin-bottom: 22px;
    margin-top: 12px
}

.popupBasket__content .prevStep {
    font-size: 14px;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 32px;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.popupBasket__content .prevStep__icon {
    min-width: 36px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-01);
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.popupBasket__content .prevStep__icon .icon {
    display: block;
    min-width: 22px;
    width: 22px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s;
    rotate: -180deg
}

.card {
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.card__title {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%
}

.card__text {
    font-weight: 400
}

.card .circle-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 12px
}

.card .circle-checkbox .circle-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.card .circle-checkbox .circle-label span {
    color: #858585;
    font-size: 14px;
    font-weight: 400;
    display: block
}

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

.card.cardDelivery ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px;
    border-radius: 24px;
    height: auto;
    background: var(--bg-01);
    gap: 8px;
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card.cardDelivery ul li {
    width: 100%
}

.card.cardDelivery .form>input {
    max-width: 510px;
    height: 48px !important;
    font-size: 15px;
    border-radius: 12px;
    display: block
}

.card.cardAbout .cardAbout__stepTab {
    display: none
}

.card.cardAbout .cardAbout__stepTab.is--active {
    display: block
}

.card.cardAbout .cardAbout__step_toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px
}

.card.cardAbout .cardAbout__step_form {
    max-width: 510px
}

.card.cardAbout .cardAbout__step_form .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding-top: 32px
}

.card.cardAbout .cardAbout__step_form .form label {
    position: relative
}

.card.cardAbout .cardAbout__step_form .form label:after {
    content: '*';
    position: absolute;
    top: 11px;
    right: 14px;
    color: #858585;
    font-size: 16px
}

.card.cardAbout .cardAbout__step_form .form label:has(input.error):after {
    color: #d61111
}

.card.cardAbout .cardAbout__step_form .form input {
    height: 48px !important;
    font-size: 15px;
    border-radius: 12px
}

.card.cardAbout .cardAbout__step_form .form__textInfo {
    font-size: 14px;
    font-weight: 400;
    color: #858585
}

.thanks {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.thanks:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.thanks__box {
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    max-width: 520px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    z-index: 112;
    top: -111px;
    position: relative
}

.thanks__box_title {
    font-size: 29px !important;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    padding-bottom: 6px
}

.thanks__box_text {
    font-weight: 400;
    padding-bottom: 22px
}

.thanks__box_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.thanks__box_btns>a {
    padding: 12px !important
}

.blog__title h2 {
    margin-bottom: 32px;
    font-size: 44px
}

.blog__content {
    padding-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.blog__content>div {
    width: 100%
}

.blog-media h2 {
    margin-bottom: 30px
}

.blog-media .formated-block__img-content,
.blog-media .formated-block__video-content {
    margin-bottom: 20px
}

.blogList__title h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin-top: 0;
    margin-bottom: 12px !important
}

.blogList__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    padding-bottom: 48px
}

.blogList__info_date {
    color: #525252;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.blogList__info_theme a {
    color: var(--accent);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.blogItemCart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 16px;
    height: 100%;
    gap: 12px
}

.blogItemCart>a:hover .blogItemCart__img,
.blogItemCart>a:hover .blogItemCart__title {
    opacity: .7
}

.blogItemCart__img {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.blogItemCart__img picture {
    position: relative;
    display: block;
    padding-top: 65%;
    border-radius: 16px;
    max-width: 100%;
    overflow: hidden
}

.blogItemCart__img picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    color: transparent
}

.blogItemCart__title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blogItemCart__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px
}

.blogItemCart__info_date {
    color: #525252;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.blogItemCart__info_theme a {
    color: var(--accent);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.blogItemCart__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.compare .form__submit {
    padding-top: 22px
}

.compare .form__submit .checkbox__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px !important;
    color: #000;
    text-align: left
}

.compare .form__submit .checkbox__text a {
    font-size: 13px;
    display: inline-block;
    color: #000;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.compare h1 {
    font-size: 20px;
    line-height: 121%;
    font-weight: 600;
    margin-top: 4px
}

.compare__tabs {
    padding: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.compare__tabs .tabs {
    width: auto
}

.compare__tabs .compare__remove {
    position: relative;
    padding-left: 34px;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    white-space: nowrap
}

.compare__tabs .compare__remove:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    opacity: .25;
    width: 24px;
    height: 24px;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xMCAxMVYxN00xNCAxMVYxNyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.compare__tab_content .compare__tab_item {
    display: none;
    -webkit-transition: .3s;
    transition: .3s
}

.compare__tab_content .compare__tab_item.active-content,
.compare__tab_content .compare__tab_item.is-active {
    display: block;
    -webkit-animation: .3s forwards fade-in;
    animation: .3s forwards fade-in
}

.compare .compare-box {
    margin-bottom: 60px
}

.compare .compare-table {
    width: 100%;
    position: relative
}

.compare .compare-table__wrp {
    overflow-x: auto;
    width: 100%
}

.compare .compare-table td {
    min-width: 156px !important;
    width: 156px !important;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 12px;
    border-color: #ebebeb;
    vertical-align: top
}

.compare .compare-table table {
    overflow-wrap: break-word;
    width: 100%;
    background-color: var(--white);
    border-collapse: collapse;
    empty-cells: show;
    font-size: 14px;
    table-layout: fixed;
    margin: 0;
    min-width: 230px
}

.compare .product-table__scroll td {
    border: none;
    padding: 0
}

.compare .product-table__group {
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    position: relative;
    cursor: pointer
}

.compare .product-table__group.is-hide-group .table-group__head .icon {
    rotate: -180deg
}

.compare .product-table__group td {
    height: 36px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: none
}

.compare .product-table__group td .table-group__head {
    position: absolute;
    height: 36px;
    left: 0;
    top: 20px;
    right: 0;
    bottom: 0;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    border-radius: 6px;
    font-weight: 700;
    color: #222
}

.compare .product-table__group td .table-group__head .icon {
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    stroke-width: 2px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.compare .product-table__group td .table-group__head .icon svg {
    width: 32px;
    height: 32px
}

.compare .product-table__group td .table-group__head>span {
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    font-size: 18px;
    border-radius: 6px;
    font-weight: 600;
    position: sticky;
    left: 0;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    gap: 8px;
    width: calc(100vw - 40px)
}

.compare .product-table__tbody {
    border-bottom: 1px solid #ccc
}

.compare .product-table__prop {
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    border-bottom: 1px solid #ccc
}

.compare .product-table__prop tr td {
    padding-top: 35px;
    font-size: 14px;
    cursor: -webkit-grab;
    cursor: grab;
    font-weight: 400
}

.compare .product-table__prop tr:first-child td {
    border: none;
    padding-top: 10px;
    padding-bottom: 0;
    font-weight: 500;
    position: absolute;
    left: 0;
    white-space: nowrap;
    font-size: 13px
}

.compare .product-table__prop .tooltip-box-item * {
    font-style: normal;
    white-space: normal;
    color: #222
}

.compare .product-table__prop i svg {
    fill: #8f8f8f
}

.compare .product-table__prop i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: -4px;
    cursor: pointer
}

.compare .compare-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 320px
}

.compare .compare-product__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 184px
}

.compare .compare-product__image {
    width: 100%
}

.compare .compare-product__image picture {
    width: 100%;
    height: 100%
}

.compare .compare-product__image picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.compare .compare-product__price {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    padding-bottom: 4px
}

.compare .compare-product__action {
    position: absolute;
    top: 0;
    right: 0
}

.compare .compare-product__action a {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    background-color: #fff;
    border-radius: 4px
}

.compare .compare-product__action a svg {
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    opacity: .5
}

.compare .compare-product__title {
    padding-bottom: 4px;
    padding-top: 12px
}

.compare .compare-product__title a {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    min-height: 44px;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.compare .compare-product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.compare .compare-product__btns button {
    padding: 10px 22px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 14px !important;
    height: auto
}

.compare .compare-product__btns button.active {
    padding-left: 38px
}

.compare .compare-product__btns button span {
    font-size: 14px !important
}

.compare .compare-product__btns button.btn-loading::after {
    margin-right: 15px
}

.compare .compare-product__btns button.btn-loading span {
    display: none
}

.compare .product-table__group.is-hide-group .table-group__head span::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.compare .table-prop-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compare .table-prop-head span {
    display: inline-block;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #525252
}

.compare .product-table__prop.hide-tbody {
    height: 0;
    display: none
}

.compare div[data-state="0"] {
    opacity: .3;
    pointer-events: none
}

.compare div[data-state="1"] {
    opacity: 1;
    cursor: pointer
}

.compare .product-table__prop.hide-prop-tbody {
    display: none
}

.compare .sticky-scroll-container {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1
}

.compare .sticky-scroll-container::-webkit-scrollbar {
    height: 2px
}

.compare .sticky-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1
}

.compare .sticky-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px
}

.compare .sticky-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1
}

.compare .sticky-empty-label {
    display: block;
    padding: 8px 12px;
    font-weight: 500;
    color: #666
}

.compare .sticky-header-wrapper {
    will-change: transform;
    border-bottom: 1px solid #ebebeb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1000;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: none
}

.compare .sticky-header-wrapper .sticky-header {
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.compare .sticky-header-wrapper .sticky-header td {
    border-bottom: 0
}

.compare .sticky-header-wrapper .compare-product {
    padding-bottom: 12px
}

.compare .sticky-header-wrapper .compare-product__top {
    height: 0
}

.compare .sticky-header-wrapper .compare-product__title {
    max-width: 333px
}

.compare .sticky-header-wrapper .compare-product__title a {
    font-size: 14px;
    -webkit-line-clamp: 1
}

.compare .sticky-header-wrapper .compare-product__price {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 8px
}

.compare .sticky-header-wrapper .compare-product__btns button {
    padding: 8px 22px;
    font-weight: 400 !important;
    font-size: 14px !important
}

.compare .sticky-header td {
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding: 12px
}

.compare .sticky-header {
    display: none;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    -webkit-animation: .3s slideDown;
    animation: .3s slideDown
}

.compare .sticky-header td .compare-product {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

@-webkit-keyframes slideDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.compare-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px
}

.compare-product__price .price-current {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px
}

.compare-product__price .price-old {
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #858585
}

.compare-product .compare-product__price .price-current * {
    font-size: 20px
}

.compare-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-01);
    padding: 28px 0;
    border-radius: 12px
}

.compare-empty a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    margin-top: 16px
}

.compare-empty p {
    color: #858585;
    font-size: 15px;
    text-align: center
}

.favorites h1 {
    font-size: 20px;
    line-height: 121%;
    margin-top: 4px
}

.favorites__tabs {
    padding: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.favorites__tabs .tabs {
    width: auto
}

.favorites__tab_content .favorites__tab_item {
    display: none;
    -webkit-transition: .3s;
    transition: .3s
}

.favorites__tab_content .favorites__tab_item.active-content,
.favorites__tab_content .favorites__tab_item.is-active {
    display: block;
    -webkit-animation: .3s forwards fade-in;
    animation: .3s forwards fade-in
}

.favorites .favoritesContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.favorites .favoritesContent>div {
    width: 100%
}

.favorites-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-01);
    padding: 28px 0;
    border-radius: 12px
}

.favorites-empty a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    margin-top: 16px
}

.favorites-empty p {
    color: #858585;
    font-size: 15px;
    text-align: center
}

.certificates {
    overflow: hidden
}

.certificates .tabs-custom__heading h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.certificates .tabs-custom__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px
}

.certificates .tabs-custom__tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 16px
}

.certificates .tabs-custom__tabs-wrapper .tabs {
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.certificates .tabs-custom__tabs-wrapper .tabs::-webkit-scrollbar {
    display: none
}

.certificates .tabs-custom__tab-content {
    display: none
}

.certificates .tabs-custom__tab-content.active-content {
    display: block
}

.certificates__items {
    padding: 16px 0 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
    gap: 32px
}

.certificates__items .item {
    border-radius: 16px;
    border: 1px solid #ccc;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .2s;
    transition: .2s
}

.certificates__items .item__img {
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 0 !important
}

.certificates__items .item__img picture {
    position: relative;
    display: block;
    padding-top: 120%
}

.certificates__items .item__img picture img {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    color: transparent;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.certificates__items .item__title {
    padding-top: 6px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.certificates__items .item__text {
    padding-top: 8px;
    color: #525252;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.shop__heading h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.shop__content {
    display: -ms-grid;
    display: grid;
    gap: 32px;
    padding-top: 32px
}

.shop__item {
    border-radius: 16px;
    border: 1px solid #3d3d3d;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}

.shop__item_name {
    font-size: 18px;
    font-weight: 500
}

.shop__item_contact {
    display: -ms-grid;
    display: grid;
    gap: 8px
}

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

.shop__item_contact-box p {
    color: #525252;
    font-weight: 400
}

.shop__item_contact-box p b {
    font-weight: 400;
    color: #000
}

.shop__item_contact-box a {
    color: #000;
    display: inline
}

.shop__item_contact-box a:not(:last-child) {
    font-weight: 500
}

.shop__item_photo-text {
    color: #525252;
    font-weight: 400
}

.shop__item_photo-gallary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 16px
}

.shop__item_photo-gallary .item__img {
    width: 23%;
    height: 72px;
    border-radius: 12px;
    overflow: hidden;
    display: block
}

.shop__item_photo-gallary .item__img picture {
    width: 100%;
    height: 100%
}

.shop__item_photo-gallary .item__img picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.shop.animated .shop__content .shop__item {
    -webkit-animation: .45s forwards swing-in-top-fwd;
    animation: .45s forwards swing-in-top-fwd
}

.shop.animated .shop__content .shop__item:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.shop.animated .shop__content .shop__item:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.shop.animated .shop__content .shop__item:nth-child(3) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.shop.animated .shop__content .shop__item:nth-child(4) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.shopInfo .formated-text>h2 {
    margin-bottom: 0
}

.shopInfo .formated-text>p {
    max-width: 1127px;
    padding-bottom: 22px
}

.shopForm .contacts__content-form {
    background: var(--bg-01);
    border-radius: 20px;
    padding: 24px 16px
}

.shopForm .contacts__content-form-policy .form__submit .checkbox__text,
.shopForm .contacts__content-form-policy .form__submit .checkbox__text a {
    font-size: 15px
}

.main-account {
    width: 100%;
    height: auto;
    background: var(--bg-01)
}

.account__h2 {
    position: relative;
    padding-bottom: 12px
}

.account__h2 h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin: 0 0 18px
}

.account .pagination {
    padding: 24px 0 0
}

.account .pagination .btn-l-gray {
    background: #fff;
    width: 100%;
    height: 40px
}

.account .pagination .btn-l-gray span {
    font-size: 14px;
    font-weight: 400
}

.account__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 48px;
    padding-top: 8px
}

.account__content .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.account__content_list {
    position: relative;
    z-index: 12
}

.account__content_list-info {
    position: sticky;
    top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.account__content_list-info .boxAccount {
    padding: 24px;
    border-radius: 24px;
    background: #fff
}

.account__content_list-info .boxAccount__img {
    border-radius: 8px;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.account__content_list-info .boxAccount__img img,
.account__content_list-info .boxAccount__img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.account__content_list-info .boxAccount__name {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.account__content_list-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-radius: 24px;
    background: #fff
}

.account__content_list-info ul li.boxLogout {
    padding-top: 12px;
    border-top: 1px solid var(--bg-03)
}

.account__content_list-info ul li a {
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.account__content_list-info ul li a:not(.is-active):hover {
    cursor: pointer
}

.account__content_list-info ul li a.is-active {
    background: #3d3d3d;
    color: #fff
}

.account__content_list-info ul li a.is-active .icon {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.account__content_list-info ul li a .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.account__content_head {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.account__content_head .account__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.account__content_head .account__box>div {
    width: 100%
}

.account__content_head .account__box_item {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.account__content_head .account__box_item-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: .2px;
    padding-bottom: 16px
}

.account__content_head .account__box_item-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 8px
}

.account__content_head .account__box_item-text span {
    padding-left: 3px
}

.account__content_head .account__box_item-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--accent)
}

.account__content_head .orderTab .tabs-custom__tabs {
    padding-bottom: 24px
}

.account__content_head .orderTab .tabs-custom__tabs .tabs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px;
    background: #fff;
    border-radius: 44px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0
}

.account__content_head .orderTab .tabs-custom__tab-content .content {
    display: none
}

.account__content_head .orderTab .tabs-custom__tab-content .content.is--active {
    display: block
}

.account__content_head .orderTab .tabs-custom__tab-content .content .pagination {
    padding: 8px 0
}

.account__content_head .orderTab .tabs-custom__tab-content .content .pagination__more .btn-l-gray {
    background: #fff
}

.account__content_head .orderTab .tabs-custom__tab-content .content .pagination__page ul li:not(.prev):not(.next):not(.active) a {
    background: #fff
}

.account__content_head .orderTab .itemOrder {
    padding: 24px 32px;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 16px
}

.account__content_head .orderTab .itemOrder__number {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    padding-bottom: 4px;
    position: relative;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.account__content_head .orderTab .itemOrder__number .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    width: 24px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.account__content_head .orderTab .itemOrder__number span {
    display: block;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

.account__content_head .orderTab .itemOrder__status {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    padding-top: 6px
}

.account__content_head .orderTab .itemOrder__status>div {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.account__content_head .orderTab .itemOrder__status_number {
    color: #525252
}

.account__content_head .orderTab .itemOrder__status_work {
    color: #1aa31a;
    position: relative;
    padding-left: 32px
}

.account__content_head .orderTab .itemOrder__status_work:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 8px;
    width: 14px;
    height: 1px;
    background: #ccc
}

.account__content_head .orderTab .itemOrder__products_scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 24px
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product {
    width: 128px
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product__img picture {
    padding-bottom: 89%
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product__content-name:hover {
    text-decoration: none
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product__content-name:hover a {
    color: var(--accent-03)
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product__content-name a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product__content-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    font-size: 16px;
    line-height: 24px
}

.account__content_head .orderTab .itemOrder__products_scroll .simple-card-product__content-price span {
    font-size: 16px;
    line-height: 24px
}

.account__content_head .link__back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 32px;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    position: relative
}

.account__content_head .link__back:after {
    content: '';
    position: absolute;
    left: 0;
    top: -9px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    opacity: 0;
    background-color: var(--bg-02);
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.account__content_head .link__back .icon {
    width: 22px;
    height: 10px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    position: relative;
    z-index: 1;
    left: 10px
}

.account.orderPage .account__h2 {
    position: relative;
    padding-bottom: 12px
}

.account.orderPage .account__h2_back {
    display: none
}

.boxPopular {
    margin-top: 22px
}

.boxPopular .pagination__page {
    display: none
}

.boxPopular .pagination__more {
    max-width: 100%
}

.boxPopular__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: .2px;
    padding-bottom: 12px
}

.boxPopular__cards {
    display: -ms-grid;
    display: grid;
    gap: 24px
}

.orderItem {
    padding: 32px;
    gap: 26px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 20px;
    background: var(--white);
    margin-bottom: 32px
}

.orderItem__number {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.orderItem__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.orderItem__btns button {
    width: 48%;
    white-space: nowrap
}

.orderItem__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.orderItem__info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

.orderItem__info .info__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--bg-01)
}

.orderItem__info .info__icon .icon {
    width: 24px;
    height: 24px
}

.orderItem__info .info__text {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    padding-top: 1px
}

.orderItem__info .info__text span {
    font-size: 14px;
    color: #525252;
    display: block
}

.orderItem__info .info__text span.color--green {
    color: var(--green-01)
}

.orderItem__info .info__text span.color--red {
    color: var(--red-01)
}

.orderProduct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    padding: 24px;
    border-radius: 20px;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
    position: relative;
    background: #fff;
    margin-top: 16px
}

.orderProduct__image {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.orderProduct__image:before {
    content: '';
    width: 100%;
    height: 0;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 70%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s
}

.orderProduct__image img,
.orderProduct__image picture {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.orderProduct__info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-left: 12px
}

.orderProduct__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 4px
}

.orderProduct__brand {
    font-size: 14px;
    font-weight: 400;
    color: #858585;
    margin-bottom: 12px
}

.orderProduct__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 32px;
    margin-bottom: 8px
}

.orderProduct__details .detailsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.orderProduct__details .detailsItem.color .details-value {
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 1px 0 #00000082;
    box-shadow: 0 0 1px 0 #00000082
}

.orderProduct__details .detailsItem .details-label {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.orderProduct__details .detailsItem .details-value {
    font-size: 14px;
    font-weight: 500;
    color: #525252
}

.orderProduct__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding-right: 24px
}

.orderProduct__btns .btn-blue {
    height: 40px
}

.orderProduct__btns .btn-blue span {
    font-size: 14px;
    font-weight: 400
}

.orderProduct__btns .btn-blue span:before {
    display: none
}

.orderProduct__btns .btn-blue:not(.active) {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 24px;
    width: 100%;
    border-radius: 12px;
    border: none;
    background: var(--bg-01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.orderProduct__btns>button:not(.btn-blue) {
    border: none;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.orderProduct__btns>button:not(.btn-blue) .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.orderProduct__btns>button:not(.btn-blue).active .icon svg {
    fill: #3d3d3d
}

.orderProduct__btns>button:not(.btn-blue).active .icon svg path {
    stroke: #3d3d3d
}

.orderProduct__btns>button:not(.btn-blue):hover {
    opacity: .7
}

.orderProduct__cost {
    text-align: right;
    min-width: 170px
}

.orderProduct__cost-sale {
    white-space: nowrap;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .2px;
    font-weight: 600
}

.orderProduct__cost-sale.red {
    color: #d61111
}

.orderProduct__cost-current {
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: var(--text-icons-borders-04)
}

.profile__title {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    margin: 0;
    padding-bottom: 24px
}

.profile__addPhoto {
    padding-bottom: 24px
}

.profile__addPhoto .form-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.profile__addPhoto .form-img-conteiner {
    position: relative;
    width: 128px;
    height: 128px;
    min-width: 128px;
    border-radius: 16px;
    overflow: hidden
}

.profile__addPhoto .form-img-conteiner .file-upload {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px dashed #ccc;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff
}

.profile__addPhoto .form-img-conteiner .file-upload .icon {
    width: 64px;
    height: 64px
}

.profile__addPhoto .form-img-conteiner .file-upload span {
    color: #858585;
    font-size: 15px;
    font-weight: 400
}

.profile__addPhoto .form-img-conteiner .file-upload input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.profile__addPhoto .form-img-conteiner .preview-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.profile__addPhoto .form-img-conteiner .preview-container #preview-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

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

.profile__addPhoto .form-img-control .btn-blue {
    max-width: 100%;
    height: 40px;
    padding: 7px;
    font-size: 14px
}

.profile__addPhoto .form-img .remove-photo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDFMMSAxM00xIDFMMTMgMTMiIHN0cm9rZT0iIzg1ODU4NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==);
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: rgba(214, 17, 17, 0);
    padding: 4px;
    cursor: pointer
}

.profile__addPhoto .teextInfo {
    font-size: 14px;
    color: #666;
    line-height: 1.5
}

.profile__addPhoto .teextInfo span {
    font-size: 14px
}

.profile__info .form__subitem:after {
    content: "*";
    position: absolute;
    bottom: 9px;
    right: 14px;
    color: #d61111;
    font-size: 16px
}

.profile__address .form__item .form__subitem {
    max-width: 720px !important
}

.profile .form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 24px;
    margin: 0;
    width: calc(100%)
}

.profile .form__item .form__subitem {
    max-width: 480px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

.profile .form__item .form__subitem label {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 12px
}

.profile .form__item .form__subitem input {
    height: 48px !important;
    font-size: 15px;
    border-radius: 12px
}

.profile .form__item .form__subitem textarea {
    min-height: 96px;
    height: 96px;
    padding-top: 14px;
    font-size: 15px;
    border-radius: 12px
}

.profile .form__item .form__textInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    color: #525252;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile__form-policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px 16px
}

.profile__form-policy .btn-blue {
    max-width: 100%
}

.profile__form-policy .checkbox__text {
    color: #858585;
    font-size: 15px
}

.profile__form-policy.disabled {
    opacity: .3;
    pointer-events: none;
    cursor: default
}

#modal-saveProfile {
    display: none !important
}

.af-popup #modal-saveProfile {
    display: block !important
}

.saveProfile__content_h3 {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    margin: 0;
    padding-bottom: 16px
}

.saveProfile__content_title {
    font-size: 16px;
    font-weight: 400;
    color: #525252;
    padding-bottom: 16px
}

.saveProfile__content_text {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding-bottom: 32px
}

.saveProfile__content_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.saveProfile__content_btns .btn {
    width: 100%;
    min-width: 100%
}

.empty-text {
    padding: 22px;
    background: var(--bg-01);
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.empty-text p {
    text-align: center;
    margin-bottom: 15px;
    color: #666
}

.empty-text .btn {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 auto
}

.empty-text :last-child {
    margin-bottom: 0
}

.services__title h2 {
    margin-bottom: 24px;
    font-size: 28px
}

.services__content {
    padding-top: 24px;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.services__content>div {
    width: 100%
}

.services-media h2 {
    margin-bottom: 30px
}

.services-media .formated-block__img-content,
.services-media .formated-block__video-content {
    margin-bottom: 20px
}

.servicesItemCart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    gap: 8px;
    border-radius: 20px;
    border: 1px solid #ccc;
    padding: 16px
}

.servicesItemCart>a:hover .servicesItemCart__img,
.servicesItemCart>a:hover .servicesItemCart__title {
    opacity: .7
}

.servicesItemCart__img {
    width: 100%;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.servicesItemCart__img img,
.servicesItemCart__img picture {
    max-height: 350px;
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    display: block
}

.servicesItemCart__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 4px
}

.servicesItemCart__text {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #525252;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.servicesItemCart__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.servicesItemCart__price_now {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #000
}

.servicesItemCart__price_old {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #858585;
    text-decoration: line-through
}

.servicesItemCart__price_percent {
    padding: 2px 9px;
    border-radius: 24px;
    background: var(--red-02);
    color: var(--red-01);
    font-size: 14px
}

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

.servicesItemCart__btns>a {
    width: 49%
}

.servicesItemCart__btns>a button {
    width: 100%;
    max-width: 100%
}

.servicesItemCart__btns>button {
    width: 49%
}

.serviceItem__h1 h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.serviceItem__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px;
    padding-top: 16px
}

.serviceItem__content .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.serviceItem__content_list {
    position: relative;
    z-index: 12
}

.serviceItem__content_list .sticky {
    position: sticky;
    top: 100px
}

.serviceItem__content_list .sticky__title {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    margin: 0;
    padding-bottom: 24px
}

.serviceItem__content_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px
}

.serviceItem__content_list ul li {
    padding: 12px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 12px
}

.serviceItem__content_list ul li:hover {
    cursor: pointer
}

.serviceItem__content_list ul li.is-active {
    background: #3d3d3d
}

.serviceItem__content_list ul li.is-active span {
    color: #fff
}

.serviceItem__content_list ul li.is-active .icon {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.serviceItem__content_list ul li a,
.serviceItem__content_list ul li span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

.serviceItem__content_list ul li .icon {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.serviceItem__content_head {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.serviceItem__content_head-item {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.serviceItem__content_head-item.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.serviceItem__content_head-item .item__img {
    margin-bottom: 64px
}

.serviceItem__content_head-item img,
.serviceItem__content_head-item picture {
    max-height: 632px;
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    display: block
}

.serviceItem__content_head-item h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    padding: 16px 0 0;
    margin-top: 8px
}

.serviceItem__content_head-item p {
    padding: 8px 0
}

.serviceItem__content_head-item ul {
    margin: 0
}

.serviceItem__content_head-item ul li {
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 10px
}

.serviceItem__content_head-item ul li:before {
    content: '';
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    border-radius: 2px;
    background-color: var(--black)
}

.serviceItem__content_head-item ol {
    counter-reset: my-counter;
    margin: 0
}

.serviceItem__content_head-item ol li {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.serviceItem__content_head-item ol li:before {
    counter-increment: my-counter;
    content: counter(my-counter) " ";
    color: var(--black);
    font-weight: 700;
    margin-right: 10px;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    background: var(--bg-01);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.serviceItem__content_head-item .serviceItem__skils {
    background-color: var(--bg-01);
    border-radius: 16px;
    padding: 40px
}

.serviceItem__content_head-item .serviceItem__skils_title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 18px
}

.serviceItem__content_head-item .serviceItem__skils_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.serviceItem__content_head-item .serviceItem__skils_content .item__icon {
    padding-bottom: 12px
}

.serviceItem__content_head-item .serviceItem__skils_content .item__icon .icon {
    display: block;
    min-width: 52px;
    width: 52px;
    height: 52px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s
}

.serviceItem__content_head-item .serviceItem__skils_content .item__title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 12px
}

.serviceItem__content .exclusive__slider {
    position: relative
}

.serviceItem__content .exclusive__slider:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 11
}

.serviceItem__content .exclusive__slider_infoText {
    padding-top: 12px;
    color: #525252;
    font-weight: 400
}

.serviceItem__content .exclusive__slider picture {
    position: relative;
    display: block;
    padding-top: 130%
}

.serviceItem__content .exclusive__slider picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    color: transparent;
    max-height: none
}

.serviceItem__content .exclusive__slider .slide-video {
    padding-top: 130%
}

.serviceItem__content .exclusive__slider .swiper[data-slider=in-stock],
.serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] {
    margin-right: 0
}

.serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev,
.serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-prev {
    left: initial;
    top: inherit;
    bottom: 0;
    right: calc(16px + 60px);
    margin: 0
}

.serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next,
.serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-next {
    left: initial;
    top: inherit;
    bottom: 0;
    right: 16px;
    margin: 0
}

.serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-slide,
.serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-slide {
    height: auto;
    max-width: 298px
}

.serviceItem__tableScroll .tableScroll {
    margin-bottom: 20px
}

.serviceItem__tableScroll__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.serviceItem__tableScroll__head h2 {
    padding-bottom: 16px
}

.serviceItem__tableScroll__head_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.serviceItem__tableScroll__head_button>a {
    min-width: 40px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.serviceItem__tableScroll__head_button>a span {
    display: block;
    min-width: 22px;
    width: 22px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.serviceItem__tableScroll__head_button .button-start span {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.serviceItem__firstBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding-bottom: 34px
}

.serviceItem__firstBlock_img {
    min-height: 376px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.serviceItem__firstBlock_img picture {
    position: absolute
}

.serviceItem__firstBlock_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    gap: 8px;
    border-radius: 20px;
    border: 1px solid #ccc;
    padding: 12px;
    max-width: 412px;
    width: 100%
}

.serviceItem__firstBlock_info-percent {
    padding: 2px 9px;
    border-radius: 24px;
    background: var(--red-02);
    color: var(--red-01);
    font-size: 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    line-height: 20px
}

.serviceItem__firstBlock_info-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px
}

.serviceItem__firstBlock_info-price .price__now {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #000
}

.serviceItem__firstBlock_info-price .price__old {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #858585;
    text-decoration: line-through
}

.serviceItem__firstBlock_info-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #525252
}

.serviceItem__firstBlock_info-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.serviceItem__anchor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%
}

.serviceItem__anchor li {
    padding: 0 !important
}

.serviceItem__anchor li:before {
    display: none !important
}

.serviceItem__anchor li a {
    font-size: 13px;
    border: 1px solid var(--text-icons-borders-05);
    height: 28px;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 1em;
    white-space: nowrap;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    cursor: pointer
}

.serviceItem .reviews__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.serviceItem .reviews__items .reviewsItem {
    border: 1px solid var(--bg-03);
    border-radius: 16px;
    overflow: hidden
}

.serviceItem .reviews__items .reviewsItem__top {
    padding: 16px 16px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.serviceItem .reviews__items .reviewsItem__top_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    width: 320px
}

.serviceItem .reviews__items .reviewsItem__top_user-img {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 48px;
    overflow: hidden;
    background: var(--bg-01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.serviceItem .reviews__items .reviewsItem__top_user-img span {
    font-size: 0;
    display: inline-block
}

.serviceItem .reviews__items .reviewsItem__top_user-img span:first-letter {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400
}

.serviceItem .reviews__items .reviewsItem__top_user-img img,
.serviceItem .reviews__items .reviewsItem__top_user-img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.serviceItem .reviews__items .reviewsItem__top_user-name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.serviceItem .reviews__items .reviewsItem__top_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.serviceItem .reviews__items .reviewsItem__top_comment-date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #3d3d3d;
    gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.serviceItem .reviews__items .reviewsItem__top_comment-date .star-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    pointer-events: none;
    gap: 1px
}

.serviceItem .reviews__items .reviewsItem__top_comment-date .star-rating label,
.serviceItem .reviews__items .reviewsItem__top_comment-date .star-rating svg {
    width: 20px;
    height: 20px;
    display: block
}

.serviceItem .reviews__items .reviewsItem__top_comment-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 8px
}

.serviceItem .reviews__items .reviewsItem__top_comment-photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 12px;
    width: 100%
}

.serviceItem .reviews__items .reviewsItem__top_comment-photos picture {
    width: 120px;
    height: 120px;
    border-right: 8px;
    overflow: hidden
}

.serviceItem .reviews__items .reviewsItem__top_comment-photos picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s
}

.serviceItem .reviews__items .reviewsItem__top_comment-photos picture:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.serviceItem .reviews__items .reviewsItem__bottom {
    padding: 16px;
    background: var(--bg-01)
}

.serviceItem .reviews__items .reviewsItem__bottom_title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #3d3d3d;
    padding-bottom: 8px
}

.serviceItem .reviews__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 32px
}

.serviceItem .reviews__buttons .btn-blue {
    margin-left: auto
}

.serviceItem .reviews__buttons button {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.serviceItem .teams__items {
    position: relative
}

.serviceItem .teams__items:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 11
}

.serviceItem .teams__items .swiper {
    overflow: hidden;
    padding-bottom: 32px;
    margin-right: 0
}

.serviceItem .teams__items .swiper-slide {
    max-width: 328px
}

.serviceItem__service_all {
    padding-top: 32px;
    overflow: hidden
}

.serviceItem__service_all h2 {
    padding-bottom: 22px
}

.serviceItem__service_all .serviceAll__slider .swiper {
    overflow: inherit
}

.serviceItem__service_all .serviceAll__slider .swiper-slide {
    max-width: 322px
}

.serviceItem__service_all .serviceAll__slider .servicesItemCart__btns {
    gap: 12px
}

.serviceItem__service_all .serviceAll__slider .servicesItemCart__btns>a,
.serviceItem__service_all .serviceAll__slider .servicesItemCart__btns>button {
    width: 100%
}

.serviceItem .swiper[data-slider=serviceAll]>.btn-l-gray,
.serviceItem .swiper[data-slider=serviceItem]>.btn-l-gray {
    font-size: 14px;
    height: 40px;
    padding: 8px 12px;
    margin-top: 16px
}

.serviceItem .swiper[data-slider=serviceAll].show-all .swiper-slide,
.serviceItem .swiper[data-slider=serviceItem].show-all .swiper-slide {
    display: block !important
}

.serviceItem .textHideMob .content {
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.serviceItem .textHideMob .content>p {
    padding-bottom: 4px
}

.serviceItem .textHideMob .content ol,
.serviceItem .textHideMob .content ul {
    margin-top: 0
}

.serviceItem .textHideMob .content.textOnly {
    max-height: none;
    overflow: visible
}

.faqSection {
    background-color: var(--bg-01);
    padding: 16px;
    border-radius: 20px
}

.faqSection__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: .2px;
    padding-bottom: 4px
}

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

.teamsItem__img {
    height: 262px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px
}

.teamsItem__name {
    font-size: 18px;
    line-height: 32px;
    font-weight: 500
}

.teamsItem__vacation {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 6px;
    color: #525252
}

.teamsItem__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 4px
}

.teamsItem__contact svg {
    width: 21px;
    height: 21px
}

.teamsItem__contact .contact {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.teamsItem__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    padding-top: 8px
}

.teamsItem__social .icon {
    width: 28px;
    height: 28px;
    display: block;
    background-size: 28px
}

.boxConsultation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 16px;
    background: var(--bg-01);
    border-radius: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.boxConsultation .btn-blue {
    max-width: 100%
}

.boxConsultation__title {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 130%;
    margin: 0;
    padding-bottom: 8px
}

.boxConsultation__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.photo-wrapper {
    position: relative;
    display: inline-block;
    margin: 5px
}

.review-photo {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.delete-photo-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    background: var(--black);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.delete-photo-btn:hover {
    opacity: .8
}

.popupReview {
    letter-spacing: .2px;
    padding: 16px
}

.popupReview__name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 26px
}

.popupReview .form-field {
    margin-bottom: 12px
}

.popupReview .form-field>label {
    padding-bottom: 8px;
    display: block
}

.popupReview .form-field textarea {
    min-height: 142px
}

.popupReview .addPhoto {
    border: 1px dashed #ccc;
    border-radius: 8px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.popupReview .addPhoto:hover {
    border-color: var(--accent);
    background: var(--bg-01)
}

.popupReview .addPhoto.disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.popupReview .addPhoto .icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: 21px;
    background-position: center;
    margin-right: 8px
}

.popupReview .addPhoto span {
    font-size: 14px;
    color: #666
}

.popupReview .photos-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 15px
}

.popupReview .photos-preview .photo-item {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.popupReview .photos-preview .photo-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.popupReview .photos-preview .photo-item .remove-photo-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #dc3545;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.popupReview .photos-preview .photo-item .remove-photo-btn:after {
    content: '';
    background-size: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDFMMSAxM00xIDFMMTMgMTMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==);
    width: 12px;
    height: 12px;
    display: block
}

.popupReview .photos-preview .photo-item .remove-photo-btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: #c82333
}

.prices {
    overflow: hidden
}

.prices .empty-text {
    margin: 40px 0
}

.prices .tabs-custom__heading h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 130%;
    margin: 0
}

.prices .tabs-custom__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px
}

.prices .tabs-custom__tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 16px
}

.prices .tabs-custom__tabs-wrapper .tabs {
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.prices .tabs-custom__tabs-wrapper .tabs::-webkit-scrollbar {
    display: none
}

.prices .tabs-custom__tab-content {
    display: none
}

.prices .tabs-custom__tab-content.active-content {
    display: block
}

.prices__items {
    padding: 30px 0 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
    gap: 32px
}

.prices__items .item {
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .2s;
    transition: .2s;
    min-height: 180px
}

.prices__items .item__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center
}

.prices__items .item__text {
    padding-top: 8px;
    padding-bottom: 12px;
    color: #525252;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    text-align: center
}

body.b--open,
body.page-hidden {
    overflow: hidden
}

section {
    margin-bottom: 48px
}

[data-observ] {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000099;
    z-index: 4
}

[data-observ].is-active {
    display: block;
    -webkit-animation: .5s forwards fadeInOverlay;
    animation: .5s forwards fadeInOverlay
}

[data-observ].b-active {
    z-index: 99
}

[data-observ].b-active.b-activeHeader {
    z-index: 98
}

.scroller {
    position: fixed;
    left: 20px;
    bottom: 80px;
    z-index: 11;
    -webkit-animation: .2s forwards fadeIn;
    animation: .2s forwards fadeIn
}

.scroller.is-hidden {
    display: none
}

.scroller__btn {
    min-width: 48px;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-01);
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s
}

.scroller__btn .icon {
    display: block;
    min-width: 22px;
    width: 22px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .1s;
    transition: .1s;
    rotate: -90deg
}

.lazyload {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

body .fslightbox-container {
    background: #fff
}

body .fslightbox-slide-btn,
body .fslightbox-toolbar {
    background: var(--bg-01);
    border-radius: 8px
}

body .fslightbox-svg-path {
    fill: var(--accent)
}

body .fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: var(--accent);
    opacity: .5
}

body .fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: var(--accent);
    opacity: .8
}

body .fslightbox-slide-btn-container:hover .fslightbox-slide-btn {
    background-color: var(--bg-02)
}

body .fslightbox-slide-number-container {
    color: var(--accent)
}

body .fslightbox-slash {
    background: var(--accent)
}

#settings-form input[type=radio]~.checkbox__elem {
    border-radius: 50%;
    background-color: #fff
}

#settings-form input[type=radio]:checked~.checkbox__elem {
    border-width: 7px
}

#settings-form input[type=radio]~.checkbox__elem::after {
    display: none
}

@media screen and (min-width:478.98px) {
    .banner__slider-card-wrapper {
        max-width: 400px
    }
}

@media screen and (min-width:479.98px) {
    ._container {
        max-width: 400px
    }
}

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

    .breadcrumb li a,
    .breadcrumb li span {
        font-size: 14px
    }

    .dropdown {
        font-size: 14px;
        padding: 8px
    }

    .form__label {
        font-size: 18px
    }

    .af-popup__wrp {
        margin-top: 0;
        min-height: 100%;
        height: 100%
    }

    .af-popup__container {
        -webkit-animation: .2s .2s both zoomInUpPopup;
        animation: .2s .2s both zoomInUpPopup
    }

    .af-position-right .af-popup__container {
        padding: 0;
        margin-right: 0;
        -webkit-animation: .35s .2s both af-slide-left;
        animation: .35s .2s both af-slide-left
    }

    .af-position-right .af-popup__content {
        padding: 0;
        min-height: 100vh;
        border-radius: 0
    }

    .af-position-right .af-popup__close {
        top: 14px
    }

    .af-popup.af-position-right .af-spiner {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -20px;
        margin-top: -20px
    }

    .af-popup:not(.af-position-right) .af-popup__container:has(.af-spiner) {
        max-width: none;
        width: auto
    }

    .af-popup__content:has(.af-spiner) {
        padding: 15px
    }

    .exclusive .swiper[data-slider=exclusive] .swiper-slide:has(.product-card--vertical),
    .exclusive .swiper[data-slider=in-stock] .swiper-slide:has(.product-card--vertical) {
        max-width: 310px
    }

    .notification.is--active {
        right: 0;
        left: auto
    }
}

@media (min-width:566px) {
    .shop__item_photo-gallary .item__img {
        width: 72px;
        height: 72px
    }
}

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

    ._container,
    .banner__slider-card-wrapper {
        max-width: 480px
    }
}

@media screen and (min-width:576px) {
    .formated-text h1 {
        font-size: 36px
    }

    .formated-text h2 {
        font-size: 27px
    }

    .tabs li span {
        font-size: 14px;
        height: 40px;
        padding: 5px 1.3em 6px
    }

    .breadcrumb {
        padding-top: 12px
    }

    .breadcrumb li::after {
        margin: 0 11px
    }

    .form input[type=date],
    .form input[type=email],
    .form input[type=number],
    .form input[type=password],
    .form input[type=tel],
    .form input[type=text],
    .form textarea {
        height: 56px
    }

    .form__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main-menu {
        max-width: 400px;
        -webkit-animation: .3s forwards fade-drop-filter;
        animation: .3s forwards fade-drop-filter
    }

    body.open-mobile-menu main {
        margin-top: 84px
    }

    .top-search__product .top-search__title {
        padding-bottom: 5px;
        font-size: 16px
    }

    .top-search__desc {
        padding-bottom: 0
    }

    .contacts h1,
    .products h1 {
        font-size: 36px
    }

    .products__subcat:not(.is-init) {
        /*max-height: 167px;*/
        overflow: hidden
    }
x

    .catalog__h1 h1 {
        font-size: 36px
    }

    /*.catalog__subcat ul li {*/
    /*    width: 48%*/
    /*}*/
    .card-subcat__link{
        min-width: max-content
    }

    .aboutUs__h1 h1 {
        font-size: 36px
    }

    .aboutUs__content_head-item h2 {
        font-size: 27px
    }

    .gallery .tabs-custom__heading h1,
    .searchResult h1,
    .searchResult h1 span {
        font-size: 36px
    }

    .searchResult h2 {
        font-size: 22px
    }

    .basket .basket__empty .empty__info_name,
    .blogList__title h1,
    .certificates .tabs-custom__heading h1,
    .page-404__info_name,
    .shop__heading h1 {
        font-size: 36px
    }

    .account__h2 h2,
    .orderItem__number {
        font-size: 27px
    }

    .serviceItem__h1 h1 {
        font-size: 36px
    }

    .serviceItem__content_head-item h2 {
        font-size: 27px
    }

    .serviceItem__anchor li a {
        font-size: 14px;
        height: 40px;
        padding: 5px 1.3em 6px
    }

    .prices .tabs-custom__heading h1 {
        font-size: 36px
    }
}

@media (min-width:681px) {
    .popupSize__info .size-chart {
        min-width: 700px
    }
}

@media screen and (min-width:767.98px) {
    ._container {
        max-width: 990px;
        padding: 0 30px
    }
    .catalog__subcat ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: visible
    }

    .formated-text table tr:first-child {
        display: table-row
    }

    .formated-text table tr td {
        padding: 24px;
        display: table-cell
    }

    .formated-text table tr td:first-child {
        padding: 24px;
        background: 0 0
    }

    .formated-text table tr td:not(:last-child) {
        border-bottom: none
    }

    .formated-text table tr td:before {
        display: none !important
    }

    .formated-text table tr {
        display: table-row
    }

    .formated-text table tr:not(:last-child) {
        margin-bottom: 0
    }

    .formated-block__cards {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .btnClose {
        min-width: 36px;
        width: 36px;
        height: 36px;
        border-radius: 8px
    }

    .btnClose:hover {
        background-color: #f0f0f0
    }

    .btnClose:hover i {
        background: #000
    }

    .form .color-checkbox:hover .color-indicator {
        outline-color: #ccc
    }

    .form .color-checkbox:hover .color-label {
        font-size: 15px;
        font-weight: 400;
        color: #3d3d3d
    }

    .form .circle-checkbox:hover .circle-indicator {
        border-color: #000
    }

    .form .circle-checkbox:hover input[type=checkbox]:checked+.circle-indicator,
    .form .circle-checkbox:hover input[type=radio]:checked+.circle-indicator {
        border-color: #3d3d3d
    }

    .form .circle-checkbox:hover .circle-label {
        font-size: 15px;
        font-weight: 400;
        color: #3d3d3d
    }

    .form .tabs-checkbox:hover .circle-indicator {
        background: #fff
    }

    .form .tabs-checkbox:hover input[type=checkbox]:checked+.circle-indicator,
    .form .tabs-checkbox:hover input[type=radio]:checked+.circle-indicator {
        color: var(--white)
    }

    .form .form__counts .btn:hover {
        background: #f7f7f7 !important;
        opacity: 1
    }

    .af-popup__content {
        padding: 32px
    }

    .af-popup__container {
        max-width: 520px
    }

    .af-popup__close {
        top: 24px
    }

    .popup__heading-phone,
    .popup__heading-question {
        gap: 10px;
        font-size: 15px;
        font-weight: 500;
        line-height: 24px
    }

    header:has(.fixed) {
        min-height: 172px
    }

    header:has(.fixed) .catalog-list,
    header:has(.fixed) .search-field {
        position: fixed;
        top: 72px
    }

    .top-header {
        display: block
    }

    .main-header .menu-header {
        display: none
    }

    .main-header__logo {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
        margin: 0
    }

    .main-header__logo a .icon {
        min-width: 184px;
        width: 184px;
        height: 28px
    }

    .main-header .catalog-btn {
        display: block
    }

    .main-header__search {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .main-header__search .search-index {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial
    }

    .main-header__search .search-index__input {
        display: block
    }

    .main-header__search .search-index__btn {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .main-header__search .search-index__btn .btn-search .icon {
        -webkit-filter: initial;
        filter: initial;
        display: block
    }

    .main-header__info,
    .main-header__search .search-index__btn .btn-searchMobile .icon {
        display: none
    }

    .main-header__panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bottom-header {
        display: block
    }

    .info-action:hover .info-action__title,
    .info-action:hover .numbers-action__title .name,
    .numbers-action:hover .info-action__title,
    .numbers-action:hover .numbers-action__title .name {
        opacity: .7;
        cursor: pointer
    }

    .info-action:hover .data-dropdown,
    .numbers-action:hover .data-dropdown {
        display: block;
        -webkit-animation: .3s forwards dropdownAnimationNScale;
        animation: .3s forwards dropdownAnimationNScale
    }

    .headerMini .main-header__logo a .icon {
        min-width: 122px;
        width: 122px;
        height: 28px
    }

    .headerMini .main-header__panel,
    .headerMini .main-header__panel>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .headerBasket__logo a .icon {
        min-width: 184px;
        width: 184px;
        height: 28px
    }

    footer {
        padding-bottom: 0
    }

    .top-footer__wrapper {
        padding: 48px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .top-footer__item {
        max-width: 380px
    }

    .top-footer__item-heading .icon {
        display: none
    }

    .top-footer .tf-item-menu .top-footer__item-content {
        display: block
    }

    .catalog-list {
        position: absolute;
        top: initial;
        height: auto
    }

    .catalog-list.is--active {
        -webkit-animation: .3s forwards dropdownAnimationNScale;
        animation: .3s forwards dropdownAnimationNScale
    }

    .catalog-list__container {
        height: initial
    }

    .catalog-list__heading {
        display: none
    }

    .catalog-list__links {
        padding: 40px 0;
        width: initial;
        border-right: 1px solid #ccc;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
        flex: 0 0 280px
    }

    .catalog-list__links ul li {
        padding: 12px 16px
    }

    .catalog-list__links ul li.is-active {
        background: var(--bg-01)
    }

    .catalog-list__links-all {
        padding: 12px 16px
    }

    .catalog-list__info {
        display: block
    }

    .catalog-list__info-item {
        position: static;
        width: initial;
        padding-left: 20px
    }

    .catalog-list__info-item.is-active {
        display: block
    }

    .catalog-list__info-item.is--active-md {
        display: none
    }

    .catalog-list__info-item .title {
        margin-bottom: 32px
    }

    .catalog-list__info-item-content .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 3%;
        -moz-column-gap: 3%;
        column-gap: 3%;
        max-height: 52vh;
        overflow-x: hidden;
        overflow-y: auto
    }

    .catalog-list__info-item-content .list ul:not(:last-child) {
        margin-bottom: 16px
    }

    .catalog-list__info-item-content .all {
        margin-top: 32px
    }

    header .top-search {
        position: absolute;
        top: initial;
        height: auto
    }

    header:has(.fixed) .top-search {
        position: fixed;
        top: 68px;
        height: auto
    }

    .top-search .search-index__btn_mobile {
        display: none
    }

    .top-search.is-open {
        -webkit-animation: .3s forwards dropdownAnimationNScale;
        animation: .3s forwards dropdownAnimationNScale
    }

    .banner__slider-card-wrapper {
        max-width: 710px
    }

    .idea__item picture {
        height: 340px
    }

    .idea__item-bullet-content button.btn-l-gray {
        margin: 20px auto 0
    }

    .idea .btn-l-gray {
        max-width: 416px;
        margin: 32px auto 0
    }

    .action-panel {
        display: none
    }

    .settings-modal-content .category-filter__props {
        padding: 0 20px 32px
    }

    .category-filter__heading {
        padding: 32px 40px 12px
    }

    .category-filter__filter form {
        height: calc(100% - 100px)
    }

    .category-filter__props {
        padding: 0 40px 32px
    }

    .category-filter__item {
        padding: 23px 0
    }

    .category-filter__submit-wrapper {
        padding: 0 40px
    }

    .deliver__heading {
        padding: 32px 40px
    }

    .deliver__body {
        padding: 0 40px 40px
    }

    .addBasket__heading {
        padding: 32px 40px
    }

    .addBasket__heading-title {
        font-size: 24px
    }

    .addBasket__body {
        padding: 0 40px 40px
    }

    .main-product [data-slider=product-thumb] {
        height: 85px
    }

    .aboutUs__content_list ul li {
        padding: 12px 16px
    }

    .aboutUs__content_list ul li:hover {
        background: var(--bg-01)
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus],
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] {
        padding-bottom: 22px;
        margin-right: -30px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-prev,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev {
        right: calc(30px + 60px)
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-next,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next {
        right: 30px
    }

    .gallery .tabs-custom .examples-gallery {
        gap: 24px
    }

    .gallery .tabs-custom .examples-gallery__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 24px
    }

    .gallery .tabs-custom .examples-gallery__row .examples-gallery__img.examples-gallery--big {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 12px);
        flex: 0 0 calc(50% - 12px)
    }

    .gallery .tabs-custom .examples-gallery__row .examples-gallery__img:not(.examples-gallery--big) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 18px);
        flex: 0 0 calc(25% - 18px)
    }

    .account__content_list-info ul li a:not(.is-active):hover {
        background: var(--bg-01)
    }

    .boxPopular {
        margin-top: 40px
    }

    .boxPopular__content {
        background: #fff;
        padding: 32px 32px 0;
        border-radius: 24px
    }

    .boxPopular .pagination__more .btn-l-gray:hover {
        background-color: var(--bg-01)
    }

    .boxPopular__title {
        font-size: 36px;
        line-height: 52px;
        padding-bottom: 24px
    }

    .serviceItem__content_list ul li {
        padding: 12px 16px
    }

    .serviceItem__content_list ul li:hover {
        background: var(--bg-01)
    }

    .serviceItem__content_list ul li:hover.is-active {
        background: #3d3d3d
    }

    .serviceItem__content_list ul li:hover.is-active span {
        color: #fff
    }

    .serviceItem__content_list ul li:hover.is-active .icon {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    .serviceItem__content_list ul li:hover span {
        color: #000
    }

    .serviceItem__content_list ul li:hover .icon {
        -webkit-filter: invert(0);
        filter: invert(0)
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock],
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] {
        padding-bottom: 22px;
        margin-right: -30px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-prev {
        right: calc(30px + 60px)
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-next {
        right: 30px
    }

    .serviceItem .teams__items .swiper {
        padding-bottom: 42px;
        margin-right: -30px
    }

    .serviceItem .teams__items .swiper .swiper-scrollbar {
        width: calc(100% - 30px)
    }

    .teamsItem__contact {
        margin-bottom: 6px
    }

    .teamsItem__contact:hover svg path {
        stroke: var(--accent)
    }

    .teamsItem__contact:hover .contact {
        color: var(--accent)
    }

    .teamsItem__social a:hover {
        opacity: .8
    }

    .popupReview {
        padding: 16px 40px 12px
    }
}

@media screen and (min-width:767px) {
    .formated-text ol>li {
        padding-left: 50px
    }

    .formated-text ol>li::before {
        height: 40px;
        width: 40px;
        font-size: 15
    }

    .formated-text blockquote {
        padding: 28px 24px 22px
    }

    .form div.error {
        font-size: 15px
    }

    .form__note--col2>span {
        padding-bottom: 0
    }

    .form__note--col2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .form__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: -10px;
        width: calc(100% + 20px)
    }

    .form__subitem--leftlabel {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        font-weight: 400
    }

    .form__subitem--w-auto {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: auto
    }

    .form__subitem {
        padding: 11px 10px;
        margin-bottom: 0
    }

    .faq-item__answer {
        font-size: 15px
    }

    .faq-item__title {
        font-size: 18px
    }

    .catalog-list__links ul {
        max-height: 65vh;
        overflow-y: auto;
        scroll-behavior: smooth;
        scrollbar-width: thin
    }

    .top-search__heading {
        display: none
    }

    .top-search__close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .top-search__list {
        overflow-y: auto;
        overflow-x: hidden;
        scroll-behavior: smooth;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .popular-category .tabs-custom__tabs {
        margin-bottom: 32px
    }

    .popular-category .swiper[data-slider=popular-category] {
        padding-bottom: 42px
    }

    .bottom-popup.open.is-setting .bottom-popup__icon {
        width: 50px;
        margin-top: 0
    }

    .bottom-popup.open.is-setting .bottom-popup__main {
        width: calc(100% - 50px);
        padding-left: 24px
    }

    .bottom-popup.open.is-setting .bottom-popup__btn {
        padding-left: 74px
    }

    .bottom-popup.open.is-setting .bottom-popup__wrp {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bottom-popup.open.is-setting .bottom-popup__desc {
        font-size: 15px
    }

    .bottom-popup__icon {
        display: block
    }

    .bottom-popup__icon svg {
        fill: var(--accent)
    }

    .products__cards {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .catalog__head {
        padding-bottom: 30px
    }

    .catalog__item,
    .catalog__subcat ul li {
        width: 48%
    }

    .deliver__heading-title {
        line-height: 136%
    }

    .notification {
        left: auto;
        width: 100%;
        top: 32px;
        border-radius: 20px
    }

    .notification.is--active {
        right: 32px
    }

    .main-product__video .formated-block__video {
        width: calc(50% - 16px)
    }

    .page-404__info_warn {
        font-size: 18px;
        padding-bottom: 12px
    }

    .page-404__info_title {
        font-size: 18px;
        padding-bottom: 26px
    }

    .page-404__info_btn {
        padding-bottom: 46px;
        gap: 12px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .page-404__info_btn .btn {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .page-404__info_text {
        padding-bottom: 16px
    }

    .page-404__info_number {
        padding-bottom: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page-404__info_number a {
        -webkit-transition: .2s ease-in;
        transition: .2s ease-in;
        font-size: 24px
    }

    .page-404__info_number a b {
        font-size: 24px
    }

    .page-404__info_number a:hover {
        -webkit-transition: .2s ease-in;
        transition: .2s ease-in;
        text-decoration: underline
    }

    .basket .basket__empty .empty__info_title {
        font-size: 18px;
        padding-bottom: 26px;
        text-align: left
    }

    .basket .basket__empty .empty__info_btn {
        padding-bottom: 46px;
        gap: 12px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .basket .basket__empty .empty__info_btn .btn {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .card.cardDelivery ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 56px;
        border-radius: 32px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .card.cardDelivery ul li {
        width: auto
    }

    .thanks__box {
        padding: 40px
    }

    .thanks__box_btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .compare .form__submit .checkbox__text a:hover {
        color: var(--accent)
    }

    .compare .compare-table td {
        min-width: 380px !important;
        width: 380px !important
    }

    .compare .product-table__group:hover .table-group__head {
        color: #0070e0
    }

    .compare .product-table__group:hover .table-group__head .icon svg,
    .compare .product-table__group:hover .table-group__head .icon svg path {
        stroke: var(--accent)
    }

    .compare .compare-product__action a:hover {
        background-color: #f5f5f5
    }

    .compare .compare-product__action a:hover svg {
        opacity: 1
    }

    .compare .compare-product__title a {
        font-size: 16px
    }

    .compare .compare-product__title a:hover {
        color: var(--accent)
    }

    .compare .compare-product:hover,
    .compare .compare-product:hover .compare-product__action {
        opacity: 1
    }

    .compare .sticky-header-wrapper .compare-product__top {
        height: 104px
    }

    .favorites .favoritesContent>div {
        width: calc(50% - 9px)
    }

    .account__content_head .account__box {
        gap: 24px
    }

    .account__content_head .account__box>div {
        width: calc(50% - 12px)
    }

    .account__content_head .account__box_item {
        padding: 24px
    }

    .account__content_head .account__box_item-title {
        font-size: 28px;
        line-height: 40px
    }

    .account__content_head .account__box_item-text {
        font-size: 18px;
        line-height: 28px
    }

    .account__content_head .account__box_item-link {
        font-size: 15px;
        line-height: 24px
    }

    .account__content_head .account__box_item-link:hover {
        color: var(--accent-03)
    }

    .account__content_head .orderTab .itemOrder__status {
        padding-top: 0
    }

    .account__content_head .orderTab .itemOrder__status>div {
        font-size: 16px;
        line-height: 24px
    }

    .boxPopular__cards {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .orderItem__info .info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .orderItem__info .info__text {
        font-size: 16px;
        line-height: 24px;
        padding-top: 0
    }

    .serviceItem__content {
        padding-top: 50px
    }

    .serviceItem__firstBlock_info {
        padding: 24px
    }

    .serviceItem__firstBlock_info-percent {
        font-size: 14px;
        height: 28px
    }

    .serviceItem__firstBlock_info-price .price__now {
        font-size: 28px;
        line-height: 40px
    }

    .serviceItem__firstBlock_info-price .price__old {
        font-size: 18px;
        line-height: 28px
    }

    .serviceItem__firstBlock_info-text {
        padding-bottom: 16px
    }

    .serviceItem__firstBlock_info-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px
    }
}

@media (min-width:767px) {
    .blog__content>div {
        width: calc(50% - 20px)
    }

    .shop__content {
        grid-template-columns: repeat(auto-fit, minmax(656px, 1fr))
    }

    .shop__item_contact {
        grid-template-columns: repeat(auto-fit, minmax(382px, 1fr))
    }

    .services__title h2 {
        font-size: 44px;
        margin-bottom: 32px
    }

    .services__content {
        padding-top: 48px;
        padding-bottom: 48px;
        gap: 20px
    }

    .services__content>div {
        width: calc(50% - 20px)
    }
}

@media screen and (min-width:768px) {
    .faq-item:hover {
        border-color: #3d3d3d
    }

    .faq-item:hover .faq-item__arrow {
        opacity: 1
    }

    .faq-item.open .faq-item__answer {
        padding: 0 24px 8px
    }

    .faq-item__question {
        padding: 16px 24px
    }

    .shop__item {
        padding: 32px
    }

    .shopForm .contacts__content-form {
        padding: 40px 48px
    }

    .account__content_head .link__back {
        margin-top: 10px;
        margin-bottom: 42px
    }

    .account__content_head .link__back:hover:after {
        opacity: 1
    }

    .profile__addPhoto {
        padding-bottom: 48px
    }

    .profile__addPhoto .form-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 32px
    }

    .profile__addPhoto .form-img-conteiner {
        width: 160px;
        height: 160px;
        min-width: 160px
    }

    .profile__addPhoto .form-img-control .btn-blue {
        max-width: 164px
    }

    .profile__info {
        padding-bottom: 48px
    }

    .profile .form__item {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 32px
    }

    .profile .form__item .form__subitem textarea {
        min-height: 48px;
        height: 48px
    }

    .profile .form__item .form__textInfo {
        min-height: 48px;
        font-size: 14px
    }

    .profile__form-policy {
        gap: 32px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .profile__form-policy .btn-blue {
        max-width: 242px
    }

    .profile__form-policy .checkbox__text a:hover {
        text-decoration: underline
    }

    .saveProfile__content_btns .btn {
        width: auto;
        min-width: 124px
    }

    .servicesItemCart {
        padding: 24px;
        gap: 16px
    }

    .servicesItemCart__img {
        margin-bottom: 20px
    }

    .servicesItemCart__title {
        font-size: 20px;
        line-height: 32px;
        padding-top: 0
    }

    .servicesItemCart__text {
        font-size: 14px
    }

    .serviceItem__content_head-item ul {
        margin: 16px 0 0
    }

    .serviceItem__content_head-item ol {
        margin: 16px 0
    }

    .serviceItem__tableScroll__head_button {
        display: none !important
    }

    .serviceItem .swiper[data-slider=serviceAll]>.btn-l-gray,
    .serviceItem .swiper[data-slider=serviceItem]>.btn-l-gray {
        display: none
    }

    .faqSection {
        margin-top: 48px;
        padding: 32px
    }

    .faqSection__title {
        font-size: 28px;
        line-height: 40px;
        padding-bottom: 24px
    }

    .teamsItem__img {
        height: 328px
    }

    .teamsItem__name {
        font-size: 20px;
        padding-bottom: 4px
    }

    .teamsItem__vacation {
        font-size: 15px;
        padding-bottom: 16px
    }

    .teamsItem__contact .contact {
        font-size: 15px
    }
}

@media (min-width:768px) {
    .certificates__items .item:hover {
        border: 1px solid #3d3d3d
    }

    .certificates__items .item__img_size {
        -webkit-transition: .2s;
        transition: .2s;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .certificates__items .item__img_size-icon {
        width: 48px;
        height: 48px;
        background: #3d3d3d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 8px
    }

    .certificates__items .item__img:hover .item__img_size {
        opacity: 1
    }

    .certificates__items .item__title {
        font-size: 18px;
        padding-top: 24px;
        line-height: 28px
    }

    .shop__item_contact-box a:hover {
        color: var(--accent)
    }

    .prices__items .item {
        min-height: 200px;
        padding: 24px;
        border-radius: 16px
    }

    .prices__items .item:hover {
        border: 1px solid #3d3d3d
    }

    .prices__items .item:hover .btn-l-gray {
        background: var(--accent);
        color: #fff
    }

    .prices__items .item__title {
        font-size: 20px;
        line-height: 32px
    }
}

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

    a,
    b,
    blockquote,
    body,
    button,
    canvas,
    caption,
    code,
    div,
    em,
    embed,
    fieldset,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    html,
    i,
    iframe,
    img,
    input,
    label,
    li,
    main,
    nav,
    object,
    ol,
    p,
    pre,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr,
    tt,
    u,
    ul,
    video {
        font-size: 16px;
        line-height: 150%
    }

    .orderProduct__image {
        width: 84px;
        height: 84px
    }
}

@media screen and (min-width:769px) {
    .formated__skils_content .item__icon .icon {
        min-width: 52px;
        width: 52px;
        height: 52px
    }

    .main-header__actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 32px
    }

    .top-search__right {
        padding: 36px 0
    }

    .top-search__hits .top-search__label {
        padding-bottom: 45px
    }

    .addBasket__body_product .product__info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .addBasket__body_product .product__info_content-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-product [data-slider=product-thumb] .swiper-slide:hover {
        opacity: 1
    }

    .main-product__document .itemDownload:hover {
        border-color: #3d3d3d
    }

    .main-product__document .itemDownload:hover .itemDownload__button {
        opacity: .8
    }

    .main-product__actions {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px
    }

    .popupCallQuestion__name h4 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 22px
    }

    .popupCallQuestion__tabs {
        padding-bottom: 28px;
        border-bottom: 1px solid var(--bg-02)
    }

    .popupCallQuestion__content_tell a {
        font-size: 18px
    }

    .popupCallQuestion__content_tell a:hover {
        border-color: #000
    }

    .popupContactsCall__name h4 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 22px
    }

    .popupContactsCall__content_tell a:hover,
    .popupContactsCall__content_work .work__item a:hover {
        color: var(--accent)
    }

    .page-404__info_name {
        padding-bottom: 52px
    }

    .basket .basket__empty .empty__info {
        padding-top: 122px
    }

    .basket .basket__empty .empty__info_name {
        padding-bottom: 52px
    }

    .basket__content_left .cart__delete-selected:not(:disabled):hover {
        color: #d61111
    }

    .basket__content_left .cart__delete-selected:not(:disabled):hover:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xNCAxMkwxMCAxNk0xMCAxMkwxNCAxNiIgc3Ryb2tlPSIjRDYxMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
    }

    .basket__content_left .cart__clear-selected:hover {
        background: #f44;
        color: #fff
    }

    .basket__content_left .cart-item__show-all:hover {
        text-decoration: underline
    }

    .popupBasket__name h4 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 26px
    }

    .popupBasket__content .step2 .form__textInfo {
        font-size: 16px
    }

    .popupBasket__content .numberCode__input input {
        max-width: 64px;
        width: 100%;
        height: 64px !important;
        text-align: center;
        font-size: 20px
    }

    .compare h1 {
        font-size: 28px
    }

    .compare .compare-table table {
        font-size: 15px
    }

    .compare .product-table__group td .table-group__head>span {
        width: calc(100vw - 90px);
        font-size: 25px;
        gap: 24px
    }

    .compare .product-table__prop:hover {
        background: #f7f7f7;
        border-color: #858585
    }

    .compare .product-table__prop tr td {
        font-weight: 500;
        font-size: 15px
    }

    .favorites h1 {
        font-size: 36px
    }

    .account__content_list-info .boxAccount__img {
        width: 120px;
        height: 120px
    }

    .account__content_list-info .boxAccount__name {
        font-size: 20px;
        line-height: 32px;
        padding-top: 12px
    }

    .serviceItem .certificates__items {
        display: block
    }

    .serviceItem .certificates__items .swiper {
        margin-left: inherit;
        margin-right: inherit
    }

    .serviceItem .certificates__items .swiper .swiper-wrapper {
        padding: 16px 0 0;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
        gap: 32px
    }

    .serviceItem .certificates__items .swiper .swiper-scrollbar {
        display: none
    }

    .serviceItem .reviews__items {
        gap: 32px
    }

    .serviceItem .reviews__items .reviewsItem:hover {
        border: 1px solid #000
    }

    .serviceItem .reviews__items .reviewsItem__top_user-name {
        font-size: 16px
    }

    .serviceItem .reviews__items .reviewsItem__top_comment-date {
        font-size: 15px
    }

    .serviceItem .reviews__items .reviewsItem__top_comment-text {
        font-size: 16px;
        line-height: 24px
    }

    .serviceItem .reviews__items .reviewsItem__top_comment-photos picture {
        width: 160px;
        height: 160px
    }

    .serviceItem .reviews__items .reviewsItem__bottom {
        padding: 32px
    }

    .serviceItem .reviews__items .reviewsItem__bottom_title {
        font-size: 15px
    }

    .boxConsultation {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 28px 32px;
        gap: 24px
    }

    .boxConsultation .btn-blue {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .boxConsultation__text {
        font-size: 16px;
        line-height: 24px
    }

    .popupReview__name h4 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 26px
    }
}

@media screen and (min-width:770px) {
    .orderProduct__cost-sale {
        padding-bottom: 8px
    }

    .profile__address {
        padding-bottom: 48px
    }
}

@media screen and (min-width:920px) {
    .basket__content_left .cart__title {
        font-size: 28px
    }

    .card__title {
        font-size: 29px !important
    }
}

@media screen and (min-width:991.98px) {
    h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 52px
    }

    h4 {
        font-size: 24px;
        font-weight: 600;
        line-height: 36px
    }

    .formated-text table tr td {
        font-size: 16px
    }

    .formated-block__video-content video {
        border-radius: 16px
    }

    .formated-block__video-play:hover {
        background: var(--bg-01)
    }

    .formated-block__img-content picture img {
        border-radius: 16px
    }

    .formated--tabs {
        padding-bottom: 64px
    }

    .formated--tabs:before {
        width: calc(100% + 200px);
        left: -100px
    }

    .tabs-formated__tabs {
        margin-bottom: 48px
    }

    .tabs-formated__tab {
        padding: 0 48px 8px
    }

    .tabs-formated__tab:hover {
        background: 0 0
    }

    .tabs-formated__tab span {
        font-size: 20px;
        line-height: 32px
    }

    .tabs-formated__tab span:hover {
        color: #000
    }

    .tabs-formated__col {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 64px
    }

    .formated__skils_content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 40px
    }

    .formated__skils_content .item {
        width: calc(33% - 40px);
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .swiper .swiper-scrollbar:hover .swiper-scrollbar-drag {
        height: 3px !important;
        top: -1px
    }

    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .btn {
        -webkit-transition: .3s !important;
        transition: .3s !important
    }

    .btn:hover {
        background: var(--accent-02);
        color: var(--white)
    }

    .btn-custom_i:hover {
        padding: 12px 20px 12px 24px;
        background: var(--white);
        color: #000;
        gap: 16px
    }

    .btn-custom_i:hover .icon {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }

    .btn-l-gray {
        -webkit-transition: .3s !important;
        transition: .3s !important
    }

    .btn-l-gray:hover {
        background: var(--bg-02);
        color: #000
    }

    .btn-l-gray:active {
        background: var(--bg-03)
    }

    .btn-blue:hover {
        background: var(--accent-02)
    }

    .btn-blue:active {
        background: var(--accent-03)
    }

    .form__submit label.checkbox input:checked~.checkbox__elem:after {
        -webkit-filter: initial;
        filter: initial
    }

    .form__submit label.checkbox .checkbox__elem:hover {
        border-color: #000
    }

    .form__submit label.checkbox .checkbox__elem:hover:after {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }

    .form__submit label.checkbox:hover input:checked~.checkbox__elem {
        background-color: #3d3d3d
    }

    .popup h2 {
        font-size: 24px;
        line-height: 26px
    }

    .popup form input:not([type=file]):hover {
        border-color: #3d3d3d
    }

    .popup form textarea:hover {
        border-color: #3d3d3d
    }

    .popup form .popup__form-field--policy a:hover {
        color: #0070e0
    }

    .popup form .popup__form-field--action .number:hover:before {
        background: #000
    }

    #modal-call .popup__heading-question:hover {
        color: #000
    }

    #modal-call .popup__heading-question:hover .icon {
        opacity: 1
    }

    #modal-question .popup__heading-phone:hover {
        color: #000
    }

    #modal-question .popup__heading-phone:hover .icon {
        opacity: 1
    }

    .main-header .catalog-btn__btn:hover {
        background: var(--bg-02)
    }

    .main-header__links {
        display: block
    }

    .main-header__links:hover {
        opacity: .7
    }

    .main-header__panel .panel-custom_i:hover {
        cursor: pointer;
        color: #000
    }

    .main-header__panel .panel-custom_i:hover .icon {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }

    .main-header__panel .panel-custom_i:hover .icon.active {
        -webkit-filter: inherit;
        filter: inherit
    }

    .bottom-header__wrapper ul li a:hover {
        opacity: .678
    }

    .country-header:hover {
        opacity: .7
    }

    .data-dropdown ul li a:hover {
        background: var(--bg-01)
    }

    .headerMini .main-header__panel .panel-custom_i:hover {
        cursor: pointer;
        color: #000
    }

    .headerMini .main-header__panel .panel-custom_i:hover .icon {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }

    .headerMini .main-header__panel .panel-custom_i:hover .icon.active {
        -webkit-filter: inherit;
        filter: inherit
    }

    .headerBasket__back .prevStep:hover {
        color: #545454
    }

    .top-footer__item-content ul:not(.tf-item-contacts__socials) li a:hover {
        color: #000
    }

    .top-footer .tf-item-contacts__socials li a:hover .icon {
        -webkit-filter: brightness(.7);
        filter: brightness(.7)
    }

    .bottom-footer__wrapper_left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .bottom-footer__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .bottom-footer__copy {
        min-width: 380px;
        margin-right: 46px
    }

    .bottom-footer__develop a:hover {
        opacity: 1;
        color: var(--accent-03)
    }

    .search-index__input input:hover {
        border-color: #3d3d3d
    }

    .catalog-list__links {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px
    }

    .catalog-list__links ul li {
        padding: 0 16px 0 0
    }

    .catalog-list__links ul li a,
    .catalog-list__links ul li span {
        width: 100%;
        padding: 12px 16px
    }

    .catalog-list__links-all {
        padding: 0
    }

    .catalog-list__links-all:hover {
        background: var(--bg-01)
    }

    .catalog-list__links-all a {
        padding: 12px 16px
    }

    .catalog-list__info-item {
        padding-left: 60px
    }

    .catalog-list__info-item .title:hover:before {
        background: #000
    }

    .catalog-list__info-item-content .list ul li a:hover {
        color: var(--accent)
    }

    .catalog-list__info-item-content .all:hover:before,
    .catalog-list__info-item-content .list ul li a:hover span:before {
        background: #000
    }

    .mobile-menu.is--active {
        display: none
    }

    header:has(.fixed) .top-search {
        position: fixed;
        top: 72px
    }

    .top-search__categ ul li a:hover {
        color: var(--accent)
    }

    .banner {
        margin-bottom: 64px
    }

    .banner .swiper[data-slider=banner] .swiper-pagination-bullet:hover {
        border: 2px solid #3d3d3d
    }

    .banner__slider-card {
        height: 680px
    }

    .banner__slider-card-img picture {
        display: block
    }

    .banner__slider-card-img-md {
        display: none
    }

    .banner__slider-card-wrapper {
        max-width: 990px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner__slider-card-content span {
        font-size: 16px;
        margin-bottom: 0
    }

    .banner__slider-card-content div {
        font-size: 64px;
        line-height: 100%;
        margin-bottom: 28px
    }

    .banner__slider-card-content p {
        font-size: 20px;
        font-weight: 400;
        line-height: 32px
    }

    .banner__slider-card-content button {
        max-width: 176px;
        margin-top: 22px
    }

    .exclusive {
        margin-bottom: -60px
    }

    .exclusive .swiper[data-slider=exclusive] .swiper-slide,
    .exclusive .swiper[data-slider=in-stock] .swiper-slide {
        max-width: 435px
    }

    .exclusive .swiper[data-slider=exclusive] .swiper-scrollbar,
    .exclusive .swiper[data-slider=in-stock] .swiper-scrollbar {
        bottom: 140px
    }

    .exclusive .swiper[data-slider=exclusiveMini] .swiper-slide {
        max-width: 240px
    }

    .exclusive .swiper[data-slider=exclusiveMini] .swiper-scrollbar {
        bottom: 20px
    }

    .exclusive h2 {
        margin-bottom: 32px
    }

    .recommended .swiper[data-slider=recommended] {
        padding-bottom: 40px
    }

    .recommended .swiper[data-slider=recommended] .swiper-slide {
        max-width: 560px
    }

    .recommended__heading {
        margin-bottom: 40px;
        max-width: calc(50% + 250px)
    }

    .recommended__heading h2 {
        margin-bottom: 16px
    }

    .recommended__heading p {
        font-size: 20px;
        line-height: 32px
    }

    .recommended-card:before {
        border-radius: 0 0 20px 20px
    }

    .recommended-card__img picture img {
        border-radius: 20px
    }

    .recommended-card__info {
        left: 32px;
        top: 32px
    }

    .recommended-card__content {
        left: 32px;
        right: 32px;
        bottom: 32px
    }

    .recommended-card__content h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
        letter-spacing: .02em
    }

    .recommended-card__content p {
        font-size: 16px;
        line-height: 24px
    }

    .idea h2 {
        margin-bottom: 40px
    }

    .idea__item-bullet-icon:hover span {
        min-width: 24px;
        width: 24px;
        height: 24px
    }

    .product-card:hover {
        background: var(--white);
        -webkit-box-shadow: 0 2px 32px 0 #0000001A;
        box-shadow: 0 2px 32px 0 #0000001A
    }

    .product-card:hover .product-card__btns {
        opacity: 1;
        -webkit-animation: .5s forwards fadeInOverlay;
        animation: .5s forwards fadeInOverlay
    }

    .product-card:hover .product-card__heading-actions,
    .product-card:hover .product-card__heading-actions button {
        opacity: 1
    }

    .product-card {
        padding: 24px
    }

    .product-card__heading-actions {
        opacity: 0
    }

    .product-card__heading-actions button:hover {
        opacity: .7
    }

    .product-card .product-action-name:hover {
        color: var(--accent)
    }

    .product-card__btns {
        opacity: 0
    }

    .format h2 {
        margin-bottom: 16px
    }

    .products .filter-products {
        margin-bottom: 32px;
        gap: 12px
    }

    .products .filter-products__button {
        padding: 10px 24px;
        gap: 8px
    }

    .products .filter-products__button:hover {
        background: #f7f7f7
    }

    .products .filter-products__button.btn-filter:hover {
        opacity: .9;
        background-color: var(--accent)
    }

    .products .filter-products__button.btn-stock:hover {
        border-color: #f7f7f7
    }

    .products .filter-products__button.btn-stock.active:hover {
        background-color: #f7f7f7;
        border-color: #f7f7f7
    }

    .products .product-card {
        border-radius: 16px 16px 0 0
    }

    .products .product-card:hover {
        z-index: 4
    }

    .products .product-card:hover:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--white);
        border-radius: 16px 16px 0 0;
        z-index: 2
    }

    .products .product-card:hover .product-card__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-animation: none;
        animation: none
    }

    .products .product-card__btns {
        display: none;
        padding: 0 24px 24px;
        border-radius: 0 0 16px 16px;
        background: var(--white);
        -webkit-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, .101961);
        box-shadow: 0 2px 32px 0 rgba(0, 0, 0, .101961);
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 2
    }

    .category-filter__item .filter-properties__list ul li label.checkbox:hover .checkbox__elem {
        border-color: #000
    }

    .category-filter__item .filter-properties__list ul li label.checkbox:hover .checkbox__elem:after {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-filter: brightness(0);
        filter: brightness(0);
        -webkit-transition: none;
        transition: none
    }

    .category-filter__item .filter-properties__list ul li label.checkbox input:checked~.checkbox__elem:after {
        -webkit-filter: initial;
        filter: initial
    }

    .category-filter__item .filter-properties__list ul li label.checkbox:hover input:checked~.checkbox__elem {
        background-color: #3d3d3d
    }

    .category-filter__item .filter-properties__list ul li label.checkbox:hover input:checked~.checkbox__text {
        color: #3d3d3d
    }

    .category-filter__item .filter-properties__list .sub-menu-toggle:hover {
        opacity: .7
    }

    .category-filter__item .filter-properties__input input:hover {
        border-color: #3d3d3d
    }

    .category-filter__clear:hover {
        opacity: .9
    }

    .contacts__links a:hover .icon {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    .contacts__content,
    .contacts__content-info {
        gap: 42px
    }

    .contacts__content-info-heading h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 32px
    }

    .contacts__content-info-heading-number {
        padding-left: 40px
    }

    .contacts__content-info-heading-number:before {
        min-width: 28px;
        width: 28px;
        height: 28px
    }

    .contacts__content-info-heading-number a,
    .contacts__content-info-heading-number p {
        font-size: 18px;
        line-height: 28px
    }

    .contacts__content-info-heading-number a:hover {
        color: var(--accent-02)
    }

    .contacts__content-info .additional-info {
        padding: 32px 40px
    }

    .contacts__content-info .additional-info__title {
        margin-bottom: 32px
    }

    .contacts__content-info .additional-info__cards {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 40px
    }

    .contacts__content-info .additional-info__card-content a:hover {
        color: var(--accent-02);
        border-color: var(--accent-02)
    }

    .contacts__content-form-heading {
        margin-bottom: 32px
    }

    .contacts__content-form-heading h3 {
        font-size: 28px;
        line-height: 40px
    }

    .contacts__content-form-field {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .contacts__content-form input:hover,
    .contacts__content-form textarea:hover {
        border-color: #3d3d3d
    }

    .contacts__content-form textarea {
        min-height: 140px
    }

    .contacts__content-form .btn-blue {
        max-width: 240px
    }

    .contacts__content-form-policy {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 32px
    }

    .contacts__info h3 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 32px
    }

    .contacts__info ul li:not(:last-child) {
        margin-bottom: 16px
    }

    .section-catalog {
        margin-bottom: 80px
    }

    .main-product__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 64px
    }

    .main-product__visual {
        gap: 64px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .main-product .product-slider {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main-product [data-slider=product-thumb] {
        height: 550px;
        width: 85px;
        min-width: 85px
    }

    .main-product__info {
        padding: 48px
    }

    .main-product__info h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
        letter-spacing: .02em
    }

    .main-product__info h4 {
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: .02em
    }

    .main-product__sub-button button:hover {
        opacity: .8
    }

    .main-product__actions-heading h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
        letter-spacing: .02em
    }

    .main-product__actions-item:hover {
        background: var(--bg-01)
    }

    .select-region__list ul li a {
        font-size: 16px
    }

    .select-region__list ul li a:hover {
        color: #858585
    }

    .popupContactsCall__content_work .work__links a:hover img {
        opacity: .8
    }

    .popupContactsCall__content_work .work__links a:hover .icon {
        -webkit-filter: brightness(.7);
        filter: brightness(.7)
    }

    .popupContactsCall__content .prevStep:hover {
        color: #545454
    }

    .popupContactsCall__content .prevStep:hover .prevStep__icon {
        background: var(--bg-02)
    }

    .aboutUs__content_list ul li {
        padding: 0 16px 0 0
    }

    .aboutUs__content_list ul li a,
    .aboutUs__content_list ul li span {
        width: 100%;
        padding: 12px 16px
    }

    .aboutUs__content_head-item h2 {
        margin-top: 36px
    }

    .aboutUs__content_head-item .aboutUs__skils_content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .aboutUs__content .exclusive__slider_infoText {
        position: absolute;
        left: 0;
        bottom: 14px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus],
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] {
        padding-bottom: 72px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-slide,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-slide {
        max-width: 560px
    }

    .basket__content_left .cart-item__image:hover:before {
        height: 60%
    }

    .basket__content_left .cart-item__title:hover {
        color: var(--accent)
    }

    .basket__content_left .cart-item__additional button:hover {
        opacity: .7
    }

    .popupBasket__content .prevStep:hover {
        color: #545454
    }

    .popupBasket__content .prevStep:hover .prevStep__icon {
        background: var(--bg-02)
    }

    .favorites .favoritesContent .product-card__heading-actions {
        opacity: 1
    }

    .favorites .favoritesContent .product-card__heading-actions button:first-child {
        opacity: 0
    }

    .favorites .favoritesContent .product-card:hover .product-card__heading-actions button:first-child {
        opacity: 1
    }

    .favorites .favoritesContent>div {
        width: 33.333%
    }

    .account .pagination .pagination__page ul li:not(.prev):not(.next):not(.active) a:hover {
        border-color: var(--bg-01);
        background-color: var(--bg-01) !important
    }

    .account__content_head .orderTab .tabs-custom__tab-content .content .pagination__more .btn-l-gray:hover {
        background: var(--bg-02)
    }

    .account__content_head .orderTab .tabs-custom__tab-content .content .pagination__page ul li:not(.prev):not(.next):not(.active) a:hover {
        background: var(--bg-02)
    }

    .orderProduct__image:hover:before {
        height: 60%
    }

    .orderProduct__title {
        font-size: 20px;
        line-height: 32px
    }

    .orderProduct__title:hover {
        color: var(--accent)
    }

    .orderProduct__btns .btn-blue:not(.active) {
        -webkit-transition: .3s !important;
        transition: .3s !important
    }

    .orderProduct__btns .btn-blue:not(.active):hover {
        background: var(--bg-02);
        color: #000
    }

    .orderProduct__btns .btn-blue:not(.active):active {
        background: var(--bg-03)
    }

    .serviceItem__content_list ul li {
        padding: 0 16px 0 0
    }

    .serviceItem__content_list ul li a,
    .serviceItem__content_list ul li span {
        width: 100%;
        padding: 12px 16px
    }

    .serviceItem__content_head-item h2 {
        margin-top: 16px;
        padding: 16px 0
    }

    .serviceItem__content_head-item .serviceItem__skils_content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .serviceItem__content .exclusive__slider_infoText {
        position: absolute;
        left: 0;
        bottom: 14px;
        padding-right: 148px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock],
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] {
        padding-bottom: 72px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-slide,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-slide {
        max-width: 360px
    }

    .serviceItemcontent .exclusiveslider_infoText {
        position: absolute;
        left: 0;
        bottom: 15px;
        padding-right: 160px
    }

    section {
        margin-bottom: 104px
    }

    .scroller {
        bottom: 20px
    }

    .scroller__btn:hover {
        background: var(--bg-02)
    }
}

@media screen and (min-width:992.98px) {
    .formated-text h1 {
        font-size: 44px;
        letter-spacing: 3%
    }

    .formated-text h2 {
        font-size: 36px;
        letter-spacing: 3%
    }

    .tabs li span:hover {
        background-color: var(--bg-01);
        border: 1px solid var(--bg-01)
    }

    .af-popup::-webkit-scrollbar {
        width: 5px;
        border-radius: 4px;
        height: 5px
    }

    .af-popup::-webkit-scrollbar-track {
        background-color: var(--bg-01);
        border-radius: 4px
    }

    .af-popup::-webkit-scrollbar-thumb {
        background-color: rgba(154, 185, 191, .5);
        border-radius: 4px
    }

    .pagination {
        padding: 32px 0
    }

    .main-menu {
        top: 90px
    }

    .top-search__wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
        padding: 0
    }

    .top-search__left {
        padding: 36px 0;
        width: 300px
    }

    .top-search__right {
        width: calc(100% - 300px);
        border-left: 1px solid #ccc;
        padding-left: 18px
    }

    .top-search__list {
        max-height: calc((var(--vh, 1vh) * 100) - var(--hgt-header, 68px) - 220px)
    }

    .header.is-fixed .top-search__list {
        max-height: calc((var(--vh, 1vh) * 100) - var(--hgt-header, 68px) - 184px)
    }

    .bottom-popup .checkbox .checkbox__elem {
        height: 24px;
        width: 24px;
        min-width: 24px;
        border-radius: 6px
    }

    .bottom-popup .checkbox .checkbox__elem::after {
        left: 6px;
        top: 6px;
        width: 11px;
        height: 6px
    }

    .settings-modal-content::-webkit-scrollbar {
        width: 5px;
        border-radius: 4px;
        height: 5px
    }

    .settings-modal-content::-webkit-scrollbar-track {
        background-color: var(--bg-01);
        border-radius: 4px
    }

    .settings-modal-content::-webkit-scrollbar-thumb {
        background-color: rgba(154, 185, 191, .5);
        border-radius: 4px
    }

    .products h1 {
        font-size: 44px;
        letter-spacing: 3%
    }

    .products .filter-products__view {
        display: block
    }

    .products__cards.product-grid--small {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 24px 0
    }

    .catalog__h1 h1,
    .contacts h1 {
        font-size: 44px;
        letter-spacing: 3%
    }

    .catalog__subcat ul li {
        width: auto
    }

    .catalog__item {
        width: 25%
    }

    .catalog__action {
        margin-left: auto;
        padding-top: 0;
        overflow: unset
    }

    .tabs-additional .itemDownload {
        max-width: calc(33.33% - 22px)
    }

    .tabs-additional .main-product__video>div {
        width: calc(33.33% - 22px)
    }

    .aboutUs__h1 h1 {
        font-size: 44px;
        letter-spacing: 3%
    }

    .aboutUs__content_head-item h2 {
        font-size: 36px;
        letter-spacing: 3%
    }

    .basket .basket__empty .empty__info_name,
    .blogList__title h1,
    .certificates .tabs-custom__heading h1,
    .gallery .tabs-custom__heading h1,
    .page-404__info_name,
    .searchResult h1,
    .searchResult h1 span,
    .shop__heading h1 {
        font-size: 44px;
        letter-spacing: 3%
    }

    .account__h2 h2 {
        font-size: 36px;
        letter-spacing: 3%
    }

    .boxPopular__cards.product-grid--small {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 24px 0
    }

    .orderItem__number {
        font-size: 36px;
        letter-spacing: 3%
    }

    .serviceItem__h1 h1 {
        font-size: 44px;
        letter-spacing: 3%
    }

    .serviceItem__content_head-item h2 {
        font-size: 36px;
        letter-spacing: 3%
    }

    .serviceItem__anchor li a:hover {
        background-color: var(--bg-01);
        border: 1px solid var(--bg-01)
    }

    .prices .tabs-custom__heading h1 {
        font-size: 44px;
        letter-spacing: 3%
    }
}

@media (min-width:992px) {

    .blog__content>div,
    .services__content>div {
        width: calc(33.333% - 20px)
    }
}

@media screen and (min-width:992px) {
    .compare__tabs {
        margin-bottom: 32px
    }

    .compare__tabs .compare__remove:hover {
        color: #d61111
    }

    .compare__tabs .compare__remove:hover:after {
        opacity: 1;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xNCAxMkwxMCAxNk0xMCAxMkwxNCAxNiIgc3Ryb2tlPSIjRDYxMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
    }

    .favorites__tabs {
        margin-bottom: 32px
    }
}

@media screen and (min-width:993px) {
    .account__content_head .orderTab .itemOrder__number {
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        letter-spacing: 4%
    }

    .account__content_head .orderTab .itemOrder__number span {
        padding-left: 4px;
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        display: inline-block
    }

    .account__content_head .orderTab .itemOrder__number .icon {
        right: -34px;
        top: 4px
    }

    .account__content_head .orderTab .itemOrder__number:hover {
        color: var(--accent-03)
    }

    .account__content_head .orderTab .itemOrder__number:hover .icon {
        right: -40px
    }

    .account__content_head .orderTab .itemOrder__number:hover .icon svg path {
        stroke: var(--accent-03)
    }
}

@media screen and (min-width:1024px) {
    .headerMini .main-header__actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 32px
    }

    .headerMini .main-header__panel {
        margin-left: 0
    }

    .headerMini .main-header__panel>ul {
        padding-left: 22px;
        gap: 24px
    }

    .serviceItem .reviews__items .reviewsItem__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 32px 32px 20px
    }
}

@media screen and (min-width:1025px) {
    .searchResult h1 {
        padding-bottom: 40px
    }

    .searchResult .catalog__list {
        padding-top: 16px
    }

    .searchResult .products {
        padding-top: 48px
    }
}

@media screen and (min-width:1199.98px) {
    ._container {
        max-width: 1680px;
        padding: 0 40px
    }

    .formated-block__cards {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 32px
    }

    .tabs-formated__tabs:before {
        content: '';
        height: 1px;
        background: #ccc;
        position: absolute;
        bottom: 0;
        z-index: -1;
        width: calc(100% + 200px);
        left: -100px
    }

    .tabs-formated__tabs {
        overflow: initial
    }

    .tabs-formated__tab:before {
        display: none
    }

    .main-header__panel {
        margin-left: 0
    }

    .main-header__panel .panel-custom_i .count {
        right: 18px;
        top: -6px
    }

    .main-header__panel .panel-custom_i {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        min-width: 76px;
        width: 76px
    }

    .headerMini .main-header__panel .panel-custom_i .count {
        right: 0;
        top: -6px
    }

    .headerMini .main-header__panel .panel-custom_i {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        min-width: 76px;
        width: 76px
    }

    .top-footer__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 64px
    }

    .top-footer__item:first-child {
        max-width: 380px;
        margin-right: auto
    }

    .catalog-list__info-item-scroll {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 100%;
        overflow: initial;
        max-height: calc(var(--vh, 1vh) * 100 - 180px)
    }

    .catalog-list__info-item-img {
        margin-top: -60px
    }

    .banner .swiper[data-slider=banner] .swiper-button-next,
    .banner .swiper[data-slider=banner] .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner__slider-card-wrapper {
        max-width: 100%;
        padding: 0
    }

    .banner__slider-card-content {
        padding-left: 160px
    }

    .idea__item picture {
        height: 560px
    }

    .contacts__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 48px;
        padding-top: 64px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus],
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] {
        margin-right: -40px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-prev,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev {
        right: calc(40px + 60px)
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-next,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next {
        right: 40px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock],
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] {
        margin-right: -40px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-prev {
        right: calc(40px + 60px)
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-next {
        right: 40px
    }

    .serviceItem .teams__items .swiper {
        margin-right: -40px
    }

    .serviceItem .teams__items .swiper .swiper-scrollbar {
        width: calc(100% - 40px)
    }
}

@media screen and (min-width:1200px) {
    .headerBasket__breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .headerBasket__breadcrumb .breadcrumb {
        padding: 0
    }

    .products__cards {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: 32px 0
    }

    .products__cards.product-grid--small {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: 24px 0
    }

    .catalog__head {
        padding-bottom: 60px
    }

    .catalog__item {
        width: 20%
    }

    .card-subcat {
        padding: 10px
    }

    .card-subcat__link a,
    .card-subcat__link span {
        font-size: 15px;
        letter-spacing: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .main-product__video .formated-block__video {
        width: calc(33.33% - 16px)
    }

    .page-404 ._container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 32px
    }

    .page-404__image {
        display: block;
        min-width: 664px;
        padding-top: 34px;
        margin: 0 auto
    }

    .page-404__image picture {
        display: inline-block
    }

    .page-404__image picture img {
        width: 100%
    }

    .basket__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 48px
    }

    .basket__content_left {
        gap: 48px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .basket__content_rigth {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px
    }

    .card {
        padding: 48px
    }

    .compare .compare-product__price {
        font-size: 20px;
        padding-bottom: 12px
    }

    .favorites .favoritesContent>div {
        width: 25%
    }

    .boxPopular__cards {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: 32px 0
    }

    .boxPopular__cards.product-grid--small {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: 24px 0
    }
}

@media screen and (min-width:1220px) {
    .idea__item-bullet-content {
        min-width: 320px
    }

    .main-product__actions {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 520px;
        flex: 0 0 520px
    }

    .gallery .tabs-custom__tabs-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 32px
    }

    .gallery .tabs-custom__tabs-wrapper .tabs {
        width: auto
    }
}

@media screen and (min-width:1221px) {
    .aboutUs__content_list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 412px;
        flex: 0 0 412px
    }

    .account__content_list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 328px;
        flex: 0 0 328px
    }

    .serviceItem__content_list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 412px;
        flex: 0 0 412px
    }

    .serviceItem__content_head {
        width: calc(100% - 444px)
    }
}

@media screen and (min-width:1376px) {
    .top-search__left {
        width: 360px
    }

    .top-search__right {
        width: calc(100% - 360px);
        padding-left: 36px
    }

    .catalog__item {
        width: 16.66%
    }
}

@media screen and (min-width:1380px) {
    .account__content_head .account__box>div {
        width: calc(33.333% - 16px)
    }
}

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

    .headerMini .main-header__panel .panel-custom_i,
    .main-header__panel .panel-custom_i {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        min-width: 96px;
        width: 96px
    }
}

@media screen and (min-width:1400px) {
    .basket__content_rigth {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 520px;
        flex: 0 0 520px
    }

    .basket__content_rigth .basket__promo_form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .basket__content_rigth .basket__promo_form .btn {
        max-width: 150px
    }
}

@media (min-width:1400px) {
    .certificates__items {
        -ms-grid-columns: (minmax(312px, 1fr))[4];
        grid-template-columns: repeat(4, minmax(312px, 1fr))
    }

    .prices__items {
        -ms-grid-columns: (minmax(312px, 1fr))[3];
        grid-template-columns: repeat(3, minmax(312px, 1fr))
    }
}

@media screen and (min-width:1439.98px) {
    .contacts__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 560px;
        flex: 0 0 560px
    }
}

@media screen and (min-width:1440.98px) {
    .formated-text h3 {
        font-size: 29px
    }

    .formated-text h4 {
        font-size: 24px
    }

    .formated-text div:not([class]),
    .formated-text p {
        margin: 20px 0
    }

    .formated-text ul {
        margin: 24px 0
    }

    .formated-text ul li {
        padding-bottom: 16px;
        padding-left: 30px
    }

    .formated-text ul li::before {
        width: 16px
    }

    .form__item>.form__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main-menu__nav nav ul li .sub-menu .sub-menu a,
    .main-menu__nav nav ul li .sub-menu li a {
        font-size: 18px
    }

    .products .breadcrumb {
        padding: 16px 0
    }

    .products__cards.product-grid--small {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        gap: 24px 0
    }

    .catalog__list {
        margin: 0 -16px
    }

    .catalog__item {
        width: calc(100% / 7);
        padding: 16px
    }

    .basket__content_left .cart__title,
    .card__title,
    .thanks__box_title {
        font-size: 29px
    }

    .boxPopular__cards.product-grid--small {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        gap: 24px 0
    }

    .profile__title,
    .saveProfile__content_h3 {
        font-size: 29px
    }

    .serviceItem__content_list .sticky__title {
        font-size: 24px
    }

    .boxConsultation__title {
        font-size: 29px
    }
}

@media screen and (min-width:1440px) {
    .compare h1 {
        font-size: 45px
    }

    .favorites h1 {
        font-size: 44px;
        letter-spacing: 3%;
        font-weight: 600
    }
}

@media screen and (min-width:1639.98px) {
    ._container {
        max-width: 1904px;
        padding: 12px 80px
    }

    .banner__slider-card-content {
        padding-left: 240px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus],
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] {
        margin-right: -80px
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-prev,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev {
        right: calc(80px + 60px)
    }

    .aboutUs__content .exclusive__slider .swiper[data-slider=aboutus] .swiper-button-next,
    .aboutUs__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next {
        right: 80px
    }

    .compare .product-table__group td .table-group__head>span {
        width: calc(100vw - 180px)
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock],
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] {
        margin-right: -80px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-prev,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-prev {
        right: calc(80px + 60px)
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-button-next,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-button-next {
        right: 80px
    }

    .serviceItem .teams__items .swiper {
        margin-right: -80px
    }

    .serviceItem .teams__items .swiper .swiper-scrollbar {
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:1660px) {
    .catalog__item {
        width: calc(100% / 8)
    }
}

@media screen and (min-width:1904px) {
    .compare .product-table__group td .table-group__head>span {
        width: calc(100vw - (100vw - 1744px))
    }
}

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

    .aboutUs__content,
    .account__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .account.orderPage .account__content_list {
        display: none
    }

    .account.orderPage .account__h2_back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .serviceItem__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:1200px) {
    .select-styled {
        font-size: 14px
    }

    .bottom-popup__wrp::before {
        left: unset;
        right: 30px
    }

    .products .filter-products__buttons .filter-products__button {
        display: none
    }

    .products .filter-products__buttons .filter-products__button.btn-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .products .filter-products__result {
        display: none
    }
}

@media screen and (max-width:1199px) {
    .headerBasket__container .headerBasket__back a {
        font-size: 0
    }

    .headerBasket__container .headerBasket__info .country-header__title,
    .headerBasket__container .headerBasket__info .numbers-action__title {
        padding: 4px
    }

    .headerBasket__container .headerBasket__info .country-header__title .name,
    .headerBasket__container .headerBasket__info .numbers-action__title .name {
        display: none
    }

    .headerBasket__container .headerBasket__info .country-header__title>:last-child,
    .headerBasket__container .headerBasket__info .numbers-action__title>:last-child {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .headerMini .main-header .catalog-btn__btn-name {
        display: none
    }
}

@media (max-width:1024px) {
    .idea__items {
        gap: 20px
    }
}

@media screen and (max-width:1023px) {
    .headerMini .main-header .numbers-action .numbers-action__title .name {
        display: none
    }

    .headerMini .main-header .numbers-action .numbers-action__title .icon:last-child {
        display: none
    }
}

@media screen and (max-width:992.98px) {
    .select-options {
        max-height: 30vh
    }

    .pagination__page ul {
        display: none
    }

    .pagination__more {
        max-width: 512px;
        margin: 0 auto
    }

    .pagination__more button {
        height: 40px
    }

    .main-menu {
        padding: 12px 25px 0
    }

    .favorites .favoritesContent {
        gap: 16px
    }

    .favorites .favoritesContent .product-card {
        height: auto
    }

    .favorites .favoritesContent .product-card__btns>a {
        display: none
    }

    .orderItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
        gap: 16px 12px
    }

    .orderItem__btns {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .orderItem__btns button {
        width: 100%;
        height: 40px;
        font-size: 14px;
        border-radius: 8px
    }

    .orderItem__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px
    }
}

@media screen and (max-width:992px) {
    .bottom-popup {
        bottom: 0
    }

    body>jdiv {
        z-index: 1000;
        position: relative
    }

    .bottom-popup__main {
        padding-right: 0
    }

    .bottom-popup__wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-phones__links {
        margin-bottom: 12px
    }

    .bottom-popup__btn {
        padding-top: 25px;
        width: 100%
    }

    .bottom-popup__btn .btn {
        width: 100%
    }

    .main-account .breadcrumb {
        display: none
    }

    .account__content_head .orderTab .tabs-custom__tabs .tabs {
        width: 100%
    }

    .account__content_head .orderTab .tabs-custom__tabs .tabs li {
        width: 49%
    }

    .account__content_head .orderTab .tabs-custom__tabs .tabs li span {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .account__content_head .orderTab .itemOrder {
        padding: 16px 16px 12px
    }

    .account__content_head .orderTab .itemOrder__products {
        overflow-x: auto;
        width: 100%;
        padding-bottom: 10px
    }

    .account__content_head .orderTab .itemOrder__products_scroll {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .account.orderPage .account__h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .account.orderPage .account__h2_back {
        position: absolute;
        left: 0;
        top: 6px;
        width: 24px;
        height: 30px
    }

    .account.orderPage .account__h2_back .icon {
        display: block;
        min-width: 24px;
        width: 24px;
        height: 24px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: .1s;
        transition: .1s
    }
}

@media screen and (max-width:991.98px) {
    .catalog__subcat ul {
        margin: 0 -16px;
        padding: 0 16px
    }
}

@media screen and (max-width:991px) {
    .basket__content_left .cart-item__additional {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .basket__content_left .cart-item__additional .cart-item__cost {
        width: 100%
    }
}

@media screen and (max-width:780px) {
    .serviceItem__tableScroll {
        margin: 0 -30px
    }

    .serviceItem__tableScroll .tableScroll,
    .serviceItem__tableScroll__head {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:769px) {
    .top-search {
        padding-top: 16px
    }

    .top-search__wrp {
        padding-top: 0;
        height: calc(var(--vh, 1vh) * 100 - 140px);
        overflow-y: auto;
        overflow-x: hidden;
        scroll-behavior: smooth;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .top-search__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .top-search__row .simple-card-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 12px
    }

    .top-search__row .simple-card-product__content-price {
        font-size: 16px
    }

    .top-search__row .simple-card-product__content-price span {
        font-size: 13px
    }

    .top-search__row .simple-card-product__img {
        width: 60px;
        height: 60px;
        margin-bottom: 0;
        min-width: 60px;
        border-radius: 8px;
        overflow: hidden
    }

    .top-search__row .simple-card-product__img picture {
        width: 100%;
        height: 100%
    }

    .top-search__row .simple-card-product__img picture img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .top-search__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .top-search__list .top-search__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 12px;
        margin: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .top-search__list .top-search__row .top-search__main {
        padding-left: 0;
        font-size: 16px
    }

    .top-search__list .top-search__row .top-search__main span {
        font-size: 13px
    }

    .top-search__list .top-search__row .top-search__image {
        width: 75px;
        height: 75px;
        margin-bottom: 0
    }

    .top-search__list .top-search__row .top-search__image .bgimage {
        width: 100%;
        padding-top: 100%
    }

    .top-search__all .btn {
        width: 100%
    }
}

@media screen and (max-width:769.98px) {
    .orderProduct {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px
    }

    .orderProduct__btns {
        width: 100%;
        padding-right: 0
    }

    .orderProduct__cost {
        width: 100%;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }
}

@media screen and (max-width:768px) {
    .tableScroll table thead tr th {
        padding: 4px 12px;
        min-width: 122px;
        vertical-align: middle;
        font-size: 14px
    }

    .tableScroll table tbody tr td {
        padding: 12px;
        min-width: 122px;
        vertical-align: middle;
        font-size: 14px
    }

    .formated__skils_content .item {
        padding-left: 58px
    }

    .formated__skils_content .item__icon {
        position: absolute;
        top: 4px;
        left: 0
    }

    .form .tabs-checkbox .circle-indicator {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .top-search__close {
        top: 8px
    }

    .account__content_list-info {
        padding-bottom: 8px
    }

    .account__content_list-info .boxAccount {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px;
        padding: 16px
    }

    .account__content_list-info ul {
        gap: 8px;
        padding: 16px
    }

    .profile__addPhoto .teextInfo span {
        display: none
    }

    .profile .form__item .form__subitem {
        margin-bottom: 6px
    }

    .saveProfile__content_btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .serviceItem {
        overflow: hidden
    }

    .serviceItem__tableScroll {
        margin: 0 -16px
    }

    .serviceItem__tableScroll .tableScroll {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 0
    }

    .serviceItem__tableScroll__head {
        padding-left: 16px;
        padding-right: 16px
    }

    .serviceItem__firstBlock {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 20px
    }

    .serviceItem__firstBlock_img {
        min-height: 138px;
        max-height: 138px
    }

    .serviceItem__firstBlock_info {
        max-width: 100%
    }

    .serviceItem .certificates__items {
        display: block
    }

    .serviceItem .certificates__items .swiper {
        overflow: initial;
        padding-bottom: 32px
    }

    .serviceItem .certificates__items .swiper .swiper-wrapper {
        height: 365px
    }

    .serviceItem .certificates__items .swiper .swiper-slide {
        max-width: 296px
    }

    .serviceItem .certificates__items .swiper .item {
        padding: 20px;
        min-height: 314px;
        height: 100%
    }

    .serviceItem .certificates__items .swiper .item .item__img {
        margin-bottom: 14px
    }

    .serviceItem .reviews__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        padding-top: 16px
    }

    .serviceItem .reviews__buttons button {
        max-width: 100%
    }

    .serviceItem .teams__items .swiper {
        display: block;
        overflow: initial
    }

    .serviceItem .teams__items .swiper .swiper-slide {
        max-width: 264px
    }

    .serviceItem .textHideMob .btn-l-gray {
        margin-top: 16px
    }

    .serviceItem .textHideMob:not(.open) .content:not(.textOnly) {
        max-height: 218px;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical
    }

    .serviceItem .textHideMob.open .content:not(.textOnly) {
        max-height: none;
        display: block;
        -webkit-line-clamp: unset
    }

    .boxConsultation__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width:768px) {
    .search-empty {
        padding: 40px 16px
    }

    .search-emptytitle {
        font-size: 20px
    }

    .search-emptytext {
        font-size: 14px
    }

    .search-empty__actions .btn {
        min-width: 140px;
        width: 100%
    }

    .idea__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }

    .idea__item:first-child {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .popupSize__info .size-chart-wrapper {
        margin: 15px 0
    }

    .popupSize__info .size-chart thead th {
        padding: 12px 8px;
        font-size: 13px
    }

    .popupSize__info .size-chart tbody td {
        padding: 10px 8px;
        font-size: 13px
    }
}

@media screen and (max-width:767px) {
    .formated-text h1 {
        font-size: 28px
    }

    .formated-text h2 {
        font-size: 26px
    }

    .formated-text h3 {
        font-size: 24px
    }

    .formated-text h4 {
        font-size: 22px
    }

    .formated-text h5 {
        font-size: 18px
    }

    .formated-text h6 {
        font-size: 16px
    }

    .form .form__counts input {
        width: 80px
    }

    .catalog-list__wrapper {
        height: 100%;
        overflow-y: auto;
        max-height: calc(100vh - 100px)
    }

    header.is-mobile .header__find form {
        position: absolute;
        display: block;
        left: 20px;
        right: 20px;
        top: 66px;
        z-index: 107;
        width: auto
    }

    .addBasket__body_product .product__info_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .popupCallQuestion__tabs_item span {
        display: none
    }

    .popupCallQuestion__content_tell {
        text-align: center;
        padding-top: 52px
    }

    .popupSize .popup__body {
        padding-bottom: 32px
    }

    .popupSize__title {
        padding-bottom: 8px
    }

    .basket__content_left .cart-item .cart-item__select,
    .basket__content_left .cart__actions {
        display: none !important
    }

    .compare .compare-product__btns a {
        max-width: 100%;
        width: 100%
    }

    .compare .compare-product__btns button {
        max-width: 100%;
        line-height: 20px
    }

    .compare .sticky-header-wrapper .compare-product__action {
        right: -20px
    }

    .compare .sticky-header-wrapper .compare-product__btns button {
        max-width: 100%;
        height: auto
    }

    .compare .sticky-header-wrapper .compare-product__btns .btn-l-gray {
        display: none
    }

    .certificates {
        margin-bottom: 24px
    }

    .shopForm .contacts__content-form textarea {
        min-height: 140px
    }

    .boxPopular .product-card__btns .btn-blue,
    .boxPopular .product-card__btns .btn-l-gray {
        height: 40px;
        font-size: 14px;
        font-weight: 400
    }

    .boxPopular .product-card__btns .btn-blue span,
    .boxPopular .product-card__btns .btn-l-gray span {
        font-size: 14px;
        font-weight: 400
    }

    .boxPopular__cards .product-card {
        padding: 16px;
        background: #fff
    }

    .servicesItemCart__btns {
        gap: 12px
    }

    .servicesItemCart__btns>a {
        max-width: 100%;
        width: 100%
    }

    .servicesItemCart__btns button {
        max-width: 100%;
        width: 100%;
        line-height: 20px;
        padding: 10px 22px;
        font-size: 14px !important;
        height: 40px
    }

    .servicesItemCart__btns button span {
        font-size: 14px !important
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-wrapper,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-wrapper .swiper-slide,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-wrapper .swiper-slide {
        max-width: 100%
    }

    .serviceItem__content .exclusive__slider .swiper[data-slider=in-stock] .swiper-wrapper .swiper-slide picture,
    .serviceItem__content .exclusive__slider .swiper[data-slider=serviceItem] .swiper-wrapper .swiper-slide picture {
        max-height: 202px
    }

    .serviceItem__firstBlock_info>button {
        height: 40px;
        padding: 8px 12px;
        font-size: 14px
    }

    .serviceItem__firstBlock_info>button span {
        font-size: 14px
    }

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

    .serviceItem__service_all .swiper-wrapper .swiper-slide {
        max-width: 100%
    }

    .serviceItem .swiper[data-slider=serviceAll] .swiper-slide:nth-child(n+4),
    .serviceItem .swiper[data-slider=serviceItem] .swiper-slide:nth-child(n+4) {
        display: none
    }

    .serviceItem .btn-blue,
    .serviceItem .btn-l-gray {
        font-size: 14px;
        height: 40px;
        padding: 8px 12px
    }

    .serviceItem .btn-blue span,
    .serviceItem .btn-l-gray span {
        font-size: 14px
    }

    .prices {
        margin-bottom: 24px
    }
}

@media (max-width:767px) {
    .basket__content_left .cart-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px
    }

    .basket__content_left .cart-item__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding-left: 0;
        padding-top: 92px;
        position: relative
    }

    .basket__content_left .cart-item__additional {
        position: absolute;
        top: -4px;
        right: 0;
        gap: 8px 18px
    }

    .basket__content_left .cart-item__additional .cart-item__cost-sale {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 0
    }

    .basket__content_left .cart-item__additional .cart-item__cost-current {
        font-size: 16px
    }

    .basket__content_left .cart-item__pricing {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .basket__content_left .cart-item__quantity {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .basket__content_left .cart-item__image {
        width: 80px;
        height: 80px;
        position: absolute;
        left: 24px;
        top: 24px
    }

    .certificates__items .item__img_size {
        position: absolute;
        top: -12px;
        right: -12px;
        width: 40px;
        height: 40px
    }

    .certificates__items .item__img_size-icon {
        width: 40px;
        height: 40px;
        background: var(--bg-01);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 8px
    }

    .certificates__items .item__img_size-icon svg path {
        stroke: #3d3d3d
    }

    .prices__items .item .btn-l-gray {
        padding: 8px 16px
    }
}

@media screen and (max-width:767.98px) {
    .account__content {
        gap: 24px;
        padding-top: 24px
    }
}

@media (max-width:680px) {
    .popupSize__info .size-chart thead {
        display: none
    }

    .popupSize__info .size-chart tbody tr {
        display: block;
        margin-bottom: 10px;
        border: 1px solid var(--bg-03)
    }

    .popupSize__info .size-chart tbody tr:nth-child(even) {
        background: #fff
    }

    .popupSize__info .size-chart tbody td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 28px;
        text-align: left;
        padding: 6px;
        border-right: none;
        border-bottom: 1px solid var(--bg-03)
    }

    .popupSize__info .size-chart tbody td:last-child {
        border-bottom: none
    }

    .popupSize__info .size-chart tbody td::before {
        display: inline-block;
        content: attr(data-label);
        font-weight: 600;
        color: #666;
        min-width: 120px
    }

    .popupSize__info .size-chart tbody td:first-child {
        height: 36px;
        background: #f1f1f1;
        color: #000;
        border-radius: inherit;
        font-weight: 600
    }

    .popupSize__info .size-chart tbody td:first-child::before {
        color: #000
    }
}

@media screen and (max-width:576px) {
    .tabs {
        margin: 0 -16px;
        padding: 0 16px;
        width: 100vw
    }

    .card-subcat__link{
        min-width: max-content;
    }

    .pagination__page ul li {
        display: none
    }

    .pagination__page ul li:last-child,
    .pagination__page ul li:nth-child(1),
    .pagination__page ul li:nth-child(2),
    .pagination__page ul li:nth-child(3),
    .pagination__page ul li:nth-child(4),
    .pagination__page ul li:nth-child(5),
    .pagination__page ul li:nth-last-child(2) {
        display: block
    }

    .pagination__page ul li.next a:not(:hover),
    .pagination__page ul li.prev a:not(:hover) {
        background-color: transparent
    }

    .bottom-popup.open .bottom-popup__wrp {
        max-height: 80vh;
        border-radius: 20px 20px 0 0;
        margin-top: 16px
    }

    .is-setting .bottom-popup__main {
        max-height: calc(80vh - 20px);
        overflow-y: auto
    }

    .basket__content_left .cart__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px
    }

    .basket__content_left .cart__actions .cart__delete-selected {
        width: 100%;
        padding: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #cccccc66;
        border-radius: 8px
    }

    .basket__content_left .cart__actions .cart__delete-selected:disabled {
        background: #cccccc66
    }

    .basket__content_left .cart__actions .cart__delete-selected:not(:disabled) {
        color: #d61111;
        background: #d6111140
    }

    .basket__content_left .cart__actions .cart__delete-selected:not(:disabled):after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNkgyMU0xOSA2VjIwQzE5IDIxIDE4IDIyIDE3IDIySDdDNiAyMiA1IDIxIDUgMjBWNk04IDZWNEM4IDMgOSAyIDEwIDJIMTRDMTUgMiAxNiAzIDE2IDRWNk0xNCAxMkwxMCAxNk0xMCAxMkwxNCAxNiIgc3Ryb2tlPSIjRDYxMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
    }

    .basket__content_left .cart__actions .cart__delete-selected:after {
        left: 14px
    }
}

@media screen and (max-width:562px) {
    .profile__title {
        font-size: 20px;
        padding-bottom: 12px
    }
}

@media screen and (max-width:480px) {
    .select-options {
        max-height: 155px
    }

    .select-options li {
        font-size: 16px;
        max-width: 100%
    }

    .af-select.af-select--top .select-styled.active,
    .af-select.af-select--top .select-styled:active {
        background-color: var(--bg-02)
    }

    .btn-loading::after {
        width: 10px;
        min-width: 10px;
        height: 10px;
        position: relative;
        left: 5px
    }

    .af-popup--mobile .af-popup__container {
        padding: 0;
        width: 100%;
        margin-bottom: 0
    }

    .af-popup--mobile .af-popup__content {
        border-bottom-left-radius: 0;
        bottom: 0;
        border-bottom-right-radius: 0
    }

    .top-search__label {
        padding-bottom: 15px
    }

    .top-search__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .top-search__list .top-search__row .top-search__image {
        width: 50px;
        height: 50px
    }

    .popular-category .tabs-custom__tabs {
        margin-left: -16px;
        padding-left: 16px
    }

    .bottom-popup__wrp {
        padding: 20px
    }

    .bottom-popup__title {
        font-size: 18px;
        font-weight: 600
    }

    .bottom-popup__btn button,
    .bottom-popup__desc {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .idea__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 16px
    }

    .idea__item:first-child {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

@media screen and (min-width:480px) and (max-width:992.98px) {
    .top-search__looking ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

    .top-search__looking ul li {
        white-space: nowrap
    }
}

@media screen and (min-width:767px) and (max-width:992.98px) {
    .bottom-popup__icon {
        padding-right: 0;
        margin: 0 auto
    }
}