@charset "UTF-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline
}

a {
    text-decoration: none
}

li, ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
    color: #000
}

h3 {
    font-family: inherit;
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 800;
    color: #000
}

.title, h1.section-title, h2 {
    font-family: "Inter";
    font-size: 24px;
    line-height: 5rem;
    font-weight: 700;
    color: #000
}

html {
    box-sizing: border-box
}

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

:focus {
    outline: 0
}

audio, img, video {
    max-width: 100%;
    height: auto
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

iframe {
    border: 0
}

textarea {
    resize: none;
    overflow: auto;
    vertical-align: top;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

button, input, select, textarea {
    outline: 0;
    border: none;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

.wrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button {
    cursor: pointer
}

button:focus {
    outline-color: transparent
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=checkbox] {
    opacity: 0
}

input:focus {
    outline: 0;
    border-color: #3b99fc
}

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

td, th {
    padding: 0;
    text-align: left
}

.bx-core-window img {
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0
}

.bx-core-window .bxhtmled-drag {
    width: 100%
}

.image {
    background-color: #f2f0f1;
    text-align: center;
    border-radius: 16px
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger.is-active:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #fff
}

.hamburger-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    font-size: 0;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 24px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::after, .hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -7px
}

.hamburger-inner::after {
    bottom: -7px
}

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner::after, .hamburger--3dxy .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner::after, .hamburger--3dxy-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--minus .hamburger-inner::after, .hamburger--minus .hamburger-inner::before {
    transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after, .hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}

.hamburger--stand .hamburger-inner::before {
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger-inner::after {
    width: 16px
}

.is-active .hamburger-inner::after {
    width: 24px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

#pickColor-1 {
    background-color: #009688
}

#pickColor-2 {
    background-color: #a53f1b
}

#pickColor-3 {
    background-color: #673ab7
}

#pickColor-4 {
    background-color: #03a9f4
}

#pickColor-5 {
    background-color: #3a3ef5
}

#pickColor-6 {
    background-color: #4caf50
}

#pickColor-7 {
    background-color: #ff487e
}

#pickColor-8 {
    background-color: #fd0202
}

#pickColor-9 {
    background-color: #ff1748
}

#customizer {
    position: fixed;
    top: 3rem;
    z-index: 901;
    font-family: 'Museo Sans', Arial, sans-serif;
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .4)
}

.panel-closed {
    right: -315px;
    transition: all .4s ease-in-out
}

.panel-open {
    right: 0;
    transition: all .4s ease-in-out
}

#panel-control {
    position: absolute;
    top: 71px;
    left: -50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #000
}

#panel-control .icon {
    width: 3rem;
    height: 3rem
}

#options {
    position: relative;
    width: 315px;
    height: auto;
    padding: 0;
    background: #fff;
    transition: all .4s ease-in-out
}

.options-head {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 3em;
    background: #000;
    color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 1rem 0
}

.options-box {
    padding: 32px 32px
}

.color-head {
    margin: 0 0 1.5rem;
    padding-bottom: 1rem;
    font-size: 20px;
    font-weight: 900;
    font-family: 'Museo Sans', Arial, sans-serif;
    font-style: normal
}

.color-scheme {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.color-scheme li.color-preset {
    display: block;
    height: 72px;
    width: 72px;
    margin-bottom: 16px;
    cursor: pointer
}

.color-scheme li.color-preset button {
    width: 100%;
    height: 100%;
    font-size: 0;
    border-radius: 50%
}

.customizer-text {
    padding-top: 20px;
    text-align: center;
    font-family: 'Museo Sans', Arial, sans-serif;
    cursor: pointer
}

.customizer-text button {
    width: 100%;
    height: 48px;
    background: #eaeaea;
    font-weight: 700;
    font-size: 16px
}

#pickDefault button {
    padding: .5rem 1rem;
    border-radius: .5rem
}

.sp-replacer {
    display: block;
    height: 40px;
    width: 40px;
    margin-bottom: 4px;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    #customizer {
        display: none
    }
}

.adm-detail-content img, .ads__image img, .article-detail__banner img, .articles__image-preview img, .banner__item img, .brands .articles__image-preview img, .captcha__wrap img, .cart__product-image img, .catalog-item__image img, .catalog-page__image img, .category-collections .category-slider img, .category-slider__image img, .gallery__show-item img, .logo img, .product__brand-image img, .product__type-item img, .profile__img img, .promotion__image img, .reviews__author-image img, .reviews__text img, .tree__brand img, .user-orders__shipment-item img, table.title-search-result td img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px
}
html,
body {
    background-color: #F5F2EA;
}
html {
    font-size: 62.5%;
    height: 100%
}

body {
    height: 100%;
    font-family: "Inter", Roboto, sans-serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: #000000;
    transition: .12s
}

.bodywrapper {
    overflow: auto;
    height: 100%;
    background: #F5F2EA;
}

a:hover {
    text-decoration: none
}

.slick-next, .slick-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8rem;
    width: 8rem;
    opacity: .8;
    transition: .12s;
    z-index: 200;
    transform: translate(0);
    top: 130px
}

.slick-next:hover, .slick-prev:hover {
    opacity: 1;
    transition: .12s
}

.slick-prev {
    left: -45px;
    transform: rotate(180deg)
}

.slick-next {
    right: 30px
}

.slick-dots {
    bottom: 10px
}

.slick-dots li button:before {
    color: #fff;
    opacity: .6;
    font-size: 10px
}

.slick-dots li.slick-active button:before {
    opacity: 1
}

.slick-disabled {
    display: none !important
}

.slick-next:before, .slick-prev:before {
    content: '';
    display: block;
    width: 78px;
    height: 78px;
    background-image: url(../../images/arrow-2.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: .5rem;
    font-size: 1.4rem
}

.header {
    width: 100%;
    height: auto;
    padding-top: .8rem;
    padding-bottom: 1.5rem;
    letter-spacing: 1.4px;
    z-index: 800;
    /*box-shadow: 0 4px 15px #e5e5e5;*/
    /*color: #fff*/
}

.header .header__sections .nav-link {
    letter-spacing: .01em
}

.header .header__sections .nav-item:not(:last-of-type) {
    margin-right: 3rem
}

.header .btn-link:hover {
    box-shadow: 0 4px 14px rgba(255, 124, 29, .5), 0 2px 5px rgba(228, 97, 1, .3)
}

.header .header__box {
    flex-direction: column
}

.header .header__sub-nav {
    position: relative;
    padding: 1rem 0
}

.header .header__sub-nav .navbar-nav .nav-link {
    padding: .5rem;
    font-size: 1.6rem;
    transition: .2s
}

.header .header__nav, .header .header__sub-nav {
    width: 100%
}

.header .header__nav {
    padding-left: 0;
    padding-right: 0;
    z-index: 99
}

.header .header__phone {
    display: flex;
    margin-left: auto
}

.header .header__phone button {
    background: 0 0;
    color: rgba(255, 255, 255, .7);
    font-weight: 100;
    font-size: 1.4rem
}

.header .header__phone button span {
    display: inline-block;
    border-bottom: 1px dashed rgba(255, 255, 255, .7)
}

.header .search-form {
    width: 30%;
    margin-right: 1rem;
    justify-content: flex-end;
    flex-wrap: nowrap;
    position: relative
}

.header .search-form .form-control {
    width: 0;
    padding: 0;
    border: 0
}

.header .search-form .open {
    width: 100%;
    padding: .375rem .75rem;
    border: 1px solid #ced4da
}

.header .search-form .search-form__button {
    font-size: 0;
    background-repeat: no-repeat;
    border: none;
    width: 25px;
    height: 20px;
    background-size: contain;
    background-color: transparent
}

.header .search-form .search-form__button-open {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 25px;
    height: 20px;
    opacity: 0
}

.header .navbar-nav .nav-item .nav-link.basket, .header .navbar-nav .nav-item .nav-link.favorites {
    font-size: 0;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 1.6rem;
    border: none;
    background-color: transparent;
    cursor: pointer
}

.header .nav-link, .header .navbar-nav .nav-link {
    color: #1A1A1A;

}

.header .nav-link.tel, .header .navbar-nav .nav-link.tel {
    /*color: #fff;*/
    font-size: 1.8rem;
    font-weight: 500;
    padding-right: 0
}

.header .navbar-light .navbar-nav .nav-link.tel {
    color: #222
}

.breadcrumbs__nav {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.breadcrumbs__list-item {
    display: inline-block
}

.breadcrumbs__list-item:first-of-type a:before {
    content: none
}

.breadcrumbs__list-item a, .breadcrumbs__list-item span {
    color: rgba(0, 0, 0, .4);
    padding-right: 2px
}

.breadcrumbs__list-item a:before, .breadcrumbs__list-item span:before {
    content: '/';
    margin-right: .5rem
}

.place {
    padding-top: .5rem;
    padding-left: 0;
    font-size: 1.47rem;
    color: #1A1A1A;
}

.place button {
    background: 0;
    color: inherit;
    border-bottom: 1px dashed #840D06;
    padding-left: 0;
    padding-right: 0
}

.place span {
    letter-spacing: .06em;
    font-weight: 300
}

.place__icon {
    width: 1.8rem;
    height: 1.8rem
}

.logo {
    min-width: 24rem;
    width: 24rem;
    height: 100px;
}

.logo-color {
    stroke: #010101
}

.logo img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
    border-radius: 0
}

.menu {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.menu .nav-link {
    color: inherit;
    font-size: 1.2rem;
    transition: .13s
}

.menu .nav-link:hover {
    transition: .13s
}

#catalogModal {
    padding-top: 13.5vh
}

#catalogModal .modal-content {
    border-radius: 16px
}

#catalogModal .modal-body {
    display: flex;
    padding: 1.5rem;
    min-height: 50vh
}

#catalogModal .modal-dialog {
    margin: 2.75rem auto
}

.modal-content {
    border: 0;
    border-radius: 1.6rem;
    box-shadow: 0 2px 40px rgba(0, 0, 0, .2)
}

.modal-header {
    padding: 2.2rem 1.6rem 2.2rem 3.2rem;
    border: 0
}

.modal-header .close {
    font-size: 2.5rem
}

.modal-header .modal-title {
    font-size: 2.8rem;
    color: #000;
    font-weight: 900
}

.modal-body {
    padding: 0 3rem
}

.modal-footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 3.2rem;
    border: 0
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, .4)
}

.modal .button {
    width: 20.3rem;
    height: 5rem;
    color: #fff
}

.modal .button span {
    text-transform: uppercase
}

.modal-buttons {
    display: flex;
    flex-direction: column;
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.modal-buttons .button {
    width: 100%;
    background-color: transparent
}

.modal-buttons .button:not(:last-of-type) {
    margin-bottom: 1.5rem
}

.modal label {
    color: #999;
    margin-bottom: 1rem
}

.modal .form-item:not(:first-of-type) label {
    margin-top: 1.5rem
}

.modal input {
    height: 4.8rem
}

.modal textarea {
    height: 11rem
}

.modal input, .modal textarea {
    font-size: 1.6rem;
    border-radius: 6px;
    border: 1px solid #e3e3e3
}

.modal .form-control:focus {
    border-color: #3b99fc;
    box-shadow: none
}

.modal .checkbox {
    margin: 0;
    margin-bottom: 3.2rem;
    display: flex
}

.modal .checkbox input {
    height: 2rem;
    width: 2rem
}

.modal .checkbox label {
    margin: 0
}

.modal .social {
    margin-top: 1.5rem;
    flex-wrap: wrap
}

.modal .social__item {
    margin-bottom: 1rem
}

.modal .social__item a {
    display: block
}

.modal .social #bx_auth_servform input {
    margin: 1.5rem 0 1.5rem 0;
    padding: .375rem .75rem
}

.modal .form-hint {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
    color: #999;
    font-weight: 300;
    font-size: 1.5rem
}

.modal .checkbox__inner {
    margin: 0
}

.modal .checkbox__inner label {
    display: flex;
    align-items: center;
    font-size: 1.4rem
}

#shareModal {
    max-width: 100%;
    left: 0
}

#shareModal .modal-header {
    padding: 1.4rem 1.6rem .4rem 3.2rem;
    border-bottom: 0
}

#shareModal .modal-header .close {
    font-size: 2.5rem
}

#shareModal .modal-body {
    padding-left: 3.2rem
}

#shareModal .modal-footer {
    padding-left: 3.2rem;
    border-top: 0;
    flex-direction: column;
    align-items: baseline
}

#shareModal .modal-footer label {
    color: #999;
    font-size: 1.4rem
}

#shareModal .modal-footer .coopy {
    margin: 0;
    width: 100%
}

#shareModal .modal-footer #coopy-input {
    border: 1px solid #e3e3e3;
    font-size: 1.4rem;
    color: #000;
    padding: 1.4rem 1.2rem;
    border-radius: 8px;
    height: 4rem;
    width: 55%
}

#shareModal .modal-footer button {
    width: auto;
    height: 4rem;
    font-size: 1.4rem;
    margin-left: 1.6rem;
    padding: 0 2rem
}

#shareModal .modal-footer #share-link {
    border: 1px solid #e3e3e3;
    font-size: 1.4rem;
    color: #000;
    padding: 1.4rem 1.2rem;
    border-radius: 8px;
    height: 4rem;
    width: 64%;
    outline: 0
}

#shareModal .modal-title {
    font-size: 2.8rem;
    font-weight: 900;
    color: #000
}

#shareModal .modal-content {
    border-radius: 8px;
    box-shadow: 0 2px 30px rgba(0, 0, 0, .13986);
    background-color: #fff
}

#shareModal .share__link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0
}

#reviewModal .rating-area {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

#reviewModal .rating-area label {
    margin-top: 0 !important;
    margin-bottom: 0
}

#reviewModal .rating-label {
    color: #999;
    margin-top: 3rem
}

#reviewModal .rating-area:not(:checked) > input {
    display: none
}

#reviewModal .rating-area:not(:checked) > label {
    width: 25px;
    padding: 0;
    cursor: pointer;
    font-size: 25px;
    line-height: 25px;
    color: rgba(212, 212, 212, .2);
    text-shadow: 1px 1px rgba(212, 212, 212, .5)
}

#reviewModal .rating-area:not(:checked) > label:before {
    content: '★'
}

#reviewModal .rating-area > input:checked ~ label {
    text-shadow: 1px 1px #c60
}

#reviewModal .rating-area > input:checked + label:hover, #reviewModal .rating-area > input:checked + label:hover ~ label, #reviewModal .rating-area > input:checked ~ label:hover, #reviewModal .rating-area > input:checked ~ label:hover ~ label, #reviewModal .rating-area > label:hover ~ input:checked ~ label {
    text-shadow: 1px 1px #daa520
}

#reviewModal .rate-area > label:active {
    position: relative
}

#reviewModal .form-item.form-file {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 60%
}

#reviewModal .form-file {
    cursor: pointer
}

#reviewModal .form-file > label {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
    transition: .12s
}

#reviewModal .form-file > label:hover {
    transition: .12s
}

#reviewModal .form-file > label::before {
    content: '';
    display: inline-block;
    width: 2.5rem;
    height: 4.5rem;
    margin-right: 1rem;
    background-image: url(../../images/file.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
    cursor: pointer
}

#reviewModal .form-file #form-file {
    display: none
}

#placeModal .modal-dialog {
    margin-top: 18vh
}

#placeModal nav {
    padding-bottom: 4rem
}

#placeModal form {
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

#placeModal form input {
    width: 100%
}

#placeModal .modal-body button {
    visibility: hidden;
    padding: 0;
    font-size: 0;
    height: 0;
    width: 0;
    border: 0
}

#registration .modal-buttons {
    padding-top: 2rem
}

#registration .modal-buttons .button {
    color: #fff
}

.section {
    text-align: center;
    margin-top: 10rem
}

.section__preview {
    max-width: 54%;
    margin: 0 auto;
    padding-top: 3rem
}

.search-page .search__input {
    border: 1px solid #ced4da
}

.search {
    display: flex;
    position: relative
}

.search__input {
    font-size: inherit;
    height: 5.6rem;
    border-radius: 8px;
    font-weight: 300;
    border: none
}

.search .search__input {
    width: 100%
}

.search .search__input:focus ~ .search__button {
    display: none
}

.search .search__input::-webkit-search-cancel-button {
    display: none
}

.search__button {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 0;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    right: 1.6rem;
    box-sizing: content-box
}

.search__button svg {
    width: 100%;
    height: 100%
}

.profile {
    align-items: center;
    position: relative
}

.profile .icon {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 1rem
}

.profile__img {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 6rem;
    background-color: #f2f0f1;
    font-size: 1.2rem
}

.profile__img img {
    border-radius: 6rem
}

.profile__inner {
    display: flex;
    flex-direction: column;
    margin-left: 1.5rem
}

.profile__nav {
    visibility: hidden;
    top: 6rem;
    left: -15rem;
    z-index: 200;
    width: 40rem;
    border-radius: 1.6rem;
    border: 0;
    box-shadow: 0 2px 40px rgba(0, 0, 0, .3);
    padding: 2.4rem
}

.profile__nav .navbar-brand {
    margin-bottom: 1.2rem
}

.profile__nav .grey-link:not(:last-of-type) {
    margin-top: 1.4rem
}

.profile.navbar-nav .profile__nav a.nav-link {
    display: flex;
    align-items: center;
    padding: .6rem 0;
    font-size: 1.6rem;
    color: #010101;
    font-weight: 300
}

.profile.navbar-nav .profile__nav a.nav-link:active {
    background: 0 0
}

.profile.navbar-nav .profile__nav a.nav-link span {
    display: inline-block;
    margin-left: 2.8rem
}

.profile.navbar-nav .profile__nav a.nav-link .profile__login, .profile.navbar-nav .profile__nav a.nav-link .profile__name {
    font-size: 1.3rem;
    margin: 0
}

.profile__nav.show {
    visibility: visible
}

.profile__login {
    font-size: 1.4rem
}

.profile .grey-link, .profile.navbar-nav a.nav-link.grey-link {
    color: #999
}

.profile.navbar-nav a.nav-link {
    /*color: #fff*/
}
.profile.navbar-nav a.nav-link .cart__number span {
    color: #fff
}

.profile .profile__element-link {
    display: flex;
    flex-direction: column;
    align-items: center
}

.profile #favorite-link {
    position: relative
}

.profile #favorite-link .icon {
    width: 28px;
    height: 28px;
    margin-right: 0
}

.profile .enter svg {
    width: 25px;
    height: 27px;
    margin-bottom: 2px;
    margin-right: 0
}

.profile .cart {
    position: relative
}

.profile .cart svg {
    width: 25px;
    height: 30px;
    margin-right: 0
}

.profile .cart__number {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 20px;
    height: 20px
}

.profile .cart__number span {
    position: absolute;
    top: -14px;
    left: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
    border-radius: 3rem;
    background-color: #84060D;
}

.profile .cart__number span.favorite-count {
    left: -16px;
    background-color: transparent;
    font-size: 0
}

.profile .cart__number span.favorite-count.active {
    background-color: #840D06;
    font-size: 1.2rem
}

.profile .cart span {
    line-height: normal
}

.profile span {
    display: inline-block;
    width: 100%
}

.profile #profile:active, .profile #profile:focus, .profile #profile:hover {
    box-shadow: none;
    border-color: transparent;
    outline: 0
}

.profile #profile::after {
    content: none
}

article, section {
    margin-top: 6.8vh
}

article .section-title, article h2, section .section-title, section h2 {
    margin-bottom: 1.2rem;
    line-height: normal
}

.button {
    border-radius: 8px;
    transition: .12s;
    background-color: transparent;
    border: 2px solid;
    font-family: "Inter";
    font-weight: 700
}

.button_blue {
    position: relative;
    z-index: 10;
    padding: 0;
    padding-bottom: 0 !important;
    background: 0;
    color: #0a5ed7;
    border-bottom: 1px dashed #0a5ed7;
    outline: 0
}

.button_password {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem
}

.button_close {
    position: absolute;
    top: 1rem;
    right: 2.3rem;
    z-index: 50;
    width: 2rem;
    height: 2rem;
    padding: 0;
    opacity: 0;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 2rem;
    transition: .12s
}

button:focus {
    outline: 0
}

.show-button {
    background-color: transparent;
    padding: 2px 0;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.show-button:focus {
    outline: 0
}

.show-content {
    overflow: visible !important;
    max-height: 100% !important
}

.show-more {
    background-color: #f2f0f1;
    color: #010101;
    width: 100%;
    padding: 0;
    border-radius: 8px;
    font-weight: 300;
    position: relative;
    transition: .2s
}

.show-more a {
    display: inline-block;
    padding: 1.5rem;
    color: #000;
    font-weight: 400;
    transition: .12s
}

.show-more a:hover {
    color: #000
}

.catalog-list .cart-button {
    line-height: 1.2rem
}

.cart-button {
    height: 3.6rem
}

.cart-button_added {
    color: #fff !important
}

.cart-button_added a {
    color: #fff
}

.cart-button_added a:hover {
    background-color: #5799f7
}

.basket__link .button {
    width: 100%
}

.favorite-button {
    background-color: transparent;
    width: 24px;
    height: 24px;
    box-sizing: content-box
}

.favorite-button:hover .favorite-button__stroke {
    opacity: .7;
    transition: .12s
}

.favorite-button__stroke {
    stroke: #000;
    opacity: .28;
    transition: .12s
}

.favorite-button_added .favorite-button__stroke {
    opacity: 1
}

.ask {
    position: fixed;
    bottom: 7%;
    right: 4.5%;
    display: flex;
    justify-content: center;
    z-index: 900
}

.ask__list {
    position: absolute;
    right: 10%;
    bottom: -40rem;
    z-index: 70;
    transition: .25s
}

.ask__list-item {
    width: 40px;
    height: 40px
}

.ask__list-item svg {
    transition: .2s
}

.ask__list-item:not(:last-of-type) {
    margin-bottom: .8rem
}

.ask-button {
    width: 48px;
    height: 48px;
    background-color: transparent;
    padding: 0;
    position: relative;
    z-index: 80;
    transition: .12s
}

.ask-button .opened {
    width: 48px;
    height: 48px;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10
}

.ask-button:focus {
    outline: 0
}

.ask.showMessangers .ask-button .opened {
    visibility: visible;
    z-index: 10
}

.ask.showMessangers .ask__list {
    bottom: 6rem;
    transition: .25s
}

.share__list {
    display: flex;
    flex-wrap: wrap
}

.share__list-item {
    width: 4rem;
    height: 4rem
}

.share__list-item:not(:last-of-type) {
    margin-right: .8rem
}

.share-button {
    width: 4.2rem;
    height: 4.2rem;
    background: 0;
    padding: .2rem;
    box-sizing: content-box
}

.checkbox {
    position: relative;
    margin-top: 1rem
}

.checkbox input[type=checkbox]:focus + label:before {
    outline: #3b99fc auto 5px;
    border-color: #3b99fc
}

.checkbox input[type=checkbox] + label::after {
    content: none
}

.checkbox input[type=checkbox]:checked + label::after {
    content: ""
}

.checkbox label {
    padding-left: .8rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000
}

.checkbox label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    height: 1.8rem;
    width: 1.8rem;
    border: 1px solid #e3e3e3;
    border-radius: 4px
}

.checkbox label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 25%;
    height: 6px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg)
}

.cbx {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    grid-column: 1/2
}

.cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0)
}

.cbx span:first-child {
    position: relative;
    min-width: 18px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #ccd5db;
    transition: all .2s ease
}

.cbx span svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all .3s ease;
    transition-delay: .1s;
    transform: translate3d(0, 0, 0)
}

.cbx span:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%
}

.cbx span:last-child {
    padding-left: 8px
}

.inp-cbx:checked + .cbx span:first-child {
    -webkit-animation: wave .4s ease;
    animation: wave .4s ease
}

.inp-cbx:checked + .cbx span svg {
    stroke-dashoffset: 0
}

.inp-cbx:checked + .cbx span:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all .6s ease
}

@-webkit-keyframes wave {
    50% {
        transform: scale(.9)
    }
}

@keyframes wave {
    50% {
        transform: scale(.9)
    }
}

.filter {
    margin-top: 2.4rem
}

.filter__title {
    padding-bottom: .7rem;
    color: #000
}

.filter__inner {
    margin-top: 3rem
}

.filter__inner .bx-filter-parameters-box-title {
    padding-bottom: 15px
}

.filter__inner .checkbox__inner {
    line-height: normal;
    margin-bottom: 13px
}

.filter__inner:first-of-type {
    margin-top: 0
}

.filter__item {
    display: flex;
    flex-direction: column
}

.filter__range {
    display: flex;
    padding-bottom: .6rem
}

.filter__range-item {
    width: 50%
}

.filter__range-item:first-of-type input {
    border-radius: 6px 0 0 6px;
    border-right: 0
}

.filter__range-item:last-of-type input {
    border-radius: 0 6px 6px 0
}

.filter__range label {
    display: block;
    color: #999;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.filter__range input {
    width: 100%;
    padding: 1rem 1.2rem;
    border: 1px solid #e3e3e3
}

.catalog a {
    display: inline-block;
    width: 100%
}

.catalog a:active, .catalog a:hover {
    text-decoration: none
}

.catalog-list {
    display: flex;
    flex-flow: row wrap
}

.catalog-list__item {
    display: flex
}

.catalog-list__item a {
    display: inline-block;
    color: #000
}

.catalog-list__category {
    width: 100%
}

.catalog-list.first-level {
    display: block;
    width: 100%
}

.catalog-list.first-level .catalog-list__item a {
    width: 98%;
    padding: 0 1.2rem;
    font-weight: 500;
    transition: .11s
}

.catalog-list.first-level .catalog-list__item:hover .catalog-list__category a {
    border-radius: 8px;
    color: #fff;
    transition: .11s
}

.catalog-list.first-level > .catalog-list__item:not(:first-of-type) {
    margin-top: 2.5rem
}

.catalog-layout {
    width: 100%;
    display: flex
}

.catalog-inner {
    width: 100%
}

.catalog-inner .catalog__list.second-level {
    font-weight: 700
}

.catalog-inner .catalog__list.second-level .catalog-list__item a:active, .catalog-inner .catalog__list.second-level .catalog-list__item a:hover {
    opacity: .7
}

.catalog-inner .catalog__list.third-level {
    font-weight: 300
}

.catalog-inner .catalog__list.third-level a {
    color: #656565;
    font-weight: 300
}

.catalog-inner .catalog__list.third-level a:active, .catalog-inner .catalog__list.third-level a:hover {
    opacity: .85
}

.catalog-slider .slick-list {
    padding: 4.5rem 3.5rem 2rem;
    margin: 0 1rem;
    transform: translate3d(-3.5rem, 0, 0);
    box-sizing: content-box
}

.catalog-slider .catalog-item {
    width: 240px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    margin: 0 5px
}

.catalog__button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 20.5rem;
    margin-left: 3rem;
    font-weight: 300;
    border-radius: 8px;
    background: #840D06;
    color: inherit;
    transition: .12s
}

.catalog__button-name {
    font-size: 1.6rem;
    letter-spacing: .03em
}

.catalog__button .hamburger {
    height: 5.6rem;
    margin-left: -10px;
    padding-right: 5px
}

.catalog__button:hover {
    background-color: #222;
    transition: .12s
}

.catalog-item {
    position: relative;
    padding-bottom: 15px;
    /*background-color: #F5F2EA;*/
    transition: .12s
}

.catalog-item:hover .catalog-item__price {
    transition: .2s
}

.catalog-item__image {
    height: 27.2rem;
    position: relative
}

.catalog-item__image img {
    border-radius: 0
}

.catalog-item__price {
    font-weight: 800;
    font-size: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: .5rem;
    color: #010101;
    transition: .12s
}

.catalog-item__price p:first-child {
    padding-right: .9rem
}

.catalog-item__old-price {
    text-decoration: line-through;
    color: #010101;
    font-weight: 100;
    font-size: 1.4rem
}

.catalog-item__announce {
    color: #010101;
    opacity: .6;
    font-size: 1.4rem;
    line-height: 2rem;
    min-height: 4rem
}

.catalog-item__arrive-text {
    font-size: 1.4rem;
    font-weight: 300
}

.catalog-wrapper {
    display: flex;
    justify-content: space-between
}

.catalog-wrapper .catalog-item__buttons {
    display: flex;
    align-items: baseline;
    opacity: 0;
    margin: 1rem 0;
    flex-wrap: wrap
}

.catalog-wrapper .catalog-item__buttons .button {
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem
}

.catalog-wrapper .catalog-item__buttons .favorite-button {
    width: 22px;
    height: 22px;
    margin-left: 10px
}

.catalog-wrapper .catalog-item .product-item {
    border-radius: 8px
}

.catalog-wrapper .catalog-slider .catalog-item:hover {
    transform: scale(1.05)
}

.catalog.section_slider {
    margin-top: 1vh
}

.catalog .brands__text-inner {
    width: 100%
}

.cart__header {
    justify-content: space-between;
    padding-bottom: 1.5rem
}

.catalog-slider .catalog-item__price, .main_page .catalog-item__price {
    margin-top: 1.5rem
}

.catalog_sorting {
    position: relative;
    display: flex;
    align-items: center
}

.catalog_sorting .custom-select {
    border: 0;
    background: 0;
    font-size: 1.4rem;
    font-weight: 300;
    color: #000
}

.catalog_sorting .custom-select option {
    font-weight: 300
}

.catalog_sorting .icon {
    position: absolute;
    right: 5px;
    width: 8px;
    height: 13px
}

.catalog_sorting .nice-select::after {
    border-bottom: 0;
    border-right: 0;
    background: url(../../icons/sprite.svg#filter-icon) no-repeat;
    background-size: cover;
    height: 13px;
    width: 8px;
    transform: rotate(0)
}

.catalog_sorting .nice-select .list {
    z-index: 250
}

.catalog_sorting .nice-select .option::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 7px;
    margin-left: .5rem
}

.catalog_sorting .nice-select .option.selected::after {
    content: '✔'
}

.tree__section {
    margin-top: 0
}

.tree__title {
    font-size: 2.4rem;
    line-height: 4.5rem;
    font-weight: 900;
    color: #010101
}

.tree__box {
    margin-top: 2rem
}

.tree__box-title {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    color: #010101
}

.tree__list {
    margin-top: 1.8rem;
    overflow: hidden;
    max-height: 11.4rem
}

.tree__list a {
    color: #010101;
    font-size: 1.4rem;
    transition: .11s;
    padding: 1rem 0
}

.tree__list a:hover {
    transition: .11s
}

.tree__brand {
    height: 8.8rem;
    padding: 2rem 4rem;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.tree__brand img {
    border-radius: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.tree .show-button:focus {
    outline: 0
}

.banner__item {
    height: 34.2vh;
    background-color: #f2f0f1;
    border-radius: 16px;
    text-align: center
}

.banner ~ .ads:first-of-type {
    margin-bottom: 7.2vh
}

.banner .slick-next, .banner .slick-prev {
    top: 42%;
    z-index: 80;
    display: none !important
}

.ads {
    display: flex
}

.ads.ads-type_second, .ads.ads-type_third {
    margin-top: 6.7rem
}

.ads.ads-type_second .ads__item, .ads.ads-type_third .ads__item {
    height: 24rem
}

.ads__item {
    position: relative
}

.ads__text {
    max-width: 75%;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: 3.5rem
}

.ads__image {
    height: 100%
}

.ads__title {
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-weight: 800
}

.category-slider {
    margin-top: 3rem
}

.category-slider a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #010101
}

.category-slider__item {
    padding: 0 15px
}

.category-slider__image {
    position: relative;
    border-radius: 10rem;
    width: 17.6rem;
    height: 17.6rem;
    border: 1px solid rgba(0, 0, 0, .1)
}

.category-slider__image img {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10rem;
    padding: .5rem
}

.category-slider__title {
    text-align: center;
    padding-top: 1.5rem;
    font-weight: 300
}

.category-slider .slick-track {
    margin-left: 0
}

.category-slider .slick-next {
    right: -.5%
}

.category-slider .slick-prev {
    left: -.5%
}

.category-slider .slick-next, .category-slider .slick-prev {
    top: 25%
}

.category-collections .category-slider img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    border-radius: 10rem;
    -o-object-fit: cover;
    object-fit: cover
}

.social {
    display: flex;
    margin-top: 2rem
}

.social__item {
    margin-right: 1rem
}

.social__item a {
    border-radius: 8px
}

.social__item:last-of-type {
    margin-right: 0
}

.social__item svg {
    width: 4rem;
    height: 4rem
}

.social__item-bg {
    transition: .12s
}

.social__item-color {
    fill: #fff
}

.payments {
    display: flex;
    margin-top: 4rem
}

.payments li:not(:last-child) {
    margin-right: 1.5rem
}

.payments .icon {
    width: 4.3rem;
    height: 3.5rem
}

.payments .icon use {
    fill: red
}

.seo {
    display: flex;
    border: 0
}

.seo .card-header {
    background: 0;
    border-bottom: 0
}

.seo__title {
    color: #000
}

.seo__text {
    max-height: 16rem;
    overflow: hidden;
    margin-bottom: 2rem;
    position: relative;
    color: rgba(0, 0, 0, .4)
}

.seo__text:after {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 0;
    height: 9rem;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), #F5F2EA)
}

.seo__text.show-content:after {
    background: 0 0
}

.product {
    margin-top: 1rem
}

.product__header {
    display: flex
}

.product__header .section-title {
    max-width: 96%
}

.product__info {
    display: flex
}

.product__info div {
    margin-right: 2.4rem
}

.product__info div span {
    line-height: 50px;
    color: rgba(0, 0, 0, .4)
}

.product__info div span span {
    color: #000
}

.product__layout {
    display: flex;
    justify-content: space-between
}

.product__layout section {
    margin-top: 8.6vh
}

.product__price {
    display: flex;
    align-items: flex-end
}

.product__price span {
    margin-right: 1.5rem
}

.product__price .current {
    font-weight: 800;
    font-size: 3.6rem;
    line-height: 3.3rem
}

.product__price .old {
    text-decoration: line-through;
    color: #000;
    line-height: 1.6rem
}

.product__price .sale {
    position: static;
    max-width: 5.6rem
}

.product__type {
    margin-top: 2rem
}

.product__type p {
    font-weight: 700
}

.product__type p span {
    font-weight: 300
}

.product__type-list {
    display: flex;
    padding-top: 1rem
}

.product__type-item button {
    padding: 6px;
    background-color: transparent
}

.product__type-item button:active, .product__type-item button:focus {
    border: 2px solid;
    border-radius: 8px
}

.product__type-item button[disabled] {
    opacity: .3;
    color: #999
}

.product__type-item button[disabled]:active, .product__type-item button[disabled]:focus {
    border: none
}

.product__type_color .product__type-item {
    width: 7.6rem;
    height: 10.6rem
}

.product__type_size .product__type-item button {
    width: 5.8rem;
    height: 4rem;
    border: 1px solid #9f9f9f;
    border-radius: 6px;
    margin-right: .8rem;
    text-transform: uppercase;
    font-weight: 300
}

.product__type_size .product__type-item button:active, .product__type_size .product__type-item button:focus {
    border: 2px solid;
    border-radius: 8px
}

.product__type_size .product__type-item button[disabled] {
    opacity: 1;
    background-color: #f2f0f1;
    color: #999;
    border: 1px solid #f2f0f1
}

.product__type_size .product__type-item button[disabled]:active, .product__type_size .product__type-item button[disabled]:focus, .product__type_size .product__type-item button[disabled]:hover {
    border: 1px solid #f2f0f1
}

.product__type_size .product__type-list {
    margin-top: 1.5rem;
    margin-bottom: 3.5rem
}

.product__buttons {
    margin-top: 1rem
}

.product__buttons .favorite-button {
    opacity: 1
}

.product__buttons .button {
    width: 100%;
    height: 5rem
}

.product__buttons .button:first-of-type {
    margin-right: 1.3rem
}

.product__buttons .button span {
    letter-spacing: .5px;
    font-weight: 600
}

.product__buttons .button.add_to_basket, .product__buttons .button.basket__link {
    width: 100%
}

.product__delivery-info {
    position: relative;
    margin-top: 3rem;
    display: flex;
    flex-direction: column
}

.product__delivery-info span {
    font-weight: 500;
    color: #000
}

.product__delivery-info span span {
    font-weight: 300
}

.product__delivery-info #delivery-coast:hover ~ .product__delivery-coast {
    opacity: 1;
    z-index: 10;
    transition: .12s
}

.product__delivery-coast {
    position: absolute;
    top: 4rem;
    left: 15rem;
    z-index: -10;
    opacity: 0;
    box-shadow: 0 2px 30px rgba(0, 0, 0, .13986);
    border-radius: 1rem;
    transition: .12s;
    background-color: #fff;
    padding: 1.5rem
}

.product__delivery-coast p {
    color: rgba(0, 0, 0, .4)
}

.product__brand {
    margin-top: 3rem;
    display: flex;
    align-items: center
}

.product__brand-image {
    width: auto;
    max-width: 15rem;
    height: 3.6rem
}

.product__brand-image img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
    display: block;
    border-radius: 0;
    width: auto
}

.product__brand-link {
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-left: 1.5rem
}

.product__set {
    max-width: 53.7%
}

.product__set-summ {
    display: flex;
    align-items: center;
    padding-top: 1.5rem
}

.product__set-list {
    display: flex
}

.product__set-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.product__set-item a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: auto
}

.product__set-item a:after {
    content: '+';
    position: absolute;
    top: 80px;
    right: -38px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding-left: 15px
}

.product__set-item .catalog-item__image {
    display: flex;
    height: 18.5rem
}

.product__set-item:hover {
    box-shadow: 0 0;
    border-radius: 0;
    transform: none
}

.product__set-item:last-of-type a::after, .product__set-item:nth-last-child(-n+2) a::after {
    content: ''
}

.product__set-item:last-of-type::before {
    content: '\003D';
    position: absolute;
    top: 90px;
    left: -20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 8px
}

.product__set-price {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 30%;
    transform: translateY(-20%);
    text-align: right
}

.product__set-price > span {
    font-weight: 900;
    font-size: 2.8rem;
    line-height: 5rem;
    color: #000
}

.product__set-price strong {
    font-size: 2.6rem
}

.product__set-price .old strong {
    font-size: 2rem
}

.product__set-price .button {
    margin-top: 1rem;
    width: 14.1rem;
    height: 3.4rem;
    font-size: 1.2rem
}

.product__description-title {
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    margin-bottom: 1rem
}

.product__description-item_include {
    display: flex;
    align-items: baseline;
    padding-bottom: 4px
}

.product__description .show-button {
    margin-top: 1rem
}

.product__description-table {
    max-height: 29rem;
    overflow: hidden;
    position: relative
}

.product__description-text {
    max-height: 28rem;
    overflow: hidden
}

.product__description-container:not(:last-of-type) {
    margin-bottom: 4rem
}

.product__table-item_title {
    font-size: 1.8rem;
    padding: 1rem 0
}

.product__aside {
    width: 56.7%
}

.product__aside .product__buttons {
    display: flex;
    align-items: center
}

.product-page .catalog-item__buttons {
    opacity: 0;
    margin-top: 1rem
}

.product-page .catalog-item__buttons .button {
    display: flex;
    align-items: center;
    color: #fff;
    width: 49.4%;
    font-weight: 500;
    font-size: 1.4rem
}

.product-page .catalog-item__buttons .favorite-button {
    width: 22px;
    height: 22px;
    margin-left: 10px
}

.product__description-table::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 9rem;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff)
}

.shadow-removed.product__description-table::after {
    content: none;
    background: 0 0
}

.sale {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 15;
    width: 28%;
    min-width: 50px;
    height: 3.2rem;
    border-radius: 6px;
    font-size: 1.4rem;
    line-height: 3.2rem;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.gallery {
    display: flex;
    align-items: flex-start;
    padding-right: 4rem
}

.gallery__nav {
    width: 16%;
    padding-right: 2.5rem;
    padding-top: 0;
    padding-bottom: 0
}

.gallery__nav .slick-current img {
    border-radius: 8px
}

.gallery__nav img {
    width: auto;
    border-radius: 8px
}

.gallery__nav-item:hover {
    cursor: pointer
}

.gallery .slick-vertical .slick-slide {
    height: 10rem;
    margin-top: 1rem;
    border: 2px solid transparent
}

.gallery__show {
    width: 86.1%
}

.gallery__show-item {
    width: 100%;
    height: 100%;
}
.product-image-wrap {
    width: 100%;
    height: 100%; /* если родитель тоже имеет высоту */
    overflow: hidden;
}
.product-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__show-item img {
    /*-o-object-fit: contain;*/
    /*object-fit: contain;*/
    /*border-radius: 0;*/
    /*height: auto;*/
    /*width: auto*/
}

.product-item-detail-slider-container {
    width: 51%;
    max-height: 680px
}

.product-item-detail-slider-container.popup {
    max-height: 100%
}

.reviews-container .nav-link {
    border: 0
}

.reviews-container .nav-tabs {
    border-bottom: 0
}

.reviews-container .tab-content > .active {
    display: block
}

.reviews-container section {
    margin-top: 2.7rem;
    align-items: baseline;
    justify-content: space-between
}

.reviews-container .nav-link.active {
    border-bottom: 2px solid;
    color: #000
}

.reviews__inner {
    display: flex
}

.reviews__header, .reviews__sub-header {
    display: flex;
    align-items: baseline
}

.reviews__header p, .reviews__sub-header p {
    font-size: 2.8rem;
    font-weight: 900;
    color: #000;
    margin-left: 1rem
}

.reviews__header .product__reviews-number, .reviews__sub-header .product__reviews-number {
    margin-left: 1rem
}

.reviews__header .product__rating, .reviews__sub-header .product__rating {
    width: 16rem;
    padding-bottom: 1rem
}

.reviews__author-image {
    min-width: 6.4rem;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 4rem;
    background-color: #f2f0f1;
    font-size: 1.2rem;
    margin-right: 1.5rem
}

.reviews__author-image img {
    border-radius: 4rem
}

.reviews__author-name {
    display: block;
    font-weight: 500
}

.reviews__author-name strong {
    font-size: 2rem;
    font-weight: 900
}

.reviews__list {
    margin-bottom: 3rem
}

.reviews__list-item {
    display: flex;
    flex-wrap: wrap
}

.reviews__list-item .product__rating {
    width: 9.2rem;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 1rem
}

.reviews__list-item time {
    color: rgba(0, 0, 0, .4)
}

.reviews__product-color {
    display: inline-block;
    color: #000
}

.reviews__text {
    padding: .5rem 0
}

.reviews__text img {
    width: 7.5rem;
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer
}

.reviews__media {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem
}

.reviews__media-item {
    width: 7.5rem;
    height: 10rem
}

.reviews__answer-list {
    margin-top: 4rem;
    margin-left: 6.4rem
}

.reviews__answer-item {
    flex-wrap: nowrap
}

.reviews-button {
    padding: 0;
    background: 0;
    color: #0a5ed7;
    border-bottom: 1px dashed #0a5ed7;
    outline: 0
}

.reviews__button-layout {
    position: absolute;
    top: -8.5rem;
    left: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.reviews .button {
    height: 5rem;
    width: 22.7rem;
    text-transform: uppercase;
    font-weight: 700
}

.reviews .blog-comment {
    width: 100%
}

.cart__header {
    display: flex;
    align-items: baseline
}

.cart__list-item {
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 0
}

.cart__list-item:not(:first-of-type) {
    border-top: 1px solid #e3e3e3
}

.cart__item-number {
    color: rgba(0, 0, 0, .4);
    padding-left: 1.6rem
}

.cart__info {
    position: relative;
    padding-left: 1.6rem
}

.cart__product {
    display: grid;
    grid-template-rows:2fr;
    grid-template-columns:11.8rem 1fr
}

.cart__product-title {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem
}

.cart__product-image {
    grid-column: 1/2;
    height: 15.5rem
}

.cart__product-image img {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0
}

.cart__product-number {
    display: flex;
    align-items: center;
    width: 13rem;
    position: absolute;
    bottom: 0
}

.cart__product-number p {
    text-align: center;
    width: 48%;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    font-weight: 700
}

.cart__product-number button {
    width: 36%;
    height: 5rem;
    border: 1px solid #e3e3e3;
    background-color: transparent;
    font-weight: 700
}

.cart__product-number button:first-of-type {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.cart__product-number button:last-of-type {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.cart__product-number button:focus {
    outline: 0
}

.cart__product-buttons {
    position: absolute;
    right: 0;
    bottom: 3rem
}

.cart__product-buttons button {
    font-size: 1.4rem;
    outline: 0
}

.cart__product-buttons button:not(:first-of-type) {
    margin-left: 1.6rem
}

.cart__price-info {
    width: 50%;
    position: relative
}

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

.cart__prices .catalog-item__old-price {
    font-size: 1.6rem;
    color: #000;
    font-weight: 400;
    padding: 0;
    margin-right: 10px
}

.cart__prices .sale {
    position: static;
    max-width: 7rem;
    margin-right: 15px
}

.cart__prices .price {
    display: flex;
    justify-content: flex-end;
    margin-top: .5rem;
    font-size: 2.3rem;
    font-weight: 900
}

.basket-items-list-item-warning-container > div {
    padding: 5px 5px 5px 5px
}

.basket-item-image-link {
    width: 100%;
    height: 100%
}

.cart__product-title a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem
}

.basket-item-info-name, .basket-item-info-name-link {
    font: inherit;
    padding: inherit;
    word-break: inherit
}

.basket-items-list-item-amount {
    padding-top: 37px
}

.basket-item-price-current {
    padding-top: 0;
    color: inherit;
    vertical-align: inherit;
    line-height: inherit
}

.basket-item-amount-filed {
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
    font: inherit;
    vertical-align: baseline
}

.cart__product-number {
    position: relative
}

.basket-item-block-amount {
    padding: 0
}

.bx_item_detail_size {
    margin-top: 1rem;
    color: #010101
}

.bx_item_detail_size .bx_size_scroller_container {
    font-weight: 700;
    color: #000
}

.order .product__layout {
    justify-content: space-between;
    margin-top: 4rem
}

.order__section {
    margin-top: 4rem
}

.order__section-box {
    display: grid;
    grid-template-columns:24.2% 24.2%;
    grid-gap: 0 1.6rem;
    margin-top: 3rem
}

.order__input {
    grid-row: 3/4
}

.order .courier .order__layout {
    grid-template-columns:50.2% 1fr;
    grid-template-rows:0fr .5fr 1fr .5fr .8fr;
    grid-gap: 2rem 4.7%
}

.order .courier .order__method-item {
    display: grid;
    grid-column: 1/2
}

.order .courier .order__method-item.order__layout {
    grid-template-rows:auto
}

.order .courier .order__method-item.order__layout:not(:last-of-type) {
    margin-bottom: 1rem
}

.order .courier .order__caution {
    grid-row: 4/5;
    grid-column: 2/3;
    align-self: end
}

.order .pickup .checkbox-list {
    display: flex
}

.order .pickup .checkbox-list .checkbox__inner:not(:first-of-type) {
    margin-left: 2.3%
}

.order .pickup .checkbox-list span {
    font-size: 1.4rem;
    color: #000;
    font-weight: 400
}

.order .pickup .order__layout {
    grid-template-columns:50.2% 1fr;
    grid-template-rows:.6fr 1fr 1fr 1fr;
    grid-gap: 2rem 4.7%
}

.order .pickup .order__layout .order__method-item {
    grid-column: 1/2
}

.order .pickup .order__layout .order__method-item input {
    width: 100%
}

.order .pickup .order__layout label {
    display: block;
    padding-bottom: .8rem
}

.order .pickup .order__layout .order__caution {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: end
}

.order .pickup .order__layout .order__caution_phone {
    grid-row: 4/5
}

.order .pay-method {
    display: grid;
    grid-template-rows:.6fr 1fr 1fr
}

.order .pay-method .radio {
    grid-column: 1/2;
    align-self: center
}

.order .pay-method .radio {
    margin: 16px 0;
    display: block;
    cursor: pointer
}

.order .pay-method .radio input {
    display: none
}

.order .pay-method .radio input + span {
    line-height: 22px;
    height: 22px;
    padding-left: 22px;
    display: block;
    position: relative;
    color: #000
}

.order .pay-method .radio input + span:not(:empty) {
    padding-left: 30px
}

.order .pay-method .radio input + span:after, .order .pay-method .radio input + span:before {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute
}

.order .pay-method .radio input + span:before {
    background: #d5d5d5;
    transition: background .2s ease, transform .4s cubic-bezier(.175, .885, .32, 2)
}

.order .pay-method .radio input + span:after {
    background: #fff;
    transform: scale(.78);
    transition: transform .6s cubic-bezier(.175, .885, .32, 1.4)
}

.order .pay-method .radio input:checked + span:before {
    transform: scale(1.04);
    background: #ff7c1d
}

.order .pay-method .radio input:checked + span:after {
    transform: scale(.4);
    transition: transform .3s ease
}

.order .pay-method .radio input:hover input + span:before {
    transform: scale(.92)
}

.order .pay-method .radio input:hover input + span:after {
    transform: scale(.74)
}

.order .pay-method .radio input:hover input:checked + span:after {
    transform: scale(.4)
}

.order .delivery {
    display: grid;
    grid-template-columns:50.2% 1fr;
    grid-gap: 1rem 4.7%
}

.order .delivery__time {
    align-self: center;
    font-weight: 400;
    color: #000
}

.order__layout {
    display: grid;
    grid-template-rows:1.3fr 1fr 4.8rem;
    grid-template-columns:3.3fr 1fr
}

.order__inner {
    width: 65%
}

.order .bx-soa-section-title, .order__title {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
    grid-column: 1/3
}

.order__method-list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 0 3.5%;
    border-bottom: 0;
    margin-top: 3rem
}

.order__get-method {
    display: grid;
    grid-template-rows:1.1fr 1.5fr .6fr;
    grid-template-columns:2fr 1fr;
    padding: 1.7rem 2.4rem;
    border-radius: 6px;
    border: 1px solid #e3e3e3
}

.order__get-method.active {
    border: 2px solid
}

.order__method-name {
    font-size: 1.8rem;
    line-height: 3.8rem;
    grid-column: 1/3
}

.order__method-text {
    grid-column: 1/3;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #999
}

.order__method-price {
    font-size: 1.4rem;
    justify-self: end
}

.order time {
    font-size: 1.4rem;
    line-height: 2.4rem
}

.order__caution {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #999;
    padding-left: 1.5rem;
    display: inline-block
}

.order__caution:first-of-type {
    grid-row: 3/4
}

.order__caution:nth-of-type(2) {
    grid-row: 5/6
}

.order__caution:nth-of-type(3) {
    grid-row: 6/7
}

.order-box {
    position: -webkit-sticky;
    position: sticky;
    top: 15.5rem;
    margin-top: 3rem;
    width: 32.5%;
    height: 100%
}

.order-box input {
    height: 4rem;
    width: 63.5%;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    font-size: 1.4rem;
    color: #999;
    padding: 1.4rem 1.2rem
}

.order-box button {
    width: 31.5%;
    height: 4rem;
    color: #fff;
    margin-left: 3.5%;
    font-size: 1.4rem
}

.order-box button.promocode_added {
    background-color: #5799f7;
    border-color: #5799f7
}

.order-box__item:not(:last-of-type) {
    margin-bottom: 2rem
}

.order-box__text {
    display: flex;
    justify-content: space-between;
    padding-bottom: .5rem;
    color: #000;
    line-height: 2.8rem
}

.order-box__text:last-of-type {
    padding-bottom: 0;
    padding-top: 1.3rem;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 900
}

.order-box__inner {
    padding: 2.4rem;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.order-box a.button {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 700
}

.order-box .order__caution {
    display: inline-block;
    max-width: 77%;
    padding-top: 1.5rem
}

.order .bx-soa-section-title, .order .order__title {
    font-size: 2.4rem;
    line-height: normal
}

.order-accepted {
    width: 39.4%;
    margin-top: 6vh;
    padding: 2.3rem 3.2rem 0;
    border: 1px solid #e3e3e3
}

.order-accepted__text {
    padding-top: 1rem
}

.order-accepted__link {
    width: 31.5rem
}

.order-accepted__link a.button {
    display: block;
    width: 100%;
    margin-top: 2.5rem;
    padding: 1rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 900
}

.order-accepted__price {
    margin-top: 3rem;
    font-size: 2rem;
    font-weight: 800;
    color: #000;
    line-height: 2.4rem
}

.order-accepted__price p {
    padding: .8rem 0
}

.order-accepted .cart__product {
    grid-template-columns:7.8rem 1fr
}

.order-accepted .cart__header {
    flex-direction: column
}

.order-accepted .cart__list {
    width: 100%;
    margin: 0
}

.order-accepted .cart__list-item {
    padding-top: 2.3rem
}

.order-accepted .cart__list-item:not(:last-of-type) {
    padding-bottom: 1rem
}

.order-accepted .cart__list-item:not(:first-of-type) {
    border-top: 0
}

.order-accepted .cart__product-image {
    height: 9.5rem
}

.order-accepted .cart__product-title a {
    color: #000
}

.order-accepted .cart__info {
    padding-left: 1rem
}

.order-accepted .cart__price-info {
    width: 40%
}

.order-accepted .price {
    font-size: 2rem
}

.waiting-list {
    margin-top: 3rem
}

.waiting-list .catalog-item__buttons {
    margin-top: 2rem
}

.waiting-list .catalog-item__buttons .cart-button {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0 1rem
}

.promotion .section-title {
    margin-bottom: 2rem
}

.promotion__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.promotion__list-item {
    margin-bottom: 3rem
}

.promotion__image {
    width: 100%;
    height: 100%;
    height: 24rem
}

.promotion__text {
    display: inline-block;
    margin-top: 1.5rem;
    color: #000
}

.forum {
    min-height: 29.194vh;
    padding: 0;
    margin-top: 5rem
}

.forum-aside {
    margin-left: -1rem
}

.forum-aside__list-item a {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    padding: .5rem 1rem;
    border-radius: 8px;
    background-color: transparent;
    color: #000;
    transition: .12s
}

.forum-aside__list-item a:active, .forum-aside__list-item a:focus, .forum-aside__list-item a:hover {
    color: #fff;
    transition: .12s
}

.forum .catalog-container {
    padding-left: 2rem
}

.forum__list-item {
    padding: 1rem 3rem;
    border: 1px solid #e3e3e3;
    border-bottom: 0
}

.forum__list-item:first-of-type .forum__item-link {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.forum__list-item:last-of-type .forum__item-link {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.forum__list-item .card {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    color: rgba(0, 0, 0, .6);
    font-size: 1.5rem
}

.forum__list-item .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0
}

.forum__list-item:last-of-type {
    border-bottom: 1px solid #e3e3e3
}

.forum__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 1rem 0
}

.forum__item-link .icon {
    width: 12px;
    height: 8px
}

.forum__item-link.collapsed .icon {
    transform: rotate(180deg)
}

.forum__help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.5rem;
    padding: 2.4rem;
    border-radius: 8px;
    color: #000;
    background-color: rgba(251, 99, 29, .06)
}

.forum__help .button {
    padding: 1.25rem 3.5rem
}

.user-orders {
    margin-top: 2.5rem
}

.user-orders__section {
    margin-top: 3rem
}

.user-orders__section .nav-pills {
    margin-top: 1.6rem
}

.user-orders__section .nav-pills .nav-link {
    margin-right: 1.7rem;
    padding: 1.1rem 1.75rem;
    color: #010101;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.user-orders__section .nav-pills .nav-link.active {
    color: #fff
}

.user-orders__links .nav-link {
    padding: 0;
    padding-top: .5rem;
    margin-right: 3.5rem;
    color: #010101;
    transition: .12s
}

.user-orders__links .nav-link.active {
    border-bottom: 2px solid
}

.user-orders__links .nav-link.active:hover {
    color: #010101
}

.user-orders__links .nav-link:hover {
    transition: .12s
}

.user-orders__list {
    margin-top: 2.5rem
}

.user-orders__list-item {
    padding-bottom: 1.3rem;
    margin-bottom: 1.7rem;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.user-orders__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem 2rem 1rem;
    background: #f2f2f2
}

.user-orders__item-inner {
    display: flex;
    flex-direction: column
}

.user-orders__item-date, .user-orders__item-price {
    font-size: 1.8rem;
    font-weight: 800;
    color: #010101
}

.user-orders__item-number {
    font-size: 1.4rem;
    text-transform: uppercase
}

.user-orders__item-method {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 3rem;
    color: rgba(0, 0, 0, .4)
}

.user-orders__shipment {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 0;
    flex-wrap: wrap
}

.user-orders__shipment-box {
    display: flex;
    justify-content: space-between
}

.user-orders__shipment-number {
    max-width: 70%;
    font-size: 1.6rem;
    font-weight: 800;
    padding-right: 1.5rem;
    color: #010101
}

.user-orders__shipment-status {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    line-height: normal;
    text-align: center;
    padding: 3px;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 4px
}

.user-orders__shipment-status.order-status_success {
    background-color: #25d366
}

.user-orders__shipment-item {
    height: 11rem;
    margin-bottom: 1rem;
    border-radius: 8px
}

.user-orders__shipment-item img {
    border-radius: 8px;
    font-size: 1.2rem
}

.user-orders .form-group {
    position: relative;
    width: 44rem;
    margin-bottom: 0
}

.user-orders .form-group .form-control, .user-orders .form-group option {
    height: 4.8rem;
    font-size: 1.6rem;
    color: #000;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.user-orders .form-group .icon {
    position: absolute;
    top: 45%;
    right: 1.6rem;
    width: 12px;
    height: 8px;
    transform: rotate(180deg)
}

.user-orders__filter {
    display: flex;
    margin-top: 1rem
}

.user-orders__filter .button_blue {
    border: 0;
    margin-left: 1.6rem
}

.user-orders__filter .button_blue:focus {
    outline: 0
}

.user-orders__shipment-item img {
    -o-object-fit: contain;
    object-fit: contain
}

.sale-order-list-status-cancel {
    background-color: #dc3545 !important
}

.sale-order-list-status-success {
    background-color: #28a745 !important
}

.sale-order-title {
    font-family: inherit;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 2.5rem;
    font-weight: 700
}

.user-orders__list {
    margin-top: 0
}

.orders__sort li.current .nav-link {
    color: #fff
}

.status-date {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .4);
    margin-left: 1rem
}

.sale-order-history-link, .sale-order-link {
    margin-bottom: 2.5rem
}

.user-orders__list-item {
    margin-bottom: 2.5rem
}

.articles__list {
    margin-top: 3rem
}

.articles__list-item {
    margin-bottom: 7.5rem
}

.articles__list-item:nth-last-of-type(-n+4) {
    margin-bottom: 5rem
}

.articles__link {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, .4);
    transition: .12s
}

.articles__link:hover {
    color: #0a5ed7
}

.articles__link:hover .articles__text-preview, .articles__link:hover .articles__title {
    color: #0a5ed7
}

.articles__image-preview {
    height: 24rem;
    margin-bottom: 1.8rem;
    background-color: #f2f0f1;
    border-radius: 1.6rem;
    color: #010101
}

.articles__title {
    font-size: 1.6rem;
    font-weight: 500;
    color: #000
}

.articles__text-preview {
    margin-top: 1.3rem
}

.brands__text-inner {
    width: 65%;
    margin-bottom: 3rem;
    color: #000
}

.brands .articles__image-preview {
    padding: 5rem;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e3e3e3
}

.brands .articles__image-preview img {
    border-radius: 6px;
    -o-object-fit: contain;
    object-fit: contain
}

.article-detail {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 1.4rem;
    margin-top: 3rem;
    padding: 0
}

.article-detail__header {
    display: flex;
    align-items: center
}

.article-detail__header .button {
    width: 9.7rem;
    height: 4rem;
    margin-right: 2rem
}

.article-detail__container {
    max-width: 100.3rem
}

.article-detail__article {
    margin-top: 0
}

.article-detail__blog {
    margin-top: 3rem
}

.article-detail__blog h2 {
    font-size: 2.8rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    margin-top: 2rem
}

.article-detail__blog h3 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding-bottom: 1rem;
    margin-top: 2rem
}

.article-detail__blog h3 span {
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding-bottom: 1rem;
    margin-top: 2rem
}

.article-detail__blog p {
    padding-top: 1rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #000
}

.article-detail__blog span {
    font-size: 1.6rem
}

.article-detail__blog ol, .article-detail__blog ul {
    margin-left: 1.4rem
}

.article-detail__blog ol li, .article-detail__blog ul li {
    padding-left: .5rem;
    list-style-type: decimal;
    font-size: 1.6rem
}

.article-detail__blog ol p, .article-detail__blog ul p {
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0
}

.article-detail__blog blockquote {
    margin-top: 1rem;
    padding: 1.5rem 2.4rem;
    background-color: rgba(251, 99, 29, .06);
    border-radius: 8px
}

.article-detail__blog blockquote a {
    color: #0a5ed7
}

.article-detail__blog blockquote span {
    color: rgba(0, 0, 0, .4)
}

.article-detail__marker-inner {
    margin-top: 1rem;
    padding: 1.5rem 2.4rem;
    background-color: rgba(251, 99, 29, .06);
    border-radius: 8px
}

.article-detail__marker-inner a {
    color: #0a5ed7
}

.article-detail__marker-inner span {
    color: rgba(0, 0, 0, .4)
}

.article-detail__title {
    font-size: 3.6rem;
    font-weight: 800;
    color: #010101
}

.article-detail__banner {
    width: 100%;
    height: 32rem;
    margin-top: 2rem;
    background-color: #f2f0f1;
    text-align: center;
    border-radius: 16px
}

.article-detail__aside {
    position: -webkit-sticky;
    position: sticky;
    top: .5rem;
    height: 100vh;
    max-width: 32.1rem;
    margin-top: 6.5rem
}

.article-detail__aside .articles__list {
    flex-direction: column;
    margin: 0
}

.article-detail__aside .articles__list-item {
    max-width: 100%;
    flex-basis: 100%;
    padding: 0
}

.article-detail__aside .articles__list-item, .article-detail__aside .articles__list-item:nth-last-of-type(-n+4) {
    margin-bottom: 32px
}

.article-detail__aside .articles__image-preview {
    margin-bottom: 15px
}

.article-detail__aside .articles__text-preview {
    margin-top: 8px
}

.info-page {
    padding: 0
}

.info-page .article-detail__article {
    padding-left: 2rem
}

.info-page .article-detail__blog {
    margin-top: 0
}

.info-page .article-detail__blog h3 {
    padding-bottom: 0
}

.footer {
    margin-top: 12vh;
    padding: 9.7vh 0 7.5vh;
    background-color: #000
}

.footer .logo {
    margin-right: 0
}

.footer__item {
    display: flex;
    flex-direction: column
}

.footer__item div:first-child {
    color: #fff;
    font-weight: 800
}

.footer__coopyright {
    opacity: .7
}

.footer a, .footer button, .footer span, .footer summary {
    color: #fff
}

.footer a, .footer button {
    display: block;
    margin-top: 1rem;
    transition: .12s
}

.footer a:hover, .footer button:hover {
    transition: .12s
}

.footer button {
    padding-left: 0;
    text-align: left;
    background: 0 0;
    outline: 0
}

.footer summary {
    font-weight: 800
}

.footer .logo {
    margin-top: -1rem;
    margin-bottom: 2.5rem
}

.footer .phone {
    font-size: 2.4rem;
    font-weight: 900
}

.error_404 {
    margin-top: 7vh;
    min-height: 28vh
}

.error_404-number {
    font-weight: 800;
    font-size: 3.6rem;
    color: #000
}

.error_404-text {
    margin-top: 2.2rem;
    font-weight: 300
}

.error_404 .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20.6rem;
    height: 4.8rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2.7rem
}

.mobile-catalog {
    display: none
}

.contacts-form__title {
    font-size: 1.8rem;
    font-weight: 700
}

.contacts-form .button {
    height: 3.8rem;
    width: 15rem;
    color: #fff
}

.contacts__note {
    margin-bottom: 2.7rem
}

.contacts__note blockquote::before {
    content: '';
    display: block;
    bottom: 3px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 3px
}

.contacts textarea.form-control {
    height: 64%
}

.contacts .contacts__title, .contacts label {
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
    color: #000
}

.contacts .form-control, .contacts option {
    height: 3.8rem;
    font-size: 1.2rem;
    font-weight: 300
}

.contacts .col {
    font-size: 1.4rem
}

.catalog-page__image {
    height: 24rem
}

.catalog-page__link {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #000;
    transition: .12s
}

.catalog-page__link:active, .catalog-page__link:focus, .catalog-page__link:hover {
    color: inherit
}

.captcha__wrap {
    display: flex;
    justify-content: space-between
}

.captcha__wrap img {
    -o-object-fit: contain;
    object-fit: contain
}

#filter-button {
    display: none
}

.waiting-list .subscribe-button {
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 0;
    height: 3.6rem;
    padding: 0 1rem
}

.product__buttons .button.subscribe-button {
    margin-right: 0;
    font-size: 1.6rem;
    width: 40%
}

.product__buttons .button.subscribe-button.disabled {
    color: #fff;
    border: 2px solid
}

.breadcrumbs__list-item a:hover, .breadcrumbs__list-item.active span {
    color: rgba(0, 0, 0, .7)
}

.catalog-list .cart-button-wrap {
    display: inline-block;
    width: auto
}

.catalog-list .catalog-item__buttons a {
    width: auto
}

.catalog-list .catalog-item__buttons .not-available {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    line-height: normal;
    margin-bottom: 1rem;
    padding-right: 4px
}

.catalog-list .cart-button a {
    color: #fff
}

.cart-button-wrap {
    width: 100%
}

.bx-filter .bx-filter-button-box {
    display: none
}

.button_close {
    right: 0
}

#favoriteAddSuccessModal .modal-dialog {
    max-width: 330px;
    margin: 0 auto
}

#favoriteAddSuccessModal .button {
    width: 100%
}

.buy__buttons {
    display: flex;
    align-items: center;
    width: 75.6%
}

.buy__buttons .favorite-button {
    margin-left: 1rem
}

.wrapper {
    min-height: 26.73841vh
}

.catalog__menu-modal {
    width: 100%
}

.catalog__menu-modal .root, .catalog__menu-modal .root__submenu {
    display: flex
}

.catalog__menu-modal .root__submenu {
    width: 100%
}

.catalog__menu-modal .root__submenu li {
    width: 100%;
    font-weight: 500
}

.catalog__menu-modal .parent__submenu li a {
    color: #656565;
    font-weight: 300
}

.catalog__menu-modal .parent, .catalog__menu-modal .root-item {
    font-weight: 500
}

.catalog__menu-modal .root:not(:first-of-type) {
    margin-top: 2.5rem
}

.catalog__menu-modal .catalog__menu-item.active .catalog-list__category {
    border-radius: 8px;
    transition: .11s;
    display: inline-block
}

.catalog__menu-modal .catalog__menu-item.active .catalog-list__category a {
    color: #fff
}

.catalog__menu-modal .catalog__menu-item a {
    transition: .11s;
    color: #000
}

.catalog__menu-modal .root__submenu a:active, .catalog__menu-modal .root__submenu a:hover {
    opacity: .7
}

.catalog__menu-modal .category-list a {
    display: block;
    width: 100%
}

.cart-button-link {
    color: inherit
}

.cart-button-link:hover {
    color: inherit
}

.bx-filter-parameters-box-container {
    position: relative
}

.bx-filter-button-box .reset {
    margin-right: 1.5rem
}

.product-item-label-text span.product_mark {
    display: inline-block;
    position: relative;
    left: 0;
    bottom: 0;
    min-width: 28%;
    padding: 0 1rem;
    height: 3.2rem;
    border-radius: 6px;
    font-size: 1.4rem;
    line-height: 3.2rem;
    text-align: center;
    color: #fff;
    font-weight: 700
}

span.product__mark-detail {
    border-radius: 6px;
    font-size: 1.4rem;
    line-height: 3.2rem;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.cart-button span {
    vertical-align: text-top
}

.tree__box-title a {
    color: inherit
}

.catalog-item__image img {
    -o-object-fit: contain;
    /*object-fit: contain*/
}

.product__info div {
    margin-right: unset
}

.product__info div.product__code, .product__info div.product__rating {
    margin-right: 2.4rem
}

.product__buttons .button a, .set-buy-btn a, .write-review a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product__buttons .button, .set-buy-btn {
    padding: 0
}

.product__set-price .set-buy-btn {
    width: auto;
    font-size: 1.3rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

.product__set-price .old {
    text-decoration: line-through;
    color: #000;
    line-height: 1.6rem
}

.product-item-detail-slider-container.popup {
    width: 100%
}

.bx_item_detail_rating {
    margin-bottom: 0;
    height: 100%
}

.product__info .product__rating {
    display: flex;
    flex-direction: column;
    align-items: center
}

.product .product-item-scu-item-color-container {
    max-width: unset
}

.product__type-item img {
    -o-object-fit: contain;
    object-fit: contain
}

.product__type-item button {
    height: 100%;
    padding: 4px
}

.product-item-scu-item-color-block {
    outline: unset;
    border: 2px solid transparent;
    border-radius: 8px
}

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
    outline: unset;
    border: 2px solid
}

.product-item .product-item-scu-item-color-block {
    border-radius: 5px
}

.product__header {
    justify-content: space-between
}

.product-item-scu-item-list {
    overflow: unset
}

.reviews__list-item {
    display: unset;
    flex-wrap: unset
}

@-webkit-keyframes product-item-hover {
    0% {
        box-shadow: unset
    }
    100% {
        box-shadow: unset
    }
}

@keyframes product-item-hover {
    0% {
        box-shadow: unset
    }
    100% {
        box-shadow: unset
    }
}

.product-page .catalog-item__buttons .button {
    width: inherit
}

.product-item-detail-info-section {
    padding: 0
}

.product-item-scu-item-text-block {
    outline: unset
}

.product__type_size button {
    width: 5.8rem;
    height: 4rem;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    margin-right: .8rem;
    text-transform: uppercase;
    font-weight: 300
}

.bx-no-touch .product-item-scu-item-color-block, .bx-no-touch .product-item-scu-item-text-block {
    transition: unset
}

.product__type_color {
    width: 7.6rem;
    height: 10.6rem
}

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
    border: 2px solid;
    border-radius: 8px
}

.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
    outline: 0;
    background-color: #f2f0f1;
    color: #999;
    border: 1px solid #f2f0f1
}

.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
    background: unset
}

.blog-add-comment {
    padding-bottom: 0
}

.ads-type_second .ads, .ads-type_third .ads {
    margin-top: 6.7rem
}

.one_click_buy_result {
    display: none;
    padding: 1rem 1.6rem 2.2rem 3.2rem;
    font-weight: 500;
    font-size: 1.8rem
}

.one_click_buy_result_fail, .one_click_buy_result_success {
    display: none
}

.order-box .basket-btn-checkout {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 700;
    margin-left: 0;
    height: auto
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none
}

.bx-soa-item-td {
    padding: 0
}

.bx-soa-item-img-block a {
    display: block;
    width: 100%;
    height: 100%
}

.bx-soa-item-img-block .bx-soa-item-imgcontainer {
    border: none;
    width: 100%;
    height: 100%;
    padding-top: 0
}

.bx-soa-item-title a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem;
    color: #000
}

.bx-soa-item-tr-first {
    border-top: none;
    margin-top: 0
}

.bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route {
    height: 25px
}

.bx-sls .dropdown-icon {
    top: 15px
}

.bx-sls .bx-ui-sls-clear {
    top: 7px
}

.order__section input, .order__section textarea {
    border-radius: 6px;
    border: 1px solid #e3e3e3;
    padding: 1rem;
    font-weight: 300
}

.order__section input:focus, .order__section textarea:focus {
    border-color: #3b99fc
}

.order__section input {
    height: 4.8rem
}

.order__section .radio-inline {
    display: inline-block
}

.order__section .radio-inline input {
    padding: 0;
    margin-right: 8px;
    min-width: 22px;
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 50%;
    border: 3px solid #d5d5d5;
    position: relative;
    padding-top: 0;
    transition: transform .3s ease
}

.order__section .radio-inline input:hover {
    cursor: pointer
}

.order__section .radio-inline input:checked {
    border: 7px solid
}

.order__section .radio-inline label {
    display: flex;
    align-items: center
}

.order__section #zipProperty {
    display: block
}

#bx-soa-delivery .bx-soa-pp-item-container {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-row-gap: 2rem;
    border-bottom: 0
}

#bx-soa-delivery .order__get-method {
    display: grid;
    grid-template-rows:1.1fr 1.5fr .6fr;
    grid-template-columns:2fr 1fr;
    padding: 1.7rem 2.4rem;
    border-radius: 6px;
    border: 1px solid #e3e3e3
}

#bx-soa-delivery .bx-soa-pp .bx-soa-pp-company {
    display: grid;
    grid-template-rows:7rem 1.5fr .6fr;
    grid-template-columns:1.5fr 1fr;
    padding: 1.7rem 2.4rem;
    border-radius: 6px;
    border: 1px solid #e3e3e3;
    cursor: pointer
}

#bx-soa-delivery .bx-soa-pp-company.bx-selected {
    border: 2px solid
}

#bx-soa-delivery .bx-soa-pp-company-graf-container, #bx-soa-delivery .bx-soa-pp-company-inject {
    display: none
}

#bx-soa-delivery .bx-soa-pp-company-smalltitle {
    font-size: 1.8rem;
    grid-column: 1/3;
    font-weight: 800;
    color: #000;
    text-align: inherit;
    padding: 0
}

#bx-soa-delivery .bx-soa-pp-company-description {
    grid-column: 1/3;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #999
}

#bx-soa-delivery .bx-soa-pp-delivery-cost, #bx-soa-delivery .bx-soa-pp-delivery-period {
    position: relative;
    padding: 0;
    right: unset;
    bottom: unset;
    border-radius: unset;
    background: unset;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    display: flex;
    align-items: center
}

#bx-soa-delivery .bx-soa-pp-delivery-cost .bx-soa-pp-list-description, #bx-soa-delivery .bx-soa-pp-delivery-period .bx-soa-pp-list-description {
    font-size: 1.4rem;
    line-height: 2.4rem
}

#bx-soa-delivery .bx-soa-pp-delivery-period ~ .bx-soa-pp-delivery-cost {
    justify-content: flex-end
}

#bx-soa-delivery .bx-soa-pp-delivery-period .bx-soa-pp-list-description {
    color: #000;
    font-weight: 400
}

#bx-soa-delivery .bx-soa-pp-delivery-cost .bx-soa-pp-list-description {
    color: #000;
    font-weight: 400
}

#bx-soa-delivery .bx-soa-pp-delivery-cost .bx-soa-pp-list-description.free_delivery {
    color: green
}

#bx-soa-order {
    margin-top: 0
}

#bx-soa-paysystem .bx-soa-pp-item-container {
    display: grid;
    grid-template-rows:.6fr 1fr 1fr
}

#bx-soa-paysystem .bx-soa-pp-company-item {
    margin: 16px 0;
    display: flex;
    cursor: pointer;
    grid-column: 1/2;
    align-self: center;
    padding: 0;
    align-items: center
}

#bx-soa-paysystem .bx-soa-pp-company-graf-container {
    min-width: 22px;
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 50%;
    border: 3px solid #d5d5d5;
    position: relative;
    padding-top: 0;
    transition: transform .3s ease
}

#bx-soa-paysystem .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
    border: 7px solid
}

#bx-soa-paysystem .bx-soa-pp-company-smalltitle {
    line-height: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    color: #000;
    font-family: "Museo Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 100%;
    padding: 0 0 0 22px;
    text-align: inherit
}

#bx-soa-paysystem .bx-soa-pp-company-inject {
    display: none
}

.bx-soa-pickup-l-item-btn a {
    font-size: 1.4rem
}

.bx-soa-coupon-input {
    width: 100%
}

.bx-soa-cart-total-line-total {
    padding-bottom: 0;
    padding-top: 1.3rem;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 900
}

.bx-soa-pickup-l-item-desc {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #999
}

.bx-soa-pickup-l-item-detail {
    min-height: 115px
}

.bx-soa-pickup-l-item-img {
    border-radius: 5px
}

.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    text-align: left;
    font-size: 1.4rem
}

.soa-property-container {
    display: flex
}

.soa-property-container input, .soa-property-container textarea {
    min-width: 50%
}

.soa-property-container .order__caution {
    padding-left: 5rem
}

table.title-search-result tr {
    margin: 0;
    padding: 0;
    box-sizing: content-box
}

table.title-search-result td.picture {
    width: 48px;
    border-radius: 0;
    vertical-align: middle
}

table.title-search-result td img {
    max-height: 38px;
    -o-object-fit: contain;
    object-fit: contain;
    border: none
}

table.title-search-result td.main {
    padding-left: .4rem;
    width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 14px;
    vertical-align: middle
}

table.title-search-result td {
    background-color: #fff;
    padding-top: .8rem;
    padding-bottom: .8rem;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid transparent;
    transition: none;
    box-sizing: content-box
}

table.title-search-result {
    border-collapse: collapse;
    border: none;
    width: 100%;
    box-sizing: content-box
}

div.title-search-result {
    overflow: hidden;
    z-index: 205;
    min-width: 13.3rem;
    background: #fff;
    box-shadow: 0 0 1px 1px #e5e5e5;
    box-sizing: content-box
}

table.title-search-result .cost.prices {
    margin: 10px 10px 0 0
}

.price .title-search-price .price:not(.discount) {
    margin-right: 2px;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px
}

.title-search-all {
    padding-left: 1.5rem
}

.search__btn {
    width: 100%;
    height: 5.6rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase
}

.popup-window {
    border-radius: 1.6rem
}

.popup-window .btn-primary {
    width: 100%;
    padding: 1.5rem 0;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 1.6rem;
    cursor: pointer
}

.bx-catalog-subscribe-form-container-input input[type=text] {
    display: block;
    width: 100%;
    height: 4.8rem;
    padding: .375rem .75rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.popup-window.popup-window-with-titlebar {
    padding: 2.2rem 3.2rem 3.2rem
}

.popup-window-with-titlebar .popup-window-content {
    padding: 0
}

.popup-window-buttons {
    padding: 3.2rem 0 0
}

.bx-catalog-subscribe-form-container-label {
    color: #999;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem
}

.popup-window-titlebar {
    height: auto;
    padding-bottom: 2.2rem
}

.popup-window-titlebar-text {
    font-size: 2.8rem;
    color: #000;
    font-weight: 900;
    line-height: 1.5;
    padding: 0;
    font-family: Museo Sans, Helvetica, Arial, sans-serif
}

.bx-catalog-popup-message {
    font-family: Museo Sans, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 300;
    color: #372c25
}

.popup-window-close-icon:after {
    width: 16px;
    height: 16px
}

.popup-window-titlebar-close-icon {
    top: 25px;
    right: 10px;
    width: 14px;
    height: 21px
}

.popup-window-overlay {
    background: rgba(0, 0, 0, .4)
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff
}

.bx-authform .button {
    color: #fff
}

.bx_profile {
    margin-top: 3rem
}

.bx_profile label {
    color: #999;
    margin-bottom: 1rem
}

.bx_profile input, .bx_profile textarea {
    font-size: 1.6rem;
    border-radius: 6px
}

.bx_profile input[type=password], .bx_profile input[type=text] {
    height: 4.8rem
}

.bx_profile .button.main-profile-submit {
    height: 5rem;
    color: #fff;
    padding: 0 5rem;
    text-transform: uppercase
}

.bx_profile .button.main-profile-submit:focus {
    border-color: transparent
}

.bx_profile .form-item:not(:first-of-type) label {
    margin-top: 1.5rem
}

.main-profile-form-buttons-block {
    margin-top: 3rem
}

.bx_profile form {
    margin-top: 3rem
}

.catalog.subscribe__products {
    margin-top: 3rem
}

.subscribe__products .section-title {
    margin-bottom: 3rem
}

.subscribe__products .catalog-item__image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.subscribe__products .bx_catalog_item_controls {
    margin-top: 1rem
}

.subscribe__products .catalog-item__announce a {
    color: #010101
}

.subscribe__products .catalog-item__announce {
    min-height: 4rem
}

#div_captcha, .captcha_block {
    display: flex;
    justify-content: space-between
}

#div_captcha img {
    width: 180px;
    height: 40px
}

.blog-comment-field-captcha-label {
    margin-top: 3rem
}

.product_review_form .modal-footer {
    padding-left: 0;
    padding-right: 0
}

.feed-add-post {
    border: 1px solid #ced4da;
    border-radius: 6px
}

.feed-add-post-form {
    margin-bottom: 0;
    border-radius: 6px
}

.feed-add-post-form .bx-editor-iframe body {
    min-height: inherit !important
}

div.blog-comment-field-captcha input {
    width: 50%
}

.feed-add-post-form-but-wrap {
    padding: 0 7px 0 10px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 0
}

.feed-add-post-form-but-more-open {
    right: 0;
    top: 2px
}

.answer_added, .comment_added {
    padding: 0 0 3rem;
    display: block;
    font-size: 18px;
    color: green
}

.blog-comment-nav-item {
    display: none
}

.blog-comment-nav-item-first {
    display: inline-block
}

.blog-comment-nav-item-next {
    display: inline-block
}

.cart.nav-link:hover .cart__number {
    color: #fff
}

.bx-authform input[type=checkbox], .modal input[type=checkbox] {
    opacity: 1;
    height: auto
}

.button_password {
    justify-content: flex-start;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

#authorization .modal-buttons, #registration .modal-buttons {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 3.6rem
}

.button__primary {
    color: #fff;
    padding: 1rem 3rem;
    text-transform: uppercase
}

.bx-authform input, .bx-authform textarea {
    font-size: 1.6rem;
    border-radius: 6px;
    height: 4.8rem
}

.bx-authform label {
    align-items: center;
    color: #999;
    margin-bottom: 1rem
}

.bx-authform {
    margin-top: 5rem
}

.bx-authform .checkbox label:after, .bx-authform .checkbox label:before {
    content: unset
}

.bx-authform form {
    margin-top: 3rem
}

.modal-socials {
    margin-bottom: 3.2rem
}

.bx-authform-description-container {
    margin-top: 1rem
}

.bx-authform-description-container {
    font-size: 1.4rem;
    color: #777
}

.auth__success {
    margin-top: 5rem
}

.bx-confirm .button {
    margin-top: 1rem
}

#callModal .modal-footer {
    padding-left: 0;
    padding-right: 0
}

.promotion__list-item a {
    height: 100%
}

.article-detail__header {
    margin-top: 3rem;
    margin-right: 0
}

.sections__menu {
    margin-top: 3rem
}

.tree__list a {
    display: inline-block;
    padding: .5rem 0
}

.brands__wrap .catalog {
    margin-top: 0
}

.forum-aside__list .active a {
    color: #fff
}

.forum {
    margin-top: 0;
    min-height: auto
}

.forum .forum__list-item {
    padding: 1rem 3rem 1rem 3rem;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    font-size: inherit;
    list-style-type: inherit
}

.forum .forum__list {
    margin-left: 0
}

.forum .forum__list-item:last-of-type {
    border-bottom: 1px solid #e3e3e3
}

.checkbox__inner {
    position: relative
}

.checkbox__inner .inp-cbx[type=checkbox] {
    opacity: 0;
    position: absolute
}

.order-box .order__caution {
    position: absolute;
    bottom: -5rem;
    max-width: 100%
}

.popup-window img {
    width: auto;
    height: auto;
    margin-bottom: 3.2rem
}

.popup-window .btn.btn-default {
    padding: 1.5rem 0;
    display: block;
    color: #fff;
    border: 2px solid;
    border-radius: 8px;
    font-family: Museo Sans, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase
}

.product-item-label-left {
    left: 0
}

.product-item-label-top {
    top: 0
}

.cbx span.bx-filter-element-count {
    width: inherit;
    min-width: auto;
    height: inherit;
    border: none;
    transform: inherit;
    padding-left: 0;
    vertical-align: initial
}

.cbx span.bx-filter-element-count:after, .cbx span.bx-filter-element-count:before, .cbx span.bx-filter-param-text:before {
    content: unset
}

.inp-cbx:checked + .cbx span.bx-filter-element-count:first-child {
    background: inherit;
    border-color: inherit;
    -webkit-animation: inherit;
    animation: inherit
}

.product-item-detail-slider-container.popup .gallery {
    padding-right: 0
}

.product-item-detail-slider-container.popup .product-item-detail-slider-block {
    position: inherit
}

.product-item-detail-slider-controls-image {
    outline: 0
}

.product-item-detail-slider-controls-image img {
    max-width: 100%;
    max-height: 100%
}

.product__type-item img {
    border-radius: 0
}

.bx-no-retina .product-item-detail-slider-controls-image.active {
    border: 2px solid;
    border-radius: 8px;
    outline: unset
}

.catalog-wrapper .catalog-item__buttons .bx-catalog-subscribe-button, .product-page .catalog-item__buttons .bx-catalog-subscribe-button {
    height: 3.6rem
}

.catalog-wrapper .catalog-item__buttons .bx-catalog-subscribe-button.disabled {
    background-color: #5799f7;
    color: #fff;
    border: 2px solid #5799f7
}

.sale-personal-section-index-block-name {
    color: #fff;
    font-weight: 500;
    text-transform: initial
}

.captcha_image {
    width: auto;
    height: auto
}

form label.error {
    color: red;
    font-size: 1.2rem
}

.catalog__menu-item a.root-item-selected {
    border-radius: 8px;
    color: #fff;
    transition: .11s;
    display: inline-block;
    font-weight: 500
}

.catalog-list__category a.root-item, .catalog-list__category a.root-item-selected {
    padding: 1px 1.2rem
}

.basket-box {
    max-width: 31%;
    padding: 0
}

.authorized .profile #favorite-link, .authorized .profile .btn.enter, .authorized .profile .cart.nav-link {
    font-size: 1.6rem
}

.gallery .product-item-label-text, .product-item-label-ring {
    z-index: 150
}

.product-item-detail-slider-left, .product-item-detail-slider-right {
    width: 11%
}

.profile .nav-item {
    display: flex
}

.product-item-detail-info-container {
    margin: 0
}

.play-button span {
    top: 4px
}

.profile__element:not(:last-of-type) {
    margin-right: 1rem
}

.sale-personal-section-index-block-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.sale-personal-section-index-block-link:hover {
    display: flex
}

.cash-account h3.title {
    font-size: 2.4rem
}

.cash-account .button {
    font-size: 1.6rem;
    color: #fff
}

.cash-account .input-group-text, .cash-account .sale-accountpay-pp-company-smalltitle {
    font-size: 1.6rem
}

.cash-account .sale-accountpay-input {
    font-size: 1.6rem;
    height: 4rem
}

.cash-account .sale-accountpay-pp-company-graf-container {
    border-radius: 10px
}

.sale-personal-account-wallet-title {
    font-size: 1.4rem
}

.sale-personal-account-wallet-container {
    margin-top: 5rem
}

.brands .articles__link:hover .articles__text-preview, .brands .articles__link:hover .articles__title {
    color: #000
}

.adm-detail-content img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

#bx-soa-basket {
    margin-top: 3rem
}

.product-page .catalog-item {
    padding-bottom: 0 !important
}

.product-page .catalog-item .product-item {
    padding-bottom: 0 !important;
    border-radius: 10px
}

.product-item-title {
    white-space: inherit
}

#shoesSizeModal .modal-dialog, #sizeModal .modal-dialog {
    max-width: 60%
}

#shoesSizeModal .modal-header, #sizeModal .modal-header {
    border-bottom: 1px solid #dee2e6
}

#shoesSizeModal .sizetable2__table-wrp, #sizeModal .sizetable2__table-wrp {
    padding: 0 32px
}

#shoesSizeModal .sizetable2__tr, #sizeModal .sizetable2__tr {
    font-size: 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

#shoesSizeModal .sizetable2__tr_header, #sizeModal .sizetable2__tr_header {
    padding-top: 6px
}

#shoesSizeModal .sizetable2__td_name, #sizeModal .sizetable2__td_name {
    font-size: 13px
}

#shoesSizeModal .sizetable2__td, #sizeModal .sizetable2__td {
    text-align: center;
    display: inline-block;
    font-size: 13px;
    vertical-align: top;
    min-height: 18px;
    padding: 16px 0;
    width: 20%
}

.product__aside .product__buttons .button {
    font-size: 1.6rem;
    text-transform: uppercase
}

.product__type_size .product-item-scu-item-text {
    font-family: Museo Sans, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.product__aside .product__price .old {
    font-size: 1.6rem
}

.user-orders__links .nav-link {
    color: rgba(0, 0, 0, .4)
}

.user-orders__links .nav-link.active {
    color: #000
}

.brands_slider .category-slider__image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.brands_slider .category-slider__image img {
    height: 85%;
    width: 85%;
    border-radius: 0
}

.chosen-container-single .chosen-search input[type=text] {
    border: 1px solid #e3e3e3;
    height: 40px;
    border-radius: 6px;
    font-size: 14px;
    background: 0
}

.chosen-container .chosen-drop {
    border-color: #e3e3e3;
    box-shadow: none
}

.chosen-container .chosen-results {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.chosen-container .chosen-results li.highlighted {
    background-image: none;
    border-radius: 6px
}

.chosen-container-single .chosen-single {
    box-shadow: none;
    background-image: none !important;
    height: 40px;
    background: 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #e3e3e3
}

.chosen-container-single .chosen-single {
    border-color: #e3e3e3
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 10px
}

.chosen-container-single .chosen-single div b {
    background-position: 0 10px
}

.btn-region:active, .btn-region:focus, .btn-region:hover {
    color: #fff
}

#formofcity label {
    display: none
}

.catalog__menu-modal {
    position: relative
}

.catalog__menu-modal .root__submenu.active {
    opacity: 1;
    z-index: 10;
    transition: .12s
}

.catalog__menu-modal .root__submenu {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .12s;
    z-index: -10;
    max-height: 79.2vh;
    overflow: auto;
    padding: 0 30px
}

.catalog__menu-modal .submenu-list {
    margin-top: 5px
}

.catalog__menu-modal .submenu-list .parent__submenu a {
    font-size: 14px;
    line-height: normal
}

.catalog__menu-modal .submenu-list .parent > a {
    font-weight: 600
}

.catalog__menu-modal .submenu-list .parent {
    margin-bottom: 2.5rem
}

.catalog__menu-modal .root__submenu.active {
    height: 100%
}

.catalog-list__category a {
    line-height: 32px
}

.root.catalog__menu-item {
    width: 88%
}

.catalog__menu-modal .root:not(:first-of-type) {
    margin-top: 0
}

#catalogModal .modal-content {
    border: 0
}

#catalogModal .modal-body {
    padding-bottom: 5rem
}

#catalogButton.white-trigger {
    background: #fff;
    color: #000
}

#catalogButton.white-trigger .hamburger-inner, #catalogButton.white-trigger .hamburger-inner::after, #catalogButton.white-trigger .hamburger-inner::before {
    background-color: #000
}

.mCSB_container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.mCustomScrollBox {
    width: 100%
}

.gallery__image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.video_frame_wrap {
    height: 100%
}

.product-item-detail-slider-video {
    display: flex;
    height: 100%;
    align-items: center
}

.play-block {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px
}

.play-button {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    border: 4px solid;
    border-radius: 54px
}

.play-button span {
    position: absolute;
    top: 4px;
    left: 9px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #fff
}

.product-item-detail-slider-container.popup .video-trigger {
    display: none
}

.video_frame {
    width: 100%;
    max-height: 100%
}

.swiper-container {
    height: 68rem
}

.add_to_basket, .basket__link {
    display: none
}

.basket_btn_active {
    display: block
}

.basket_in_wrap {
    width: 100%
}

.bx_profile span.main-profile-subscribe-text:before {
    content: unset
}

.bx_profile span.main-profile-subscribe-text {
    line-height: normal;
    font-weight: 700;
    color: #000
}

.bx_profile .form-item label.main-profile-subscribe-label {
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 2rem
}

.bx_profile .typefile {
    display: block
}

.bx_profile #PERSONAL_PHOTO_del {
    opacity: 1
}

.cart__list-item.basket-items-list-item-container.basket-items-list-item-container-expend {
    display: flex
}

.cart__list-item .basket-items-list-item-notification {
    width: 100%
}

.sku-prop-title {
    font-size: 1.2rem
}

.sku-prop-wrap .product-item-info-container:first-of-type {
    margin-bottom: 0
}

.bx-filter .bx-filter-param-text {
    line-height: 1.4rem
}

.bx-filter .cbx {
    align-items: center
}

.bx-filter-parameters-box-container {
    padding-bottom: 0
}

.custom-select:focus {
    box-shadow: none
}

.custom-select .list {
    left: -18px
}

.custom-select .option {
    padding-right: 18px
}

.profile.navbar-nav a.nav-link:focus {
    box-shadow: none
}

.catalog.section_slider {
    margin-bottom: 66px
}

.catalog.section_slider .section-title {
    margin-bottom: 0
}

.catalog.section_slider .catalog-slider .slick-list {
    padding: 0
}

.order-box__item input:focus {
    outline: 0
}

table.title-search-result td.picture {
    border: none
}

.btn.enter:hover {
    border-color: transparent
}

.form-item_upload {
    position: relative;
    overflow: hidden
}

.form-item_upload label {
    cursor: pointer
}

.form-item_upload input {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    z-index: -10
}

.form-item_upload .icon {
    width: 7rem;
    margin: 0 1rem
}

.form-item_upload .form-item_upload-text {
    color: #999;
    font-size: 14px;
    font-weight: 300
}

.not-available {
    color: #f73d34;
    font-size: 14px;
    font-weight: 600
}

.not-available:hover {
    color: #f73d34
}

.product-item-image-wrapper {
    height: 25rem;
    padding-top: 0;
    min-width: 64px
}

img.lazy-img {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/bitrix/templates/ipdesign_market/images/preloader-mini.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #010101
}

img.lazy-img.isLoaded {
    background-image: none
}

.product-item-image-wrapper .lazy-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d
}

.product-item-image-wrapper .lazy-img::after {
    content: '';
    height: 50%;
    width: 50%;
    background-image: url(/bitrix/templates/ipdesign_market/images/preloader-mini.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: translateZ(-1px)
}

.isLoaded.lazy-img::after {
    opacity: 0
}

.cities {
    width: 100%
}

.livesearch {
    width: 100%;
    margin-bottom: 2.5rem
}

.back_to_list span {
    display: block;
    height: 100%;
    line-height: 3rem
}

.catalog__button:focus {
    outline: 0;
    outline-width: 0
}

.modal-open {
    overflow: auto
}

#city-search {
    margin-bottom: 1rem
}

#locations .city-item {
    display: block;
    font-family: Museo Sans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #010101;
    line-height: 36px;
    cursor: pointer
}

.btn-region {
    margin-top: 1rem
}

.place__button:focus {
    outline: 0
}

#cities-list li:first-of-type {
    margin-top: 1rem
}

#cities-list li:last-of-type {
    margin-bottom: 1rem
}

.product__description-table {
    max-height: 38.5rem
}

.product-item-detail-slider-container {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem
}

#product-specific .table-line {
    height: 1px;
    margin: 0 8px;
    background: linear-gradient(90deg, #dcdcdc 33%, transparent 0) repeat-x bottom;
    background-size: 3px 1px;
    flex-grow: 1
}

.articles.user-orders {
    padding-top: 1.5rem;
    margin-top: 0
}

.articles.user-orders .cart__header {
    padding-bottom: 2rem
}

.articles.user-orders .sections__menu {
    margin-top: 0
}

.brands.user-orders {
    padding-top: 1.5rem;
    margin-top: 0
}

.user-orders__section .cart__header {
    padding-bottom: 0
}

.waiting-list .catalog {
    margin-top: 3rem
}

#basket-root {
    margin-top: 0;
    padding-top: 3rem
}

#basket-root .cart__header, .waiting-list .cart__header {
    justify-content: inherit
}

.order {
    margin-top: 0;
    padding-top: 1rem
}

#bx_auth_servform {
    width: 100%
}

.bx_auth_serv_hidden {
    display: flex;
    align-items: center
}

.bx_auth_serv_hidden .bx-ss-icon {
    display: none
}

.modal .social #bx_auth_servform span {
    margin: 0 .5rem
}

.modal .social #bx_auth_servform input.button {
    margin-left: .5rem
}

.auth-page .social {
    flex-wrap: wrap
}

.auth-page .social__item {
    margin-bottom: 1rem
}

.auth-page #bx_auth_serv input {
    margin: 1.5rem 0 1.5rem 0;
    padding: .375rem .75rem;
    font-size: 1.6rem;
    border-radius: 6px;
    border: 1px solid #e3e3e3
}

.auth-page #bx_auth_serv span {
    margin: 0 .5rem
}

.auth-page #bx_auth_serv input[type=submit] {
    padding: .375rem 3rem
}

.user-orders__section-detail {
    margin-top: 3rem
}

.user-orders__section-detail .sale-order-detail-order-section {
    width: 100%
}

.user-orders__section-detail .sale-order-detail-general {
    margin-top: 3rem
}

.user-orders__section-detail .sale-order-payment-change-pp-list {
    display: flex
}

.user-orders__section-detail .sale-order-detail-order-item-td {
    vertical-align: baseline
}

.user-orders__section-detail .sale-order-detail-order-item-td {
    padding-left: 1rem;
    padding-right: 1rem
}

a.sale-order-detail-about-order-inner-container-name-read-less, a.sale-order-detail-about-order-inner-container-name-read-more {
    color: #007bff;
    font-size: 1.2rem;
    line-height: normal
}

.user-orders__section-detail .sale-order-detail-about-order-inner-container-repeat-button, .user-orders__section-detail .sale-order-detail-payment-options-methods-button-element {
    text-transform: uppercase;
    border-radius: 6px
}

.user-orders__section-detail .sale-order-detail-order-item-title a {
    color: #000
}

.sale-order-payment-change-pp-company-image {
    height: 10rem;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.sale-order-payment-change-pp-company-smalltitle {
    font-size: 1.2rem;
    font-weight: 700
}

.sale-order-detail-payment-options-methods-info-title-status-alert {
    margin: 0 .5rem
}

a:not([href]) {
    color: #007bff
}

.sale-order-detail-payment-options-methods-info-change-link:hover, a:not([href]):hover {
    color: #007bff;
    border: none
}

.bx-sopc > .container-fluid {
    padding: 0
}

.bx-sopc .sale-order-payment-change-pp.row, .bx-sopc .sale-order-payment-change-pp > .row, .bx-sopc > .container-fluid > .row {
    margin: 0
}

.bx-sopc .sale-order-payment-change-pp {
    width: 100%
}

.reg-license {
    padding-top: 2rem
}

.reviews__answer-item {
    display: flex
}

.product__questions .reviews__list-item {
    display: block;
    margin-top: 5rem
}

.product__questions-header h2 {
    margin-bottom: 0
}

.reviews__layout {
    width: 100%
}

.ajax_load_more span {
    width: 100%;
    display: inline-block;
    padding: 1.5rem;
    color: #000;
    font-weight: 400;
    transition: .12s
}

.product__questions-pagenav .ajax_load_more {
    position: relative;
    z-index: 10;
    padding: 0;
    padding-bottom: 0 !important;
    background: 0;
    color: #0a5ed7;
    border-bottom: 1px dashed #0a5ed7;
    outline: 0;
    width: auto;
    border-radius: 0
}

.product__questions-pagenav .ajax_load_more span {
    width: auto;
    display: inline-block;
    font-weight: 400;
    padding: 0;
    color: inherit
}

.product__questions-pagenav {
    margin-top: 3rem
}

.product__questions-empty {
    margin-top: 3rem
}

.product__type_condition button {
    width: auto;
    padding: 0 1rem
}

.product__type_condition.product-item-scu-item-color-container {
    width: auto
}

.product__type_condition .product-item-scu-item-text {
    text-transform: none
}

.catalog__detail-tabs a {
    color: #3f3f3f
}

#lowerCostModal .modal-footer > * {
    margin: 0
}

.modal .close span {
    font-size: inherit
}

.lower-cost-toggle {
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    margin-top: 2rem;
    display: inline-block
}

.add-review-bottom {
    margin-top: 3rem
}

.product__list-compare {
    margin: 1rem 0
}

.product__detail-compare .cbx, .product__list-compare .cbx {
    display: block
}

.compare-item-link {
    color: #3f3f3f;
    font-weight: 400
}

.compare-item-name {
    color: #3f3f3f
}

.compare-del {
    padding-left: 5px
}

.form-description {
    margin-bottom: 2.2rem
}

.top-cart-items, .top-favorite-items {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    width: 40rem;
    padding-top: 1rem;
    box-shadow: 0 2px 40px rgba(0, 0, 0, .3);
    border-radius: 1.6rem;
    letter-spacing: normal
}

.top-cart-items {
    right: 1rem
}

.top-favorite-items {
    right: 10rem
}

.bx-basket-item-list-item {
    display: flex;
    justify-content: space-between
}

.bx-basket-item-list-item-price, .bx-basket-item-list-item-price-summ {
    color: #000;
    font-size: 1.2rem
}

.bx-basket-item-list-item-img {
    margin-right: 1rem
}

.bx-basket-item-list-item-img img {
    border: none;
    max-width: 70px
}

.top-cart-items .top-cart-total-price, .top-favorite-items .top-favorite-total-price {
    color: #000;
    margin-bottom: 1rem
}

.bx-basket-item-list-button-container {
    bottom: 0
}

.top-cart-items .top-cart-link, .top-favorite-items .top-favorite-link {
    display: inline-block;
    font-size: 1.4rem;
    padding: .3rem 1rem;
    font-weight: 600;
    font-family: Museo Sans, Helvetica, Arial, sans-serif
}

.bx-opener .bx-basket-item-list.top-cart-items {
    padding-bottom: 10rem
}

.bx-basket-item-list.top-favorite-items {
    padding-bottom: 7.5rem
}

.bx-basket-item-list-button-container {
    padding: 1.5rem 0
}

.bx-basket-item-list-item-name a {
    color: #000;
    font-weight: 600;
    display: inline-block;
    line-height: inherit
}

.bx-basket-item-list-item-name {
    padding-right: .5rem
}

.bx-basket-item-list-item-name {
    width: 60%
}

.bx-basket-item-list-item-remove {
    top: 0
}

.bx-basket-item-list-item-price-block {
    width: 20%
}

.shops__list-item {
    margin-bottom: 7.5rem
}

.shops__list-img {
    height: 24rem;
    border-radius: 1.6rem;
    margin-bottom: 1.8rem
}

.shops__list-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.6rem
}

.shops__list-info-item span {
    color: #999
}

.shops__list-info {
    margin-top: 2rem;
    font-size: 1.4rem
}

#bx-composite-banner {
    display: inherit
}

#bx-composite-banner a {
    padding-left: 0 !important;
    margin-top: 2rem
}

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden.catalog-item__buttons, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden.catalog-item__buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.button.cart-button {
    color: #fff
}

.product__aside button:focus {
    outline: 0
}

#bx-soa-pickup h3 {
    font-size: 2.2rem;
    line-height: 3rem
}

.filter__inner .filter__item {
    max-height: 155px;
    overflow: hidden
}

#bx-soa-region .bx-slst .dropdown-icon {
    top: 20px
}

#bx-soa-region .bx-ui-combobox-toggle {
    margin-top: 10px
}

.catalog-wrapper .catalog {
    margin-top: 0
}

.bx-sbb-empty-cart-image img {
    height: auto
}

.order-subscribe {
    margin-top: 3rem
}

.order-subscribe-text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 19px;
    color: #000;
    font-family: Museo Sans, Helvetica, Arial, sans-serif
}

.cbx .order-subscribe-text:before {
    content: unset
}

#catalog-filter .bx-filter-block {
    display: block
}

.soc_auth_form {
    width: 100%
}

.order_product {
    display: flex;
    flex-wrap: wrap
}

.sale-order-list-cancel-link {
    padding: 0 0 0 13px
}

.header__sections {
    margin-left: 4rem
}

.header__nav .logo {
    margin-right: 0
}

.header__nav .search__wrap {
    width: 100%;
    padding: 0 1.5rem
}

.char_desc {
    max-width: 35%;
    text-align: right
}

.order-license .cbx {
    display: inline-block;
    margin-top: 1rem
}

.order-license-alert {
    color: red;
    margin-top: 1rem
}

#bx-soa-delivery .bx-soa-pp .bx-soa-pp-company .bx-soa-pp-company-inject .bx-soa-pp-desc-container .bx-soa-pp-company {
    display: block;
    border: none;
    padding: 0
}

.bx-soa-pp-company-inject {
    grid-column: 1/3
}

.bx-soa-pp-company-inject .bx-soa-pp-company-desc, .bx-soa-pp-company-inject .bx-soa-pp-desc-container {
    padding: 0
}

#reviews h2 {
    margin-bottom: 0
}

#no-reviews {
    margin-top: 3rem
}

.product__description-text-box h3 {
    font-size: 2.5rem;
    line-height: normal
}

.product__description-text-box ul {
    padding-left: 1.6rem
}

.product__description-text-box li, .product__description-text-box ul {
    list-style: inherit
}

#showReviews {
    margin-top: 2rem
}

.alert-success {
    margin-bottom: 3rem
}

#user_agree_order {
    width: auto
}

.order-license-txt {
    padding-left: 3px;
    line-height: normal
}

.social__item.auth a {
    background-color: transparent
}

.slick-next:before, .slick-prev:before {
    display: block !important
}

.gallery__nav .swiper-slide {
    height: 105px;
    margin-bottom: 10px
}

.banner {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden
}

.banner__item {
    height: 32rem
}

.article-detail .slick-list {
    padding: 0
}

.form-item_upload input {
    opacity: 0
}

.sale-paysystem-button-container input {
    font-size: 16px;
    padding: 0
}

.place {
    min-width: 125px
}

.order__messages-text {
    padding: 1.5rem;
    margin-top: 1rem;
    background: #f2dede;
    color: #a94442;
    text-align: center;
    border-radius: .25rem
}

#compare {
    position: relative
}

#compare .cart__number {
    right: 15px
}

#compare svg {
    width: 25px;
    height: 27px;
    margin-bottom: 2px;
    margin-right: 0
}

.header-cart .bx-basket, .header-cart .bx_catalog-compare-list {
    display: inline-block
}

#compare .compare-title, .compare-count {
    color: #fff
}

.compare-checkbox-label {
    cursor: pointer
}

.product__detail-compare .cbx, .product__list-compare .cbx {
    display: block
}

.compare-item-link {
    color: #3f3f3f;
    font-weight: 400
}

.compare-item-name {
    color: #3f3f3f
}

.compare-del {
    padding-left: 5px
}



.header .header__sub-nav .nav-link:hover {
    color:#840D06;
}

@media screen and (min-width: 576px) {
    #catalogModal .modal-dialog {
        max-width: 100%
    }

    .product__buttons .favorite-button {
        margin-left: 2rem
    }

    #close-profile-menu {
        display: none
    }

    .product__price-box {
        display: flex
    }

    .ads-type_first .ads__image {
        height: 220px
    }

    .ads-type_second .ads__image {
        height: 230px
    }

    .ads-type_third .ads__image {
        height: 115px
    }

    .similar__modal-list {
        padding: 3rem 5rem
    }
}

@media screen and (min-width: 576px) and (max-width: 992px) {
    .footer__item.col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .footer__item.col-md-3 {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 769px) {
    .profile .compare-title {
        font-size: 1.8rem;
        font-weight: 100;
        color: #fff
    }

    .user-orders__shipment-item {
        flex: 0 0 11.5%;
        max-width: 11.4rem;
        min-width: 11.4rem
    }

    #catalogModal .modal-dialog {
        max-width: 90%
    }

    .ads-type_first .ads__image {
        height: 153px
    }

    .ads-type_second .ads__image, .ads-type_third .ads__image {
        height: 118px
    }
}

@media screen and (min-width: 910px) {
    .gallery__nav .swiper-wrapper {
        flex-direction: column
    }

    .catalog-page__link:hover {
        transition: .12s;
        transform: scale(1.07)
    }

    .footer summary::-webkit-details-marker {
        display: none
    }

    .footer .social svg:hover .social__item-bg {
        fill: #fff;
        transition: .12s
    }

    .footer .social svg:hover .social__item-color {
        transition: .12s
    }

    .footer .social__item a:hover {
        transform: scale(1.12)
    }

    #bx-soa-basket .bx-soa-item-tr {
        justify-content: flex-start
    }

    #bx-soa-basket .bx-soa-item-tr .bx-soa-item-td {
        flex: 0 0 10%
    }

    #bx-soa-basket .bx-soa-item-tr .bx-soa-item-td:first-child {
        flex: 0 0 60%
    }

    #bx-soa-basket .bx-soa-item-tr .bx-soa-item-td:last-child {
        flex: 0 0 30%
    }
}

@media screen and (min-width: 1000px) {
    .show-on-mobile {
        display: none
    }

    #catalogModal .modal-dialog {
        max-width: 960px
    }

    .waiting-list .catalog-item:hover .button_close {
        opacity: 1;
        transition: .12s
    }

    .waiting-list .catalog-item:hover .button_close:focus {
        outline: 0
    }

    .product-item-detail-slider-container.popup .gallery__nav {
        width: 11rem;
        height: 100vh
    }

    .ads-type_first .ads__image {
        height: 212px
    }

    .ads-type_second .ads__image, .ads-type_third .ads__image {
        height: 164px
    }
}

@media screen and (min-width: 1024px) {
    .bx-no-touch .product-item-container.hover .product-item {
        box-shadow: 0 2px 40px rgba(0, 0, 0, .1);
        -webkit-animation: none;
        animation: none
    }

    .catalog-wrapper .catalog-item:hover {
        box-shadow: none
    }

    .product-item-container.hover {
        z-index: 55;
        transform: scale(1.05);
        transition: .12s
    }

    .product-item-container.hover .catalog-item__buttons, .product-item-container.hover .favorite-button {
        transition: .12s;
        opacity: 1
    }

    .show-more:hover {
        transition: .12s;
        box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .2)
    }

    .product__questions-pagenav .show-more:hover {
        box-shadow: none
    }

    #bx-soa-properties .bx-soa-tooltip .tooltip-inner {
        max-width: 330px
    }

    .ask-button:hover, .ask__list-item svg:hover:hover {
        transform: scale(1.12);
        transition: .12s
    }

    .header .header__sub-nav .nav-link:hover {
        color:#840D06;
        transition: .12s
    }

    .brands_slider .category-slider__image img {
        -o-object-fit: contain;
        object-fit: contain;
        padding: .5rem;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .7;
        transition: .12s
    }

    .brands_slider .category-slider__image img:hover {
        transition: .12s;
        opacity: 1;
        -webkit-filter: none;
        filter: none
    }

    .button:hover {
        transition: .12s;
        color: #fff
    }

    .button:hover a:hover {
        color: #fff
    }

    .product .cart-button:hover a, .set-buy-btn:hover a, .write-review:hover a {
        color: #fff
    }

    .product-item-detail-slider-controls-image {
        width: 6rem
    }

    .forum-aside__list-item a {
        border: 2px solid transparent
    }

    .forum-aside__list-item a:hover {
        background-color: transparent;
        border: 2px solid;
        color: #000
    }

    .forum-aside__list .active a:hover {
        color: #fff
    }

    .forum-aside__list-item a:focus {
        color: #000
    }

    .product__aside .button.cart-button:hover {
        opacity: .7
    }

    .profile__element:hover {
        opacity: .8
    }

    .profile__element.show:hover {
        opacity: 1
    }

    .button.fast-order:hover {
        opacity: .6;
        background-color: transparent
    }
}

@media screen and (max-width: 1025px) {
    .catalog-menu-left__root-title.mobile-hide {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    #mobile-menu, #mobile-shadow {
        display: none
    }

    .article-detail__body {
        width: 100%
    }

    .article-detail__aside {
        min-height: 90rem
    }

    .banner {
        height: 35rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1340px) {
    .catalog_sorting {
        margin-right: 9%
    }
}

@media screen and (min-width: 1000px) and (max-width: 1480px) {
    .header .place {
        flex: 0 0 21%;
        max-width: 21%
    }

    .header .hamburger {
        padding-right: .6rem
    }

    .header .catalog__button-name {
        font-size: 1.4rem;
        padding-right: 0
    }
}

@media screen and (min-width: 1200px) and (max-width: 1480px) {
    .order__caution {
        font-size: 1.32rem
    }

    .order-box {
        top: 16.5rem
    }
}

@media screen and (min-width: 1200px) {
    #catalogModal .modal-dialog {
        max-width: 1140px
    }

    .banner__item {
        min-height: 32rem
    }

    .contacts-form .captcha__wrap img {
        padding: 0
    }

    .ads-type_first .ads__image {
        height: 255px
    }

    .ads-type_second .ads__image, .ads-type_third .ads__image {
        height: 200px
    }
}

@media screen and (min-width: 1480px) {
    #catalogModal .modal-dialog, .container {
        max-width: 1400px
    }

    #callModal .modal-dialog, #fastOrder .modal-dialog, #placeModal .modal-dialog, #questionModal .modal-dialog, #reviewModal .modal-dialog {
        max-width: 67.5rem
    }

    .profile #favorite-link, .profile .btn.enter, .profile .cart.nav-link {
        font-size: 1.8rem
    }

    .ads-type_first .ads__image {
        height: 320px
    }

    .ads-type_second .ads__image, .ads-type_third .ads__image {
        height: 240px
    }
}

@media screen and (max-width: 1530px) {
    html {
        font-size: 56.81%
    }

    .articles__image-preview {
        height: 20rem
    }

    .profile {
        justify-content: flex-end
    }

    .product__set .catalog-item__price {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 1480px) {
    .headers .header__phone button, .headers .header__sub-nav .navbar-nav .nav-link {
        font-size: 1.5rem
    }

    .headers .header__sections .nav-item:not(:last-of-type) {
        margin-right: 1rem
    }

    .cart__product-number {
        position: static;
        padding-top: .5rem
    }

    .catalog-slider .catalog-item {
        width: 225px;
        margin-right: 35px
    }

    .profile .nav-item:not(:last-of-type) {
        padding-right: 0
    }

    .profile__nav {
        left: -20rem
    }

    .gallery__nav {
        width: 18%
    }

    .catalog__button {
        margin-left: 2.5rem
    }

    .profile .cart__number span {
        left: 0
    }

    .authorized .profile .nav-item {
        padding: 0
    }

    .authorized .profile #favorite-link, .authorized .profile .btn.enter, .authorized .profile .cart.nav-link {
        font-size: 1.35rem;
        line-height: normal
    }

    .profile .cart__number .favorite-count {
        left: -7px
    }

    .product__set-price strong {
        font-size: 2.2rem
    }

    .product__set-price .old strong {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 1280px) {
    .profile__nav {
        width: 35rem
    }
}

@media screen and (max-width: 1200px) {
    .place {
        margin: 0;
        font-size: 1.3rem
    }

    .search__wrap {
        flex: 0 0 35.5%;
        max-width: 100%
    }

    .catalog__button {
        margin-left: 1rem
    }

    .catalog__button-name {
        font-size: 1.4rem
    }

    .ads__title {
        font-size: 1.8rem
    }

    .title, h1.section-title, h2 {
        font-size: 3rem
    }

    .banner__item {
        max-height: 32rem
    }

    .search__button {
        width: 2.7rem;
        height: 2.7rem
    }

    .catalog__button .hamburger {
        padding-right: .6rem
    }

    .articles__list-item, .articles__list-item:nth-last-of-type(-n+4) {
        margin-bottom: 5rem
    }

    .catalog-page__image {
        height: 17rem
    }

    .footer .logo {
        width: 100%;
        height: 4rem;
        margin-top: 0
    }

    .footer .phone {
        font-size: 2rem
    }

    .articles__image-preview {
        height: 18rem
    }

    .catalog-slider .slick-list {
        padding: 3rem 2.5rem;
        transform: translate3d(-2.5rem, 0, 0)
    }

    .catalog-slider .catalog-item {
        width: 200px;
        margin-right: 15px
    }

    .catalog-wrapper .catalog-item:hover {
        box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
    }

    .catalog-wrapper .catalog-slider .catalog-item:hover {
        transform: scale(1.05)
    }

    .product__set .section-title, .product__set-summ {
        padding-left: 0
    }

    article .section-title, article h2, section .section-title, section h2 {
        margin-bottom: 2rem
    }

    .bx-soa-coupon-input::after {
        height: auto;
        line-height: 30px
    }

    .product-item-detail-slider-left, .product-item-detail-slider-right {
        width: 0;
        opacity: 0
    }

    .profile #favorite-link, .profile .btn.enter, .profile .cart.nav-link {
        font-size: 0;
        line-height: 0
    }

    .profile #favorite-link .icon, .profile .btn.enter .icon, .profile .cart.nav-link .icon {
        margin-right: 0
    }

    .profile .cart__number {
        right: -4px
    }

    .authorized .profile .nav-item {
        padding: 0 .4rem
    }

    .authorized .profile #favorite-link, .authorized .profile .btn.enter, .authorized .profile .cart.nav-link {
        font-size: 0;
        line-height: 0
    }

    .gallery__nav {
        width: 20%
    }

    .profile .profile__element {
        padding: 0 1rem
    }

    .contacts-form .captcha__wrap img {
        padding-bottom: 1rem
    }

    .profile .cart__number .favorite-count {
        left: 4px
    }

    .catalog.section_slider .catalog-item:hover {
        box-shadow: none
    }

    .product__set {
        max-width: 100%
    }

    .product__set-item a::after {
        padding-left: 0;
        right: -21px
    }

    #bx-soa-order {
        flex-direction: column
    }

    #bx-soa-order .order__inner {
        width: 100%;
        margin-bottom: 5rem
    }

    #bx-soa-order .bx-soa-item-td-text .bx-price {
        font-size: 2rem
    }

    #bx-soa-order .order-box {
        position: relative;
        width: 50%;
        margin: 0 auto;
        top: 0
    }

    #bx-soa-order .bx-soa-coupon-input::after {
        height: auto;
        line-height: 30px
    }

    #bx-soa-basket {
        margin-top: 1rem
    }
}

@media screen and (max-width: 1024px) {
    .tree__box.mobile-hide {
        display: none
    }

    #mobile-shadow {
        position: fixed;
        z-index: -20;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        transition: ease-in-out .6s
    }

    #mobile-shadow.shadow {
        opacity: .4;
        z-index: 8880
    }

    #mobile-menu {
        position: fixed;
        left: -50%;
        width: 50%;
        z-index: 8888;
        transition: ease-in-out .35s;
        overflow-y: auto
    }

    #mobile-menu.opened {
        left: 0;
        transition-delay: .15s
    }

    #mobile-menu .authorize {
        width: 100%
    }

    #mobile-menu .authorize .button {
        color: #fff;
        width: 100%;
        padding: 1rem;
        text-transform: uppercase
    }

    #mobile-menu #close-mob-menu {
        background: 0 0;
        border: none;
        padding: 0;
        margin-left: -8px
    }

    #mobile-menu .profile__img {
        width: 80px;
        height: 80px
    }

    #mobile-menu .profile__name {
        font-weight: 600;
        font-size: 16px
    }

    #mobile-menu .profile__link {
        color: rgba(1, 1, 1, .4)
    }

    #mobile-menu .nav-item:not(:last-child) {
        padding-right: 2rem;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    #mobile-menu .nav-link {
        color: #010101;
        font-size: 16px;
        padding: 13px 0
    }

    .stopScroll {
        overflow: hidden
    }

    .navbar-container {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow-y: auto;
        height: 100vh
    }

    .navbar-container .navbar {
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
        height: 100%
    }

    .navbar-container .navbar-collapse {
        align-items: flex-start
    }

    .navbar-container .nav {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .navbar-container .navbar-nav {
        flex-direction: column !important
    }

    .catalog__menu-modal .catalog__menu-item a {
        font-size: 1.4rem
    }

    .up {
        bottom: 3%
    }

    .slick-next, .slick-prev {
        opacity: 1
    }

    .ads {
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .ads__item {
        padding: 0 15px;
        margin-bottom: 3rem
    }

    .catalog-wrapper .catalog-slider .catalog-item:hover {
        transform: none;
        box-shadow: none
    }

    .catalog-wrapper .catalog-item__buttons {
        opacity: 1
    }

    .catalog .slick-track {
        display: flex;
        align-items: flex-end
    }

    .catalog-wrapper .catalog-item:hover {
        box-shadow: none;
        transform: none
    }

    .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
        display: block;
        opacity: 1
    }

    .product-item-title {
        overflow: visible;
        margin-bottom: 0;
        text-overflow: unset;
        white-space: normal
    }

    .bx-no-touch .product-item-container.hover .product-item {
        -webkit-animation: none;
        animation: none;
        box-shadow: none;
        border: none;
        position: static;
        padding: 0;
        padding-top: 15px;
        background: 0 0
    }

    .gallery__show-item {
        height: 60rem
    }

    .product-item-detail-slider-container, .product__aside, .product__description {
        width: 100%
    }

    .product-item-detail-slider-container {
        max-height: 100%
    }

    .product__delivery-info #delivery-coast ~ .product__delivery-coast {
        opacity: 1
    }

    .product__delivery-coast {
        position: static;
        padding-left: 0;
        background-color: transparent;
        box-shadow: none
    }

    .order {
        margin-top: 0
    }

    button, button:active, button:focus {
        outline: 0;
        outline-color: transparent
    }

    .wrapper {
        min-height: 37vh
    }

    .bodywrapper {
        height: auto
    }

    .review-opened .modal-backdrop {
        display: none !important;
        transform: translateZ(-100) !important
    }

    .review-opened .modal.show .modal-dialog {
        transform: translateZ(100) !important
    }

    .product-item-detail-slider-container {
        max-height: 680px
    }

    .product-item .product-item-info-container.catalog-item__buttons {
        display: flex;
        align-items: center
    }
}

@media screen and (max-width: 1000px) {
    .hidden-on-mobile {
        display: none
    }

    #header__sub-nav {
        display: none
    }

    .header .navbar-toggler {
        display: none
    }

    .header > .container {
        flex-direction: column
    }

    .header .header__nav {
        margin-top: 0;
        flex-wrap: nowrap
    }

    .header {
        width: 100%
    }

    .header .logo {
        min-width: auto;
        width: 18rem;
        height: 5rem;
        margin-right: 0
    }

    .menu {
        display: block;
        margin-right: 0;
        margin-left: 0;
        min-width: auto;
        width: auto
    }

    .search__wrap {
        padding: 0
    }

    .hamburger {
        display: inline-block;
        outline: 0
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
        background-color: #fff
    }

    header .menu__list {
        width: 50%;
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        background: #fff;
        display: flex;
        flex-direction: column;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        z-index: 9999;
        transition-delay: .6s;
        transition-duration: .6s;
        box-sizing: content-box
    }

    header .logo {
        transform: translateX(25%)
    }

    .menu__bg {
        position: fixed;
        top: 0;
        right: 100%;
        bottom: 0;
        left: 0;
        background-color: #1486fa;
        opacity: .7;
        z-index: 77;
        transition-duration: .6s
    }

    .open .menu__list {
        display: flex;
        left: 0
    }

    .open .menu__bg {
        right: 0
    }

    .open .hamburger {
        position: fixed;
        top: 2rem;
        right: 1.5rem
    }

    .menu .mobile-menu {
        display: block
    }

    .product__layout {
        flex-direction: column
    }

    .cart__list {
        width: 100%;
        margin-right: 0
    }

    .order-box {
        width: 100%;
        margin-top: 5rem;
        position: static
    }

    .contacts textarea.form-control {
        height: 10rem
    }

    .contacts__note {
        margin-top: 3rem;
        margin-bottom: 1rem
    }

    .contacts .checkbox__inner {
        margin-top: 1rem
    }

    .order-accepted {
        width: 100%
    }

    .catalog__button {
        flex: 0 0 4.5rem;
        margin: 0;
        padding: 0;
        background: 0 0
    }

    .catalog__button:hover {
        background-color: transparent
    }

    .catalog__button-name {
        font-size: 0
    }

    .catalog__button .hamburger {
        height: 32px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: -15px
    }

    .profile {
        flex-direction: row
    }

    .profile__nav.dropdown-menu {
        position: absolute
    }

    .show.profile__nav {
        display: block
    }

    .user-orders__shipment {
        padding: 1rem 0
    }

    .user-orders__item-method, .user-orders__shipment-box {
        padding: 0
    }

    .article-detail__aside {
        max-width: 100%
    }

    .articles__image-preview {
        height: 24rem
    }

    .article-detail__aside {
        position: static;
        height: auto
    }

    .brands__text-inner {
        width: 100%
    }

    .seo {
        justify-content: flex-start
    }

    .catalog-slider .catalog-item {
        width: 190px;
        margin-right: 10px
    }

    .catalog-slider .slick-list {
        padding: 0
    }

    .catalog-slider .catalog-item {
        width: 165px;
        margin-right: 0
    }

    .bx-filter {
        min-width: 100%
    }

    .filter__range {
        flex-direction: column
    }

    .filter__range-item {
        width: 100%
    }

    .filter__range-item:first-of-type input, .filter__range-item:last-of-type input {
        border-radius: 6px;
        border-right: 1px solid #e3e3e3
    }

    .filter__range-item {
        margin-bottom: 1rem
    }

    .catalog-wrapper .catalog-item__buttons .button {
        font-size: 1.2rem
    }

    .hide-tree.tree {
        height: 0;
        flex: 0 0 0;
        margin-bottom: 0;
        padding: 0;
        border: none;
        overflow: hidden
    }

    .waiting-list .catalog-item .button_close {
        opacity: 1;
        transition: .12s
    }

    .waiting-list .catalog-item .button_close:focus {
        outline: 0
    }

    .gallery {
        flex-direction: column-reverse;
        width: 100%;
        padding-right: 0;
        margin-bottom: 3rem
    }

    .gallery__nav {
        display: block;
        width: 100%;
        height: 13rem;
        overflow: hidden !important;
        padding-top: 2rem;
        padding-right: 0;
        margin-bottom: 1rem
    }

    .gallery__image-box {
        height: 10rem;
        align-items: inherit;
        justify-content: inherit
    }

    .gallery__show-item {
        height: 50rem
    }

    .product-item-detail-slider-controls-image {
        margin-bottom: 2rem
    }

    .play-block {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .play-button span {
        top: 5px
    }

    #bx-soa-order .order-box {
        width: 70%
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
        z-index: 200
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
        right: 10px
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-close {
        right: 10px
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
        top: auto
    }

    section.product__description {
        margin-top: 5rem
    }

    .contacts__note {
        margin-top: 0
    }

    #shoesSizeModal .modal-dialog, #sizeModal .modal-dialog {
        max-width: 70%
    }

    .forum-aside {
        margin-bottom: 2rem
    }

    .forum-aside__list {
        display: flex;
        flex-wrap: wrap
    }

    .forum-aside__list-item a {
        width: 100%
    }

    .forum-aside__list-item a:focus, .forum-aside__list-item a:hover {
        color: inherit
    }

    .product-page .catalog-item {
        padding-bottom: 25px !important
    }

    .product-page .catalog-item__announce {
        min-height: auto
    }
}

@media screen and (min-width: 769px) and (max-width: 820px) {
    .catalog_sorting {
        margin-right: 10%
    }
}

@media screen and (max-width: 768px) {
    #compare {
        padding: 3px;
        margin-left: 1rem
    }

    #compare .cart__number span {
        left: 3rem
    }

    .product__gallery .swiper-wrapper {
        justify-content: center
    }

    .product__gallery .swiper-slide {
        background-color: #f2f2f7;
        width: 40px !important;
        height: 5px;
        margin-bottom: 0
    }

    .product__gallery .gallery__nav {
        height: auto;
        padding: 0;
        margin-top: 3rem
    }

    .product__gallery .gallery__image-box {
        display: none
    }

    .play-block {
        display: none
    }

    .catalog-list .catalog-item__buttons .not-available {
        width: 41%
    }

    .bx_auth_serv_hidden {
        flex-wrap: wrap
    }

    .modal .social #bx_auth_servform input.button {
        margin-left: 0
    }

    .tree {
        flex: 100%;
        max-width: 100%
    }

    .banner__item {
        max-height: 25rem
    }

    .banner ~ .ads:first-of-type {
        margin-bottom: 3.5rem
    }

    .ads.ads-type_second, .ads.ads-type_third, article, section {
        margin-top: 5rem
    }

    .catalog:first-of-type {
        margin-top: 1rem
    }

    .catalog-item__image {
        max-height: 24.2rem
    }

    .ads {
        flex-wrap: nowrap;
        overflow: auto;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        z-index: 20
    }

    .ads__item {
        max-width: 100%;
        flex: 0 0 35rem;
        padding-left: 0
    }

    .ads__text {
        left: 4rem
    }

    .ads.ads-type_third .ads__item:not(:first-of-type) {
        display: none
    }

    .ads.ads-type_third .ads__item {
        flex: auto;
        padding-right: 0;
        margin: 0
    }

    .category-slider .slick-track {
        display: flex
    }

    .category-slider__image {
        width: 12.4rem;
        height: 12.4rem
    }

    .category-slider .slick-next, .category-slider .slick-prev {
        top: 18%
    }

    .banner .slick-dots {
        position: static
    }

    .banner .slick-dots li button::before {
        color: #f2f0f1
    }

    .mobile-catalog {
        display: block;
        padding: 2.1rem 2.2rem 1.1rem;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 3.2rem;
        background: #010101
    }

    .mobile-catalog__list {
        display: flex;
        padding-top: 2rem;
        padding-bottom: 2rem;
        overflow: auto;
        position: relative;
        z-index: 20
    }

    .mobile-catalog__link {
        border: 1px solid rgba(255, 255, 255, .5);
        border-radius: 3rem;
        padding: .5rem 1rem;
        font-size: 1.4rem;
        min-width: 40%;
        text-align: center
    }

    .mobile-catalog__link:not(:last-of-type) {
        margin-right: .8rem
    }

    .mobile-catalog__link a {
        color: #fff
    }

    .mobile-catalog .section-title {
        color: #fff
    }

    .footer {
        margin-top: 10rem;
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .footer__copy-box {
        margin-top: 3rem
    }

    .cart .product__layout {
        margin-top: 0
    }

    .cart .cart__info {
        padding-left: 5rem
    }

    .cart__list-item {
        flex-direction: column
    }

    .cart__price-info {
        width: 100%
    }

    .cart__product-buttons {
        bottom: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .cart__prices {
        justify-content: flex-start
    }

    .cart__prices .catalog-item__old-price {
        padding-left: 15px;
        padding-right: 15px
    }

    .cart__prices .price {
        margin-top: 1rem;
        justify-content: flex-start
    }

    .user-orders__shipment-item {
        height: 14rem
    }

    .captcha__wrap img {
        height: 3.8rem
    }

    .info-page {
        margin-top: 0
    }

    .info-page .catalog-wrapper {
        flex-direction: column;
        margin: 0
    }

    .info-page .catalog-container {
        max-width: 100%;
        flex-basis: 100%
    }

    .info-page .article-detail__article {
        padding-left: 0
    }

    .forum-aside {
        margin-left: -24px
    }

    .promotion__image {
        height: 17rem
    }

    .forum__help {
        flex-direction: column
    }

    .forum__help .button {
        margin-top: 1rem
    }

    .catalog-wrapper {
        flex-direction: column
    }

    .tree {
        margin-bottom: 2rem
    }

    .tree__inner {
        position: relative;
        z-index: 20;
        display: flex;
        overflow-x: scroll
    }

    .tree__inner .show-button, .tree__list {
        display: none
    }

    .tree__title {
        width: 100%
    }

    .catalog-menu-left__root-title, .tree__box {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 45%;
        margin-top: 5px;
        margin-bottom: 15px;
        margin-right: 1rem;
        padding: 5px 15px;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 20px
    }

    .catalog-menu-left__root-title, .tree__box-title {
        font-size: 1.4rem;
        line-height: 1.6rem;
        text-align: center;
        font-weight: 400
    }

    .catalog-wrapper > .cart__header {
        width: 100%;
        align-items: inherit;
        flex-direction: column;
        padding: 0 15px
    }

    .brands__wrap .tree__box {
        display: none
    }

    .brands__wrap .tree__brand {
        margin-top: 1rem;
        margin-left: 15px;
        margin-right: 15px
    }

    #filter-button {
        display: block;
        border-bottom: 1px solid #0a5ed7
    }

    #filter-button:focus {
        outline: 0
    }

    .catalog-wrapper > .catalog_sorting {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 1rem 0;
        padding: 0 15px
    }

    .bx-filter .bx-filter-section {
        padding-top: 0
    }

    .filter {
        margin-top: 0
    }

    .catalog-container.col-md-9 {
        max-width: 100%
    }

    .nice-select {
        padding: .375rem 30px .375rem .75rem
    }

    .mobile-catalog__link {
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .product__set-list {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .product__set-price .set-buy-btn {
        min-width: 14rem
    }

    .product__set-summ .catalog-item__price p:first-child {
        padding: 0
    }

    #navbarTogglerDemo03 {
        position: absolute;
        z-index: 8888;
        height: 100%;
        left: -100%;
        background: #f9d7ab;
        transition-timing-function: ease-in-out;
        transition-duration: 1s
    }

    #navbarTogglerDemo03.collapse, #navbarTogglerDemo03.collapsing {
        left: 0
    }

    .cart__prices {
        align-items: flex-start;
        flex-direction: column
    }

    .cart__prices .sale {
        margin-left: 15px
    }

    #bx-soa-delivery .bx-soa-pp-item-container {
        grid-template-columns:1fr;
        margin-top: 0
    }

    #bx-soa-delivery .bx-soa-pp .bx-soa-pp-company {
        margin-top: 1rem
    }

    .soa-property-container {
        flex-direction: column
    }

    .soa-property-container .order__caution {
        padding-left: 0
    }

    #bx-soa-order .order-box {
        width: 100%
    }

    .cart__header {
        flex-wrap: wrap
    }

    #shoesSizeModal .modal-dialog, #sizeModal .modal-dialog {
        max-width: 90%
    }

    .bx-no-touch .product-item-container.hover .product-item {
        padding-top: 0
    }

    .profile .cart__number span.favorite-count {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .catalog-page__image {
        height: 14rem
    }
}

@media screen and (max-width: 576px) {
    .header > .container {
        padding: 5px 15px
    }

    .title, h1.section-title, h2 {
        line-height: 3.4rem
    }

    .catalog-item__image {
        max-height: 100%;
        height: 20rem
    }

    .order-accepted__link {
        width: 100%
    }

    .order-accepted__link .button {
        font-size: 1.4rem
    }

    .catalog-page__image {
        height: 23rem
    }

    .cart__product-image {
        height: 100%
    }

    .header {
        padding: 0
    }

    .header .logo {
        width: 14rem;
        height: 4rem;
        padding: .5rem 0
    }

    .banner__item, .catalog {
        margin-left: 15px;
        margin-right: 15px
    }

    .category, .mobile-catalog {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .footer__item {
        padding-bottom: 1rem
    }

    .user-orders .form-group {
        width: 65%
    }

    .user-orders__shipment-item {
        width: 14rem
    }

    .sale-order-title {
        font-size: 1.8rem
    }

    .promotion__image {
        height: 20rem
    }

    .articles__image-preview {
        height: 20rem
    }

    .catalog {
        margin-left: 0;
        margin-right: 0
    }

    .bx_item_detail_rating .bx_stars_rating_votes {
        font-size: 10px
    }

    .product__info {
        margin-bottom: .5rem
    }

    .reviews__button-layout {
        position: static;
        justify-content: flex-start
    }

    .reviews__list-item {
        display: flex;
        flex-wrap: wrap
    }

    .buy__buttons {
        width: 75%;
        flex-direction: column
    }

    .product__aside .product__buttons {
        justify-content: space-between
    }

    .product__buttons .favorite-button {
        margin-top: -2rem
    }

    .product__buttons .button:first-of-type {
        margin-right: 0;
        margin-bottom: 2rem
    }

    .share-button {
        min-width: 30px
    }

    .product__layout {
        margin-top: 4rem
    }

    .product-item-scu-item-color-container {
        max-width: 100%
    }

    .ads__image {
        height: 20rem
    }

    .ads__item {
        flex: 0 0 28rem
    }

    .product-item-label-text span.product_mark {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 60%;
        font-size: 1.2rem;
        line-height: normal
    }

    .product-item-label-ring, .product-item-label-text {
        width: 100%
    }

    .product-item {
        padding: 0
    }

    .brands .articles__image-preview {
        padding: 2.5rem
    }

    .product__set-item {
        width: 33.33%
    }

    .product__set-item a {
        width: 100%
    }

    .profile {
        position: static
    }

    .profile__nav {
        top: 43px;
        left: 0;
        width: 100%;
        height: 100vh;
        padding: 20px 15px;
        box-shadow: none;
        z-index: -20;
        border-radius: 0
    }

    .profile__nav.show {
        z-index: 9200;
        overflow-y: auto
    }

    .profile__nav .navbar-brand {
        margin-bottom: 3rem;
        margin-right: 0
    }

    .profile.navbar-nav .profile__nav a.nav-link:not(:last-child) {
        padding: 10px 0;
        border-bottom: 1px solid #e3e3e3
    }

    .profile.navbar-nav .profile__nav a.nav-link.navbar-brand {
        border-bottom: none;
        margin-left: 0;
        margin-bottom: 22px
    }

    .profile.navbar-nav .profile__nav a.nav-link {
        margin-left: 3rem;
        max-width: 90%
    }

    .profile .profile__nav .icon {
        position: absolute;
        left: 15px
    }

    .profile .grey-link, .profile.navbar-nav a.nav-link.grey-link {
        color: #010101
    }

    .profile .grey-link span, .profile.navbar-nav a.nav-link.grey-link span {
        margin-left: 0
    }

    .profile__nav .grey-link:not(:last-of-type) {
        margin: 0
    }

    .product-item-detail-slider-left, .product-item-detail-slider-right {
        z-index: 40
    }

    .bx_item_detail_rating .bx_stars_bg {
        z-index: 40
    }

    #close-profile-menu {
        position: absolute;
        right: 15px;
        z-index: 4444;
        background: 0 0
    }

    .basket-box {
        position: static;
        padding: 0;
        max-width: 100%
    }

    .basket-box .profile {
        margin: 0
    }

    .basket-box .cart__number {
        right: -8px
    }

    .basket-box .profile .nav-item {
        position: static
    }

    .bx-soa-item-block {
        width: 100%
    }

    .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td {
        display: flex
    }

    .product__aside .product__price {
        flex-direction: column;
        align-items: flex-start
    }

    .product__aside .current, .product__aside .old {
        padding-bottom: 1rem
    }

    .product__price .sale {
        position: absolute;
        top: -2rem;
        left: auto;
        right: -8rem
    }

    .product__price-box {
        position: relative
    }

    .catalog-list .catalog-item__buttons .not-available {
        display: block
    }

    .button {
        font-size: 1.4rem
    }

    .profile .profile__element:last-of-type {
        margin-right: 0
    }

    .catalog__button .hamburger {
        padding-left: 0;
        margin-left: 0
    }

    .profile .cart__number .favorite-count {
        left: 0;
        top: -12px
    }

    .profile .cart__number span {
        top: -12px
    }

    .profile__name {
        font-size: 14px;
        font-weight: 600
    }

    .product__type-list {
        flex-wrap: wrap
    }

    .ads-type_third .ads__item {
        flex: 0 0 90%;
        padding-right: 1.5rem
    }

    .ads-type_third .ads__item img {
        -o-object-position: left;
        object-position: left
    }

    .banner__item img {
        -o-object-position: 12%;
        object-position: 12%
    }

    .mobile-catalog__link a:hover {
        color: #fff
    }

    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1199;
        padding-left: 15px;
        padding-right: 15px
    }

    #search {
        padding-top: 43px
    }

    #favoriteAddSuccessModal .modal-body {
        padding: 0 3.3rem
    }

    .modal-dialog-centered {
        margin-top: 7rem
    }

    #favorite-link {
        display: flex;
        justify-content: center
    }

    .form-item_upload input {
        left: -75px
    }

    .product__set-price strong {
        font-size: 1.8rem
    }

    .product__set-price .old strong {
        font-size: 1.6rem
    }

    .product__set-price .set-buy-btn {
        min-width: 100%
    }

    .product__set-item {
        justify-content: center
    }

    .product__set-item a::after {
        right: -1.5rem;
        width: 2rem;
        z-index: 99
    }

    .product__set-item:last-of-type {
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    .product__set-item:last-of-type .product__set-price > span {
        line-height: normal
    }

    .product__set-item:last-of-type::before {
        position: static
    }

    .product__set-price {
        text-align: center
    }

    .order-box .order__caution {
        position: static;
        bottom: 0
    }

    .product-page .catalog-item {
        max-width: 50%
    }

    .product .product__buttons .button.subscribe-button {
        width: 60%
    }

    #lazy_load_wrapper input[type=email], #lazy_load_wrapper input[type=number], #lazy_load_wrapper input[type=password], #lazy_load_wrapper input[type=search], #lazy_load_wrapper input[type=tel], #lazy_load_wrapper input[type=text], #lazy_load_wrapper textarea, .modal input[type=email], .modal input[type=number], .modal input[type=password], .modal input[type=search], .modal input[type=tel], .modal input[type=text], .modal textarea, header input[type=email], header input[type=number], header input[type=password], header input[type=search], header input[type=tel], header input[type=text], header textarea {
        font-size: 16px !important;
        -webkit-appearance: none
    }

    .reviews__list {
        margin-top: 0
    }

    .reviews__button-layout {
        margin-left: -10px
    }

    .blog-comment {
        padding-top: 3rem
    }

    .bx-soa-item-td-text {
        position: relative
    }

    .bx-soa-item-td-text .bx-price-old {
        position: absolute;
        left: 5px
    }
}

@media screen and (max-width: 500px) {
    .product__detail-compare {
        margin-top: -20px
    }

    .header #profile, .header .cart {
        font-size: 0 !important
    }

    .header .profile .enter svg {
        margin-right: 0
    }

    .footer {
        margin-top: 6rem;
        padding-top: 4rem
    }

    .catalog-item__price {
        font-size: 1.6rem
    }

    .order-box input {
        width: 60.5%
    }

    .cbx span {
        font-size: 1.3rem
    }

    .tree__inner .tree__box {
        min-width: 60%
    }

    #div_captcha, .captcha__wrap, .captcha_block {
        flex-direction: column
    }

    #div_captcha img, .captcha__wrap img, .captcha_block img {
        margin-bottom: 1rem;
        height: 4.8rem
    }

    #div_captcha #captcha_word, .captcha__wrap #captcha_word, .captcha_block #captcha_word {
        width: 100% !important
    }

    .modal-body {
        padding: 0 2rem
    }

    .modal-footer {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .profile, .profile a.cart.nav-link {
        align-items: center
    }

    .profile .btn.enter.nav-link {
        font-size: 0
    }

    .popup-window {
        max-width: 90%
    }

    .popup-window-titlebar-text, .popup-window-titlebar-text-version {
        white-space: inherit;
        text-align: center;
        font-size: 2.2rem
    }

    .catalog-page_col .catalog-page__image {
        height: 17rem
    }

    #mobile-menu {
        width: 70%;
        left: -100%
    }

    #mobile-menu .navbar-nav {
        width: 100%
    }

    #mobile-menu .nav-link, #mobile-menu .profile__link, #mobile-menu .profile__name {
        font-size: 14px
    }

    .cart .cart__info {
        padding-left: 2rem
    }

    .cart .cart__product-image {
        min-width: 12rem
    }

    .cart .basket-item-image-link {
        height: auto;
        width: auto
    }

    .cart .basket-items-list-item-removed-container {
        flex-direction: column
    }

    .cart .basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
        justify-content: space-around;
        width: 100%;
        text-align: center
    }

    #bx-soa-paysystem .bx-soa-pp-company-item {
        flex-wrap: wrap
    }

    #bx-soa-paysystem .order__caution {
        width: 100%;
        padding-left: 5rem
    }

    .order-accepted .cart__product {
        grid-template-rows:1fr
    }

    .order-accepted .cart__product-image {
        height: 13rem;
        grid-column: 1/3
    }

    .order-accepted .cart__info {
        grid-column: 1/3;
        padding-left: 0
    }

    .order-accepted .cart__price-info {
        width: 100%
    }

    .basket-box {
        margin-left: auto
    }

    .header .logo {
        transform: none
    }

    .contacts-form .captcha__wrap img {
        padding-bottom: 0
    }

    #shoesSizeModal .sizetable2__table-wrp, #sizeModal .sizetable2__table-wrp {
        padding: 0
    }

    #shoesSizeModal .modal-dialog, #sizeModal .modal-dialog {
        max-width: 100%;
        width: auto
    }

    #shoesSizeModal .modal-content, #sizeModal .modal-content {
        padding-top: 4rem
    }

    #shoesSizeModal .sizetable2__td, #sizeModal .sizetable2__td {
        word-wrap: break-word
    }

    .product-item-detail-slider-container.popup .gallery__nav {
        padding: 10px;
        bottom: 10px;
        margin-bottom: 20px
    }

    #bx-soa-paysystem .bx-soa-pp-company-smalltitle {
        height: auto;
        width: 92%
    }
}

@media screen and (max-width: 400px) {
    .mobile-catalog__link:not(:last-of-type) {
        margin-right: 1.8rem
    }

    .profile .nav-item:not(:last-of-type) {
        padding-right: 0
    }

    .header #profile, .header .cart {
        padding: 3px
    }

    .user-orders__item-header {
        flex-direction: column;
        align-items: flex-start
    }

    .user-orders__item-inner {
        align-items: flex-start !important;
        padding-bottom: .5rem
    }

    .captcha__wrap {
        flex-direction: column
    }

    .captcha__wrap input {
        margin-top: 1rem
    }

    .catalog-item__price {
        flex-direction: column
    }

    .catalog-item__old-price {
        padding-left: 0
    }

    .profile #favorite-link .icon {
        width: 24px;
        height: 24px
    }

    .profile .btn.enter .icon {
        width: 21px;
        height: 21px
    }

    .profile .cart.nav-link .icon {
        width: 24px;
        height: 24px
    }

    .profile .cart__number span {
        padding: 1.1rem
    }

    .product__set-summ {
        align-items: end
    }

    .product__set-item {
        width: 50%
    }

    #mobile-menu .nav-link {
        font-size: 14px;
        padding: 8px 0
    }

    .order-accepted__link a.button {
        font-size: 1.3rem
    }

    .product-item-label-text span.product_mark {
        min-height: 3.2rem;
        height: auto
    }

    .category-slider .slick-next {
        right: -7%
    }

    .category-slider .slick-prev {
        left: -7%
    }

    .contacts .captcha__wrap img, .contacts .captcha__wrap input {
        max-width: 100%
    }

    .product__set-item:last-of-type::before {
        left: 15px
    }

    .product__set-item {
        justify-content: center
    }
}

@media screen and (max-width: 360px) {
    .cbx span:first-child {
        width: 14px;
        height: 18px
    }

    .cbx span {
        font-size: 1.2rem
    }

    .cbx span:last-child {
        padding-left: 4px
    }

    .user-orders__filter {
        flex-direction: column
    }

    .user-orders .form-group {
        width: 100%
    }

    .user-orders__filter .button_blue {
        text-align: left;
        margin: 0;
        width: 50%;
        padding: 1.5rem 1rem
    }

    .cart__prices .catalog-item__old-price, .cart__prices .price {
        flex: 0 0 75%;
        max-width: 75%
    }

    .cart-button {
        width: 100%
    }

    .bx_item_detail_size {
        font-size: 1.4rem
    }

    .tree__inner .tree__box {
        min-width: 65%
    }

    #shareModal .modal-header .close {
        margin: -1rem -1rem -1rem auto
    }

    #mobile-menu .profile {
        margin-top: 0 !important
    }

    #mobile-menu .navbar {
        padding-top: 1rem !important
    }

    #mobile-menu .navbar-nav {
        margin-top: 1rem !important
    }

    .profile__img {
        margin-right: 1rem
    }

    .profile__inner {
        margin-left: 0
    }

    .profile__nav .navbar-brand {
        margin-bottom: 1rem
    }

    .order-accepted__price {
        font-size: 1.8rem
    }

    .order-accepted .section-title {
        font-size: 2.8rem
    }

    .order-accepted__text {
        font-size: 1.4rem
    }

    .basket-box {
        margin: 0
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image {
        top: 45%
    }

    .search__btn {
        font-size: 1.4rem
    }

    .search__inner {
        padding-right: 0
    }

    .button {
        font-size: 1.4rem
    }

    .banner__item {
        max-height: 18rem
    }

    .user-orders__shipment-status {
        height: 3.5rem
    }

    .gallery__show-item {
        height: 35rem
    }

    #shoesSizeModal .sizetable2__td, #sizeModal .sizetable2__td {
        word-wrap: break-word
    }

    .product-page .catalog-item {
        max-width: 100%
    }
}

@media screen and (max-width: 340px) {
    .catalog-item {
        max-width: 100%;
        flex: 0 0 100%
    }

    .catalog-wrapper .catalog-item__buttons .button {
        font-size: 1.4rem
    }

    .catalog-slider .catalog-item {
        flex: auto
    }

    .modal-footer .cbx span {
        font-size: 1rem
    }

    #shareModal .share__link {
        flex-direction: column
    }

    #shareModal .modal-footer #share-link {
        width: 100%
    }

    #shareModal .modal-footer button {
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto
    }

    .product__set-item {
        flex-direction: column;
        align-items: center
    }

    .product__set-item::after {
        margin: 2rem 0
    }

    .order-box input {
        width: 57.5%;
        font-size: 1.3rem
    }

    .order-box button {
        width: 34.5%;
        font-size: 1.3rem
    }

    .category-slider .slick-next {
        right: -10%
    }

    .category-slider .slick-prev {
        left: -10%
    }

    .product__set-item .catalog-item__image {
        height: 22rem
    }

    .product__set-item a::after {
        position: static;
        margin: 0 auto
    }

    .product__set-item .catalog-item__announce {
        max-width: 60%
    }

    .product__set-item a {
        align-items: center
    }

    .catalog-page_col .catalog-page__image {
        height: 13rem
    }
}



.catalog-list {
    margin: 0 -10px;
}

.catalog-item {
    padding: 10px;
}

.product-item-container {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    /*padding: 15px;*/
    height: 100%;
    background: #F5F2EA;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.product-item-container:hover {
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    transform: translateY(-18px);
}

.catalog-item__image {
    text-align: center;
    margin-bottom: 15px;
}

.catalog-item__image img {
    max-width: 100%;
    height: auto;
    max-height: 240px;
    /*object-fit: contain;*/
}

.catalog-item__price {
    margin-bottom: 10px;
    padding: 0px 15px 10px 15px;
}

.catalog-item__old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.9em;
    padding: 0px 15px 10px 15px;
}

.catalog-item__announce {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 1.4;
    padding: 0px 15px 10px 15px;
}

.sale {
    background-color: #ff4444;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.8em;
    position: absolute;
    top: 10px;
    right: 10px;
}

.catalog-item__link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.catalog-item__link:hover {
    text-decoration: none;
    color: inherit;
}

/* Адаптивные настройки */
@media (max-width: 767.98px) {
    .catalog-item {
        padding: 5px;
    }

    .product-item-container {
        padding: 10px;
    }
}


#basket-item-list {
    background: #F5F2EA;
    /*border: solid 1px lightgrey;*/
}

/* ──────────────────────────────────────────────────────────
   Фон первого экрана — одна подложка во всю ширину окна.

   Вырезана из макета вместе с прозрачностью, поэтому ложится
   на любой фон. Область под плитками в файле прозрачная:
   в макете там пиксели самих плиток, восстановить их неоткуда,
   но в вёрстке это место всё равно закрывают те же плитки.

   Класть в template_styles.css, картинку — рядом, в img/.
   ────────────────────────────────────────────────────────── */

.ads-type_first {
    position: relative;
}

.ads-type_first::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 35px;
    /* calc(50% - 50vw) — расстояние от края контейнера до края окна,
       считается само при любой ширине экрана */
    left: calc(30% - 50vw);
    width: 100vw;
    aspect-ratio: 2000 / 746;
    background: url("img/bg.jpg") no-repeat left bottom / 90% auto;
    pointer-events: none;
}

/* контент поверх декора, иначе плитки и стрелка перестанут кликаться */
.ads-type_first > .ads.gall {
    position: relative;
    z-index: 1;
}

@media (max-width: 900px) {
    .ads-type_first::before {
        display: none;
    }
}