@charset "UTF-8";
:root {
    --clr-base: #3F3F47;
    --clr-base-light: #979BA9;
    --clr-att: #2F87CC;
    --clr-att-second: #439BE0;
    --clr-border: #D8DDE3;
    --clr-bg-light: #F5F7FA;
    --clr-alert: #F55760;
    --clr-succefull: #32B782;
    --fsize: 16px;
    --fsizeLead: 15px;
    --lhsize: 1.214;
    --mbsize: 1.214em;
    --sectionMargin: 60px;
    --sectionMarginSmall: 40px;
    --mainRadius: 8px;
    --tilesRadius: 10px;
    --icoSize: 24px;
    --shadowMain: 0px 0px 18.3px rgba(0, 0, 0, 0.05);
    --min: 320px;
    --max: 1350px;
    --paddingContainer: 20px;
    --filterBlack: brightness(0) grayscale(1);
    --filterWhite: brightness(0) invert(1);
    --filterAttToLight: grayscale(100%) brightness(1.2);
    --filterAttToBLight: grayscale(100%) brightness(1.7);
    --filterAttToBase: grayscale(100%) brightness(0.5);
    font-size: 9px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
}
/* HTML5 display-role reset for older browsers */
body {
    -webkit-overflow-scrolling: touch;

    /*   -ms-text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%; */
}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
[hidden] {
    display: none;
}
a,
li,
a:active,
a:hover {
    outline: 0 !important;
}
img {
    border: 0;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type="submit"],
button,
.btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    text-decoration: none;
}

select,
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
    display: block;
    width: 100%;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
}
select::-ms-clear,
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="color"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="datetime"]::-ms-clear,
input[type="datetime-local"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="month"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="range"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="time"]::-ms-clear,
input[type="url"]::-ms-clear,
input[type="week"]::-ms-clear,
textarea::-ms-clear {
    display: none;
}
textarea {
    overflow: auto;
    resize: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
a {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sl-wrap:not(.swiper-slide) ~ .sl-wrap {
    display: none;
}
.elm-hidden {
    display: none;
}
/* ----------------------------------- *\
                        main styles
\* ----------------------------------- */

.asterix {
    color: #fb5657;
    font-size: 110%;
    font-family: Verdana,Geneva,sans-serif;
}
body {
    color: var(--clr-base);
    background: var(--clr-bg-light);
    font-size: var(--fsize);
    line-height: var(--lhsize);
}
p,
ul,
ol,
table,
blockquote,
.bq-text {
    position: relative;
    margin-bottom: var(--mbsize);
}
p img,
ul img,
ol img,
table img,
blockquote img,
.bq-text img {
    max-width: 100%;
}
p:last-child,
ul:last-child,
ol:last-child,
table:last-child,
blockquote:last-child,
.bq-text:last-child {
    margin-bottom: 0 !important;
}
.list-rows,
ul.list-rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 24px;
    -ms-flex-align: center;
    align-items: center;
}
.list-rows li,
ul.list-rows li {
    margin-bottom: 0;
}
.list-rows li:before,
ul.list-rows li:before {
    top: 50%;
}
.list-dots li {
    padding-left: 18px;
}
.list-dots li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--clr-att);
    left: 0;
    margin: -4px 0 0 0;
}
#order-info-text .list-dots li:before {
    margin: -6px 0 0 0;
}
.list-dots li.pay-li:before {
    margin-top: 9px;
}
li {
    position: relative;
    padding-left: 34px;
}
li:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/check.svg) center no-repeat;
    background-size: 28px auto;
    top: 0.78em;
    left: 0;
    margin-top: -12px;
}
ol {
    counter-reset: li;
    list-style: none;
}
ol li {
    position: relative;
    padding-left: 1.88888889em;
}
ol li:before {
    display: none;
}
ol li:after {
    content: '0' counter(li);
    counter-increment: li;
    border-radius: 0;
    background-color: transparent;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.88888889em;
    height: auto;
    color: var(--clr-att);
    font-weight: bold;
}
ol li:nth-child(9) ~ li:after {
    content: counter(li);
}
.menu,
.list {
    margin: 0;
    padding: 0;
}
.menu li,
.list li {
    margin: 0;
    padding: 0;
}
.menu li:before,
.list li:before {
    display: none;
}
a {
    text-decoration: none;
    color: var(--clr-att);
}
a:hover {
    text-decoration: none;
    color: var(--clr-att-second);
}
a.link-main,
.link-main {
    text-decoration: none;
    border-bottom: 1px solid;
}
.link-phone,
.link-email,
.link-location {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    color: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.link-phone.link-text,
.link-email.link-text,
.link-location.link-text {
    display: inline;
    padding: 0;
}
.link-phone.link-text:before,
.link-email.link-text:before,
.link-location.link-text:before {
    display: none;
}
.link-email:before {
    background-image: url(/images/web/icons/link-email.svg);
}
.link-location {
    white-space: normal;
}
.link-location:before {
    background-image: url(/images/web/icons/link-location.svg);
}
a.link-phone:hover,
a.link-email:hover,
a.link-location:hover {
    color: var(--clr-att);
}
h1,
.h1-title,
h2,
.h2-title,
h3,
.h3-title,
h4,
.h4-title,
h5,
.h5-title,
h6,
.h6-title {
    display: block;
    position: relative;
    font-weight: 600;
    line-height: normal;
    margin: 30px 0;
}
h1:last-child,
.h1-title:last-child,
h2:last-child,
.h2-title:last-child,
h3:last-child,
.h3-title:last-child,
h4:last-child,
.h4-title:last-child,
h5:last-child,
.h5-title:last-child,
h6:last-child,
.h6-title:last-child {
    margin-bottom: 0;
}
h1:first-child,
.h1-title:first-child,
h2:first-child,
.h2-title:first-child,
h3:first-child,
.h3-title:first-child,
h4:first-child,
.h4-title:first-child,
h5:first-child,
.h5-title:first-child,
h6:first-child,
.h6-title:first-child {
    margin-top: 0;
}
.title-counter {
    display: inline;
    font-size: 13px;
    font-weight: 600;
    color: var(--clr-base-light);
    margin-left: 5px;
}
.h1-title,
h1 {
    font-size: 25px;
}
.h2-title,
h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    margin: 25px 0 10px 0;
}
.h3-title,
h3 {
    font-size: 18px;
}
.h4-title,
h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.61;
    margin: 20px 0;
}
.h5-title,
h5 {
    font-size: 1em;
    line-height: inherit;
    font-weight: 600;
    margin: 25px 0;
}
.h1-title a,.h2-title a,.h3-title a {
    color: var(--clr-base);
}
.h1-title a:hover, .h2-title a:hover, .h3-title a:hover {
    color: var(--clr-att-second);
}

.text-light,
.title-light {
    color: var(--clr-base-light);
}
.text-base,
.title-base {
    color: var(--clr-base);
}
.text-att,
.title-att {
    color: var(--clr-att);
}
.text-alert, .text-red,
.title-alert {
    color: var(--clr-alert);
}
.text-red a {
    color: var(--clr-alert);
    text-decoration: underline;
}
.frm-message.text-alert {
    display: none;
}

.inp-valid .frm-message.text-alert {
    display: block;
}
.text-succefull,
.title-succefull {
    color: var(--clr-succefull);
}
.text-line,
.title-line {
    white-space: nowrap;
}
.text-upper,
.title-upper {
    text-transform: uppercase;
}
.text-left,
.title-left {
    text-align: left;
}
.text-right,
.title-right {
    text-align: right;
}
.text-center,
.title-center {
    text-align: center;
}
blockquote,
.bq-text {
    border-radius: var(--mainRadius);
    display: block;
    position: relative;
    padding: 14px 29px;
    border: 1px solid var(--clr-att);
    color: var(--clr-att);
}
blockquote b,
.bq-text b {
    font-weight: 600;
}
blockquote a,
.bq-text a {
    border-bottom: 1px solid;
}
[href*="tel"] {
    white-space: nowrap;
}
table {
    width: 100%;
    margin-bottom: 1.5em;
    font-size: 15px;
    line-height: 1.4;
}
table th,
table td {
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    border-top: 1px solid var(--clr-border);
    text-align: left;
    font-weight: 400;
}
table th:first-child,
table td:first-child {
    padding-left: 0;
}
table th:last-child,
table td:last-child {
    padding-right: 0;
}
table thead th,
table thead td {
    border-top: none;
    font-weight: 600;
    padding: 8px;
}
@media (max-width: 1349px) {
    :root {
        font-size: 8px;
    }
}
@media (max-width: 1199px) {
    :root {
        font-size: 8px;
    }
}
@media (max-width: 1023px) {
    :root {
        font-size: 8px;
    }

    .list-dots li.pay-li:before {
        margin-top: -4px;
    }
}
@media (max-width: 767px) {
    :root {
        font-size: 7px;
    }
    .text-mobile-center {
        text-align: center;
    }
}
@media (min-width: 1024px) {
    :root {
        --paddingContainer: 40px;
        --sectionMargin: 3rem;
        --sectionMarginSmall: 2rem;
        --tilesRadius: 2rem;
        --fsizeLead: 1.8rem;
    }
    .h1-title,
    h1 {
        font-size: 2.7rem;
    }
    .h2-title,
    h2 {
        font-size: 22px;
        margin: 30px 0 15px 0;
    }
    .h3-title,
    h3 {
        font-size: 22px;
    }
    blockquote,
    .bq-text {
        padding: 30px 4rem 30px  7rem;
    }
    table th,
    table td {
        padding: 14px;
    }
    table thead th,
    table thead td {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .list-rows li,
    ul.list-rows li {
        width: calc(25% - 20px);
    }
    .list-rows-3 li,
    ul.list-rows-3 li {
        width: calc(33% - 20px);
    }
}
@media (min-width: 1350px) {
    :root {
        --paddingContainer: 50px;
    }
    .list-rows li,
    ul.list-rows li {
        width: calc(25% - 20px);
        font-size: 18px;
        padding-left: 50px;
    }
    .list-rows-3 li,
    ul.list-rows-3 li {
        width: calc(33% - 20px);
    }
    .list-rows li:before,
    ul.list-rows li:before {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        background-size: 40px auto;
    }
}
/*1920*/
@media (min-width: 1560px) {
    :root {
        font-size: 10px;
        --max: 1480px;
        --paddingContainer: 40px;

        --sectionMargin: 4rem;
        --sectionMarginSmall: 2rem;
    }
}
/* ----------------------------------- *\
                        structura
\* ----------------------------------- */
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: var(--min);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100%;
}
body {
    width: 100vw;
    overflow-x: hidden;
}
html {
    scrollbar-gutter: stable;
}
.hide {
    display: none !important;
}
html.with-fancybox body.hide-scrollbar {
    overflow: inherit !important;
    overflow-x: hidden !important;
    margin-right: 0 !important;
}
.cnt-full-wrap {
    margin-left: calc(var(--paddingContainer) * -1);
    margin-right: calc(var(--paddingContainer) * -1);
    padding-left: var(--paddingContainer);
    padding-right: var(--paddingContainer);
}
.inner-wrap,
.page-full {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding-left: var(--paddingContainer);
    padding-right: var(--paddingContainer);
    min-width: var(--min);
    max-width: var(--max);
    width: 100%;
}
.inner-wrap .inner-wrap,
.page-full .inner-wrap {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}
.inner-wrap .cnt-section,
.page-full .cnt-section {
    min-width: 0;
}
.page-full {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.wrap,
.header,
.nav,
.footer,
.cnt-section {
    position: relative;
    clear: both;
    min-width: var(--min);
    width: 100%;
}
.wrap {
    overflow: hidden;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.wrap > .cnt-section {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.wrap.wrap-lk-form .page-full {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}
.nav,
.header,
.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    text-align: left;
}
.nav ul,
.header ul,
.footer ul,
.nav li,
.header li,
.footer li,
.nav p,
.header p,
.footer p {
    margin: 0;
    padding: 0;
}
.nav ul:before,
.header ul:before,
.footer ul:before,
.nav li:before,
.header li:before,
.footer li:before,
.nav p:before,
.header p:before,
.footer p:before {
    display: none;
}
.nav a,
.header a,
.footer a {
    text-decoration: none;
    position: relative;
    transition: all ease 0.2s;
}
.header-top-panel,
.header-nav-panel {
    display: none;
}
.header {
    background: #fff;
    z-index: 99;
}
.header-main-panel .actions-inner-wrap {
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
}
.header-main-panel .btn-action {
    height: 60px;
    padding: 5px 0;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    display: block;
    transition: all ease 0.2s;
    color: inherit;
    position: relative;
}
.header-main-panel .btn-action[data-count]:after {
    margin-bottom: 10px;
    margin-left: 2px;
}
.header-main-panel .btn-action.button-active {
    color: var(--clr-att);
}
.header-main-panel .btn-action.button-active .button-ico {
    filter: none;
}
.header-main-panel .btn-action:hover, .header-main-panel .action-wrap.active .btn-action {
    color: var(--clr-att);
}

.header-main-panel .btn-action:hover .button-ico, .header-main-panel .action-wrap.active .btn-action .button-ico {
    filter: none;
}
.header-main-panel .btn-action .button-ico {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    filter: var(--filterAttToLight);
}
.header-main-panel .btn-action .button-title {
    display: block;
}
.header-main-panel .search-inner-wrap {
    position: relative;
}
.header-main-panel .search-result-box {
    margin-top: 12px;
    right: 0;
    left: auto;
    width: calc(100% - 4rem);
    min-width: 480px;
    box-shadow: 0 4px 18.3px 0 rgba(0, 0, 0, 0.05);
    max-height: calc(100vh - 200px);
}
.popup-location-wrap {
    position: relative;
}
.popup-location-wrap .popup-content-block {
    display: none;
    position: absolute;
    top: 100%;
    right: -40px;
    min-width: 150px;
    width: auto;
    float: left;
    font-size: 13px;
    line-height: 20px;
    padding: 20px 0 10px 0;
    z-index: 20;
    margin: 0;
    margin-top: 10px;
}
.popup-location-wrap .popup-content-block:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--mainRadius);
    box-shadow: var(--shadowMain);
    background: #fff;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
}
.popup-location-wrap .popup-content-block .btn-menu {
    padding: 5px 15px;
    font-weight: 400;
    font-size: 1em;
    line-height: inherit;
    white-space: normal;
    color: var(--clr-base);
    display: block;
    height: auto;
}
.popup-location-wrap .popup-content-block .btn-menu:hover,
.popup-location-wrap .popup-content-block .btn-menu.active {
    color: var(--clr-att);
}
span.btn-menu  {
    cursor: pointer;
}
.popup-search-wrap .popup-content-block {
    display: none;
}
.popup-catalog-wrap .popup-footer-wrap {
    display: none;
}
.popup-catalog-wrap .popup-content-block {
    display: none;
}
.popup-catalog-wrap .menu {
    display: none;
}
.popup-catalog-wrap .menu-main {
    display: block;
}
.popup-catalog-wrap .menu-main .menu li {
    margin-bottom: 1px;
}
.popup-catalog-wrap .menu-main .menu li:last-child {
    margin-bottom: 0;
}
.popup-catalog-wrap .menu-main .menu .btn-menu {
    min-height: 36px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
}
.popup-catalog-wrap .menu-main .menu .btn-menu:has(+.menu) {
    padding-right: 40px;
}
.popup-catalog-wrap .menu-main > li:hover > .btn-menu {
    background: none;
}
.popup-catalog-wrap .menu-main > li > .btn-menu {
    background: none;
    border-radius: 0;
}
.popup-catalog-wrap .btn-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 600;
    color: var(--clr-base);
    padding: 11px var(--paddingContainer);
    border-radius: var(--mainRadius);
}
.popup-catalog-wrap .btn-menu:has(+.menu) {
    padding-right: 40px;
}
.popup-catalog-wrap .btn-menu:has(+.menu):before {
    display: block;
}
.popup-catalog-wrap .btn-menu:hover,
.popup-catalog-wrap .btn-menu.active {
    color: var(--clr-att);
}
.popup-catalog-wrap .btn-menu:hover .button-ico,
.popup-catalog-wrap .btn-menu.active .button-ico,
.popup-catalog-wrap .btn-menu:hover:before,
.popup-catalog-wrap .btn-menu.active:before {
    filter: none;
}
.popup-catalog-wrap .btn-menu:before {
    content: "";
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-menu.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    right: var(--paddingContainer);
    margin: -12px -12px 0 0;
    filter: var(--filterAttToLight);
}
.popup-catalog-wrap .btn-menu .button-ico {
    filter: var(--filterAttToBase);
    margin: 0 4px 0 0;
}
.popup-catalog-wrap li:hover > .btn-menu {
    color: var(--clr-att);
    background: var(--clr-bg-light);
}
.popup-catalog-wrap li:hover > .btn-menu .button-ico,
.popup-catalog-wrap li:hover > .btn-menu:before {
    filter: none;
}
.popup-catalog-wrap .btn-menu-back {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    padding: 20px 0 20px 50px;
    position: relative;
    color: var(--clr-base);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 20;
}
.popup-catalog-wrap .btn-menu-back:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-back.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    left: 20px;
    margin-top: -12px;
    filter: var(--filterAttToBase);
}
.popup-catalog-wrap .btn-menu-back .button-title {
    border-bottom: 2px solid;
    display: inline-block;
}

.notStock, .grayscale {
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.grayscale {
    opacity: 0.6;
}
.notStock:hover, .grayscale:hover {
    opacity:  1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.3s;
}
.notStock button {
    background-image: -webkit-linear-gradient(45deg, #000000 0%, #666666 50%, #2c2c2c 100%);
    background-image: -o-linear-gradient(45deg, #000000 0%, #666666 50%, #2c2c2c 100%);
    background-image: linear-gradient(45deg, #000000 0%, #666666 50%, #2c2c2c 100%);
}
.footer {
    overflow: hidden;
    background: var(--clr-base);
    font-size: 13px;
    line-height: normal;
    color: #fff;
}
.footer a {
    color: var(--clr-base-light);
}
.footer a:hover {
    color: #fff;
}
.footer-main-panel {
    padding: 48px 0 32px 0;
    position: relative;
    overflow: hidden;
}
.footer-main-panel .inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer-main-panel .info-inner-wrap {
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.footer-main-panel .phone-inner-wrap {
    width: 100%;
    -ms-flex-order: 1;
    order: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-main-panel .menu-inner-wrap {
    -ms-flex-order: 3;
    order: 3;
    margin: 0 -15px 0 0;
    font-size: 15px;
    line-height: 1.57;
}
.footer-main-panel .menu-inner-wrap .menu {
    columns: 2;
    column-gap: 30px;
}
.footer-main-panel .menu-inner-wrap .menu li {
    break-inside: avoid-column;
}
.footer-main-panel .location-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer-main-panel .location-wrap .elm-ico {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: -5px;
    margin-right: 5px;
    filter: var(--filterWhite);
}
.footer-main-panel .location-wrap .location-title {
    display: block;
    -ms-flex: 1;
    flex: 1;
}
a.location-title  {
    color: white;
}
a.location-title:hover {
    color: var(--clr-base-light);
}
.footer-main-panel .button-wrap {
    margin-bottom: 20px;
    width: 50%;
}
.footer-main-panel .button-wrap .btn {
    height: 40px;
    padding: 0 19px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
}
.footer-main-panel .soc-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 6px;
    width: 50%;
}
.footer-main-panel .soc-wrap .button-soc {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 14px 14px;
    width: 36px;
    height: 36px;
}
.footer-main-panel .phone-wrap {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 11px;
    color: var(--clr-base-light);
    margin-bottom: 20px;
}
.footer-main-panel .phone-wrap .link-phone {
    font-size: 18px;
    font-weight: bold;
}
.footer-main-panel .phone-wrap a {
    color: #fff;
}
.footer-main-panel .phone-wrap a:hover {
    color: var(--clr-base-light);
}
.footer-main-panel .logo-wrap {
    display: none;
}
.footer-main-panel .btn-menu {
    color: #fff;
    display: block;
    padding: 8px 0 7px 0;
}
.footer-main-panel .btn-menu:hover,
.footer-main-panel .btn-menu.active {
    color: var(--clr-base-light);
}
.footer-info-panel {
    font-size: 15px;
    line-height: 1.57;
    color: var(--clr-base-light);
}
.footer-info-panel .inner-wrap {
    padding-top: 24px;
    padding-bottom: 60px;
}
.footer-info-panel .inner-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: var(--paddingContainer);
    right: var(--paddingContainer);
    height: 1px;
    background: var(--clr-base-light);
}
.footer-info-panel .info-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}
.footer-info-panel .info-wrap {
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 106px);
}
.footer-info-panel .ym-wrap {
    width: 106px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer-info-panel .link-wrap {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer-info-panel .logo-wrap {
    margin-bottom: 10px;
}
.footer-info-panel .logo {
    width: 123px;
    filter: var(--filterWhite);
}
.info-attention-box {
    background: var(--clr-att);
    color: #fff;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    text-align: center;
    border-radius: 0 0 var(--mainRadius) var(--mainRadius);
    position: relative;
    overflow: hidden;
    min-width: var(--min);
    padding: 10px 0 15px 0;
}
.info-attention-box .inner-wrap {
    padding-left: 10px;
    padding-right: 10px;
}
.info-attention-box.type-alert {
    background-color: #FEDDDF;
    color: var(--clr-alert);
    transition: background-color 0.3s;
}
.info-attention-box.type-alert:hover {
    background-color: #ffcfd1;
}
.info-attention-box.type-succefull {
    background-color: #ddfee1;
    color: var(--clr-succefull);
}
.info-attention-box .inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
.info-attention-box .elm-ico {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.info-attention-box .info-title-main {
    padding-left: 5px;
    text-transform: uppercase;
    font-weight: 600;
    max-width: calc(100% - 24px);
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.info-attention-box .info-title {
    display: block;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 3px;
}
.logo {
    display: block;
    position: relative;
    overflow: hidden;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    letter-spacing: normal;
    font-weight: 400;
    cursor: pointer;
}
.logo:hover {
    text-decoration: none;
    opacity: 0.8;
    transition: opacity ease 0.2s;
}
.logo img {
    display: block;
    width: 100%;
}

.search-result-box {
    border-radius: var(--mainRadius);
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    z-index: 20;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    padding: 10px 5px;
    font-size: 15px;
    line-height: 1.2;
    -ms-flex-direction: column;
    flex-direction: column;
    animation: fadein ease 0.2s;
}
.search-result-box .inner-content-wrap {
    padding-left: 15px;
    padding-right: 15px;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow-y: auto;
}
.search-result-box .inner-content-wrap::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background-color: #fff;
}
.search-result-box .inner-content-wrap::-webkit-scrollbar-thumb {
    background-color: var(--clr-border);
}
.search-result-box .inner-content-wrap::-webkit-scrollbar-thumb:hover {
    background-color: var(--clr-border);
}
.search-result-box .inner-content-wrap::-webkit-scrollbar-button:vertical:start:decrement {
    background-color: transparent;
    width: 0;
    height: 0;
}
.search-result-box .inner-content-wrap::-webkit-scrollbar-button:vertical:end:increment {
    background-color: transparent;
    width: 0;
    height: 0;
}
.search-result-box .inner-content-wrap::-webkit-scrollbar-button:horizontal:start:decrement {
    background-color: transparent;
    width: 0;
    height: 0;
}
.search-result-box .inner-content-wrap::-webkit-scrollbar-button:horizontal:end:increment {
    background-color: transparent;
    width: 0;
    height: 0;
}
.search-result-box .section-inner-wrap {
    display: block;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--clr-border);
}
.search-result-box .section-inner-wrap:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.search-result-box .section-content-wrap {
    display: block;
}
.search-result-box .section-title-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.search-result-box .section-title-wrap .elm-ico {
    width: 24px;
    height: 24px;
    filter: var(--filterAttToLight);
}
.search-result-box .items-wrap {
    margin: 0;
}
.search-result-box .item-wrap {
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0;
}
.search-result-box .item-wrap:last-child {
    margin-bottom: 0;
}
.search-result-box .action-inner-wrap {
    display: block;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.search-result-box .action-inner-wrap .btn {
    font-size: 18px;
    line-height: 1.6;
    color: var(--clr-base);
    font-weight: 600;
}
.search-result-box .action-inner-wrap .btn .button-title {
    border-bottom: 1px dotted;
}
.search-result-box .action-inner-wrap .btn .button-ico {
    filter: var(--filterAttToBase);
    width: 18px;
    height: 18px;
}
.search-result-box .action-inner-wrap .btn:hover .button-ico {
    filter: none;
}
.search-result-box .section-title {
    padding-left: 5px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: var(--clr-base-light);
}
.search-result-box .btn-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 10px;
    border-radius: 5px;
    transition: all ease 0.2s;
    color: var(--clr-base);
}
.search-result-box .btn-menu .button-title {
    -ms-flex: 1;
    flex: 1;
}
.search-result-box .btn-menu .button-info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 10px;
    font-weight: 600;
    display: block;
}
.search-result-box .btn-menu:hover {
    background-color: var(--clr-bg-light);
    color: var(--clr-att);
}
.search-result-box .menu li {
    margin-bottom: 2px;
}
.search-result-box .menu li:last-child {
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .menu-show,
    .catalog-show {
        overflow: hidden;
    }
    .wrap {
        padding-bottom: 59px;
        padding-top: 54px;
    }
    .section-mobile-full {
        margin-left: calc(var(--paddingContainer) * -1);
        margin-right: calc(var(--paddingContainer) * -1);
    }
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
    .header .search-result-box {
        max-height: calc(100vh - 130px);
        width: 100%;
        min-width: 320px;
    }
    .header:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: var(--paddingContainer);
        background: rgba(0, 0, 0, 0.4);
    }
    .header:has(.popup-search-wrap .btn-popup.active) .header-top-panel {
        z-index: -1;
    }
    .header:has(.popup-catalog-wrap .btn-popup.active) {
        width: calc(100% - var(--paddingContainer));
        right: var(--paddingContainer);
    }
    .header:has(.popup-catalog-wrap .btn-popup.active) .header-main-panel {
        width: calc(100% + var(--paddingContainer));
    }
    .header:has(.popup-catalog-wrap .btn-popup.active) .header-top-panel {
        margin-right: -12px;
    }
    .header-top-panel {
        width: 80px;
        height: 40px;
        min-width: 0;
        position: absolute;
        top: 50%;
        right: var(--paddingContainer);
        margin-right: -8px;
        margin-top: -20px;
        z-index: 2;
        display: block;
    }
    .header-top-panel .inner-wrap {
        padding: 0;
        min-width: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header-top-panel .info-inner-wrap {
        display: none;
    }
    .header-top-panel .actions-inner-wrap {
        width: 40px;
        height: 40px;
    }
    .header-top-panel .phone-wrap,
    .header-top-panel .button-wrap {
        display: none;
    }
    .header-top-panel .location-inner-wrap,
    .header-top-panel .phone-desktop {
        width: 40px;
        height: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header-top-panel .location-inner-wrap .btn,
    .header-top-panel .phone-desktop .btn {
        width: 40px;
        height: 40px;
        overflow: hidden;
        display: block;
    }
    .header-top-panel .location-inner-wrap .btn:hover:before,
    .header-top-panel .phone-desktop .btn:hover:before {
        filter: none;
    }
    .header-top-panel .location-inner-wrap .btn .button-ico,
    .header-top-panel .phone-desktop .btn .button-ico,
    .header-top-panel .location-inner-wrap .btn .button-title,
    .header-top-panel .phone-desktop .btn .button-title {
        display: none;
    }
    .header-top-panel .location-inner-wrap .btn:before,
    .header-top-panel .phone-desktop .btn:before {
        content: "";
        display: block;
        width: 26px;
        height: 26px;
        position: absolute;
        background: url(/images/web/icons/location.svg) center no-repeat;
        background-size: 100% auto;
        top: 50%;
        left: 50%;
        margin: -13px 0 0 -13px;
        transition: all ease 0.2s;
        filter: var(--filterAttToLight);
    }
    .header-top-panel .phone-desktop {
        display: block;
    }
    .header-top-panel .phone-desktop .btn:before {
        background: url(/images/web/icons/phone.svg);
    }
    .header-main-panel {
        z-index: 1;
    }
    .header-main-panel .inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 7px;
        padding-bottom: 7px;
        min-height: 54px;
        padding-right: calc(var(--paddingContainer) + 80px);
    }
    .header-main-panel .logo-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 3;
        order: 3;
    }
    .header-main-panel .catalog-inner-wrap {
        -ms-flex-order: 1;
        order: 1;
        width: 40px;
        height: 40px;
        margin: 0 8px 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header-main-panel .catalog-inner-wrap .btn-popup {
        width: 40px;
        height: 40px;
        padding: 0;
        min-width: 0;
    }
    .header-main-panel .catalog-inner-wrap .btn-popup .button-ico,
    .header-main-panel .catalog-inner-wrap .btn-popup .button-title {
        display: none;
    }
    .header-main-panel .catalog-inner-wrap .btn-popup:before,
    .header-main-panel .catalog-inner-wrap .btn-popup:after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(/images/web/icons/catalog.svg) center no-repeat;
        background-size: 100% auto;
        filter: var(--filterWhite);
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
        transition: all ease 0.2s;
    }
    .header-main-panel .catalog-inner-wrap .btn-popup:after {
        background-image: url(/images/web/icons/cross.svg);
        opacity: 0;
    }
    .header-main-panel .catalog-inner-wrap .btn-popup.active:after {
        opacity: 1;
    }
    .header-main-panel .catalog-inner-wrap .btn-popup.active:before {
        opacity: 0;
    }
    .header-main-panel .search-inner-wrap {
        -ms-flex-order: 2;
        order: 2;
        position: relative;
        width: 40px;
        z-index: 4;
    }
    .header-main-panel .logo {
        width: 110px;
        margin: 0 auto;
        display: block;
    }
    .popup-catalog-wrap .js-btn-popup-toggle.active + .js-popup-block {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .popup-catalog-wrap .popup-content-block {
        display: none;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 54px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        padding: 0 var(--paddingContainer) 0 0;
        background: rgba(0, 0, 0, 0.4);
    }
    .popup-catalog-wrap .popup-content-wrap {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        background: #fff;
        -ms-flex: 1;
        flex: 1;
        padding: 16px 0 0 0;
    }
    .popup-catalog-wrap .popup-footer-wrap {
        display: block;
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        padding: 30px var(--paddingContainer) 50px var(--paddingContainer);
        text-align: center;
        font-size: var(--fsizeLead);
        line-height: 1.57;
    }
    .popup-catalog-wrap .popup-footer-wrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: var(--paddingContainer);
        right: var(--paddingContainer);
        height: 1px;
        background: #C1C1C5;
    }
    .popup-catalog-wrap .info-inner-wrap {
        margin-top: 24px;
        color: var(--clr-base-light);
    }
    .popup-catalog-wrap .info-inner-wrap .button-link {
        line-height: normal;
    }
    .popup-catalog-wrap .info-inner-wrap .button-link:not(:hover) .button-ico {
        filter: var(--filterAttToLight);
    }
    .popup-catalog-wrap .info-inner-wrap .button-link .button-ico {
        margin: 0;
    }
    .popup-catalog-wrap .phone-wrap {
        font-size: 25px;
        font-weight: bold;
        line-height: normal;
        margin: 0 0 10px 0;
    }
    .popup-catalog-wrap .button-wrap {
        margin: 25px 0 0 0;
    }
    .popup-catalog-wrap .button-wrap .btn {
        width: 100%;
    }
    .popup-catalog-wrap .menu-main {
        padding-bottom: 30px;
        -ms-flex: 1;
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .popup-catalog-wrap .menu-main::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .popup-catalog-wrap:has(.open) .btn-menu-back {
        display: block;
    }
    .popup-catalog-wrap:has(.open) .popup-footer-wrap {
        opacity: 0;
        pointer-events: none;
    }
    .popup-catalog-wrap .menu:has(>li.open) > li:not(.open) {
        opacity: 0;
        pointer-events: none;
    }
    .popup-catalog-wrap .open {
        position: static;
    }
    .popup-catalog-wrap .open > .menu {
        display: block;
    }
    .popup-catalog-wrap .menu-main {
        min-height: 100%;
        position: static;
    }
    .popup-catalog-wrap .menu-main .menu {
        position: absolute;
        top: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 10;
        padding: 15px 5px;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .popup-catalog-wrap .menu-main .menu::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .popup-catalog-wrap .menu-main .menu li {
        margin-bottom: 14px;
    }
    .popup-catalog-wrap .menu-main .menu li:last-child {
        margin-bottom: 0;
    }
    .popup-catalog-wrap .menu-main .menu .menu {
        padding: 15px 15px;
        top: 0;
    }
    .popup-catalog-wrap .menu-main .menu .menu li {
        margin-bottom: 1px;
    }
    .popup-catalog-wrap .menu-main .menu .menu li:last-child {
        margin-bottom: 0;
    }
    .popup-search-wrap .popup-content-block {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: calc(100dvw - var(--paddingContainer) - var(--paddingContainer) - 48px);
    }
    .bottom-panel-wrap {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: #fff;
        border-top: 1px solid var(--clr-border);
        display: -ms-flexbox;
        display: flex;
    }
    .bottom-panel-wrap .action-wrap {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        font-size: 11px;
        -ms-flex-order: 1;
        order: 1;
    }
    .bottom-panel-wrap .action-cart {
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom-panel-wrap .action-fav {
        -ms-flex-order: 4;
        order: 4;
    }
    .bottom-panel-wrap .action-user {
        -ms-flex-order: 5;
        order: 5;
    }
    .bottom-panel-wrap .btn-action {
        height: 58px;
        padding-top: 10px;
    }
    .bottom-panel-wrap .btn-action .button-ico {
        width: 24px;
        height: 24px;
    }
}
@media (min-width: 768px) {
    .footer-main-panel .inner-wrap {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-main-panel .info-inner-wrap {
        width: auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: calc(100% - 180px);
        padding: 0 15px 0 0;
        margin-bottom: 0;
        -ms-flex-order: 1;
        order: 1;
    }
    .footer-main-panel .phone-inner-wrap {
        width: 180px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
        margin: 0;
        text-align: right;
        display: block;
    }
    .footer-main-panel .menu-inner-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-order: 3;
        order: 3;
        margin: 30px 0 0 0;
        padding: 0;
    }
    .footer-main-panel .menu-inner-wrap .menu {
        columns: 3;
    }
    .footer-main-panel .phone-wrap {
        padding: 0;
        width: auto;
        margin: 0 0 22px 0;
    }
    .footer-main-panel .phone-wrap:last-child {
        margin: 0;
    }
    .footer-main-panel .soc-wrap {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
        max-width: 50%;
        padding: 0 36px 0 0;
    }
    .footer-main-panel .soc-wrap .button-soc {
        margin-left: 0;
        margin-right: 14px;
    }
    .footer-main-panel .button-wrap {
        -ms-flex-order: 3;
        order: 3;
        width: auto;
        padding: 0 36px 0 0;
    }
}
@media (min-width: 1024px) {
    .header-fixed .header-main-panel {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0px 4px 18.3px 0px rgba(0, 0, 0, 0.05);
    }
    .header-fixed .header-top-panel {
        margin-bottom: 90px;
    }
    .header {
        box-shadow: 0px 14px 15px 0px rgba(0, 0, 0, 0.04);
    }
    .header-main-panel {
        background: #fff;
        z-index: 10;
    }
    .header-main-panel .inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 90px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .header-main-panel .logo-inner-wrap {
        -ms-flex-order: 1;
        order: 1;
        width: 22.4rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header-main-panel .catalog-inner-wrap {
        -ms-flex-order: 2;
        order: 2;
        padding-left: 4rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header-main-panel .search-inner-wrap {
        -ms-flex-order: 3;
        order: 3;
        -ms-flex: 1;
        flex: 1;
        padding-left: 4rem;
    }
    .header-main-panel .action-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 10.2rem;
    }
    .header-main-panel .action-home,
    .header-main-panel .action-catalog {
        display: none;
    }
    .header-main-panel .actions-inner-wrap {
        margin-left: 0;
        margin-right: -2.4rem;
        padding-left: 6rem;
    }
    .header-top-panel,
    .header-nav-panel {
        display: block;
    }
    .header-nav-panel {
        border-top: 1px solid var(--clr-border);
        font-size: 16px;
        font-weight: 600;
    }
    .header-nav-panel li {
        position: relative;
    }
    .header-nav-panel li:hover .menu {
        display: block;
    }
    .header-nav-panel li:hover > .btn-menu {
        color: var(--clr-att);
    }
    .header-nav-panel li:hover > .btn-menu:before {
        filter: none;
        rotate: 180deg;
    }
    .header-nav-panel .btn-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
        height: 6.8rem;
        padding: 0 12px;
        width: 100%;
    }
    .header-nav-panel .btn-menu:hover,
    .header-nav-panel .btn-menu.active {
        color: var(--clr-att);
    }
    .header-nav-panel .btn-menu:has(+.menu) {
        padding-right: 30px;
    }
    .header-nav-panel .btn-menu:has(+.menu):hover:before,
    .header-nav-panel .btn-menu:has(+.menu).active:before {
        filter: none;
    }
    .header-nav-panel .btn-menu:has(+.menu):before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(/images/web/icons/arrow-menu-d.svg) center no-repeat;
        background-size: 100% auto;
        right: 0;
        top: 50%;
        margin-top: -12px;
        filter: var(--filterAttToBase);
        transition: all ease 0.2s;
    }
    .header-nav-panel .menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -12px;
    }
    .header-nav-panel .menu .menu {
        display: none;
        animation: fadein ease 0.2s;
        position: absolute;
        top: 100%;
        left: 12px;
        width: 150px;
        font-size: 15px;
        line-height: 20px;
        padding: 20px 0 10px 0;
        z-index: 20;
        margin: 0;
    }
    .header-nav-panel .menu .menu:before {
        content: "";
        display: block;
        position: absolute;
        border-radius: var(--mainRadius);
        box-shadow: var(--shadowMain);
        background: #fff;
        top: 10px;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .header-nav-panel .menu .menu .btn-menu {
        padding: 5px 15px;
        font-weight: 400;
        font-size: 1em;
        line-height: inherit;
        white-space: normal;
        display: block;
        height: auto;
    }
    .header-top-panel {
        font-size: 13px;
        line-height: 15px;
        border-bottom: 1px solid var(--clr-border);
    }
    .header-top-panel .inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .header-top-panel .location-inner-wrap,
    .header-top-panel .info-inner-wrap {
        color: var(--clr-base-light);
    }
    .header-top-panel .location-inner-wrap .btn,
    .header-top-panel .info-inner-wrap .btn {
        text-align: left;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .header-top-panel .location-inner-wrap .btn .button-ico,
    .header-top-panel .info-inner-wrap .btn .button-ico {
        filter: var(--filterAttToLight);
        margin: 0;
    }
    .header-top-panel .location-inner-wrap .btn:hover,
    .header-top-panel .info-inner-wrap .btn:hover,
    .header-top-panel .location-inner-wrap .btn.active,
    .header-top-panel .info-inner-wrap .btn.active {
        color: var(--clr-att);
    }
    .header-top-panel .location-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 4px;
    }
    .header-top-panel .location-inner-wrap .btn {
        padding-right: 24px;
    }
    .header-top-panel .location-inner-wrap .btn:hover:before,
    .header-top-panel .location-inner-wrap .btn.active:before,
    .header-top-panel .location-inner-wrap .btn:hover .button-ico,
    .header-top-panel .location-inner-wrap .btn.active .button-ico {
        filter: none;
    }
    .header-top-panel .location-inner-wrap .btn:hover:before,
    .header-top-panel .location-inner-wrap .btn.active:before {
        rotate: 180deg;
    }
    .header-top-panel .location-inner-wrap .btn:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
        background-size: 100% auto;
        top: 50%;
        right: 0;
        margin-top: -12px;
        transition: all ease 0.2s;
        filter: var(--filterAttToLight);
    }
    .header-top-panel .info-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 7.2rem 0 0;
        padding-top: 5px;
    }
    .header-top-panel .callback-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header-top-panel .info-wrap,
    .header-top-panel .phone-wrap,
    .header-top-panel .button-wrap {
        padding-left: 2.4rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header-top-panel .phone-wrap {
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
    }
    .header-top-panel .button-wrap .btn {
        height: 30px;
        padding: 0 16px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 500;
    }
    .popup-location-wrap .popup-content-block {
        right: auto;
        left: 0;
        margin-top: -10px;
    }
    .popup-catalog-wrap {
        position: relative;
        /* .popup-content-block {
                            position: absolute;
                            top: 100%;
                            left: 4rem;
                            margin-top: 10px;
                            z-index: 20;
                            width: 358px;
                            display: flex;
                            flex-direction: column;
                            padding: 20px 0;
                            height: 607px;
                            height: 300px;
                            display: none;
                            &:after {
                                    content: "";
                                    display: block;
                                    position: absolute;
                                    top: 0;left: 0;right: 0;
                                    background: #fff;
                                    z-index: 7;
                                    height: 60px;
                            }
                            &:before {
                                    content: "";
                                    display: block;
                                    position: absolute;
                                    top: 0;bottom: 0;left: 0;
                                    width: 100%;
                                    border-radius: var(--mainRadius);
                                    background: #fff;
                                    box-shadow: var(--shadowMain);
                            }
                    } */
        /* .menu-main {
                            display: block;
                            position: static;
                            &>li {
                                    position: static;
                                    display: none;
                                    margin: 0;
                                    &.open {
                                            &>.menu {
                                                    display: block;
                                            }
                                    }
                                    &.li-main {
                                            display: block;
                                            &+.li-main {
                                                    &>.btn-menu {
                                                            width: 160px;
                                                            margin-left: 155px;
                                                    }
                                            }
                                            &.open {
                                                    &>.btn-menu {
                                                            border-color: var(--clr-base-light);
                                                            background-color: var(--clr-base-light);
                                                            color: #fff;
                                                    }
                                            }
                                            &>.btn-menu {
                                                    display: block;
                                                    height: 32px;
                                                    line-height: 32px;
                                                    padding: 0 5px;
                                                    border-radius: 16px;
                                                    font-size: 13px;
                                                    font-weight: 600;
                                                    text-align: center;
                                                    color: var(--clr-base-light);
                                                    border: 1px solid var(--clr-border);
                                                    width: 145px;
                                                    position: absolute;
                                                    top: 20px;
                                                    left: 15px;
                                                    z-index: 10;
                                                    &:before {
                                                            display: none;
                                                    }
                                                    &:hover, &.active {
                                                            border-color: var(--clr-base-light);
                                                            background-color: var(--clr-base-light);
                                                            color: #fff;
                                                    }
                                            }
                                    }
                                    &>.menu {
                                            position: absolute;
                                            top: 60px;bottom: 10px;left: 10px;right: 5px;
                                            padding: 5px 0 0px 0;
                                            .open {
                                                    position: static;
                                                    .menu {
                                                            display: block;
                                                    }
                                            }
                                            .menu {
                                                    width: 358px;
                                                    position: absolute;
                                                    top: 0;bottom: 0;left: 100%;
                                            }
                                    }
                            }
                            .menu {
                                    overflow-y: auto;
                                    &::-webkit-scrollbar {
                                            height: 3px;
                                            width: 3px;
                                            background-color: #fff;
                                    }
                                    &::-webkit-scrollbar-thumb {
                                            background-color: var(--clr-border);
                                    }
                                    &::-webkit-scrollbar-thumb:hover {
                                            background-color: var(--clr-border);
                                    }
                                    &::-webkit-scrollbar-button:vertical:start:decrement {
                                            background-color: transparent;
                                            width: 0;
                                            height: 0;
                                    }
                                    &::-webkit-scrollbar-button:vertical:end:increment {
                                            background-color: transparent;
                                            width: 0;
                                            height: 0;
                                    }
                                    &::-webkit-scrollbar-button:horizontal:start:decrement {
                                            background-color: transparent;
                                            width: 0;
                                            height: 0;
                                    }
                                    &::-webkit-scrollbar-button:horizontal:end:increment {
                                            background-color: transparent;
                                            width: 0;
                                            height: 0;
                                    }
                                    li {
                                            margin-bottom: 2px;
                                            &:last-child {
                                                    margin-bottom: 0;
                                            }
                                    }
                            }
                    }
                    .btn-menu {
                            &:before {
                                    right: 24px;
                            }
                    }
                    .btn-popup {
                            height: 40px;
                            padding: 0 19px 0 53px;
                            &.active {
                                    &:before {
                                            opacity: 0;
                                    }
                                    &:after {
                                            opacity: 1;
                                    }
                            }
                            &:before, &:after {
                                    content: "";
                                    display: block;
                                    width: 24px;
                                    height: 24px;
                                    position: absolute;
                                    background: url(/images/web/icons/catalog.svg) center no-repeat;
                                    background-size: 100% auto;
                                    transition: all ease 0.2s;
                                    filter: var(--filterWhite);
                                    top: 50%;left: 32px;
                                    margin: -12px 0 0 -12px;
                            }
                            &:after {
                                    background-image: url(/images/web/icons/cross.svg);
                                    opacity: 0;
                            }
                    } */
    }
    .popup-catalog-wrap .popup-content-block {
        display: block;
    }
    .popup-catalog-wrap .menu-main {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        gap: 0;
        border-radius: var(--mainRadius);
        background: var(--clr-bg-light);
    }
    .popup-catalog-wrap .menu-main > li {
        margin: 0;
        padding: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: none;
    }
    .popup-catalog-wrap .menu-main > li.li-main {
        display: block;
    }
    .popup-catalog-wrap .menu-main .menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 358px;
        border-radius: 0;
        z-index: 20;
        background: none;
        margin-top: 10px;
        padding: 10px 15px 10px 15px;
        min-height: 437px;
    }
    .popup-catalog-wrap .menu-main .menu:has(li:has(.menu):hover):before {
        width: 705px;
    }
    .popup-catalog-wrap .menu-main .menu:has(li:has(.menu):hover) .menu {
        background: none;
    }
    .popup-catalog-wrap .menu-main .menu:has(li:has(.menu):hover) .menu:before {
        display: none;
    }
    .popup-catalog-wrap .menu-main .menu:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: var(--mainRadius);
        filter: drop-shadow(0px 0px 18.3px rgba(0, 0, 0, 0.05));
        background: #fff;
    }
    .popup-catalog-wrap .menu-main .menu li {
        position: static;
    }
    .popup-catalog-wrap .menu-main .menu li:hover:after {
        display: block;
    }
    .popup-catalog-wrap .menu-main .menu li:after {
        content: "";
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        border-top: 10px solid #fff;
        border-bottom: 10px solid #fff;
        z-index: 20;
        width: 15px;
        margin-left: 330px;
    }
    .popup-catalog-wrap .menu-main .menu .btn-menu {
        padding-left: 6px;
        min-height: 37px;
    }
    .popup-catalog-wrap .menu-main .menu .btn-menu:before {
        right: 30px;
    }
    .popup-catalog-wrap .menu-main .menu .menu {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        background: none;
        margin: 0 0 0 -15px;
        padding-left: 24px;
        background: #fff;
        border-left: 1px solid var(--clr-border);
        border-radius: 0;
        overflow-y: auto;
        min-height: 0;
    }
    .popup-catalog-wrap .menu-main .menu .menu li:after {
        display: none;
    }
    .popup-catalog-wrap .menu-main .menu .menu:before {
        display: none;
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar {
        height: 3px;
        width: 4px;
        background-color: #fff;
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar-thumb {
        background-color: var(--clr-border);
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar-thumb:hover {
        background-color: var(--clr-border);
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar-button:vertical:start:decrement {
        background-color: transparent;
        width: 0;
        height: 0;
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar-button:vertical:end:increment {
        background-color: transparent;
        width: 0;
        height: 0;
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar-button:horizontal:start:decrement {
        background-color: transparent;
        width: 0;
        height: 0;
    }
    .popup-catalog-wrap .menu-main .menu .menu::-webkit-scrollbar-button:horizontal:end:increment {
        background-color: transparent;
        width: 0;
        height: 0;
    }
    .popup-catalog-wrap .menu-main .menu li:hover ul {
        display: block;
    }
    .popup-catalog-wrap .menu-main .li-main.open > .btn-menu {
        background: var(--clr-att);
        color: #fff;
        border-color: var(--clr-att);
    }
    .popup-catalog-wrap .menu-main .li-main.open > .btn-menu:hover {
        background: var(--clr-att);
        color: #fff;
        border-color: var(--clr-att);
    }
    .popup-catalog-wrap .menu-main .li-main.open > .btn-menu .button-ico img,
    .popup-catalog-wrap .menu-main .li-main.open > .btn-menu .button-ico svg {
        opacity: 0;
    }
    .popup-catalog-wrap .menu-main .li-main.open > .btn-menu .button-ico:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(/images/web/icons/cross.svg) center no-repeat;
        background-size: 100% auto;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
        filter: var(--filterWhite);
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        border-radius: var(--mainRadius);
        background: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--clr-att);
        padding: 0 15px;
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu:hover {
        background: var(--clr-border);
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu.button-att {
        background: var(--clr-att);
        color: #fff;
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu.button-att .button-ico {
        filter: var(--filterWhite);
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu.button-att:hover {
        background: var(--clr-att-second);
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu:before {
        display: none;
    }
    .popup-catalog-wrap .menu-main .li-main > .btn-menu .button-ico {
        width: 24px;
        height: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 8px 0 0;
        filter: none;
    }
    .popup-catalog-wrap .menu-main .open > .menu {
        display: block;
    }
    .popup-catalog-wrap .btn-popup,
    .popup-catalog-wrap .btn-menu-back {
        display: none;
    }
    .popup-search-wrap .popup-content-block {
        display: block;
    }
    .popup-search-wrap .btn-popup {
        display: none;
    }
    .footer-main-panel {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }
    .footer-main-panel .inner-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .footer-main-panel .menu-inner-wrap {
        -ms-flex-order: 2;
        order: 2;
        width: auto;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 12px 0;
        padding: 0 20px 0 0;
    }
    .footer-main-panel .menu-inner-wrap .menu {
        max-width: 550px;
    }
    .footer-main-panel .menu-inner-wrap .btn-menu {
        padding: 4px 0;
    }
    .footer-main-panel .phone-inner-wrap {
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 20px;
    }
    .footer-main-panel .info-inner-wrap {
        width: 34%;
        padding: 0;
        margin: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
    }
    .footer-main-panel .phone-wrap {
        font-size: 13px;
    }
    .footer-main-panel .logo-wrap {
        display: block;
        width: 196px;
        margin-bottom: 15px;
    }
    .footer-main-panel .location-wrap {
        margin-bottom: 15px;
    }
    .footer-main-panel .soc-wrap {
        margin-bottom: 10px;
    }
    .footer-main-panel .soc-wrap .button-soc {
        width: 32px;
        height: 32px;
        margin: 0 10px 10px 0;
    }
    .footer-main-panel .button-wrap .btn {
        height: 30px;
        padding: 0 16px;
        font-size: 15px;
    }
    .footer-main-panel .logo {
        filter: var(--filterWhite);
    }
    .footer-info-panel .inner-wrap {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .footer-info-panel .info-inner-wrap {
        -ms-flex-align: center;
        align-items: center;
    }
    .footer-info-panel .logo-wrap {
        display: none;
    }
    .footer-info-panel .info-wrap {
        width: auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 20px 0 0;
        -ms-flex-order: 1;
        order: 1;
    }
    .footer-info-panel .link-wrap {
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        width: auto;
        -ms-flex-order: 2;
        order: 2;
        text-align: left;
        font-size: 15px;
        line-height: 1.57;
    }
    .footer-info-panel .ym-wrap {
        -ms-flex-order: 3;
        order: 3;
    }
    .info-attention-box {
        padding: 13px 0;
        font-size: 18px;
    }
    .info-attention-box .info-title-main {
        margin-right: 10px;
        padding-left: 8px;
    }
    .info-attention-box .info-title {
        margin: 0;
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1349px) {
    .header-main-panel .actions-inner-wrap {
        padding-left: 2rem;
    }
    .header-main-panel .logo-inner-wrap {
        width: 20rem;
    }
    .header-top-panel .info-inner-wrap {
        padding-right: 0;
    }
    .header-top-panel .info-wrap,
    .header-top-panel .button-wrap,
    .header-top-panel .phone-wrap {
        padding-left: 16px;
    }
    .header-top-panel .phone-wrap {
        font-size: 16px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .header-main-panel .action-wrap {
        width: 9rem;
    }
    .header-main-panel .logo-inner-wrap {
        width: 14rem;
    }
}
/* ----------------------------------- *\
                        items styles
\* ----------------------------------- */
.item-tile-lk-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid var(--clr-border);
    border-radius: var(--mainRadius);
    padding: 24px 15px;
    font-size: 13px;
    line-height: 1.57;
}
.item-tile-lk-panel.tile-bg {
    background: var(--clr-bg-light);
    border-color: var(--clr-bg-light);
}
.item-tile-lk-panel .tile-title-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: var(--clr-att);
    gap: 10px;
}
.item-tile-lk-panel .tile-title-main .tile-ico {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}
.item-tile-lk-panel .tile-title-main .tile-ico img,
.item-tile-lk-panel .tile-title-main .tile-ico svg {
    width: 100%;
}
.item-tile-lk-panel .tile-title-main .tile-title {
    font-size: 18px;
    font-weight: 600;
}
.item-tile-lk-panel .lk-toggle-box {
    margin-bottom: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}
.item-tile-lk-panel .lk-toggle-box .order-wrap {
    display: block !important;
}
.item-tile-lk-panel .lk-toggle-box .orders-list-wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    margin-right: 100px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 120px 0 0;
    overflow: visible;
}
.item-tile-lk-panel .lk-toggle-box .orders-list-wrap:after {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: auto;
    white-space: nowrap;
    padding-left: 10px;
}
.item-tile-lk-panel .lk-toggle-box .popup-order-wrap {
    padding: 0;
    border: none;
    border-radius: 0;
    height: 70px;
    position: relative;
    overflow: hidden;
}
.item-tile-lk-panel .lk-toggle-box .popup-content-block {
    display: block;
}
.item-tile-lk-panel .tile-title-wrap {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.item-tile-lk-panel .tile-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: inherit;
    margin: 0;
    -ms-flex: 1;
    flex: 1;
}
.item-tile-lk-panel .tile-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: none;
}
.item-tile-lk-panel .btn.button-link {
    color: var(--clr-base-light);
    font-size: 15px;
    line-height: 1.61;
    font-weight: 600;
}
.item-tile-lk-panel .btn.button-link .button-ico {
    filter: var(--filterAttToLight);
}
.item-tile-lk-panel .btn.button-link:hover .button-ico {
    filter: none;
}
.item-tile-lk-panel .tile-action-wrap {
    margin-top: 15px;
}
.item-tile-lk-panel .tile-content-wrap {
    -ms-flex: 1;
    flex: 1;
    display: block;
}
.item-tile-lk-panel table {
    width: 100%;
    margin: 0;
    font-size: 1em;
    line-height: inherit;
}
.item-tile-lk-panel table.tile-table-main {
    max-width: 500px;
}
.item-tile-lk-panel table thead th,
.item-tile-lk-panel table thead td {
    font-weight: 400;
    padding-bottom: 5px;
    text-align: left;
}
.item-tile-lk-panel table th,
.item-tile-lk-panel table td {
    font-size: 1em;
    line-height: inherit;
    vertical-align: top;
    border: none;
    padding: 0 0 11px 0;
}
.item-tile-lk-panel table th:first-child,
.item-tile-lk-panel table td:first-child {
    padding-right: 10px;
}
.item-tile-lk-panel table tr:last-child th,
.item-tile-lk-panel table tr:last-child td {
    padding-bottom: 0;
}
.item-tile-lk-panel .tile-price {
    font-weight: 600;
    text-align: right;
    font-size: 15px;
    line-height: 1.2;
}
.item-tile-lk-panel .tile-price.price-main {
    font-size: 18px;
    text-align: left;
    line-height: inherit;
}
.item-tile-lk-panel .elm-error,
.item-tile-lk-panel .elm-succefull,
.item-tile-lk-panel .elm-wait {
    font-size: 1em;
    font-weight: 600;
}
.item-tile-form {
    display: block;
    position: relative;
    min-height: 100%;
    background: var(--clr-bg-light);
    border-radius: var(--mainRadius);
    padding: 35px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}
.item-tile-form .tile-title-wrap {
    margin-bottom: 25px;
}
.item-tile-form .tile-content-wrap {
    display: block;
}
.item-tile-form .tile-form-wrap + .tile-form-wrap {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid var(--clr-border);
}
.item-tile-form .tile-action-wrap {
    display: block;
    padding-top: 25px;
}
.item-tile-form .tile-action-wrap .btn {
    width: 100%;
}
.item-tile-form .tile-action-wrap .frm-field {
    margin-bottom: 20px;
}
.item-tile-form .tile-action-wrap .frm-field:last-child {
    margin-bottom: 0;
}
.item-tile-form .tile-action-wrap .field-info {
    font-weight: 600;
    line-height: normal;
}
.item-tile-form .tile-title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 10px 0;
}
.item-tile-form .tile-title:last-child {
    margin-bottom: 0;
}
.item-tile-form .tile-info {
    display: block;
}
.item-tile-form .frm-row,
.item-tile-form .frm-row-submit {
    margin: 0;
}
.item-tile-form .frm-row-submit .frm-field {
    display: block;
}
.item-tile-form .frm-field {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 15px;
    margin-bottom: 15px;
    line-height: inherit;
}
.item-tile-form .field-input {
    -ms-flex: 1;
    flex: 1;
}
.item-tile-form .field-title {
    display: block;
    width: 130px;
    position: relative;
    margin: 0;
}
.item-tile-form .form-input {
    padding-left: 14px;
}
.item-tile-form select.form-input {
    padding-right: 30px;
    background-position: right 8px center;
}
.item-tile-form .elm-succefull,
.item-tile-form .elm-error {
    margin: 20px 0 0 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-left: 28px;
}
.item-tile-form .elm-succefull:before,
.item-tile-form .elm-error:before {
    width: 24px;
    height: 24px;
    background-size: 32px auto;
    margin-top: -12px;
}
.wrap-right .item-tile-message {
    text-align: right;
}
.wrap-right .item-tile-message .tile-text-wrap {
    margin-left: auto;
}
.wrap-right .item-tile-message .tile-text-wrap:before,
.wrap-right .item-tile-message .tile-text-wrap:after {
    left: auto;
    right: 39px;
    margin-left: auto;
    margin-right: -12px;
}
.wrap-right .item-tile-message .tile-text-wrap:before {
    margin-right: -14px;
}
.wrap-right .item-tile-message .tile-title-inner {
    padding-left: 0;
    padding-right: 16px;
}
.wrap-right .item-tile-message .tile-title-inner:before {
    left: auto;
    right: 0;
    margin: -4px 0 0 0;
}
.item-tile-message {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 13px;
    line-height: normal;
    text-align: left;
}
.item-tile-message.online .tile-title-inner:before {
    opacity: 1;
}
.item-tile-message .tile-title-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-message .tile-title-inner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-left: 16px;
    font-size: 15px;
    line-height: 24px;
    gap: 4px 8px;
}
.item-tile-message .tile-title-inner:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 12px;
    left: 4px;
    margin: -4px 0 0 -4px;
    opacity: 0;
    background: var(--clr-succefull);
    border-radius: 50%;
}
.item-tile-message .tile-title-inner a:not(:hover) {
    color: inherit;
}
.item-tile-message .tile-text-wrap {
    width: auto;
    padding: 24px 14px;
    border-radius: 15px;
    border: 1px solid var(--clr-border);
    margin-top: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    text-align: left;
}
.item-tile-message .tile-text-wrap:before,
.item-tile-message .tile-text-wrap:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 12px solid rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 100%;
    left: 39px;
    margin-left: -12px;
    border-bottom-color: #fff;
}
.item-tile-message .tile-text-wrap:before {
    border-bottom-color: var(--clr-border);
    border-width: 14px;
    margin-left: -14px;
}
.item-tile-message .tile-date {
    font-size: 13px;
}
.item-tile-message .tile-title {
    font-weight: bold;
}
.item-tile-message ol li {
    padding-left: 1.3em;
}
.item-tile-message ol li:after {
    content: counter(a) '.';
    font-size: 1em;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
}
.item-tile-message ol li:nth-child(9) ~ li {
    padding-left: 1.7em;
}
.item-tile-button {
    border-radius: var(--tilesRadius);
    transition: all ease 0.2s;
    border: 1px solid var(--clr-border);
    padding: 19px 75px 19px 14px;
    display: block;
    position: relative;
    color: var(--clr-base);
}
.item-tile-button:hover {
    color: var(--clr-base);
    border-color: var(--clr-att);
}
.item-tile-button:hover .tile-title {
    color: var(--clr-att);
}
.item-tile-button:hover:before {
    filter: none;
}
.item-tile-button:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-forward.svg) center no-repeat;
    background-size: 100% auto;
    top: 30px;
    right: 14px;
    margin-top: -12px;
    filter: var(--filterAttToLight);
    transition: all ease 0.2s;
}
.item-tile-button .tile-title {
    display: block;
    transition: all ease 0.2s;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 5px 0;
}
.item-tile-button .tile-date {
    font-size: 13px;
    color: var(--clr-base);
}
.item-tile-button .tile-date:before {
    filter: var(--filterAttToBase);
}
.item-tile-button .tile-title-wrap {
    margin-bottom: 15px;
}
.item-tile-button [class^="frm-message"] {
    font-size: 13px;
    font-weight: 600;
}
.item-tile-bonus-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    font-size: 15px;
    line-height: 1.57;
}
.item-tile-bonus-info .tile-ico {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
}
.item-tile-bonus-info .tile-title {
    -ms-flex: 1;
    flex: 1;
}
.item-tile-order-line {
    display: block;
    position: relative;
    padding-left: 70px;
}
.item-tile-order-line .tile-photo-wrap {
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.item-tile-order-line .tile-total-wrap {
    text-align: right;
}
.item-tile-order-line .tile-photo {
    aspect-ratio: 1;
    border-radius: var(--mainRadius);
}
.item-tile-order-line .tile-title {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 5px;
}
.item-tile-order-line .tile-title a {
    display: block;
}
.item-tile-order-line .tile-title a:not(:hover) {
    color: inherit;
}
.item-tile-order-line .tile-info,
.item-tile-order-line .tile-count {
    display: block;
    font-size: 13px;
    line-height: normal;
    margin: 0;
    color: var(--clr-base-light);
}
.item-tile-order-line .tile-info {
    padding-right: 100px;
}
.item-tile-order-line .tile-price {
    font-size: 20px;
    line-height: 1.61;
    font-weight: bold;
    max-width: 100px;
    margin: 0 0 0 auto;
    display: block;
    margin-top: -26px;
}
.item-tile-example {
    border-radius: 10px;
    border: 1px solid var(--clr-border);
    transition: all ease 0.2s;
    display: block;
    position: relative;
}
.item-tile-example:hover {
    box-shadow: 0 4px 12.9px 0 rgba(0, 0, 0, 0.12);
}
.item-tile-example.tile-photo {
    aspect-ratio: 1;
}
.item-tile-example.tile-photo.photo-contain img {
    max-width: 83%;
    max-height: 83%;
}
.item-tile-info-number {
    display: block;
    position: relative;
    padding-left: 18px;
}
.item-tile-info-number .tile-title {
    font-size: 15px;
    line-height: 1.2;
    display: -ms-flexbox;
    display: flex;
    min-height: 50px;
    padding: 10px 15px 10px 25px;
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    color: var(--clr-base);
    font-weight: 600;
    -ms-flex-align: center;
    align-items: center;
}
.item-tile-info-number .tile-number {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 35px;
}
.item-tile-info-number .tile-number:before {
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
}
.item-tile-order {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 30px 0 0 70px;
    min-height: 130px;
}
.item-tile-order:has(.tile-stock) {
    display: block;
}
.item-tile-order:has(.tile-stock) .tile-counter-wrap {
    width: 100%;
}
.item-tile-order:has(.tile-stock) .tile-price-wrap {
    display: none;
}
.item-tile-order:has(.tile-stock) .tile-title {
    color: var(--clr-base-light);
}
.item-tile-order:has(.tile-stock) .tile-photo {
    opacity: 0.6;
}
.item-tile-order .tile-photo-wrap {
    width: 60px;
    position: absolute;
    top: 30px;
    left: 0;
}
.item-tile-order .tile-action-wrap {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -5px;
    right: -5px;
}
.item-tile-order .tile-info-wrap {
    position: static;
    margin: 0 0 16px 0;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-order .tile-counter-wrap {
    width: 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-order .tile-price-wrap {
    width: calc(100% - 100px);
    text-align: right;
    padding-left: 10px;
}
.basket-items-wrap .tile-price-wrap {
    width: calc(100% - 220px);
}
.item-tile-order .tile-select-wrap {
    position: absolute;
    left: 30px;
    top: 95px;
    margin-left: -15px;
}
.item-tile-order .tile-button {
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-order .tile-stock {
    font-size: 13px;
}
.item-tile-order .tile-title {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}
.item-tile-order .tile-title a {
    display: block;
}
.item-tile-order .tile-title a:not(:hover) {
    color: inherit;
}
.item-tile-order .tile-info {
    display: block;
    position: relative;
    max-width: calc(100% - 60px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 30px;
    color: var(--clr-base-light);
    margin: 0;
    position: absolute;
    top: -5px;
    left: 0;
}
.item-tile-order .tile-info:first-child {
    margin-top: 0;
}
.item-tile-order .tile-price {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}
.item-tile-order .tile-price-info {
    display: block;
    margin: 2px 0 0 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--clr-base-light);
}
.item-tile-order .frm-select {
    width: 30px;
    height: 30px;
}
.item-tile-order .frm-select label {
    width: 30px;
    height: 30px;
    padding: 0;
    min-height: 0;
}
.item-tile-order .frm-select label:before,
.item-tile-order .frm-select label:after {
    top: 50%;
    left: 50%;
}
.item-tile-order .tile-photo {
    aspect-ratio: 1;
    border-radius: var(--mainRadius);
}
.item-tile-order .btn-action-ico.ico-del:before,
.item-tile-order .btn-action-ico.ico-del:after {
    background-size: 20px auto;
}
.item-tile-order .btn-action-ico.ico-del:before {
    filter: var(--filterAttToBase);
}
.item-tile-order .btn-action-ico.ico-fav:before,
.item-tile-order .btn-action-ico.ico-fav:after {
    background-size: 22px auto;
}
.item-tile-order .btn-action-ico.ico-fav:before {
    filter: var(--filterAttToBase);
}
.item-tile-cart-popup {
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--clr-base);
    position: relative;
}
.item-tile-cart-popup:has(.tile-button-del) .tile-title-wrap {
    padding-right: 30px;
}
.item-tile-cart-popup:hover {
    color: var(--clr-base);
}
.item-tile-cart-popup:hover .tile-title {
    color: var(--clr-att);
}
.item-tile-cart-popup .tile-photo-wrap {
    width: 77px;
}
.item-tile-cart-popup .tile-info-wrap {
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.item-tile-cart-popup .tile-price-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 -10px 0 0;
}
.item-tile-cart-popup .tile-photo {
    aspect-ratio: 1;
    border-radius: 5px;
}
.item-tile-cart-popup .tile-price {
    font-size: 18px;
    line-height: 1.57;
    margin-right: 10px;
}
.item-tile-cart-popup .price-old {
    font-size: 14px;
}
.item-tile-cart-popup .tile-button-del {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -5px;
    right: -5px;
}
.item-tile-cart-popup .tile-title-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 12px 0;
    min-height: 36px;
}
.item-tile-cart-popup .tile-counter-wrap {
    width: 115px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-cart-popup .tile-counter-wrap + .tile-price-wrap {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
}
.item-tile-cart-popup .tile-title {
    display: block;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    max-width: 21.53846154em;
}
.item-tile-cart-popup .tile-title a {
    display: block;
}
.item-tile-cart-popup .tile-title a:not(:hover) {
    color: inherit;
}
.item-tile-cart-popup .btn-action-ico.ico-del:before {
    background-size: 20px auto;
}
.item-tile-cart-popup .frm-field-counter.type-small-all:has(.field-total) {
    margin-bottom: 0;
}
.item-tile-cart-popup .frm-field-counter.type-small-all:has(.field-total) .field-total {
    height: auto;
    left: 100%;
    right: auto;
    top: 0;
    bottom: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 15px;
    width: auto;
    float: left;
    max-width: inherit;
    font-size: 13px;
    font-weight: 400;
}
.item-tile-cart-popup .frm-field-counter .js-field-counter-total {
    margin: 0 5px;
}
.item-tile-status {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    background: var(--clr-bg-light);
    font-size: 15px;
    line-height: 1.61;
    border-radius: var(--tilesRadius);
}
.item-tile-status:has(.st-bronze) {
    background: rgba(212, 162, 104, 0.2);
}
.item-tile-status:has(.st-silver) {
    background: rgba(194, 194, 194, 0.2);
}
.item-tile-status:has(.st-gold) {
    background: rgba(230, 198, 91, 0.2);
}
.item-tile-status:has(.st-platina) {
    background: rgba(192, 177, 213, 0.2);
}
.item-tile-status .tile-title-wrap {
    display: block;
    line-height: 1;
}
.item-tile-status .tile-info-wrap {
    display: block;
    padding: 25px 20px 30px 20px;
}
.item-tile-status b {
    font-weight: 600;
}
.item-tile-status p,
.item-tile-status ul,
.item-tile-status .tile-title {
    margin: 0 0 10px 0;
}
.item-tile-status p:last-child,
.item-tile-status ul:last-child,
.item-tile-status .tile-title:last-child {
    margin-bottom: 0;
}
.item-tile-status li {
    margin-bottom: 9px;
}
.item-tile-status li:last-child {
    margin-bottom: 0;
}
.item-tile-category-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: var(--clr-base);
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    padding: 36px 27px;
    padding: 4rem 3rem;
    min-height: 100%;
    font-size: 15px;
}
.item-tile-category-main.center-bg-transparent .tile-photo-wrap:before {
    background-color: transparent;
}
.item-tile-category-main.center-bg-yellow .tile-photo-wrap:before {
    background-color: #F6F0DE;
}
.item-tile-category-main.center-bg-violet .tile-photo-wrap:before {
    background-color: #ECD8FB;
}
.item-tile-category-main.center-bg-gray .tile-photo-wrap:before {
    background-color: #F5F7FA;
}
.item-tile-category-main.center-bg-green .tile-photo-wrap:before {
    background-color: #ECF8ED;
}
.item-tile-category-main.center-bg-blue .tile-photo-wrap:before {
    background-color: #DDF5F8;
}
.item-tile-category-main.center-bg-brown .tile-photo-wrap:before {
    background-color: #FAF1E9;
}
.item-tile-category-main.color-violet {
    background-color: #F3E6FE;
}
.item-tile-category-main.color-gray {
    background-color: #F5F7FA;
}
.item-tile-category-main.color-green {
    background-color: #ECF8ED;
}
.item-tile-category-main.color-yellow {
    background-color: #FBF8EC;
}
.item-tile-category-main.color-blue {
    background-color: #DDF5F8;
}
.item-tile-category-main.color-brown {
    background-color: #FAF1E9;
}
.item-tile-category-main .tile-photo-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0;
    min-height: 234px;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
}
.item-tile-category-main .tile-photo-wrap:before {
    content: "";
    display: block;
    width: 234px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -117px 0 0 -117px;
    background: var(--clr-border);
}
.item-tile-category-main .tile-photo {
    width: 250px;
    aspect-ratio: 250/230;
    margin: 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 70%;
}
.item-tile-category-main .tile-title {
    display: block;
    font-size: 22.5px;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: normal;
}
.item-tile-category-main .tile-info {
    display: block;
    font-weight: 600;
    max-width: 21.66666667em;
    margin: 0 auto;
    line-height: normal;
}
.item-tile-info-panel {
    border: 1px solid var(--clr-border);
    border-radius: var(--tilesRadius);
    padding: 30px 20px;
    line-height: 1.57;
    font-size: 15px;
    min-height: 100%;
    position: relative;
}
.item-tile-info-panel a.link {
    text-decoration: underline;
}

.item-tile-info-panel.tile-added-info {
    padding: 24px;
    text-align: left;
    display: block;
}
.item-tile-info-panel.tile-added-info .tile-title {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    width: 100%;
}
.item-tile-info-panel.tile-added-info .tile-info {
    padding: 0 110px 0 0;
    margin: 0;
}
.item-tile-info-panel.tile-added-info .tile-ico {
    display: block;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: var(--clr-bg-light);
    position: absolute;
    bottom: 28px;
    right: 26px;
}
.item-tile-info-panel.tile-added-info .tile-ico img,
.item-tile-info-panel.tile-added-info .tile-ico svg {
    max-width: 34px;
    max-height: 34px;
}
.item-tile-info-panel.tile-message {
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    position: relative;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
}
.item-tile-info-panel.tile-message:before {
    content: "";
    display: block;
    width: 97px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--clr-bg-light);
    position: absolute;
    top: -37px;
    left: -39px;
}
.item-tile-info-panel.tile-message .tile-ico {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}
.item-tile-info-panel.tile-message .tile-title {
    -ms-flex: 1;
    flex: 1;
    padding-left: 24px;
    font-weight: 600;
    color: var(--clr-att);
    font-size: 15px;
    margin: 0;
    position: relative;
    z-index: 2;
}
.item-tile-info-panel .tile-actions-wrap {
    padding-top: 15px;
}
.item-tile-info-panel .tile-actions-wrap .tile-submit {
    width: 100%;
    margin-bottom: 25px;
}
.item-tile-info-panel .tile-actions-wrap .tile-submit .btn {
    width: 100%;
    color: #fff;
}
.item-tile-info-panel .tile-actions-wrap .tile-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}
.item-tile-info-panel .tile-actions-wrap .tile-button {
    width: 50px;
    height: 50px;
}
.item-tile-info-panel.tile-no-border {
    border-radius: 0;
    padding: 0;
    border: none;
}
.item-tile-info-panel.tile-bg {
    background: var(--clr-bg-light);
    border-color: var(--clr-bg-light);
}
.item-tile-info-panel li {
    margin-bottom: 10px;
}
.item-tile-info-panel li:last-child {
    margin-bottom: 0;
}
.item-tile-info-panel li:before {
    top: 0.78em;
}
.item-tile-info-panel .tile-title {
    margin-bottom: 15px;
}
.item-tile-info-panel b {
    font-weight: 600;
}
.item-tile-info-panel a:not(:hover) {
    color: inherit;
}
.item-tile-step {
    display: block;
    position: relative;
    line-height: 1.57;
    text-align: center;
    color: var(--clr-base);
    margin: 0 auto;
    max-width: 20.93333333em;
    z-index: 2;
}
.item-tile-step .tile-photo-wrap {
    position: relative;
    margin-bottom: 45px;
}
.item-tile-step .tile-photo {
    border-radius: 50%;
    aspect-ratio: 1;
    margin: 0 auto;
    width: 224px;
}
.item-tile-step .tile-number {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}
.item-tile-step .tile-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px 0;
}
.item-tile-info-toggle {
    display: block;
    position: relative;
    border: 1px solid var(--clr-border);
    border-radius: var(--tilesRadius);
    font-size: 13px;
    line-height: 1.57;
}
.item-tile-info-toggle.tile-small .tile-button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.item-tile-info-toggle.tile-small .tile-content-block {
    padding: 20px 10px 20px 10px;
    position: relative;
}
.item-tile-info-toggle.tile-small .tile-content-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background: var(--clr-border);
}
.item-tile-info-toggle .tile-button {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 20px 40px 20px 15px;
    color: var(--clr-base);
}
.item-tile-info-toggle .h3-title-small {
    font-weight: 600;
    line-height: normal;
    font-size: 2.2rem;
    padding: 2.4rem 0rem;
}
.item-tile-info-toggle .tile-button.active:before {
    rotate: 180deg;
}
.item-tile-info-toggle .tile-button.active .tile-content-block {
    display: block;
}
.item-tile-info-toggle .tile-button:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
    background-size: 48px auto;
    filter: var(--filterAttToLight);
    top: 50%;
    right: 24px;
    margin: -12px -12px 0 0;
    transition: all ease 0.2s;
}
.item-tile-info-toggle .tile-button b {
    display: block;
    padding: 5px 0 0 0;
    line-height: 1.6;
    font-weight: 600;
}
.item-tile-info-toggle .tile-content-block {
    display: none;
    padding: 0 15px 12px 15px;
}
.item-tile-info-toggle .list-dots li {
    padding-left: 15px;
}
.item-tile-info-toggle .list-dots li:before {
    width: 2px;
    height: 2px;
    margin-top: -1px;
    left: 4px;
    background: currentColor;
}
.item-tile-info-toggle b {
    font-weight: 600;
}
.item-tile-info-toggle b b {
    font-weight: bold;
}
.item-tile-info-toggle li {
    margin-bottom: 10px;
    line-height: 1.2;
}
.item-tile-info-toggle li:before {
    top: 0.6em;
}
.item-tile-info-toggle li:last-child {
    margin-bottom: 0;
}
.item-tile-info-toggle ul {
    margin-bottom: 15px;
}
.item-tile-info-toggle p {
    margin-bottom: 5px;
}
.item-tile-info-toggle p:has(.btn) {
    margin-bottom: 15px;
    margin-top: 15px;
}
.item-tile-info-toggle p:has(.btn):first-child {
    margin-top: 0;
}
.item-tile-info-toggle p:has(+ul) {
    margin-bottom: 15px;
}
.item-tile-info-toggle .btn.button-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    font-weight: 600;
    color: var(--clr-base);
    line-height: 24px;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: normal;
}
.item-tile-info-toggle .btn.button-link .button-title {
    padding: 3px 0;
    display: block;
    border-bottom-width: 2px;
}
.item-tile-info-toggle .btn.button-link .button-ico {
    margin-left: 8px;
    filter: var(--filterAttToBase);
}
.item-tile-info-toggle .btn.button-link:hover {
    color: var(--clr-att);
}
.item-tile-info-toggle .btn.button-link:hover .button-ico {
    filter: none;
}
.item-tile-info-toggle .li-items {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--mainRadius);
    background: #F7F7F7;
    padding: 9px 12px;
    gap: 7px;
}
.item-tile-info-toggle .li-items .elm-photo {
    width: auto;
    height: 30px;
    max-width: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-info-toggle .li-items .elm-photo img {
    width: auto;
    max-width: inherit;
    height: 30px;
}
.item-tile-product-tooltip {
    display: block;
    position: relative;
    text-align: left;
    font-size: 11px;
    line-height: normal;
    color: var(--clr-base-light);
}
.item-tile-product-tooltip .tile-photo-wrap {
    display: block;
    margin: 8px 0;
}
.item-tile-product-tooltip .tile-title {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--clr-base);
    margin: 0;
    text-align: center;
}
.item-tile-product-tooltip .tile-stock {
    margin: auto;
}
.item-tile-product-tooltip .tile-photo {
    width: 90px;
    margin: 0 auto;
    aspect-ratio: 1;
}
.item-tile-result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 1em;
    line-height: inherit;
    font-weight: 400;
    color: var(--clr-base);
    transition: all ease 0.2s;
}
.item-tile-result:hover {
    color: var(--clr-att);
    background: var(--clr-bg-light);
}
.item-tile-result .tile-photo-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
}
.item-tile-result .tile-info-wrap {
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.item-tile-result .tile-total-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 15px;
    font-weight: 600;
}
.item-tile-result .tile-photo {
    aspect-ratio: 1;
    background: #fff;
    border-radius: 5px;
}
.item-tile-result .tile-info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 15px;
    font-weight: 600;
}
.item-tile-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: var(--clr-base);
    max-width: 100%;
}
.item-tile-card:hover {
    color: var(--clr-att);
}
.item-tile-card .tile-photo-wrap {
    width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-card .tile-info-wrap {
    padding-left: 10px;
    max-width: calc(100% - 90px);
}
.item-tile-card .tile-title {
    display: block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
}
.item-tile-card .tile-photo {
    aspect-ratio: 1;
}
.item-tile-card .tile-photo.photo-contain img,
.item-tile-card .tile-photo.photo-contain svg {
    max-width: 75%;
    max-height: 75%;
}
.item-tile-article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-height: 100%;
    border-radius: var(--mainRadius);
    transition: all ease 0.2s;
    background: #fff;
    color: var(--clr-base);
    overflow: hidden;
}
.item-tile-article:hover {
    background-color: var(--clr-bg-light);
    color: var(--clr-base);
}
.item-tile-article .tile-info-wrap {
    display: block;
    padding: 10px 10px 10px 10px;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
}
.item-tile-article .tile-photo {
    aspect-ratio: 297/200;
    aspect-ratio: inherit;
    height: 200px;
    border-radius: 0 0 var(--mainRadius) var(--mainRadius);
}
.item-tile-article .tile-title {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    line-height: normal;
    margin: 15px 0;
}
.item-tile-article .tile-title:first-child {
    margin-top: 0;
}
.item-tile-article .tile-title:last-child {
    margin-bottom: 0;
}
.item-tile-catalog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    position: relative;
}
.item-tile-catalog.tile-inner .tile-slider-inner-wrap,
.item-tile-catalog.tile-inner .tile-photo {
    height: 320px;
}
.item-tile-catalog .tile-actions-wrap {
    display: block;
    width: 40px;
    position: absolute;
    top: 11px;
    right: 5px;
}
.item-tile-catalog .tile-actions-wrap .btn-action-ico,
.item-tile-catalog .tile-actions-wrap .tile-ico {
    width: 32px;
    height: 32px;
    z-index: 12;
    margin-bottom: 5px;
}
.item-tile-catalog .tile-stickers-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 50px 0 10px;
    pointer-events: none;
    z-index: 12;
}
.item-tile-catalog .tile-photo-wrap {
    display: block;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-catalog .tile-info-row-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    line-height: 20px;
    color: var(--clr-base-light);
    margin-bottom: 15px;
}
.item-tile-catalog .tile-title-wrap {
    margin-bottom: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-catalog .tile-title-wrap:last-child {
    margin-bottom: 0;
}
.item-tile-catalog .tile-content-wrap {
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px 14px 10px;
    display: block;
}
.item-tile-catalog .tile-bottom-wrap {
    display: block;
    width: 100%;
    padding: 0 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-catalog .tile-price-wrap, .item-tile-product-tooltip .tile-price-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.item-tile-catalog .tile-price-info-wrap {
    display: block;
    font-size: 13px;
    line-height: normal;
    margin: 5px 0 0 0;
    color: var(--clr-base-light);
}
.price-label.active {
    color: var(--clr-att-second)
}
.item-tile-catalog .tile-action-wrap {
    display: block;
    margin-top: 24px;
    line-height: 1;
}
.item-tile-catalog .tile-action-wrap .btn {
    width: 100%;
    z-index: 8;
    height: 44px;
}
.item-tile-catalog .tile-action-wrap .btn.active {
    display: none;
}
.item-tile-catalog .tile-action-wrap .btn.active ~ .frm-field-counter {
    display: block;
}
.item-tile-catalog .tile-sticker {
    z-index: 5;
}
.item-tile-catalog .tile-price, .item-tile-product-tooltip .tile-price {
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    color: var(--clr-base);
    padding: 0 10px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-catalog .tile-price span, .item-tile-product-tooltip .tile-price span {
    font-size: 25px;
}
.item-tile-catalog .tile-price-info, .item-tile-product-tooltip .tile-price-info {
    display: block;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-size: 15px;
    font-weight: 500;
}
.item-tile-catalog .tile-title {
    font-size: 15px;
    line-height: 1.57;
    font-weight: 600;
    margin: 0;
    color: var(--clr-base);
}
.item-tile-catalog .tile-title a:not(:hover) {
    color: inherit;
    text-wrap: wrap
}
.item-tile-catalog .tile-photo {
    aspect-ratio: 264/200;
    aspect-ratio: inherit;
    height: 250px;
    border-radius: var(--mainRadius);
    background: #fff;
}
.item-tile-catalog .tile-photo.photo-contain img,
.item-tile-catalog .tile-photo.photo-contain svg {
    /*    max-width: 75%;
        max-height: 75%;*/
}
.item-tile-catalog .tile-art {
    padding-right: 10px;
    display: block;
}
.item-tile-catalog .tile-slider-wrap {
    padding-bottom: 40px;
}
.item-tile-catalog .frm-field-counter {
    display: none;
    z-index: 8;
}
.item-tile-category-small {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--mainRadius);
    background: var(--clr-bg-light);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--clr-base);
    transition: all ease 0.2s;
    /*aspect-ratio: 155/90;*/
    height: 150px;
}
.item-tile-category-small .tile-photo.photo-cover img {
    bottom: 10px;
    right: 10px;
    top: auto;
    left: auto;
}


.item-tile-category-small .tile-photo.photo-cover img {
    width: auto;
    height: auto;
}
.item-tile-category-small.bg-yellow {
    background-color: #FBF8EC;
}
.item-tile-category-small:before {
    content: "";
    display: block;
    width: 76px;
    aspect-ratio: 1;
    background: rgba(236, 216, 251, 0.5);
    position: absolute;
    top: 100%;
    left: 100%;
    border-radius: 50%;
    margin-top: -50px;
    margin-left: -50px;
    display: none;
}
.item-tile-category-small:hover {
    color: var(--clr-base);
    box-shadow: 0px 10px 16.3px rgba(0, 0, 0, 0.15);
}
.item-tile-category-small .tile-title {
    display: block;
    position: relative;
    z-index: 3;
    padding: 10px;
}
.item-tile-category-small .tile-photo {
    /*aspect-ratio: inherit;*/
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
    width: 100%;
    z-index: 2;
}
.item-tile-category-small .tile-photo img {
    display: block;
    width: 100%;
}
.item-tile-category {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-radius: var(--tilesRadius);
    padding: 25px 20px 10px 20px;
    height: 100%;
    background: #F5F7FA;
}
.item-tile-category.tile-color-01 {
    background-color: #F7F3FF;
}
.item-tile-category.tile-color-01:before {
    background: rgba(236, 216, 251, 0.63);
}
.item-tile-category.tile-color-02 {
    background-color: #FBF8EC;
}
.item-tile-category.tile-color-02:before {
    background: rgba(243, 236, 214, 0.63);
}
.item-tile-category.tile-color-03 {
    background-color: #F5F7FA;
}
.item-tile-category.tile-color-03:before {
    background: rgba(217, 226, 240, 0.63);
}
.item-tile-category.tile-color-04 {
    background-color: #ECF8ED;
}
.item-tile-category.tile-color-04:before {
    background: rgba(218, 235, 214, 0.63);
}
.item-tile-category.tile-color-05 {
    background-color: #FAF1E9;
}
.item-tile-category.tile-color-05:before {
    background: rgba(245, 222, 207, 0.63);
}
.item-tile-category.tile-color-06 {
    background-color: #EEF4FF;
}
.item-tile-category.tile-color-06:before {
    background: rgba(200, 214, 239, 0.63);
}
.item-tile-category.tile-color-07 {
    background-color:#FBE7E4;
}
.item-tile-category.tile-color-07:before {
    background: rgba(255, 214, 208, 1)
}
.item-tile-category.tile-color-08 {
    background-color:#F5F7FA;
}
.item-tile-category.tile-color-08:before {
    background-color:rgba(233, 233, 233, 0.63)
}
.item-tile-category.tile-color-09 {
    background-color:#FFF2C8
}
.item-tile-category.tile-color-09:before {
    background-color: rgba(250, 232, 174, 1)
}
.item-tile-category.tile-color-10 {
    background-color: #FFECCD
}
.item-tile-category.tile-color-10:before {
    background-color: rgba(249, 224, 184, 1)
}
.item-tile-category.tile-color-11 {
    background-color: #DDF5F8
}
.item-tile-category.tile-color-11:before {
    background-color: rgba(202, 239, 244, 1)
}
.item-tile-category.tile-color-12 {
    background-color: #F0F4DF
}
.item-tile-category.tile-color-12:before {
    background-color: rgba(226, 232, 202, 1)
}
.item-tile-category.tile-color-13 {
    background-color: #DDE8F8
}
.item-tile-category.tile-color-13:before {
    background-color: rgba(204, 220, 244, 1)
}
.item-tile-category.tile-color-14 {
    background-color: #FFE6F5
}
.item-tile-category.tile-color-14:before {
    background-color: rgba(255, 216, 239, 1)
}
.item-tile-category.tile-color-15 {
    background-color: #F6FEC9
}
.item-tile-category.tile-color-15:before {
    background-color: rgba(234, 244, 176, 1)
}
.item-tile-category:before {
    content: "";
    display: block;
    width: 157px;
    height: 157px;
    position: absolute;
    top: -28px;
    right: -39px;
    border-radius: 50%;
    background: rgba(236, 216, 251, 0.63);
}
.item-tile-category .tile-title-wrap {
    position: relative;
    margin-bottom: 25px;
    min-height: 50px;
    padding-right: 150px;
    z-index: 2;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-category .tile-menu-wrap {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    z-index: 2;
}
.item-tile-category .tile-photo {
    position: absolute;
    /*top: -10px;*/
    right: 0;
    left: 0;
    height: 130px;
    z-index: 1;
}
.item-tile-category .tile-photo img {
    width: auto;
    height: 100%;
    margin: 0 0 0 auto;
}
.item-tile-category .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 0 0;
}
.item-tile-category .menu li {
    padding: 0 10px 15px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.item-tile-category .btn {
    height: 32px;
    padding: 0 9px;
    font-size: 13px;
    border-radius: 16px;
    font-weight: 600;
}
.item-tile-info-ico {
    border-radius: var(--tilesRadius);
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 40px 5px 10px 10px;
    min-height: 100%;
    font-size: 13px;
    line-height: 1.2;
    color: var(--clr-base);
    -ms-flex-align: center;
    align-items: center;
}
.item-tile-info-ico:has(.tile-number) {
    width: calc(100% - 24px);
}
.item-tile-info-ico:has(.tile-number) .tile-title {
    padding-right: 30px;
}
.item-tile-info-ico:has(.tile-number) .tile-number {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: -24px;
    margin-top: -24px;
}
.item-tile-info-ico:has(.tile-number) .tile-number:before {
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
}
.item-tile-info-ico.tile-bg {
    background-color: var(--clr-bg-light);
}
.item-tile-info-ico .tile-ico {
    display: block;
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 5px;
    left: 10px;
}
:is([class^="item-tile"]):hover .elm-photo img,
:is([class^="item-tile"]):hover .tile-photo img {
    transform: scale(1.03);
}
.elm-cnt {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: middle;
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: var(--clr-base);
}
.elm-cnt .elm-ico {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.elm-cnt .cnt-title {
    display: block;
    padding-left: 8px;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 24px);
}
.elm-cnt .title-border {
    border-bottom: 1px solid;
}
.elm-cnt a:not(:hover) {
    color: inherit;
}
.elm-cnt.type-large {
    font-size: 18px;
}
a.elm-cnt {
    font-weight: 600;
}
a.elm-cnt:hover {
    color: var(--clr-att);
}
.elm-photo,
.tile-photo {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.elm-photo.photo-zoom:after,
.tile-photo.photo-zoom:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--clr-att) url(/images/web/icons/zoom.svg)c enter no-repeat;
    background-size: 24px auto;
    filter: var(--filterWhite);
    background-size: 32px auto;
    transition: all ease 0.2s;
    z-index: 3;
}
.elm-photo.photo-zoom:before,
.tile-photo.photo-zoom:before {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 0;
    z-index: 2;
}
.elm-photo.photo-zoom:hover:before {
    background: rgba(0, 0, 0, 0.1);

}
.elm-photo.photo-zoom:hover:after,
.tile-photo.photo-zoom:hover:after {
    opacity: 1;
}
.elm-photo.photo-play:before,
.tile-photo.photo-play:before {
    content: "";
    display: block !important;
    width: 45.7%;
    padding: 0;
    aspect-ratio: 1;
    background: url(/images/web/icons/play.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80px;
}
.elm-photo.photo-play:after,
.tile-photo.photo-play:after {
    display: none !important;
}
.elm-photo:before,
.tile-photo:before {
    content: "";
    display: none;
    padding-top: 100%;
}
.elm-photo img,
.tile-photo img {
    display: block;
    position: relative;
    width: 100%;
    transition: all ease-out 1s;
}
.elm-photo.photo-cover:before,
.tile-photo.photo-cover:before {
    display: block;
}
.elm-photo.photo-cover img,
.tile-photo.photo-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tiles-catalog-box .tile-photo.photo-cover img  {
    max-width: 240px;
}
.elm-photo.photo-contain:before,
.tile-photo.photo-contain:before {
    display: block;
}
.elm-photo.photo-contain img,
.tile-photo.photo-contain img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
@supports (aspect-ratio: 1) {
    .elm-photo:not(.photo-cover, .photo-contain),
        .tile-photo:not(.photo-cover, .photo-contain) {
        aspect-ratio: inherit !important;
    }
    .photo-cover,
    .photo-contain {
        aspect-ratio: 1;
    }
    .photo-cover:before,
        .photo-contain:before {
        display: none !important;
    }
}
.elm-price,
.tile-price {
    white-space: nowrap;
}
.elm-price.price-old,
.tile-price.price-old {
    text-decoration: line-through;
    color: var(--clr-base-light);
}
.elm-price.price-info,
.tile-price.price-info {
    color: var(--clr-base-light);
}
[data-unit]:after {
    content: attr(data-unit);
    font-family: 'Arial', 'Roboto', 'Open Sans', sans-serif;
}
.elm-ico,
.button-ico,
.menu-ico,
.frm-ico,
.tab-ico,
.tile-ico,
.lbl-ico {
    display: block;
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.elm-ico img,
.button-ico img,
.menu-ico img,
.frm-ico img,
.tab-ico img,
.tile-ico img,
.lbl-ico img,
.elm-ico [class*="icon-"],
.button-ico [class*="icon-"],
.menu-ico [class*="icon-"],
.frm-ico [class*="icon-"],
.tab-ico [class*="icon-"],
.tile-ico [class*="icon-"],
.lbl-ico [class*="icon-"],
.elm-ico .i,
.button-ico .i,
.menu-ico .i,
.frm-ico .i,
.tab-ico .i,
.tile-ico .i,
.lbl-ico .i,
.elm-ico svg,
.button-ico svg,
.menu-ico svg,
.frm-ico svg,
.tab-ico svg,
.tile-ico svg,
.lbl-ico svg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.ico-attention {
    background: var(--clr-att);
    border: 6px solid #BED6F4;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
}
.ico-attention img,
.ico-attention svg {
    width: 30px;
    filter: brightness(0) invert(1);
}
.ico-attention.ico-email img,
.ico-attention.ico-email svg {
    width: 40px;
}
.elm-overlay {
    display: none;
    animation: fadein ease 0.2s;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 120;
}
.elm-overlay.active {
    display: block;
}
.elm-stock,
.tile-stock,
.elm-succefull,
.elm-error,
.elm-wait {
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: var(--clr-succefull);
    padding: 0 0 0 20px;
}

.elm-stock.stock-out,
.tile-stock.stock-out,
.elm-succefull.stock-out,
.elm-error.stock-out,
.elm-wait.stock-out {
    color: var(--clr-alert);
}
.elm-stock.stock-out:before,
.tile-stock.stock-out:before,
.elm-succefull.stock-out:before,
.elm-error.stock-out:before,
.elm-wait.stock-out:before {
    background-image: url(/images/web/icons/stock-out.svg);
}
.elm-stock:before,
.tile-stock:before,
.elm-succefull:before,
.elm-error:before,
.elm-wait:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/stock.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    left: -5px;
    margin-top: -12px;
}
.elm-wait {
    color: var(--clr-base-light);
}
.elm-wait:before {
    background-image: url(/images/web/icons/wait.svg);
    filter: var(--filterAttToBLight);
}
.elm-error {
    color: var(--clr-alert);
}
.elm-error:before {
    background-image: url(/images/web/icons/stock-out.svg);
}
.elm-date,
.tile-date {
    display: block;
    font-size: 13px;
    color: var(--clr-base-light);
    padding: 2px 0px 0 20px;
    position: relative;
}
.elm-date:before,
.tile-date:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/date.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    left: -6px;
    margin-top: -12px;
    filter: var(--filterAttToLight);
}
.elm-sticker,
.tile-sticker {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #000;
    height: 24px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 8px;
    font-size: 11px;
    color: #fff;
    border-radius: 5px;
}
.elm-sticker .elm-ico,
.tile-sticker .elm-ico,
.elm-sticker .tile-ico,
.tile-sticker .tile-ico {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    filter: var(--filterWhite);
}
.elm-sticker .elm-ico:first-child,
.tile-sticker .elm-ico:first-child,
.elm-sticker .tile-ico:first-child,
.tile-sticker .tile-ico:first-child {
    margin-left: -8px;
}
.elm-sticker .st-title,
.tile-sticker .st-title {
    display: block;
}
.elm-sticker.bg-alert,
.tile-sticker.bg-alert {
    background-color: var(--clr-alert);
}
.elm-sticker.bg-succefull,
.tile-sticker.bg-succefull {
    background-color: var(--clr-succefull);
}
.elm-sticker.bg-att,
.tile-sticker.bg-att {
    background-color: var(--clr-att);
}
.elm-panel-button {
    border-radius: var(--mainRadius);
    border: 1px solid var(--clr-border);
    background-color: var(--clr-bg-light);
    padding: 9px 18px;
    padding: 1rem 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.elm-panel-button .info-title {
    padding: 9px 0 9px 0;
    padding: 1rem 0 1rem 0;
    font-size: 15px;
    font-weight: 600;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    color: var(--clr-base);
    margin: 0;
    text-align: center;
    color: var(--clr-base);
}
.elm-panel-button:hover {
    border-color: var(--clr-att);
}
.elm-panel-button:hover  .info-title {

}
.elm-panel-button .info-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}
.elm-panel-button .info-action .btn {
    width: 100%;
}

.elm-number,
.tile-number {
    display: block;
    position: relative;
    overflow: hidden;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: rgba(89, 167, 255, 0.33);
    text-align: center;
    line-height: 70px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: normal;
    color: #fff;
    z-index: 2;
}
.elm-number.type-check:after,
.tile-number.type-check:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/web/icons/scheck.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 2;
}
.elm-number:hover,
.tile-number:hover {
    color: #fff;
}
.elm-number:before,
.tile-number:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    background: var(--clr-att);
    width: 50px;
    height: 50px;
    z-index: -1;
}
.tile-status,
.elm-status {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 10px 32px;
    border-radius: 0 0 var(--tilesRadius) 0;
    background: #000;
}
.tile-status.st-bronze,
.elm-status.st-bronze {
    background: linear-gradient(90deg, #845719 -3.46%, #CB945D 51.84%, #8A5C1E 112.72%);
}
.tile-status.st-silver,
.elm-status.st-silver {
    background: linear-gradient(90deg, #939393 -3.46%, #D5D3D3 51.84%, #8D8D8D 112.72%);
}
.tile-status.st-gold,
.elm-status.st-gold {
    background: linear-gradient(90deg, #C39132 -3.46%, #EBC25C 48.47%, #C2963D 105.66%);
}
.tile-status.st-platina,
.elm-status.st-platina {
    background: linear-gradient(90deg, #7F7A89 -3.46%, #C7C3E5 51.84%, #7F7A89 107.13%);
}
.tile-status .tile-ico,
.elm-status .tile-ico,
.tile-status .elm-ico,
.elm-status .elm-ico {
    width: 28px;
    height: 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.tile-status .st-title,
.elm-status .st-title {
    padding-left: 15px;
    display: block;
}
.tile-status:hover,
.elm-status:hover {
    color: #fff;
}
.elm-row,
.tile-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    line-height: 1.57;
    margin-bottom: 15px;
    -ms-flex-align: center;
    align-items: center;
}
.elm-row:last-child,
.tile-row:last-child {
    margin-bottom: 0;
}
.elm-row .row-title,
.tile-row .row-title {
    padding: 0 10px 0 0;
    -ms-flex: 1;
    flex: 1;
}
.elm-row .row-value,
.tile-row .row-value {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 70%;
    text-align: right;
    font-weight: 600;
}
.elm-row.row-total,
.tile-row.row-total {
    border-top: 1px solid var(--clr-border);
    padding-top: 24px;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
}
.elm-row.row-total .row-value,
.tile-row.row-total .row-value {
    font-size: 25px;
}
@media (max-width: 1349px) {
    .item-tile-info-ico {
        white-space: normal;
    }
    .item-tile-info-ico br {
        display: none;
    }
}
@media (max-width: 1023px) {
    .item-tile-catalog .tile-slider-catalog-pagination .tile-bullet {
        display: none;
    }
    .tile-sl-wrap  {
        width: 100%;
    }
    .item-tile-catalog .tile-slider-wrap {
        padding-bottom: 0;
    }
    .item-tile-catalog .tile-photo-wrap {
        z-index: 10;
        position: relative;
    }
    .item-tile-catalog .tile-slider-catalog-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 16px !important;
        top: auto !important;
        margin: 0;
        z-index: 8;
    }
}
@media (max-width: 767px) {
    .item-tile-order.tile-order {
        display: block;
        padding-top: 0;
        min-height: 60px;
    }
    .item-tile-order.tile-order .tile-info {
        position: static;
        margin: 0;
        padding: 0;
        white-space: normal;
        overflow: visible;
        height: auto;
        line-height: normal;
        margin: 3px 0 0 0;
    }
    .item-tile-order.tile-order .tile-info-wrap {
        margin-bottom: 0;
    }
    .item-tile-order.tile-order .tile-price-wrap {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: right;
        max-width: 100%;
    }
    .item-tile-order.tile-order .tile-photo-wrap {
        top: 0;
    }
}
@media (max-width: 639px) {
    .item-tile-cart-popup .tile-info-wrap {
        display: block;
    }
    .item-tile-cart-popup .tile-counter-wrap {
        margin-bottom: 10px;
    }
    .item-tile-cart-popup .tile-counter-wrap + .tile-price-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .item-tile-cart-popup .frm-field-counter.type-small-all:has(.field-total) .field-total {
        display: none;
        max-width: 70px;
    }
}
@media (max-width: 479px) {

    .item-tile-result .tile-photo-wrap {
        width: 40px;
    }
    .item-tile-result .tile-info-wrap {
        display: block;
    }
    .item-tile-result .tile-info {
        padding-left: 0;
        margin-top: 5px;
    }
}
@media (min-width: 640px) {
    .item-tile-bonus-info {
        display: block;
        text-align: center;
    }
    .item-tile-bonus-info .tile-ico {
        margin: 0 auto 15px auto;
    }
    .item-tile-bonus-info .tile-title {
        margin: 0 auto;
        max-width: 14.66666667em;
    }
}
@media (min-width: 768px) {
    .item-tile-button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }
    .item-tile-button:before {
        top: 50%;
    }
    .item-tile-button .tile-title-wrap {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }
    .item-tile-button .tile-title {
        margin: 0;
        max-width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .item-tile-button .tile-info-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto;
        margin: 0;
        min-width: 220px;
    }
    .item-tile-order-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0;
        gap: 2.3rem;
    }
    .item-tile-order-line .tile-photo-wrap {
        width: 70px;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .item-tile-order-line .tile-info-wrap {
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .item-tile-order-line .tile-total-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        text-align: right;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .item-tile-order-line .tile-price {
        max-width: inherit;
        margin: 0;
    }
    .item-tile-order.tile-order {
        min-height: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }
    .item-tile-order.tile-order .tile-photo-wrap {
        position: static;
        width: 70px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
    }
    .item-tile-order.tile-order .tile-info-wrap {
        -ms-flex: 1;
        flex: 1;
        width: auto;
        padding: 0 22px;
        margin: 0;
    }
    .item-tile-order.tile-order .tile-price-wrap {
        margin: 0;
        padding: 0;
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 200px;
        text-align: right;
    }
    .item-tile-order.tile-order .tile-info {
        position: static;
        margin: 0;
        padding: 0;
        white-space: normal;
        overflow: visible;
        height: auto;
        line-height: normal;
        margin: 3px 0 0 0;
    }
    .item-tile-info-panel {
        padding: 3rem 4rem;
    }
    .item-tile-info-panel.tile-added-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        min-height: 107px;
        padding: 24px;
    }
    .item-tile-info-panel.tile-added-info .tile-ico {
        -ms-flex-order: 1;
        order: 1;
        width: 54px;
        height: 54px;
        border-radius: 0;
        background: none;
        margin: 0;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        overflow: visible;
    }
    .item-tile-info-panel.tile-added-info .tile-ico img,
    .item-tile-info-panel.tile-added-info .tile-ico svg {
        max-width: 100%;
        max-height: 100%;
        z-index: 2;
    }
    .item-tile-info-panel.tile-added-info .tile-ico:before {
        content: "";
        display: block;
        width: 13.6rem;
        aspect-ratio: 1;
        border-radius: 50%;
        background: var(--clr-bg-light);
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6.8rem 0 0 -6.8rem;
    }
    .item-tile-info-panel.tile-added-info .tile-info {
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
        padding: 0;
        font-size: 18px;
    }
    .item-tile-info-panel.tile-added-info .tile-info ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3rem;
    }
    .item-tile-info-panel.tile-added-info .tile-info ul li {
        margin: 0;
        width: auto;
    }
    .item-tile-info-panel.tile-added-info .tile-title {
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        padding: 0 24px 0 8rem;
        font-size: 2.5rem;
        text-align: left;
    }
    .item-tile-info-panel .tile-actions-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .item-tile-info-panel .tile-actions-wrap .tile-submit {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        padding: 0 3rem 0 0;
        max-width: 38.4rem;
    }
    .item-tile-info-panel .tile-actions-wrap .tile-submit .btn {
        padding: 0 3rem;
    }
    .item-tile-info-panel .tile-actions-wrap .tile-actions {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto;
    }
    .item-tile-info-panel .tile-title {
        margin-bottom: 20px;
    }
    .item-tile-info-toggle {
        font-size: 15px;
    }
    .item-tile-info-toggle.tile-small .tile-button {
        padding-top: 17px;
        padding-bottom: 17px;
        padding-left: 29px;
        font-size: 18px;
        line-height: 1.6;
    }
    .item-tile-info-toggle.tile-small .tile-content-block {
        padding: 29px;
    }
    .item-tile-info-toggle.tile-small li {
        margin: 0;
    }
    .item-tile-info-toggle .tile-button {
        font-size: 2.2rem;
        padding: 2.4rem 8rem 2.4rem 4rem;
    }
    .item-tile-info-toggle .tile-button:before {
        width: 4rem;
        height: 4rem;
        margin: -2rem -2rem 0 0;
        right: 5.4rem;
        background-size: 8rem auto;
    }
    .item-tile-info-toggle .tile-button b {
        display: inline;
        color: var(--clr-att);
        margin-left: 2rem;
    }
    .item-tile-info-toggle .tile-content-block {
        padding: 0 4rem 3rem 4rem;
    }
    .item-tile-info-toggle li {
        margin-bottom: 10px;
        line-height: 1.57;
    }
    .item-tile-info-toggle li:before {
        top: 0.78em;
    }
    .item-tile-info-toggle ul {
        margin-bottom: 20px;
    }
    .item-tile-info-toggle p:has(.btn) {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .item-tile-info-toggle p:has(.btn):first-child {
        margin-top: 0;
    }
    .item-tile-info-toggle p:has(+ul) {
        margin-bottom: 20px;
    }
    .item-tile-info-toggle br {
        display: none;
    }
    .item-tile-info-toggle br + .btn {
        margin-left: 15px;
    }
}
@media (max-width: 479px) {
    .item-tile-result .tile-photo-wrap {
        width: 40px;
    }
    .item-tile-result .tile-info-wrap {
        display: block;
    }
    .item-tile-result .tile-info {
        padding-left: 0;
        margin-top: 5px;
    }
}
@media (min-width: 1024px) {
    .item-tile-lk-panel {
        padding: 3rem;
        border-radius: 2rem;
        font-size: 15px;
    }
    .item-tile-lk-panel .tile-title {
        font-size: 16px;
    }
    .item-tile-lk-panel .tile-title-main .tile-title {
        font-size: 2.5rem;
    }
    .item-tile-lk-panel .tile-price {
        font-size: 15px;
        line-height: inherit;
    }
    .item-tile-lk-panel .tile-price.price-main {
        font-size: 2.5rem;
    }
    .item-tile-lk-panel .tile-title-wrap {
        margin-bottom: 2rem;
    }
    .item-tile-lk-panel .tile-action-wrap {
        margin-top: 2rem;
    }
    .item-tile-lk-panel .tile-action .btn.button-link {
        font-size: 14px;
    }
    .item-tile-lk-panel table.tile-table-main {
        margin-top: 10px;
    }
    .item-tile-form {
        padding: 4rem 3rem;
        border-radius: 2rem;
    }
    .item-tile-form .tile-title {
        font-size: 2.5rem;
    }
    .item-tile-form .field-title {
        font-size: 1.8rem;
        width: 7.5em;
    }
    .item-tile-form .elm-succefull,
    .item-tile-form .elm-error {
        font-size: 2rem;
    }
    .item-tile-message .tile-date {
        font-size: 15px;
    }
    .item-tile-button {
        padding: 2rem 80px 2rem 2.4rem;
    }
    .item-tile-button .tile-title {
        font-size: 1.8rem;
    }
    .item-tile-button .tile-date {
        font-size: 15px;
    }
    .item-tile-button [class^="frm-message"] {
        font-size: 15px;
    }
    .item-tile-button .tile-info-wrap {
        min-width: 32rem;
    }
    .item-tile-button:before {
        width: 4.2rem;
        height: 4.2rem;
        right: 2.4rem;
        margin-top: -2.1rem;
    }
    .item-tile-bonus-info .tile-ico {
        width: 112px;
        height: 112px;
    }
    .item-tile-order-line .tile-title,
    .item-tile-order-line .tile-info {
        margin: 0;
        font-size: 15px;
    }
    .item-tile-order-line .tile-price {
        font-size: 2.5rem;
    }
    .item-tile-order-line .tile-count {
        font-size: 15px;
    }
    .item-tile-info-number {
        padding-left: 25px;
    }
    .item-tile-info-number .tile-number {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 0;
        line-height: 50px;
        font-size: 15px;
    }
    .item-tile-info-number .tile-number:before {
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
    }
    .item-tile-info-number .tile-title {
        font-size: 16px;
        min-height: 64px;
        padding: 15px 30px 15px 40px;
    }
    .item-tile-order .tile-counter-wrap {
        width: 220px;
    }
    .item-tile-order .tile-price-wrap {
        width: calc(100% - 220px);
    }
    .item-tile-order .tile-info {
        font-size: 15px;
    }
    .item-tile-order .tile-title {
        font-size: 15px;
    }
    .item-tile-order .tile-button {
        margin-left: 8px;
    }
    .item-tile-order .tile-button:first-child {
        margin-left: 0;
    }
    .item-tile-order .tile-price {
        font-size: 2.5rem;
    }
    .item-tile-order .tile-price-info {
        font-size: 15px;
    }
    .item-tile-order .btn-action-ico.ico-del:before,
    .item-tile-order .btn-action-ico.ico-del:after {
        background-size: 27px auto;
    }
    .item-tile-order .btn-action-ico.ico-fav:before,
    .item-tile-order .btn-action-ico.ico-fav:after {
        background-size: 32px auto;
    }
    .item-tile-status {
        font-size: 18px;
    }
    .item-tile-status .tile-info-wrap {
        padding: 3rem 5rem 4rem 4rem;
    }
    .item-tile-status p,
    .item-tile-status ul,
    .item-tile-status .tile-title {
        margin: 0 0 15px 0;
    }
    .item-tile-status li {
        margin-bottom: 12px;
    }
    .tile-status,
    .elm-status {
        font-size: 2.5rem;
        padding: 17px 4rem;
    }
    .tile-status .tile-ico,
    .elm-status .tile-ico,
    .tile-status .elm-ico,
    .elm-status .elm-ico {
        width: 4rem;
        height: 4rem;
    }
    .item-tile-info-panel.tile-message {
        padding: 20px 4rem;
    }
    .item-tile-info-panel.tile-message:before {
        width: 136px;
        top: -57px;
        left: -50px;
    }
    .item-tile-info-panel.tile-message .tile-title {
        font-size: 18px;
        padding-left: 3.5rem;
    }
    .item-tile-info-panel.tile-message .tile-ico {
        width: 6.6rem;
        height: 6.6rem;
    }
    .item-tile-info-panel.tile-message .tile-ico img,
    .item-tile-info-panel.tile-message .tile-ico svg {
        width: 100%;
    }
    .item-tile-info-panel .tile-title-small {
        font-size: 18px;
    }
    .item-tile-info-panel .tile-title + .tile-title-small {
        font-size: 18px;
    }
    .item-tile-info-panel.tile-text-large {
        font-size: 18px;
    }
    .item-tile-info-panel.tile-text-large .tile-title {
        font-size: 25px;
    }
    .item-tile-category-main {
        font-size: 18px;
    }
    .item-tile-step {
        line-height: 1.61;
    }
    .item-tile-step .tile-title {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }
    .item-tile-step .tile-photo-wrap {
        margin-bottom: 40px;
    }
    .item-tile-info-toggle li:has(.li-items) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .item-tile-info-toggle li:has(.li-items) .li-title {
        max-width: 852px;
    }
    .item-tile-info-toggle .li-items {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .item-tile-info-toggle .li-title {
        -ms-flex: 1;
        flex: 1;
        padding: 0 20px 0 0;
    }
    .item-tile-info-toggle .li-title:last-child {
        padding-right: 0;
    }
    .item-tile-catalog .tile-slider-catalog-pagination {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 16px;
        z-index: 8;
    }
    .item-tile-catalog .tile-slider-inner-wrap {
        margin-bottom: 30px;
        height: 250px;
        position: relative;
        z-index: 10;
        overflow: visible;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(01):hover) .tile-sl-wrap:nth-child(01) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(01):hover) .tile-bullet:nth-child(01):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(02):hover) .tile-sl-wrap:nth-child(02) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(02):hover) .tile-bullet:nth-child(02):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(02):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(02):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(03):hover) .tile-sl-wrap:nth-child(03) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(03):hover) .tile-bullet:nth-child(03):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(03):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(03):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(04):hover) .tile-sl-wrap:nth-child(04) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(04):hover) .tile-bullet:nth-child(04):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(04):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(04):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(05):hover) .tile-sl-wrap:nth-child(05) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(05):hover) .tile-bullet:nth-child(05):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(05):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(05):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(06):hover) .tile-sl-wrap:nth-child(06) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(06):hover) .tile-bullet:nth-child(06):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(06):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(06):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(07):hover) .tile-sl-wrap:nth-child(07) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(07):hover) .tile-bullet:nth-child(07):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(07):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(07):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(08):hover) .tile-sl-wrap:nth-child(08) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(08):hover) .tile-bullet:nth-child(08):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(08):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(08):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(09):hover) .tile-sl-wrap:nth-child(09) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(09):hover) .tile-bullet:nth-child(09):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(09):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(09):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(10):hover) .tile-sl-wrap:nth-child(10) .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(10):hover) .tile-bullet:nth-child(10):before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(10):hover) .tile-bullet:nth-child(01):before {
        background: var(--clr-border);
    }
    .item-tile-catalog .tile-slider-inner-wrap:has(.tile-slider-catalog-pagination .tile-bullet:nth-child(10):hover) .tile-sl-wrap:first-child .tile-photo {
        opacity: 0;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-inner-wrap .tile-slider,
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-inner-wrap .tile-slider-wrap,
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-inner-wrap .tile-sl-wrap {
        overflow: visible;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-catalog-pagination {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        z-index: 10;
        overflow: visible;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-catalog-pagination .tile-bullet {
        display: block;
        position: relative;
        -ms-flex: 1;
        flex: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-catalog-pagination .tile-bullet:first-child:before {
        background: #B9B9B9;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-catalog-pagination .tile-bullet:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 2px;
        right: 2px;
        height: 2px;
        border-radius: 1px;
        background: var(--clr-border);
        margin-top: 14px;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider,
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider-wrap {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
        transform: none;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-slider {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-sl-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100% !important;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-sl-wrap:first-child .tile-photo {
        opacity: 1;
    }
    .item-tile-catalog .tile-slider-inner-wrap .tile-sl-wrap .tile-photo {
        opacity: 0;
        transition: all ease 0.2s;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /*width: 100%;*/
        max-width: inherit;
    }
    .item-tile-article .tile-info-wrap {
        padding-bottom: 20px;
    }
    .item-tile-category-small {
        /*aspect-ratio: 1;*/
    }
    .item-tile-category-small .tile-title {
        padding: 15px;
    }
    .item-tile-category-small .tile-photo {
        width: 100%;
        height: 100%;
    }
    .item-tile-category-small:before {
        width: 134px;
        margin-top: -86px;
        margin-left: -109px;
    }
    .item-tile-category {
        padding: 3rem 30% 23px 3rem;
        min-height: 262px;
    }
    .item-wrap-end .item-tile-category {
        padding: 3rem 20% 23px 3rem;
        min-height: 262px;
    }
    .item-tile-category:before {
        width: 260px;
        height: 260px;
        top: 50%;
        right: -94px;
        margin-top: -75px;
    }
    .item-tile-category .tile-title-wrap {
        margin-bottom: 20px;
        min-height: 72px;
        padding-right: 0;
    }
    .item-tile-category .tile-photo {
        height: 200px;
        top: 50%;
        margin-top: -95px;
    }

    .item-tile-category.tile-color-04 .tile-photo {
        height: 233px;
    }
    .item-tile-category.tile-color-05 .tile-photo {
        top: 55%;
        height: 236px;
    }
    .item-tile-category.tile-color-06 .tile-photo {
        top: 55%;
        height: 221px;
    }
    .item-tile-category.tile-color-08 .tile-photo {
        top: 60%;
        height: 209px;
    }
    .item-tile-category.tile-color-09 .tile-photo {
        top: 55%;
    }
    .item-tile-category .menu {
        margin: 0 -10px 0 0;
    }
    .item-tile-category .menu li {
        padding: 0 10px 7px 0;
    }
    .item-tile-category .btn {
        padding: 0 14px;
        height: 32px;
        font-size: 13px;
    }
    .item-tile-info-ico {
        font-size: 15px;
        font-weight: 600;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px;
    }
    .item-tile-info-ico:has(.tile-number) {
        width: calc(100% - 25px);
    }
    .item-tile-info-ico:has(.tile-number) .tile-title {
        font-size: 18px;
        padding-right: 10px;
    }
    .item-tile-info-ico:has(.tile-number) .tile-number {
        width: 50px;
        height: 50px;
        font-size: 15px;
        right: -25px;
    }
    .item-tile-info-ico.tile-main {
        font-size: 2rem;
        font-weight: 600;
        line-height: normal;
        padding: 3rem;
        white-space: normal;
    }
    .item-tile-info-ico.tile-main .tile-title {
        padding-left: 2.5rem;
        max-width: 64.5rem;
    }
    .item-tile-info-ico.tile-main .tile-ico {
        width: 7rem;
        height: 7rem;
    }
    .item-tile-info-ico.tile-main .tile-ico img,
    .item-tile-info-ico.tile-main .tile-ico svg {
        width: 100%;
    }
    .item-tile-info-ico .tile-ico {
        width: 42px;
        height: 42px;
        position: relative;
        margin: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .item-tile-info-ico .tile-title {
        -ms-flex: 1;
        flex: 1;
        padding-left: 10px;
        margin: 0;
    }
    .elm-ico {
        width: 64px;
        height: 64px;
        border-width: 7px;
    }
    .elm-ico img,
    .elm-ico svg {
        width: 36px;
    }
    .elm-ico.ico-email img,
    .elm-ico.ico-email svg {
        width: 48px;
    }
}
@media (min-width: 1024px) and (max-width: 1349px) {
    .item-tile-category .tile-photo {
        height: 200px;
        margin-top: -100px;
    }
}
@media (min-width: 1350px) {
    .item-tile-order {
        min-height: 70px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0;
    }
    .item-tile-order:has(.tile-stock) {
        display: -ms-flexbox;
        display: flex;
    }
    .item-tile-order:has(.tile-stock) .tile-counter-wrap {
        width: 22rem;
    }
    .item-tile-order:has(.tile-stock) .tile-price-wrap {
        display: block;
    }
    .item-tile-order .tile-select-wrap {
        width: 38px;
        position: static;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        padding: 0;
    }
    .item-tile-order .tile-photo-wrap {
        position: static;
        -ms-flex-order: 2;
        order: 2;
        width: 70px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    .item-tile-order .tile-info-wrap {
        -ms-flex: 1;
        flex: 1;
        padding: 0 3rem;
        margin: 0;
        -ms-flex-order: 3;
        order: 3;
    }
    .item-tile-order .tile-counter-wrap {
        -ms-flex-order: 4;
        order: 4;
        width: 220px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
    }
    .item-tile-order .tile-price-wrap {
        padding: 0 0 0 5.5rem;
        text-align: left;
        -ms-flex-order: 5;
        order: 5;
        width: 21rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    .item-tile-order .tile-action-wrap {
        -ms-flex-order: 6;
        order: 6;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: static;
        margin: 0;
        padding: 0;
    }
    .item-tile-order .tile-title {
        margin: 0 0 3px 0;
    }
    .item-tile-order .tile-title:last-child {
        margin-bottom: 0;
    }
    .item-tile-order .tile-info {
        position: static;
        margin: 0;
        padding: 0;
        overflow: visible;
        white-space: normal;
    }
    .item-tile-order .frm-select {
        margin: 0 0 0 -6px;
    }
    .item-tile-info-ico {
        white-space: nowrap;
    }
}
@media (min-width: 1300px) {
    .item-tile-lk-panel .tile-action {
        display: block;
    }
    .item-tile-lk-panel .action-title {
        display: none;
    }
}
/* ----------------------------------- *\
                        content styles
\* ----------------------------------- */
.tiles-calculate-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
}
.tiles-calculate-box .items-wrap {
    margin: 0 -10px;
    gap: 20px 0;
}
.tiles-calculate-box .item-wrap {
    padding: 0 10px;
    width: 100%;
    margin: 0;
}
.tiles-slider-examples-box {
    margin-bottom: var(--sectionMargin);
}
.tiles-slider-examples-box .slider-wrap {
    overflow: visible;
    margin: 0 -5px;
}
.tiles-slider-examples-box .sl-wrap {
    padding: 0 5px;
}
.tiles-slider-examples-box .items-wrap {
    margin: 0 -5px -10px -5px;
}
.tiles-slider-examples-box .item-wrap {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 50%;
}
.tiles-slider-examples-box .slider-pagination {
    position: static !important;
    padding-top: 20px;
}
.tiles-list-box {
    margin-bottom: var(--sectionMargin);
}
.tiles-list-box .title-inner-wrap {
    margin-bottom: 30px;
}
.tiles-list-box .section-title {
    font-size: 20px;
    line-height: 1.36;
}
.tiles-list-box .items-wrap {
    margin: 0 -10px -15px 0;
    -ms-flex-align: center;
    align-items: center;
}
.tiles-list-box .item-wrap {
    width: auto;
    padding: 0 10px 0 0;
    margin-bottom: 15px;
    max-width: 100%;
}
.tiles-list-box.size-custom-wrap .items-wrap {
    justify-content: space-evenly;
    align-content: flex-end;
    align-items: flex-end;
    text-align: center;
    flex-wrap: nowrap
}
.tiles-list-box.size-custom-wrap .items-wrap img {
    max-width: 100%;
    width: 100%;
}
.info-panel-box {
    margin-bottom: 30px;
}
.info-panel-box.section-border .box-inner-wrap {
    border-radius: var(--tilesRadius);
    border: 1px solid var(--clr-border);
    padding: 30px 14px;
}
.info-panel-box .section-title {
    margin-bottom: 15px;
}
.info-panel-box li {
    margin-bottom: 20px;
}
.info-panel-box li:last-child {
    margin-bottom: 0;
}
.info-panel-box b {
    font-weight: 600;
}
.info-panel-box .links-inner-wrap {
    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: 0;
    margin-right: -45px;
    margin-right: -5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.info-panel-box .link-wrap {
    padding: 0 45px 0 0;
    padding: 0 5rem 0 0;
    margin-bottom: 10px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}
.info-panel-box .link-wrap .btn {
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    white-space: normal;
}
.info-panel-box .link-wrap .btn:not(:hover) .button-ico {
    filter: var(--filterAttToLight);
}
.info-order-box {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: normal;
    display: block;
    position: relative;
    text-align: center;
}
.info-order-box .box-inner-wrap {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid var(--clr-border);
}
.info-order-box .info-inner-wrap {
    text-align: left;
}
.info-order-box .elm-ico {
    width: 85px;
    height: 85px;
    margin: 0 auto 15px auto;
    background: url(/images/web/icons/star.svg) center no-repeat;
    background-size: 100% auto;
}
.info-order-box .elm-ico img,
.info-order-box .elm-ico svg {
    max-width: 44%;
    max-height: 44%;
    width: 100%;
}
.info-order-box .section-title {
    margin: 0 0 15px 0;
    font-size: 25px;
}
.info-order-box .link-phone {
    display: inline;
}
.info-order-box .frm-select {
    margin-bottom: 15px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}
.info-order-box .frm-select label:before {
    border-color: var(--clr-att);
}
.info-order-box p {
    margin: 0;
}
.form-order-box {
    /*margin-bottom: var(--sectionMarginSmall);*/
}
.form-order-box .section-inner-wrap {
    margin-bottom: 20px;
    display: block;
    position: relative;
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    padding: 35px 15px 5px 15px;
}
.form-order-box .section-inner-wrap:last-child {
    margin-bottom: 0;
}
.form-order-box .section-title-wrap {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.3;
}
.form-order-box .section-title {
    margin-bottom: 10px;
}
.form-order-box .section-title:last-child {
    margin-bottom: 0;
}
.form-order-box .frm-row,
.form-order-box .frm-row-submit {
    margin: 0 -15px;
}
.form-order-box .frm-row-submit .btn {
    width: 100%;
}
.form-order-box .frm-row-submit .field-soc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-order-box .frm-row-submit .field-soc .btn-action-ico {
    width: 50px;
    height: 50px;
    margin: 0 15px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.form-order-box .row-buttons .frm-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.form-order-box .row-buttons .frm-select-button {
    width: calc(50% - 5px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 167px;
}
.form-order-box .row-select {
    font-size: 13px;
    line-height: normal;
}
.form-order-box .row-select .frm-select {
    font-size: 15px;
    font-weight: 600;
}
.form-order-box .row-select .form-wrap {
    margin-top: 12px;
}
.form-order-box .row-select .form-wrap:last-child {
    margin-bottom: -20px;
}
.form-order-box .row-select .info-wrap {
    display: block;
    margin: 10px 0 0 0;
}
.form-order-box .row-select .desc-wrap {
    margin: 12px 0 0 0;
    font-size: 13px;
    line-height: 1.4;
}
.form-order-box .row-select .action-wrap {
    margin: 12px 0 0 0;
    font-size: 15px;
    font-weight: 600;
}
.form-order-box .row-select .action-wrap .btn {
    line-height: 1.2;
}
.form-order-box .row-select .action-wrap .btn .button-title-border {
    border-bottom-width: 2px;
}
.form-order-box .row-select .action-wrap .btn .button-ico {
    margin-right: 4px;
}
.form-order-box .row-select .action-wrap .btn:not(:hover) .button-ico {
    filter: var(--filterAttToLight);
}
.form-order-box .row-select b {
    font-weight: 600;
}
.form-order-box .row-selects .frm-field {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-order-box .row-selects .frm-select {
    margin-bottom: 15px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40.5px;
    margin-right: 4.5rem;
    font-size: 15px;
    font-weight: 600;
}
.form-order-box .row-tabs.frm-row {
    margin-bottom: 30px;
}
.form-order-box .row-tabs .frm-field {
    width: 100%;
    margin-bottom: 10px;
}
.form-order-box .row-tabs .frm-field:last-child {
    margin-bottom: 0;
}
.form-order-box .frm-field {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative;
}
.form-order-box .frm-message {
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 24px;
    margin: 0;
}
.form-order-box .frm-message-info {
    margin-top: 20px;
    padding-bottom: 15px;
}
.form-order-box .frm-message-info:first-child {
    margin-top: 0;
}
.form-order-box .form-input {
    font-size: 15px;
}
.form-order-box .field-upload-cloud {
    display: none;
}
.form-order-box .field-upload-cloud .field-title {
    font-size: 18px;
    line-height: 24px;
    color: var(--clr-base-light);
    margin-bottom: 15px;
    font-weight: 600;
}
.form-order-box .field-upload {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}
.form-order-box .field-upload .info-wrap, .form-order-box .form-wrap .info-wrap, #uploadForm .info-wrap {
    line-height: 1.57;
    margin-bottom: 20px;
    color: var(--clr-base-light);
}
.form-order-box .form-wrap .info-wrap {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0px;
}
.form-order-box .form-wrap .info-wrap b {
    font-weight: bold;
}
.form-order-box .field-upload .files-wrap {
    margin-bottom: 18px;
}
.form-order-box .field-upload .file-wrap {
    margin-bottom: 5px;
}
.form-order-box .field-upload .file-wrap:last-child {
    margin-bottom: 0;
}
.form-order-box .field-upload .action-wrap {
    margin-bottom: 22px;
    font-size: 15px;
}
.form-order-box .field-upload .action-wrap {
    margin-bottom: 22px;
    font-size: 15px;
}
.form-order-box .field-upload .action-wrap .btn .button-title-border {
    border-bottom-width: 2px;
}
.form-order-box .field-upload .action-wrap .btn:not(:hover) .button-ico {
    filter: var(--filterAttToBase);
}
.form-order-box .frm-select input[type="radio"] ~ label:after {
    background-color: var(--clr-att);
}
.form-order-box .frm-select label:before {
    border-color: var(--clr-att);
}
.tiles-order-box {
    margin-bottom: var(--sectionMargin);
}
.tiles-order-box.section-border {
    margin-bottom: 30px;
    border-radius: var(--tilesRadius);
    border: 1px solid var(--clr-border);
    padding: 30px 14px;
}
.tiles-order-box.section-border .items-wrap {
    border-top: none;
}
.tiles-order-box.section-border .item-wrap {
    border-bottom: none;
    border-top: 1px solid var(--clr-border);
}
.tiles-order-box.section-border .item-wrap:first-child {
    border-top: none;
}
.tiles-order-box .items-wrap {
    margin: 0;
    border-top: 1px solid var(--clr-border);
}
.tiles-order-box .item-wrap {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    border-bottom: 1px solid var(--clr-border);
}
.tiles-order-box .section-title {
    margin-bottom: 20px;
}
.actions-order-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 15px;
}
.actions-order-box .btn {
    font-weight: 600;
}
.actions-order-box .btn .button-title-border {
    border-bottom-width: 2px;
}
.actions-order-box .btn .button-ico {
    width: 20px;
    height: 20px;
}
.actions-order-box .btn:not(:hover) .button-ico {
    filter: var(--filterAttToBase);
}
.actions-order-box .frm-select {
    font-weight: 600;
    font-size: 15px;
}

.tiles-box {
    margin-bottom: var(--sectionMargin);
}
.tiles-box .info-inner-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
.tiles-box .info-inner-wrap:last-child {
    margin-bottom: 0;
}
.tiles-box .info-inner-wrap:first-child {
    margin-top: 0;
}
.tiles-box.items-examples .item-wrap {
    width: 50%;
}
.tiles-box.items-categories .item-wrap {
    width: 100%;
}
.tiles-box.items-categories .item-wrap a:hover {
    color: black;
    opacity: 0.7
}
.tiles-box.items-about .item-wrap {
    width: 50%;
}
.tiles-box.items-steps .items-wrap {
    margin: 0 -20px -40px -20px;
    -ms-flex-pack: center;
    justify-content: center;
}
.tiles-box.items-steps .items-wrap + .items-wrap {
    margin-top: 40px;
}
.tiles-box.items-steps .item-wrap {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 40px;
    max-width: 368px;
}
.tiles-box.items-info .items-wrap {
    margin: 0;
}
.tiles-box.items-info .item-wrap {
    width: 100%;
    margin-bottom: 15px;
}
.tiles-box.items-info .item-wrap:last-child {
    margin-bottom: 0;
}
.tiles-box .desc-inner-wrap {
    margin-top: 15px;
}
.tiles-box .desc-inner-wrap:first-child {
    margin-top: 0;
}
.tiles-box .item-wrap.wrap-full {
    width: 100%;
    min-width: 100%;
}
.action-info-box {
    margin-bottom: var(--sectionMargin);
    line-height: 1.5;
    font-weight: 600;
    display: block;
    position: relative;
}
.action-info-box .elm-photo.photo-action {
    width: 100%;
    aspect-ratio: inherit;
    border-radius: var(--tilesRadius);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
}
.action-info-box .elm-photo.photo-action img {
    display: block;
    width: 100%;
    max-width: 100%;
}
.action-info-box .items-inner-wrap {
    margin-top: 20px;
}
.action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-wrap {
    width: 100%;
}
.action-info-box .items-inner-wrap:first-child {
    margin-top: 0;
}
.action-info-box .items-wrap {
    margin: 0 -5px -10px -5px;
}
.action-info-box .item-wrap {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 50%;
}
.action-info-box .item-tile-info-ico {
    white-space: normal;
}
.action-info-box.color-att {
    color: var(--clr-base);
}
.action-info-box.color-att .box-inner-wrap {
    background-color: #DDEDF8;
}
.action-info-box.color-att .box-inner-wrap:before {
    background: #C4E3F8;
    opacity: 1;
}
.action-info-box.color-att .photo-inner-wrap:before,
.action-info-box.color-att .photo-inner-wrap:after {
    opacity: 1;
    background: #C7E3F7;
}
.action-info-box.color-att .section-title {
    color: var(--clr-att);
}
.action-info-box.color-violet {
    color: var(--clr-base);
}
.action-info-box.color-violet .box-inner-wrap {
    background-color: #F3E6FE;
}
.action-info-box.color-violet .box-inner-wrap:before {
    background: #E6D3FC;
    opacity: 1;
}
.action-info-box.color-violet .photo-inner-wrap:before {
    background-color: #E6D6FA;
}
.action-info-box.color-violet .photo-inner-wrap:after {
    opacity: 1;
    background: #EFDFFD;
}
.action-info-box.color-violet .section-title {
    color: #8E5FD5;
}
.action-info-box .box-inner-wrap {
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.action-info-box .box-inner-wrap.box-picture,
.action-info-box .box-inner-wrap:has(.photo-action) {
    border-radius: 0;
    background: none;
    display: block;
    line-height: 1;
    padding: 0;
    height: auto;
    min-height: 0;
}
.action-info-box .box-inner-wrap.box-picture:before,
.action-info-box .box-inner-wrap:has(.photo-action):before,
.action-info-box .box-inner-wrap.box-picture:after,
.action-info-box .box-inner-wrap:has(.photo-action):after {
    display: none;
}
.action-info-box .box-inner-wrap:before {
    content: "";
    display: block;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    top: -22px;
    right: -26px;
    background: var(--clr-border);
    width: 102px;
}
.action-info-box .info-inner-wrap {
    display: block;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 40px 15px 30px 20px;
    position: relative;
    z-index: 3;
}
.action-info-box .photo-inner-wrap {
    width: 100%;
    display: block;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px 40px 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 2;
    position: relative;
}
.action-info-box .photo-inner-wrap:before,
.action-info-box .photo-inner-wrap:after {
    content: "";
    display: block;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    bottom: -107px;
    right: -78px;
    background: var(--clr-border);
    width: 244px;
    z-index: -1;
}
.action-info-box .photo-inner-wrap:after {
    width: 180px;
    right: auto;
    bottom: 131px;
    left: -79px;
    opacity: 0.7;
}
.action-info-box .elm-photo {
    margin: 0 auto;
    max-width: 400px;
}
.action-info-box .section-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.35;
    margin: 0 0 15px 0;
}
.info-contacts-box {
    margin-bottom: var(--sectionMargin);
}
.info-contacts-box .info-inner-wrap {
    margin-bottom: 25px;
}
.info-contacts-box .info-inner-wrap .photos-inner-wrap {
    margin-top: 25px;
}
.info-contacts-box .box-inner-wrap {
    border-radius: var(--tilesRadius);
    border: 1px solid var(--clr-border);
    padding: 30px 15px;
}
.info-contacts-box .map-inner-wrap {
    margin-bottom: 30px;
}
.info-contacts-box .map-inner-wrap:has(+.photos-inner-wrap) {
    margin-bottom: 10px;
}
.info-contacts-box .map-inner-wrap:last-child {
    margin-bottom: 0;
}
.info-contacts-box .map-inner-wrap .elm-photo {
    border-radius: var(--mainRadius);
    aspect-ratio: 290/395;
    aspect-ratio: inherit;
    height: 395px;
}
.info-contacts-box .links-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px 5px 0;
}
.info-contacts-box .links-inner-wrap:last-child {
    margin-bottom: -25px;
}
.info-contacts-box .photos-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px 20px -5px;
}
.info-contacts-box .photos-inner-wrap:last-child {
    margin-bottom: -10px;
}
.info-contacts-box .photo-wrap {
    width: 33.33%;
    padding: 0 5px;
    margin-bottom: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 177px;
}
.info-contacts-box .photo-wrap .elm-photo {
    aspect-ratio: 90/60;
    border-radius: var(--mainRadius);
}
.info-contacts-box .link-wrap {
    padding: 0 30px 0 0;
    margin-bottom: 25px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.info-contacts-box .link-wrap .btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    white-space: normal;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}
.info-contacts-box .link-wrap .btn .button-ico {
    width: 32px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 10px 0 0;
    filter: var(--filterAttToLight);
}
.info-contacts-box .link-wrap .btn .button-ico img,
.info-contacts-box .link-wrap .btn .button-ico svg {
    width: 32px;
}
.info-contacts-box .link-wrap .btn:hover {
    color: var(--clr-att);
}
.info-contacts-box .link-wrap .btn:hover .button-ico {
    filter: none;
}
.info-contacts-box .section-title {
    margin: 20px 0 10px 0;
}
.info-contacts-box .section-title:first-child {
    margin-top: 0;
    margin-bottom: 20px;
}
.info-contacts-box .button-soc,
.info-contacts-box .button-soc-att {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0;
}
.info-contacts-box .elm-cnt {
    margin-bottom: 10px;
}
.info-contacts-box .elm-cnt:has(+*) {
    margin-right: 10px;
}
.info-contacts-box .info-sep {
    padding-bottom: 10px;
}
.info-contacts-panel-box {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: var(--sectionMargin);
}
.info-contacts-panel-box .items-inner-wrap {
    margin-top: 20px;
}
.info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-wrap {
    width: 100%;
}
.info-contacts-panel-box .items-inner-wrap:first-child {
    margin-top: 0;
}
.info-contacts-panel-box .items-wrap {
    margin: 0 -5px -10px -5px;
}
.info-contacts-panel-box .item-wrap {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 50%;
}
.info-contacts-panel-box .item-tile-info-ico {
    white-space: normal;
}
.info-contacts-panel-box.type-second {
    font-size: 15px;
    line-height: 1.61;
    font-weight: 600;
}
.info-contacts-panel-box.type-second.bg-violet .box-inner-wrap {
    background: #F3E6FE;
}
.info-contacts-panel-box.type-second.bg-violet .box-inner-wrap:before {
    background-color: #EAD9FD;
}
.info-contacts-panel-box.type-second.bg-violet .photo-inner-wrap:before,
.info-contacts-panel-box.type-second.bg-violet .photo-inner-wrap:after {
    background-color: #ECD8FB;
}
.info-contacts-panel-box.type-second.bg-violet .photo-inner-wrap .elm-photo {
    z-index: 4;
}
.info-contacts-panel-box.type-second.bg-violet .section-title {
    color: #8E5FD5;
}
.info-contacts-panel-box.type-second .box-inner-wrap {
    background: #FBF8EC;
}
.info-contacts-panel-box.type-second .box-inner-wrap:before {
    width: 164px;
    background: #F6EFDA;
    left: auto;
    right: -70px;
    top: -60px;
}
.info-contacts-panel-box.type-second .photo-inner-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
}
.info-contacts-panel-box.type-second .photo-inner-wrap:after {
    display: none;
}
.info-contacts-panel-box.type-second .photo-inner-wrap:before {
    width: 161px;
    background: #F6F0DE;
    bottom: -40px;
    left: 10%;
    right: auto;
    margin: 0;
}
.info-contacts-panel-box.type-second .photo-inner-wrap .elm-photo {
    z-index: 2;
    width: 75%;
    margin: 0 0 0 auto;
}
.info-contacts-panel-box.type-second .photo-inner-wrap .elm-photo.photo-order {
    margin: 0 auto;
}
.info-contacts-panel-box.type-second .section-title {
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #BE8D54;
    font-size: 20px;
    font-weight: bold;
}
.info-contacts-panel-box .button-inner-wrap {
    display: block;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
}
.info-contacts-panel-box .button-inner-wrap .btn {
    width: 100%;
}
.info-contacts-panel-box .messages-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.info-contacts-panel-box .messages-inner-wrap .button-soc-att {
    width: 52px;
    height: 52px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0;
}
.info-contacts-panel-box .messages-inner-wrap .messages-title {
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}
.info-contacts-panel-box .box-inner-wrap {
    position: relative;
    overflow: hidden;
    border-radius: var(--tilesRadius);
    background: #F0DBA0;
}
.info-contacts-panel-box .box-inner-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: -100px;
    left: -62px;
    width: 275px;
    background: rgba(255, 255, 255, 0.2);
    aspect-ratio: 1;
    border-radius: 50%;
}
.info-contacts-panel-box .title-inner-wrap {
    position: relative;
    z-index: 3;
    display: block;
    padding: 30px 30px 0 30px;
}
.info-contacts-panel-box .photo-inner-wrap {
    position: relative;
    padding: 20px 0 15px 0;
    z-index: 2;
    margin: 0 60px 0 -90px;
}
.info-contacts-panel-box .photo-inner-wrap:before,
.info-contacts-panel-box .photo-inner-wrap:after {
    content: "";
    display: block;
    aspect-ratio: 1;
    position: absolute;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    z-index: 2;
}
.info-contacts-panel-box .photo-inner-wrap:before {
    width: 210px;
    bottom: -76px;
    right: -105px;
}
.info-contacts-panel-box .photo-inner-wrap:after {
    width: 128px;
    bottom: 120px;
    left: 30px;
}
.info-contacts-panel-box .info-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}
.info-contacts-panel-box .info-inner-wrap:last-child {
    margin-bottom: 0;
}
.info-contacts-panel-box .section-title {
    margin: 0 0 20px 0;
    position: relative;
    z-index: 2;
}
.info-contacts-panel-box .info-wrap {
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.info-contacts-panel-box .info-wrap a:not(:hover) {
    color: inherit;
}
.info-contacts-panel-box .info-title {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 5px 0;
    font-weight: 600;
}
.info-callback-box {
    margin-bottom: var(--sectionMargin);
}
.info-callback-box .box-inner-wrap {
    position: relative;
    border-radius: var(--tilesRadius);
    overflow: hidden;
    background: #F0EEEF;
    padding: 30px 30px 0 35px;
}
.info-callback-box .box-inner-wrap:after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 100/90;
}
.info-callback-box .info-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}
.info-callback-box .info-inner-wrap:last-child {
    margin-bottom: 0;
}
.info-callback-box .section-title {
    margin: 0 0 20px 0;
    font-size: 18px;
    position: relative;
    z-index: 2;
}
.info-callback-box .info-wrap {
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.info-callback-box .info-wrap a:not(:hover) {
    color: inherit;
}
.info-callback-box .info-title {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 5px 0;
    font-weight: 600;
}
.info-callback-box .elm-photo {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: inherit;
    width: 155%;
}
.info-table-box {
    margin-bottom: var(--sectionMargin);
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
}
.info-table-box table {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
}
.info-table-box table th,
.info-table-box table td {
    text-align: center;
    padding: 13px 10px;
    height: auto;
}
.info-table-box table thead th,
.info-table-box table thead td {
    font-size: 15px;
    line-height: 1.61;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 10px;
}
.info-columns-box {
    margin-bottom: var(--sectionMargin);
}
.info-columns-box .column-inner-wrap {
    margin-bottom: 30px;
}
.info-columns-box .column-inner-wrap:last-child {
    margin-bottom: 0;
}
.info-columns-box .actions-callback-box {
    margin-top: 30px;
    margin-bottom: 0;
}
.info-columns-box .actions-callback-box:first-child {
    margin-top: 0;
}
.info-columns-box .info-callback-box {
    margin-bottom: 0;
}
.info-columns-box .info-table-box {
    margin-bottom: 0;
}
.info-columns-box .form-main-box {
    min-height: 100%;
}
.info-columns-box .form-main-box:last-child {
    margin-bottom: 0;
}
#result-about  .form-main-box{
    margin-bottom: 0;
}
.content-full-wrap .info-contacts-panel-box:last-child {
    margin-bottom: 0;
}
.actions-callback-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: var(--sectionMargin);
}
.actions-callback-box .action-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 30px;
    padding: 0 15px;
}
.actions-callback-box .soc-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.actions-callback-box .button-soc,
.actions-callback-box .button-soc-att {
    width: 65px;
    height: 65px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.tooltip-content-box {
    display: none;
    width: 150px;
}
.panel-fixed {
    padding-bottom: 119px;
}
.panel-fixed .panel-card-box {
    display: block;
}
.panel-card-box {
    position: fixed;
    bottom: 59px;
    left: 0;
    right: 0;
    z-index: 98;
    background: #fff;
    border-top: 1px solid var(--clr-border);
    display: none;
    animation: fadein ease 0.2s;
}
.panel-card-box .inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 59px;
    padding-left: var(--paddingContainer);
    padding-right: var(--paddingContainer);
}
.panel-card-box .product-inner-wrap {
    display: none;
    -ms-flex-order: 1;
    order: 1;
}
.panel-card-box .price-info-wrap {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.panel-card-box .actions-info-wrap {
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
}
.panel-card-box .actions-info-wrap .btn-action-ico {
    width: 40px;
    height: 40px;
}
.panel-card-box .button-inner-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: 4;
    order: 4;
    padding-left: 10px;
}
.panel-card-box .button-inner-wrap .btn {
    padding: 0 24px;
    height: 40px;
    font-size: 15px;
}
.panel-card-box .elm-price {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    line-height: 1.15;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 10px 0 0;
}
.panel-card-box .price-all,
.panel-card-box .price-old {
    font-size: 13px;
    font-weight: 400;
    color: var(--clr-base-light);
}
.info-features-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
    font-size: 15px;
    line-height: 1.8;
}
.info-features-box .section-title {
    margin-bottom: 15px;
}
.info-features-box .section-inner-wrap {
    margin-bottom: 30px;
}
.info-features-box .section-inner-wrap:last-child {
    margin-bottom: 0;
}
.info-features-box p {
    margin-bottom: 15px;
}
.info-features-box ul {
    margin-bottom: 30px;
    line-height: 1.57;
}
.info-features-box i b {
    font-weight: 600;
}
.info-features-box li {
    margin-bottom: 7px;
}
.info-features-box li:last-child {
    margin-bottom: 0;
}
.info-features-box li:before {
    top: 0.78em;
}
.info-features-box a {
    color: var(--clr-base);
    border-bottom: 1px solid;
}
.info-features-box a:hover {
    color: var(--clr-att);
}
.info-features-box .share-box {
    margin: 40px 0 0 0;
}
.share-box {
    display: block;
    position: relative;
    /*margin-bottom: var(--sectionMarginSmall);*/
}
.share-box .share-title {
    margin-bottom: 15px;
}
.share-box .share-items {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 0 0;
}
.share-box .button-soc {
    width: 44px;
    height: 44px;
    margin: 0 10px 10px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    filter: none;
}
.share-box .button-soc.btn-action-ico img,
.share-box .button-soc.btn-action-ico svg {
    filter: none;
}
.share-box .button-soc.btn-action-ico:hover {
    opacity: 0.8;
}
.share-box .button-soc.btn-action-ico:hover img,
.share-box .button-soc.btn-action-ico:hover svg {
    filter: none;
}
.tabs-slider-box {
    margin-bottom: var(--sectionMarginSmall);
}
.tabs-slider-box .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px -15px -8px;
}
.tabs-slider-box .menu li {
    padding: 0 8px;
    width: 100%;
    margin-bottom: 15px;
}
.tabs-slider-box .btn.button-tab {
    width: 100%;
    padding: 8px 19px;
    min-height: 50px;
    height: auto;
    white-space: normal;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    border-radius: 30px;
}
.tabs-box {
    margin-bottom: var(--sectionMarginSmall);
}
.tabs-box .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
}
.tabs-box .menu li {
    margin-bottom: 14px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.info-variants-box {
    margin-bottom: var(--sectionMargin);
}
.info-variants-box .title-inner-wrap {
    margin-bottom: 20px;
}
.info-variants-box .box-inner-wrap {
    border-radius: var(--mainRadius);
    background: var(--clr-bg-light);
    padding: 25px 0 15px 15px;
}
.info-variants-box .section-inner-wrap {
    margin-bottom: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.info-variants-box .section-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.info-variants-box .not-stock-item {
    opacity: 0.8;
    background-color: #f5f5f5 !important;
}
.info-variants-box .section-subtitle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.57;
}
.info-variants-box .btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px 15px 0;
}

.info-card-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
}
.info-card-box .delivery-info-wrap {
    margin-bottom: 15px;
}
.info-card-box .delivery-info-wrap:last-child {
    margin-bottom: 0;
}
.info-card-box .title-inner-wrap {
    margin-bottom: 20px;
}
.info-card-box .title-inner-wrap .section-title {
    /*font-weight: bold;*/
}
.info-card-box .photos-inner-wrap {
    margin-bottom: 45px;
    position: relative;
}
.info-card-box .tiles-thumbs-slider-box {
    margin: 0;
    height: 100%;
}
.info-card-box .actions-info-wrap {
    position: absolute;
    width: 52px;
    padding: 6px  10px;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.info-card-box .actions-info-wrap .btn-action-ico {
    width: 32px;
    height: 32px;
    z-index: 3;
    margin-bottom: 15px;
}
.info-card-box .actions-info-wrap .elm-ico {
    width: 32px;
    height: 32px;
    z-index: 3;
    pointer-events: none;
    margin-bottom: 15px;
}
.info-card-box .actions-info-wrap a.elm-ico {
    pointer-events: auto;
}
.info-card-box .stickers-info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 10px 10px;
    z-index: 2;
    pointer-events: none;
}
.info-card-box .product-info-wrap,
.info-card-box .price-info-wrap {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px 10px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
}
.info-card-box .price-info-wrap {
    -ms-flex-align: end;
    align-items: flex-end;
}
.info-card-box .features-info-wrap {
    margin-bottom: 30px;
}
.features-info-wrap tbody.active td {
    font-weight: bold
}
.features-info-wrap a {
    font-weight: 500;
}
.info-card-box .delivery-item-wrap {
    margin-bottom: 15px;
}
.info-card-box .delivery-item-wrap:last-child {
    margin-bottom: 0;
}
.info-card-box .counter-info-wrap {
    margin-bottom: 30px;
}
.info-card-box .counter-info-wrap:has(.btn.active) .counter-wrap, .panel-card-box .counter-info-wrap:has(.btn.active) .counter-wrap {
    display: block;
}
.info-card-box .counter-info-wrap:has(.btn.active) .button-wrap, .panel-card-box .counter-info-wrap:has(.btn.active) .button-wrap {
    display: none;
}
.info-card-box .counter-wrap, .panel-card-box  .counter-wrap  {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: none;
    animation: fadein ease 0.2s;
}
.info-card-box .button-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    animation: fadein ease 0.2s;
}
.info-card-box .button-wrap .btn {
    width: 100%;
    padding: 0 10px;
}
.info-card-box table {
    margin: 0;
}
.info-card-box table th,
.info-card-box table td {
    vertical-align: middle;
    text-align: center;
}
.info-card-box .elm-price,
.info-card-box .price-old {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px 10px 0;
    font-size: 20px;
    font-weight: bold;
}
.info-card-box .elm-price span {
    font-size: 27px;
}
.info-card-box .price-all,
.info-card-box .price-old {
    font-size: 16px;
    font-weight: 600;
    color: var(--clr-base-light);
}
.info-card-box .price-all span {
    font-size: 20px;
}
.info-card-box .elm-stock {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px 10px 0;
    font-size: 1em;
    font-weight: 600;
}
.info-card-box .product-art {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px 10px 0;
    color: var(--clr-base-light);
}
.info-card-box .elm-sticker {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 10px 5px 0;
}
.info-card-box .btn-action-ico {
    width: 32px;
    height: 32px;
}
.tiles-thumbs-slider-box {
    margin-bottom: var(--sectionMargin);
}
.tiles-thumbs-slider-box .slider-photos-thumbs {
    display: none;
}
.tiles-thumbs-slider-box .slider-photos-main {
    line-height: 1;
    position: relative;
}
.tiles-thumbs-slider-box .slider-photos-main .slider-wrap {
    margin: 0;
    border-radius: var(--mainRadius);
    border: 1px solid var(--clr-border);
    height: 100%;
}
.tiles-thumbs-slider-box .slider-photos-main .sl-wrap {
    padding: 0;
}
.tiles-thumbs-slider-box .slider-photos-main .elm-photo {
    aspect-ratio: 1;
}
.tiles-thumbs-slider-box .slider-pagination {
    padding: 15px 0 0 0;
    position: relative;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}
.tiles-thumbs-slider-box .elm-photo.photo-contain img,
.tiles-thumbs-slider-box .elm-photo.photo-contain svg {
    /*    max-width: 75%;
        max-height: 75%;*/
}
.filter-action-box {
    margin-bottom: var(--sectionMargin);
    display: -ms-flexbox;
    display: flex;
}
.filter-action-box .action-wrap {
    -ms-flex: 1;
    flex: 1;
}
.filter-action-box .filter-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 10px;
}
.filter-action-box .filter-wrap .btn {
    width: 66px;
    padding: 0;
}
.filter-action-box .filter-wrap .btn .button-ico {
    margin: 0 auto;
}
.filter-action-box .btn {
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
    padding: 0 20px 0 20px;
    height: 40px;
}
.filter-action-box .btn .button-ico {
    margin-left: 2px;
}
.filter-action-box .btn.button-border.button-gray:hover {
    background-color: var(--clr-att);
    border-color: var(--clr-att);
}
.filter-action-box .btn.button-border.button-gray:not(:hover) {
    color: var(--clr-base-light);
    border-color: var(--clr-border);
}
.filter-action-box .btn.button-border.button-gray:not(:hover) .button-ico {
    filter: grayscale(100%);
}
.filter-box .filter-selected-wrap {
    display: none;
}
.show-more {
    margin: auto;
    text-align: center;
    margin-top: var(--sectionMarginSmall);
}
.filter-box .filter-reset-wrap .btn, body .show-more .btn  {
    font-size: 18px;
    line-height: 1.6;
    color: var(--clr-base);
    font-weight: 600;
}
.filter-box .filter-reset-wrap .btn .button-title, .show-more  .button-title {
    border-bottom: 1px dotted;
}
.filter-box .filter-reset-wrap .btn .button-ico {
    filter: var(--filterAttToBase);
    width: 18px;
    height: 18px;
}
.filter-box .filter-reset-wrap .btn:hover .button-ico {
    filter: none;
}
.action-inner-box {
    position: relative;
    margin-bottom: var(--sectionMarginSmall);
}
.action-inner-box .box-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-radius: var(--tilesRadius);
    background: #000;
    overflow: hidden;
    aspect-ratio: 320/564;
}
.action-inner-box .box-inner-wrap:hover {
    color: #fff;
}
.action-inner-box .info-inner-wrap {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    padding: 30px 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.action-inner-box .photo-inner-wrap {
    display: block;
}
.action-inner-box .photo-inner-wrap .elm-photo {
    aspect-ratio: 320/293;
}
.action-inner-box .photo-bg {
    aspect-ratio: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.action-inner-box .section-title {
    display: block;
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.action-inner-box .btn {
    margin-top: 30px;
    width: 100%;
}
.action-inner-box p {
    margin: 0;
}
.article-box {
    position: relative;
    line-height: 1.57;
    font-size: 15px;
    margin-bottom: var(--sectionMargin);
}
.article-box iframe {
    width: 100%;
    max-width: 650px;
}
.article-box.section-inner p,
.article-box.section-inner ul {
    margin-bottom: 25px;
}
.article-box.section-inner .h3-title,
.article-box.section-inner h3,
.article-box.section-inner .h2-title,
.article-box.section-inner h2,
.article-box.section-inner .h5-title,
.article-box.section-inner h5,
.article-box.section-inner .h4-title,
.article-box.section-inner h4 {
    margin: 25px 0;
}
.article-box.section-inner .h3-title:first-child,
.article-box.section-inner h3:first-child,
.article-box.section-inner .h2-title:first-child,
.article-box.section-inner h2:first-child,
.article-box.section-inner .h5-title:first-child,
.article-box.section-inner h5:first-child,
.article-box.section-inner .h4-title:first-child,
.article-box.section-inner h4:first-child {
    margin-top: 0;
}
.article-box.section-inner .h1-title,
.article-box.section-inner h1 {
    margin-bottom: 30px;
}
.article-box blockquote,
.article-box .bq-text {
    margin: 45px 0;
}
.article-box blockquote:first-child,
.article-box .bq-text:first-child {
    margin-top: 0;
}
.article-box blockquote:last-child,
.article-box .bq-text:last-child {
    margin-bottom: 0;
}
.article-box p img {
    margin: 0 auto;
    max-width: 744px;
    display: block;
    width: 100%;
}
.article-box p img.img-full {
    max-width: 100%;
    width: 100%;
}
.article-box p:has(img:only-child) {
    margin-top: 25px;
    margin-bottom: 25px;
}
.article-box p:has(img:only-child):first-child {
    margin-top: 0;
}
.article-box .h2-title,
.article-box h2 {
    margin: 25px 0 10px 0;
}
.article-box .h2-title:first-child,
.article-box h2:first-child {
    margin-top: 0;
}
.article-box .h2-title:last-child,
.article-box h2:last-child {
    margin-bottom: 0;
}
.article-box .h3-title,
.article-box h3 {
    margin: 10px 0 10px 0;
}
.article-box .h3-title:first-child,
.article-box h3:first-child {
    margin-top: 0;
}
.article-box .h3-title:last-child,
.article-box h3:last-child {
    margin-bottom: 0;
}
.article-box .h5-title,
.article-box h5 {
    margin: 25px 0;
}
.article-box p,
.article-box ul,
.article-box ol {
    margin-bottom: 15px;
}
.article-box li {
    margin-bottom: 7px;
}
.article-box li:last-child {
    margin-bottom: 0;
}
.article-box li .h4-title,
.article-box li .h3-title,
.article-box li h2,
.article-box li h3,
.article-box li h4,
.article-box li h5 {
    margin: 0 0 5px 0;
    font-size: 1em;
    line-height: inherit;
}
.article-box .li-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    margin-top: 10px;
    padding-bottom: 6px;
}
.article-box .li-items .elm-photo {
    width: auto;
    height: 38px;
    max-width: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.article-box .li-items .elm-photo img {
    width: auto;
    max-width: inherit;
    height: 38px;
}
.tags-box {
    margin-bottom: var(--sectionMarginSmall);
    position: relative;
}
.tags-box .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 0 0;
}
.tags-box .menu li {
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
}
.tags-box .btn {
    height: 35px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    padding: 0 9px;
}
.load-box {
    margin-top: 27px;
    margin-top: 3rem;
    font-size: 16.2px;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 600;
    color: var(--clr-base);
    text-align: center;
}
.pagenav-box {
    position: relative;
    margin: 30px 0 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #393939;
    text-align: center;
    font-weight: 400;
}
.pagenav-box .pages-wrap {
    margin-left: calc(var(--paddingContainer) * -1);
    margin-right: calc(var(--paddingContainer) * -1);
    border-top: 1px solid var(--clr-border);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagenav-box .btn-page {
    display: block;
    color: inherit;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 15px 10px 0 10px;
    min-width: 44px;
    height: 47px;
    position: relative;
    overflow: visible;
}
.pagenav-box .btn-page:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    background: var(--clr-att);
    opacity: 0;
    transition: all ease 0.2s;
    margin-bottom: 1px;
    margin-left: -19px;
    width: 38px;
    height: 2px;
}
.pagenav-box .btn-page:hover,
.pagenav-box .btn-page.active {
    color: var(--clr-att);
}
.pagenav-box .btn-page.active {
    font-weight: bold;
}
.pagenav-box .btn-page.active:before {
    opacity: 1;
}
.pagenav-box .btn-page-nav {
    display: none;
    width: 50.4px;
    width: 5.6rem;
    height: 50.4px;
    height: 5.6rem;
    border-radius: 50%;
    transition: all ease 0.2s;
    border: 1px solid var(--clr-border);
    background: transparent;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0;
    padding: 0;
}
.pagenav-box .btn-page-nav.button-disabled {
    pointer-events: none;
    opacity: 0.4;
}
.pagenav-box .btn-page-nav:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/images/web/icons/arrow-slider.svg) center no-repeat;
    background-size: 50% auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all ease 0.2s;
    filter: var(--filterAttToBLight);
}
.pagenav-box .btn-page-nav:hover {
    border-color: var(--clr-att);
    background: transparent;
}
.pagenav-box .btn-page-nav:hover:before {
    filter: none;
}
.pagenav-box .btn-page-nav.button-nav-prev:before {
    rotate: 180deg;
}
.side-total-box,
.side-qr-box {
    margin-bottom: 30px;
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    padding: 30px 15px;
    font-size: 15px;
    line-height: 1.57;
}
.side-total-box:last-child,
.side-qr-box:last-child {
    margin-bottom: var(--sectionMarginSmall);
}
.side-total-box .rows-inner-wrap,
.side-qr-box .rows-inner-wrap {
    margin-bottom: 20px;
}
.side-total-box .rows-inner-wrap:last-child,
.side-qr-box .rows-inner-wrap:last-child {
    margin-bottom: 0;
}
.side-total-box .frm-row-submit,
.side-qr-box .frm-row-submit {
    margin: 0;
}
.side-total-box .frm-field,
.side-qr-box .frm-field {
    width: 100%;
    margin-bottom: 15px;
}
.side-total-box .frm-field:last-child,
.side-qr-box .frm-field:last-child {
    margin-bottom: 0;
}
.side-total-box .field-info,
.side-qr-box .field-info {
    text-align: center;
}
.side-total-box .frm-message,
.item-wrap .frm-message,
.side-qr-box .frm-message {
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 400;
    display: block;
    text-align: center;
}
.text-red {
    font-size: 13px;
    font-weight: 400;
}

.side-total-box .frm-message.text-alert,
.side-qr-box .frm-message.text-alert {
    font-weight: 600;
}
.side-total-box .frm-message:last-child,
.side-qr-box .frm-message:last-child {
    margin-bottom: 0;
}
.side-total-box .frm-message a:not(:hover),
.side-qr-box .frm-message a:not(:hover) {
    color: inherit;
}
.side-total-box .btn,
.side-qr-box .btn {
    width: 100%;
}
.side-qr-box {
    padding-top: 35px;
    padding-bottom: 35px;
}
.side-qr-box .section-title {
    text-align: center;
    margin-bottom: 30px;
}
.side-qr-box .elm-photo {
    width: 176px;
    margin: 0 auto;
}
.side-menu-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
    font-size: 15px;
    line-height: 1.34;
    font-weight: 600;
    height: 100%;
}
.side-menu-box .action-inner-wrap {
    padding: 15px 0 0 0;
}
.side-menu-box .action-inner-wrap .btn {
    width: 100%;
}
.side-menu-box .menu-main .menu {
    display: none;
    padding: 10px 0;
    border-top: 1px solid var(--clr-border);
}
.side-menu-box .menu-main .menu .btn-menu {
    min-height: 35px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.side-menu-box .menu-main .menu li.open {
    /*    padding-top: 10px;
        padding-bottom: 10px;*/
    /*    background: var(--clr-bg-light);
        border-radius: var(--mainRadius);*/
    /*    margin-bottom: 10px;
        margin-top: 10px;*/
}
.side-menu-box .menu-main .menu li.open > .btn-menu {
    margin: 0;
}
.side-menu-box .menu-main .menu li.open > .btn-menu + .menu {
    border-top: none;
    padding: 0;
}
.side-menu-box .menu-main .menu .menu .btn-menu {
    padding-left: 30px;
    margin: 0;
}
.side-menu-box li.open > .btn-menu {
    color: var(--clr-att);
}
.side-menu-box li.open > .btn-menu:before {
    rotate: 180deg;
    filter: none;
}
.side-menu-box li.open > .btn-menu + .menu {
    display: block;
}
.side-menu-box .menu {
    animation: fadein ease 0.2s;
}
.side-menu-box li {
    transition: all ease 0.2s;
}
.side-menu-box .btn-menu {
    color: var(--clr-base);
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    padding: 5px 10px;
    transition: all ease 0.2s;
}
.side-menu-box .btn-menu:hover,
.side-menu-box .btn-menu.active {
    color: var(--clr-att);
}
.side-menu-box .btn-menu:hover:before,
.side-menu-box .btn-menu.active:before {
    filter: none;
}
.side-menu-box .btn-menu:has(+.menu) {
    padding-right: 40px;
}
.side-menu-box .btn-menu:has(+.menu):before {
    opacity: 1;
}
.side-menu-box .btn-menu.price-list {
    min-height: 0;
}
.side-menu-box .btn-menu:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
    background-size: 40px auto;
    top: 50%;
    right: 22px;
    margin: -12px -12px 0 0;
    opacity: 0;
    transition: all ease 0.2s;
    filter: var(--filterAttToBase);
}
.tiles-catalog-box {
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.tiles-catalog-box .item-wrap {
    width: 100%;
}
.tiles-categories-box {
    margin-bottom: var(--sectionMarginSmall);
}
.tiles-categories-box .items-wrap {
    margin: 0 -5px -10px -5px;
}
.tiles-categories-box .item-wrap {
    padding: 0 5px;
    width: 50%;
    margin-bottom: 10px;
}
.tiles-categories-box .slider-wrap {
    margin: 0 -5px;
    overflow: visible;
}
.tiles-categories-box .sl-wrap {
    padding: 0 5px;
    width: 330px;
}
.tiles-categories-box .swiper-horizontal > .swiper-pagination-bullets,
.tiles-categories-box .swiper-pagination-bullets.swiper-pagination-horizontal,
.tiles-categories-box .swiper-pagination-custom,
.tiles-categories-box .swiper-pagination-fraction {
    bottom: auto;
    margin-top: 20px;
}

.tiles-categories-box .items-wrap {
    margin: 0 -1rem -2rem -1rem;
}
.tiles-categories-box .item-wrap {
    padding: 0 1rem;
    margin-bottom: 2rem;
    width: 33.33%;
}
.tiles-categories-box .slider-pagination {
    display: none;
}
@supports (display: contents) {
    .tiles-categories-box .sl-wrap,
    .tiles-categories-box .items-wrap {
        display: contents;
    }
    .tiles-categories-box .item-wrap {
        width: 33.33%;
    }
    .tiles-categories-box .slider {
        display: -ms-flexbox;
        display: flex;
        margin: 0 -1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 479px) {
    .tiles-categories-box .item-wrap {
        width: 50%;
    }
    @supports (display: contents) {
        .tiles-categories-box .item-wrap {
            width: 50%;
        }
    }
}

.form-main-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
    /*min-height: 100%;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-main-box.type-calc .frm-message {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-left: 13.5px;
    padding-left: 1.5rem;
    /*display: block;*/
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-main-box .field-select-wrap {
    display: -ms-flexbox;
    display: flex;
    gap: 10px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-main-box .field-select-wrap .frm-select {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
}
.form-main-box .field-select-wrap .frm-select label:after {
    background-color: var(--clr-att);
}
.form-main-box .frm-total-wrap {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}
.form-main-box .frm-total-wrap .frm-total-title {
    display: inline;
    font-weight: 400;
    margin: 0;
    vertical-align: middle;
    margin-right: 4px;
}
.form-main-box .frm-total-wrap .frm-total-value {
    display: inline;
    font-size: 25px;
    line-height: 1.61;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}
.form-main-box .frm-section-info {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.form-main-box .frm-section-info:last-child {
    margin-bottom: 0;
}
.form-main-box .frm-section-info .frm-section-info-title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
    color: var(--clr-att);
}
.form-main-box .frm-section-info a:not(:hover) {
    color: inherit;
}
.form-main-box .frm-section-info b {
    font-weight: 600;
}
.form-main-box .frm-section-info p {
    margin-bottom: 15px;
}
.form-main-box .frm-section-info li {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 15px;
}
.form-main-box .frm-section-info li:last-child {
    margin-bottom: 0;
}
.form-main-box .frm-section-info li:before {
    top: 0.55em;
}
.form-main-box .field-info {
    margin: 0;
    font-size: 13px;
    line-height: 1.3;
}
.form-main-box .field-info-d {
    display: none;
}
.form-main-box .frm-title-wrap {
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 1.3;
    max-width: 66.66666667em;
}
.form-main-box .frm-title-wrap .frm-title {
    margin-bottom: 10px;
}
.form-main-box .frm-title-wrap b {
    font-weight: 600;
}
.form-main-box.active .frm-succefull-message {
    display: -ms-flexbox;
    display: flex;
}
.form-main-box.active .form-inner-wrap {
    opacity: 0;
    pointer-events: none;
}
.form-main-box .frm-succefull-message {
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 70px 20px 0 20px;
}
.form-main-box .frm-succefull-message.active ~ .form-inner-wrap,
.form-main-box .frm-succefull-message.active ~ .info-inner-wrap {
    opacity: 0;
    pointer-events: none;
}
.form-main-box:last-child {
    /*margin-bottom: 0;*/
}
.form-main-box .box-inner-wrap {
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    position: relative;
    padding: 30px 15px;
    min-height: 100%;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}
.form-main-box .frm-title {
    margin-bottom: 25px;
}
.form-main-box .frm-field {
    margin-bottom: 30px;
}
.form-main-box .frm-row-submit .frm-field {
    margin: 0;
}
.form-main-box .frm-row-submit .btn {
    width: 100%;
}
.form-main-box .field-upload-cloud {
    display: none;
}
.form-main-box .field-upload {
    position: relative;
    padding-top: 30px;
    font-size: 15px;
    line-height: 1.57;
}
.form-main-box .field-upload:last-child {
    width: 100%;
}
.form-main-box .field-upload:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--clr-border);
}
.form-main-box .field-upload .action-wrap {
    margin-bottom: 20px;
    font-weight: 600;
}
.form-main-box .field-upload .action-wrap .btn {
    text-align: left;
}
.form-main-box .field-upload .action-wrap .btn.button-link:not(:hover) .button-ico {
    filter: var(--filterAttToBase);
}
.form-main-box .field-upload .info-wrap {
    margin-bottom: 20px;
    color: var(--clr-base-light);
}
.form-main-box .field-upload .files-wrap {
    margin-bottom: 20px;
}
.form-main-box .field-upload .file-wrap {
    margin-bottom: 5px;
}
.form-main-box .field-upload .file-wrap:last-child {
    margin-bottom: 0;
}
.form-main-box .field-upload .desc-wrap {
    line-height: 1.3;
    font-weight: 600;
}
.form-box,
.action-box,
.info-box {
    display: block;
    position: relative;
    font-size: var(--fsizeLead);
    line-height: 1.57;
    margin-bottom: var(--sectionMargin);
}
.info-box strong {
    font-weight: 600;
}
.form-box .box-inner-wrap,
.action-box .box-inner-wrap,
.info-box .box-inner-wrap {
    display: block;
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.form-box .box-inner-wrap:last-child,
.action-box .box-inner-wrap:last-child,
.info-box .box-inner-wrap:last-child {
    margin-bottom: 0;
}
.form-box .section-title,
.action-box .section-title,
.info-box .section-title {
    margin-bottom: 20px;
    font-weight: bold;
}
.form-box p,
.action-box p,
.info-box p {
    margin: 0;
}
.form-box {
    color: #fff;
    font-weight: 600;
}
.form-box.active .frm-succefull-message {
    display: -ms-flexbox;
    display: flex;
}
.form-box.active .info-inner-wrap,
.form-box.active .form-inner-wrap {
    opacity: 0;
    pointer-events: none;
}
.form-box .box-inner-wrap {
    background: #393131;
    border-radius: var(--tilesRadius);
    position: relative;
    overflow: hidden;
    padding: 30px 20px;
}
.form-box .info-inner-wrap {
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    transition: all ease 0.2s;
}
.form-box .form-inner-wrap {
    position: relative;
    z-index: 2;
    transition: all ease 0.2s;
}
.form-box .frm-succefull-message {
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 70px 20px 0 20px;
}
.form-box .frm-succefull-message .elm-ico {
    filter: var(--filterWhite);
}
.form-box .frm-succefull-message.active ~ .form-inner-wrap,
.form-box .frm-succefull-message.active ~ .info-inner-wrap {
    opacity: 0;
    pointer-events: none;
}
.form-box .photo-inner-wrap {
    margin: 30px -25px -30px -25px;
    position: relative;
    transition: all ease 0.2s;
}
.form-box .photo-inner-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, #393131, rgba(0, 0, 0, 0));
    z-index: 2;
}
.form-box .frm-row {
    margin: 0 -10px;
}
.form-box .frm-field {
    padding: 0 10px;
    width: 100%;
    margin-bottom: 20px;
}
.form-box .frm-field:last-child {
    margin-bottom: 0;
}
.form-box .form-input {
    font-size: var(--fsizeLead);
    padding-left: 14px;
}
.form-box .btn {
    width: 100%;
}
.action-box {
    color: #fff;
    font-weight: 600;
}
.action-box .box-inner-wrap {
    border-radius: var(--tilesRadius);
    position: relative;
    overflow: hidden;
    background: #59A6D6;
    padding: 30px 20px;
}
.action-box .info-inner-wrap {
    position: relative;
    z-index: 2;
}
.action-box .photo-inner-wrap {
    background: url(/images/web/main_bg.png) 0 0 repeat-x ;
    margin: -10px -20px -30px -20px;
}
.action-box .btn {
    margin-top: 30px;
}
.action-box .logo {
    width: 208px;
    margin: 25px auto 0 auto;
    filter: var(--filterWhite) opacity(0.2);
}
.action-box .elm-photo {
    margin: 0 auto;
    max-width: 400px;
}
.info-box .info-inner-wrap,
.info-box .photo-inner-wrap {
    margin-bottom: 25px;
}
.info-box .elm-photo {
    border-radius: var(--tilesRadius);
    aspect-ratio: 320/158;
}
.tiles-slider-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
}
.tiles-slider-box .sl-wrap {
    padding: 0 10px;
}
.tiles-slider-box .slider-wrap {
    margin: 0 -10px;
}
.tiles-slider-box .button-slider-tiles-prev {
    top: 100px;
    z-index: 20;
}
.tiles-slider-box .button-slider-tiles-prev.btn-action-ico {
    top: 100px;
    margin-left: 15px;
}
.tiles-slider-box .button-slider-tiles-next {
    top: 100px;
    z-index: 20;
}
.tiles-slider-box .button-slider-tiles-next.btn-action-ico {
    top: 100px;
    margin-right: 15px;
}
.tiles-slider-box .swiper-button-disabled {
    display: none;
}
.tile-slider-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
}
.tile-slider-box .items-inner-wrap {
    margin-top: 20px;
}
.tile-slider-box .items-wrap {
    margin: 0 -5px -10px -5px;
}
.tile-slider-box .item-wrap {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 33.33%;
}
.tile-slider-box .item-wrap:first-child {
    width: 100%;
}
.tile-slider-box .item-wrap:nth-child(2),
.tile-slider-box .item-wrap:nth-child(3) {
    width: 50%;
}
.tile-slider-box .slider-inner-wrap {
    position: relative;
}
.tile-slider-box .slider-pagination {
    position: absolute;
    bottom: 0 !important;
    top: auto !important;
    left: 0;
    right: 0;
    padding: 0 0 20px 0;
}
.tile-slider-box .slider-wrap {
    position: relative;
    overflow: hidden;
    margin: 0 -5px;
}
.tile-slider-box .sl-wrap {
    padding: 0 5px;
    margin: 0;
    position: relative;
}
.tile-slider-box .sl-link {
    display: block;
    border-radius: var(--tilesRadius);
    position: relative;
    overflow: hidden;
    line-height: 1;
}
.tile-slider-box .button-slider-tile-prev {
    margin-left: -28px;
}
.tile-slider-box .button-slider-tile-next {
    margin-right: -28px;
}
.more-box {
    text-align: center;
    line-height: 1;
    margin-top: 30px;
}
.more-box:has(.button-link) {
    margin-top: 30px;
}
.more-box .btn.button-link {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.more-box .btn.button-link .button-title-border {
    border-bottom-width: 2px;
}
.more-box .btn.button-link:not(:hover) .button-ico {
    filter: var(--filterAttToBase);
}
.more-box .btn.button-border.button-gray:not(:hover) {
    color: var(--clr-base-light);
}
.more-box .btn.button-border.button-gray:not(:hover) .button-ico {
    filter: grayscale(100%);
}
.breadcrumbs-box {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--clr-base-light);
}
.breadcrumbs-box .menu {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -26px 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.breadcrumbs-box .menu li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 26px 0 0;
    max-width: 100%;
}
.breadcrumbs-box .menu li:after {
    content: "";
}
.breadcrumbs-box .menu li a:after {
    content: "";
    top: 0%;
    right: 0px;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) 50% no-repeat;
    background-size: 24px auto;
    transition: all .2s ease;
    rotate: 270deg;
    filter: var(--filterAttToBase);
    opacity: 0.5;

}
.breadcrumbs-box .menu li:last-child a:after {
    display: none;
}
.breadcrumbs-box a:not(:hover) {
    color: inherit;
}
.title-box.mb-small .title-wrap {
    margin-bottom: 30px;
}
.title-box .info-wrap {
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}
.title-box .action-wrap {
    display: none;
}
.title-box .title-wrap {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.title-box .title-wrap:has(.section-counter) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.title-box .title-wrap:has(.section-counter) .section-title {
    padding-right: 10px;
}
.title-box .title-wrap:has(.section-counter) .section-title:last-child {
    padding-right: 0;
}
.title-box  .title-btn-wrap  .tabs-wrap {
    margin: 0;
}
.title-box .tabs-wrap {
    margin-bottom: 20px;
}
.title-box .tabs-wrap .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 0 0;
}
.title-box .tabs-wrap .menu li {
    padding: 0 10px 10px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.title-box .section-title {
    max-width: 100%;
    padding-right: 10px;
}
.title-box .section-title:last-child {
    padding-right: 0;
}
.title-box .section-title:has(+.section-counter) {
    margin-bottom: 0;
}
.title-box .section-counter {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 600;
    color: var(--clr-base-light);
    padding: 10px 0 5px 0;
}
.title-box b {
    font-weight: 600;
}
.empty-box {
    text-align: center;
    margin-bottom: var(--sectionMargin);
    margin-top: 50px;
    font-size: 15px;
    line-height: normal;
}
.empty-box:first-child {
    margin-top: 0;
}
.empty-box .elm-photo {
    margin: 0 auto 20px auto;
    width: 180px;
}
.empty-box .section-title {
    margin-bottom: 20px;
}
.form-lk-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
}
.form-lk-box.type-inner {
    margin-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
}
.form-lk-box.type-inner .frm-row-submit {
    padding-top: 10px;
    width: 100%;
    margin: 0;
    gap: 15px;
}
.form-lk-box.type-inner .frm-row-submit .frm-field {
    width: 100%;
    margin: 0;
    padding: 0;
}
.form-lk-box.type-inner .form-input {
    font-size: 13px;
    padding-left: 14px;
}
.form-lk-box .frm-row,
.form-lk-box .frm-row-submit {
    margin: 0 -9px;
    margin: 0 -1rem;
}
.form-lk-box .frm-row-submit {
    padding-top: 20px;
}
.form-lk-box .frm-row-submit .btn {
    width: 100%;
}
.form-lk-box .frm-row-submit .field-submit {
    margin-bottom: 20px;
}
.form-lk-box .frm-row-submit .field-submit:last-child {
    margin-bottom: 0;
}
.form-lk-box .frm-row-submit .field-info {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}
.form-lk-box .frm-field {
    width: 100%;
    padding: 0 9px;
    padding: 0 1rem;
    margin-bottom: 30px;
}
.form-lk-box .field-title {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px 0;
}
.form-lk-box .form-input {
    font-size: 15px;
}
.form-lk-box textarea.form-input {
    height: 68px;
}
.scale-bonuses-box {
    display: block;
    position: relative;
}
.scale-bonuses-box .step-info {
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    border-radius: var(--mainRadius);
    position: relative;
    max-width: 100%;
    color: var(--clr-base);
    font-weight: 400;
    background: var(--clr-bg-light);
    margin-bottom: 20px;
    padding: 3px 15px;
}
.scale-bonuses-box .step-info-title {
    display: inline;
    vertical-align: middle;
}
.scale-bonuses-box .step-info-value {
    font-size: 18px;
    line-height: 1.61;
    color: var(--clr-att);
    font-weight: 600;
    display: inline;
    vertical-align: middle;
}
.scale-bonuses-box .scale-row-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    height: 45px;
}
.scale-bonuses-box .scale-row-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    height: 1px;
    border: 1px dashed var(--clr-border);
}
.scale-bonuses-box .scale-step {
    width: 21px;
    height: 21px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}
.scale-bonuses-box .step-ico {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
}
.scale-bonuses-box .step-ico:before,
.scale-bonuses-box .step-ico:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #AF7C42;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.scale-bonuses-box .step-title {
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    font-weight: 600;
    color: #AF7C42;
    width: 200px;
    position: absolute;
    top: 100%;
    margin-top: 3px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
}
.scale-bonuses-box .step-silver .step-ico:before,
.scale-bonuses-box .step-silver .step-ico:after {
    background-color: #ACACAC;
}
.scale-bonuses-box .step-silver .step-title {
    color: #ACACAC;
}
.scale-bonuses-box .step-gold .step-ico:before,
.scale-bonuses-box .step-gold .step-ico:after {
    background-color: #CBA044;
}
.scale-bonuses-box .step-gold .step-title {
    color: #CBA044;
}
.scale-bonuses-box .step-platinum .step-ico:before,
.scale-bonuses-box .step-platinum .step-ico:after {
    background-color: #ADA6C9;
}
.scale-bonuses-box .step-platinum .step-title {
    color: #ADA6C9;
}
.scale-bonuses-box .active .step-ico:before {
    width: 15px;
    height: 15px;
    background-image: url(/images/web/icons/active.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.scale-bonuses-box .active .step-ico:after {
    width: 21px;
    height: 21px;
    opacity: 0.5;
}
.lk-tiles-box {
    display: block;
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.lk-tiles-box .items-wrap {
    margin: 0 -8px;
    gap: 15px 0;
}
.lk-tiles-box .item-wrap {
    width: 100%;
    padding: 0 8px;
    margin: 0;
}
.lk-question-box {
    display: block;
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.lk-question-box .items-wrap {
    margin: 0;
}
.lk-question-box .item-wrap {
    margin-bottom: 32px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.lk-question-box .item-wrap:last-child {
    margin-bottom: 0;
}
.lk-question-box .item-tile-message {
    width: 650px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-question-box .wrap-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.lk-bonuses-box {
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.lk-bonuses-box .total-inner-wrap {
    border-radius: var(--tilesRadius);
    border: 1px solid var(--clr-border);
    font-size: 15px;
    line-height: 1.57;
    padding: 19px;
    margin-bottom: 25px;
}
.lk-bonuses-box .total-inner-wrap .elm-ico {
    width: 25px;
    height: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-bonuses-box .total-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}
.lk-bonuses-box .total-wrap:last-child {
    margin-bottom: 0;
}
.lk-bonuses-box .total-title {
    padding-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-bonuses-box .total-value {
    font-weight: 600;
    font-size: 18px;
}
.lk-bonuses-table-box {
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.lk-bonuses-table-box table {
    margin: 0;
}
.lk-bonuses-table-box table thead {
    background: var(--clr-bg-light);
}
.lk-bonuses-table-box table thead th,
.lk-bonuses-table-box table thead td {
    border-bottom: none;
    line-height: 1.6;
    font-weight: 600;
    padding: 15px;
    vertical-align: middle;
    white-space: nowrap;
}
.lk-bonuses-table-box table thead th:first-child,
.lk-bonuses-table-box table thead td:first-child {
    border-top-left-radius: var(--mainRadius);
    border-bottom-left-radius: var(--mainRadius);
}
.lk-bonuses-table-box table thead th:last-child,
.lk-bonuses-table-box table thead td:last-child {
    border-top-right-radius: var(--mainRadius);
    border-bottom-right-radius: var(--mainRadius);
}
.lk-bonuses-table-box table th,
.lk-bonuses-table-box table td {
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    font-weight: 400;
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid var(--clr-border);
}
.lk-bonuses-table-box table .td-date {
    display: none;
    font-size: 11px;
    line-height: 1.6;
    color: var(--clr-base-light);
    font-weight: 400;
}
.lk-bonuses-info-box {
    position: relative;
    margin-bottom: var(--sectionMargin);
}
.lk-bonuses-info-box .item-wrap {
    width: 100%;
}
.lk-actions-box {
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.lk-actions-box .tabs-inner-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-actions-box .search-inner-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-actions-box .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.lk-actions-box .menu li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
}
.lk-actions-box .frm-main-search .btn-form:not(:hover):before {
    filter: var(--filterAttToLight);
}
.lk-actions-box .frm-main-search .form-input {
    font-size: 15px;
}
.lk-toggle-box {
    margin-bottom: var(--sectionMargin);
    border-radius: var(--tilesRadius);
    transition: all ease 0.2s;
    background: var(--clr-bg-light);
    border: 1px solid var(--clr-bg-light);
    position: relative;
    overflow: hidden;
}
.lk-toggle-box.type-order {
    border-color: var(--clr-border);
    background-color: transparent;
}
.lk-toggle-box.type-order:has(.btn-popup.active) {
    border-color: var(--clr-border);
    background-color: transparent;
}
.lk-toggle-box.type-order .btn-popup {
    border-bottom: 1px solid var(--clr-border);
}
.lk-toggle-box:has(.btn-popup) {
    border-color: var(--clr-border);
    background-color: transparent;
}
.lk-toggle-box:has(.btn-popup) .btn-popup:before {
    display: block;
}
.lk-toggle-box:has(.btn-popup) .popup-content-block {
    interpolate-size: allow-keywords;
    transition: all ease 0.2s;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}
.lk-toggle-box:has(.btn-popup.active) {
    border-color: var(--clr-bg-light);
    background-color: var(--clr-bg-light);
}
.lk-toggle-box:has(.btn-popup.active) .popup-content-block {
    height: auto;
    padding-top: 5px;
    padding-bottom: 14px;
}
.lk-toggle-box:has(.btn-popup.active) .popup-order-wrap {
    border-top: none;
}
.lk-toggle-box:has(.btn-popup.active) .orders-list-wrap {
    height: 0;
    opacity: 0;
    pointer-events: none;
    margin: 0;
}
.lk-toggle-box:has(+.lk-toggle-box) {
    margin-bottom: 20px;
}
.lk-toggle-box .popup-order-wrap {
    padding: 30px 14px;
}
.lk-toggle-box .popup-content-block {
    padding: 5px 14px 14px 14px;
}
.lk-toggle-box .orders-total-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    gap: 6px;
}
.lk-toggle-box .orders-total-wrap .elm-price {
    font-size: 25px;
    font-weight: bold;
}
.lk-toggle-box .orders-total-wrap .total-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-toggle-box .orders-actions-wrap {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}
.lk-toggle-box .orders-actions-wrap .action-wrap {
    width: 50%;
    padding: 0 5px;
}
.lk-toggle-box .orders-actions-wrap .btn {
    width: 100%;
}
.lk-toggle-box .orders-list-wrap {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    height: 70px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    transition: all ease 0.2s;
}
.lk-toggle-box .orders-list-wrap[data-count-all]:after {
    content: attr(data-count-all);
    height: 70px;
    line-height: 70px;
    width: 50px;
    font-size: 18px;
    font-weight: 600;
    color: var(--clr-base-light);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-toggle-box .order-data-info-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
    color: var(--clr-base);
    font-size: 15px;
    line-height: 1.61;
}
.lk-toggle-box .order-data-info-wrap .data-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
    line-height: normal;
}
.lk-toggle-box .order-data-info-wrap li {
    margin-bottom: 12px;
}
.lk-toggle-box .order-data-info-wrap li:last-child {
    margin-bottom: 0;
}
.lk-toggle-box .data-action-wrap {
    margin-top: 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.61;
    color: var(--clr-base);
}
.lk-toggle-box .order-list-inner-wrap {
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
    padding: 30px 14px;
    margin-left: -14px;
    margin-right: -14px;
}
.lk-toggle-box .order-list-inner-wrap .item-wrap {
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
    interpolate-size: allow-keywords;
    transition: all ease 0.2s;
    margin: 0;
    border-top: 1px solid var(--clr-border);
}
/*.lk-toggle-box .order-list-inner-wrap:has(.item-wrap:nth-child(6)) .item-wrap:nth-child(5) ~ .item-wrap {
    height: 0;
    padding: 0;
    border-top: none;
}*/
.lk-toggle-box .order-list-inner-wrap:has(.item-wrap:nth-child(6)) ~ .order-list-action-wrap {
    display: block;
}
.lk-toggle-box:has(.button-toggle.active) .order-list-inner-wrap .item-wrap:nth-child(5) ~ .item-wrap {
    height: auto;
    padding: 15px 0;
    border-top: 1px solid var(--clr-border);
}
.lk-toggle-box .order-list-action-wrap {
    display: none;
    margin: 20px 0 0 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.61;
    font-weight: 600;
}
.lk-toggle-box .order-list-action-wrap .button-toggle:not(:hover):after {
    filter: var(--filterAttToBase);
}
.lk-toggle-box .order-wrap {
    width: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}
.lk-toggle-box .order-wrap:nth-child(3) ~ .order-wrap {
    display: none;
}
.lk-toggle-box .order-wrap[data-count]:after {
    background-color: #D8DDE3;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    z-index: 2;
    margin: 0;
    color: var(--clr-base);
}
.lk-toggle-box .order-wrap .elm-photo {
    aspect-ratio: 1;
    border-radius: var(--mainRadius);
}
.lk-toggle-box [class^="frm-message"] {
    font-size: 13px;
    font-weight: 600;
}
.lk-toggle-box .items-wrap {
    display: block;
    margin: 0;
}
.lk-toggle-box .orders-title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}
.lk-toggle-box .btn-popup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px 8px;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: var(--clr-base);
    padding: 14px 50px 14px 14px;
    overflow: hidden;
}
.lk-toggle-box .btn-popup:before {
    content: "";
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
    background-size: 48px auto;
    top: 50%;
    right: 20px;
    margin: -12px -12px 0 0;
    z-index: 2;
    transition: all ease 0.2s;
    filter: var(--filterAttToLight);
}
.lk-toggle-box .btn-popup:hover {
    color: var(--clr-att);
}
.lk-toggle-box .btn-popup:hover:before {
    filter: none;
}
.lk-toggle-box .btn-popup.active:before {
    rotate: 180deg;
}
.lk-title-box {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 15px;
    font-weight: 600;
    color: var(--clr-base-light);
}
.lk-title-box .title-wrap {
    color: var(--clr-base);
    -ms-flex: 1;
    flex: 1;
}
.lk-title-box .title-wrap .btn {
    margin-bottom: 10px;
}
.lk-title-box .title-wrap .btn .button-ico {
    filter: var(--filterAttToBase);
}
.lk-title-box .title-wrap .btn:hover .button-ico {
    filter: none;
}
.lk-title-box .back-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 6px;
}
.lk-title-box .section-title {
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    color: var(--clr-base);
}
.lk-title-box .section-title:last-child {
    margin-bottom: 0;
}
.lk-title-box .btn .button-ico {
    filter: var(--filterAttToLight);
}
.lk-title-box .btn:hover .button-ico {
    filter: none;
}
.lk-side-profile-box {
    margin-bottom: 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.lk-side-profile-box .profile-inner-wrap {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    color: var(--clr-base);
}
.lk-side-profile-box .profile-inner-wrap a:not(:hover) {
    color: inherit;
}
.lk-side-profile-box .profile-title {
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: var(--clr-base);
}
.lk-side-profile-box .elm-photo {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--clr-bg-light) url(/images/web/icons/user-blank.svg) center no-repeat;
    background-size: 100% auto;
    aspect-ratio: 1;
}
.lk-side-profile-box .btn .button-ico {
    filter: var(--filterAttToLight);
}
.lk-side-profile-box .btn:hover .button-ico {
    filter: none;
}
.lk-side-menu-box {
    margin-bottom: var(--sectionMargin);
    position: relative;
}
.lk-side-menu-box .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    gap: 10px 0;
}
.lk-side-menu-box .menu li {
    padding: 0 5px;
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.lk-side-menu-box .btn-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--mainRadius);
    border: 1px solid var(--clr-att);
    padding: 12px 5px 12px 12px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--clr-att);
    gap: 0px;
    background: none;
    height: 100%;
    min-height: 56px;
}
.lk-side-menu-box .btn-menu .button-ico {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    filter: none;
}
.lk-side-menu-box .btn-menu:not(:hover, .active) {
    color: var(--clr-base);
    border-color: var(--clr-border);
}
.lk-side-menu-box .btn-menu:not(:hover, .active) .button-ico {
    filter: var(--filterAttToLight);
}
.section-outer-box {
    padding: var(--sectionMargin) 0;
    position: relative;
    z-index: 2;
}
.section-outer-box.pt-small {
    padding-top: 20px;
}
.section-outer-box.bg-light:before {
    display: block;
}
.section-outer-box > div:last-child,
.section-outer-box > section:last-child {
    margin-bottom: 0;
}
.section-outer-box:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100dvw;
    min-width: var(--min);
    transform: translateX(-50%);
    overflow: hidden;
    background: #fff;
    z-index: -1;
}
.bg-full-wrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100dvw;
    min-width: var(--min);
    transform: translateX(-50%);
    overflow: hidden;
    background: #fff;
    z-index: -1;
}
.bg-full-wrap.bg-light {
    background-color: var(--clr-bg-light);
}
.content-outer-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: calc(var(--paddingContainer) * -1);
    margin-right: calc(var(--paddingContainer) * -1);
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px var(--paddingContainer);
    border-radius: var(--tilesRadius);
    background: #fff;
}
.content-outer-wrap .form-box:last-child {
    margin-bottom: 0;
}
.content-full-wrap {
    width: 100%;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.content-full-wrap:first-child {
    -ms-flex-order: -1;
    order: -1;
}
.content-wrap,
.side-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: 1;
    order: 1;
}
.side-wrap {
    -ms-flex-order: 2;
    order: 2;
}
.header-fixed .header .action-cart .popup-cart-header .popup-box {
    top: auto;
}
.header .action-cart {
    position: relative;
}
.header .action-cart:not(.disabledHover):hover #basket-header.active+.popup-outer-box {
    display: block;
}
.header .action-cart .popup-outer-box {
    overflow: visible;
    display: none;
    animation: fadeinslide ease 0.2s;
    position: absolute;
    top: 100%;
    right: 20px;
    bottom: auto;
    left: auto;
    width: 517px;
    height: auto;
    padding: 0;
    z-index: 100;
    padding: 24px 0 0 0;
}
.header .action-cart .popup-outer-box .popup-box {
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    box-shadow: 0 0 18.3px 0 rgba(0, 0, 0, 0.08);
}
.popup-mobile-box .popup-title-wrap {
    display: none;
}
.popup-mobile-box-page {
    display: none;
}
body .tippy-box {
    background: #fff;
    border-radius: 5px;
    filter: drop-shadow(0 4px 18.3px rgba(0, 0, 0, 0.05));
    width: 250px;
}
body .tippy-box .tippy-content {
    padding: 15px 10px 15px 15px;
}
body .tippy-box .tippy-arrow {
    color: #fff;
}
body.popup-open {
    overflow: hidden;
}
body.popup-open:has(.popup-cart-added.active) {
    overflow: visible;
}
.popup-outer-box {
    display: none;
    padding: 20px var(--paddingContainer);
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup-outer-box::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.popup-outer-box.active {
    display: -ms-flexbox;
    display: flex;
}
.wrap:not(.wrap-loaded) .popup-animate-right {
    z-index: -999;
    opacity: 0;
    pointer-events: none;
    transform: translateX(1000%);
}
.popup-animate-right {
    display: block;
    background: none;
    position: fixed;
    top: 60px;
    right: -800px;
    bottom: auto;
    left: auto;
    padding: 0;
    max-width: calc(100dvw - var(--paddingContainer) - var(--paddingContainer));
    animation: hideRight ease 1s;
}
.popup-animate-right.active {
    display: block;
    animation: showRight ease 1s;
    right: var(--paddingContainer);
}
.popup-cart-added {
    overflow: visible;
}
.popup-cart-added .popup-box {
    border-radius: var(--mainRadius);
    background: #fff;
    box-shadow: 0 0 18.3px 0 rgba(0, 0, 0, 0.08);
    padding: 30px 20px;
    margin: 0;
}
.popup-cart-added .popup-box .popup-title-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--clr-border);
    padding-bottom: 32px;
    margin-bottom: 20px;
}
.popup-cart-added .popup-box .popup-title-wrap .elm-ico {
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
}
.popup-cart-added .popup-box .popup-title-wrap .elm-ico img,
.popup-cart-added .popup-box .popup-title-wrap .elm-ico svg {
    width: 100%;
}
.popup-cart-added .popup-box .popup-title-wrap .popup-title {
    -ms-flex: 1;
    flex: 1;
    padding-left: 44px;
    font-weight: bold;
    margin: 0;
    position: relative;
}
.popup-cart-added .popup-box .popup-title-wrap .popup-title:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(/images/web/icons/chk.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    left: -15px;
    margin-top: -30px;
}
.header-fixed .popup-cart-header .popup-box {
    top: 100px;
}
.popup-cart-header {
    background: none;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
}
.popup-cart-header .popup-box {
    position: absolute;
    border-radius: var(--mainRadius);
    background: #fff;
    box-shadow: 0 0 18.3px 0 rgba(0, 0, 0, 0.08);
    padding: 25px 20px 30px 20px;
    margin: 0;
    top: 150px;
    right: 15px;
}
.popup-cart-header .popup-box .popup-title-wrap {
    padding-bottom: 15px;
    margin: 0;
}
.popup-cart-header .popup-box .popup-content-wrap {
    position: relative;
}
.popup-cart-header .popup-box .popup-content-wrap:before,
.popup-cart-header .popup-box .popup-content-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    height: 1px;
    background: var(--clr-border);
}
.popup-cart-header .popup-box .popup-content-wrap:before {
    top: auto;
    bottom: 0;
}
.popup-cart-header .popup-box .popup-title {
    font-size: 18px;
    line-height: 1.57;
    font-weight: bold;
}
.popup-cart-header .items-wrap {
    margin: 0;
    display: block;
    max-height: 351px;
    padding: 0 10px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.popup-cart-header .items-wrap::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background-color: #fff;
}
.popup-cart-header .items-wrap::-webkit-scrollbar-thumb {
    background-color: var(--clr-border);
}
.popup-cart-header .items-wrap::-webkit-scrollbar-thumb:hover {
    background-color: var(--clr-border);
}
.popup-cart-header .items-wrap::-webkit-scrollbar-button:vertical:start:decrement {
    background-color: transparent;
    width: 0;
    height: 0;
}
.popup-cart-header .items-wrap::-webkit-scrollbar-button:vertical:end:increment {
    background-color: transparent;
    width: 0;
    height: 0;
}
.popup-cart-header .items-wrap::-webkit-scrollbar-button:horizontal:start:decrement {
    background-color: transparent;
    width: 0;
    height: 0;
}
.popup-cart-header .items-wrap::-webkit-scrollbar-button:horizontal:end:increment {
    background-color: transparent;
    width: 0;
    height: 0;
}
.popup-cart-header .item-wrap {
    margin: 0;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid var(--clr-border);
}
.popup-cart-header .item-wrap:last-child {
    border-bottom: none;
}
.popup-message .popup-box .popup-title-wrap {
    text-align: center;
    margin: 0;
    font-size: 15px;
    line-height: 1.57;
}
.popup-message .popup-box .popup-title-wrap .link-main:not(:hover) {
    color: inherit;
}
.popup-message .popup-box .popup-title-wrap .btn {
    margin-top: 40px;
}
.popup-message .popup-box .popup-title-wrap p {
    margin: 0;
}
.popup-message .popup-box .popup-title {
    margin: 0 0 20px 0;
}
.popup-message .popup-box .popup-title:last-child {
    margin-bottom: 0;
}
.page-full .popup-box {
    box-shadow: 0 4px 46.1px 0 rgba(0, 0, 0, 0.05);
    width: 453px;
    /*background: #fff;*/
    margin: 45px auto;
    margin: 5rem auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.page-full .popup-box .form-input {
    padding-left: 14px;
}
.page-full .popup-box .field-submit {
    margin-bottom: 15px;
    text-align: center;
}
.page-full .popup-box .field-submit:last-child {
    margin-bottom: 0;
}
.page-full .popup-box .field-submit .btn.button-link {
    font-size: 18px;
    line-height: 1.61;
    font-weight: 600;
}
.popup-box {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 320px;
    max-width: 100%;
    max-height: inherit;
    z-index: 20;
    padding: 40px 15px 50px 15px;
    border-radius: var(--tilesRadius);
    background: var(--clr-bg-light);
}
.popup-box .popup-title-wrap,
.popup-box .popup-footer-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.popup-box .popup-title-wrap {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 35px;
}
.popup-box .popup-title-wrap p {
    margin-bottom: 0.6em;
}
.popup-box .popup-title-wrap .elm-ico {
    margin: 40px auto;
    width: 96px;
    height: 96px;
}
.popup-box .popup-title-wrap .elm-ico img,
.popup-box .popup-title-wrap .elm-ico svg {
    width: 100%;
}

.popup-box .popup-title-wrap .elm-ico:first-child {
    margin-top: 0;
}
.popup-box .popup-title-wrap .elm-ico + .btn {
    margin-top: 0;
}
.popup-box .popup-map-wrap {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid var(--clr-border);
}
.popup-box .popup-map-wrap .maps-wrap {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.popup-box .popup-map-wrap .map-wrap {
    -ms-flex: 1;
    flex: 1;
}
.popup-box .popup-map-wrap .btn {
    width: 100%;
    height: 50px;
    padding: 0 4px;
    font-size: 13px;
    font-weight: 600;
}
.popup-box .popup-map-wrap .btn .button-ico {
    width: 24px;
    height: 24px;
    margin: 0 0 0 0;
}
.popup-box .popup-map-wrap .btn.button-light:hover {
    background-color: #fff;
}
.popup-box .popup-buttons-wrap {
    display: -ms-flexbox;
    display: flex;
    margin: 30px -8px 0 -8px;
}
.popup-box .popup-button-wrap {
    width: 50%;
    padding: 0 8px;
}
.popup-box .popup-button-wrap:only-child {
    width: 100%;
}
.popup-box .popup-button-wrap .btn {
    width: 100%;
    min-width: 0;
    padding: 0 10px;
}
.popup-box .photo-qr {
    margin: 0 auto;
    width: 176px;
}
.popup-box .popup-title {
    font-size: 17px;
    line-height: normal;
    font-weight: 600;
    margin: 0 0 11px 0;
}
.popup-box .popup-title:last-child {
    margin-bottom: 0;
}
.popup-box .popup-content-wrap {
    width: 100%;
}
.popup-box .btn-action-ico.ico-close:before {
    background-image: url(/images/web/icons/cross-light.svg);
    background-size: 20px auto;
}
.popup-box .btn-popup-close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
}
.popup-box .lk-toggle-box {
    border-radius: 0;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}
.popup-box b {
    font-weight: 600;
}
.content-box {
    margin-left: calc(var(--paddingContainer) * -1);
    margin-right: calc(var(--paddingContainer) * -1);
    margin-bottom: var(--sectionMargin);
    border-radius: var(--tilesRadius);
    background: #fff;
    position: relative;
    padding: 30px var(--paddingContainer);
}
.content-box > *:last-child {
    margin-bottom: 0;
}
.content-box .h1-title {
    font-size: 25px;
    line-height: normal;
}
@media (max-width: 1023px) {
    .info-variants-box div[data-tippy-root]{
        display: none !important
    }
    .lk-toggle-box {
        margin-bottom: 30px;
    }
    #popup-add-company {
        padding-top: 550px;
    }
    .content-outer-wrap.section-lk {
        background: none;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .filter-action-box {
        margin-bottom: 0px;
    }
    .content-outer-wrap.section-lk .content-wrap,
    .content-outer-wrap.section-lk .content-full-wrap {
        display: none;
    }
    .content-outer-wrap.section-lk.content-active .side-wrap {
        display: none;
    }
    .content-outer-wrap.section-lk.content-active .content-wrap,
    .content-outer-wrap.section-lk.content-active .content-full-wrap {
        display: block;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-tile-info-ico,
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-tile-info-ico {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: normal;
        padding: 15px 20px;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-tile-info-ico .tile-ico,
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-tile-info-ico .tile-ico {
        margin: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-tile-info-ico .tile-title,
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-tile-info-ico .tile-title {
        margin: 0;
        -ms-flex: 1;
        flex: 1;
        padding: 0 0 0 12px;
        width: auto;
    }
    .title-box.text-mobile-center .title-wrap {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pagenav-box .btn-page:nth-child(5) ~ .btn-page {
        display: none;
    }
    .pagenav-box .btn-page:nth-child(5) ~ .btn-page.page-dotted {
        display: block;
    }
    .pagenav-box .btn-page:nth-child(5) ~ .btn-page.page-dotted + .btn-page {
        display: block;
    }
    .tiles-slider-box .slider-wrap {
        overflow: visible;
    }
    .tiles-slider-box .sl-wrap {
        width: 284px;
    }
    .tiles-slider-box .button-slider-tiles-prev,
    .tiles-slider-box .button-slider-tiles-next {
        display: none;
    }
    .tile-slider-box .button-slider-tile-prev,
    .tile-slider-box .button-slider-tile-next {
        display: none;
    }
    body:has(.popup-mobile-box.active) {
        overflow: hidden;
    }
    #category-head {
        display: none;
    }
    .popup-mobile-box {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 120;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        animation: fadein ease 0.2s;
    }
    .popup-mobile-box.active {
        display: -ms-flexbox;
        display: flex;
    }
    .popup-mobile-box .popup-title-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 30px 20px 10px 20px;
        display: block;
    }
    .popup-mobile-box .popup-content-wrap {
        display: block;
        width: 100%;
        -ms-flex: 1;
        flex: 1;
        padding: 10px 20px 30px 20px;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .popup-mobile-box .popup-content-wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .popup-mobile-box .popup-title {
        font-size: 18px;
        line-height: 1.6;
        font-weight: 600;
        color: var(--clr-base);
        margin: 0;
        text-align: center;
    }
    .popup-mobile-box .btn-popup-close {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 2;
        margin: -20px -20px 0 0;
    }
    .filter-box {
        margin: 0;
    }
    .filter-box .popup-content-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
    }
    .filter-box .filter-content-wrap {
        width: 100%;
        max-height: calc(100% - 45px);
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .filter-box .filter-content-wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .filter-box .filter-reset-wrap {
        text-align: center;
        padding-top: 15px;
        height: 45px;
    }
    .filter-box .frm-field-select {
        display: block;
    }
    .filter-box .frm-field-select .select-content-block {
        padding: 15px 0;
        border-top: 1px solid var(--clr-border);
        border-bottom: 1px solid var(--clr-border);
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        background: none;
        min-width: 0;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0;
    }
    .filter-box .frm-field-select .select-content-block .btn-popup-close {
        display: none;
    }
    .filter-box .frm-field-select .select-scroll-wrap {
        max-height: 544px;
    }
    .filter-box .frm-field-select .select-content-wrap {
        padding-left: 10px;
        columns: 1;
        column-gap: 0;
    }
    .filter-box .frm-field-select .frm-select {
        margin-bottom: 15px;
    }
    .filter-box .frm-field-select .btn-filter-toggle,
    .filter-box .frm-field-select .btn-filter-toggle.btn {
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: 50px;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        min-width: 0;
        border-radius: 0;
        border: none;
        white-space: normal;
        text-align: left;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 40px;
        font-size: 15px;
        font-weight: 600;
        color: var(--clr-base);
    }
    .filter-box .frm-field-select .btn-filter-toggle:before,
    .filter-box .frm-field-select .btn-filter-toggle.btn:before {
        filter: var(--filterAttToBase);
    }
    .filter-box .frm-field-select .btn-filter-toggle:hover,
    .filter-box .frm-field-select .btn-filter-toggle.btn:hover {
        color: var(--clr-base);
        background: none;
    }
    .filter-box .frm-field-select .btn-filter-toggle:hover:before,
    .filter-box .frm-field-select .btn-filter-toggle.btn:hover:before {
        filter: var(--filterAttToBase);
    }
    .filter-box .frm-field-select .btn-filter-toggle.active,
    .filter-box .frm-field-select .btn-filter-toggle.btn.active {
        color: var(--clr-att);
        background: none;
    }
    .filter-box .frm-field-select .btn-filter-toggle.active:before,
    .filter-box .frm-field-select .btn-filter-toggle.btn.active:before {
        filter: none;
    }
    .popup-cart-header .popup-box,
    .header-fixed .popup-cart-header .popup-box {
        top: 70px;
    }
}
@media (max-width: 767px) {
    .tiles-list-box.size-custom-wrap .items-wrap {
        flex-wrap: wrap
    }
    .info-contacts-panel-box.type-second .title-inner-wrap {
        padding-bottom: 80px;
    }
    .info-contacts-panel-box.type-second .button-inner-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 30px;
        margin: 0;
    }
    .info-contacts-panel-box .section-title br {
        display: none;
    }
    .title-bo
    .title-box .tabs-wrap.mobile-full li {
        width: 100%;
    }
    .title-box .tabs-wrap.mobile-full li .btn {
        width: 100%;
    }
    @supports (display: contents) {
        .info-card-box {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .info-card-box .info-inner-wrap {
            display: contents;
        }
        .info-card-box .photos-inner-wrap {
            -ms-flex-order: -1;
            order: -1;
        }
        .info-card-box .title-inner-wrap {
            -ms-flex-order: -3;
            order: -3;
            margin-bottom: 10px;
        }
        .info-card-box .product-info-wrap {
            -ms-flex-order: -2;
            order: -2;
            margin-bottom: 10px;
        }
    }
    .form-main-box.type-calc .frm-message {
        padding-left: 0;
    }
    .form-main-box.type-calc .frm-section-info {
        margin-bottom: 30px;
        padding-top: 30px;
        border-top: 1px solid var(--clr-border);
        margin-top: 35px;
    }
    .form-main-box.type-calc .frm-row,
    .form-main-box.type-calc .frm-row-submit {
        margin: 0;
    }
    .form-main-box.type-calc .frm-field {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .form-main-box.type-calc .field-title {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .form-main-box.type-calc .form-input {
        padding-left: 14px;
        font-size: 15px;
    }
    .form-main-box.type-calc textarea.form-input {
        height: 322px;
    }
    .form-main-box.type-calc .field-upload {
        margin-bottom: 0;
    }
    .form-main-box.type-calc .field-upload:before {
        display: none;
    }
    .form-main-box.type-calc .field-upload .action-wrap .btn.button-link {
        font-size: 13px;
    }
    .form-main-box.type-calc .field-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }
    .form-main-box.type-calc .field-row .frm-message {
        padding-left: 108px;
    }
    .form-main-box.type-calc .field-row .form-input {
        -ms-flex: 1;
        flex: 1;
        width: calc(100% - 15px - 93px);
    }
    .form-main-box.type-calc .field-row .field-title {
        width: 93px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    @supports (display: contents) {
        .form-main-box.type-calc .form-inner-wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .form-main-box.type-calc .frm-sections-wrap {
            display: contents;
        }
        .form-main-box.type-calc .frm-section-wrap {
            width: 100%;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding: 0;
        }
        .form-main-box.type-calc .section01 {
            -ms-flex-order: 1;
            order: 1;
        }
        .form-main-box.type-calc .section02 {
            -ms-flex-order: 2;
            order: 2;
        }
        .form-main-box.type-calc .section03 {
            -ms-flex-order: 3;
            order: 3;
        }
        .form-main-box.type-calc .section04 {
            -ms-flex-order: 5;
            order: 5;
        }
        .form-main-box.type-calc .section-outer {
            display: contents;
        }
        .form-main-box.type-calc .section-outer .frm-section-info {
            -ms-flex-order: 5;
            order: 5;
        }
        .form-main-box.type-calc .section-outer .frm-section-inner {
            -ms-flex-order: 4;
            order: 4;
        }
        .form-main-box.type-calc .frm-total-wrap {
            -ms-flex-order: 4;
            order: 4;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }
    }
}

@media (max-width: 639px) {
    .action-info-box .items-wrap.items-mobile-full .item-wrap,
    .info-contacts-panel-box .items-wrap.items-mobile-full .item-wrap {
        width: 100%;
    }
    .action-info-box .items-wrap.items-mobile-full .item-tile-info-ico,
    .info-contacts-panel-box .items-wrap.items-mobile-full .item-tile-info-ico {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: normal;
        padding: 15px 20px;
    }
    .action-info-box .items-wrap.items-mobile-full .item-tile-info-ico .tile-ico,
    .info-contacts-panel-box .items-wrap.items-mobile-full .item-tile-info-ico .tile-ico {
        margin: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .action-info-box .items-wrap.items-mobile-full .item-tile-info-ico .tile-title,
    .info-contacts-panel-box .items-wrap.items-mobile-full .item-tile-info-ico .tile-title {
        margin: 0;
        -ms-flex: 1;
        flex: 1;
        padding: 0 0 0 12px;
        width: auto;
    }
    .title-box .tabs-wrap.tabs-mobile-grid li {
        width: 50%;
    }
    .title-box .tabs-wrap.tabs-mobile-grid .btn {
        width: 100%;
    }
    .tiles-box.items-about.col-mobile-1 .item-wrap {
        width: 100%;
    }
    .tiles-box.items-about.col-mobile-1 .item-tile-info-ico {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: normal;
        padding: 15px 20px;
    }
    .tiles-box.items-about.col-mobile-1 .item-tile-info-ico .tile-ico {
        margin: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .tiles-box.items-about.col-mobile-1 .item-tile-info-ico .tile-title {
        margin: 0;
        -ms-flex: 1;
        flex: 1;
        padding: 0 0 0 12px;
        width: auto;
    }
    .popup-box {
        padding-bottom: 40px;
    }
    .popup-box .popup-buttons-wrap {
        display: block;
    }
    .popup-box .popup-button-wrap {
        width: 100%;
        margin-bottom: 15px;
    }
    .popup-box .popup-button-wrap:last-child {
        margin-bottom: 0;
    }
    .popup-box .popup-title-wrap .elm-ico:first-child {
        margin-bottom: 30px;
    }
    .popup-message .popup-box .popup-title-wrap {
        font-size: 13px;
    }
    .popup-message .popup-box .popup-title-wrap .btn {
        margin-top: 30px;
    }
    .popup-message .popup-box .popup-title {
        margin-bottom: 10px;
    }
    .popup-cart-added .popup-box .popup-title-wrap {
        padding-bottom: 15px;
    }
    .popup-cart-added .popup-box .popup-title-wrap .popup-title {
        padding-left: 30px;
    }
    .popup-cart-added .popup-box .popup-title-wrap .popup-title:before {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        left: -5px;
    }
}
@media (max-width: 479px) {
    .lk-bonuses-table-box table thead th:nth-child(2),
    .lk-bonuses-table-box table thead td:nth-child(2) {
        border-top-right-radius: var(--mainRadius);
        border-bottom-right-radius: var(--mainRadius);
    }
    .lk-bonuses-table-box table th:nth-child(3),
    .lk-bonuses-table-box table td:nth-child(3) {
        display: none;
    }
    .lk-bonuses-table-box table .td-date {
        display: block;
    }
    .tile-slider-box .item-wrap:first-child .item-tile-info-ico {
        min-height: 48px;
        padding: 10px 10px 10px 82px;
    }
    .tile-slider-box .item-wrap:first-child .item-tile-info-ico .tile-ico {
        left: 33px;
        top: 50%;
        width: 34px;
        height: 34px;
        margin-top: -17px;
    }
    .panel-card-box .actions-info-wrap {
        display: none;
    }
    .panel-card-box .frm-field-counter {
        padding: 0 10px;
    }
}
@media (min-width: 480px) {
    .lk-toggle-box .order-wrap:nth-child(3) ~ .order-wrap {
        display: block;
    }
    .lk-toggle-box .order-wrap:nth-child(4) ~ .order-wrap {
        display: none;
    }
    .tile-slider-box .item-wrap:first-child,
    .tile-slider-box .item-wrap:nth-child(2),
    .tile-slider-box .item-wrap:nth-child(3) {
        width: 33.33%;
    }

}
@media (min-width: 640px) {
    .lk-bonuses-info-box .item-wrap {
        width: 50%;
    }
    .lk-toggle-box .order-wrap:nth-child(4) ~ .order-wrap {
        display: block;
    }
    .lk-toggle-box .order-wrap:nth-child(5) ~ .order-wrap {
        display: none;
    }
    .tiles-box.items-categories .item-wrap {
        width: 50%;
    }
    .tiles-catalog-box .item-wrap {
        width: 50%;
    }
    .lk-side-menu-box .menu li {
        width: 33.33%;
    }
    .popup-cart-header .popup-box {
        width: 517px;
    }
    .popup-message .popup-box {
        width: 395px;
    }
    .popup-message .popup-box .popup-title-wrap .btn {
        min-width: 295px;
    }
    .popup-message-large .popup-box {
        width: 480px;
    }
    .popup-cart-added.popup-animate-right {
        width: 517px;
    }
    .popup-cart-added .popup-box {
        width: 100%;
    }
    .popup-box {
        width: 69rem;
        padding: 5rem;
    }
    .popup-box .popup-title {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .popup-box .popup-title-wrap {
        font-size: 16px;
        margin-bottom: 4rem;
    }
    .popup-box .form-input {
        font-size: 16px;
    }
    .popup-box textarea.form-input {
        height: 20rem;
    }
    .popup-box .btn-popup-close {
        top: 0;
        right: 0;
        width: 7.5rem;
        height: 7.5rem;
    }
    .popup-box .btn-action-ico.ico-close:before {
        background-size: 3.5rem auto;
    }
}
@media (min-width: 640px) and (max-width: 767px) {
    .info-callback-box .box-inner-wrap {
        padding: 30px 200px 30px 30px;
        min-height: 264px;
    }
    .info-callback-box .box-inner-wrap:after {
        display: none;
    }
    .info-callback-box .elm-photo {
        width: 550px;
    }

}
@media (min-width: 768px) {
    .lk-tiles-box .item-wrap {
        width: 50%;
    }
    .lk-tiles-box .item-wrap.wrap-main {
        width: 100%;
    }
    .lk-bonuses-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .lk-bonuses-box .total-inner-wrap {
        width: 35.5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    .lk-bonuses-box .scale-bonuses-box {
        margin: 0;
        width: auto;
        -ms-flex: 1;
        flex: 1;
        padding-left: 3rem;
        max-width: calc(100% - 35.5rem);
    }
    .lk-toggle-box .order-data-info-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lk-toggle-box .data-title-wrap {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .lk-toggle-box .data-action-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        -ms-flex-order: 2;
        order: 2;
    }
    .lk-toggle-box .data-content-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-order: 3;
        order: 3;
    }
    .lk-toggle-box .data-title {
        line-height: 1.61;
    }
    .tiles-slider-examples-box .item-wrap {
        width: 33.33%;
    }
    .form-main-box.type-calc {
        color: var(--clr-base);
    }
    .form-main-box.type-calc .frm-row-submit {
        margin: 0;
    }
    .form-main-box.type-calc .frm-row-submit .frm-field {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .form-main-box.type-calc .frm-row-submit .btn {
        width: 100%;
    }
    .form-main-box.type-calc .frm-sections-wrap {
        gap: 7rem;
    }
    .form-main-box.type-calc .frm-sections-wrap:last-child {
        -ms-flex-align: center;
        align-items: center;
    }
    .form-main-box.type-calc .frm-section-wrap:first-child {
        width: auto;
    }
    .form-main-box.type-calc .frm-section-wrap + .frm-section-wrap {
        width: 40rem;
        -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    }
    .form-main-box.type-calc .frm-row {
        margin: 0 -1.5rem;
    }
    .form-main-box.type-calc .row-sep {
        padding-top: 3.5rem;
    }
    .form-main-box.type-calc .row-sep:first-child {
        padding-top: 0;
    }
    .form-main-box.type-calc .frm-field {
        padding: 0 1.5rem;
        margin-bottom: 30px;
    }
    .form-main-box.type-calc .field-third {
        width: 100%;
    }
    .form-main-box.type-calc .field-third-span {
        width: 100%;
    }
    .form-main-box.type-calc .field-title {
        display: block;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        margin: 0 0 10px 0;
    }
    .form-main-box.type-calc .form-input {
        padding-left: 14px;
        font-size: 1.8rem;
    }
    .form-main-box.type-calc textarea.form-input {
        height: 165px;
    }
    .form-main-box.type-calc .field-upload .action-wrap .btn.button-link {
        font-size: 16px;
    }
    .form-main-box .frm-section-wrap:has(.field-info-d) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form-main-box .frm-section-wrap:has(.field-info-d) .frm-row-submit {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .form-main-box .field-info-d {
        display: block;
    }
    .form-main-box .row-info-m {
        display: none;
    }
    .form-main-box .field-text-large textarea {
        height: 210px;
    }
    .form-main-box .field-info {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .form-main-box .field-upload {
        padding-top: 0;
        margin-bottom: 0;
        font-size: 15px;
    }
    .form-main-box .field-upload .action-wrap {
        font-size: 18px;
        margin-bottom: 28px;
    }
    .form-main-box .field-upload .info-wrap {
        margin-bottom: 28px;
    }
    .form-main-box .field-upload .files-wrap {
        margin-bottom: 0;
    }
    .form-main-box .field-upload .desc-wrap {
        display: none;
    }
    .form-main-box .field-upload:before {
        display: none;
    }
    .form-main-box .frm-sections-wrap {
        display: -ms-flexbox;
        display: flex;
        gap: 8rem;
    }
    .form-main-box .frm-section-wrap {
        -ms-flex: 1;
        flex: 1;
        width: calc(50% - 4rem);
    }
    .info-contacts-panel-box {
        font-size: 2.5rem;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap .elm-photo.photo-order {
        width: 100%;
        margin-right: 7rem;
    }
    .info-contacts-panel-box.type-second .title-inner-wrap {
        width: 100%;
    }
    .info-contacts-panel-box.type-second .button-inner-wrap {
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    .info-contacts-panel-box.type-second .elm-photo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .info-contacts-panel-box.type-second .elm-photo img {
        margin-bottom: 0;
    }
    .info-contacts-panel-box .button-inner-wrap {
        display: block;
        position: relative;
        z-index: 3;
        margin: 0;
        padding-bottom: 40px;
        width: auto;
    }
    .info-contacts-panel-box .button-inner-wrap .btn {
        width: auto;
        min-width: 28rem;
    }
    .info-contacts-panel-box .messages-inner-wrap {
        padding-bottom: 40px;
    }
    .info-contacts-panel-box .box-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 335px;
    }
    .info-contacts-panel-box .box-inner-wrap:before {
        width: 370px;
        top: -111px;
        left: -30px;
        right: auto;
    }
    .info-contacts-panel-box .title-inner-wrap {
        padding: 4rem 5rem 0 5rem;
        overflow: hidden;
        width: 70%;
        margin: 0;
    }
    .info-contacts-panel-box .info-inner-wrap {
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: top;
        margin: 0 6.5rem 4rem 0;
    }
    .info-contacts-panel-box .info-inner-wrap:last-child {
        margin-bottom: 4rem;
    }
    .info-contacts-panel-box .info-inner-wrap:last-child {
        margin-right: 0;
    }
    .info-contacts-panel-box .photo-inner-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
    .info-contacts-panel-box .photo-inner-wrap:after {
        width: 193px;
        left: auto;
        right: 26%;
        top: -111px;
        bottom: auto;
    }
    .info-contacts-panel-box .photo-inner-wrap:before {
        width: 306px;
        right: -70px;
        bottom: -116px;
    }
    .info-contacts-panel-box .photo-inner-wrap .elm-photo {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding-right: 8%;
        margin: 0;
    }
    .info-contacts-panel-box .photo-inner-wrap .elm-photo img {
        width: auto;
        height: 100%;
        margin: 0 0 0 auto;
        max-width: inherit;
        max-height: 335px;
    }
    .info-contacts-panel-box .section-title {
        font-size: 2.5rem;
        margin-bottom: 1em;
        font-weight: bold;
    }
    .info-contacts-panel-box .item-wrap {
        width: 25%;
    }
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) {
        margin-top: 3rem;
    }
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child):first-child {
        margin-top: 0;
    }
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .items-wrap {
        margin-left: -10px;
        margin-right: -10px;
    }
    .info-contacts-panel-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-wrap {
        padding: 0 10px;
        width: 33.33%;
    }
    .action-info-box .item-wrap {
        width: 25%;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) {
        margin-top: 3rem;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child):first-child {
        margin-top: 0;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .items-wrap {
        margin-left: -10px;
        margin-right: -10px;
    }
    .action-info-box .items-inner-wrap:has(.item-wrap:nth-child(3):last-child) .item-wrap {
        padding: 0 10px;
        width: 33.33%;
    }
    .action-info-box.color-violet .box-inner-wrap:before {
        background-color: #E6D3FC;
        width: 188px;
        right: 47%;
        bottom: -80px;
    }
    .action-info-box.color-violet .photo-inner-wrap:after {
        background-color: #EFDFFD;
        opacity: 1;
        width: 31.2rem;
        top: -15rem;
        right: 33%;
    }
    .action-info-box.color-violet .photo-inner-wrap:before {
        background-color: #E6D3FC;
        bottom: 10%;
        right: -11.6rem;
        width: 41.2rem;
    }
    .action-info-box.color-att .box-inner-wrap:before {
        background-color: #B5DCF8;
    }
    .action-info-box.color-att .photo-inner-wrap:before,
    .action-info-box.color-att .photo-inner-wrap:after {
        background-color: #D3E8F7;
    }
    .action-info-box .box-inner-wrap {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        min-height: 400px;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .action-info-box .box-inner-wrap:before {
        width: 24.3rem;
        top: auto;
        left: auto;
        right: -35px;
        bottom: -11.1rem;
        background: var(--clr-border);
        opacity: 1;
    }
    .action-info-box .info-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        padding: 5rem 6rem;
        width: auto;
    }
    .action-info-box .info-inner-wrap p {
        max-width: 37.88888889em;
    }
    .action-info-box .photo-inner-wrap {
        width: 37%;
        padding: 3rem 3rem 3rem 0;
        position: static;
    }
    .action-info-box .photo-inner-wrap .elm-photo {
        margin: 0;
        max-width: 390px;
    }
    .action-info-box .photo-inner-wrap:after {
        width: 40.3rem;
        top: -18.9rem;
        left: auto;
        bottom: auto;
        right: 21%;
        opacity: 0.6;
    }
    .action-info-box .photo-inner-wrap:before {
        width: 31.2rem;
        top: auto;
        left: auto;
        bottom: -18rem;
        right: 37%;
        opacity: 0.6;
    }
    .action-info-box .section-title {
        font-size: 4rem;
        margin-bottom: 3rem;
        max-width: 73rem;
    }
    .action-info-box .type-short {
        max-width: 37.77777778em;
    }
    .action-info-box .type-short ~ .photo-inner-wrap {
        width: 42%;
    }
    .action-info-box .type-short ~ .photo-inner-wrap .elm-photo {
        max-width: 420px;
    }
    .action-info-box .type-short p {
        max-width: 100%;
    }
    .info-columns-box {
        display: -ms-flexbox;
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
    }
    .info-columns-box .column-inner-wrap {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 0;
    }
    .info-columns-box .info-table-box {
        min-height: 100%;
    }
    .info-columns-box .actions-callback-box {
        margin-top: 20px;
    }
    .info-features-box .box-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }
    .info-features-box .section-inner-wrap {
        width: 34.5%;
        padding: 0 3rem 0 0;
        margin: 0;
    }
    .info-features-box .section-inner-wrap:nth-child(2n) {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        padding: 0 3rem 0 0;
    }
    .share-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .share-box .share-items {
        margin: 0;
        -ms-flex: 1;
        flex: 1;
    }
    .share-box .share-title {
        margin: 0 0 8px 0;
        padding: 0 15px 0 0;
        line-height: 30px;
    }
    .share-box .button-soc {
        width: 30px;
        height: 30px;
        margin: 0 8px 8px 0;
    }
    .tabs-slider-box .menu li {
        width: auto;
    }
    .tabs-slider-box .btn.button-tab {
        white-space: nowrap;
        height: 40px;
        padding: 0 19px;
        min-height: 0;
    }
    .tabs-box .menu {
        padding: 0;
        position: relative;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .tabs-box .menu:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--clr-border);
    }
    .tabs-box .menu li {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
    }
    .tabs-box .btn.button-tab-line {
        padding: 0;
    }
    .info-variants-box .section-subtitle {
        width: auto;
        min-width: 100px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px 0 0;
    }
    .info-variants-box .section-content {
        -ms-flex: 1;
        flex: 1;
    }
    .info-card-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3rem;
    }
    .info-card-box .title-inner-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    .info-card-box .photos-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        max-width: calc(50% - 1.5rem);
        padding: 0;
        margin: 0;
    }
    .info-card-box .info-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        max-width: calc(50% - 1.5rem);
        padding: 0;
        margin: 0;
    }
    .info-card-box .counter-info-wrap {
        text-align: right;
        margin-bottom: 5px;
    }
    .info-card-box .stickers-info-wrap {
        padding: 15px;
        right: 60px;
    }
    .info-card-box .actions-info-wrap {
        padding: 10px 15px;
        width: 62px;
        right: 5px;
    }
    .info-card-box .actions-info-wrap .btn-action-ico,
    .info-card-box .actions-info-wrap .elm-ico {
        margin-bottom: 5px;
    }
    .info-card-box .stickers-info-wrap {
        left: 86px;
    }
    .tiles-thumbs-slider-box {
        display: -ms-flexbox;
        display: flex;
    }

    .tiles-thumbs-slider-box .slider-photos-main {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 16px;
        max-width: calc(100% - 70px);
    }
    .tiles-thumbs-slider-box .slider-photos-main .slider-pagination {
        display: none;
    }
    .tiles-thumbs-slider-box .slider-photos-main .elm-photo {
        aspect-ratio: inherit;
        height: 44.2rem;
    }
    .tiles-thumbs-slider-box .button-slider-photos-thumbs-prev,
    .tiles-thumbs-slider-box .button-slider-photos-thumbs-next {
        position: absolute;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 2.1rem;
        background: red;
    }

    .action-inner-box .box-inner-wrap {
        min-height: 322px;
        aspect-ratio: inherit;
        padding: 5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .action-inner-box .info-inner-wrap {
        width: 33.88888889em;
        padding: 0;
        margin: 0;
    }
    .action-inner-box .btn {
        width: auto;
        min-width: 24.4rem;
    }
    .tiles-catalog-box .item-wrap {
        width: 33.33%;
    }
    .form-box .frm-succefull-message {
        width: 60rem;
        right: auto;
        bottom: 0;
        padding: 30px 20px;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .form-box .box-inner-wrap {
        padding: 5.5rem 5rem 6rem 5rem;
    }
    .form-box .photo-inner-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
    .form-box .photo-inner-wrap:before {
        display: none;
    }
    .form-box .info-inner-wrap {
        margin-bottom: 4rem;
        max-width: 60rem;
        padding: 0;
    }
    .form-box .form-inner-wrap {
        max-width: 718px;
    }
    .form-box .elm-photo {
        width: 67.5rem;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: 0;
    }
    .form-box .elm-photo:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100px;
        background: linear-gradient(to right, #393131, rgba(0, 0, 0, 0));
    }
    .form-box .elm-photo img {
        position: absolute;
        top: 50%;
        right: 0;
        width: 67.5rem;
        transform: translateY(-50%);
    }
    .form-box .frm-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .form-box .field-input {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
    }
    .form-box .field-submit {
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    .form-box .btn {
        min-width: 22.8rem;
    }
    .form-box .form-input {
        padding-left: 24px;
    }
    .action-box .box-inner-wrap {
        padding: 6rem 5rem;
    }
    .action-box .photo-inner-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
    .action-box .section-title {
        margin-bottom: 3rem;
        max-width: 31.2em;
    }
    .action-box p {
        max-width: 40em;
    }
    .action-box .btn {
        width: auto;
        min-width: 28rem;
    }
    .action-box .elm-photo {
        width: 100%;
        max-width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
    .action-box .elm-photo img {
        width: auto;
        height: 100%;
        margin: 0 0 0 auto;
    }
    .action-box .btn {
        margin-top: 4rem;
        vertical-align: middle;
    }
    .action-box .logo {
        display: inline-block;
        vertical-align: middle;
        margin-left: 3.5rem;
        margin-top: 4rem;
        width: 39rem;
    }
    .info-box .box-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }
    .info-box .photo-inner-wrap {
        -ms-flex-order: 1;
        order: 1;
        width: 46%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
        min-height: 318px;
        position: relative;
    }
    .info-box .photo-inner-wrap .elm-photo {
        aspect-ratio: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .info-box .info-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        padding: 0.8em 0 90px 4.5rem;
        position: relative;
        margin: 0;
        -ms-flex-order: 2;
        order: 2;
    }
    .info-box .action-inner-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 46%;
        padding-bottom: 12px;
    }
    .info-box .action-inner-wrap .btn {
        z-index: 2;
        width: auto;
        min-width: 28rem;
        margin-left: 4.5rem;
    }
    .tiles-box.items-examples .item-wrap {
        width: 33.33%;
    }
    .tiles-box.items-status .item-wrap {
        width: 50%;
    }
    .tiles-box.tiles-categories .item-wrap {
        width: 50%;
    }
    .tiles-box.tiles-categories .item-wrap-end {
        width: 100%;
    }
    .tiles-box.items-about .item-wrap {
        width: 42%;
    }
    .tiles-box.items-about .item-wrap:nth-child(2),
    .tiles-box.items-about .item-wrap:nth-child(3),
    .tiles-box.items-about .item-wrap:nth-child(6),
    .tiles-box.items-about .item-wrap:nth-child(7),
    .tiles-box.items-about .item-wrap:nth-child(10),
    .tiles-box.items-about .item-wrap:nth-child(11) {
        width: 58%;
    }
    .tiles-box.items-about.type-second .item-wrap {
        width: 58%;
    }
    .tiles-box.items-about.type-second .item-wrap:nth-child(2),
    .tiles-box.items-about.type-second .item-wrap:nth-child(3),
    .tiles-box.items-about.type-second .item-wrap:nth-child(6),
    .tiles-box.items-about.type-second .item-wrap:nth-child(7),
    .tiles-box.items-about.type-second .item-wrap:nth-child(10),
    .tiles-box.items-about.type-second .item-wrap:nth-child(11) {
        width: 42%;
    }
}
@media (min-width: 768px) and (max-width: 1349px) {
    .info-callback-box {
        min-height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .info-callback-box .elm-photo {
        display: none;
    }
    .info-callback-box .box-inner-wrap {
        min-height: 100%;
        -ms-flex: 1;
        flex: 1;
    }
    .info-callback-box .box-inner-wrap:after {
        padding: 0;
        aspect-ratio: inherit;
        height: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {

    .form-box.active .photo-inner-wrap .elm-photo {
        opacity: 0;
    }
    .form-box .frm-succefull-message {
        right: 0;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .tiles-thumbs-slider-box .slider-photos-thumbs {
        width: 70px;
        display: block;
        height: 44.2rem;
        padding: 2.1rem 0;
        position: relative;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .slider-wrap {
        margin: 0;
        height: 40rem;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .sl-wrap {
        height: 8rem;
        width: 100%;
        padding: 5px 0;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo {
        aspect-ratio: inherit;
        height: 7rem;
        width: 100%;
        border-radius: var(--mainRadius);
        border: 1px solid #fff;
        cursor: pointer;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:hover {
        border-color: var(--clr-border);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.5);
        transition: all ease 0.2s;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo {
        cursor: default;
        border-color: var(--clr-att);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo:after {
        opacity: 0;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow {
        position: absolute;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 2.1rem;
        border: none;
        border-radius: 0;
        margin: 0;
        cursor: pointer;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:before {
        rotate: 90deg;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:not(:hover):before {
        filter: var(--filterAttToBLight);
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:hover {
        background: none;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:hover:before {
        filter: none;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow-next {
        top: auto;
        bottom: 0;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow-next:before {
        rotate: 90deg;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap .elm-photo.photo-order {
        margin-right: 0;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap:has(.elm-photo.photo-order) {
        left: 70%;
    }
    .info-contacts-panel-box .photo-inner-wrap .elm-photo {
        padding-right: 0;
    }
    .info-contacts-panel-box .photo-inner-wrap .elm-photo img {
        max-height: 280px;
    }
    .action-info-box .info-inner-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
    .action-box .box-inner-wrap .section-title,
    .action-box .box-inner-wrap p {
        max-width: 80%;
    }
}
@media (min-width: 1024px) {
    .lk-tiles-box .items-wrap {
        margin: 0 -10px;
        gap: 3rem 0;
    }
    .lk-tiles-box .item-wrap {
        padding: 0 10px;
    }
    .empty-box {
        font-size: 2rem;
        margin-top: 6rem;
    }
    .empty-box .elm-photo {
        width: 220px;
        margin-bottom: 30px;
    }
    .empty-box .section-title {
        margin-bottom: 30px;
    }
    .scale-bonuses-box {
        text-align: right;
    }
    .scale-bonuses-box .scale-row-wrap {
        height: 76px;
    }
    .scale-bonuses-box .scale-row-wrap:before {
        top: 21px;
    }
    .scale-bonuses-box .step-ico {
        width: 43px;
        height: 43px;
    }
    .scale-bonuses-box .step-ico:before,
    .scale-bonuses-box .step-ico:after {
        width: 19px;
        height: 19px;
    }
    .scale-bonuses-box .step-info {
        text-align: center;
        font-size: 15px;
        padding: 5px 20px;
    }
    .scale-bonuses-box .step-info-value {
        font-size: 2.5rem;
    }
    .scale-bonuses-box .scale-step {
        width: 43px;
        height: 43px;
    }
    .scale-bonuses-box .step-title {
        font-size: 1.5rem;
        line-height: 28px;
        margin-top: 5px;
    }
    .scale-bonuses-box .active .step-ico:after {
        width: 43px;
        height: 43px;
    }
    .scale-bonuses-box .active .step-ico:before {
        width: 31px;
        height: 31px;
    }
    .lk-question-box .item-wrap {
        margin-bottom: 24px;
    }
    .lk-bonuses-box .total-inner-wrap {
        padding: 3rem 4rem;
    }
    .lk-bonuses-table-box table th,
    .lk-bonuses-table-box table td {
        font-size: 18px;
        padding: 12px 20px;
    }
    .lk-bonuses-table-box table th:first-child,
    .lk-bonuses-table-box table td:first-child {
        padding-left: 5rem;
    }
    .lk-bonuses-table-box table thead th,
    .lk-bonuses-table-box table thead td {
        padding: 12px 20px;
    }
    .lk-bonuses-table-box table thead th:first-child,
    .lk-bonuses-table-box table thead td:first-child {
        padding-left: 5rem;
    }
    .lk-actions-box {
        margin-bottom: 4rem;
    }
    .lk-actions-box .frm-main-search .form-input {
        height: 50px;
        font-size: 15px;
    }
    .lk-actions-box .frm-main-search .btn-form {
        top: 25px;
        right: 25px;
        margin-top: -20px;
        margin-right: -20px;
    }
    .lk-toggle-box:has(.btn-popup.active) .popup-content-block {
        padding-top: 16px;
        padding-bottom: 2.9rem;
    }
    .lk-toggle-box:has(.btn-popup.active) .popup-order-wrap {
        padding-top: 10px;
    }
    .lk-toggle-box .btn-popup {
        font-size: 2rem;
        padding: 23px 60px 23px 2.9rem;
        gap: 1rem 2rem;
    }
    .lk-toggle-box .btn-popup:before {
        right: 44px;
        background-size: 60px auto;
    }
    .lk-toggle-box .popup-content-block {
        padding: 16px 2.9rem 2.9rem 2.9rem;
    }
    .lk-toggle-box .popup-order-wrap {
        padding: 2.4rem 2.4rem 2rem 2.9rem;
    }
    .lk-toggle-box .order-list-inner-wrap {
        padding: 3rem;
        margin: 0;
    }
    .lk-toggle-box .order-list-action-wrap {
        margin-top: 15px;
        font-size: 1.8rem;
        text-align: right;
    }
    .lk-toggle-box .orders-list-wrap {
        gap: 15px;
    }
    .lk-toggle-box .orders-list-wrap[data-count-all]:after {
        content: 'Еще ' attr(data-count-all);
        font-size: 15px;
        width: 70px;
    }
    .lk-toggle-box .order-data-info-wrap {
        padding: 15px 0 40px 0;
    }
    .lk-toggle-box .order-data-info-wrap .data-title {
        font-size: 2.5rem;
    }
    .lk-toggle-box .data-title-wrap {
        margin-bottom: 5px;
    }
    .lk-toggle-box .orders-title {
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
    .lk-toggle-box .orders-actions-wrap {
        margin: 0;
        gap: 15px;
    }
    .lk-toggle-box .orders-actions-wrap .action-wrap {
        padding: 0;
        width: auto;
    }
    .lk-toggle-box [class^=frm-message] {
        font-size: 15px;
    }
    .form-lk-box {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px;
    }
    .form-lk-box.type-inner {
        gap: 0 30px;
    }
    .form-lk-box.type-inner .frm-row-submit .frm-field {
        width: auto;
    }
    .form-lk-box.type-inner .form-input {
        padding-left: 24px;
        font-size: 1.8rem;
    }
    .form-lk-box textarea.form-input {
        height: 50px;
    }
    .form-lk-box .frm-section-wrap {
        -ms-flex: 1;
        flex: 1;
    }
    .form-lk-box .field-title {
        font-size: 1.8rem;
    }
    .form-lk-box .field-half {
        width: 50%;
    }
    .form-lk-box .frm-message {
        position: absolute;
        top: 100%;
        left: 1rem;
        right: 1rem;
        max-height: 36px;
        overflow: hidden;
    }
    .info-card-box .stickers-info-wrap {
        left: 2px;
    }
    .tiles-slider-examples-box .slider-wrap {
        margin: 0 -8px;
    }
    .tiles-slider-examples-box .sl-wrap {
        padding: 0 8px;
        width: 100%;
        margin-bottom: 16px;
    }
    .tiles-slider-examples-box .slider-pagination {
        display: none;
    }
    .tiles-slider-examples-box .items-wrap {
        margin: 0 -8px -16px -8px;
    }
    .tiles-slider-examples-box .item-wrap {
        padding: 0 8px;
        margin-bottom: 16px;
        width: 16.66%;
    }
    .tiles-slider-examples-box .slider-inner-wrap {
        padding: 0;
    }
    .tiles-slider-examples-box .slider-inner-wrap .slider {
        display: block;
        transform: none !important;
        height: auto !important;
    }
    .tiles-slider-examples-box .slider-inner-wrap .swiper-slide:not(.swiper-slide-active) {
        opacity: 1;
        pointer-events: auto;
    }
    .tiles-slider-examples-box .slider-inner-wrap .ico-arrow,
    .tiles-slider-examples-box .slider-inner-wrap .slider-pagination {
        display: none;
    }
    @supports (display: contents) {
        .tiles-slider-examples-box .sl-wrap,
        .tiles-slider-examples-box .items-wrap {
            display: contents;
        }
        .tiles-slider-examples-box .slider-inner-wrap .slider {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: -16px;
            justify-content: center;
        }
        .tiles-slider-examples-box .item-wrap {
            width: 20%;
        }
    }
    .tiles-list-box .box-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .tiles-list-box .title-inner-wrap {
        padding: 0 4rem 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 2rem 0;
        width: 325px;
    }
    .tiles-list-box .items-inner-wrap {
        -ms-flex: 1;
        flex: 1;
    }
    .tiles-list-box .items-wrap {
        margin: 0 -6rem -2rem 0;
    }
    .tiles-list-box .item-wrap {
        padding: 0 4rem 0 0;
        margin-bottom: 2rem;
    }
    .info-panel-box {
        margin-bottom: 5rem;
    }
    .info-panel-box.section-border .box-inner-wrap {
        padding: 3rem 4rem;
    }
    .info-panel-box .section-title {
        margin-bottom: 20px;
    }
    .info-panel-box .link-wrap {
        font-size: 18px;
    }
    .info-order-box {
        margin-bottom: 5rem;
        font-size: 15px;
        text-align: left;
    }
    .info-order-box .box-inner-wrap {
        margin-bottom: 5rem;
        padding-bottom: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .info-order-box .elm-ico {
        width: 13rem;
        height: 13rem;
        margin: 0;
    }
    .info-order-box .title-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        padding: 0 0 0 3.5rem;
        font-size: 18px;
    }
    .info-order-box p {
        margin-bottom: 0.5em;
    }
    .info-order-box .frm-select {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .form-order-box .frm-row-submit .field-submit {
        width: auto;
    }
    .form-order-box .frm-row-submit .field-soc {
        width: auto;
    }
    .form-order-box .frm-row-submit .btn {
        min-width: 28rem;
    }
    .form-order-box .section-title-wrap {
        font-size: 18px;
    }
    .form-order-box .section-title {
        margin-bottom: 15px;
    }
    .form-order-box .row-select {
        font-size: 15px;
    }
    .form-order-box .row-select .frm-select {
        font-size: 18px;
    }
    .form-order-box .row-select .frm-select label {
        padding-left: 30px;
    }
    .form-order-box .row-select .form-wrap {
        padding-left: 30px;
        margin-top: 25px;
        max-width: 800px;
    }
    .form-order-box .row-select .form-wrap.width-max {
        max-width: 100%;
    }
    .form-order-box .row-select .desc-wrap {
        font-size: 15px;
        margin-top: 15px;
        line-height: 1.57;
        padding-left: 30px;
    }
    .form-order-box .row-select .info-wrap {
        padding-left: 30px;
        margin-top: 15px;
        line-height: 1.57;
    }
    .form-order-box .row-select .action-wrap {
        font-size: 18px;
        margin-top: 20px;
        padding-left: 30px;
    }
    .form-order-box .row-select .action-wrap .btn .button-ico {
        margin-right: 10px;
        width: 30px;
        height: 30px;
    }
    .form-order-box .row-select .action-wrap .btn .button-ico img,
    .form-order-box .row-select .action-wrap .btn .button-ico svg {
        width: 100%;
    }
    .form-order-box .row-buttons .frm-field {
        gap: 10px;
    }
    .form-order-box .row-buttons .frm-select-button {
        width: calc(20% - 8px);
        max-width: inherit;
        min-width: 160px;
    }
    .form-order-box .row-selects .frm-field {
        margin-bottom: 25px;
    }
    .form-order-box .row-selects .frm-select {
        font-size: 18px;
    }
    .form-order-box .frm-message-info {
        margin-top: 15px;
    }
    .form-order-box .field-upload .action-wrap {
        font-size: 18px;
    }
    .form-order-box .field-upload-cloud {
        display: block;
    }
    .form-order-box .section-inner-wrap {
        margin-bottom: 4rem;
        padding: 5rem 4rem 2rem 4rem;
    }
    .form-order-box .section-title-wrap {
        margin-bottom: 4rem;
    }
    .form-order-box textarea.form-input {
        height: 150px;
    }
    .form-order-box .form-input {
        font-size: 18px;
    }
    .tiles-order-box.section-border {
        margin-bottom: 50px;
        padding: 3rem 4rem;
    }
    .tiles-order-box .section-title {
        margin-bottom: 0;
    }
    .tiles-order-box .item-wrap {
        padding: 2.5rem 0;
    }
    .actions-order-box {
        margin-bottom: 22px;
        font-size: 18px;
    }
    .actions-order-box .frm-select label {
        padding-left: 33px;
    }
    .form-main-box.type-calc .field-fourth {
        width: 25%;
    }
    .form-main-box.type-calc .field-third {
        width: 33.33%;
    }
    .form-main-box.type-calc .field-third-span {
        width: 66.66%;
    }
    .form-main-box .field-select-wrap {
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;
    }
    .form-main-box .frm-section-info {
        font-size: 18px;
        line-height: 1.5;
    }
    .form-main-box .frm-section-info .frm-section-info-title {
        font-size: 2.5rem;
    }
    .form-main-box .frm-section-info li {
        font-size: 15px;
        line-height: 1.57;
        margin-bottom: 8px;
    }
    .form-main-box .frm-section-info li:before {
        top: 0.77em;
    }
    .form-main-box .field-upload {
        width: 50%;
    }
    .form-main-box .field-upload-cloud {
        width: 50%;
        margin: 0;
        display: block;
    }
    .form-main-box .field-upload-cloud .field-title {
        font-size: 15px;
        line-height: 29px;
        margin: 0;
        color: var(--clr-base-light);
        margin-bottom: 5px;
    }
    .form-main-box .field-upload-cloud .frm-file-upload {
        height: 115px;
    }
    .form-main-box .frm-title-wrap {
        font-size: 18px;
        margin-bottom: 4rem;
    }
    .form-main-box .frm-title-wrap .frm-title {
        margin-bottom: 15px;
    }
    .form-main-box .frm-succefull-message {
        padding: 30px 20px;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .form-main-box .box-inner-wrap {
        padding: 4rem;
    }
    .form-main-box .frm-title {
        margin-bottom: 20px;
    }
    .form-main-box .frm-row-submit .btn {
        width: auto;
        min-width: 29.5rem;
    }
    .tiles-box .info-inner-wrap {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .tiles-box.items-examples .item-wrap {
        width: 20%;
    }
    .tiles-box.items-categories .item-wrap {
        width: 33.33%;
    }
    .tiles-box.items-info-panels .item-wrap {
        width: 50%;
    }
    .tiles-box.items-info-panels .item-wrap.wrap-full {
        width: 100%;
    }
    .tiles-box.items-steps .items-wrap {
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: -10px;
        margin-right: -10px;
    }
    .tiles-box.items-steps .items-wrap + .items-wrap {
        margin-top: 76px;
    }
    .tiles-box.items-steps .item-wrap {
        width: 348px;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 33.33%;
    }
    .tiles-box.items-steps .item-wrap:last-child:before {
        display: none;
    }
    .tiles-box.items-steps .item-wrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 112px;
        left: 100%;
        margin-left: -10px;
        height: 1px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='208' height='1' viewBox='0 0 208 1' fill='none'%3E%3Cpath d='M12.7535 0C13.0781 0 13.3412 0.223858 13.3412 0.5C13.3412 0.776142 13.0781 1 12.7535 1H0.587739C0.26314 1 0 0.776142 0 0.5C0 0.223858 0.26314 0 0.587739 0H12.7535ZM37.0861 0L37.2044 0.00976562C37.4722 0.0563658 37.6739 0.258354 37.6739 0.5C37.6739 0.741646 37.4722 0.943634 37.2044 0.990234L37.0861 1H24.9192C24.5948 0.999789 24.3315 0.776012 24.3315 0.5C24.3315 0.223988 24.5948 0.000210657 24.9192 0H37.0861ZM61.4188 0L61.537 0.00976562C61.8047 0.0564395 62.0065 0.258422 62.0065 0.5C62.0065 0.741578 61.8047 0.94356 61.537 0.990234L61.4188 1H49.2519C48.9274 0.999897 48.6641 0.776079 48.6641 0.5C48.6641 0.223921 48.9274 0.000102859 49.2519 0H61.4188ZM85.7502 0C86.0748 0 86.338 0.223858 86.338 0.5C86.338 0.776142 86.0748 1 85.7502 1H73.5845C73.2599 1 72.9967 0.776142 72.9967 0.5C72.9967 0.223858 73.2599 0 73.5845 0H85.7502ZM110.083 0C110.407 0 110.671 0.223858 110.671 0.5C110.671 0.776142 110.407 1 110.083 1H97.9171C97.5925 1 97.3294 0.776142 97.3294 0.5C97.3294 0.223858 97.5925 0 97.9171 0H110.083ZM134.415 0L134.534 0.00976562C134.802 0.0562965 135.003 0.258291 135.003 0.5C135.003 0.741709 134.802 0.943703 134.534 0.990234L134.415 1H122.25C121.925 1 121.662 0.776142 121.662 0.5C121.662 0.223858 121.925 0 122.25 0H134.415ZM158.748 0L158.866 0.00976562C159.134 0.0563669 159.336 0.258355 159.336 0.5C159.336 0.741645 159.134 0.943633 158.866 0.990234L158.748 1H146.581C146.257 0.999794 145.993 0.776015 145.993 0.5C145.993 0.223985 146.257 0.000205662 146.581 0H158.748ZM183.081 0L183.199 0.00976562C183.467 0.0564327 183.669 0.258416 183.669 0.5C183.669 0.741584 183.467 0.943567 183.199 0.990234L183.081 1H170.914C170.589 0.999891 170.326 0.776075 170.326 0.5C170.326 0.223925 170.589 0.000109524 170.914 0H183.081ZM207.412 0C207.737 0 208 0.223858 208 0.5C208 0.776142 207.737 1 207.412 1H195.247C194.922 0.999993 194.659 0.776138 194.659 0.5C194.659 0.223862 194.922 6.66792e-06 195.247 0H207.412Z' fill='%23979BA9'/%3E%3C/svg%3E");
        background-position: center 0;
        background-repeat: repeat-x;
        width: 208px;
    }
    .tiles-box.items-steps .item-wrap:after {
        content: "";
        display: block;
        position: absolute;
        top: 112px;
        left: 0;
        right: 50%;
        margin-left: 10px;
        height: 1px;
        background: var(--clr-bg-light);
    }
    .tiles-box.items-info .item-wrap {
        margin-bottom: 20px;
    }
    .tiles-box .desc-inner-wrap {
        margin-top: 5rem;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap {
        margin: 0 -6.5rem !important;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap {
        padding: 0 6.5rem;
        margin-bottom: 0;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:nth-child(1),
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:nth-child(1) {
        width: 31%;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:nth-child(2),
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:nth-child(2) {
        width: 29%;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:nth-child(3),
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:nth-child(3) {
        width: 40%;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:last-child:before,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:last-child:before {
        display: none;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:before,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:before {
        content: "";
        display: block;
        width: 11rem;
        position: absolute;
        top: 50%;
        left: 100%;
        margin-left: -5.5rem;
        height: 1px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='208' height='1' viewBox='0 0 208 1' fill='none'%3E%3Cpath d='M12.7535 0C13.0781 0 13.3412 0.223858 13.3412 0.5C13.3412 0.776142 13.0781 1 12.7535 1H0.587739C0.26314 1 0 0.776142 0 0.5C0 0.223858 0.26314 0 0.587739 0H12.7535ZM37.0861 0L37.2044 0.00976562C37.4722 0.0563658 37.6739 0.258354 37.6739 0.5C37.6739 0.741646 37.4722 0.943634 37.2044 0.990234L37.0861 1H24.9192C24.5948 0.999789 24.3315 0.776012 24.3315 0.5C24.3315 0.223988 24.5948 0.000210657 24.9192 0H37.0861ZM61.4188 0L61.537 0.00976562C61.8047 0.0564395 62.0065 0.258422 62.0065 0.5C62.0065 0.741578 61.8047 0.94356 61.537 0.990234L61.4188 1H49.2519C48.9274 0.999897 48.6641 0.776079 48.6641 0.5C48.6641 0.223921 48.9274 0.000102859 49.2519 0H61.4188ZM85.7502 0C86.0748 0 86.338 0.223858 86.338 0.5C86.338 0.776142 86.0748 1 85.7502 1H73.5845C73.2599 1 72.9967 0.776142 72.9967 0.5C72.9967 0.223858 73.2599 0 73.5845 0H85.7502ZM110.083 0C110.407 0 110.671 0.223858 110.671 0.5C110.671 0.776142 110.407 1 110.083 1H97.9171C97.5925 1 97.3294 0.776142 97.3294 0.5C97.3294 0.223858 97.5925 0 97.9171 0H110.083ZM134.415 0L134.534 0.00976562C134.802 0.0562965 135.003 0.258291 135.003 0.5C135.003 0.741709 134.802 0.943703 134.534 0.990234L134.415 1H122.25C121.925 1 121.662 0.776142 121.662 0.5C121.662 0.223858 121.925 0 122.25 0H134.415ZM158.748 0L158.866 0.00976562C159.134 0.0563669 159.336 0.258355 159.336 0.5C159.336 0.741645 159.134 0.943633 158.866 0.990234L158.748 1H146.581C146.257 0.999794 145.993 0.776015 145.993 0.5C145.993 0.223985 146.257 0.000205662 146.581 0H158.748ZM183.081 0L183.199 0.00976562C183.467 0.0564327 183.669 0.258416 183.669 0.5C183.669 0.741584 183.467 0.943567 183.199 0.990234L183.081 1H170.914C170.589 0.999891 170.326 0.776075 170.326 0.5C170.326 0.223925 170.589 0.000109524 170.914 0H183.081ZM207.412 0C207.737 0 208 0.223858 208 0.5C208 0.776142 207.737 1 207.412 1H195.247C194.922 0.999993 194.659 0.776138 194.659 0.5C194.659 0.223862 194.922 6.66792e-06 195.247 0H207.412Z' fill='%23979BA9'/%3E%3C/svg%3E");
        background-position: center center;
    }
    .action-info-box .item-wrap,
    .info-contacts-panel-box .item-wrap {
        width: 50%;
    }
    .action-info-box {
        font-size: 18px;
    }
    .info-contacts-box .box-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 4rem 3rem 4rem 4rem;
    }
    .info-contacts-box .info-inner-wrap {
        -ms-flex: 1;
        flex: 1;
        padding: 0 5rem 0 0;
        max-width: calc(100% - 52rem);
        margin: 0;
    }
    .info-contacts-box .subinfo-inner-wrap {
        width: 52rem;
        margin: 0;
        padding: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .info-contacts-box .map-inner-wrap .elm-photo {
        height: 311px;
    }
    .info-contacts-box .links-inner-wrap:last-child {
        margin-bottom: -10px;
    }
    .info-contacts-box .link-wrap {
        margin-bottom: 10px;
    }
    .info-contacts-box .section-title {
        margin: 20px 0 15px 0;
    }
    .info-contacts-box .section-title:first-child {
        margin-bottom: 30px;
    }
    .info-contacts-box .cnt-info {
        margin-bottom: 10px;
    }
    .info-contacts-box .cnt-info br {
        display: none;
    }
    .info-contacts-box .button-soc,
    .info-contacts-box .button-soc-att {
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
    }
    .info-contacts-box .elm-cnt {
        margin-bottom: 5px;
    }
    .info-contacts-panel-box.type-second:has(.messages-inner-wrap) .info-inner-wrap {
        margin-right: 3rem;
    }
    .info-contacts-panel-box.type-second:has(.messages-inner-wrap) .photo-inner-wrap {
        right: 0rem;
    }
    .info-contacts-panel-box.type-second:has(.messages-inner-wrap) .photo-inner-wrap .elm-photo {
        padding-right: 0;
    }
    .info-contacts-panel-box.type-second:has(.messages-inner-wrap) .photo-inner-wrap .elm-photo img {
        max-height: 379px;
    }
    .info-contacts-panel-box.type-second {
        font-size: 18px;
    }
    .info-contacts-panel-box.type-second .box-inner-wrap:before {
        width: 25rem;
        top: -8rem;
        left: 33%;
        right: auto;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap {
        right: -10rem;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap:before {
        width: 46.2rem;
        top: -10rem;
        right: 13%;
        bottom: auto;
        left: auto;
    }
    .info-contacts-panel-box.type-second .title-inner-wrap {
        padding-right: 0;
        padding-top: 6rem;
        padding-bottom: 3rem;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
    }
    .info-contacts-panel-box.type-second .section-title {
        font-size: 4rem;
        margin-bottom: 2rem;
        max-width: 19.05em;
    }
    .info-contacts-panel-box.type-second .info-title {
        margin-bottom: 0;
        font-size: 18px;
    }
    .info-contacts-panel-box.type-second .info-value {
        font-size: 18px;
        font-weight: bold;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap .elm-photo {
        padding-right: 0;
    }
    .info-contacts-panel-box.type-second p {
        max-width: 43.61111111em;
    }
    .info-contacts-panel-box .button-inner-wrap {
        display: inline-block;
        width: auto;
        margin-right: 5rem;
        padding-bottom: 0;
        padding-top: 7px;
    }
    .info-contacts-panel-box .messages-inner-wrap .messages-title {
        -ms-flex-order: -1;
        order: -1;
        padding: 0 15px 0 0;
        width: auto;
        font-size: 18px;
        line-height: 1.4;
        -ms-flex: inherit;
        flex: inherit;
    }
    .info-contacts-panel-box .messages-inner-wrap .button-soc-att {
        margin: 0 0 0 8px;
        width: 63px;
        height: 63px;
    }
    .info-contacts-panel-box .messages-inner-wrap .button-soc-att:first-child {
        margin-left: 0;
    }
    .info-contacts-panel-box .info-wrap {
        font-size: 25px;
    }
    .info-contacts-panel-box .info-title {
        font-size: 18px;
    }
    .info-callback-box .box-inner-wrap {
        padding: 50px 40px 50px 40px;
    }
    .info-callback-box .section-title {
        font-size: 25px;
        margin-bottom: 35px;
    }
    .info-callback-box .info-wrap {
        font-size: 25px;
    }
    .info-callback-box .info-title {
        font-size: 18px;
    }
    .info-table-box table {
        font-size: 15px;
    }
    .info-table-box table th,
    .info-table-box table td {
        padding: 9px 10px;
    }
    .info-table-box table thead th,
    .info-table-box table thead td {
        font-size: 18px;
        padding: 6px 10px;
    }
    .panel-fixed {
        padding-bottom: 0;
    }
    .panel-fixed .header-main-panel {
        box-shadow: none;
    }
    .panel-card-box {
        bottom: auto;
        top: 90px;
        box-shadow: 0 4px 18.3px 0 rgba(0, 0, 0, 0.05);
    }
    .panel-card-box .product-inner-wrap {
        display: block;
        width: auto;
        padding-right: 15px;
        max-width: 50%;
    }
    .panel-card-box .actions-info-wrap {
        -ms-flex-order: 2;
        order: 2;
    }
    .panel-card-box .price-info-wrap {
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 10px;
        -ms-flex: 1;
        flex: 1;
    }
    .panel-card-box .inner-wrap {
        height: 90px;
    }
    .panel-card-box .elm-price {
        font-size: 25px;
    }
    .panel-card-box .price-all {
        font-size: 18px;
    }
    .panel-card-box .button-inner-wrap .btn {
        min-width: 24.4rem;
        height: 50px;
        font-size: 16px;
    }
    .info-features-box .section-title {
        margin-bottom: 20px;
    }
    .info-features-box p {
        margin-bottom: 20px;
    }
    .info-features-box ul {
        margin-bottom: 20px;
    }
    .info-variants-box .box-inner-wrap {
        padding: 30px 20px 20px 30px;
    }
    .info-variants-box .btn {
        margin: 0 10px 10px 0;
    }
    .info-variants-box .section-inner-wrap {
        margin-bottom: 15px;
    }
    .info-variants-box .section-inner-wrap:last-child {
        margin-bottom: 0;
    }
    .info-card-box .features-info-wrap {
        margin-bottom: 20px;
    }
    .tabs-slider-box .btn.button-tab {
        font-size: 15px;
    }
    .side-total-box,
    .side-qr-box {
        border-radius: 15px;
        padding: 4rem 25px;
    }
    .side-qr-box {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .side-menu-box.fixed-top {
        position: fixed;
        top: 30px;
        z-index: 100;
        width: inherit;
    }
    .side-menu-box.fixed-bottom {
        position: fixed;
        bottom: 30px;
        z-index: 100;
        width: inherit;
    }
    .filter-action-box {
        display: none;
    }

    .tiles-catalog-box {
        /*margin-top: 45px;*/
        margin-top: var(sectionMarginSmall);
    }
    .filter-box {
        /*margin-bottom: 45px;*/
    }
    .filter-box .filter-content-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 5px 0;
    }
    .filter-box .filter-section-wrap {
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 100%;
        padding: 0 15px 15px 0;
    }
    .filter-box .filter-actions-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px 0 0;
    }
    .filter-box .filter-selected-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .filter-box .filter-selected-wrap .btn {
        margin: 0 15px 15px 0;
    }
    .filter-box .filter-reset-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 15px 15px 0;
    }
    .action-inner-box .info-inner-wrap {
        font-size: 18px;
    }
    .action-inner-box .section-title {
        font-size: 1.38888889em;
        margin-bottom: 0.7em;
    }
    .article-box li .h3-title,
    .article-box li .h4-title,
    .article-box li h2,
    .article-box li h3,
    .article-box li h4,
    .article-box li h5 {
        font-size: 1.2em;
        line-height: 1.4;
    }
    .article-box.section-inner .h1-title,
    .article-box.section-inner h1 {
        margin-bottom: 4rem;
    }
    .article-box li:has(.li-items) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .article-box li:has(.li-items) .li-title {
        max-width: 852px;
    }
    .article-box .li-items {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 5px 20px;
        margin: 0;
    }
    .article-box .li-title {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 10px 0 0;
    }
    .article-box .li-title:last-child {
        padding-right: 0;
    }
    .article-box p:has(img:only-child) {
        margin: 30px 0;
    }
    .article-box blockquote,
    .article-box .bq-text {
        font-size: 18px;
    }
    .pagenav-box {
        position: relative;
        padding: 0 8rem;
        margin-top: 5rem;
    }
    .pagenav-box .pages-wrap {
        width: 100%;
        margin: 0;
    }
    .pagenav-box .btn-page-nav {
        position: absolute;
        display: block;
        top: -2.8rem;
        left: 0;
    }
    .pagenav-box .button-nav-next {
        left: auto;
        right: 0;
    }
    .pagenav-box .btn-page {
        height: 52px;
        padding-top: 20px;
        line-height: 32px;
        min-width: 52px;
    }
    .side-menu-box .menu-main .menu li.open {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .tiles-categories-box .slider,
    .tiles-categories-box .sl-wrap {
        transform: none !important;
        width: 100% !important;
        padding: 0;
        display: block;
    }
    .tiles-categories-box .slider-wrap {
        margin: 0;
    }
    .tiles-categories-box .sl-wrap {
        margin-bottom: 2rem;
    }
    .tiles-categories-box .sl-wrap:last-child {
        margin-bottom: 0;
    }
    .tiles-categories-box .items-wrap {
        margin: 0 -1rem -2rem -1rem;
    }
    .tiles-categories-box .item-wrap {
        padding: 0 1rem;
        margin-bottom: 2rem;
        width: 33.33%;
    }
    .tiles-categories-box .slider-pagination {
        display: none;
    }
    @supports (display: contents) {
        .tiles-categories-box .sl-wrap,
        .tiles-categories-box .items-wrap {
            display: contents;
        }
        .tiles-categories-box .item-wrap {
            width: 33.33%;
        }
        .tiles-categories-box .slider {
            display: -ms-flexbox;
            display: flex;
            margin: 0 -1rem;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            justify-content: center;
        }
    }
    .tiles-slider-box .slider-scrollbar-tiles {
        display: none;
    }
    .tile-slider-box .items-inner-wrap {
        margin-top: 3rem;
    }
    .tile-slider-box .items-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .tile-slider-box .item-wrap {
        width: auto;
        -ms-flex: 1;
        flex: 1;
    }
    .tile-slider-box .item-wrap:first-child,
    .tile-slider-box .item-wrap:nth-child(2),
    .tile-slider-box .item-wrap:nth-child(3) {
        width: auto;
        -ms-flex: 1;
        flex: 1;
    }
    .more-box {
        margin-top: 4rem;
    }
    .more-box:has(.button-link) {
        display: none;
    }
    .title-box:has(.action-wrap) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .title-box:has(.action-wrap) .title-wrap {
        -ms-flex: 1;
        flex: 1;
    }
    .title-box:has(.action-wrap) .info-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: -30px;
        font-size: 18px;
        margin-bottom: 60px;
    }
    .title-box:has(.section-counter) .section-title {
        padding-right: 15px;
    }
    .title-box .title-wrap {
        font-size: 18px;
        line-height: normal;
    }
    .title-box .action-wrap {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 30px;
        padding-left: 24px;
        padding-top: 12px;
    }
    .title-box .action-wrap .btn .button-title-border {
        border-bottom-width: 2px;
    }
    .title-box .action-wrap .btn:not(:hover) .button-ico {
        filter: var(--filterAttToBase);
    }
    .title-box .title-wrap {
        margin-bottom: 30px;
    }
    .title-box .title-wrap:has(+.tabs-wrap) {
        margin-bottom: 30px;
    }
    .title-box .section-title {
        margin-bottom: 20px;
    }
    .title-box .section-title:last-child {
        margin-bottom: 0;
    }
    .title-box .section-counter {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .title-box .tabs-wrap {
        margin-bottom: 30px;
    }
    .title-box .tabs-wrap .menu {
        margin: 0 -20px 0 0;
    }
    .title-box .tabs-wrap .menu li {
        padding: 0 20px 20px 0;
    }
    .section-outer-box.pt-small {
        padding-top: 4rem;
    }
    .lk-title-box {
        display: block;
        margin-bottom: 4rem;
    }
    .lk-title-box .title-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 15px;
        color: var(--clr-base-light);
        font-size: 18px;
    }
    .lk-title-box .title-wrap .btn {
        margin: 5px 0 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .lk-title-box .title-wrap .btn .button-ico {
        filter: var(--filterAttToLight);
    }
    .lk-title-box .title-wrap .btn:hover .button-ico {
        filter: none;
    }
    .lk-title-box .section-title {
        margin-bottom: 0;
        color: var(--clr-base);
        -ms-flex: 1;
        flex: 1;
    }
    .lk-title-box .back-wrap {
        display: none;
    }
    .lk-side-menu-box {
        border-radius: var(--tilesRadius);
        background: #fff;
        padding: 20px 3rem;
    }
    .lk-side-menu-box .menu {
        display: block;
        margin: 0;
    }
    .lk-side-menu-box .menu li {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .lk-side-menu-box .btn-menu {
        min-height: 0;
        padding: 15px;
        border-radius: var(--mainRadius);
        border: none;
        font-size: 15px;
        line-height: 1.34;
        font-weight: 600;
        color: var(--clr-base);
        background: var(--clr-bg-light);
        color: var(--clr-att);
    }
    .lk-side-menu-box .btn-menu:not(:hover, .active) {
        background-color: #fff;
        color: var(--clr-base);
    }
    .lk-side-menu-box .btn-menu .button-ico {
        display: none;
    }
    .content-outer-wrap {
        margin: 30px -30px;
        padding: 30px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .content-outer-wrap.section-lk {
        background: none;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .content-outer-wrap.section-lk .content-wrap {
        padding-left: 20px;
        max-width: calc(100% - 24.7rem);
    }
    .content-outer-wrap.section-lk .side-wrap {
        width: 24.7rem;
    }
    .content-order .content-wrap {
        -ms-flex-order: 1;
        order: 1;
        max-width: calc(100% - 37.8rem);
        padding: 0 4rem 0 0;
    }
    .content-order .side-wrap {
        width: 37.8rem;
        -ms-flex-order: 2;
        order: 2;
    }
    .side-wrap {
        -ms-flex-order: 1;
        order: 1;
        width: 28rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        z-index: 1;
    }
    .wrap:has(.side-wrap .side-menu-box ) {
        overflow: visible;
    }
    .content-wrap {
        -ms-flex: 1;
        flex: 1;
        width: auto;
        max-width: calc(100% - 28rem);
        padding-left: 4rem;
        -ms-flex-order: 2;
        order: 2;
    }
    .content-wrap .tiles-catalog-box .item-wrap {
        width: 50%;
    }
    .content-wrap .form-box .elm-photo {
        right: -7rem;
        width: 50rem;
    }
    .content-wrap .form-box .elm-photo img {
        width: 55rem;
    }
    .popup-form-cols .popup-box {
        width: 1100px;
    }
    .popup-box .popup-map-wrap {
        font-size: 1.8rem;
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }
    .popup-box .popup-map-wrap .maps-wrap {
        gap: 15px;
    }
    .popup-box .popup-map-wrap .btn {
        font-size: 1.8rem;
    }
    .popup-box .popup-title-wrap {
        font-size: 18px;
    }
    .popup-box .form-input {
        font-size: 18px;
    }
    .popup-animate-right {
        top: 100px;
    }
    .content-box {
        margin-left: 0;
        margin-right: 0;
        padding: 4rem 35px;
    }
    .page-full .popup-box .form-input {
        padding-left: 2.4rem;
        font-size: 18px;
    }
    .page-full .popup-box .frm-row-submit {
        padding-top: 10px;
    }
    .page-full .popup-box .field-submit .btn.button-link {
        font-size: 18px;
        line-height: 1.61;
        font-weight: 600;
        margin-top: 10px;
    }
    .page-full .popup-box .field-submit .btn {
        width: 100%;
    }
    .page-full .popup-box .field-submit .btn.button-link {
        width: auto;
    }
}
/*1919px*/
@media (min-width: 1024px) and (max-width: 1559px) {
    .tiles-thumbs-slider-box {
        display: block;
        height: auto;
    }
    .tiles-thumbs-slider-box .slider-photos-main {
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs {
        width: 100%;
        display: block;
        position: relative;
        margin-top: 15px;
        height: auto;
        padding: 0 30px;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .slider-wrap {
        margin: 0 -5px;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .sl-wrap {
        padding: 0 5px;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo {
        aspect-ratio: 1;
        border-radius: var(--mainRadius);
        border: 1px solid #fff;
        cursor: pointer;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:hover {
        border-color: var(--clr-border);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.5);
        transition: all ease 0.2s;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo {
        cursor: default;
        border-color: var(--clr-att);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo:after {
        opacity: 0;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .btn-action-ico.ico-arrow {
        width: 24px;
        height: 24px;
        background: none;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px;
        background: var(--clr-att);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .btn-action-ico.ico-arrow:before {
        filter: var(--filterWhite);
        background-size: 10px auto;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .btn-action-ico.ico-arrow-next {
        left: auto;
        right: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1349px) {
    .tile-slider-box .items-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tile-slider-box .item-wrap {
        width: 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
    }
    .tile-slider-box .item-wrap:first-child,
    .tile-slider-box .item-wrap:nth-child(2),
    .tile-slider-box .item-wrap:nth-child(3) {
        width: 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .info-contacts-panel-box.type-second .photo-inner-wrap .elm-photo.photo-order {
        margin-right: 0;
    }
    .info-contacts-panel-box.type-second .photo-inner-wrap:has(.elm-photo.photo-order) {
        left: 70%;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap {
        padding: 0 4rem;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:before,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap .item-wrap:before {
        width: 8rem;
        margin-left: -4rem;
    }
    .action-info-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap,
    .info-contacts-panel-box .items-inner-wrap:has(.item-tile-info-ico>.tile-number) .items-wrap {
        margin: 0 -4rem;
    }
    .info-contacts-box .info-inner-wrap {
        padding-right: 3rem;
    }
}
@media (min-width: 1200px) {
    .tiles-calculate-box .item-wrap {
        width: 33.33%;
    }
    .scale-bonuses-box .step-title {
        font-size: 1.8rem;
    }
    .lk-question-box .item-tile-message {
        width: 706px;
    }
    .lk-bonuses-info-box .item-wrap {
        width: 25%;
    }
    .form-lk-box .field-half {
        width: 50%;
    }
    .form-order-box .frm-field.field-half {
        width: 50%;
    }
    .form-order-box .frm-field.field-half-small {
        width: 22%;
    }
    .form-order-box .frm-field.field-half-main {
        width: 28%;
    }
    .action-info-box .item-wrap,
    .info-contacts-panel-box .item-wrap {
        width: 25%;
    }
    @supports (display: contents) {
        .tiles-categories-box .item-wrap {
            width: 25%;
        }
    }
    .tiles-catalog-box .item-wrap {
        width: 25%;
    }
    .content-wrap .tiles-catalog-box .item-wrap {
        width: 33.33%;
    }
}
@media (min-width: 1300px) {
    .lk-tiles-box .item-wrap {
        width: 33.33%;
    }
    .lk-tiles-box .item-wrap.wrap-main {
        width: 66.66%;
    }
}
@media (min-width: 1350px) {
    .lk-toggle-box .popup-order-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 30px;
    }
    .lk-toggle-box .orders-list-wrap {
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        margin-top: 1.3rem;
    }
    .lk-toggle-box .orders-info-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .lk-toggle-box .orders-total-wrap {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .lk-toggle-box:has(.btn-popup.active) .orders-list-wrap {
        height: 70px;
        margin-top: 1.3rem;
    }
    .lk-actions-box {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 5rem;
    }
    .lk-actions-box .tabs-inner-wrap {
        width: auto;
    }
    .lk-actions-box .search-inner-wrap {
        width: auto;
        -ms-flex: 1;
        flex: 1;
    }
    .info-contacts-panel-box:has(.messages-inner-wrap) .box-inner-wrap {
        min-height: 250px;
    }
    .info-contacts-panel-box:has(.messages-inner-wrap) .info-inner-wrap {
        margin-right: 4rem;
    }
    .info-contacts-panel-box:has(.messages-inner-wrap) .messages-inner-wrap {
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: top;
    }
    .info-contacts-panel-box:has(.messages-inner-wrap) .title-inner-wrap {
        width: 90%;
    }
    .info-contacts-panel-box:has(.messages-inner-wrap) .photo-inner-wrap .elm-photo {
        padding-right: 60px;
    }
    .info-contacts-panel-box:has(.messages-inner-wrap) .photo-inner-wrap .elm-photo img {
        max-height: 240px;
    }
    .form-order-box .row-tabs.frm-row {
        margin: 0 -10px 4rem -10px;
    }
    .form-order-box .row-tabs .frm-field {
        padding: 0 10px;
        margin-bottom: 0;
        width: 33.33%;
    }
    .actions-callback-box {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .actions-callback-box .action-wrap {
        width: auto;
        margin: 0;
    }
    .actions-callback-box .action-wrap .btn {
        min-width: 29.5rem;
    }
    .actions-callback-box .soc-wrap {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        padding-top: 1px;
    }
    .actions-callback-box .button-soc,
    .actions-callback-box .button-soc-att {
        width: 48px;
        height: 48px;
    }
    .info-callback-box .box-inner-wrap {
        padding-right: 200px;
        min-height: 370px;
    }
    .info-callback-box .box-inner-wrap:after {
        display: none;
    }
    .info-callback-box .elm-photo {
        width: 700px;
    }
    .info-card-box .elm-panel-button .info-action {
        width: auto;
    }
    .info-card-box .elm-panel-button .info-title {
        /*padding-right: 10px;*/
        text-align: center;
    }
    .info-card-box .info-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }
    .info-card-box .product-info-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 0;
    }
    .info-card-box .price-info-wrap {
        width: 50%;
        margin-right: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .info-card-box .counter-info-wrap {
        margin-right: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: block;
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .info-card-box .counter-wrap {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        padding: 0 15px 0 0;
        margin-right: 0;
    }
    .info-card-box .button-wrap {
        width: auto;
        padding: 0;
        margin-right: 0;
    }
    .info-card-box .features-info-wrap,
    .info-card-box .delivery-info-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .info-card-box table br {
        display: none;
    }
    .tiles-categories-box .item-wrap {
        width: 20%;
    }
    .info-card-box .button-wrap .btn {
        min-width: 22rem;
        width: auto;
    }
    @supports (display: contents) {
        .tiles-categories-box .item-wrap {
            width: 20%;
        }
    }
    .tiles-catalog-box .item-wrap {
        width: 20%;
    }
    .content-wrap .tiles-catalog-box .item-wrap {
        width: 25%;
    }
}
@media (min-width: 1500px) {
    @supports (display: contents) {
        .tiles-categories-box .item-wrap {
            width: 20%;
        }
    }
    .popup-cart-header .popup-box {
        position: absolute;
        left: 50%;
        right: auto;
        margin-left: 220px;
    }
}
@media (min-width: 1600px) {
    .tiles-slider-box .button-slider-tiles-next.btn-action-ico {
        top: 50%;
        margin-top: -50px;
    }
    .tiles-slider-box .button-slider-tiles-prev.btn-action-ico {
        top: 50%;
        margin-top: -50px;
    }
}
/*1920px*/
@media (min-width: 1560px) {

    .item-tile-catalog .tile-action-wrap .btn {
        height: 50px;
    }
    .info-card-box .button-wrap .btn {
        min-width: 24.4rem;
    }
    .panel-card-box .button-inner-wrap .btn {
        font-size: 18px;
    }
    .info-card-box .stickers-info-wrap {
        left: 86px;
    }
    .list-dots li:before {
        width: 7px;
        height: 7px;
    }
    .h1-title,
    h1 {
        font-size: 3rem;
    }
    .h2-title,
    h2 {
        font-size: 25px;
    }
    .h3-title,
    h3 {
        font-size: 25px;
    }

    .tiles-thumbs-slider-box .slider-photos-thumbs {
        width: 70px;
        display: block;
        height: 44.2rem;
        padding: 2.1rem 0;
        position: relative;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .slider-wrap {
        margin: 0;
        height: 40rem;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .sl-wrap {
        height: 8rem;
        width: 100%;
        padding: 5px 0;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo {
        aspect-ratio: inherit;
        height: 7rem;
        width: 100%;
        border-radius: var(--mainRadius);
        border: 1px solid #fff;
        cursor: pointer;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:hover {
        border-color: var(--clr-border);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.5);
        transition: all ease 0.2s;
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo {
        cursor: default;
        border-color: var(--clr-att);
    }
    .tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo:after {
        opacity: 0;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow {
        position: absolute;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 2.1rem;
        border: none;
        border-radius: 0;
        margin: 0;
        cursor: pointer;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:before {
        rotate: 90deg;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:not(:hover):before {
        filter: var(--filterAttToBLight);
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:hover {
        background: none;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow:hover:before {
        filter: none;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow-next {
        top: auto;
        bottom: 0;
    }
    .tiles-thumbs-slider-box .btn-action-ico.ico-arrow-next:before {
        rotate: 90deg;
    }

    .header-nav-panel {
        border-top: 1px solid var(--clr-border);
        font-size: 18px;
        font-weight: 600;
    }

    table thead th,
    table thead td {
        font-size: 18px;
    }
}
/* ----------------------------------- *\
                        inputs elements styles
\* ----------------------------------- */
[placeholder]::-webkit-input-placeholder {
    color: var(--clr-base-light);
}
[placeholder]:-moz-placeholder {
    color: var(--clr-base-light);
}
[placeholder]::-moz-placeholder {
    color: var(--clr-base-light);
}
[placeholder]:-ms-input-placeholder {
    color: var(--clr-base-light);
}
.form-input[placeholder] {
    text-overflow: ellipsis;
}
.form-input {
    text-overflow: ellipsis;
    height: 50px;
    border-radius: var(--mainRadius);
    background: #fff;
    border: 1px solid #fff;
    padding: 0 10px 0 24px;
    font-size: 16px;
    color: var(--clr-base);
}
.form-input:focus,
.form-input.inp-valid {
    border-color: var(--clr-att);
}
.form-input.inp-error, .inp-valid .form-input {
    border-color: var(--clr-alert);
}
.inp-border {
    border-color: var(--clr-border);
}
.inp-light {
    border-color: var(--clr-bg-light);
    background-color: var(--clr-bg-light);
}
.inp-light:focus {
    background-color: #fff;
}
textarea.form-input {
    height: 130px;
    padding-top: 12px;
    line-height: normal;
}
select.form-input {
    display: block;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 30px;
    background-image: url(/images/web/icons/arrow-select.svg);
    background-position: right 20px center;
    background-color: #fff;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none!important;
    line-height: 1em;
    text-indent: 0.01px;
    outline: none;
    cursor: pointer;
}
select.form-input.form-input-clear {
    height: auto;
    border: none;
    min-height: 0;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    line-height: inherit;
    padding: 0 16px 0 0;
    color: inherit;
    font-weight: bold;
    background-image: url(/images/web/icons/arrow-select.png);
    background-size: 8px auto;
    background-repeat: no-repeat;
    background-position: right center;
}
select.form-input:invalid {
    border-color: #fff;
}
select.form-input.inp-error {
    border-color: var(--clr-alert);
}
select::-ms-expand {
    display: none;
}
select.form-input:required:invalid {
    color: #ADADAD;
}
.btn {
    height: 50px;
    border-radius: var(--mainRadius);
    font-size: 16px;
    font-weight: 600;
    background: var(--clr-att);
    border: 1px solid var(--clr-att);
    color: #fff;
    padding: 0 30px;
}
.btn:hover {
    background-color: var(--clr-att-second);
    border-color: var(--clr-att-second);
    color: #fff;
}
.btn.button-full {
    width: 100%;
    padding: 0 15px;
}
.btn.button-link {
    width: auto;
    height: auto;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    min-width: 0;
    background: none;
    border: none;
    border-radius: 0;
    font-weight: inherit;
    font-size: 1em;
}
.btn.button-link:hover {
    border: none;
    background: none;
    color: var(--clr-att);
}
.btn.button-gray {
    background-color: var(--clr-bg-light);
    border-color: var(--clr-bg-light);
    color: var(--clr-base);
}
.btn.button-gray:hover {
    background-color: var(--clr-bg-light);
    border-color: var(--clr-bg-light);
    color: var(--clr-att);
}
.btn.button-white {
    background-color: white;
    border: 1px solid var(--clr-border);
    color: var(--clr-base);
}
.btn.button-white:hover {
    background-color: white;
    border-color: var(--clr-att);
    color: var(--clr-att);
}
.btn.button-round {
    border-radius: 100px;
}
.btn.button-tab-line {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0 10px;
    color: var(--clr-base);
    width: 100%;
}
.btn.button-tab-line:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--clr-border);
}
.btn.button-tab-line:hover,
.btn.button-tab-line.active {
    color: var(--clr-att);
    background: none;
}
.btn.button-tab-line:hover:before,
.btn.button-tab-line.active:before {
    background: var(--clr-att);
}
.btn.button-tab-line.active {
    font-weight: bold;
}
.btn.button-tab-line.active:before {
    height: 2px;
}
.btn.button-tab {
    height: 40px;
    border-radius: 20px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--clr-base-light);
    border-color: var(--clr-border);
    background-color: transparent;
}
.btn.button-tab:hover,
.btn.button-tab.active {
    border-color: var(--clr-att);
    background-color: var(--clr-att);
    color: #fff;
}
.btn.button-light {
    background-color: #fff;
    border-color: #fff;
    color: var(--clr-base);
}
.btn.button-light:hover {
    background-color: var(--clr-bg-light);
    border-color: var(--clr-bg-light);
    color: var(--clr-att);
}
.btn.button-light.button-border {
    background-color: transparent;
    color: #fff;
}
.btn.button-light.button-border:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--clr-base);
}
.btn.button-tag {
    background: none;
    border-color: var(--clr-border);
    color: var(--clr-base-light);
}
.btn.button-tag:hover, .btn.button-tag.active {
    background: var(--clr-att);
    border-color: var(--clr-att);
    color: #fff;
}
.btn.button-tag:hover .button-title:before, .btn.button-tag.active .button-title:before {
    color: #fff;
}
/*.btn.button-tag .button-title:before {
    content: "#";
    font-size: 1.2em;
    color: var(--clr-att);
    transition: all ease 0.2s;
    margin: 0 5px 0 0;
}*/
.btn.button-filter {
    height: 34px;
    border-radius: 5px;
    border-color: var(--clr-border);
    background-color: transparent;
    background-color: white;
    padding: 0 9px;
    font-size: 13px;
    font-weight: 600;
    color: var(--clr-base-light);
}
.btn.button-filter:hover,
.btn.button-filter.active {
    border-color: var(--clr-att);
    background-color: transparent;
    color: var(--clr-att);
}
.btn.button-selected {
    background: #F5F7FA;
    border-radius: 5px;
    height: 36px;
    padding: 0 34px 0 15px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: var(--clr-base-light);
}
.btn.button-selected:hover {
    background: #F5F7FA;
    color: var(--clr-base-light);
}
.btn.button-selected .button-value {
    display: inline;
    color: var(--clr-base);
}
.btn.button-selected .button-del {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -12px -12px 0 0;
    z-index: 2;
    filter: var(--filterAttToLight);
}
.btn.button-selected .button-del:hover {
    filter: none;
}
.btn.button-selected .btn-action-ico.ico-clear:before {
    background-size: 16px auto;
}
.btn.button-border {
    background-color: transparent;
    color: var(--clr-att);
}
.btn.button-border:hover {
    background-color: var(--clr-att);
    border-color: var(--clr-att);
    color: #fff;
}
.btn .button-title {
    display: block;
}
.btn .button-title[data-title]:before {
    content: attr(data-title);
}
.btn .button-title[data-show]:before {
    content: attr(data-show);
}
.btn .button-title-border {
    border-bottom: 1px solid;
}
.btn.active .button-title[data-title-active]:before {
    content: attr(data-title-active);
}
.btn.active .button-title[data-hide]:before {
    content: attr(data-hide);
}
.btn .button-active-add .button-title:before,
.btn .button-active-toggle .button-title:before {
    content: attr(data-title);
}
.btn .button-active-add .button-ico-active,
.btn .button-active-toggle .button-ico-active {
    display: none;
}
.btn .button-active-add.active .button-title:before,
.btn .button-active-toggle.active .button-title:before {
    content: attr(data-title-active);
}
.btn .button-active-add.active:has(.button-ico-active) .button-ico,
.btn .button-active-toggle.active:has(.button-ico-active) .button-ico {
    display: none;
}
.btn .button-active-add.active:has(.button-ico-active) .button-ico-active,
.btn .button-active-toggle.active:has(.button-ico-active) .button-ico-active {
    display: block;
}
.btn[disabled],
.btn.button-disabled {
    pointer-events: none;
    background: var(--clr-border);
    border-color: var(--clr-border);
    color: var(--clr-base-light);
}
.button-main {
    width: 100%;
}
.button-border:not(:hover) .button-ico {
    filter: none;
}
.button-link .button-ico,
.button-light .button-ico,
.button-gray .button-ico {
    filter: none;
}
.button-gray:hover .button-ico {
    filter: var(--filterWhite);
}
.button-toggle {
    padding-left: 0;
    padding-right: 26px;
    position: relative;
}
.button-toggle.button-link {
    padding-right: 26px;
}
.button-toggle:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
    background-size: 40px auto;
    top: 50%;
    right: 0;
    margin-top: -10px;
    transition: all ease 0.2s;
    filter: none;
}
.button-toggle.active:after {
    rotate: 180deg;
}
.button-ico {
    width: var(--icoSize);
    height: var(--icoSize);
    margin: 0 10px;
    transition: all ease 0.2s;
    filter: var(--filterWhite);
}
.button-ico:last-child {
    margin-right: 0;
}
.button-ico:first-child {
    margin-left: 0;
}
.btn-action-ico {
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: block;
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    transition: all ease 0.2s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.btn-action-ico:not(.btn) {
    background: none;
    border: none;
    box-shadow: none;
}
.btn-action-ico.btn {
    min-width: 0;
    min-height: 0;
    padding: 0;
}
.btn-action-ico.btn:before,
.btn-action-ico.btn:after {
    filter: var(--filterWhite);
}
.btn-action-ico.btn.button-gray:before,
.btn-action-ico.btn.button-gray:after {
    filter: none;
}
.btn-action-ico:before,
.btn-action-ico:after,
.btn-action-ico [class*="icon-"],
.btn-action-ico img,
.btn-action-ico svg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all ease 0.2s;
}
.btn-action-ico img,
.btn-action-ico svg {
    max-width: var(--icoSize);
    max-height: var(--icoSize);
}
.btn-action-ico:before,
.btn-action-ico:after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--icoSize) auto;
}
.btn-action-ico:hover {
    text-decoration: none;
}
.btn-action-ico:hover:not(.btn) {
    background: none;
    box-shadow: none;
}
.btn-action-ico.ico-search:before {
    background-image: url(/images/web/icons/search.svg);
}
.btn-action-ico.ico-fav:hover:before {
    filter: none;
}
.btn-action-ico.ico-fav:before {
    background-image: url(/images/web/icons/favorite.svg);
    background-size: 32px auto;
    filter: var(--filterAttToLight);
}
.btn-action-ico.ico-fav:after {
    background-image: url(/images/web/icons/favorite-active.svg);
    background-size: 32px auto;
}
.btn-action-ico.ico-password-toggle:before {
    background-image: url(/images/web/icons/hide.svg);
    filter: var(--filterAttToLight);
}
.btn-action-ico.ico-password-toggle:after {
    background-image: url(/images/web/icons/show.svg);
    filter: var(--filterAttToLight);
    opacity: 0;
}
.btn-action-ico.ico-password-toggle:hover:before,
.btn-action-ico.ico-password-toggle:hover:after {
    filter: none;
}
.btn-action-ico.ico-arrow {
    z-index: 20;
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-top: -28px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #fff;
    z-index: 10;
}
.btn-action-ico.ico-arrow:before {
    background-image: url(/images/web/icons/arrow-slider.svg);
}
.btn-action-ico.ico-arrow:hover {
    background-color: var(--clr-att);
    border-color: var(--clr-att);
}
.btn-action-ico.ico-arrow:hover:before {
    filter: var(--filterWhite);
}
.btn-action-ico.ico-arrow.swiper-button-disabled {
    cursor: default;
}
.btn-action-ico.ico-arrow-prev {
    right: auto;
    left: 0;
}
.btn-action-ico.ico-arrow-prev:before {
    transform: rotate(180deg);
}
.btn-action-ico.ico-del:before {
    background-image: url(/images/web/icons/trash.svg);
    background-size: 27px auto;
    filter: var(--filterAttToLight);
}
.btn-action-ico.ico-del:hover:before {
    filter: none;
}
.btn-action-ico.ico-menu:after,
.btn-action-ico.ico-menu:before {
    width: 24px;
    height: 18px;
    border-top: 2px solid var(--clr-base);
    border-bottom: 2px solid var(--clr-base);
    margin: -9px 0 0 -12px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
}
.btn-action-ico.ico-menu:before {
    height: 2px;
    margin-top: -1px;
    border-top: none;
}
.btn-action-ico.ico-menu.active:after {
    height: 2px;
    margin-top: -1px;
    border-top: none;
    transform: rotate(-45deg);
}
.btn-action-ico.ico-menu.active:before {
    transform: rotate(45deg);
}
.btn-action-ico.ico-close:before,
.btn-action-ico.ico-clear:before {
    background-image: url(/images/web/icons/cross.svg);
    filter: var(--filterAttToLight);
}
.btn-action-ico.ico-close:hover:before,
.btn-action-ico.ico-clear:hover:before {
    filter: none;
}
.btn-action-ico.ico-close-small:before,
.btn-action-ico.ico-clear-small:before {
    background-image: url(/images/web/icons/cross.svg);
    filter: var(--filterAttToLight) opacity(0.4);
    background-size: 24px auto;
}
.btn-action-ico.ico-close-small:hover:before,
.btn-action-ico.ico-clear-small:hover:before {
    filter: none;
}
.btn-action-ico.button-soc img,
.btn-action-ico.button-soc svg {
    max-width: 100%;
    max-height: 100%;
    filter: var(--filterAttToLight);
}
.btn-action-ico.button-soc:hover img,
.btn-action-ico.button-soc:hover svg {
    filter: var(--filterWhite);
}
.btn-action-ico.button-soc-att img,
.btn-action-ico.button-soc-att svg {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.btn-action-ico.button-soc-att:hover {
    opacity: 0.8;
}
.btn-action-ico.button-active-close:after,
.btn-action-ico.button-active-toggle:after {
    opacity: 0;
}
.btn-action-ico.button-active-close.active:before,
.btn-action-ico.button-active-toggle.active:before {
    opacity: 0;
}
.btn-action-ico.button-active-close.active:after,
.btn-action-ico.button-active-toggle.active:after {
    opacity: 1;
}
.btn-action-ico.button-active-close:after {
    background-image: url(/images/web/icons/close.svg);
}
.btn-action.active[data-count]:after, .order-wrap[data-count]:after {
    content: attr(data-count);
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    padding: 0 5px;
    text-align: center;
    background: var(--clr-alert);
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    border-radius: 9px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    top: auto;
    right: auto;
    z-index: 4;
}
@media (max-width: 1023px) {
    .btn.button-full-m {
        width: 100%;
        padding: 0 15px;
    }
}
@media (min-width: 1024px) {
    .btn.button-full-d {
        width: 100%;
        padding: 0 15px;
    }
    .btn.button-tab {
        height: 50px;
        padding: 0 29px;
        border-radius: 25px;
        font-size: 18px;
    }
    .button-main {
        min-width: 28rem;
        width: auto;
    }
}
/*1920px*/
@media (min-width: 1560px) {
    .btn {
        font-size: 18px;
    }
    .btn.button-tab-line {
        font-size: 18px;
    }
}

.ico-fav:hover  {
    -webkit-animation-name: head-two;
    animation-name: head-two;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes head-two {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes head-two {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


@media (max-width: 1023px) {
    .btn.button-full-m {
        width: 100%;
        padding: 0 15px;
    }
}
@media (min-width: 1024px) {
    .btn.button-filter {
        height: 36px;
        font-size: 15px;
    }
    .btn.button-full-d {
        width: 100%;
        padding: 0 15px;
    }
    .btn.button-tab {
        height: 50px;
        padding: 0 29px;
        border-radius: 25px;
        font-size: 18px;
    }
    .button-main {
        min-width: 28rem;
        width: auto;
    }
}
/* ----------------------------------- *\
                        forms elements styles
\* ----------------------------------- */
.frm-field-password {
    display: block;
    position: relative;
    line-height: 1;
}
.frm-field-password .button-password-toggle {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 37px;
    margin: -20px -20px 0 0;
    z-index: 2;
}
.frm-field-password .form-input {
    padding-right: 70px;
}
.frm-file-upload {
    border-radius: 5px;
    display: block;
    position: relative;
    height: 170px;
    border: 2px dashed var(--clr-border);
}
.frm-file-upload:before {
    content: "";
    display: block;
    width: 93px;
    height: 86px;
    position: absolute;
    background: url(/images/web/icons/cloud.svg) center no-repeat;
    background-size: 100% auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    filter: var(--filterAttToBLight) opacity(0.7);
}

.form-main-box.type-calc .frm-file-upload {
    height: 100px;
}
.form-main-box.type-calc .frm-file-upload:before {
    width: 65px;
    height: 65px;
}

.frm-file-attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    font-size: 25px;
    padding: 0 34px 0 0;
    font-size: 15px;
}
.frm-file-attachment .file-title {
    display: block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.frm-file-attachment .file-button-del {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
}
.frm-content {
    display: none;
    animation: fadein ease 0.2s;
}
.frm-content.active {
    display: block;
}
.frm-content:empty.active {
    display: none;
}
.frm-popup {
    animation: fadein ease 0.2s;
}
.frm-popup.form-hidden {
    display: none;
}
.frm-popup .frm-message {
    position: relative;
    white-space: normal;
    font-size: 11px;
    line-height: 12px;
    padding: 5px 0 0 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}
.frm-popup .frm-field {
    margin-bottom: 30px;
}
.frm-popup .frm-field:has(.frm-message) {
    margin-bottom: 15px;
}
.frm-popup .frm-row-submit .frm-field:last-child {
    margin-bottom: 0;
}
.frm-popup .frm-title-wrap {
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 1.3;
}
.frm-popup .frm-title {
    font-weight: 600;
    margin-bottom: 10px;
}
.frm-popup .field-text {
    font-size: 15px;
    line-height: 1.3;
}
.frm-popup .field-text b {
    font-weight: 600;
}
.frm-popup .field-link {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.61;
    margin-top: 10px;
    margin-bottom: 5px;
}
.frm-popup .form-phone {
    white-space: nowrap;
}
.frm-field-select {
    position: relative;
}
.frm-field-select.type-text .select-content-block {
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 5px;
    padding: 15px 0;
}
.frm-field-select .select-content-block {
    display: none;
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    border-radius: var(--mainRadius);
    box-shadow: 0px 4px 18.3px 0px rgba(0, 0, 0, 0.11);
    background: #fff;
    z-index: 20;
    padding: 15px 5px 15px 15px;
    width: 263px;
}
.frm-field-select .select-content-wrap {
    columns: 2;
    column-gap: 24px;
    padding-right: 10px;
    display: block;
    position: relative;
    width: 100%;
}
.frm-field-select .select-scroll-wrap {
    max-height: 230px;
    overflow-y: auto;
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background-color: var(--clr-bg-light);
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar-thumb {
    background-color: var(--clr-border);
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar-thumb:hover {
    background-color: var(--clr-border);
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar-button:vertical:start:decrement {
    background-color: transparent;
    width: 0;
    height: 0;
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar-button:vertical:end:increment {
    background-color: transparent;
    width: 0;
    height: 0;
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar-button:horizontal:start:decrement {
    background-color: transparent;
    width: 0;
    height: 0;
}
.frm-field-select .select-scroll-wrap::-webkit-scrollbar-button:horizontal:end:increment {
    background-color: transparent;
    width: 0;
    height: 0;
}
.frm-field-select .frm-select {
    margin-bottom: 5px;
    break-inside: avoid-column;
    width: 100%;
}
.frm-field-select .btn-popup-close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 22px;
    right: 22px;
    margin: -12px -12px 0 0;
    filter: var(--filterAttToLight);
    z-index: 10;
}
.frm-field-select .btn-popup-close:hover {
    filter: none;
}
.frm-field-select .btn-filter-toggle {
    height: 45px;
    padding: 0 41px 0 19px;
    font-size: 16px;
    font-weight: 600;
    min-width: 0;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.frm-field-select .btn-filter-toggle:before {
    right: 26px;
}
.frm-field-select .btn-filter-toggle.button-gray {
    border-color: var(--clr-border);
    color: var(--clr-base-light);
}
.frm-field-select .btn-filter-toggle.button-gray:before {
    filter: var(--filterAttToLight);
}
.frm-field-select .btn-filter-toggle.button-gray:hover,
.frm-field-select .btn-filter-toggle.button-gray.active {
    background-color: var(--clr-base-light);
    border-color: var(--clr-base-light);
    color: #fff;
}
.frm-field-select .btn-filter-toggle.button-gray:hover:before,
.frm-field-select .btn-filter-toggle.button-gray.active:before {
    filter: var(--filterWhite);
}
.frm-field-select .btn-filter-toggle {
    position: relative;
}
.frm-field-select .btn-filter-toggle.active:before {
    rotate: 180deg;
}
.frm-field-select .btn-filter-toggle:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
    background-size: 40px auto;
    top: 50%;
    right: 24px;
    margin: -12px -12px 0 0;
    transition: all ease 0.2s;
}
.frm-field-select .btn-action-ico.ico-close:before {
    background-size: 20px auto;
}
.frm-field-select .btn-popup {
    width: 100%;
    white-space: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    padding: 10px 30px 10px 15px;
    border-radius: 8px;
    height: auto;
    font-weight: 400;
}
.frm-field-select .btn-popup.active:before {
    rotate: 180deg;
}
.frm-field-select .btn-popup:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-toggle.svg) center no-repeat;
    background-size: 40px auto;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    transition: all ease 0.2s;
}
.frm-field-select .btn-popup .button-ico {
    width: 30px;
    height: 30px;
    margin: 0;
    filter: none;
}
.frm-field-select .btn-popup .button-name {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px;
    max-width: calc(100% - 30px);
}
.frm-field-select .btn-popup .button-title {
    display: block;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 0;
    padding: 1px 0;
    font-size: 15px;
    line-height: 1.6;
}
.frm-field-select .btn-popup .button-title b {
    display: none;
}
.frm-field-select .btn-popup.button-gray:hover {
    border-color: var(--clr-att);
    color: var(--clr-base);
    background-color: transparent;
}
.frm-field-select .btn-menu {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 5px 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: var(--clr-base);
}
.frm-field-select .btn-menu:hover {
    color: var(--clr-att);
}
.frm-field-select .btn-menu .button-ico,
.frm-field-select .btn-menu .button-name {
    display: none;
}
.frm-succefull-message {
    display: none;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.frm-succefull-message .frm-title {
    font-size: 18px;
    font-weight: bold;
    color: inherit;
    line-height: normal;
    margin: 0;
}
.frm-succefull-message .elm-ico {
    margin: 40px auto 0 auto;
    width: 116px;
    height: 116px;
}
.frm-succefull-message .elm-ico img,
.frm-succefull-message .elm-ico svg {
    width: 100%;
}
.frm-message-succefull,
.frm-message-wait,
.frm-message-cancel {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: var(--clr-succefull);
    padding: 0 0 0 30px;
}
.frm-message-succefull:before,
.frm-message-wait:before,
.frm-message-cancel:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/stock.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    left: 0;
    margin-top: -12px;
}
.frm-message-cancel {
    color: var(--clr-alert);
}
.frm-message-cancel:before {
    background-image: url(/images/web/icons/cancel.svg);
}
.frm-message-wait {
    color: var(--clr-base-light);
}
.frm-message-wait:before {
    background-image: url(/images/web/icons/wait.svg);
    filter: var(--filterAttToLight);
}
.frm-message-info {
    display: block;
    position: relative;
    padding: 0 0 0 30px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
.frm-message-info:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/info.svg) center no-repeat;
    background-size: 100% auto;
    top: -2px;
    left: -2px;
    filter: var(--filterAttToBase);
}
.frm-message {
    display: block;
    position: relative;
    margin: 5px 0;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}
.frm-message:first-child {
    margin-top: 0;
}
.frm-message:last-child {
    margin-bottom: 0;
}
.frm-field-counter {
    display: block;
    position: relative;
    height: 50px;
    border-radius: var(--mainRadius);
    border: 1px solid var(--clr-border);
    padding: 0 40px;
}
.frm-field-counter.type-small-all {
    border-radius: 4px;
    height: 30px;
    padding: 0 30px;
}
.frm-field-counter.type-small-all .button-plus,
.frm-field-counter.type-small-all .button-minus {
    border-radius: 4px;
    margin-top: -15px;
}
.frm-field-counter.type-small-all .button-plus.btn,
.frm-field-counter.type-small-all .button-minus.btn {
    width: 30px;
    height: 30px;
}
.frm-field-counter.type-small-all .button-plus:before,
.frm-field-counter.type-small-all .button-minus:before,
.frm-field-counter.type-small-all .button-plus:after,
.frm-field-counter.type-small-all .button-minus:after {
    width: 12px;
    margin-left: -6px;
}
.frm-field-counter.type-small-all .button-minus {
    left: 0;
}
.frm-field-counter.type-small-all .button-plus {
    right: 0;
}
.frm-field-counter.type-small-all .form-input {
    height: 28px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
}
.frm-field-counter.type-small-all .field-total {
    display: none;
}
.frm-field-counter.type-small-all:has(.field-total) {
    margin-bottom: 22px;
    position: relative;
    overflow: visible;
}
.frm-field-counter.type-small-all:has(.field-total) .field-total {
    display: block;
    position: absolute;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    padding-top: 4px;
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    top: 100%;
    left: 0;
    right: 0;
    bottom: auto;
}
.frm-field-counter .field-total {
    position: absolute;
    bottom: 5px;
    left: 40px;
    right: 40px;
    pointer-events: none;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    color: var(--clr-base-light);
    text-align: center;
}
.frm-field-counter .form-input {
    height: 48px;
    width: 100%;
    padding: 0 0 18px 0;
    text-align: center;
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}
.frm-field-counter .button-plus,
.frm-field-counter .button-minus {
    width: 36px;
    height: 36px;
    border-radius: var(--mainRadius);
    padding: 0;
    min-width: 0;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -18px;
    z-index: 2;
    background: var(--clr-border);
    border: none;
}
.frm-field-counter .button-plus:hover,
.frm-field-counter .button-minus:hover {
    background-color: var(--clr-att);
}
.frm-field-counter .button-plus:hover:before,
.frm-field-counter .button-minus:hover:before,
.frm-field-counter .button-plus:hover:after,
.frm-field-counter .button-minus:hover:after {
    background-color: #fff;
}
.frm-field-counter .button-plus.btn,
.frm-field-counter .button-minus.btn {
    width: 36px;
    height: 36px;
    min-width: 0;
}
.frm-field-counter .button-plus:before,
.frm-field-counter .button-minus:before,
.frm-field-counter .button-plus:after,
.frm-field-counter .button-minus:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: var(--clr-base);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all ease 0.2s;
    margin: -1px 0 0 -10px;
}
.frm-field-counter .button-plus.button-disabled,
.frm-field-counter .button-minus.button-disabled {
    pointer-events: none;
}
.frm-field-counter .button-plus.button-disabled:before,
.frm-field-counter .button-minus.button-disabled:before,
.frm-field-counter .button-plus.button-disabled:after,
.frm-field-counter .button-minus.button-disabled:after {
    background-color: var(--clr-base-light);
}
.frm-field-counter .button-plus {
    left: auto;
    right: 6px;
}
.frm-field-counter .button-plus:before {
    rotate: 90deg;
}
.frm-main-search {
    line-height: 1;
    position: relative;
    display: block;
}
.frm-main-search:hover .form-input {
    border-color: var(--clr-att-second);
    background-color: #fff;
}
.frm-main-search .form-input {
    height: 40px;
    padding-left: 14px;
    padding-right: 50px;
    transition: all ease 0.2s;
}
.frm-main-search .btn-form {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.frm-main-search .frm-field-input-action .btn-clear {
    margin-right: 40px;
}
.frm-main-search .frm-field-input-action .form-input {
    padding-right: 80px;
}
.frm-field-input-action {
    position: relative;
    line-height: 1;
    display: block;
}
.frm-field-input-action .btn-clear {
    width: 44px;
    height: 40px;
    position: absolute;
    margin-top: -20px;
    top: 50%;
    right: 0;
    z-index: 2;
    display: none;
    cursor: pointer;
}
.frm-field-input-action.inp-valid .btn-clear {
    display: block;
}
.frm-row,
.frm-field,
.frm-row-submit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    line-height: 1;
}
.frm-field {
    display: block;
    width: 100%;
}
.frm-select,
.frm-select-panel,
.frm-select-button {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 1;
}
.frm-select input,
.frm-select-panel input,
.frm-select-button input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}
.frm-select input[disabled] ~ label,
.frm-select-panel input[disabled] ~ label,
.frm-select-button input[disabled] ~ label {
    pointer-events: none;
}
.frm-select input:checked ~ label:after,
.frm-select-panel input:checked ~ label:after,
.frm-select-button input:checked ~ label:after {
    opacity: 1;
}
.frm-select label,
.frm-select-panel label,
.frm-select-button label {
    display: block;
    position: relative;
    cursor: pointer;
}
.frm-select label:before,
.frm-select-panel label:before,
.frm-select-button label:before,
.frm-select label:after,
.frm-select-panel label:after,
.frm-select-button label:after {
    content: "";
    display: block;
    position: absolute;
}
.frm-select label:after,
.frm-select-panel label:after,
.frm-select-button label:after {
    opacity: 0;
}
.frm-select-button {
    line-height: 1;
}
.frm-select-button label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 46px;
    border-radius: 5px;
    transition: all ease 0.2s;
    background: #fff;
    padding: 8px 8px 8px 38px;
}
.frm-select-button label:before,
.frm-select-button label:after {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--clr-att);
    position: absolute;
    top: 50%;
    left: 20px;
    margin: -9px 0 0 -9px;
}
.frm-select-button label:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    margin: -4px 0 0 -4px;
    background: var(--clr-att);
}
.frm-select-button .elm-photo {
    height: 30px;
    width: 100%;
}
.frm-select-button .elm-photo img {
    right: auto;
}
.frm-select-button .lbl-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}
.frm-select-panel {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible;
}
.frm-select-panel input:checked ~ label {
    border-color: var(--clr-att);
    color: var(--clr-att);
}
.frm-select-panel input:checked ~ label .lbl-ico,
.frm-select-panel input:checked ~ label .elm-ico {
    filter: none;
}
.frm-select-panel input:checked ~ label:hover {
    box-shadow: none;
}
.frm-select-panel label {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    border-radius: var(--tilesRadius);
    border: 2px solid #fff;
    background: #fff;
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
    color: var(--clr-base);
    padding: 12px 20px;
    transition: all ease 0.2s;
}
.frm-select-panel label:hover {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
}
.frm-select-panel .lbl-ico,
.frm-select-panel .elm-ico {
    width: 42px;
    height: 42px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: all ease 0.2s;
    filter: var(--filterAttToBLight);
}
.frm-select-panel .lbl-info-wrap {
    -ms-flex: 1;
    flex: 1;
    display: block;
    padding-left: 15px;
}
.frm-select-panel .lbl-title {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 3px 0;
}
.frm-select-panel .lbl-title:last-child {
    margin-bottom: 0;
}
.frm-select {
    font-size: 15px;
}
.frm-select input[type="radio"] ~ label:before {
    border-radius: 50%;
}
.frm-select input[type="radio"] ~ label:after {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: #000;
}
.frm-select input:checked ~ label:after {
    opacity: 1;
}
.frm-select input:checked ~ label:before {
    border-color: var(--clr-att);
}
.frm-select label {
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}
.frm-select label:before,
.frm-select label:after {
    top: 14px;
    left: 9px;
    margin: -9px 0 0 -9px;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1px solid var(--clr-border);
    transition: all ease 0.2s;
}
.frm-select label:after {
    border-radius: 0;
    border: none;
    background: url(/images/web/icons/chk.svg) center / 24px auto no-repeat;
    opacity: 0;
}
.frm-select a {
    color: inherit;
}
.frm-select a:hover {
    color: var(--clr-att);
}
@media (max-width: 1023px) {
    .frm-field-counter.type-small-mobile {
        border-radius: 4px;
        height: 30px;
        padding: 0 30px;
    }
    .frm-field-counter.type-small-mobile .button-plus,
    .frm-field-counter.type-small-mobile .button-minus {
        border-radius: 4px;
        margin-top: -15px;
    }
    .frm-field-counter.type-small-mobile .button-plus.btn,
    .frm-field-counter.type-small-mobile .button-minus.btn {
        width: 30px;
        height: 30px;
    }
    .frm-field-counter.type-small-mobile .button-plus:before,
    .frm-field-counter.type-small-mobile .button-minus:before,
    .frm-field-counter.type-small-mobile .button-plus:after,
    .frm-field-counter.type-small-mobile .button-minus:after {
        width: 12px;
        margin-left: -6px;
    }
    .frm-field-counter.type-small-mobile .button-minus {
        left: 0;
    }
    .frm-field-counter.type-small-mobile .button-plus {
        right: 0;
    }
    .frm-field-counter.type-small-mobile .form-input {
        height: 28px;
        padding: 0;
        font-size: 13px;
        font-weight: 600;
    }
    .frm-field-counter.type-small-mobile .field-total {
        display: none;
    }
    .frm-field-counter.type-small-mobile:has(.field-total) {
        margin-bottom: 22px;
        position: relative;
        overflow: visible;
    }
    .frm-field-counter.type-small-mobile:has(.field-total) .field-total {
        display: block;
        position: absolute;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 22px;
        padding-top: 4px;
        line-height: 18px;
        text-align: center;
        font-size: 13px;
        top: 100%;
        left: 0;
        right: 0;
        bottom: auto;
    }
}
@media (min-width: 768px) {
    .frm-succefull-message .frm-title {
        font-size: 2.5rem;
    }
    .frm-succefull-message .elm-ico {
        width: 96px;
        height: 96px;
        margin-top: 25px;
    }
}
@media (min-width: 1024px) {
    .frm-popup .frm-message {
        font-size: 13px;
        line-height: 15px;
    }
    .frm-popup .field-text {
        font-size: 18px;
    }
    .frm-popup .field-text b {
        font-weight: 600;
    }
    .frm-popup .frm-title-wrap {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }
    .frm-message-info {
        font-size: 15px;
    }
    .frm-select-button label {
        min-height: 56px;
        padding-left: 45px;
        padding-right: 16px;
        font-size: 18px;
    }
    .frm-select-button label:before,
    .frm-select-button label:after {
        left: 25px;
    }
    .frm-select {
        font-size: 13px;
    }
    .frm-select-panel label {
        font-size: 15px;
        padding: 15px 15px 15px 20px;
    }
    .frm-select-panel .lbl-title {
        font-size: 17px;
    }
    .frm-field-select .btn-popup {
        padding: 6px 20px;
    }
    .frm-field-select .btn-popup .button-ico {
        width: 36px;
        height: 36px;
    }
    .frm-field-select .btn-popup .button-title {
        font-size: 16px;
    }
}

/* ----------------------------------- *\
                common styles
\* ----------------------------------- */
@keyframes hideRight {
    0% {
        right: var(--paddingContainer);
    }
    50% {
        right: 80px;
    }
    100% {
        right: -800px;
    }
}
@keyframes showRight {
    0% {
        right: -800px;
    }
    50% {
        right: 80px;
    }
    100% {
        right: var(--paddingContainer);
    }
}
@keyframes flash {
    0% {
        opacity: 0.55;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeinslide {
    from {
        opacity: 0;
        transform: translate(0, -50px);
    }
    to {
        opacity: 1;
        transform: translate(0, 0px);
    }
}
.border-style-dashed {
    border-style: dashed !important;
}
.border-style-dotted {
    border-style: dotted !important;
}
.border-style-solid {
    border-style: solid !important;
}
table:has(col.col-att:nth-child(1)) th:nth-child(1),
table:has(col.col-att:nth-child(1)) td:nth-child(1) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(2)) th:nth-child(2),
table:has(col.col-att:nth-child(2)) td:nth-child(2) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(3)) th:nth-child(3),
table:has(col.col-att:nth-child(3)) td:nth-child(3) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(4)) th:nth-child(4),
table:has(col.col-att:nth-child(4)) td:nth-child(4) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(5)) th:nth-child(5),
table:has(col.col-att:nth-child(5)) td:nth-child(5) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(6)) th:nth-child(6),
table:has(col.col-att:nth-child(6)) td:nth-child(6) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(7)) th:nth-child(7),
table:has(col.col-att:nth-child(7)) td:nth-child(7) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(8)) th:nth-child(8),
table:has(col.col-att:nth-child(8)) td:nth-child(8) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(9)) th:nth-child(9),
table:has(col.col-att:nth-child(9)) td:nth-child(9) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(10)) th:nth-child(10),
table:has(col.col-att:nth-child(10)) td:nth-child(10) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(11)) th:nth-child(11),
table:has(col.col-att:nth-child(11)) td:nth-child(11) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(12)) th:nth-child(12),
table:has(col.col-att:nth-child(12)) td:nth-child(12) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(13)) th:nth-child(13),
table:has(col.col-att:nth-child(13)) td:nth-child(13) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(14)) th:nth-child(14),
table:has(col.col-att:nth-child(14)) td:nth-child(14) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(15)) th:nth-child(15),
table:has(col.col-att:nth-child(15)) td:nth-child(15) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(16)) th:nth-child(16),
table:has(col.col-att:nth-child(16)) td:nth-child(16) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(17)) th:nth-child(17),
table:has(col.col-att:nth-child(17)) td:nth-child(17) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(18)) th:nth-child(18),
table:has(col.col-att:nth-child(18)) td:nth-child(18) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(19)) th:nth-child(19),
table:has(col.col-att:nth-child(19)) td:nth-child(19) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(20)) th:nth-child(20),
table:has(col.col-att:nth-child(20)) td:nth-child(20) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(21)) th:nth-child(21),
table:has(col.col-att:nth-child(21)) td:nth-child(21) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(22)) th:nth-child(22),
table:has(col.col-att:nth-child(22)) td:nth-child(22) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(23)) th:nth-child(23),
table:has(col.col-att:nth-child(23)) td:nth-child(23) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(24)) th:nth-child(24),
table:has(col.col-att:nth-child(24)) td:nth-child(24) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(25)) th:nth-child(25),
table:has(col.col-att:nth-child(25)) td:nth-child(25) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(26)) th:nth-child(26),
table:has(col.col-att:nth-child(26)) td:nth-child(26) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(27)) th:nth-child(27),
table:has(col.col-att:nth-child(27)) td:nth-child(27) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(28)) th:nth-child(28),
table:has(col.col-att:nth-child(28)) td:nth-child(28) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(29)) th:nth-child(29),
table:has(col.col-att:nth-child(29)) td:nth-child(29) {
    background: var(--clr-bg);
}
table:has(col.col-att:nth-child(30)) th:nth-child(30),
table:has(col.col-att:nth-child(30)) td:nth-child(30) {
    background: var(--clr-bg);
}
table:has(col.text-left:nth-child(1)) th:nth-child(1),
table:has(col.text-left:nth-child(1)) td:nth-child(1) {
    text-align: left;
}
table:has(col.text-right:nth-child(1)) th:nth-child(1),
table:has(col.text-right:nth-child(1)) td:nth-child(1) {
    text-align: right;
}
table:has(col.text-center:nth-child(1)) th:nth-child(1),
table:has(col.text-center:nth-child(1)) td:nth-child(1) {
    text-align: center;
}
table:has(col.text-left:nth-child(2)) th:nth-child(2),
table:has(col.text-left:nth-child(2)) td:nth-child(2) {
    text-align: left;
}
table:has(col.text-right:nth-child(2)) th:nth-child(2),
table:has(col.text-right:nth-child(2)) td:nth-child(2) {
    text-align: right;
}
table:has(col.text-center:nth-child(2)) th:nth-child(2),
table:has(col.text-center:nth-child(2)) td:nth-child(2) {
    text-align: center;
}
table:has(col.text-left:nth-child(3)) th:nth-child(3),
table:has(col.text-left:nth-child(3)) td:nth-child(3) {
    text-align: left;
}
table:has(col.text-right:nth-child(3)) th:nth-child(3),
table:has(col.text-right:nth-child(3)) td:nth-child(3) {
    text-align: right;
}
table:has(col.text-center:nth-child(3)) th:nth-child(3),
table:has(col.text-center:nth-child(3)) td:nth-child(3) {
    text-align: center;
}
table:has(col.text-left:nth-child(4)) th:nth-child(4),
table:has(col.text-left:nth-child(4)) td:nth-child(4) {
    text-align: left;
}
table:has(col.text-right:nth-child(4)) th:nth-child(4),
table:has(col.text-right:nth-child(4)) td:nth-child(4) {
    text-align: right;
}
table:has(col.text-center:nth-child(4)) th:nth-child(4),
table:has(col.text-center:nth-child(4)) td:nth-child(4) {
    text-align: center;
}
table:has(col.text-left:nth-child(5)) th:nth-child(5),
table:has(col.text-left:nth-child(5)) td:nth-child(5) {
    text-align: left;
}
table:has(col.text-right:nth-child(5)) th:nth-child(5),
table:has(col.text-right:nth-child(5)) td:nth-child(5) {
    text-align: right;
}
table:has(col.text-center:nth-child(5)) th:nth-child(5),
table:has(col.text-center:nth-child(5)) td:nth-child(5) {
    text-align: center;
}
table:has(col.text-left:nth-child(6)) th:nth-child(6),
table:has(col.text-left:nth-child(6)) td:nth-child(6) {
    text-align: left;
}
table:has(col.text-right:nth-child(6)) th:nth-child(6),
table:has(col.text-right:nth-child(6)) td:nth-child(6) {
    text-align: right;
}
table:has(col.text-center:nth-child(6)) th:nth-child(6),
table:has(col.text-center:nth-child(6)) td:nth-child(6) {
    text-align: center;
}
table:has(col.text-left:nth-child(7)) th:nth-child(7),
table:has(col.text-left:nth-child(7)) td:nth-child(7) {
    text-align: left;
}
table:has(col.text-right:nth-child(7)) th:nth-child(7),
table:has(col.text-right:nth-child(7)) td:nth-child(7) {
    text-align: right;
}
table:has(col.text-center:nth-child(7)) th:nth-child(7),
table:has(col.text-center:nth-child(7)) td:nth-child(7) {
    text-align: center;
}
table:has(col.text-left:nth-child(8)) th:nth-child(8),
table:has(col.text-left:nth-child(8)) td:nth-child(8) {
    text-align: left;
}
table:has(col.text-right:nth-child(8)) th:nth-child(8),
table:has(col.text-right:nth-child(8)) td:nth-child(8) {
    text-align: right;
}
table:has(col.text-center:nth-child(8)) th:nth-child(8),
table:has(col.text-center:nth-child(8)) td:nth-child(8) {
    text-align: center;
}
table:has(col.text-left:nth-child(9)) th:nth-child(9),
table:has(col.text-left:nth-child(9)) td:nth-child(9) {
    text-align: left;
}
table:has(col.text-right:nth-child(9)) th:nth-child(9),
table:has(col.text-right:nth-child(9)) td:nth-child(9) {
    text-align: right;
}
table:has(col.text-center:nth-child(9)) th:nth-child(9),
table:has(col.text-center:nth-child(9)) td:nth-child(9) {
    text-align: center;
}
table:has(col.text-left:nth-child(10)) th:nth-child(10),
table:has(col.text-left:nth-child(10)) td:nth-child(10) {
    text-align: left;
}
table:has(col.text-right:nth-child(10)) th:nth-child(10),
table:has(col.text-right:nth-child(10)) td:nth-child(10) {
    text-align: right;
}
table:has(col.text-center:nth-child(10)) th:nth-child(10),
table:has(col.text-center:nth-child(10)) td:nth-child(10) {
    text-align: center;
}
table:has(col.text-left:nth-child(11)) th:nth-child(11),
table:has(col.text-left:nth-child(11)) td:nth-child(11) {
    text-align: left;
}
table:has(col.text-right:nth-child(11)) th:nth-child(11),
table:has(col.text-right:nth-child(11)) td:nth-child(11) {
    text-align: right;
}
table:has(col.text-center:nth-child(11)) th:nth-child(11),
table:has(col.text-center:nth-child(11)) td:nth-child(11) {
    text-align: center;
}
table:has(col.text-left:nth-child(12)) th:nth-child(12),
table:has(col.text-left:nth-child(12)) td:nth-child(12) {
    text-align: left;
}
table:has(col.text-right:nth-child(12)) th:nth-child(12),
table:has(col.text-right:nth-child(12)) td:nth-child(12) {
    text-align: right;
}
table:has(col.text-center:nth-child(12)) th:nth-child(12),
table:has(col.text-center:nth-child(12)) td:nth-child(12) {
    text-align: center;
}
table:has(col.text-left:nth-child(13)) th:nth-child(13),
table:has(col.text-left:nth-child(13)) td:nth-child(13) {
    text-align: left;
}
table:has(col.text-right:nth-child(13)) th:nth-child(13),
table:has(col.text-right:nth-child(13)) td:nth-child(13) {
    text-align: right;
}
table:has(col.text-center:nth-child(13)) th:nth-child(13),
table:has(col.text-center:nth-child(13)) td:nth-child(13) {
    text-align: center;
}
table:has(col.text-left:nth-child(14)) th:nth-child(14),
table:has(col.text-left:nth-child(14)) td:nth-child(14) {
    text-align: left;
}
table:has(col.text-right:nth-child(14)) th:nth-child(14),
table:has(col.text-right:nth-child(14)) td:nth-child(14) {
    text-align: right;
}
table:has(col.text-center:nth-child(14)) th:nth-child(14),
table:has(col.text-center:nth-child(14)) td:nth-child(14) {
    text-align: center;
}
table:has(col.text-left:nth-child(15)) th:nth-child(15),
table:has(col.text-left:nth-child(15)) td:nth-child(15) {
    text-align: left;
}
table:has(col.text-right:nth-child(15)) th:nth-child(15),
table:has(col.text-right:nth-child(15)) td:nth-child(15) {
    text-align: right;
}
table:has(col.text-center:nth-child(15)) th:nth-child(15),
table:has(col.text-center:nth-child(15)) td:nth-child(15) {
    text-align: center;
}
table:has(col.text-left:nth-child(16)) th:nth-child(16),
table:has(col.text-left:nth-child(16)) td:nth-child(16) {
    text-align: left;
}
table:has(col.text-right:nth-child(16)) th:nth-child(16),
table:has(col.text-right:nth-child(16)) td:nth-child(16) {
    text-align: right;
}
table:has(col.text-center:nth-child(16)) th:nth-child(16),
table:has(col.text-center:nth-child(16)) td:nth-child(16) {
    text-align: center;
}
table:has(col.text-left:nth-child(17)) th:nth-child(17),
table:has(col.text-left:nth-child(17)) td:nth-child(17) {
    text-align: left;
}
table:has(col.text-right:nth-child(17)) th:nth-child(17),
table:has(col.text-right:nth-child(17)) td:nth-child(17) {
    text-align: right;
}
table:has(col.text-center:nth-child(17)) th:nth-child(17),
table:has(col.text-center:nth-child(17)) td:nth-child(17) {
    text-align: center;
}
table:has(col.text-left:nth-child(18)) th:nth-child(18),
table:has(col.text-left:nth-child(18)) td:nth-child(18) {
    text-align: left;
}
table:has(col.text-right:nth-child(18)) th:nth-child(18),
table:has(col.text-right:nth-child(18)) td:nth-child(18) {
    text-align: right;
}
table:has(col.text-center:nth-child(18)) th:nth-child(18),
table:has(col.text-center:nth-child(18)) td:nth-child(18) {
    text-align: center;
}
table:has(col.text-left:nth-child(19)) th:nth-child(19),
table:has(col.text-left:nth-child(19)) td:nth-child(19) {
    text-align: left;
}
table:has(col.text-right:nth-child(19)) th:nth-child(19),
table:has(col.text-right:nth-child(19)) td:nth-child(19) {
    text-align: right;
}
table:has(col.text-center:nth-child(19)) th:nth-child(19),
table:has(col.text-center:nth-child(19)) td:nth-child(19) {
    text-align: center;
}
table:has(col.text-left:nth-child(20)) th:nth-child(20),
table:has(col.text-left:nth-child(20)) td:nth-child(20) {
    text-align: left;
}
table:has(col.text-right:nth-child(20)) th:nth-child(20),
table:has(col.text-right:nth-child(20)) td:nth-child(20) {
    text-align: right;
}
table:has(col.text-center:nth-child(20)) th:nth-child(20),
table:has(col.text-center:nth-child(20)) td:nth-child(20) {
    text-align: center;
}
table:has(col.text-left:nth-child(21)) th:nth-child(21),
table:has(col.text-left:nth-child(21)) td:nth-child(21) {
    text-align: left;
}
table:has(col.text-right:nth-child(21)) th:nth-child(21),
table:has(col.text-right:nth-child(21)) td:nth-child(21) {
    text-align: right;
}
table:has(col.text-center:nth-child(21)) th:nth-child(21),
table:has(col.text-center:nth-child(21)) td:nth-child(21) {
    text-align: center;
}
table:has(col.text-left:nth-child(22)) th:nth-child(22),
table:has(col.text-left:nth-child(22)) td:nth-child(22) {
    text-align: left;
}
table:has(col.text-right:nth-child(22)) th:nth-child(22),
table:has(col.text-right:nth-child(22)) td:nth-child(22) {
    text-align: right;
}
table:has(col.text-center:nth-child(22)) th:nth-child(22),
table:has(col.text-center:nth-child(22)) td:nth-child(22) {
    text-align: center;
}
table:has(col.text-left:nth-child(23)) th:nth-child(23),
table:has(col.text-left:nth-child(23)) td:nth-child(23) {
    text-align: left;
}
table:has(col.text-right:nth-child(23)) th:nth-child(23),
table:has(col.text-right:nth-child(23)) td:nth-child(23) {
    text-align: right;
}
table:has(col.text-center:nth-child(23)) th:nth-child(23),
table:has(col.text-center:nth-child(23)) td:nth-child(23) {
    text-align: center;
}
table:has(col.text-left:nth-child(24)) th:nth-child(24),
table:has(col.text-left:nth-child(24)) td:nth-child(24) {
    text-align: left;
}
table:has(col.text-right:nth-child(24)) th:nth-child(24),
table:has(col.text-right:nth-child(24)) td:nth-child(24) {
    text-align: right;
}
table:has(col.text-center:nth-child(24)) th:nth-child(24),
table:has(col.text-center:nth-child(24)) td:nth-child(24) {
    text-align: center;
}
table:has(col.text-left:nth-child(25)) th:nth-child(25),
table:has(col.text-left:nth-child(25)) td:nth-child(25) {
    text-align: left;
}
table:has(col.text-right:nth-child(25)) th:nth-child(25),
table:has(col.text-right:nth-child(25)) td:nth-child(25) {
    text-align: right;
}
table:has(col.text-center:nth-child(25)) th:nth-child(25),
table:has(col.text-center:nth-child(25)) td:nth-child(25) {
    text-align: center;
}
table:has(col.text-left:nth-child(26)) th:nth-child(26),
table:has(col.text-left:nth-child(26)) td:nth-child(26) {
    text-align: left;
}
table:has(col.text-right:nth-child(26)) th:nth-child(26),
table:has(col.text-right:nth-child(26)) td:nth-child(26) {
    text-align: right;
}
table:has(col.text-center:nth-child(26)) th:nth-child(26),
table:has(col.text-center:nth-child(26)) td:nth-child(26) {
    text-align: center;
}
table:has(col.text-left:nth-child(27)) th:nth-child(27),
table:has(col.text-left:nth-child(27)) td:nth-child(27) {
    text-align: left;
}
table:has(col.text-right:nth-child(27)) th:nth-child(27),
table:has(col.text-right:nth-child(27)) td:nth-child(27) {
    text-align: right;
}
table:has(col.text-center:nth-child(27)) th:nth-child(27),
table:has(col.text-center:nth-child(27)) td:nth-child(27) {
    text-align: center;
}
table:has(col.text-left:nth-child(28)) th:nth-child(28),
table:has(col.text-left:nth-child(28)) td:nth-child(28) {
    text-align: left;
}
table:has(col.text-right:nth-child(28)) th:nth-child(28),
table:has(col.text-right:nth-child(28)) td:nth-child(28) {
    text-align: right;
}
table:has(col.text-center:nth-child(28)) th:nth-child(28),
table:has(col.text-center:nth-child(28)) td:nth-child(28) {
    text-align: center;
}
table:has(col.text-left:nth-child(29)) th:nth-child(29),
table:has(col.text-left:nth-child(29)) td:nth-child(29) {
    text-align: left;
}
table:has(col.text-right:nth-child(29)) th:nth-child(29),
table:has(col.text-right:nth-child(29)) td:nth-child(29) {
    text-align: right;
}
table:has(col.text-center:nth-child(29)) th:nth-child(29),
table:has(col.text-center:nth-child(29)) td:nth-child(29) {
    text-align: center;
}
table:has(col.text-left:nth-child(30)) th:nth-child(30),
table:has(col.text-left:nth-child(30)) td:nth-child(30) {
    text-align: left;
}
table:has(col.text-right:nth-child(30)) th:nth-child(30),
table:has(col.text-right:nth-child(30)) td:nth-child(30) {
    text-align: right;
}
table:has(col.text-center:nth-child(30)) th:nth-child(30),
table:has(col.text-center:nth-child(30)) td:nth-child(30) {
    text-align: center;
}
.i,
[class*="icon-"] {
    display: block;
    transition: none;
}
.img-bg-cover,
.img-bg-contain {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.img-bg-contain {
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
@supports (object-fit: cover) {
    .img-bg-cover {
        height: 100%;
        object-fit: cover;
    }
}
@supports (object-fit: contain) {
    .img-bg-contain {
        height: 100%;
        object-fit: contain;
        max-width: inherit;
        max-height: inherit;
        right: auto;
        bottom: auto;
    }
}
.js-btn-popup-toggle.active + .js-popup-block {
    display: block !important;
}
.js-popup-block {
    animation: fadein ease 0.3s;
}
.js-tab-block {
    animation: fadein ease 0.2s;
}
.js-tab-block:not(.active) {
    display: none;
}
.js-tab-block.tab-slider:not(.active) {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    height: 0;
    position: relative;
    overflow: hidden;
}
.items-wrap,
.tile-items-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -8px -16px -8px;
    justify-content: center;
}
.item-wrap,
.tile-item-wrap {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 16px;
    position: relative;
    break-inside: avoid-column;
    display: block;
    animation: fadein ease 0.2s;
}
.items-wrap:has(.item-wrap:nth-child(4)) + .items-actions-wrap {
    display: block;
}
.items-wrap:has(+.items-actions-wrap) .item-wrap {
    animation: fadein ease 0.2s;
}
.items-wrap:has(+.items-actions-wrap) .item-wrap:nth-child(3) ~ .item-wrap {
    display: none;
}
.items-wrap:has(+.items-actions-wrap .active) .item-wrap:nth-child(3) ~ .item-wrap {
    display: block;
}
.items-actions-wrap {
    display: none;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: var(--clr-base);
}
.items-actions-wrap .btn {
    padding: 0 24px 0 0;
}
.items-actions-wrap .btn:not(:hover):before {
    filter: var(--filterAttToBase);
}
.items-actions-wrap .btn.active:before {
    rotate: -90deg;
}
.items-actions-wrap .btn:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(/images/web/icons/arrow-menu.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    right: 0;
    margin-top: -12px;
    transition: all ease 0.2s;
    rotate: 90deg;
}
.items-actions-wrap .btn .button-title {
    border-bottom-width: 2px;
}
.tile-many-lines,
.text-many-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 

add to head box

<style>
        .tile-many-lines, .text-many-lines {
                display: -webkit-box;
                -webkit-box-orient: vertical;
        }
</style>

*/
.item-tile,
.tile-outer-wrap,
.tile-inner-wrap,
.tile-photo-wrap,
.tile-photos-wrap,
.tile-info-wrap,
.tile-text-wrap,
.tile-title-wrap,
.tile-desc-wrap,
.tile-actions-wrap,
.tile-action-wrap,
.tile-ico,
.tile-photo,
.tile-info,
.tile-text,
.tile-title,
.tile-desc {
    display: block;
    position: relative;
}
.tile-link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    color: transparent;
}
.no-mbottom {
    margin-bottom: 0 !important;
}
.no-mtop {
    margin-top: 0 !important;
}
.no-pbottom {
    padding-bottom: 0 !important;
}
.no-ptop {
    padding-top: 0 !important;
}
.elm-hidden {
    display: none !important;
}
input.form-clear-autofill::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    opacity: 1;
}
.sl-wrap.swiper-slide {
    height: auto;
}
.swiper,
.swiper-wrapper {
    position: relative;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    top: auto;
    bottom: auto;
}
body .swiper-horizontal > .swiper-scrollbar,
body .swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 5px;
    border-radius: 3px;
    background: var(--clr-border);
    margin: 30px auto 0 auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: calc(100% - 20px);
}
body .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
body .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    background: #B9B9B9;
}
.slider-pagination,
.tile-slider-pagination {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    gap: 4px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: visible;
}
.slider-pagination.type-dots,
.tile-slider-pagination.type-dots {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.slider-pagination.type-dots .swiper-pagination-bullet,
.tile-slider-pagination.type-dots .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    background: var(--clr-att);
    border: none;
    opacity: 0.2;
}
.slider-pagination.type-dots .swiper-pagination-bullet:before,
.tile-slider-pagination.type-dots .swiper-pagination-bullet:before {
    display: none;
}
.slider-pagination.type-dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tile-slider-pagination.type-dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-pagination.type-dots .swiper-pagination-bullet:hover,
.tile-slider-pagination.type-dots .swiper-pagination-bullet:hover {
    background: var(--clr-att);
    opacity: 1;
}
.slider-pagination.type-dots.type-light .swiper-pagination-bullet,
.tile-slider-pagination.type-dots.type-light .swiper-pagination-bullet {
    background-color: #fff;
}
.slider-pagination.type-dots.type-light .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tile-slider-pagination.type-dots.type-light .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-pagination.type-dots.type-light .swiper-pagination-bullet:hover,
.tile-slider-pagination.type-dots.type-light .swiper-pagination-bullet:hover {
    background: #fff;
}
.slider-pagination.type-dots.type-gray .swiper-pagination-bullet,
.tile-slider-pagination.type-dots.type-gray .swiper-pagination-bullet {
    background-color: var(--clr-base-light);
}
.slider-pagination.type-dots.type-gray .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tile-slider-pagination.type-dots.type-gray .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-pagination.type-dots.type-gray .swiper-pagination-bullet:hover,
.tile-slider-pagination.type-dots.type-gray .swiper-pagination-bullet:hover {
    background: var(--clr-border);
}
.slider-pagination .swiper-pagination-bullet,
.tile-slider-pagination .swiper-pagination-bullet {
    height: 2px;
    border-radius: 2px;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    background: var(--clr-border);
    border: none;
    padding: 0;
    margin: 0;
    text-indent: -999px;
    font-size: 0;
    position: relative;
    overflow: visible;
    z-index: 20;
}
.slider-pagination .swiper-pagination-bullet:before,
.tile-slider-pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: 0;
    right: 0;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tile-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-pagination .swiper-pagination-bullet:hover,
.tile-slider-pagination .swiper-pagination-bullet:hover {
    background-color: #B9B9B9;
}
.is-modern .f-thumbs__slide__button {
    -webkit-clip-path: inherit !important;
    clip-path: inherit !important;
}
@media (max-width: 1023px) {
    .elm-hidden-mobile {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .items-actions-wrap {
        font-size: 18px;
        text-align: right;
    }
    .elm-hidden-desktop {
        display: none !important;
    }
    .items-wrap,
    .tile-items-wrap {
        margin: 0 -10px -20px -10px;
    }
    .item-wrap,
    .tile-item-wrap {
        padding: 0 10px;
        margin-bottom: 20px;
    }
}
/* ----------------------------------- *\
                        fonts
\* ----------------------------------- */
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/css/fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('/css/fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/css/fonts/OpenSans-Bold.woff2') format('woff2'), url('/css/fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Medium'), local('OpenSans-Medium'), url('/css/fonts/OpenSans-Medium.woff2') format('woff2'), url('/css/fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/css/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/css/fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/css/fonts/OpenSans-Regular.woff2') format('woff2'), url('/css/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light'), local('OpenSans-Light'), url('/css/fonts/OpenSans-Light.woff2') format('woff2'), url('/css/fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* ----------------------------------- *\
                        icons
\* ----------------------------------- */
#inner-sidemenu, #sidemenu {
    height: 100%;
}


@media (max-width: 767px) {
    .breadcrumbs-box .menu li a, .breadcrumbs-box .menu li span {
        display: inline-block;
        padding: 1px 0;
    }
    .breadcrumbs-box .menu li a:after {
        content: "";
        top: 2px;
    }
    .slider-pagination.type-dots .swiper-pagination-bullet {
        margin: 15px;
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
    }
}

#category-head {
    background: var(--clr-att);
    color: #fff;
    line-height: 44px;
    border-radius: var(--tilesRadius) 0 0 0;
    width: calc(100% + 30px);
    margin: -30px 0 12px -30px;
    padding-left: 30px;
    font-size: 17px;
    cursor: default;
}