:root {
    --primary-color: #f1d411;
    --button-text-color: #fff;
    --catalog-btn-bg: #000;
    --catalog-btn-text: #fff;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    overflow-y: scroll
}

/* bootstrap conflicts */
body {
    line-height: normal;
}

.container {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 1200px) {
    .container {
        width: initial;
    }
}
@media (min-width: 992px) {
    .container {
        width: initial;
    }
}
@media (min-width: 768px) {
    .container {
        width: initial;
    }
}

.label {
    display:initial;
    padding: initial;
    font-size: initial;
    font-weight: initial;
    line-height: initial;
    color: initial;
    text-align: initial;
    white-space:initial;
    vertical-align: initial;
    border-radius: initial;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: initial;
}

:after,:before {
    box-sizing: initial;
}

a:focus,
img:focus,
button:focus,
.swiper-slide:focus {
    outline: none;
}

.checkbox, .radio {
    margin-bottom: 0;
    margin-top: 0;
}

.checkbox label, .radio label {
    padding-left: 0;
}
/* bootstrap conflicts */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

button,
input,
textarea {
    outline: none;
    margin: 0
}

iframe {
    border: 0
}

textarea {
    overflow: auto;
    resize: none;
    border: none
}

button {
    background: none;
    position: relative;
    overflow: visible;
    -webkit-font-smoothing: inherit;
    color: inherit;
    font-family: inherit;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

:focus {
    outline: 0
}

ol,
ul {
    -webkit-padding-start: 0;
    margin: 0
}

li {
    list-style: none
}

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

a:active,
a:hover {
    outline: 0
}

button,
img,
input {
    border: none;
    outline: none
}

b,
strong {
    font-weight: 700
}

em {
    font-style: italic
}

svg:not(:root) {
    overflow: hidden
}

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

form,
table td,
table th {
    padding: 0
}

form {
    margin: 0
}

.row {
    margin-left: 0;
    margin-right: 0;
}

@font-face {
    font-family: RobotoCondensed;
    src: url("../fonts/RobotoCondensed-Light.eot");
    src: local("nothing"), url("../fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Light.woff2") format("woff2"), url("../fonts/RobotoCondensed-Light.woff") format("woff"), url("../fonts/RobotoCondensed-Light.ttf") format("truetype"), url("../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: RobotoCondensed;
    src: url("../fonts/RobotoCondensed-Bold.eot");
    src: local("nothing"), url("../fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icons;
    src: url("../fonts/icons.eot");
    src: url("../fonts/icons.eot?#iefix") format("eot"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
    font-display: swap
}

.arrow-link:after,
.checkbox input[type=checkbox]+label:after,
.close-card:before,
.close-el:before,
.content-row .catalog-control-line .check-link:before,
.filter-wrapper .toggle-line .plus-icon:before,
.icon-arrow2:before,
.icon-arrow-comment:before,
.icon-arrow-right:before,
.icon-arrow-select:before,
.icon-arrow:before,
.icon-card:before,
.icon-check2:before,
.icon-check:before,
.icon-checkbox:before,
.icon-close:before,
.icon-drop:before,
.icon-fb-roll:before,
.icon-fb:before,
.icon-fire:before,
.icon-heart3:before,
.icon-heart-fill2:before,
.icon-heart-fill:before,
.icon-heart-new:before,
.icon-heart:before,
.icon-insta:before,
.icon-like:before,
.icon-lines:before,
.icon-link:before,
.icon-mail:before,
.icon-mes:before,
.icon-message:before,
.icon-ok:before,
.icon-pl:before,
.icon-play2:before,
.icon-play3:before,
.icon-play:before,
.icon-plus:before,
.icon-range:before,
.icon-rub:before,
.icon-save:before,
.icon-search-2:before,
.icon-search:before,
.icon-star:before,
.icon-tel-roll:before,
.icon-tel:before,
.icon-vk:before,
.icon-you:before,
.icon-youtube:before,
.item-news .play-btn:before,
.item-preview .save-box .compare-item:before,
.item-preview .save-box .heart-item:after,
.item-preview .save-box .heart-item:before,
.menu-links .menu>li:after,
.radio input[type=checkbox]+label:after,
.select_wrapper .select .arrow:before,
.side-bar-catalog .side-bar-wrapper .side-box-container>li .link-back-box:before,
.side-bar-catalog .side-bar-wrapper .side-box-container>li .slide-link:after,
.side-bar-catalog .text-icon.text-arrow-bottom:before,
.side-bar-catalog .text-icon.text-arrow-top:before,
.side-bar-container .side-bar-wrapper .side-box-container>li .link-back-box:before,
.side-bar-container .side-bar-wrapper .side-box-container>li .slide-link:after,
.text-fire:before,
ul.menu .swich .name:before {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-arrow-comment:before {
    content: "\E001"
}

.icon-arrow-right:before {
    content: "\E002"
}

.icon-arrow-select:before {
    content: "\E003"
}

.icon-arrow:before {
    content: "\E004"
}

.icon-arrow2:before {
    content: "\E005"
}

.icon-card:before {
    content: "\E006"
}

.icon-check:before {
    content: "\E007"
}

.icon-check2:before {
    content: "\E008"
}

.icon-checkbox:before {
    content: "\E009"
}

.icon-close:before {
    content: "\E00A"
}

.icon-drop:before {
    content: "\E00B"
}

.icon-fb-roll:before {
    content: "\E00C"
}

.icon-fb:before {
    content: "\E00D"
}

.icon-fire:before {
    content: "\E00E"
}

.icon-heart-fill:before {
    content: "\E00F"
}

.icon-heart-fill2:before {
    content: "\E010"
}

.icon-heart-new:before {
    content: "\E011"
}

.icon-heart:before {
    content: "\E012"
}

.icon-heart3:before {
    content: "\E013"
}

.icon-insta:before {
    content: "\E014"
}

.icon-like:before {
    content: "\E015"
}

.icon-lines:before {
    content: "\E016"
}

.icon-link:before {
    content: "\E017"
}

.icon-mail:before {
    content: "\E018"
}

.icon-mes:before {
    content: "\E019"
}

.icon-message:before {
    content: "\E01A"
}

.icon-ok:before {
    content: "\E01B"
}

.icon-pl:before {
    content: "\E01C"
}

.icon-play:before {
    content: "\E01D"
}

.icon-play2:before {
    content: "\E01E"
}

.icon-play3:before {
    content: "\E01F"
}

.icon-plus:before {
    content: "\E020"
}

.icon-range:before {
    content: "\E021"
}

.icon-rub:before {
    content: "\E022"
}

.icon-save:before {
    content: "\E023"
}

.icon-search-2:before {
    content: "\E024"
}

.icon-search:before {
    content: "\E025"
}

.icon-star:before {
    content: "\E026"
}

.icon-tel-roll:before {
    content: "\E027"
}

.icon-tel:before {
    content: "\E028"
}

.icon-vk:before {
    content: "\E029"
}

.icon-you:before {
    content: "\E02A"
}

.icon-youtube:before {
    content: "\E02B"
}

.container-wide {
    max-width: 1680px
}

.container,
.container-wide {
    margin: 0 auto;
    box-sizing: border-box
}

.relative {
    position: relative
}

.wide {
    width: 100%
}

.line-row,
.row {
    display: flex
}

.line-row.center,
.row.center {
    justify-content: center
}

.line-row.align,
.row.align {
    align-items: center
}

.line-row.between,
.row.between {
    justify-content: space-between
}

.line-row {
    width: 100%
}

.col-250 {
    max-width: 250px
}

.wrap {
    flex-wrap: wrap
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.hide {
    display: none !important
}

.text-red {
    color: #ed8282
}

.text-green {
    color: #009846
}

.text-blue {
    color: #008dd2
}

.text-grey {
    color: #8a8888
}

.text-yellow {
    color: var(--primary-color)
}

.text-orange {
    color: var(--primary-color)
}

.bg-white {
    background-color: #fff
}

.bg-green {
    background-color: #009846
}

.bg-blue {
    background-color: #008dd2
}

.bg-grey-section {
    background-color: #eee
}

.btn,
.checkbox input[type=checkbox]+label:after,
.checkbox input[type=checkbox]+label:before,
.checkbox input[type=radio]+label:after,
.checkbox input[type=radio]+label:before,
.input-number-wrapper .plus-icon:after,
.input-number-wrapper .plus-icon:before,
.input-number-wrapper button,
.radio input[type=checkbox]+label:after,
.radio input[type=checkbox]+label:before,
.radio input[type=radio]+label:after,
.radio input[type=radio]+label:before,
ul.menu .submenu .link,
ul.menu .swich .name {
    transition: background-color .2s ease-out 0s, box-shadow .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s, opacity .2s ease-out 0s;
}

.h1,
.h2,
.link-14-border,
.link-16-border,
.text-10-b,
.text-10-strong,
.text-12-strong,
.text-14-b,
.text-16-b,
.text-18-b,
.text-20-b,
.text-22-b,
.text-30-b,
.title-28,
.title-34,
.title-48,
h3 {
    font-weight: 700
}

.light {
    font-weight: 300
}

.text-10-b,
.text-10-grey,
.text-10-strong {
    font-size: 10px
}

.text-12,
.text-12-descr,
.text-12-strong {
    font-size: 12px
}

.link-14-border,
.text-14,
.text-14-b,
.text-14-l,
.title-14 {
    font-size: 14px
}

.h1,
.h2 {
    line-height: 1.2
}

.wrapper-title {
    margin-bottom: 25px;
    font-weight: 400
}

.p,
p {
    line-height: 20px
}

.title-wrapper {
    margin-bottom: 30px
}

.text-10-grey,
.text-12-descr,
p {
    color: #8a8888
}

.text-descr {
    color: #c1bfbf
}

.text-g {
    color: #8a8888
}

.blue-link {
    color: #77aae5
}

.orange-text {
    color: #f68b4a
}

.blue-link,
.link-decoration,
.link-underline {
    text-decoration: underline
}

.link-14-border,
.link-16-border,
.link-line-custom {
    cursor: pointer
}

.link-16-border {
    text-decoration: underline
}

.close-popup-link {
    display: inline-block;
    cursor: pointer
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.link-orange {
    cursor: pointer
}

.link-black {
    color: #242323;
    transition: color .15s ease-out
}

.uppercase {
    text-transform: uppercase
}

.text-status {
    font-size: 14px;
    font-weight: 700;
    color: #5798fb
}

.stretch {
    align-items: stretch
}

.row-align,
.row-align-top {
    display: flex;
    align-items: center
}

.row-align-top {
    align-items: flex-start
}

.row-wide,
.row-wide-align,
.row-wide-align-j {
    display: flex;
    width: 100%
}

.row-wide-align,
.row-wide-align-j {
    align-items: center
}

.row-wide-align-j {
    justify-content: space-between
}

.row-items-container,
.row-wide-wrap {
    flex-wrap: wrap;
    display: flex;
    width: 100%
}

.between {
    justify-content: space-between
}

.row-icon {
    display: flex
}

.row-wide-j {
    justify-content: space-between
}

.row-end,
.row-wide-j {
    width: 100%;
    display: flex
}

.row-end {
    justify-content: flex-end
}

.row-end.center-btn-row {
    justify-content: center
}

.row-start {
    justify-content: flex-start;
}

.cd-popup {
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 50px 0;
    background-color: hsla(0, 0%, 97%, .9);
    z-index: 1000
}

.cd-popup,
.cd-popup .popup {
    display: flex
}

.cd-popup .popup {
    width: 100%;
    margin: auto;
    position: relative;
    justify-content: center;
    align-items: center
}

.cd-popup .popup .popup-close-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.cd-popup .popup .popup-content {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 10px 50px hsla(0, 0%, 7%, .1);
    background-color: #fff;
    z-index: 2
}

.cd-popup .popup .popup-content.popup-content-preview {
    max-width: 640px !important
}

.cd-popup .popup .popup-content .text-box .title-box {
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef
}

.cd-popup .popup .popup-content .text-box .title {
    font-size: 22px;
    font-weight: 700
}

.cd-popup .popup .popup-content .text-box .name {
    color: #000
}

.cd-popup .popup .popup-content .btn-box .btn-row .btn {
    margin: 0 5px
}

.cd-popup .popup .popup-content .input-wrapper {
    width: 100%
}

.cd-popup .popup .popup-content .input-wrapper label {
    display: inline-block;
    text-align: center
}

.cd-popup .popup .textarea {
    border: 1px solid #f5f5f5
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible
}

.cd-popup .close-popup-icon {
    position: absolute
}

.cd-popup .name {
    box-sizing: border-box;
    padding: 10px 10px 10px 0
}

.cd-popup .row-input.row-input-rating {
    display: flex;
    align-items: center
}

.cd-popup .rating span {
    width: 18px;
    height: 20px
}

.cd-popup .article-name .status-wrapper {
    margin-top: 10px
}

.cd-popup .side-info .name {
    text-transform: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal
}

.cd-popup .box-text {
    padding: 70px 0;
    text-align: center
}

.cd-popup .box-text,
.close-popup-icon {
    box-sizing: border-box
}

.close-popup-icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: transparent
}

.close-popup-icon .icon {
    height: 30px;
    font-size: 30px;
    line-height: 1;
    transition: color .2s cubic-bezier(.215, .61, .355, 1);
    color: #c4c4c4;
    backface-visibility: hidden
}

.custom-popup-content .item-search .text-box {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.custom-popup-content .search-scroll {
    left: 0 !important;
    top: 50px !important
}

.custom-popup-content .search-scroll,
.custom-popup-content .search-scroll .custom-scrollbar-container,
.custom-popup-content .search-scroll .custom-search-box {
    width: 100% !important
}

.custom-popup-content .search-scroll-wrapper.active {
    box-shadow: 0 20px 40px hsla(0, 0%, 7%, .1);
    background-color: #fff;
    border-radius: 25px 25px 0 0
}

.custom-popup-content .search-scroll-wrapper.active .field-search {
    background-color: #fff !important
}

.cd-popup-trigger {
    cursor: pointer
}

.popup-content-min {
    border-radius: 15px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

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

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

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

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height
}

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

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .15
}

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

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

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #111
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

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

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

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

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

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

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

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

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

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

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 100%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 0;
    z-index: 50;
    width: 5px;
    height: 100%
}

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box
}

.btn.btn-border {
    border: 2px solid var(--primary-color);
    transition: border-color .15s ease-out
}

.btn.btn-as-cart,
.btn.btn-border,
.btn.btn-cart {
    border-radius: 20px
}

.btn.btn-as-cart,
.btn.btn-cart {
    background-color: var(--primary-color);
    color: var(--button-text-color);
    transition: background-color .15s ease-out;
    position: relative
}

.btn.btn-as-cart .text,
.btn.btn-cart .text {
    color: var(--button-text-color)
}

.btn.btn-as-cart.disabled,
.btn.btn-cart.disabled {
    pointer-events: none;
    cursor: default;
    background-color: #242323
}

.btn.btn-as-cart.disabled .text,
.btn.btn-cart.disabled .text {
    color: #fff
}

.btn.btn-as-cart.active,
.btn.btn-cart.active {
    background-color: #242323
}

.btn.btn-as-cart.active .text,
.btn.btn-cart.active .text {
    position: relative;
    color: #fff
}

.btn.btn-as-cart.active .text *,
.btn.btn-cart.active .text * {
    display: none
}

.btn.btn-as-cart.active .text:before,
.btn.btn-cart.active .text:before {
    opacity: 1;
    display: block
}

.btn.btn-as-cart.active .text .icon-check,
.btn.btn-cart.active .text .icon-check {
    display: block
}

.btn.btn-as-cart.custom,
.btn.btn-cart.custom {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

.btn.btn-cart a,
.btn.btn-cart a:hover {
    text-decoration: none
}

.btn .text {
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn .text:before {
    content: attr(data-sell);
    opacity: 0;
    left: 0;
    white-space: nowrap;
    display: none
}

.btn .text .icon-check {
    color: #fff;
    display: none;
    position: relative
}

.btn-border-popup {
    border: 2px solid #000;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    transition: background-color .2s cubic-bezier(.08, .52, .52, 1);
    max-width: 400px;
    height: 40px;
    border-radius: 30px;
    margin-bottom: 30px;
    background-color: transparent
}

.btn-border-popup .text {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: normal;
    transition: color .2s cubic-bezier(.08, .52, .52, 1);
    color: #000
}

.btn-buy {
    display: flex;
    align-items: center;
    cursor: pointer
}

.btn-buy .text {
    margin-right: 8px
}

.btn-buy .icon-card {
    height: 14px;
    font-size: 14px;
    line-height: 1
}

.btn-buy .icon-card,
.btn-buy .text {
    transition: color .2s cubic-bezier(.08, .52, .52, 1)
}

.burger-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all .3s cubic-bezier(.4, .01, .165, .99);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.burger-container .burger {
    width: 20px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%
}

.burger-container .burger .bar {
    width: 100%;
    height: 2px;
    display: block;
    position: relative;
    background: #000;
    transition: all .3s cubic-bezier(.4, .01, .165, .99);
    transition-delay: 0s
}

.burger-container .burger .bar.topBar {
    transform: translateY(0) rotate(0deg)
}

.burger-container .burger .bar.btmBar {
    transform: translateY(6px) rotate(0deg)
}

.burger-container.active {
    transform: rotate(90deg)
}

.burger-container.active .burger .bar {
    transition: all .4s cubic-bezier(.4, .01, .165, .99);
    transition-delay: .2s
}

.burger-container.active .burger .bar.topBar {
    transform: translateY(5px) rotate(45deg)
}

.burger-container.active .burger .bar.btmBar {
    transform: translateY(3px) rotate(-45deg)
}

.range-slider {
    margin-bottom: 10px;
    position: relative
}

.range-slider .slider {
    position: absolute;
    height: 2px;
    background: transparent;
    right: 0;
    left: 0
}

.range-slider .slider .ui-slider-handle {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -4px;
    margin-left: -5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    background-color: #000;
    border-radius: 50%;
    z-index: 2
}

.range-slider .slider .ui-slider-handle:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block
}

.range-slider .slider .ui-slider-range {
    position: absolute;
    border: 0;
    top: 0;
    bottom: 0;
    background: #242323
}

.range-slider .ui-widget.ui-widget-content {
    border: none;
    outline: none
}

.ui-state-default.ui-state-hover:before {
    color: #da151c !important
}

.count-line {
    height: 1px;
    background-color: #e7e7e7
}

.count-line .field {
    display: none
}

.input-range-box .label-range {
    height: 20px;
    padding-left: 10px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-radius: 5px
}

.input-range-box .icon-rub {
    color: #8d8d8d;
    position: relative;
    top: 2px
}

.box-range {
    display: flex;
    flex-direction: column-reverse
}

.box-range .input-range-box {
    margin-top: 20px
}

.box-range .descr-range {
    margin-bottom: 25px
}

.checkbox {
    padding-left: 35px;
    display: flex;
    align-items: center;
}

.centered-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkbox .descr-box {
    margin-top: 22px
}

.radio {
    box-sizing: border-box;
    padding-left: 30px;
    position: relative
}

.radio .text-box .descr {
    margin-bottom: 7px
}

.checkbox:not(:last-of-type) {
    margin-bottom: 10px
}

.checkbox .color {
    width: 15px;
    height: 15px;
    min-width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-left: -5px;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.checkbox .color.white {
    background-color: #fff;
    border: 1px solid #f5f5f5
}

.checkbox .color.dark-blue {
    background-color: #3469f0
}

.checkbox .color.yellow {
    background-color: #f0d834
}

.checkbox .color.black {
    background-color: #242323
}

.checkbox .color.red {
    background-color: #cc1a1a
}

.checkbox .color.pink {
    background-color: #f8bafa
}

.checkbox .color.blue {
    background-color: #5faef7
}

.checkbox .color.crimson {
    background-color: #f82ea5
}

.radio {
    display: inline-block
}

.checkbox input[type=checkbox],
.radio input[type=checkbox] {
    position: relative;
    opacity: 0;
    display: none
}

.checkbox input[type=checkbox]+label,
.radio input[type=checkbox]+label {
    position: relative;
    cursor: pointer;
    line-height: 20px
}

.checkbox input[type=checkbox]+label:after,
.radio input[type=checkbox]+label:after {
    content: "\E009"
}

.checkbox input[type=checkbox]+label:before,
.radio input[type=checkbox]+label:before {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    border: 1px solid #ececec;
    background-color: #fff;
    box-sizing: border-box
}

.checkbox input[type=checkbox]+label:after,
.radio input[type=checkbox]+label:after {
    font-size: 10px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -31px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    box-sizing: border-box;
    z-index: 1;
    opacity: 0;
    backface-visibility: hidden
}

.checkbox input[type=checkbox]+label a,
.checkbox input[type=checkbox]+label span,
.radio input[type=checkbox]+label a,
.radio input[type=checkbox]+label span {
    color: #8d8d8d
}

.checkbox input[type=checkbox]:checked+label:after,
.radio input[type=checkbox]:checked+label:after {
    opacity: 1
}

.checkbox input[type=checkbox]:checked+label a,
.checkbox input[type=checkbox]:checked+label span,
.radio input[type=checkbox]:checked+label a,
.radio input[type=checkbox]:checked+label span {
    color: #242323
}

.checkbox input[type=radio],
.radio input[type=radio] {
    opacity: 0;
    display: none
}

.checkbox input[type=radio]+label,
.radio input[type=radio]+label {
    cursor: pointer
}

.checkbox input[type=radio]+label:after,
.checkbox input[type=radio]+label:before,
.radio input[type=radio]+label:after,
.radio input[type=radio]+label:before {
    content: "";
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff
}

.checkbox input[type=radio]+label:before,
.radio input[type=radio]+label:before {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #e8e8e8;
    top: -2px;
    left: 0
}

.checkbox input[type=radio]+label:after,
.radio input[type=radio]+label:after {
    width: 8px;
    height: 8px;
    transform: scale(0);
    opacity: 0;
    z-index: 1;
    top: 5px;
    left: 7px
}

.checkbox input[type=radio]:checked+label:before,
.radio input[type=radio]:checked+label:before {
    background-color: #111
}

.checkbox input[type=radio]:checked+label:after,
.radio input[type=radio]:checked+label:after {
    transform: scale(1);
    opacity: 1
}

.input-custom {
    border-radius: 13px;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    box-sizing: border-box;
    transition: color .15s ease-out, background-color .15s ease-out, border-color .15s ease-out
}

.input-custom:focus {
    border-color: #242323 !important;
    color: #fff;
    background-color: #242323;
    -webkit-appearance: none
}

.input-custom:focus::-webkit-input-placeholder {
    color: #fff;
    font-weight: 400
}

.input-custom:focus:-moz-placeholder,
.input-custom:focus::-moz-placeholder {
    color: #fff;
    opacity: 1;
    font-weight: 400
}

.input-custom:focus:-ms-input-placeholder {
    color: #fff;
    font-weight: 400
}

.input-custom.w-180 {
    width: 180px
}

.input-custom.w-310 {
    width: 310px
}

.input-date.w-310{
    width: 270px
}

.input-date {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn.w-40 {
    width: 40px !important;
}

.text-danger,
.text-success {
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
    font-weight: 700
}

.text-danger-cart {
    display: inline;
    padding-left: 5px;
}

#checkoutCart .text-danger {
    padding: 0 15px;
}
.box-wide .text-danger,
.box-wide .text-success {
    margin: 0 21px
}

.text-danger {
    color: #a94442;
    font-weight: normal
}

#product .text-danger {
    margin-top: -10px;
}

.text-success {
    color: green
}

.form-btn-line {
    display: flex;
    align-items: center
}

.form-btn-line .btn {
    margin-left: 15px
}

.select_wrapper {
    font-size: 14px;
    line-height: 18px
}

.select_wrapper,
.select_wrapper .select {
    position: relative;
    box-sizing: border-box
}

.select_wrapper .select {
    padding-left: 15px;
    padding-right: 25px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    transition: border-color .15s ease-out, background-color .15s ease-out
}

.select_wrapper .select .selected_text {
    position: relative;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 7px;
}

.select_wrapper .select .arrow {
    position: absolute;
    right: 5px;
    top: 13px;
    height: 6px;
    font-size: 6px;
    line-height: 1;
    transition: color .15s ease-out
}

.select_wrapper .select .arrow:before {
    content: "\E003"
}

.select_wrapper .option_wrapper {
    max-height: 420px;
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .02)
}

.select_wrapper .option_wrapper .option {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    opacity: 0;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    background-color: transparent;
    transition: color .15s ease-out, background-color .15s ease-out
}

.select_wrapper .option_wrapper .option.hover,
.select_wrapper .option_wrapper .option:hover {
    background-color: #242323;
    color: #fff
}

.select_wrapper.open .select {
    background-color: #242323;
    border-color: #242323
}

.select_wrapper.open .select .arrow,
.select_wrapper.open .selected_text {
    color: #fff
}

.select_wrapper.open .option {
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    opacity: 1 !important
}

.select-box-custom select{
    height: 40px;
}

.select-box-custom {
    display: flex;
    align-items: center
}

.select-box-custom .text-descr {
    line-height: 18px;
    color: #8a8a8a
}

.select-box-custom .select_wrapper .select {
    height: 40px;
    border-radius: 30px
}

.select-box-custom .select_wrapper .select .arrow {
    right: 20px;
    top: 16.5px
}

.select-box-custom .select_wrapper .option,
.select-box-custom .select_wrapper .select {
    padding-left: 20px
}

.select-box-custom .select_wrapper .option_wrapper {
    width: 100%;
    top: 40px
}

.select-box-custom.select-140 .select_wrapper {
    width: 140px
}

.select-box-custom.select-160 .select_wrapper {
    width: 160px
}

.select-box-custom.select-190 .select_wrapper {
    width: 190px
}

.select-box-custom.select_city {
    flex-wrap: wrap
}

.select-box-custom.select_city .customsity {
    flex-grow: 1;
    margin: 20px 0 0 !important
}

.textarea-custom {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 25px;
    font-size: 16px;
    background-color: #fff;
    transition: background-color .15s ease-out;
    border: 1px solid #f5f5f5;
    color: #000;
    -webkit-appearance: none;
    font-family: RobotoCondensed, Helvetica, Arial, sans-serif
}

.textarea-custom::-webkit-input-placeholder {
    color: #8a8888;
    font-weight: 400
}

.textarea-custom:-moz-placeholder,
.textarea-custom::-moz-placeholder {
    color: #8a8888;
    opacity: 1;
    font-weight: 400
}

.textarea-custom:-ms-input-placeholder {
    color: #8a8888;
    font-weight: 400
}

.textarea-custom:hover {
    background-color: #f5f5f5
}

.textarea-custom:focus {
    background-color: #242323 !important;
    color: #fff !important
}

.textarea-custom.h-175 {
    min-height: 175px
}

.input-number-wrapper {
    display: flex
}

.input-number-wrapper button,
.input-number-wrapper input {
    outline: none;
    font-size: 16px
}

.input-number-wrapper input {
    width: 30px;
    text-align: center;
    border-radius: 0
}

.input-number-wrapper button {
    color: var(--button-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.input-number-wrapper button:active,
.input-number-wrapper button:focus,
.input-number-wrapper button:hover {
    outline: none
}

.input-number-wrapper button.decrease, .input-number-wrapper button.checkoutDecrease {
    background: var(--primary-color);
    border-right: 0;
    border-radius: 50px 0 0 50px;
    position: relative
}

.input-number-wrapper button.decrease:before, .input-number-wrapper button.checkoutDecrease:before  {
    content: "";
    position: absolute;
    right: -50px;
    top: -1px;
    display: inline-block;
    width: 50px
}

.input-number-wrapper button.increase, .input-number-wrapper button.checkoutIncrease {
    background: var(--primary-color);
    border-left: 0;
    border-radius: 0 50px 50px 0
}

.input-number-wrapper .plus-icon {
    display: block;
    position: relative;
    width: 10px;
    height: 10px;
    min-width: 10px
}

.input-number-wrapper .plus-icon:after,
.input-number-wrapper .plus-icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    border-radius: 10px;
    background-color: var(--button-text-color);
    bottom: 4px
}

.input-number-wrapper .plus-icon:after {
    transform: rotate(90deg);
    visibility: visible;
    opacity: 1
}

.input-number-wrapper .plus-icon.minus {
    margin-left: 5px
}

.input-number-wrapper .plus-icon.minus:after {
    border: 1px solid #f5f5f5;
    opacity: 0;
    visibility: hidden
}

.input-number-wrapper .plus-icon:not(.minus) {
    margin-right: 2px
}

.input-contact {
    width: 100%;
    margin-bottom: 15px
}

.box-wide {
    margin-left: -20px;
    margin-right: -20px
}

.catalog-menu {
    display: inline-flex;
    background-color: #fff;
    z-index: 2
}

.catalog-menu .nav {
    background-color: #a4a4a4
}

.catalog-menu .nav li {
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff
}

.catalog-menu .nav li a.active {
    color: #fc7a7a
}

.catalog-menu .user-log .log-link {
    padding-left: 15px;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #434343
}

.filter_box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 37px;
    background: #000;
    color: #fff;
    display: flex;
    z-index: 10
}

.filter_box .btn {
    width: 50%;
    height: 100%
}

.filter_box .btn:first-of-type {
    border-right: 1px solid #fff
}

.img-menu {
    position: absolute;
    left: 500px;
    top: 0;
    height: 100%;
    width: 250px;
    background-color: #fff
}

.img-menu .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain
}

ul.menu>.swich>.name .menu-icon {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%)
}

ul.menu .close-menu {
    position: absolute;
    top: 24px;
    right: 30px
}

ul.menu .close-menu span {
    width: 20px;
    height: 20px;
    position: relative
}

ul.menu .close-menu span:after,
ul.menu .close-menu span:before {
    content: "";
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ef551f
}

ul.menu .close-menu span:before {
    transform: rotate(45deg)
}

ul.menu .close-menu span:after {
    transform: rotate(-45deg)
}

ul.menu .swich .name {
    display: block;
    position: relative;
    cursor: pointer
}

ul.menu .swich .name:before {
    content: "\E01F";
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    display: block;
    top: 5px;
    right: 20px
}

ul.menu .swich .menu-img {
    display: none;
    width: 262px;
    height: auto;
    position: absolute;
    top: -14px;
    bottom: 0;
    right: -860px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

ul.menu .submenu {
    border-right: 2px solid #faf9f9;
    display: none
}

ul.menu .submenu .link {
    font-size: 14px;
    cursor: pointer
}

ul.menu .has-submenu {
    display: none;
    flex-wrap: wrap;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
    background: #f8f8f8
}

ul.menu .has-submenu>.link:not(.swich) .name:after,
ul.menu .has-submenu>.link:not(.swich) .name:before {
    display: none
}

ul.menu .has-submenu .submenu .link .name {
    font-size: 14px;
    margin-bottom: 2px
}

ul.menu .has-submenu .submenu .link .name:after,
ul.menu .has-submenu .submenu .link .name:before {
    display: none
}

ul.menu .has-submenu .link {
    cursor: auto;
    padding: 5px 0;
    align-items: center
}

ul.menu .has-submenu .link .new {
    color: #49beba
}

ul.menu .has-submenu .link .text-fire {
    color: #ff1a13
}

ul.menu .has-submenu .link .new,
ul.menu .has-submenu .link .text-fire {
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    margin-left: 8px;
    text-transform: uppercase
}

.swich.empty .name:before {
    display: none !important
}

.submenu .block {
    padding: 10px 20px 10px 20px;
    width: 249px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
}

.submenu .block-box-sizing {
    box-sizing: border-box;
    border: 1px solid #e7e7e7
}

.menu {
    padding-top: 20px;
    padding-bottom: 20px;
}

.catalog-container .menu {
    box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
    background: #f8f8f8;
    box-sizing: border-box;
    transition: transform .5s ease;
    min-height: 500px
}

.catalog-container .menu>li {
    padding-left: 80px
}

.catalog-container .menu.no-icons>li {
    padding-left: 50px
}

#page,
footer {
    position: relative;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1)
}

.page-transform {
    overflow: hidden;
    transform: translateX(0)
}

.page-transform #page {
    box-shadow: -10px 0 20px rgba(0, 0, 0, .05);
    position: relative;
    transition-delay: 0s;
}

.page-transform #page,
.page-transform footer {
    z-index: 101
}

.page-transform .side-bar-container {
    transform: translateX(0)
}

.bar-catalog,
.bar-catalog-filter {
    transform: translateX(-100%)
}

.bar-catalog-filter.open,
.bar-catalog.open {
    transform: translateX(0)
}

.side-search-container {
    width: 240px;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #000;
    transform: translateX(-240px);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    touch-action: manipulation
}

.side-search-container,
.side-search-container .side-search-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.side-search-container.search-transform {
    transform: translateX(0)
}

.side-search-container .search-bar-item {
    box-sizing: border-box;
    padding: 15px 20px;
    color: #fff;
    border-bottom: 1px solid #1a1a1a
}

.side-search-container .search-bar-item.hide-search {
    height: 90px;
    display: flex;
    align-items: center
}

.side-search-container .search-bar-item.hide-search .text {
    color: #8a8a8a;
    margin-left: 20px
}

.side-search-container .search-bar-item.field-search-item {
    padding-top: 30px;
    padding-bottom: 30px
}

.side-search-container .search-bar-item.field-search-item .input-box input {
    width: 200px
}

.side-search-container .input-box {
    position: relative;
    margin-top: 20px
}

.side-search-container .input-box .icon-search {
    height: 20px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 20px
}

.side-bar-wrapper .search-wrapper {
    margin-left: -20px;
    right: -20px;
    height: 50px;
    width: auto
}

.side-bar-catalog {
    width: 100%
}

.side-bar-catalog .side-bar-wrapper {
    padding-bottom: 40px;
    box-sizing: border-box
}

.side-bar-catalog .slide-link {
    width: 100%;
    padding: 8px 20px;
    border: none !important
}

.side-bar-catalog .side-bar-wrapper {
    min-height: 480px
}

.side-bar-catalog .color {
    margin-left: 20px
}

.side-bar-catalog .slide-link:after {
    font-size: 10px !important;
    height: 10px !important
}

.side-bar-catalog .text-l {
    padding-left: 15px
}

.side-bar-catalog .text-icon {
    display: inline-block;
    color: #242323
}

.side-bar-catalog .text-icon.text-arrow-bottom,
.side-bar-catalog .text-icon.text-arrow-top {
    display: inline-block;
    position: relative;
    padding-left: 30px !important
}

.side-bar-catalog .text-icon.text-arrow-bottom:before,
.side-bar-catalog .text-icon.text-arrow-top:before {
    content: "\E004";
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-block;
    height: 10px;
    font-size: 10px;
    line-height: 1
}

.side-bar-catalog .text-icon.text-arrow-top:before {
    transform: rotate(90deg)
}

.side-bar-catalog .text-icon.text-arrow-bottom:before {
    transform: rotate(-90deg)
}

.side-bar-catalog .checkbox input+label {
    font-size: 14px !important
}

.side-bar-catalog .checkbox input+label span {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.side-bar-catalog .checkbox input[type=checkbox]+label:before,
.side-bar-catalog .radio input[type=checkbox]+label:before {
    left: -15px
}

.side-bar-catalog .checkbox input[type=checkbox]+label:after,
.side-bar-catalog .radio input[type=checkbox]+label:after {
    left: -9px
}

.side-bar-catalog .back-box {
    box-sizing: border-box;
    padding-bottom: 0 !important;
    padding-left: 10px;
    padding-right: 20px;
    height: 40px;
    line-height: 35px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.side-bar-catalog .back-box span {
    width: auto !important;
    color: #242323 !important;
    border-bottom: none !important;
    font-size: 12px;
    font-weight: 700
}

.side-bar-catalog .back-box .link-back-box:before {
    font-size: 12px !important;
    color: #242323 !important;
    position: relative;
    top: 10px;
    padding-right: 10px !important
}

.side-bar-catalog .box-range {
    box-sizing: border-box;
    padding: 0 20px
}

.side-bar-catalog .label-range {
    width: 100px
}

.side-bar-catalog .side-bar-wrapper,
.side-bar-catalog .side-bar-wrapper .side-box-container,
.side-bar-catalog .side-bar-wrapper .side-box-container .side-box {
    min-height: 100%;
    height: 100%
}

.side-bar-catalog .btn-close-catalog {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #242323;
    display: flex;
    justify-content: center;
    align-items: center
}

.side-bar-catalog .btn-close-catalog .text {
    color: #fff
}

.slide-link.empty:after {
    display: none !important
}

.side-bar-container .side-box-container>li,
.side-bar-container .side-box-container>li .link,
.side-bar-container .side-box-container>li span {
    width: 100%
}

.side-bar-catalog,
.side-bar-container {
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1)
}

.side-bar-catalog .side-bar-wrapper,
.side-bar-container .side-bar-wrapper {
    position: relative;
    width: 100%
}

.side-bar-catalog .side-bar-wrapper .side-box-container,
.side-bar-container .side-bar-wrapper .side-box-container {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    overflow: hidden
}

.side-bar-catalog .side-bar-wrapper .side-box-container li,
.side-bar-container .side-bar-wrapper .side-box-container li {
    width: 100%
}

.side-bar-catalog .side-bar-wrapper .side-box-container.show_only_active>li:not(.active),
.side-bar-container .side-bar-wrapper .side-box-container.show_only_active>li:not(.active) {
    display: none
}

.side-bar-catalog .side-bar-wrapper .side-box-container .title-nav,
.side-bar-container .side-bar-wrapper .side-box-container .title-nav {
    text-transform: uppercase;
    font-weight: 700;
    background-color: #f8f8f8
}

.side-bar-catalog .side-bar-wrapper .side-box-container .link-back-box,
.side-bar-container .side-bar-wrapper .side-box-container .link-back-box {
    color: #8a8a8a
}

.side-bar-catalog .side-bar-wrapper .side-box-container .with_icon,
.side-bar-container .side-bar-wrapper .side-box-container .with_icon {
    position: relative;
    padding-left: 30px
}

.side-bar-catalog .side-bar-wrapper .side-box-container .with_icon .menu-icon,
.side-bar-container .side-bar-wrapper .side-box-container .with_icon .menu-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.side-bar-catalog .side-bar-wrapper .side-box-container .new,
.side-bar-catalog .side-bar-wrapper .side-box-container .text-fire,
.side-bar-container .side-bar-wrapper .side-box-container .new,
.side-bar-container .side-bar-wrapper .side-box-container .text-fire {
    padding: 0;
    display: inline;
    width: auto;
    margin-right: auto;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}

.side-bar-catalog .side-bar-wrapper .side-box-container .new,
.side-bar-container .side-bar-wrapper .side-box-container .new {
    color: #49beba
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .link,
.side-bar-catalog .side-bar-wrapper .side-box-container>li span,
.side-bar-container .side-bar-wrapper .side-box-container>li .link,
.side-bar-container .side-bar-wrapper .side-box-container>li span {
    display: inline-flex;
    box-sizing: border-box
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .link,
.side-bar-container .side-bar-wrapper .side-box-container>li .link {
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ececec;
    margin-bottom: -1px
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .link-back-box,
.side-bar-container .side-bar-wrapper .side-box-container>li .link-back-box {
    color: #c4c4c4;
    border-bottom: 1px solid #ececec;
    margin-bottom: -1px
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .link-back-box:before,
.side-bar-container .side-bar-wrapper .side-box-container>li .link-back-box:before {
    content: "\E004";
    height: 18px;
    font-size: 18px;
    line-height: 1;
    color: #c4c4c4;
    padding-right: 20px
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .slide-link:after,
.side-bar-container .side-bar-wrapper .side-box-container>li .slide-link:after {
    content: "\E002";
    height: 18px;
    font-size: 18px;
    line-height: 1;
    color: #c4c4c4
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .side-box,
.side-bar-container .side-bar-wrapper .side-box-container>li .side-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1)
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .side-box.transform-box,
.side-bar-container .side-bar-wrapper .side-box-container>li .side-box.transform-box {
    transform: translateX(0)
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .side-box .side-box,
.side-bar-container .side-bar-wrapper .side-box-container>li .side-box .side-box {
    z-index: 2
}

.side-bar-catalog .side-bar-wrapper .side-box-container>li .side-box .side-box .side-box,
.side-bar-container .side-bar-wrapper .side-box-container>li .side-box .side-box .side-box {
    z-index: 3
}

.side-bar-catalog .side-bar-wrapper .side-box-container .dark,
.side-bar-container .side-bar-wrapper .side-box-container .dark {
    margin-bottom: 1px;
    background-color: var(--primary-color)
}

.side-bar-catalog .side-bar-wrapper .side-box-container .dark .link,
.side-bar-container .side-bar-wrapper .side-box-container .dark .link {
    color: #fff
}

.side-bar-catalog .side-bar-wrapper .side-box-container .grey-link,
.side-bar-container .side-bar-wrapper .side-box-container .grey-link {
    background-color: #f8f8f8
}

.side-bar-catalog .side-bar-footer,
.side-bar-container .side-bar-footer {
    width: 100%;
    background-color: #000;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 9px;
    line-height: 22px;
    position: relative;
    margin-top: auto;
    color: #8a8a8a
}

.side-bar-catalog .side-bar-footer a,
.side-bar-container .side-bar-footer a {
    color: #8a8a8a
}

.side-bar-catalog .side-bar-footer a:hover,
.side-bar-container .side-bar-footer a:hover {
    color: #fff
}

.side-bar-catalog .side-bar-footer .social-links-block,
.side-bar-container .side-bar-footer .social-links-block {
    margin-bottom: 25px
}

.side-bar-catalog .side-bar-footer .link-contact-box:not(:last-of-type),
.side-bar-container .side-bar-footer .link-contact-box:not(:last-of-type) {
    margin-bottom: 20px
}

.side-bar-catalog .side-bar-footer .link,
.side-bar-container .side-bar-footer .link {
    margin-bottom: 5px
}

.side-bar-catalog .side-bar-footer .descr,
.side-bar-container .side-bar-footer .descr {
    color: #8a8a8a
}

.footer-settings {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #333
}

.footer-settings form {
    display: flex;
    justify-content: center
}

.footer-settings .link-line.drop-link-line {
    display: none
}

.footer-settings .drop-menu,
.footer-settings #form-language .drop-menu,
.footer-settings #form-currency .drop-menu {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    position: static !important;
    background: transparent;
    box-shadow: none;
    gap: 15px;
    padding: 0 !important;
    min-width: unset !important;
    width: auto;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin-top: 0 !important
}

.footer-settings .drop-link {
    padding: 0
}

.footer-settings .drop-link a {
    color: #8a8a8a;
    font-size: 16px;
    padding: 5px;
    border-radius: 3px;
    transition: color .2s;
    display: block
}

.footer-settings .drop-link a:hover {
    color: #fff
}

.footer-settings #form-language .drop-link a {
    font-size: 0;
    line-height: 20px;
    height: 20px;
    display: flex;
    align-items: center
}

.footer-settings #form-language .drop-link a img {
    height: 20px;
    width: auto;
    opacity: 0.5;
    transition: opacity .2s
}

.footer-settings #form-language .drop-link a:hover img,
.footer-settings #form-language .drop-link.active a img {
    opacity: 1
}

.footer-settings .drop-link.active a {
    color: #fff
}

.footer-settings #form-currency .drop-link a {
    font-size: 0;
    line-height: 20px;
    height: 20px;
    display: flex;
    align-items: center
}

.footer-settings #form-currency .drop-link a:before {
    font-size: 18px
}

.footer-settings #form-currency .drop-link a[name="EUR"]:before {
    content: "€"
}

.footer-settings #form-currency .drop-link a[name="USD"]:before {
    content: "$"
}

.footer-settings #form-currency .drop-link a[name="GBP"]:before {
    content: "£"
}

.footer-settings #form-currency .drop-link a[name="RUB"]:before {
    content: "₽"
}

.side-bar-catalog .check-city-block,
.side-bar-container .check-city-block {
    padding: 24px 20px;
    box-sizing: border-box;
    background-color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.side-bar-catalog .check-city-block .text-box .descr,
.side-bar-container .check-city-block .text-box .descr {
    font-size: 12px;
    color: #8a8a8a;
    margin-bottom: 9px
}

.side-bar-catalog .check-city-block .text-box .text,
.side-bar-container .check-city-block .text-box .text {
    color: #fff
}

.side-bar-catalog .check-city-block .icon,
.side-bar-container .check-city-block .icon {
    height: 18px;
    font-size: 18px;
    line-height: 1;
    color: #fff
}

.side-bar-catalog .text-icon-box,
.side-bar-container .text-icon-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ececec;
    margin-bottom: -1px;
    box-sizing: border-box;
    position: relative;
    padding: 0 20px
}

.side-bar-catalog .text-icon-box .search-box-custom,
.side-bar-container .text-icon-box .search-box-custom {
    padding-left: 32px;
    position: static
}

.side-bar-catalog .text-icon-box .label,
.side-bar-container .text-icon-box .label {
    right: 0;
    left: 10px
}

.side-bar-catalog .text-icon-box .label:before,
.side-bar-container .text-icon-box .label:before {
    display: none
}

.side-bar-catalog .text-icon-box .icon-heart,
.side-bar-catalog .text-icon-box .icon-lines,
.side-bar-container .text-icon-box .icon-heart,
.side-bar-container .text-icon-box .icon-lines {
    margin-right: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1
}

.search-box,
.search-wrapper {
    position: relative
}

.search-box .icon-search,
.search-wrapper .icon-search {
    height: 16px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 16px
}

.search-box .input,
.search-wrapper .input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #242323;
    color: #fff;
    -webkit-appearance: none
}

.search-box .input::-webkit-input-placeholder,
.search-wrapper .input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 400
}

.search-box .input:-moz-placeholder,
.search-box .input::-moz-placeholder,
.search-wrapper .input:-moz-placeholder,
.search-wrapper .input::-moz-placeholder {
    color: #fff;
    opacity: 1;
    font-weight: 400
}

.search-box .input:-ms-input-placeholder,
.search-wrapper .input:-ms-input-placeholder {
    color: #fff;
    font-weight: 400
}

.item_url {
    margin-bottom: 5px;
    display: inline-block
}

.content-container-delivery {
    display: flex;
    width: 100%
}

.content-container-delivery .img {
    max-width: 100%
}

.h-100 {
    height: 100%
}

.pt-0 {
    padding-top: 0 !important
}

.container-profile {
    box-sizing: border-box
}

.container-profile .number-arrow .icon-arrow-select {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: -2px;
    height: 5px;
    font-size: 5px;
    line-height: 1
}

.container-profile .table-history-box {
    box-sizing: border-box;
    padding: 20px !important
}

.container-profile .table-history-box .line-preview .line-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 0
}

.container-profile .table-history-box .line-preview .line-price .counter {
    color: #d5d5d5;
    font-size: 23px
}

.container-profile .table-history-box .line-preview .col-title .img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.container-profile .table-history-box .line-preview .col {
    width: 100%
}

.container-profile .delivery-text-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

.container-profile .delivery-text-price {
    text-align: right
}

.container-profile .delivery-text-price,
.container-profile .row-signature {
    box-sizing: border-box
}

.container-profile .row-signature {
    padding: 20px
}

.container-profile .row-signature .radio {
    margin-bottom: 0;
    margin-right: 20px
}

.container-profile .contact-text-block {
    padding: 0 !important
}

.container-profile .contact-text-block,
.container-profile .contact-text-block .title-line {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.contacts-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px;
}

.contacts-item {
    padding: 10px;
    width: calc(33.33% - 20px);
    box-sizing: border-box;
    margin: 10px 0;
}

.contacts-item .title{
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .contacts-item {
        width: 100%;
    }
}

.container-profile .btn-row {
    margin-top: 30px
}

.container-profile .row-data:not(:last-of-type) {
    margin-bottom: 15px
}

.social-wrapper {
    display: flex;
    align-items: center
}

.social-wrapper .social-icon {
    display: inline-block;
    margin: 0 8px;
    color: #c1bfbf;
    transition: color .15s ease-out
}

.social-wrapper .social-icon i {
    font-size: 19px;
}

.social-wrapper .social-icon i:hover {
    color: #000;
}

.social-wrapper .social-icon.icon-youtube {
    height: 19px;
    font-size: 19px;
    line-height: 1
}

.social-wrapper .social-icon.icon-fb {
    height: 16px;
    font-size: 16px;
    line-height: 1
}

.social-wrapper .social-icon.icon-insta {
    height: 23px;
    font-size: 23px;
    line-height: 1
}

.social-wrapper .social-icon.icon-ok {
    height: 16px;
    font-size: 16px;
    line-height: 1
}

.social-wrapper .social-icon.icon-mail,
.social-wrapper .social-icon.icon-vk {
    height: 10px;
    font-size: 10px;
    line-height: 1
}

.social-wrapper .social-icon.social-icon-roll {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-left: 0
}

.social-wrapper .social-icon.social-icon-roll:not(:last-of-type) {
    margin-right: 10px
}

.social-wrapper .social-icon.social-icon-roll.icon-fb {
    background-color: #3b5998
}

.social-wrapper .social-icon.social-icon-roll.icon-tel-roll {
    background-color: #26a2df
}

.social-wrapper .social-icon.social-icon-roll.icon-vk {
    background-color: #4d76a1
}

.social-wrapper .social-icon.social-icon-roll.icon-link {
    background-color: #0063ff
}

.social-wrapper .social-icon.social-icon-roll.icon-mail {
    background-color: #0065ff
}

.search-wrapper .input-search {
    padding-left: 40px;
    padding-right: 60px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    line-height: 66px;
    font-size: 12px;
    font-weight: 300;
    color: #767676;
    background-color: #f5f5f5;
    -webkit-appearance: none;
    transition: background-color .2s ease-out, color .15s ease-out
}

.search-wrapper .input-search::-webkit-input-placeholder {
    color: #767676;
    font-weight: 400
}

.search-wrapper .input-search:-moz-placeholder,
.search-wrapper .input-search::-moz-placeholder {
    color: #767676;
    opacity: 1;
    font-weight: 400
}

.search-wrapper .input-search:-ms-input-placeholder {
    color: #767676;
    font-weight: 400
}

.search-wrapper .input-search:focus,
.search-wrapper.open .input-search {
    background-color: #242323 !important;
    color: #fff !important
}

.search-wrapper .input-search:focus+.icon-search,
.search-wrapper.open .input-search+.icon-search {
    color: #fff;
    transform: scale(1)
}

.search-wrapper .input-search:focus~.icon-close,
.search-wrapper.open .input-search~.icon-close {
    display: block
}

.search-wrapper .input-search:focus~.search-icon,
.search-wrapper.open .input-search~.search-icon {
    display: inline-block
}

.search-wrapper .icon-search {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 30px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    color: #0c0c0c;
    transform: scaleX(-1);
    transition: color .2s ease-out, transform .15s ease-out
}

.search-wrapper .icon-close {
    position: absolute;
    color: #fff;
    top: 50%;
    margin-top: -14px;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    display: none;
    cursor: pointer
}

.search-wrapper .search-icon {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 10px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    transition: color .2s ease-out, transform .15s ease-out;
    display: none
}

.user-wrapper {
    display: flex;
    align-items: center
}

.user-wrapper .social_popup {
    position: absolute;
    right: 25px;
    background: #fff;
    white-space: nowrap;
    padding: 5px;
    cursor: default;
    display: none
}

.user-wrapper .user-btn {
    cursor: pointer;
    position: relative
}

.user-wrapper .user-btn.active .social_popup {
    display: block
}

.user-wrapper .user-btn:before {
    content: attr(data-count);
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 12px;
    color: #d5d5d5
}

.user-wrapper .user-btn.trigger-cart {
    background-color: transparent;
    transition: background-color .15s ease-out
}

.user-wrapper .user-btn.trigger-cart.filled {
    background-color: #000
}

.user-wrapper .user-btn.trigger-cart.filled .icon-card {
    color: #fff;
    opacity: 0
}

.user-wrapper .user-btn.trigger-cart.filled .icon-close {
    color: #fff !important;
    opacity: 1
}

.user-wrapper .user-btn.filled:before {
    color: #000
}

.user-wrapper .user-btn.filled.trigger-cart:before {
    color: #fff !important
}

.user-wrapper .user-btn.filled .icon {
    color: #242323
}

.user-wrapper .user-btn .icon {
    color: #d5d5d5;
    display: inline-block;
    line-height: 1
}

.user-wrapper .user-btn.active .icon {
    color: #000;
}

.user-wrapper .user-btn.active:before {
    color: #000;
}

.user-wrapper .user-btn .icon.icon-lines {
    font-size: 15px;
    height: 15px
}

.user-wrapper .user-btn .icon.icon-card {
    font-size: 19px;
    height: 19px;
    line-height: 1;
    display: block
}

.user-wrapper .user-btn .icon.icon-close {
    height: 30px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 9.5px;
    opacity: 0
}

.user-wrapper .user-btn .icon.icon-search {
    font-size: 18px;
    color: #242323
}

.user-wrapper.column {
    flex-direction: column
}

.title-control-row {
    align-items: center
}

.title-control-row .title {
    font-weight: 700
}

.swiper-pagination-brand,
.swiper-pagination-num {
    width: 120px;
    height: 1px;
    position: relative;
    z-index: 0;
    margin: 0 10px;
    background-color: #e7e7e7
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #242323
}

.pagination-items {
    margin-top: 20px;
    flex-basis: 100%
}

.pagination-items .slider-control-wrapper {
    display: inline-flex;
    width: auto
}

.slider-control-wrapper {
    justify-content: center
}

.slider-control-wrapper,
.slider-control-wrapper .progress-box {
    display: flex;
    align-items: center
}

.slider-control-wrapper .progress-box {
    margin-right: 20px
}

.slider-control-wrapper .progress-box .line-progress {
    width: 120px;
    height: 1px;
    position: relative;
    margin: 0 10px
}

.slider-control-wrapper .progress-box .line-progress:after,
.slider-control-wrapper .progress-box .line-progress:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%
}

.slider-control-wrapper .progress-box .line-progress:before {
    width: 50%;
    background-color: #242323;
    z-index: 1
}

.slider-control-wrapper .progress-box .line-progress:after {
    width: 100%;
    background-color: #e7e7e7
}

.slider-control-wrapper .arrow-link {
    margin-left: 80px
}

.box-link {
    color: #989898;
    margin: 0 10px;
    cursor: pointer
}

.box-link.active {
    color: #242323
}

.arrows-box,
.arrows-box .arrow {
    display: flex;
    justify-content: center;
    align-items: center
}

.arrows-box {
    gap: 10px
}

.arrows-box a,
.arrows-box a:hover {
    text-decoration: none
}

.arrows-box .arrow {
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    transition: background-color .2s ease-out, border-color .15s ease-out;
    cursor: pointer
}

.arrows-box .arrow.arrow-right {
    transform: scaleX(-1)
}

.arrows-box .arrow .icon {
    transition: color .15s ease-out;
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    color: #9c9c9c
}

.arrow-black {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #242323;
    border: 1px solid #f5f5f5;
    transition: background-color .2s ease-out, border-color .15s ease-out;
    cursor: pointer
}

.arrow-black.arrow-left {
    transform: scaleX(-1)
}

.arrow-black .icon {
    transition: color .15s ease-out;
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    color: #fff
}

.text-img-wrapper {
    position: relative
}

.text-img-wrapper .img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.hidden-link,
.text-img-wrapper .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hidden-link {
    z-index: 2
}

.signboard-wrapper .text-side {
    background-color: #ffda44;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box
}

.signboard-wrapper .text-side .img {
    max-width: 100%
}

.signboard-wrapper .wide-side {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff
}

.signboard-wrapper .rating {
    margin: 15px 0
}

.arrow-link {
    text-transform: uppercase;
    font-weight: 700;
    transition: color .15s ease-out;
    cursor: pointer
}

.arrow-link:after {
    content: "\E005";
    height: 11px;
    font-size: 11px;
    line-height: 11px;
    display: inline-block;
    margin-left: 8px;
    transition: color .15s ease-out
}

.text-wrapper .block {
    margin-bottom: 50px
}

.items-wrapper.evenly {
    justify-content: space-evenly
}

.items-wrapper.custom-items-wrapper .item-news {
    margin: 0 15px 15px 0
}

.item-card {
    position: relative;
    display: flex;
    align-items: center;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-top: -1px;
    overflow: hidden
}

.item-card .img-box {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    position: relative;
    padding: 10px
}

.item-card .img-box .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.item-card .img-box img.img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 65%;
    max-height: 65%;
    width: auto;
    height: auto
}

.item-card .text-box {
    box-sizing: border-box;
    padding: 15px;
    border-left: 1px solid #f5f5f5
}

.item-card .text-box .rating-line {
    padding: 10px 0
}

.close-card,
.close-el {
    top: -1px;
    right: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .15s ease-out, border-color .15s ease-out
}

.close-card:before {
    content: "\E00A";
    font-size: 25px;
    height: 25px;
    line-height: 25px;
    transition: color .15s ease-out
}

.close-el .fa-trash {
    font-size: 14px;
    color: #555;
    transition: color .15s ease-out
}

.close-el:hover .fa-trash {
    color: #222
}

.close-el:hover {
    background: #f5f5f5;
}

.breadcrumbs {
    box-sizing: border-box;
    min-height: 60px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: flex;
    align-items: center
}

.breadcrumbs ul {
    display: block
}

.breadcrumbs ul li {
    display: inline
}

.breadcrumbs ul li:not(:first-of-type):before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin: 0 12px;
    background-color: #c1bfbf
}

.breadcrumbs ul li span {
    color: #242323
}

.breadcrumbs a,
.breadcrumbs span {
    transition: color .15s ease-out
}

.breadcrumbs a:not(:first-of-type):before,
.breadcrumbs span:not(:first-of-type):before {
    content: "";
    width: 2px;
    height: 2px;
    display: inline-block;
    background-color: #c1bfbf
}

.breadcrumbs+.section {
    margin-top: 0
}

.label-sale {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAFdElEQVRoge3bW4xdUxgH8N/pZaZtRtqi4pIQ1YoQDa1b4vIgda2URJB4EaVtgtCkeJB4ECJoiQYPGtF68EAQQbVpSUhIaFoeZDy4tCmpKMW0Lp1hqIdvn84++8wZu8feey78k5Psvc5ae///e92/71u1/m5lowvjsSeTfhlqeDOTPhV/4pcySY0r8+EJFuIVdKTSJuIxPJpc19GR5F1YNqmihV8+SNq1uBDPihqGW3FS8rstSasleS7EdTmf3TZqBTb1DvyGZ3AH+kSz3YXOJM/9eAKfYVqS1oMTsQQPJGl9ODL5rxOrcDOm4PciyBYpfBY+T663iJq+AGtTefZjK87IlN2KuQZaBNyId/FiKv+JqXf8K7Tb1GeL5joplXZC6voMIeauTLmaZtEwT6NouFPzR5qZuu7ELeKDHzTaFb4fT+IL0awn4/hMnuk4pc3nS8pOz6TNTN51O77EU+0+vN2mfhh2p+53YQfOapdITmzGsaL/1zEjwyUX2hU+Hv1tlSweE8S8f9CF8mANvsNbeA/7xIJk6sG+sGDsFaIn4zzMxxFiYBwSeYV/j7uTX68QP74dpgVjHDYJ0fWB9pG8BfNgU+p6kviyXXnZlYguwSU9u7ydp2DePj4ZP2ZeMBLRi0NFVxwSrWp8tpiXD0vy7BPNe6TjfcG1Jj7ATKGlCa2EXyTm6N1i8OjBOYXTLB5nC65/4Qcx1188WMZWTX1SUujocvhVhm9Ey+3N/tGqxnvxcJmMKsLDBhHN0IPbZGzTuEoaTfhW9PFBB7rsPN6B45ICx+Nro1f4V7hBVN625P7AljZd4wvwmmqsMsOBP3EV3qBR5DqsHg5GFeEZiWia+3inmAvnVcupdGzFucKyg+Zm3Ydr8FOFpMrGT0JTXzoxK3wqzsfOikhVgZ1CU8NOstbfrQtXCsvmxQYMg2MNfdiAF/D6BLGuvUEsU8cyOkUFT8G6cfhZTGVrhpNVRVgrtO6t9/E/cBPuE4bEsYb9QtsiobVhcKtbTj+unlfp+FhoO1CpdeEdWC6M9XOr51U65gptyyU+vFp/t0uF8+7kYSRWJT7F8nqNjwTDYVWYQDT1DZgjXDY9w8moZPQIjadiQ3atfjg24vTqeZWKj3CJlMclParXhCPwtIpJVYHThbYDjsl6jU/E03J4IEY51mAp/qj1dzsELxv7S9Y6NuHqCWJSf04Y5cb6JmWj2KTszw5u04R55k7/zrc9ktCNlXhVatbK7sd78I7Rb09P4yihqWGqzgrvxEuaIxFGMw4Vmhq6cFb4KmPP3kZoejydkBZ+BRZXSqdaLBF7cTRbWbMOhUU4s0JyRWKzmLe3C4fCDi0cClmMaRfSUF6TxUavaIJ7y6471t3EO0UAYG438SKNovcoOYy6IPyqMTz8GKGlCa2EbxJf6nBhpJiGDwskWBY+EFzHC+6zNQYuHcD/wT//gPONfNEEx/PyZMwrfH7qulfEko2EPv+L4JIevOa3yNuAvJGNM7DCQEjnb0aGfe4vIXSKxpDOf8R/Noi33bCPaZn7XWKJWDY2ixXZUFxyoV3h9W3rTiwT6/oqnI5rxTJ0mQEffltb6HaF18TpoVliK7tPbAbS6BHWj3bRrTkyY1vyrlXJu2/LFsqLdoV/Lo5FpEfTbanrLcJftSJTrn4YJ4vB0laKffSWFu/oTTh8kY9yI4oM7dohBpnVYt7fLuxc6diTB8UJw/SM0JOkPZRK60vKbhej9Woxgu8oimyRwn8XEQdLDbSEPcJFBc/jXhH0/0Cq3P1J2j1JHsIaWv84fckzFyrozBnFnjtrhetF0MFlBohPxCei6c+ROOuFIWS9OHH4vBJRhfBWh2oXiOa7PpNeyaHavwENRj7QMYtWAgAAAABJRU5ErkJggg==")
}

.item-preview-sale {
    position: relative
}

.item-preview-sale .label-sale {
    position: absolute;
    left: 20px;
    top: 40px;
    z-index: 2
}

.content-row .preview-content {
    width: 100%;
    max-width: 845px;
    box-sizing: border-box
}

.content-row .catalog-control-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.content-row .catalog-control-line .text-14{
    margin-left: 30px;
}

.content-row .catalog-control-line .check-link {
    color: #8d8d8d;
    transition: color .15s ease-out;
    cursor: pointer;
    position: relative
}

/*.content-row .catalog-control-line .check-link:before {*/
/*    content: "\E004"*/
/*}*/

.content-row .catalog-control-line .check-link:last-of-type {
    margin-right: 13px
}

/*.content-row .catalog-control-line .check-link:before {*/
/*    position: absolute;*/
/*    right: -13px;*/
/*    top: 5px;*/
/*    font-size: 8px;*/
/*    color: #8d8d8d;*/
/*    display: inline-block;*/
/*    -webkit-transform: rotate(90deg);*/
/*    -moz-transform: rotate(90deg);*/
/*    -ms-transform: rotate(90deg);*/
/*    -o-transform: rotate(90deg);*/
/*    transform: rotate(90deg);*/
/*    -webkit-transition: color .15s ease-out;*/
/*    -o-transition: color .15s ease-out;*/
/*    -moz-transition: color .15s ease-out;*/
/*    transition: color .15s ease-out*/
/*}*/

.content-row .catalog-control-line .check-link.active,
.content-row .catalog-control-line .check-link.active:before {
    color: #242323
}

.content-row.manufacturers .preview-content>p {
    margin-top: 0
}

.content-row.manufacturers .preview-content>p a {
    color: #49beba;
    font-weight: 700
}

.content-row.manufacturers .preview-content .row a {
    line-height: 25px;
    margin-right: 10px
}

.tag-line {
    box-sizing: border-box
}

.tag-line,
.tag-line .tag-box {
    display: flex
}

.tag-line .tag-box {
    align-items: center;
    margin-right: 10px
}

.tag-line .tag-box .text {
    color: #8d8d8d
}

.tag-line .tag-box .icon-close {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    color: #8d8d8d;
    cursor: pointer;
    transition: color .15s ease-out
}

.wrapper-descr,
.wrapper-descr .text-10-grey,
.wrapper-descr .text-12-descr,
.wrapper-descr p,
article,
article .text-10-grey,
article .text-12-descr,
article p {
    color: #333
}

.wrapper-descr h1,
article h1 {
    margin: 24px 0;
    font-size: 36px
}

.wrapper-descr h2,
article h2 {
    font-size: 24px;
    margin: 24px 0
}

.wrapper-descr h3,
article h3 {
    margin: 24px 0
}

.wrapper-descr img,
article img {
    display: block;
    max-width: 100%;
    margin: 24px auto
}

.wrapper-descr a img,
article a img {
    display: inline-block;
    margin: 0
}

.wrapper-descr ol li,
.wrapper-descr ul li,
article ol li,
article ul li {
    box-sizing: border-box;
    padding-left: 25px;
    position: relative;
    margin-bottom: 8px
}

.wrapper-descr ol li:before,
.wrapper-descr ul li:before,
article ol li:before,
article ul li:before {
    position: absolute;
    left: 0
}

.wrapper-descr ul li:before,
article ul li:before {
    content: "";
    top: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ed8282
}

article.sitemap ul {
    margin: 20px 0;
}

article.sitemap a {
   text-decoration: underline;
}

.wrapper-descr ol,
article ol {
    counter-reset: list
}

.wrapper-descr ol li,
article ol li {
    counter-increment: list
}

.wrapper-descr ol li:before,
article ol li:before {
    content: counter(list) ". ";
    top: 0;
    font-weight: 700;
    color: #ed8282
}

.wrapper-descr {
    background-color: #e7e7e7;
    border-radius: 15px
}

.wrapper-descr.show_more_btn {
    height: 250px;
    overflow: hidden;
    position: relative
}

.wrapper-descr.show_more_btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(180deg, hsla(0, 0%, 91%, 0), #e7e7e7 60%, #e7e7e7)
}

.wrapper-descr.show_more_btn .block.text-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 2
}

.show_more_block {
    margin-bottom: 30px
}

.table-bordered {
    border: 1px solid #000;
    table-layout: fixed;
    width: 100%
}

.table-bordered td {
    border: 1px solid #000;
    padding: 10px
}

.show_more_block,
.wrapper-descr {
    box-sizing: border-box
}

.show_more_block .title-top,
.show_more_block h2,
.wrapper-descr .title-top,
.wrapper-descr h2 {
    font-weight: 400
}

.show_more_block .descr,
.wrapper-descr .descr {
    margin-bottom: 20px
}

.show_more_block img,
.wrapper-descr img {
    max-width: 100%;
    height: auto
}

.show_more_block .img-wrapper-descr,
.wrapper-descr .img-wrapper-descr {
    display: block;
    max-width: 100%;
    margin-top: 30px
}

.show_more_block .row-title-panel,
.wrapper-descr .row-title-panel {
    box-sizing: border-box
}

.wrapper-descr-panel {
    display: flex;
    border-radius: 15px
}

.wrapper-descr-panel,
.wrapper-descr-panel * {
    box-sizing: border-box
}

.wrapper-descr-panel .side-description {
    border-radius: 15px 0 0 15px;
    background-color: #e7e7e7
}

.wrapper-descr-panel .side-content {
    width: 100%;
    background-color: #ddd
}

.wrapper-descr-panel .side-content .box {
    box-sizing: border-box
}

.wrapper-descr-panel .side-content .box:not(:last-of-type) {
    border-bottom: 1px solid #e7e7e7
}

.wrapper-descr-panel .side-content .box .title-box {
    margin-bottom: 25px
}

.wrapper-descr-panel .side-content .box .line {
    display: flex
}

.wrapper-descr-panel .side-content .box .line:not(:last-of-type) {
    margin-bottom: 7px
}

.wrapper-descr-panel .side-content .box .line span {
    display: inline-block
}

.wrapper-descr-panel .side-content .box-img {
    display: flex;
    max-width: 420px
}

.wrapper-descr-panel .side-content .box-img .img {
    display: block;
    margin-right: 10px;
    height: max-content
}

.description-list {
    box-sizing: border-box;
    padding-top: 83px
}

.description-list li {
    position: relative;
    text-align: right;
    padding-right: 50px;
    padding-top: 7px;
    padding-bottom: 7px
}

.description-list li.active {
    background-color: #fff
}

.description-list li .drop-icon {
    position: absolute;
    right: 20px;
    top: 11px
}

.video-block {
    width: 100%
}

.video-block .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.video-block .img iframe {
    width: 100%;
    height: 100%
}

.status-wrapper {
    display: flex;
    align-items: center
}

.status-wrapper .item {
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    white-space: nowrap
}

.status-wrapper .item.light-blue {
    background-color: #71d6c9
}

.status-wrapper .item.red {
    background-color: #f27171
}

.status-wrapper .item.yellow {
    background-color: #f2c671
}

.color-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-bottom: 20px
}

.color-wrapper .color-item {
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: border-color .15s ease-out;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
    margin-right: 10px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.color-wrapper .color-item.white {
    background-color: #fff
}

.color-wrapper .color-item.grey {
    background-color: #e3e2e9
}

.color-wrapper .color-item.blue {
    background-color: #5a4cc7
}

.color-wrapper .color-item.yellow {
    background-color: #f2c671
}

.color-wrapper .color-item.active {
    border-color: #242323;
    pointer-events: none
}

.title-border-line {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 20px 0;
    border-top: 1px solid #e7e7e7
}

.title-border-line .delete-all-items {
    font-size: 16px;
    color: #8d8d8d;
    cursor: pointer
}

.wrapper-profile {
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    background-color: #fff
}

.wrapper-profile .box:not(:last-of-type) {
    margin-bottom: 30px
}

.wrapper-profile .descr {
    margin-bottom: 20px
}

.wrapper-profile .social-personal .soc {
    margin-right: 8px
}

.wrapper-form-module {
    border: none;
    padding: 20px 0 !important;
}
.wrapper-form-module .input-custom {
    height: 40px;
}

.row-delivery-profile {
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 10px
}

.row-delivery-profile .delivery-preview-link {
    display: flex;
    align-items: center;
    max-width: 270px
}

.row-delivery-profile .delivery-preview-link .img-box {
    width: 45px;
    min-width: 45px;
    margin-top: 0
}

.row-delivery-profile .delivery-preview-link .img-box .img {
    max-width: 100%;
    max-height: 100%
}

.row-delivery-profile .status-row .number-arrow {
    margin-right: 20px
}

.content-slider-box {
    box-sizing: border-box;
    background-color: #f5f5f5
}

.show_more_block.hidden-box {
    display: none
}

.container-delivery-img {
    display: flex;
    justify-content: space-between
}

.delivery-img {
    position: relative;
    margin-top: 30px
}

.delivery-img .video-block {
    margin-top: 0
}

.delivery-img .img-block {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.delivery-img .img-block iframe {
    width: 100%;
    height: 100%
}

.video-block {
    position: relative
}

.section-content-delivery {
    padding-bottom: 0 !important
}

.faq-box .title {
    text-transform: uppercase
}

.block-404 {
    position: relative;
    width: 280px;
    min-width: 280px
}

.block-404 .title {
    font-weight: 700;
    opacity: .4
}

.block-404 .text {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.row-404 .text-block {
    max-width: 640px
}

.container-profile-favorites {
    padding-bottom: 0 !important
}

.container-profile-favorites .title-line {
    border: none !important
}

.container-profile-favorites .title-border-line {
    border-top: none !important
}

.container-profile-favorites .img-box {
    margin-top: 0 !important
}

.profile-preview-row {
    display: flex;
    flex-wrap: wrap
}

.profile-preview-row .item-checkout {
    border-right: 1px solid #f5f5f5
}

.profile-preview-row .item-checkout .img-box {
    margin-top: 0
}

.profile-preview-row .item-checkout .close-checkout {
    top: 0
}

.profile-preview-container .profile-pay .text-price {
    text-align: center
}

.profile-preview-container .profile-pay .delivery-text-price .btn {
    margin: 30px auto 0
}

.enter-block,
.row-enter {
    box-sizing: border-box
}

.row-title-line {
    display: flex
}

.title-container {
    border-bottom: 1px solid #e7e7e7
}

.side-wrapper,
.title-container {
    box-sizing: border-box
}

.side-wrapper {
    position: relative;
    z-index: 1
}

.side-wrapper .side-text {
    box-sizing: border-box
}

.side-wrapper .side-text.text-container {
    max-width: 100%
}

.side-wrapper .side-text .text-descr {
    font-size: 14px
}

.side-wrapper .side-img .img {
    max-width: 100%
}

.side-wrapper .bg-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.side-wrapper .bg-img-wrapper .bg-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.side-wrapper .text-container .title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px
}

.side-wrapper .text-container .text {
    font-size: 14px
}

.side-wrapper .text-container .text:not(:last-of-type) {
    margin-bottom: 20px
}

.side-wrapper.grey-side-wrapper {
    background-color: #f2f2f2;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: -20px;
    position: relative;
    z-index: 2
}

.side-wrapper-video {
    position: relative;
    z-index: 2
}

.side-wrapper-video .side-text {
    padding-right: 0
}

.side-wrapper-video .title {
    color: #fff;
    white-space: nowrap
}

.side-wrapper-video .text-descr {
    color: #fff
}

.side-wrapper-video .side-img {
    position: relative
}

.side-wrapper-video .video-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.items-icons-wrapper .item {
    flex-direction: column
}

.items-icons-wrapper .item,
.items-icons-wrapper .item .icon-box {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.items-icons-wrapper .item .icon-box {
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    border: 2px solid #242323;
    position: relative;
    border-radius: 50%;
    justify-content: center
}

.items-icons-wrapper .text-box {
    text-align: center
}

.items-icons-wrapper .text-box .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px
}

.video-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 1000;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(100%)
}

.video-popup.open {
    transform: translateX(0)
}

.video-popup .video-content {
    position: relative
}

.video-popup .video-content iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.video-popup .close {
    position: absolute;
    z-index: 1
}

header {
    position: relative;
    z-index: 10
}

header .top-line {
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    margin: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .top-line .link-line {
    height: 100%
}

header .top-line .link-line:not(:last-of-type) {
    margin-right: 30px
}

header .top-line .link-line a,
header .top-line .link-line span {
    font-size: 12px;
    position: relative;
    transition: color .15s ease-out
}

header .top-line .link-line a:before,
header .top-line .link-line span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 2px;
    background-color: #242323;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease-out
}

header .middle-line {
    box-sizing: border-box;
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5
}

header .middle-line .logo-box {
    text-decoration: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

header .middle-line .logo-box:hover {
    text-decoration: none;
}

header .middle-line .box {
    margin-right: 50px
}

header .burger-container {
    position: absolute;
    left: 0;
    top: 0
}

.nav-line {
    width: 100%;
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 1
}

.nav-line .user-wrapper .user-btn {
    padding-top: 9px;
    padding-bottom: 9px
}

.nav-line .user-wrapper .user-btn.trigger-cart {
    padding-bottom: 13px
}

.nav-line .row-helper {
    margin-left: auto;
    padding-right: 15px;
    box-sizing: border-box;
    height: 41px
}

.nav-line .row-helper .trigger-cart .icon-close {
    height: 24px;
    font-size: 24px;
    line-height: 1;
    left: 12px;
    top: 10px
}

.nav-line .logo-box,
.nav-line .row-helper {
    visibility: hidden;
    opacity: 0;
    transition: visibility .05s ease-out, opacity .05s ease-out
}

.nav-line .logo-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px
}

.nav-line .logo-box .logo-img {
    height: 28px;
    width: 140px
}

.nav-link-wrapper {
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5
}

.nav-link-wrapper .nav-link-box {
    position: relative
}

.nav-link-wrapper .nav-link-box .catalog-menu {
    position: absolute;
    top: 40px;
    left: 0;
    display: none
}

.nav-link-wrapper .nav-link-box.active .catalog-menu {
    display: block;
    min-width: 210px
}

.nav-link-wrapper .nav-toggle {
    height: 100%;
    line-height: 40px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px
}

.nav-link-wrapper .nav-toggle.catalog-toggle {
    color: var(--catalog-btn-text);
    background-color: var(--catalog-btn-bg);
    min-width: 210px;
    padding-left: 50px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color .15s ease-out
}

.drop-icon {
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #868686
}

.catalog-toggle .drop-icon {
    color: var(--catalog-btn-text)
}

.logo-box .logo-img {
    margin: 0 auto
}

.logo-box .logo-img img {
    width: 100%
}

.logo-box .logo-img .img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.logo-box .logo-text {
    box-sizing: border-box;
    background-color: var(--primary-color);
    color: var(--button-text-color);
    border-radius: 8px;
    width: 175px;
    height: 15px;
    letter-spacing: normal;
    line-height: 15px;
    text-align: center;
    position: relative
}

.menu-links {
    display: flex;
    align-items: center;
    height: 41px;
    margin-left: 10px
}

.menu-links>li {
    position: relative;
    height: calc(100% - 1px);
    border-bottom: 1px solid transparent
}

.menu-links>li>a {
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    transition: color .15s ease-out
}

.menu-links>li .menu-container {
    position: absolute;
    top: 41px;
    left: 0
}

.menu-links .drop-links {
    background-color: #e7e7e7
}

.menu-links .menu {
    display: none;
    height: auto;
    min-height: auto;
    padding-bottom: 20px;
    left: -10px;
    z-index: 1;
    border: none;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
    background: #f8f8f8
}

.menu-links .menu,
.menu-links .menu>li {
    box-sizing: border-box
}

.menu-links .menu>li {
    position: relative;
    background-color: transparent;
    transition: background-color .15s ease-out;
    display: flex;
    justify-content: space-between
}

.menu-links .menu>li:after {
    content: "\E01F";
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    display: block
}

.menu-links .sub {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    transform: translateX(100%);
    background-color: #ddd;
    display: none
}

.menu-links .sub,
.menu-links .sub li {
    box-sizing: border-box
}

.menu-links .sub li {
    padding: 0 25px;
    cursor: auto
}

.menu-links .sub li a {
    box-sizing: border-box;
    height: 100%;
    line-height: 25px;
    transition: color .15s ease-out
}

.fix_line {
    background-color: #fff;
    z-index: 1
}

.fix_line:before {
    content: "";
    position: absolute;
    top: 480px;
    z-index: 2;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .06);
    pointer-events: none
}

.row-user-enter {
    position: relative;
    z-index: 9
}

.row-user-enter .drop-link-line {
    cursor: pointer;
    display: flex;
    align-items: center
}

.row-user-enter .drop-link-line .drop-user-icon {
    display: inline-block;
    margin-left: 4px;
    position: relative;
    font-size: 10px
}

.row-user-enter .drop-menu {
    position: absolute;
    right: 0;
    top: 42px;
    width: 300px;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 20px;
    display: none
}

.row-user-enter .drop-menu.active {
    display: block
}

.row-user-enter .drop-menu .drop-link {
    height: 25px;
    line-height: 25px
}

.row-user-enter .drop-menu .drop-link a {
    color: #8a8888
}

.row-user-enter .drop-menu .drop-link a:hover {
    color: #242323
}

#form-language,
#form-currency {
    position: relative;
    display: inline-block
}

#form-language .drop-menu,
#form-currency .drop-menu {
    width: auto;
    min-width: 150px;
    right: 0;
    top: 100%;
    margin-top: 5px;
    padding: 12px 15px
}

.search-wrapper-container.show {
    display: block
}

.search-wrapper {
    position: relative
}

.search-wrapper .hidden-block-wrapper {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .02)
}

.search-wrapper .hidden-block-wrapper .hidden-block {
    width: 100%
}

.search-wrapper .hidden-block-wrapper .box {
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom: 2px solid #f4f4f4
}

.search-wrapper .hidden-block-wrapper .box .link {
    display: block
}

.search-wrapper .hidden-block-wrapper .box .link:not(:last-of-type) {
    margin-bottom: 10px
}

.search-wrapper .hidden-block-wrapper .box.title-box {
    text-align: center
}

.search-wrapper .hidden-block-wrapper .box.title-box .title {
    font-size: 14px;
    font-weight: 700
}

.search-wrapper .hidden-block-wrapper .btn-tab {
    height: 50px;
    display: flex;
    justify-content: center;
    transition: background-color .15s ease-out;
    cursor: pointer
}

.search-wrapper .hidden-block-wrapper .btn-tab .title {
    font-weight: 700;
    font-size: 14px;
    margin-right: 15px;
    text-transform: uppercase
}

.search-wrapper .hidden-block-wrapper .btn-tab .icon,
.search-wrapper .hidden-block-wrapper .btn-tab .title {
    transition: color .15s ease-out
}

.search-wrapper .hidden-block-wrapper .btn-tab .icon {
    transform: scaleX(-1);
    font-size: 12px
}

.search-wrapper .items-box {
    padding: 0 !important
}

.search-wrapper .items-box .item {
    display: flex;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative
}

.search-wrapper .items-box .img-box {
    width: 40px;
    min-width: 40px
}

.search-wrapper .items-box .img-box .img {
    max-width: 100%
}

.search-wrapper .items-box .text-box {
    box-sizing: border-box;
    padding-right: 30px
}

.search-wrapper .hidden-block-wrapper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.search-wrapper.open .hidden-block-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

footer .messenger-row {
    margin-top: 15px
}

.contact-wrapper,
.contact-wrapper .footer-content,
footer,
footer .footer-content {
    position: relative;
    box-sizing: border-box
}

.contact-wrapper .footer-content,
footer .footer-content {
    border-top: 20px solid #f5f5f5;
    border-bottom: 20px solid #f5f5f5
}

.contact-wrapper .footer-links-block,
footer .footer-links-block {
    display: inline-flex;
    box-sizing: border-box;
    flex-direction: column
}

footer .footer-links-block .title {
    text-transform: uppercase;
}

.contact-wrapper .footer-links-block.soc,
footer .footer-links-block.soc {
    position: relative
}

.contact-wrapper .footer-links-block.soc .link,
footer .footer-links-block.soc .link {
    display: flex;
    align-items: center
}

.contact-wrapper .footer-links-block .title:after,
.contact-wrapper .footer-links-block .title:before,
footer .footer-links-block .title:after,
footer .footer-links-block .title:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 10px;
    height: 2px;
    display: inline-block;
    background-color: #242323
}

.contact-wrapper .footer-links-block .title:after,
footer .footer-links-block .title:after {
    transform: rotate(90deg)
}

.contact-wrapper .footer-links-block .link,
footer .footer-links-block .link {
    margin-bottom: 4px
}

.contact-wrapper .footer-links-block .link,
.contact-wrapper .footer-links-block .soc-icon,
footer .footer-links-block .link,
footer .footer-links-block .soc-icon {
    display: inline-block;
    transition: color .15s ease-out
}

.contact-wrapper .footer-links-block .soc-icon,
footer .footer-links-block .soc-icon {
    color: #8a8888;
    text-align: center;
    position: relative
}

.contact-wrapper .footer-links-block .soc-icon.icon-vk,
footer .footer-links-block .soc-icon.icon-vk {
    font-size: 10px
}

.contact-wrapper .footer-links-block .soc-icon.icon-fb,
footer .footer-links-block .soc-icon.icon-fb {
    font-size: 16px;
    top: 1px
}

.contact-wrapper .footer-links-block .soc-icon.icon-insta,
footer .footer-links-block .soc-icon.icon-insta {
    font-size: 22px;
    top: 3px
}

.contact-wrapper .footer-links-block .soc-icon.icon-ok,
.contact-wrapper .footer-links-block .soc-icon.icon-youtube,
footer .footer-links-block .soc-icon.icon-ok,
footer .footer-links-block .soc-icon.icon-youtube {
    font-size: 17px;
    top: 2px
}

.contact-wrapper .footer-links-block .box:not(:last-of-type),
footer .footer-links-block .box:not(:last-of-type) {
    margin-bottom: 10px
}

.contact-wrapper .footer-links-block .box .descr,
footer .footer-links-block .box .descr {
    margin-bottom: 10px
}

.contact-wrapper .footer-links-block .signboard-wrapper .text-side,
footer .footer-links-block .signboard-wrapper .text-side {
    margin-top: 30px;
    box-sizing: border-box;
    padding: 0 20px
}

.contact-wrapper .soc-img,
footer .soc-img {
    max-width: 100%
}

.contact-wrapper .pay-row .img,
footer .pay-row .img {
    margin-right: 15px;
    display: block;
    max-width: 100%
}

.contact-wrapper .messenger-row,
footer .messenger-row {
    display: flex;
    align-items: center;
    font-size: 24px;
}

.contact-wrapper .messenger-row .mess-link,
footer .messenger-row .mess-link {
    margin-right: 15px
}

.contact-wrapper .link-line,
footer .link-line {
    margin-bottom: 10px;
    display: inline-block
}

.contact-wrapper .footer-bottom,
footer .footer-bottom {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.contact-wrapper .footer-bottom,
.contact-wrapper .footer-bottom .text,
footer .footer-bottom,
footer .footer-bottom .text {
    box-sizing: border-box
}

.contact-wrapper .footer-bottom .logo-text,
footer .footer-bottom .logo-text {
    top: 4px !important
}

.contact-wrapper .logo-box,
footer .logo-box {
    position: absolute;
    left: 50%
}

.contact-wrapper .hide-box,
footer .hide-box {
    display: flex;
    flex-direction: column
}

.contact-wrapper *,
.container-profile * {
    box-sizing: border-box
}

.contact-wrapper .table-block,
.container-profile .table-block {
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
    margin: -1px
}

.contact-wrapper .img-box,
.container-profile .img-box {
    margin-top: 15px
}

.contact-wrapper .img-box .img,
.container-profile .img-box .img {
    max-width: 100%
}

.contact-wrapper .title-line,
.container-profile .title-line {
    padding: 15px 20px;
    border: 1px solid #f5f5f5;
    margin-bottom: -1px;
    margin-right: -1px;
    margin-left: -1px;
    width: 100%
}

.contact-wrapper .contact-form,
.contact-wrapper .contact-text-block,
.container-profile .contact-form,
.container-profile .contact-text-block {
    width: 100%
}

.contact-wrapper .contact-form .title-line .btn,
.container-profile .contact-form .title-line .btn {
    margin: 0 auto
}

.contact-wrapper .contact-form .title-line .box-wide,
.container-profile .contact-form .title-line .box-wide {
    margin-left: -21px;
    margin-right: -21px;
    padding-bottom: 10px
}

.contact-wrapper .contact-form .title-line .box-wide {
    padding-top: 0;
}

.contact-wrapper .contact-form.delivery-form .line-row,
.container-profile .contact-form.delivery-form .line-row {
    display: flex;
    align-items: center
}

.contact-wrapper .contact-form .last,
.container-profile .contact-form .last {
    border-bottom: none
}

.contact-wrapper .box,
.container-profile .box {
    padding: 20px 0
}

.contact-wrapper .footer-links-block,
.container-profile .footer-links-block {
    padding-left: 20px
}

.map-wrapper {
    width: 100%;
    position: relative
}

.map-wrapper .map-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.img-contact-wrapper {
    position: relative
}

.img-contact-wrapper .img,
.img-contact-wrapper .video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.img-contact-wrapper .img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.img-contact-wrapper .video-wrapper iframe {
    width: 100%;
    height: 100%
}

.slide-top {
    position: absolute
}

.slide-top-arrow {
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.slide-top-arrow .icon-arrow {
    height: 12px;
    font-size: 12px;
    line-height: 1;
    color: var(--button-text-color);
    display: block;
    transform: rotate(90deg)
}

.brand_slider.manual_center {
    display: flex;
    justify-content: center
}

.brand_slider.manual_center .swiper-wrapper {
    width: auto !important
}

.brand-slide,
.brand_slider,
.slider-col-6 {
    box-sizing: border-box
}

.brand-slide {
    border: 1px solid #f5f5f5;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    cursor: pointer
}

.brand-slide:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: none;
    transition: box-shadow .15s ease-out, filter .15s ease-out
}

.brand-slide .brand {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 50%;
    filter: grayscale(1)
}

.brand-slide .brand img {
    max-width: 100%
}

.brand-slide .title {
    margin-top: 5px
}

.index-1 {
    z-index: 1
}

.index-1,
.main_promo_slider {
    position: relative
}

.main_promo_slider .img-box {
    position: relative;
    box-sizing: border-box
}

.main_promo_slider .img-box .img {
    max-width: 100%;
    display: block;
    margin: auto
}

.main_promo_slider .img-box .label-box {
    position: absolute
}

.slider-compare .swiper-slide {
    width: auto !important
}

.title-control-container .swiper-button-disabled {
    display: none
}

.popup-slide-left,
.popup-slide-right {
    position: absolute;
    top: 50%;
    z-index: 3
}

.popup-slide-left .icon {
    position: relative;
    left: 1px
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #242323;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.brand_slider {
    position: relative
}

.call-box {
    position: absolute;
    z-index: 2;
    height: 78px;
    right: 0;
    top: 50%;
    margin-top: -39px
}

.call-box .item-call {
    cursor: pointer;
    width: 35px;
    height: 35px;
    margin-bottom: 3px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    transition: background-color .15s ease-out, border-color .15s ease-out
}

.call-box .icon {
    color: #000;
    transition: color .15s ease-out
}

.main-top-wrapper {
    position: relative;
    width: 100%;
    background-color: #242323
}

.main-top-wrapper .main-top-container {
    width: 100%;
    height: 100%;
    position: relative;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: 80px;
    text-align: right;
    color: #fff;
    z-index: 4;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000
}

.main-top-wrapper .container-main-top,
.main-top-wrapper .main-top-container {
    display: flex;
    pointer-events: none
}

.main-top-wrapper .container-main-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.main-top-wrapper .swiper-pagination-main {
    pointer-events: none
}

.main-top-wrapper .swiper-pagination-main .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    width: 7px;
    height: 7px;
    transform: scale(1);
    transition: transform .15s ease-out;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.main-top-wrapper .swiper-pagination-main .swiper-pagination-bullet-active {
    transform: scale(1.6)
}

.top-slider-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-slider-container,
.top-slider-container .swiper-slide,
.top-slider-container .swiper-wrapper {
    width: 100%;
    height: 100%
}

.top-slider-container .wide-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute
}

.card-drop-container {
    position: absolute;
    right: 0;
    width: 400px;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    box-shadow: 0 10px 50px hsla(0, 0%, 7%, .1);
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1), visibility .2s cubic-bezier(.215, .61, .355, 1)
}

.card-drop-container.open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    z-index: 777;
}

.card-drop-container .top {
    box-sizing: border-box;
    padding: 10px 15px
}

.card-drop-container .order-line {
    box-sizing: border-box
}

.card-drop-container .text-box {
    max-width: 210px
}

.card-drop-container .item-card .text-box {
    flex: 1;
    min-width: 0
}

.card-drop-container .item-card .name {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal
}

.card-drop-container .count {
    margin-left: auto;
    margin-right: 55px
}

.card-drop-container .top {
    position: relative
}

.toggle-panel-wrapper {
    width: 100%;
    position: relative
}

.toggle-panel-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #e7e7e7
}

.toggle-panel-wrapper.box-panel-wrapper {
    background-color: #fff
}

.toggle-panel-wrapper.box-panel-wrapper:before {
    display: none
}

.toggle-panel-wrapper.box-panel-wrapper .toggle-item {
    border: none
}

.toggle-panel-wrapper .toggle-item {
    margin-bottom: -1px;
    border-bottom: 1px solid #e7e7e7
}

.toggle-panel-wrapper .toggle-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.toggle-panel-wrapper .toggle-line .icon-box-roll {
    transition: background-color .2s ease
}

.toggle-panel-wrapper .toggle-line .plus-icon {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.toggle-panel-wrapper .toggle-line .plus-icon:after,
.toggle-panel-wrapper .toggle-line .plus-icon:before {
    content: "";
    display: block;
    background-color: #242323;
    width: 2px;
    height: 100%;
    max-height: 10px;
    transform-origin: 50% 50%
}

.toggle-panel-wrapper .toggle-line .plus-icon:after {
    margin-left: -2px;
    transform: rotate(90deg);
    transform-origin: 50% 50%
}

.toggle-panel-wrapper .toggle-line .plus-icon:after,
.toggle-panel-wrapper .toggle-line .plus-icon:before {
    backface-visibility: hidden;
    transition: max-height 0s ease, background-color .15s ease
}

.toggle-panel-wrapper .toggle-line .title {
    transition: color .15s ease-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.toggle-panel-wrapper .toggle-line.active .plus-icon:before {
    display: none
}

.toggle-panel-wrapper .toggle-content {
    box-sizing: border-box
}

.toggle-panel-wrapper .toggle-content .form-box.form-box-line .text {
    min-width: 200px;
    max-width: 200px;
    width: 200px
}

.toggle-panel-wrapper .toggle-content .text-box {
    margin: 20px 0
}

.toggle-panel-wrapper .toggle-content .toggle-content {
    padding-left: 15px
}

.toggle-panel-wrapper.aside-toggle-wrapper {
    box-sizing: border-box;
    padding: 0 3px
}

.toggle-panel-wrapper.aside-toggle-wrapper .toggle-item {
    margin-bottom: 23px
}

.toggle-panel-wrapper.aside-toggle-wrapper .toggle-line {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    background-color: #fff
}

.toggle-panel-wrapper.aside-toggle-wrapper .toggle-line:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    z-index: -1
}

.toggle-panel-wrapper.aside-toggle-wrapper .hidden-box {
    box-sizing: border-box;
    padding: 20px
}

.toggle-panel-wrapper.aside-toggle-wrapper .hidden-box .text-border {
    text-decoration: underline;
    cursor: pointer
}

.toggle-panel-wrapper.aside-toggle-wrapper .hidden-box .text-border:not(:last-of-type) {
    margin-bottom: 12px
}

.tooltip-aside {
    position: absolute;
    top: 35px;
    margin-right: 25px;
    padding: 5px 10px;
    background-color: var(--primary-color);
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-out
}

.tooltip-aside .link {
    text-decoration: underline
}

.box-content {
    box-sizing: border-box;
    padding: 15px 0 0
}

.hidden-box {
    display: none
}

.aside .box {
    position: relative;
    box-sizing: border-box
}

.aside .box:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #e7e7e7
}

.aside .toggle-panel-wrapper {
    box-sizing: border-box
}

.aside .toggle-panel-wrapper .toggle-item .link {
    display: inline-block;
    color: #8d8d8d;
    transition: color .15s ease-out
}

.compare-wrapper {
    width: 100%;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.compare-wrapper .box {
    margin-bottom: 50px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    box-sizing: border-box
}

.compare-wrapper .box.box-item-compare {
    position: relative
}

.compare-wrapper .box.box-item-compare .col {
    text-align: center;
    justify-content: center
}

.compare-wrapper .box.box-item-compare .btn {
    position: absolute;
    transform: translateX(-50%);
    left: 50%
}

.compare-wrapper .box.box-descr .col {
    justify-content: flex-end;
    text-align: right
}

.compare-wrapper .col {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden
}

.compare-wrapper .col:not(:last-of-type) {
    border-bottom: 1px solid #e7e7e7
}

.compare-wrapper .col.h-45 {
    height: 45px
}

.compare-wrapper .col.h-50 {
    height: 50px
}

.compare-wrapper .col.h-60 {
    height: 60px
}

.compare-wrapper .col.h-120 {
    height: 120px
}

.compare-wrapper .col.h-130 {
    height: 130px
}

.compare-wrapper .col.gradient {
    position: relative
}

.compare-wrapper .col.gradient:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.compare-wrapper .delete-item-compare {
    display: flex;
    align-items: center;
    color: #8d8d8d;
    text-decoration: none;
    transition: color .15s ease-out;
    cursor: pointer
}

.compare-wrapper .delete-item-compare:hover {
    color: #242323;
    text-decoration: none
}

.compare-wrapper .delete-item-compare .fa-trash {
    font-size: 12px;
    margin-left: 5px
}

.compare-wrapper .name {
    font-weight: 400
}

.compare-wrapper .descr {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.title-top-wrapper {
    padding-bottom: 30px
}

.title-control-box {
    padding-bottom: 30px
}

.content-container,
.title-control-box {
    box-sizing: border-box
}

.content-container {
    background-color: #fff
}

.content-container .item-icon {
    margin-left: 0
}

.content-container .title {
    margin: 15px 0
}

.content-container .box {
    margin-bottom: 20px
}

.content-container .box.top-box {
    margin-bottom: -9px
}

.content-container .box .text-border {
    display: inline-block;
    color: #8a8888;
    text-decoration: underline;
    transition: color .15s ease-out
}

.content-container .box .text-border span {
    color: #242323
}

.content-container .box .text-border:not(:last-of-type) {
    margin-bottom: 20px
}

.content-container .top-box {
    margin-bottom: 25px
}

.content-container+.content-container {
    margin-top: 10px
}

.content-container .title-line {
    text-align: center
}

.content-container .search-content {
    box-sizing: border-box;
    padding: 60px 0 0
}

.content-container .search-content .btn-line {
    display: flex;
    justify-content: center;
    margin-top: 80px
}

.content-container.search-content-container {
    padding-top: 40px;
    padding-bottom: 40px
}

.empty-category-container {
    margin-top: 60px
}

.item-news,
.item-preview {
    border-bottom: 1px solid #e7e7e7;
    box-shadow: none;
    transition: border-color .2s ease-out, box-shadow .15s ease-out;
}

.item-preview .title {
    transition: color .1s ease-out
}

.item-news .info-box,
.item-preview .info-box {
    box-sizing: border-box;
    background-color: #fff
}

.item-news .info-box .text-box,
.item-preview .info-box .text-box {
    overflow: hidden
}

.item-news .rating-line,
.item-preview .rating-line {
    justify-content: space-between
}

.item-catalog .img-box,
.item-news .rating-line,
.item-preview .rating-line {
    display: flex;
    width: 100%;
    align-items: center
}

.item-catalog .img-box {
    box-sizing: border-box;
    position: relative;
    justify-content: center;
    border-bottom: 1px solid #e7e7e7;
    transition: border-color .15s ease-out
}

.item-catalog .img-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e7e7e7;
    z-index: -1
}

.item-catalog .img-box .img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: scale(1);
    transition: transform .15s ease-out
}

.item-catalog .descr {
    color: #c1bfbf;
    font-size: 14px;
    margin-top: 10px;
    height: 30px;
    line-height: 30px
}

.item-catalog .title {
    transition: color .15s ease-out
}

.item-news .text-descr {
    margin-top: 10px
}

.item-news .img-box {
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.item-news .img-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    transition: background-color .15s ease-out;
    z-index: 1;
    pointer-events: none
}

.item-news .img-box .img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.item-news .img-box .img,
.item-news .play-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.item-news .play-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer;
    transition: background-color .15s ease-out
}

.item-news .play-btn:before {
    content: "\E01D";
    width: 70px;
    height: 70px;
    font-size: 70px;
    color: #fff;
    transition: color .15s ease-out
}

.item-preview .img-box {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    background-color: #fff
}

.item-preview .img-box .top-line {
    z-index: 1;
    justify-content: space-between
}

.item-preview .img-box .img {
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    transition: transform .15s ease-out;
    transform: scale(1);
    display: flex;
    align-items: center;
    justify-content: center
}

.item-preview .img-box .img a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.item-preview .img-box .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    transition: transform .15s ease-out;
    transform: scale(1)
}

.item-preview .save-box {
    width: 100%;
    text-align: right
}

.item-preview .save-box .compare-item,
.item-preview .save-box .heart-item {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    top: 3px;
    text-decoration: none;
    cursor: pointer
}

.item-preview .save-box .heart-item:before {
    content: "\E013"
}

.item-preview .save-box .heart-item:after {
    content: "\E00F"
}

.item-preview .save-box .heart-item.active:before {
    opacity: 0
}

.item-preview .save-box .heart-item.active:after {
    opacity: 1
}

.item-preview .save-box .heart-item:after {
    opacity: 0;
    color: #cc1a1a
}

.item-preview .save-box .heart-item:after,
.item-preview .save-box .heart-item:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    font-size: 17px;
    line-height: 1;
    color: #d5d5d5
}

.item-preview .save-box .compare-item {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.item-preview .save-box .compare-item:before {
    content: "\E016"
}

.item-preview .save-box .compare-item.active:before {
    color: #000;
    transition: color .15s ease-out
}

.item-preview .save-box .compare-item:before {
    height: 17px;
    font-size: 17px;
    line-height: 1;
    color: #d5d5d5
}

.item-preview .top-line {
    display: flex;
    align-items: center;
    position: relative
}

.item-preview.item-preview-sale {
    border: 2px solid var(--primary-color) !important
}

.item-preview .delete-item {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    font-size: 30px;
    line-height: 1;
    position: absolute;
    right: -10px;
    top: 10px;
    cursor: pointer
}

.text-fire {
    color: #ff1a13
}

.text-fire:before {
    content: "\E00E";
    height: 12px;
    line-height: 9px;
    font-size: 12px;
    display: inline-block;
    margin-right: 5px
}

.rating {
    display: flex
}

.rating span {
    display: inline-block;
    margin-right: 4px;
    position: relative;
    cursor: pointer
}

.rating span:after,
.rating span:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.rating span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABJUlEQVQokY3Tv0scQRjG8c8dZxO1sBG0ULhCC1GwVBbmYgQbLcTOys4+bQT/B238C1KkCCLYxh1uS9vrAgEL5awTFH9kLdwLy3kb74VhZt55vjwz887I81xVa6fpSTtNW1XrDRWRxfgR+5hHOkhTr4LxpehbWYyfhoazGFdRBg4G6Wp5npehCUzjCGsl3V/s4QK3SQgPUGun6SGW0MQUJlGrOMofdHGFTgMJ1ivE/TFamDSxUscWvg8J9+IeO/UkhHvs4mxI8Dd2kxDO/11YFmMD37D9H/AOm0kIPyiVKgnhCT/fcX1Gpzfpr/PyO/AYFt7AWYwfMNcnvsZjX25xkPMsZorxDT4XLqs4HbS78scYxy98xXESQrfIX2I7i3HD63sf6QEvv4huZ8gt3SwAAAAASUVORK5CYII=")
}

.rating span:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA3UlEQVQokZXRvUoDQRTF8Z9GVCSFNopgZSGIRAgEi3RqkcLKB/AhfAIbH8IyTcoo1ioB3yGdiFgEUvsJGtbCDC6TNbt7YJpzz3/u3DsV03WBVzzl5Ca0jwS9siDcjuEEh2XAZgos3H0FO7iL4BFOsIH5EJ7BGXaxiXWsjv0svWGIZ/ThJupS9HzCIrolwQ8checs4Log+ILjeJ45XOaA7zgIwGwK/sbDP4sKGoVFxTDUc+Cq36+cgJewFYUH+Iq8Wtat2/5mG+AUy2jgKlVrZ8F7eMQ51jLqLdyjE4wfgoBVk9AOLeYAAAAASUVORK5CYII=");
    opacity: 0
}

.rating span.active:after {
    opacity: 1
}

.comment-box {
    display: flex;
    align-items: center
}

.comment-box .icon-message {
    cursor: pointer;
    margin-left: 6px
}

.comment-box .count {
    order: -1
}

.comment-box .count,
.comment-box .icon-message {
    display: inline-flex;
    color: #d5d5d5;
    transition: color .15s ease-out
}

.mark-wrapper {
    display: flex;
    align-items: center
}

.mark-wrapper .comment-box {
    position: relative
}

.mark-wrapper .icon-message {
    color: #000
}

.mark-wrapper .comment-link {
    margin-left: 10px
}

.close-popup-link,
.comment-link,
.text-border-link {
    box-sizing: border-box;
    padding-bottom: 1px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: 700;
    color: #242323;
    transition: color .15s ease-out, border-color .15s ease-out
}

.card-line {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center
}

.price-box .old-price,
.price-box .text-price {
    text-transform: uppercase;
    font-weight: 700
}

.price-box .text-price-tax {
    font-size: 12px;
    color: #999
}

.price-box .old-price {
    position: relative;
    display: inline-block;
    color: #c1bfbf
}

.price-box .old-price:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #c1bfbf
}

.item-icon {
    box-sizing: border-box
}

.item-icon .icon-box,
.item-icon>a {
    display: flex
}

.item-icon .icon-box {
    position: relative;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-color: #e7e7e7;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.item-icon .icon-box,
.item-icon .icon-box:before {
    border-radius: 50%
}

.item-icon .icon-box:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-color: #242323;
    transition: background-color .15s ease-out
}

.item-icon .icon-box i {
    z-index: 1;
    font-size: 25px;
    color: #fff;
}

.item-icon .icon-box .img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    z-index: 1
}

.item-icon .descr {
    color: #8a8888
}

.stickers-box {
    width: 100%
}

.stickers-box,
.stickers-box .text-label {
    display: flex;
    align-items: center
}

.slide-preview {
    border-bottom: none;
    width: auto !important
}

.slide-preview .img-box .img {
    display: flex;
    align-items: center;
    justify-content: center
}

.slide-preview .img-box .img img {
    width: auto;
    height: auto;
    max-width: 100%
}

.slide-preview .img-box .img:hover {
    transform: none !important
}

.slide-preview:hover {
    box-shadow: none !important
}

.items-math-wrapper {
    border: 2px solid #e7e7e7;
    background-color: #e7e7e7;
    justify-content: space-between;
    border-radius: 15px
}

.items-math-wrapper,
.items-math-wrapper .item-math {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 15px
}

.items-math-wrapper .item-math .price {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.items-math-wrapper .item-math .price.large {
    font-size: 30px
}

.items-math-wrapper .item-math .item-box {
    margin-right: 10px
}

.items-math-wrapper .item-math .item-box .img {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.items-review-wrapper.content-container {
    margin-top: 0 !important
}

.items-review-wrapper.items_reviews .comment_icon,
.items-review-wrapper.items_reviews .cons_icon,
.items-review-wrapper.items_reviews .pros_icon {
    position: relative
}

.items-review-wrapper.items_reviews .comment_icon:before,
.items-review-wrapper.items_reviews .cons_icon:before,
.items-review-wrapper.items_reviews .pros_icon:before {
    display: inline-block;
    font-family: Arial, sans-serif;
    position: absolute;
    width: 10px;
    font-weight: 400
}

.items-review-wrapper.items_reviews .pros_icon:before {
    content: "+";
    color: green;
    width: 10px
}

.items-review-wrapper.items_reviews .cons_icon:before {
    content: "-";
    color: red;
    width: 10px
}

.items-review-wrapper.items_reviews .comment_icon:before {
    content: "";
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M12 17h15a1 1 0 1 0 0-2H12a1 1 0 1 0 0 2zM46 23H12a1 1 0 1 0 0 2h34a1 1 0 1 0 0-2zM46 31H12a1 1 0 1 0 0 2h34a1 1 0 1 0 0-2z'/%3E%3Cpath d='M54 2H6C2.748 2 0 4.748 0 8v33c0 3.252 2.748 6 6 6h28.558l9.702 10.673A1.002 1.002 0 0 0 46 57V47h8c3.252 0 6-2.748 6-6V8c0-3.252-2.748-6-6-6zm4 39c0 2.168-1.832 4-4 4h-9a1 1 0 0 0-1 1v8.414l-8.26-9.086-4.982-5.792a.999.999 0 1 0-1.515 1.304L32.821 45H6c-2.168 0-4-1.832-4-4V8c0-2.168 1.832-4 4-4h48c2.168 0 4 1.832 4 4v33z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    width: 14px
}

.item-review {
    margin-bottom: -1px;
    box-sizing: border-box;
    border-top: 1px solid #f8f8f8
}

.item-review:not(:last-of-type) {
    border-bottom: 1px solid #f8f8f8
}

.item-review .like-box .img {
    display: block;
    height: 18px;
    margin: 0 10px 0 0
}

.item-review .like-box .img-dis {
    position: relative;
    top: 3px
}

.item-review .box-row {
    display: flex;
    cursor: pointer
}

.item-review .side.side-user .text {
    margin: 6px 0 8px
}

.item-review .side.side-text .box .descr {
    margin-bottom: 7px
}

.item-review .answer-box {
    background-color: #fff;
    border-radius: 30px;
    display: inline-block
}

.item-review .answer-box .text {
    font-size: 14px
}

.item-review .row-answer {
    margin-top: 20px;
    margin-bottom: 20px
}

.item-review .row-answer .answer-box {
    background-color: #ddd
}

.item-review .row-answer .user .img {
    display: block
}

.item-video .img-box {
    position: relative
}

.item-video .img-box .img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.item-video .text-box {
    box-sizing: border-box
}

.item-preview-popup .text-box {
    height: 55px !important
}

.item-preview-popup .img-box {
    height: auto !important;
    padding-bottom: 10px !important
}

.item-preview-popup .img {
    height: 160px !important
}

.promo-wrapper .img {
    max-width: 100%;
    max-height: 100%
}

.promo-wrapper .side-info {
    width: 100%;
    max-width: 580px;
    position: relative
}

.promo-wrapper .side-info,
.promo-wrapper .side-info .name {
    box-sizing: border-box
}

.wrapper-preview-popup .side-info {
    min-width: 0;
    overflow: hidden
}

.wrapper-preview-popup .side-info .name {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word
}

.promo-wrapper .side-info .article-name {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    margin-bottom: 15px
}

.promo-wrapper .side-info .article-name .box {
    display: flex;
    gap: 5px
}

.promo-wrapper .side-info .btn-choice-size {
    position: relative
}

.promo-wrapper .side-info .btn-choice-size .arrow-choice {
    display: inline-flex;
    position: relative;
    left: 8px
}

.promo-wrapper .side-info .select-line-box .select-box-custom .text-descr {
    margin-right: 20px
}

.promo-wrapper .side-info .block .sub-title {
    margin-bottom: 10px
}

.promo-wrapper .side-preview {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    padding: 10px
}

.promo-wrapper .side-preview,
.promo-wrapper .side-preview .stickers-box {
    box-sizing: border-box
}

.promo-wrapper .text-fire:before {
    font-size: 25px
}

.promo-wrapper .text-box {
    box-sizing: border-box;
    text-align: center
}

.promo-wrapper .change-slider-tab {
    display: flex;
    margin-right: -10px;
    overflow: hidden
}

.promo-wrapper .change-item {
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    flex-shrink: 0
}

.promo-wrapper .change-item.active .img-box {
    border-top-color: #000
}

.promo-wrapper .change-item .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    opacity: 1;
    transition: border-color .15s ease-out, opacity .15s ease-out
}

.promo-wrapper .change-item .icon {
    display: inline-block;
    color: #8a8a8a;
    height: 50px;
    font-size: 50px;
    line-height: 1
}

.promo-wrapper .change-item .play-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.promo-wrapper .change-item .play-btn .icon-pl {
    margin-top: 5px;
    display: block;
    font-size: 30px
}

.promo-wrapper .price-val-link {
    margin-top: 10px
}

.ram-line .ram {
    display: inline-block;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 0 20px;
    border-radius: 30px;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease-out, color .15s ease-out, background-color .15s ease-out
}

.ram-line .ram.active {
    border-color: #242323;
    background-color: #242323;
    pointer-events: none
}

.ram-line .ram.active .text {
    color: #fff
}

.ram-line .ram .text {
    transition: color .15s ease-out
}

.promo-price-wrapper {
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    box-shadow: 0 4px 16px hsla(0, 0%, 56%, .1);
    border-radius: 10px;
    align-items: center
}

.promo-price-wrapper,
.promo-price-wrapper .tooltip {
    display: flex
}

.promo-price-wrapper .tooltip .icon {
    width: 15px;
    height: 15px;
    background-color: #e7e7e7;
    border-radius: 50%;
    text-align: center;
    line-height: 15px
}

.promo-price-wrapper .tooltip .descr {
    margin-left: 10px
}

.promo-price-wrapper .col-btn {
    text-align: center
}

.promo-price-wrapper .col-tooltip .tooltip {
    position: relative
}

.promo-price-wrapper .col-tooltip .tooltip .tooltip-aside {
    left: 0;
    white-space: nowrap;
    right: auto;
    top: -30px
}

.promo-price-wrapper .col-tooltip .tooltip .icon {
    cursor: pointer
}

.promo-price-wrapper .user-btn {
    padding: 0 !important;
    margin: 10px auto
}

.promo-price-wrapper .user-btn .icon {
    font-size: 20px
}

.promo-price-wrapper .user-btn.active .icon {
    color: #242323
}

.promo-price-wrapper .min-descr {
    box-sizing: border-box;
    padding-right: 20px
}

.promo-price-wrapper .label-descr {
    margin-top: 15px;
    margin-bottom: 15px
}

.promo-price-wrapper .col-form {
    margin-right: 10px
}

.promo-icon-wrapper {
    margin: 10px 0;
    border: 1px solid #e7e7e7;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box
}

.promo-icon-wrapper .icon-block {
    cursor: pointer
}

.promo-tab-slider .swiper-slide {
    width: auto
}

.promo-icon-wrapper .box-icon i {
    color: #fff;
    font-size: 18px
}

.promo-icon-wrapper .icon-block.active .box-icon {
    background-color: var(--primary-color)
}

.promo-icon-wrapper .box-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #242323;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .15s ease-out
}

.border-line-box {
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 10px;
    line-height: 20px;
    margin-bottom: 10px
}

.border-line-box,
.wrapper-preview-popup .side-img {
    box-sizing: border-box
}

.wrapper-preview-popup .side-img {
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper-preview-popup .side-img .img {
    display: block;
    max-width: 100%;
    width: 100%
}

.page-widget {
    box-sizing: border-box
}

.page-widget .control-line,
.tab-widget .control-line {
    display: flex;
    margin-bottom: 20px
}

.page-widget .tab-btn,
.tab-widget .tab-btn {
    cursor: pointer
}

.page-widget .tab-btn.active,
.tab-widget .tab-btn.active {
    color: #242323;
    border-color: #242323
}

.page-widget .tab-btn-line,
.tab-widget .tab-btn-line {
    margin-right: 10px;
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    border-top: 2px solid transparent;
    color: #8a8888;
    transition: color .15s ease-out, border-color .15s ease-out;
    cursor: pointer;
    white-space: nowrap
}

.page-widget .icon-block.active .box-icon,
.tab-widget .icon-block.active .box-icon {
    background-color: var(--primary-color)
}

.tab-widget-slider {
    margin-bottom: 15px;
    position: relative
}

.tab-widget-slider .swiper-slide {
    width: auto
}

.tab-widget-slider .tab-btn-line {
    margin-right: 0
}

.article-page article {
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px
}

.article-page article img {
    max-width: 100%
}

.article-page article p {
    box-sizing: border-box;
    padding-right: 10px
}

.article-page .author-info-line {
    position: relative;
    box-sizing: border-box
}

.article-page .author-info-line .text {
    color: #c1bfbf
}

.article-page h1 {
    max-width: 560px
}

.article-page .form-btn-line {
    margin: 30px 0
}

.commentary-wrapper {
    background-color: #fff;
    box-sizing: border-box
}

.commentary-wrapper .descr-box {
    margin-bottom: 25px;
    display: flex;
    align-items: center
}

.commentary-wrapper .textarea {
    background-color: #313131;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 25px;
    width: 100%;
    margin-bottom: 20px;
    font-family: RobotoCondensed, Helvetica, Arial, sans-serif
}

.commentary-wrapper .textarea.textarea-top {
    min-height: 170px
}

.commentary-wrapper .textarea.textarea-comment {
    min-height: 100px;
    margin: 25px 0
}

.commentary-wrapper .textarea.textarea-comment+.descr-box {
    margin-bottom: 0
}

.commentary-wrapper .social-wrapper {
    margin-right: 20px
}

.commentary-wrapper .input-custom {
    height: 30px
}

.commentary-wrapper .commentary-box {
    box-sizing: border-box;
    border-top: 1px solid #f5f5f5
}

.commentary-wrapper .icon-arrow-comment {
    height: 5px;
    font-size: 5px;
    line-height: 1;
    position: relative
}

.commentary-wrapper .comment {
    margin-bottom: 30px
}

.commentary-wrapper .btn-comment {
    margin-top: 20px
}

.avatar-icon {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.aside-box {
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 15px
}

.aside-box:not(:last-of-type) {
    margin-bottom: 25px
}

.aside-box .comment {
    box-sizing: border-box;
    padding: 15px 0
}

.aside-box .comment:not(:last-of-type) {
    border-bottom: 1px solid #f5f5f5
}

.aside-box .aside-news-item {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 0
}

.aside-box .aside-news-item,
.aside-box .aside-news-item .title {
    box-sizing: border-box
}

.aside-box .aside-news-item .title {
    transition: color .1s ease-out;
    margin-bottom: 10px;
    display: inline-block;
    padding-right: 20px
}

.aside-box .arrow-link {
    margin-top: 20px;
    display: inline-block
}

.aside-box .line,
.aside-box .line-center {
    box-sizing: border-box;
    padding-bottom: 15px
}

.aside-box .line {
    border-bottom: 1px solid #f5f5f5
}

.aside-box .line-center {
    text-align: center
}

.aside-box .subtitle {
    margin: 15px 0
}

.aside-box .adv {
    max-width: 100%;
    width: 100%
}

.aside-box img {
    max-width: 100%
}

.mark {
    box-sizing: border-box;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 5px
}

.mark.mark-orange {
    background-color: var(--primary-color)
}

.mark.mark-black {
    background-color: #242323;
    color: #fff
}

.checkout-wrapper .side {
    background-color: #fff
}

.checkout-wrapper .side .block {
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5
}

.checkout-wrapper .side .block .block-box:not(:last-of-type) {
    margin-bottom: 15px
}

.checkout-wrapper .side .block .block-box .title {
    margin-bottom: 10px
}

.checkout-wrapper .side.side-left {
    max-width: 695px
}

.checkout-wrapper .side.side-right {
    border-left: 1px solid #f5f5f5
}

.checkout-wrapper .link-enter {
    display: inline-block;
    margin-left: 10px
}

.checkout-wrapper .check-delivery-wrapper {
    display: flex
}

.checkout-wrapper .check-delivery-wrapper .check-delivery-item {
    position: relative;
    width: 170px;
    height: 55px;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer
}

.checkout-wrapper .check-delivery-wrapper .check-delivery-item.active {
    background-color: var(--primary-color)
}

.checkout-wrapper .check-delivery-wrapper .check-delivery-item:not(.active) .title {
    color: #8a8888
}

.checkout-wrapper .check-delivery-wrapper .check-delivery-item:not(.active) .hidden-descr {
    display: none
}

.checkout-wrapper .check-delivery-wrapper .check-delivery-item .title {
    margin-bottom: 5px;
    transition: color .15s ease-out
}

.checkout-wrapper .check-delivery-wrapper .icon-check {
    height: 5px;
    font-size: 5px;
    line-height: 1;
    position: relative;
    top: -1px;
    left: 5px
}

.checkout-wrapper .select-line-box {
    margin-bottom: 40px
}

.checkout-wrapper .label-input {
    margin-bottom: 20px
}

.checkout-wrapper .radio label span:not(.color) {
    display: block
}

.checkout-wrapper .radio label span.color {
    display: none
}

.checkout-wrapper .radio + .radio {
    margin-top: 0
}

.checkout-wrapper .radio.radio-270 {
    max-width: 270px
}

.checkout-wrapper .row-radio .text-price {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 110px
}

.checkout-wrapper .subtitle {
    margin-bottom: 20px
}

.checkout-wrapper .textarea-custom {
    margin-bottom: -4px
}

.checkout-wrapper .text-access {
    margin-top: 24px
}

.checkout-wrapper .text-access .link {
    display: inline-block;
    margin-top: 5px
}

.checkout-wrapper .bg-grey {
    background-color: #f8f8f8
}

.checkout-wrapper .block-descr {
    box-sizing: border-box;
    padding-left: 30px
}

.item-checkout {
    display: flex;
    position: relative
}

.item-checkout:not(:last-of-type) {
    border-bottom: 1px solid #f5f5f5
}

.item-checkout .img-box {
    box-sizing: border-box;
    border-right: 1px solid #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.item-checkout .img-box .img {
    max-width: 100%;
    max-height: 100%
}

.item-checkout .text-box {
    box-sizing: border-box;
    padding-top: 15px;
    padding-left: 15px
}

.item-checkout .text-box .title {
    display: inline-block;
    margin-bottom: 10px;
    min-width: 275px;
}

.item-checkout .close-checkout {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f5f5f5;
    position: absolute;
    top: -1px;
    right: -1px;
    cursor: pointer;
    background-color: #fff;
    transition: background-color .15s ease-out
}

.item-checkout .close-checkout .icon-close {
    height: 20px;
    font-size: 20px;
    line-height: 1
}

.item-checkout .count {
    display: flex;
    align-items: center;
    margin-right: 15px;
    white-space: nowrap;
    font-size: 14px
}

.personal-wrapper {
    align-items: center
}

.personal-info-block,
.personal-wrapper {
    width: 100%;
    display: flex
}

.personal-info-block {
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
    background-color: #000
}

.personal-info-block .com {
    margin-bottom: 4px
}

.personal-info-block .com,
.personal-info-block .name {
    color: #fff
}

.about-personal-container {
    box-sizing: border-box;
    position: relative
}

.credit-page {
    background-color: #f8f8f8
}

.credit-page .side-items-wrapper {
    margin-top: 30px;
    background-color: #fff
}

.side-items-wrapper .top-img {
    max-width: 100%
}

.side-items-wrapper .block {
    box-sizing: border-box;
    padding: 40px 20px
}

.side-items-wrapper .block-content {
    padding: 30px 20px
}

.side-items-wrapper .title-block {
    text-align: center
}

.side-items-wrapper .title-block .descr {
    margin-top: 20px
}

.side-items-wrapper .link {
    color: var(--primary-color);
    font-weight: 700
}

.side-items-wrapper .items-wrapper .item {
    text-align: center
}

.side-items-wrapper .items-wrapper .item .title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.side-items-wrapper .items-wrapper .icon {
    width: 95px;
    height: 95px;
    margin-left: auto;
    margin-right: auto
}

.side-items-wrapper .items-wrapper .icon .img {
    max-width: 100%;
    max-height: 100%
}

.side-items-wrapper .items-wrapper .icon.icon-1 {
    background-image: url("../images/sprite.png");
    background-position: 1% 0
}

.side-items-wrapper .items-wrapper .icon.icon-2 {
    background-image: url("../images/sprite.png");
    background-position: 34% 0
}

.side-items-wrapper .items-wrapper .icon.icon-3 {
    background-image: url("../images/sprite.png");
    background-position: 68% 0
}

.side-items-wrapper .items-wrapper .icon.icon-4 {
    background-image: url("../images/sprite.png");
    background-position: 100% 0
}

.side-items-wrapper .items-wrapper .icon.icon-3-1 {
    background-image: url("../images/sprite-2.png");
    background-position: 2% -15px
}

.side-items-wrapper .items-wrapper .icon.icon-3-2 {
    background-image: url("../images/sprite-2.png");
    background-position: 34% -15px
}

.side-items-wrapper .items-wrapper .icon.icon-3-3 {
    background-image: url("../images/sprite-2.png");
    background-position: 66% -15px
}

.side-items-wrapper .items-wrapper .icon.icon-3-4 {
    width: 105px;
    background-image: url("../images/sprite-2.png");
    background-position: 97% -15px
}

.side-items-wrapper .tab-widget {
    margin-top: 35px
}

.side-items-wrapper .tab-widget .tab-widget-btn {
    text-align: center;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%
}

.side-items-wrapper .tab-widget .tab-btn-line {
    border-top: none;
    border-bottom: 2px solid transparent;
    padding: 8px 0;
    font-size: 16px
}

.side-items-wrapper .tab-widget .tab-btn-line.active {
    border-bottom-color: #242323
}

.side-items-wrapper .form-wrapper {
    box-sizing: border-box;
    position: relative
}

.side-items-wrapper .form-wrapper .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.side-items-wrapper .form-wrapper .form-box,
.side-items-wrapper .form-wrapper .text-box {
    position: relative;
    z-index: 1
}

.side-items-wrapper .form-wrapper .text-box .title {
    font-weight: 700;
    margin-bottom: 20px
}

.side-items-wrapper .form-wrapper .form-box .box {
    position: relative;
    text-align: center
}

.side-items-wrapper .form-wrapper .form-box .box .title {
    margin-bottom: 5px
}

.side-items-wrapper .form-wrapper .btn,
.side-items-wrapper .form-wrapper .form-box .input-custom {
    height: 40px;
    line-height: 40px;
    border-radius: 20px
}

.side-items-wrapper .form-wrapper .btn {
    text-align: center;
    background-color: #242323
}

.side-items-wrapper .form-wrapper .btn .text {
    font-weight: 700;
    color: #fff
}

.side-items-wrapper .partners-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.side-items-wrapper .partners-items-wrapper .item .img {
    max-width: 100%
}

.side-items-wrapper .hover-items-wrapper .item {
    position: relative;
    padding: 20px 15px;
    box-sizing: border-box;
    box-shadow: none;
    transition: background-color .15s ease-out, box-shadow .15s ease-out;
    border-radius: 25px
}

.side-items-wrapper .hover-items-wrapper .link-block {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .15s ease-out
}

.why-choose-us {
    margin-bottom: 60px
}

.why-choose-us .hover-items-wrapper .item {
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.why-choose-us .hover-items-wrapper .item:hover .link-block {
    opacity: 1
}

.side-items-wrapper .hover-items-wrapper .link-block .text {
    font-size: 12px;
    margin-right: 10px
}

.credit-items-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap
}

.credit-items-wrapper .credit-item {
    margin-left: 15px;
    margin-right: 15px;
    width: 240px;
    box-sizing: border-box;
    border-radius: 25px;
    background-color: #fff
}

.credit-items-wrapper .credit-item .top-box {
    box-sizing: border-box;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    align-items: center
}

.credit-items-wrapper .credit-item .top-box .number {
    font-size: 50px;
    font-weight: 700;
    color: var(--primary-color);
    margin-right: 10px
}

.credit-items-wrapper .credit-item .top-box .title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.credit-items-wrapper .credit-item .text-box {
    box-sizing: border-box
}

.credit-items-wrapper .credit-img-item .img {
    max-width: 100%
}

.filter-wrapper {
    box-sizing: border-box
}

.filter-wrapper .toggle-line {
    margin: -1px;
    justify-content: space-between;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .2s cubic-bezier(.215, .61, .355, 1)
}

.filter-wrapper .toggle-line,
.filter-wrapper .toggle-line .plus-icon {
    align-items: center;
    display: flex
}

.filter-wrapper .toggle-line .plus-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    justify-content: center;
    color: #242323;
    transform: rotate(0deg);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1)
}

.filter-wrapper .toggle-line .plus-icon:before {
    content: "\E001";
    display: block
}

.filter-wrapper .toggle-line .title {
    transition: color .2s cubic-bezier(.215, .61, .355, 1)
}

.filter-wrapper .toggle-line.active .plus-icon {
    transform: rotate(-90deg)
}

.filter-wrapper .toggle-line.active+.hidden-box {
    display: block;
    opacity: 1;
    visibility: visible
}

.filter-wrapper .filter-block {
    margin-bottom: -1px;
    box-sizing: border-box;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    transition: border-color .5s cubic-bezier(.215, .61, .355, 1)
}

.filter-wrapper .filter-block .label-city {
    line-height: 50px
}

.filter-wrapper .box-content {
    box-sizing: border-box;
    padding: 0 20px
}

.filter-wrapper .hidden-box {
    opacity: 0;
    visibility: hidden;
    transition: visibility .5s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1)
}

.filter-wrapper .hidden-box.hidden {
    display: none
}

body,
html {
    width: 100%;
    height: 100%
}

body.overflow,
html.overflow {
    overflow: hidden
}

body {
    font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #242323;
    font-size: 14px
}

body.fixed {
    padding-top: 41px
}

body.fixed .fix_line {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .06)
}

body.fixed .fix_line .logo-box,
body.fixed .fix_line .row-helper {
    opacity: 1;
    visibility: visible
}

body.fixed .fix_line .logo-box {
    top: 7px
}

body.fixed .fix_line .logo-text {
    position: relative;
    top: -2px
}

body.fixed .fix_line .nav-line {
    height: 41px
}

body.fixed .fix_line .input-search {
    height: 39px;
    line-height: 38px
}

body.fixed .card-drop-container {
    top: 41px
}

#page {
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box
}

#content {
    background-color: #f8f8f8
}

.section-content {
    margin-top: 0;
    margin-bottom: 0
}

.section-content .signboard-wrapper {
    box-sizing: border-box
}

.mt-0,
.mtb-0 {
    margin-top: 0
}

.mtb-0 {
    margin-bottom: 0
}

.section:last-of-type,
section:last-of-type {
    margin-bottom: 0;
    box-sizing: border-box
}

.section:last-of-type {
    margin-bottom: 0;
    padding-bottom: 60px
}

.section-popup {
    box-sizing: border-box;
    padding-top: 200px
}

.comment-link,
.description-list>li {
    cursor: pointer
}

.content-row .catalog-control-line .check-link.down:before {
    content: "\E005"
}

.color-wrapper .color-item {
    border-color: #f8f8f8
}

.content-row .preview-content-full {
    width: 100%;
    max-width: 100%
}

.popup .box-text a {
    text-decoration: underline
}

.comment .text-box {
    margin-left: 0
}

.commentary-wrapper .commentary-box {
    border-top: none;
    margin-top: 15px
}

.mfilter-light-theme .mfilter-heading-text>span {
    word-break: break-word
}

@media only screen and (max-width:748px) {

    .container,
    .container-wide {
        padding: 0 15px
    }

    .wide-m {
        width: 100%
    }

    .line-row.mobile-col,
    .row.mobile-col {
        flex-direction: column
    }

    .wrap-m {
        flex-wrap: wrap
    }

    .nowrap-m {
        flex-wrap: nowrap
    }

    .hide-m {
        display: none !important
    }

    .box.p-m-0 {
        padding: 0 !important
    }

    .box.p-b-m-0 {
        padding-bottom: 0 !important
    }

    .link-16-border,
    .p,
    .text-16,
    .text-16-b,
    .text-18,
    .text-18-b,
    .text-custom,
    .title-16,
    h3 {
        font-size: 14px
    }

    .text-20,
    .text-20-b,
    .title-20 {
        font-size: 16px
    }

    .text-24 {
        font-size: 18px
    }

    .h2,
    .text-22-b,
    .text-30,
    .text-30-b,
    .title-30-l {
        font-size: 16px
    }

    .h1 {
        font-size: 30px
    }

    .wrapper-title {
        font-size: 20px
    }

    .p,
    p {
        margin: 20px 0
    }

    .close-popup-link {
        font-size: 10px !important
    }

    .link-orange {
        font-size: 12px;
        line-height: 15px
    }

    .title-48 {
        font-size: 34px
    }

    .title-28,
    .title-34 {
        font-size: 25px
    }

    .cd-popup .popup {
        box-sizing: border-box;
        padding: 0 20px
    }

    .cd-popup .popup .popup-content {
        padding: 20px
    }

    .cd-popup .popup .popup-content.popup-content-preview {
        margin-left: -20px;
        margin-right: -20px
    }

    .cd-popup .popup .popup-content .text-box .title-box {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 30px;
        padding-bottom: 20px;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center
    }

    .cd-popup .popup .popup-content .text-box .descr {
        max-width: 390px
    }

    .cd-popup .popup .popup-content .btn-box {
        width: 100%
    }

    .cd-popup .popup .popup-content .btn-box .btn-row {
        display: block
    }

    .cd-popup .popup .popup-content .btn-box .btn-row .btn:not(:first-of-type) {
        margin-top: 10px
    }

    .cd-popup .popup .popup-content .btn-box .btn {
        width: 100%
    }

    .cd-popup .popup .popup-content .btn-box:not(:last-of-type),
    .cd-popup .popup .popup-content .input-wrapper {
        margin-bottom: 30px
    }

    .cd-popup .close-popup-icon {
        top: 5px;
        right: 5px
    }

    .cd-popup .article-name {
        padding-right: 0 !important
    }

    .cd-popup .article-name .status-wrapper {
        box-sizing: border-box;
        padding-right: 10px
    }

    .cd-popup .side-info,
    .cd-popup .side-info .name {
        padding-top: 0 !important
    }

    .cd-popup .side-info .name {
        font-size: 16px
    }

    .cd-popup .side-info .btn {
        width: 140px;
        height: 30px;
        font-size: 14px
    }

    .cd-popup .side-info .btn .text {
        font-size: 14px !important
    }

    .cd-popup .side-info .box {
        width: 100%
    }

    .cd-popup .side-info .status-wrapper {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center
    }

    .cd-popup .side-info .price-box .title-price {
        font-size: 20px !important;
        margin-bottom: 20px
    }

    .cd-popup .side-img {
        align-items: flex-start
    }

    .popup-content-wide {
        width: 100%
    }

    .popup-content-min .box-phone-label {
        text-align: center;
        margin: 30px auto 40px !important
    }

    .popup-content-min .box-phone-label .form-btn-line .input-custom {
        margin-top: 30px;
        width: 100%
    }

    .popup-content-min .btn {
        width: 100% !important;
        height: 40px !important
    }

    .popup-content-min .btn .text {
        font-size: 14px
    }

    .btn.btn-as-cart,
    .btn.btn-cart {
        width: 60px;
        height: 20px
    }

    .btn.w-190 {
        width: 140px;
        height: 30px
    }

    .btn.w-120 {
        width: 120px;
        height: 30px
    }

    .btn.w-160 {
        width: 160px;
        height: 40px
    }

    .btn.w-210 {
        width: 210px;
        height: 40px
    }

    .btn .text {
        font-size: 10px
    }

    .btn .text .icon-check {
        left: 3px;
        height: 4px;
        font-size: 4px;
        line-height: 4px
    }

    .ui-slider .ui-slider-handle:first-of-type:before {
        margin-left: -11px
    }

    .ui-slider .ui-slider-handle:last-of-type:before {
        margin-left: -12px
    }

    .radio .text-box {
        margin-top: 11px;
        margin-bottom: 18px
    }

    .radio .text-box .descr {
        font-size: 14px;
        line-height: 20px
    }

    .radio:not(:last-of-type) {
        margin-bottom: 15px
    }

    .checkbox input[type=checkbox]+label,
    .radio input[type=checkbox]+label {
        font-size: 12px
    }

    .checkbox input[type=radio]+label,
    .radio input[type=radio]+label {
        font-size: 14px;
        line-height: 20px
    }

    .input-custom {
        height: 30px;
        line-height: 20px;
        padding-left: 10px
    }

    .input-custom.w-224 {
        width: 140px
    }

    .textarea-custom.w-310 {
        width: 310px
    }

    .textarea-custom.w-360 {
        width: 360px
    }

    .input-custom.w-195 {
        width: 195px
    }

    .form-btn-line .btn {
        width: 50%
    }

    .form-btn-line .btn .text {
        font-size: 14px
    }

    .form-btn-line .btn,
    .form-btn-line .input-custom {
        height: 30px;
        line-height: 30px
    }

    .select-box-custom.select_city {
        width: 100%
    }

    .select-box-custom.select_city .select_wrapper {
        flex-grow: 1;
        width: auto !important
    }

    .catalog-menu {
        width: 100%;
        height: 100%
    }

    .catalog-container {
        padding: 0
    }

    .page-transform #page,
    .page-transform footer {
        transform: translateX(240px)
    }

    .side-bar-container {
        width: 240px;
        transform: translateX(-240px)
    }

    .side-bar-container .side-box-container>li .link,
    .side-bar-container .side-box-container>li span {
        padding: 15px 20px
    }

    .side-bar-catalog .side-bar-wrapper,
    .side-bar-container .side-bar-wrapper {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-height: 100%
    }

    .side-bar-catalog .text-icon-box .label,
    .side-bar-container .text-icon-box .label {
        right: 0
    }

    .block-m {
        display: block !important
    }

    .container-profile .input-line {
        width: 100%
    }

    .container-profile .input-line .input-custom {
        width: 100%;
        height: 30px;
        margin-bottom: 15px
    }

    .container-profile .table-history-box .line {
        margin-bottom: 20px
    }

    .container-profile .table-history-box .line .col-title {
        margin-bottom: 5px
    }

    .container-profile .table-history-box .line-preview {
        display: flex;
        margin-bottom: 0
    }

    .container-profile .table-history-box .line-preview .col-title {
        margin-right: 10px;
        max-width: 80px;
        width: 80px
    }

    .container-profile .delivery-text-row {
        margin-bottom: 15px
    }

    .container-profile .delivery-text-price {
        padding: 20px 0 0
    }

    .container-profile .row-signature .text {
        margin-bottom: 20px
    }

    .container-profile .btn-row {
        display: block
    }

    .container-profile .btn-row .btn {
        width: 100%;
        margin-bottom: 10px
    }

    .container-profile .btn-row .btn .text {
        font-size: 12px
    }

    .container-profile .row-data .col-title {
        margin-bottom: 10px
    }

    .search-wrapper.open .search-btn {
        color: #242323 !important
    }

    .search-wrapper .icon-close {
        right: 10px
    }

    .user-wrapper .social_popup {
        bottom: -5px
    }

    .user-wrapper .user-btn {
        padding: 15px
    }

    .title-control-container {
        margin-bottom: 20px
    }

    .title-control-row {
        flex-wrap: wrap
    }

    .slider-control-wrapper {
        width: 100%;
        justify-content: space-between
    }

    .slider-control-wrapper .arrow-link {
        display: none
    }

    .arrow-black,
    .arrows-box .arrow {
        width: 30px;
        height: 30px
    }

    .signboard-wrapper {
        margin-left: -15px;
        margin-right: -15px
    }

    .signboard-wrapper .text-side {
        height: 160px
    }

    .signboard-wrapper .wide-side {
        box-sizing: border-box;
        padding: 20px 0
    }

    .items-wrapper.preview-items-wrapper {
        flex-wrap: wrap;
        display: flex;
        margin-right: -10px;
        margin-bottom: -10px
    }

    .items-wrapper.preview-items-wrapper .item-preview {
        margin: 0 auto 10px;
        width: 48%;
        max-width: 220px
    }

    .items-wrapper.custom-items-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-right: -10px
    }

    .items-wrapper.custom-items-wrapper .item-preview,
    .items-wrapper.custom-items-wrapper .item-news {
        margin: 0 3px 10px;
        width: 48%;
        max-width: 220px
    }

    .tag-line {
        box-sizing: border-box;
        padding: 16px 0
    }

    .wrapper-descr h1,
    article h1 {
        font-size: 30px
    }

    .wrapper-descr h2,
    article h2 {
        font-size: 20px
    }

    .wrapper-descr ol,
    .wrapper-descr ul,
    article ol,
    article ul {
        margin: 20px 0
    }

    .wrapper-descr {
        margin: 0 15px;
        padding: 20px
    }

    .container .wrapper-descr {
        margin: 0 !important
    }

    .show_more_block .title-top,
    .show_more_block h2,
    .wrapper-descr .title-top,
    .wrapper-descr h2 {
        font-size: 20px
    }

    .show_more_block .row-title-panel,
    .wrapper-descr .row-title-panel {
        padding-bottom: 0
    }

    .wrapper-descr-panel .side-description {
        width: 180px;
        min-width: 180px
    }

    .wrapper-descr-panel .side-content {
        border-radius: 15px;
        padding: 0 20px
    }

    .wrapper-descr-panel .side-content .box {
        padding: 15px 0
    }

    .wrapper-descr-panel .side-content .box .line span {
        font-size: 12px
    }

    .wrapper-descr-panel .side-content .box .line .title {
        width: 100%;
        max-width: 70%;
        box-sizing: border-box;
        padding-right: 10px;
        font-size: 12px
    }

    .wrapper-descr-panel .side-content .box .line .title+span {
        min-width: 90px;
        display: inline-block;
        text-align: right
    }

    .wrapper-descr-panel .side-content .box-img .text-14 {
        font-size: 12px
    }

    .video-block {
        padding-top: 80%
    }

    .status-wrapper .item {
        font-size: 10px
    }

    .wrapper-profile {
        padding: 20px
    }

    .wrapper-profile .box .title-box {
        font-size: 16px !important
    }

    .wrapper-profile .descr {
        font-size: 12px
    }

    .wrapper-profile-enter .btn .text {
        font-size: 14px
    }

    .wrapper-profile-enter .mobile-line {
        height: 50px;
        line-height: 50px;
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        box-sizing: border-box;
        margin: 30px -20px 20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .row-delivery-profile {
        padding: 20px
    }

    .row-delivery-profile .delivery-preview-link {
        padding: 20px 0
    }

    .row-delivery-profile .delivery-preview-link .img-box {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .row-delivery-profile .status-row {
        margin-bottom: 15px
    }

    .content-slider-box {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
        padding: 10px 20px 20px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }

    .container-delivery-img {
        display: block
    }

    .delivery-img {
        height: 200px;
        width: 100%
    }

    .delivery-img .video-block {
        padding-top: 0
    }

    .delivery-img .img-block {
        height: 100%
    }

    .block-404.block-title {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        padding: 20px 0
    }

    .block-404 .title {
        font-size: 100px
    }

    .row-404 {
        margin-bottom: 20px
    }

    .container-profile-delivery .delivery-text-price {
        padding-top: 0
    }

    .profile-preview-row .item-checkout {
        width: 100%
    }

    .profile-preview-container .profile-pay .delivery-text-price {
        padding-bottom: 20px
    }

    .row-enter .btn-enter {
        margin: 20px 0
    }

    .title-container {
        padding: 20px !important
    }

    .title-container h1 {
        font-size: 18px
    }

    .side-wrapper .side-text {
        padding: 0 20px 0
    }

    .side-wrapper .text-container .text.text-11 {
        font-size: 11px
    }

    .side-wrapper.text-side-wrapper {
        padding-top: 60px
    }

    .side-wrapper.img-side-wrapper {
        padding-bottom: 25px !important
    }

    .side-wrapper-video .bg-img-wrapper {
        bottom: 125px
    }

    .side-wrapper-video .side-text {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .side-wrapper-video .title {
        font-size: 18px
    }

    .side-wrapper-video .side-img {
        width: 290px
    }

    .side-wrapper-video .video-button .img {
        width: 35px
    }

    .items-icons-wrapper .item {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto
    }

    .items-icons-wrapper .item:not(:last-of-type) {
        margin-bottom: 30px
    }

    .video-popup .video-content {
        padding-top: 58%;
        width: 100%
    }

    .video-popup .close {
        top: 10px;
        right: 10px
    }

    header .middle-line .search-wrapper {
        position: absolute;
        left: 0;
        top: 49px;
        pointer-events: none
    }

    header .middle-line .search-wrapper.open {
        display: block !important;
        pointer-events: auto
    }

    header .middle-line .search-wrapper.open .input-search {
        display: block !important
    }

    header .middle-line .icon-search {
        margin-top: -59px !important;
        right: 60px !important;
        color: #242323 !important;
        pointer-events: auto
    }

    header .middle-line .input-search {
        display: none
    }

    header .middle-line .input-search:focus+.icon-search {
        color: #242323 !important
    }

    .search-wrapper-container {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        display: none
    }

    .search-wrapper {
        width: 100%
    }

    .search-wrapper .hidden-block-wrapper {
        width: 100%;
        top: 49px
    }

    .search-wrapper.open .input-search {
        display: block
    }

    .contact-wrapper .footer-content,
    footer .footer-content {
        padding: 30px 0
    }

    .contact-wrapper .footer-content .row-wide-j,
    footer .footer-content .row-wide-j {
        flex-direction: column
    }

    .contact-wrapper .footer-links-block,
    footer .footer-links-block {
        margin-bottom: 20px
    }

    .contact-wrapper .footer-links-block.soc,
    footer .footer-links-block.soc {
        align-items: flex-start
    }

    .contact-wrapper .footer-links-block.soc .link,
    footer .footer-links-block.soc .link {
        width: 50px
    }

    .contact-wrapper .footer-links-block.soc .hide-box,
    footer .footer-links-block.soc .hide-box {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }

    .contact-wrapper .footer-links-block .title,
    footer .footer-links-block .title {
        width: 100%;
        position: relative
    }

    .contact-wrapper .footer-links-block .title.active:after,
    .contact-wrapper .footer-links-block .title~.hide-box,
    footer .footer-links-block .title.active:after,
    footer .footer-links-block .title~.hide-box {
        display: none
    }

    .contact-wrapper .footer-links-block .title.active~.hide-box,
    footer .footer-links-block .title.active~.hide-box {
        display: flex
    }

    .contact-wrapper .footer-links-block .soc-icon,
    footer .footer-links-block .soc-icon {
        width: 50px
    }

    .contact-wrapper .footer-links-block .soc-icon+span,
    footer .footer-links-block .soc-icon+span {
        display: none
    }

    .contact-wrapper .soc-img,
    footer .soc-img {
        margin-top: 10px;
        margin-bottom: 20px;
        box-sizing: border-box;
        padding: 0 30px
    }

    .contact-wrapper .pay-row,
    footer .pay-row {
        justify-content: center
    }

    .contact-wrapper .footer-bottom,
    footer .footer-bottom {
        text-align: center;
        padding-top: 70px;
        display: block
    }

    .contact-wrapper .footer-bottom .text-right,
    footer .footer-bottom .text-right {
        text-align: center
    }

    .contact-wrapper .footer-bottom .col-250,
    footer .footer-bottom .col-250 {
        margin: 20px auto
    }

    .contact-wrapper .logo-box,
    footer .logo-box {
        top: 25px;
        transform: translate(-50%)
    }

    .contact-wrapper .hide-box,
    footer .hide-box {
        margin-top: 15px
    }

    .contact-wrapper .contact-form .title-line .box-wide,
    .container-profile .contact-form .title-line .box-wide {
        padding-top: 0
    }

    .contact-wrapper .contact-form.delivery-form .line-row .col-title,
    .container-profile .contact-form.delivery-form .line-row .col-title {
        width: 50px
    }

    .contact-wrapper .footer-links-block,
    .container-profile .footer-links-block {
        padding-right: 20px;
        margin-bottom: 10px
    }

    .contact-wrapper .footer-links-block .box,
    .container-profile .footer-links-block .box {
        padding-right: 20px
    }

    .contact-wrapper .footer-links-block .title,
    .container-profile .footer-links-block .title {
        margin-bottom: 20px
    }

    .contact-wrapper .footer-links-block .title:after,
    .contact-wrapper .footer-links-block .title:before,
    .container-profile .footer-links-block .title:after,
    .container-profile .footer-links-block .title:before {
        display: none
    }

    .map-wrapper {
        padding-top: 111%
    }

    .img-contact-wrapper {
        padding-top: 92%
    }

    .slide-top {
        right: 20px;
        top: -60px
    }

    .slide-top-arrow {
        width: 40px;
        height: 40px
    }

    .brand_slider {
        padding: 0 15px
    }

    .brand_slider .swiper-slide {
        width: 140px
    }

    .slider-col-6 {
        padding: 15px;
        margin: -15px
    }

    .slider-col-6 .swiper-slide {
        width: calc((100% - 10px) / 2)
    }

    .slider-col-6 .item-preview,
    .slider-col-6 .item-news {
        width: 100%
    }

    .brand-slide {
        width: 145px;
        height: 90px
    }

    .index-1 .brand-slide {
        height: auto;
        padding: 10px 0
    }

    .brand-slide .brand {
        width: 145px;
        height: 90px
    }

    .main_promo_slider {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        box-sizing: border-box;
        height: 220px
    }

    .main_promo_slider .img-box .img {
        max-height: 380px
    }

    .main_promo_slider .img-box .label-box {
        top: 0;
        left: 0
    }

    .main_promo_slider .swiper-pagination-bullets {
        position: absolute;
        bottom: -3px;
        text-align: center
    }

    .container-catalog {
        padding-right: 60px
    }

    .container-catalog.centered {
        padding-right: 0
    }

    .container-catalog .slider-col-3 {
        overflow: visible
    }

    .promo-popup-slider {
        overflow: visible;
        padding-bottom: 40px
    }

    .promo-popup-slider .swiper-slide {
        width: auto !important
    }

    .slider-compare {
        margin-left: 5px
    }

    .popup-slide-left {
        left: -20px
    }

    .popup-slide-right {
        right: -20px
    }

    .main-top-wrapper {
        height: 360px
    }

    .main-top-wrapper .main-top-container {
        text-align: center;
        justify-content: center
    }

    .main-top-wrapper .main-top-container .h1 {
        margin-bottom: 7px
    }

    .card-drop-container {
        top: 50px;
        max-width: 450px;
        width: 100%;
        position: fixed;
        padding-bottom: 60px;
        z-index: 10;
        max-height: calc(100% - 50px);
        overflow: auto
    }

    .card-drop-container .order-line {
        display: block;
        padding: 0 20px
    }

    .card-drop-container .order-line .text-box {
        margin-left: auto;
        text-align: right
    }

    .card-drop-container .order-line .text-box .title {
        margin-bottom: 10px
    }

    .card-drop-container .order-line .btn {
        margin-top: 15px
    }

    .card-drop-container .count {
        margin-right: 10px;
        white-space: nowrap
    }

    .toggle-panel-wrapper .toggle-line .plus-icon:after,
    .toggle-panel-wrapper .toggle-line .plus-icon:before {
        max-height: 15px
    }

    .toggle-panel-wrapper .toggle-content {
        padding-left: 20px
    }

    .aside .toggle-panel-wrapper {
        padding: 10px
    }

    .container-compare {
        max-width: none;
        margin-left: -15px;
        margin-right: -15px
    }

    .compare-wrapper {
        padding-bottom: 70px
    }

    .compare-wrapper .box.box-item-compare {
        width: 160px;
        min-width: 160px
    }

    .compare-wrapper .box.box-item-compare .col {
        font-size: 12px
    }

    .compare-wrapper .box.box-item-compare .btn {
        bottom: -50px;
        width: 110px;
        height: 30px
    }

    .compare-wrapper .box.box-item-compare .btn .text {
        font-size: 12px
    }

    .compare-wrapper .box.box-descr {
        width: 125px;
        min-width: 125px
    }

    .compare-wrapper .box.box-descr .col span {
        font-size: 12px
    }

    .compare-wrapper .col {
        padding: 10px 8px
    }

    .compare-wrapper .col.h-name {
        height: 80px
    }

    .compare-wrapper .col.gradient:before {
        bottom: 0
    }

    .compare-wrapper .rating-line .rating {
        justify-content: center;
        display: flex;
        margin-bottom: 5px
    }

    .compare-wrapper .name {
        max-height: 70px;
        font-size: 12px
    }

    .compare-wrapper .descr {
        max-height: 110px;
        margin-right: -30px;
        padding-right: 30px
    }

    .title-control-box {
        padding-top: 30px
    }

    .content-container {
        padding: 15px 20px
    }

    .content-container .title {
        font-size: 14px
    }

    .content-container .box .text-border {
        margin: 15px 0 3px
    }

    .img-h {
        width: 40px
    }

    .item-news .title,
    .item-preview .title {
        font-size: 12px;
        line-height: 15px
    }

    .item-news .info-box .text-box,
    .item-preview .info-box .text-box {
        height: 35px
    }

    .item-news .rating-line,
    .item-preview .rating-line {
        margin-top: 8px;
        margin-bottom: 10px
    }

    .item-catalog .img-box {
        height: 190px;
        padding: 20px
    }

    .item-catalog .img-box:before {
        height: 110px
    }

    .item-news {
        width: 143px
    }

    .item-news .img-box {
        height: 130px
    }

    .item-news .text-descr {
        font-size: 9px
    }

    .item-news .info-box {
        padding: 10px 7px 10px
    }

    .item-preview {
        width: 140px
    }

    .item-preview .img-box {
        height: 170px;
        padding: 5px 10px 0
    }

    .item-preview .img-box .top-line {
        position: relative;
        height: 30px;
        line-height: 30px
    }

    .item-preview .img-box .top-line .stickers-box {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        flex-direction: column;
        align-items: flex-start;
        line-height: 20px;
        z-index: 1
    }

    .item-preview .img-box .top-line .stickers-box .text-fire {
        order: -1
    }

    .item-preview .img-box .img {
        width: 100%;
        height: 130px
    }

    .item-preview .img-box .img img {
        max-height: 130px
    }

    .item-preview .info-box {
        padding: 0 7px 10px
    }

    .item-preview .save-box .compare-item,
    .item-preview .save-box .heart-item {
        transform: scale(.9)
    }

    .item-preview .save-box .heart-item:after,
    .item-preview .save-box .heart-item:before {
        height: 16px;
        font-size: 16px;
        line-height: 1
    }

    .item-preview .save-box .compare-item {
        margin-right: 7px
    }

    .rating span {
        width: 12px;
        height: 12px
    }

    .comment-box .icon-message {
        height: 14px;
        font-size: 14px;
        line-height: 14px
    }

    .comment-box .count {
        font-size: 12px
    }

    .mark-wrapper {
        justify-content: space-between
    }

    .mark-wrapper .comment-box {
        margin-right: 13px
    }

    .close-popup-link,
    .comment-link,
    .text-border-link {
        font-size: 12px
    }

    .price-box .text-price {
        font-size: 16px
    }

    .price-box .old-price {
        font-size: 14px
    }

    .item-icon {
        display: flex;
        align-items: center
    }

    .item-icon:not(:last-of-type) {
        margin-bottom: 15px
    }

    .item-icon .title {
        margin-top: -3px;
        margin-bottom: 5px
    }

    .item-icon .descr {
        font-size: 12px
    }

    .item-icon .text-box {
        box-sizing: border-box;
        padding: 0 5px 0 15px
    }

    .slide-preview .img-box {
        min-height: 190px;
        height: 200px
    }

    .slide-preview .img-box .img {
        height: 190px !important
    }

    .slide-preview .img-box .img img {
        max-height: 190px !important
    }

    .items-math-wrapper {
        flex-direction: column
    }

    .items-math-wrapper .item-math {
        width: 100%;
        height: 90px;
        padding: 10px
    }

    .items-math-wrapper .item-math .item-box {
        margin-right: 15px;
        margin-left: 10px;
        width: 30px;
        min-width: 30px
    }

    .items-math-wrapper .item-math .text-box {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 50px
    }

    .items-math-wrapper .item-math .text-box .title {
        max-width: 250px;
        font-size: 12px;
        margin-bottom: 5px
    }

    .items-math-wrapper .item-math .btn {
        margin-top: 10px;
        width: 130px;
        height: 30px
    }

    .items-math-wrapper .item-math .text-row {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .items-math-wrapper .item-math .text-row .price {
        margin-left: auto;
        margin-right: auto
    }

    .items-math-wrapper .item-math .text-row .btn {
        margin-top: 0;
        margin-left: 10px;
        min-width: 160px
    }

    .items-math-wrapper .item-math .text-row .btn .text {
        font-size: 12px
    }

    .items-math-wrapper .plus {
        display: inline-block;
        margin: 10px auto
    }

    .items-review-wrapper.items_reviews .pros_icon:before {
        left: -18px;
        font-size: 17px;
        height: 17px;
        line-height: 17px
    }

    .items-review-wrapper.items_reviews .cons_icon:before {
        left: -16px;
        font-size: 19px;
        height: 13px;
        line-height: 13px
    }

    .items-review-wrapper.items_reviews .comment_icon:before {
        left: -20px;
        height: 20px;
        line-height: 20px
    }

    .items-review-wrapper.items_reviews .item-review {
        padding: 20px 20px 20px 30px
    }

    .item-review,
    .wrapper-descr .item-review {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    .item-review .like-box {
        flex-wrap: wrap
    }

    .item-review .like-box .text {
        width: 100%
    }

    .item-review .box-row {
        margin-left: 0;
        margin-top: 20px;
        margin-right: 20px
    }

    .item-review .side.side-user {
        margin-bottom: 15px
    }

    .item-review .side.side-text .box {
        margin-bottom: 20px
    }

    .item-review .answer-box {
        padding: 15px 20px
    }

    .item-review .row-answer .user {
        margin-bottom: 10px
    }

    .item-review .row-answer .user .img {
        height: 20px
    }

    .item-review .row-answer .user .text-18-b {
        margin-bottom: 5px
    }

    .item-video:not(:last-of-type) {
        margin-bottom: 30px
    }

    .item-video .img-box {
        width: 100%;
        padding-top: 64%;
        min-width: 200px
    }

    .item-video .text-box p {
        font-size: 14px;
        margin: 15px 0
    }

    .item-video h3 {
        margin-top: 20px;
        font-size: 16px
    }

    .item-preview-popup {
        width: 220px !important
    }

    @media only screen and (max-width:748px) {
        .item-preview-popup .card-line {
            box-sizing: border-box;
            padding-top: 10px
        }
    }

    @media only screen and (max-width:748px) {
        .item-preview-popup .info-box {
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-bottom: 25px !important
        }
    }

    .item-preview-popup .card-line {
        box-sizing: border-box;
        padding-top: 10px
    }

    .item-preview-popup .info-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 25px !important
    }

    .item-preview-popup .title {
        font-size: 12px !important
    }

    .item-preview-popup .text-price {
        font-size: 16px
    }

    .promo-wrapper {
        margin-top: 0
    }

    .promo-wrapper .side-info,
    .promo-wrapper .side-preview {
        min-width: 190px
    }

    .promo-wrapper .side-info {
        padding-top: 20px
    }

    .promo-wrapper .side-info .logo-preview-name {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
        display: flex;
        align-items: center
    }

    .promo-wrapper .side-info .logo-preview-name .img {
        margin-right: 10px;
        height: 21px;
        width: auto
    }

    .promo-wrapper .side-info .logo-preview-name .link-line-custom {
        font-size: 10px
    }

    .promo-wrapper .side-info .name {
        font-size: 20px
    }

    .promo-wrapper .side-info .article-name {
        box-sizing: border-box;
        padding-right: 20px;
        flex-wrap: wrap
    }

    .promo-wrapper .side-info .article-name .box {
        margin-right: 0
    }

    .promo-wrapper .side-info .select-box-custom {
        margin-right: 0;
        flex-direction: row;
        align-items: center
    }

    .promo-wrapper .side-info .select-box-custom .select_wrapper {
        margin-left: 10px
    }

    .promo-wrapper .side-info .btn-choice-size {
        align-items: flex-end;
        margin-top: 30px
    }

    .promo-wrapper .side-info .btn-choice-size .text {
        line-height: 20px
    }

    .promo-wrapper .side-info .btn-box {
        margin-top: 20px;
        margin-bottom: 32px
    }

    .promo-wrapper .side-info .btn-box .like-box {
        margin-left: 10px;
        border: 1px solid #ebebeb !important
    }

    .promo-wrapper .side-info .select-line-box {
        margin-bottom: 10px
    }

    .promo-wrapper .side-info .text-box-info {
        margin-bottom: 40px
    }

    .promo-wrapper .side-info .text-box-info .title {
        margin-bottom: 10px;
        box-sizing: border-box;
        padding: 0 25px;
        font-size: 16px !important;
        line-height: 24px !important
    }

    .promo-wrapper .side-info .text-box-info .text {
        box-sizing: border-box;
        padding: 0 15px
    }

    .promo-wrapper .side-info .row-wide-align-j {
        display: block
    }

    .promo-wrapper .side-preview {
        overflow: hidden;
        padding-bottom: 20px
    }

    .promo-wrapper .side-preview .stickers-box {
        padding: 5px 10px 10px
    }

    @media only screen and (max-width:748px) {
        .promo-wrapper .side-preview .stickers-box .text-30-b {
            font-size: 20px
        }
    }

    @media only screen and (max-width:748px) {
        .promo-wrapper .side-preview .stickers-box .text-30-b+.text-30-b {
            margin-left: 15px
        }
    }

    @media only screen and (min-width:749px) and (max-width:1249px),
    only screen and (min-width:1250px) {
        .promo-wrapper .side-preview .stickers-box .text-30-b+.text-30-b {
            margin-left: 20px
        }
    }

    .promo-wrapper .side-preview .stickers-box .text-30-b {
        font-size: 20px
    }

    .promo-wrapper .side-preview .stickers-box .text-30-b+.text-30-b {
        margin-left: 15px
    }

    .promo-wrapper .side-preview .stickers-box .text-label {
        font-size: 16px
    }

    .promo-wrapper .change-slider-tab {
        display: none
    }

    .promo-wrapper .main_promo_slider {
        padding-bottom: 0
    }

    .promo-wrapper .text-box {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px
    }

    .promo-wrapper .change-item {
        width: 60px;
        height: 60px
    }

    .promo-wrapper .change-item .icon {
        margin-top: 10px
    }

    .promo-wrapper .change-item.change-slide {
        display: none
    }

    .promo-wrapper .price-val .price-large {
        font-size: 24px
    }

    .promo-icon-wrapper {
        display: block;
        padding: 10px 15px;
        overflow: hidden
    }

    .promo-tab-slider .swiper-slide {
        width: auto
    }

    .promo-icon-wrapper .icon-block+.icon-block {
        margin-top: 0
    }

    .border-line-box,
    .border-line-box .text-border-link {
        font-size: 12px
    }

    .content-slider-box .title-control-row {
        padding-bottom: 15px
    }

    .content-slider-box .title-control-row .title-popup {
        font-size: 18px;
        box-sizing: border-box;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .wrapper-preview-popup {
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -20px;
        padding-right: 20px;
        display: flex;
        margin-bottom: 30px;
        align-self: flex-start
    }

    .wrapper-preview-popup .side-img {
        margin-right: 15px;
        width: 100px;
        min-width: 100px
    }

    .wrapper-preview-popup .side-info {
        box-sizing: border-box
    }

    .tab-widget-slider:after,
    .tab-widget-slider:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 40px;
        background: linear-gradient(90deg, #f8f8f8, hsla(0, 0%, 100%, 0));
        z-index: 1;
        pointer-events: none
    }

    @media only screen and (min-width:749px) and (max-width:1249px),
    only screen and (min-width:1250px) {

        .tab-widget-slider:after,
        .tab-widget-slider:before {
            display: none
        }
    }

    .tab-widget-slider:before {
        left: -20px
    }

    .tab-widget-slider:after {
        right: -20px;
        transform: scaleX(-1)
    }

    .article-page aside {
        margin: 20px auto 0
    }

    .article-page .author-info-line {
        margin-bottom: 20px
    }

    .article-page .author-info-line .text {
        font-size: 12px
    }

    .article-page .article-title h1 {
        margin-bottom: 10px;
        box-sizing: border-box;
        padding-right: 20px
    }

    .article-page h1 {
        font-size: 26px
    }

    .article-page h2 {
        font-size: 20px;
        margin: 25px 0
    }

    .commentary-wrapper {
        margin: 30px -15px;
        padding: 15px
    }

    .commentary-wrapper .descr-box .avatar-icon,
    .commentary-wrapper .descr-box .descr {
        margin-right: 10px
    }

    .commentary-wrapper .social-wrapper+.descr {
        width: 100%;
        margin-bottom: 10px
    }

    .commentary-wrapper .icon-arrow-comment {
        top: 1px;
        left: -3px
    }

    .commentary-wrapper .hide-line {
        padding-top: 20px;
        box-sizing: border-box
    }

    .comment {
        position: relative
    }

    .comment .text-box .row-align {
        display: block;
        box-sizing: border-box;
        padding-left: 45px
    }

    .comment .name {
        display: inline-block;
        margin-bottom: 5px
    }

    .comment .text {
        margin: 15px 0;
        box-sizing: border-box;
        padding-right: 10px
    }

    .comment .avatar-icon {
        top: 0;
        left: 0;
        position: absolute
    }

    .avatar-icon {
        width: 35px;
        height: 35px;
        min-width: 35px
    }

    .aside-box {
        margin-left: -15px;
        margin-right: -15px
    }

    .aside-box .comment .avatar-icon {
        top: 15px
    }

    .checkout-wrapper .side {
        margin-left: 0;
        margin-right: 0
    }

    .checkout-wrapper .side .block {
        padding: 20px 15px
    }

    .checkout-wrapper .input-line .input-custom {
        margin-bottom: 10px;
        width: 100%
    }

    .checkout-wrapper .check-delivery-wrapper .check-delivery-item {
        min-width: 140px;
        padding: 8px 10px
    }

    .checkout-wrapper .check-delivery-wrapper .check-delivery-item .hidden-descr span {
        font-size: 10px
    }

    .checkout-wrapper .check-delivery-wrapper .icon-check {
        font-size: 5px !important
    }

    .checkout-wrapper .row-radio .logo-block {
        margin-bottom: 15px
    }

    .checkout-wrapper .row-radio.wide-j .select-box-custom {
        margin: 10px 0 20px 40px
    }

    .checkout-wrapper .row-radio.wide-j .select_wrapper {
        min-width: 240px
    }

    .checkout-wrapper .radio-box:not(:last-of-type) {
        margin-bottom: 15px
    }

    .checkout-wrapper .select_wrapper {
        width: 100% !important
    }

    .checkout-wrapper .row-data .col-descr {
        display: flex;
        flex-wrap: wrap
    }

    .checkout-wrapper .col-descr .radio {
        margin-bottom: 10px !important
    }

    .checkout-wrapper .summ-line+.btn .text {
        font-size: 14px !important
    }

    .checkout-wrapper .block-descr {
        margin-bottom: 20px
    }

    .item-checkout .img-box {
        padding: 15px;
        width: 70px;
        min-width: 70px
    }

    .item-checkout .text-box {
        width: 100%;
        padding-right: 15px
    }

    .item-checkout .close-checkout {
        width: 30px;
        height: 30px
    }

    .personal-info-block {
        padding: 20px
    }

    .personal-info-block .com {
        font-size: 12px
    }

    .personal-info-block .name {
        font-size: 14px
    }

    .about-personal-container {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    .side-items-wrapper .block .title-block .title {
        font-size: 22px
    }

    .side-items-wrapper .block-content .text {
        font-size: 11px
    }

    .side-items-wrapper .items-wrapper {
        margin-top: 45px
    }

    .side-items-wrapper .items-wrapper .item {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto
    }

    .side-items-wrapper .items-wrapper .item .title {
        margin-bottom: 10px
    }

    .side-items-wrapper .items-wrapper .item .descr {
        font-size: 11px
    }

    .side-items-wrapper .items-wrapper .item:not(:last-of-type) {
        margin-bottom: 30px
    }

    .side-items-wrapper .items-wrapper .icon {
        margin-bottom: 20px
    }

    .side-items-wrapper .tab-widget .tab-btn-line {
        margin-right: 10px;
        margin-left: 10px
    }

    .side-items-wrapper .form-wrapper {
        margin-left: -20px;
        margin-right: -20px;
        padding: 50px 20px 75px
    }

    .side-items-wrapper .form-wrapper .text-box {
        text-align: center;
        margin-bottom: 30px;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }

    .side-items-wrapper .form-wrapper .text-box .title {
        font-size: 25px
    }

    .side-items-wrapper .form-wrapper .text-box .text {
        font-size: 11px
    }

    .side-items-wrapper .form-wrapper .form-box {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }

    .side-items-wrapper .form-wrapper .form-box .box {
        width: 100%;
        margin-bottom: 30px
    }

    .side-items-wrapper .form-wrapper .form-box .input-custom {
        width: 100%
    }

    .side-items-wrapper .form-wrapper .form-box .row {
        display: block
    }

    .side-items-wrapper .form-wrapper .btn {
        width: 100%;
        margin-top: 40px
    }

    .side-items-wrapper .form-wrapper .btn .text {
        font-size: 16px
    }

    .side-items-wrapper .section-form {
        margin-top: 60px;
        margin-bottom: 65px
    }

    .side-items-wrapper .section-partners .title-block .title {
        font-size: 22px
    }

    .side-items-wrapper .partners-items-wrapper {
        margin-top: 50px
    }

    .side-items-wrapper .partners-items-wrapper .item {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        margin: 0 0 30px
    }

    .credit-items-wrapper .credit-item {
        box-shadow: 0 15px 25px rgba(0, 0, 0, .1)
    }

    .credit-items-wrapper .credit-item:not(:last-of-type) {
        margin-bottom: 30px
    }

    .credit-items-wrapper .credit-item .top-box {
        padding: 20px 15px 10px
    }

    .credit-items-wrapper .credit-item .text-box {
        padding: 20px 15px 40px
    }

    .credit-items-wrapper .credit-item .text-box .text {
        font-size: 11px
    }

    .credit-items-wrapper .credit-item .text-box .text:not(:first-of-type) {
        margin-top: 15px
    }

    .filter-wrapper {
        padding: 0 20px;
        margin-left: -40px;
        margin-right: -40px
    }

    .filter-wrapper .toggle-line {
        padding-left: 20px;
        padding-right: 20px
    }

    .filter-wrapper .toggle-line .plus-icon {
        height: 5px;
        font-size: 5px;
        line-height: 1
    }

    .filter-wrapper .filter-block .label-city {
        line-height: 66px;
        width: 50px
    }

    .filter-wrapper .box-content p {
        margin: 15px 0
    }

    .filter-wrapper .select-line {
        display: block !important
    }

    .filter-wrapper .select-line .select-box-custom {
        margin-bottom: 20px
    }

    .section-content {
        padding-bottom: 30px
    }

    .section-content .signboard-wrapper {
        margin-top: 30px
    }

    .section-content.section-content-404 {
        padding-bottom: 0
    }
}

@media only screen and (max-width:748px),
only screen and (min-width:749px) and (max-width:1249px) {

    .container {
        max-width: 720px
    }

    .container.container-gum {
        max-width: 100%
    }

    .wide-m-t {
        width: 100%
    }

    .wrap-m-t {
        flex-wrap: wrap
    }

    .cd-popup .box:not(:last-of-type) {
        margin-bottom: 15px
    }

    .cd-popup .row-input {
        margin-bottom: 10px
    }

    .popup-content-min {
        width: 100%;
        max-width: 440px !important
    }

    .btn.btn-as-cart.custom,
    .btn.btn-cart.custom {
        white-space: nowrap;
        height: 30px
    }

    .btn.btn-as-cart.custom .text,
    .btn.btn-cart.custom .text {
        font-size: 14px
    }

    .input-number-wrapper button {
        width: 30px;
        height: 25px
    }

    .catalog-menu {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .catalog-menu .container {
        overflow: hidden
    }

    ul.menu .swich.active>.submenu {
        display: block
    }

    ul.menu .swich .name {
        height: 32px;
        line-height: 32px;
        padding-left: 15px
    }

    ul.menu .swich .name:before {
        margin-top: 6px
    }

    ul.menu .submenu {
        width: 100%;
        position: absolute;
        top: 0;
        right: -100%
    }

    ul.menu .submenu .link .link,
    ul.menu .submenu .link .name {
        height: 30px;
        line-height: 30px
    }

    ul.menu .has-submenu .submenu {
        top: 0;
        right: -100%
    }

    ul.menu .has-submenu .swich.active .submenu {
        display: block
    }

    .catalog-container .menu.transform-left {
        transform: translate(-100%)
    }

    .catalog-container .menu.transform-left-sub {
        transform: translate(-200%)
    }

    .catalog-container .menu .link-back {
        padding-left: 25px;
        position: relative
    }

    .catalog-container .menu .link-back:before {
        content: "\E002";
        font-family: icons;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        transform: scaleX(-1);
        font-size: 10px
    }

    .social-wrapper .social-icon.social-icon-roll {
        margin: 15px 0;
        width: 30px;
        height: 30px
    }

    .search-wrapper {
        height: 50px
    }

    .content-row.manufacturers .preview-content>p {
        margin-bottom: 0
    }

    .content-row.manufacturers .preview-content>p a {
        margin-right: 10px
    }

    .content-row.manufacturers .preview-content .row {
        flex-wrap: wrap;
        padding: 15px 0
    }

    .faq-box {
        margin-bottom: 30px
    }

    .profile-preview-row .item-checkout {
        border-bottom: 1px solid #f5f5f5
    }

    .side-wrapper {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .side-wrapper .side-text {
        max-width: 360px
    }

    .side-wrapper .side-text.side-text-center {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: auto;
        margin-right: auto
    }

    .side-wrapper .side-text .title {
        margin-bottom: 15px
    }

    .side-wrapper .side-text .subtitle {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .side-wrapper .side-text+.side-img {
        padding-left: 20px;
        padding-right: 0
    }

    .side-wrapper .side-img {
        box-sizing: border-box;
        padding-right: 20px
    }

    .side-wrapper .side-img+.side-text {
        margin-top: 30px
    }

    .side-wrapper.grey-side-wrapper {
        padding-bottom: 50px
    }

    .side-wrapper-video {
        padding-bottom: 0 !important;
        background-color: #fff
    }

    .side-wrapper-video .side-text .title {
        margin-bottom: 25px !important
    }

    .side-wrapper-video .side-img {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0 !important
    }

    .items-icons-wrapper .text-box .title {
        margin-bottom: 15px
    }

    header {
        background: #fff;
        top: 0;
        left: 0;
        right: 0
    }

    header .middle-line {
        height: 50px;
        align-items: flex-start
    }

    .logo-box .logo-img {
        width: 130px;
        height: 30px
    }

    .menu-links .menu>li {
        cursor: pointer;
        padding: 4px 25px
    }

    .menu-links .menu>li:after {
        margin-top: 6px
    }

    .contact-wrapper .logo-box .logo-img,
    footer .logo-box .logo-img {
        height: 30px
    }

    .main-top-wrapper .container-main-top {
        justify-content: center;
        align-items: flex-end;
        box-sizing: border-box;
        padding-bottom: 20px
    }

    .main-top-wrapper .swiper-pagination-main .swiper-pagination-bullet {
        margin: 0 7px
    }

    .container-compare {
        max-width: none
    }

    .compare-wrapper .text-price {
        font-size: 16px
    }

    .content-container .row-icon {
        margin-bottom: 20px
    }

    .content-container .row-icon .item-icon {
        margin-bottom: 0
    }

    .stickers-box .text-label.text-20-b {
        font-size: 10px
    }

    .promo-wrapper .side-info .article-name .text-18 {
        font-size: 12px
    }

    .promo-wrapper .side-info .block {
        margin-bottom: 25px
    }

    .promo-price-wrapper .icons-row {
        right: 5px
    }

    .promo-price-wrapper .col-btn {
        margin-top: 20px;
        text-align: left
    }

    .promo-price-wrapper .price-box .old-price {
        font-size: 10px
    }

    .promo-icon-wrapper .icon-block .text {
        font-size: 12px
    }

    .commentary-wrapper .descr-box {
        flex-wrap: wrap
    }

    .comment .descr {
        margin-right: 11px !important
    }

    .checkout-wrapper .input-line .input-custom {
        height: 30px;
        line-height: 30px
    }

    .checkout-wrapper .row-radio .logo-block,
    .checkout-wrapper .row-radio .text-price {
        box-sizing: border-box;
        padding-left: 40px
    }

    .checkout-wrapper .select-title {
        margin-right: 20px
    }

    .item-checkout .text-box .title {
        box-sizing: border-box;
        padding-right: 30px
    }

    .personal-info-block.bottom,
    .personal-info-block.top {
        position: absolute;
        left: 0
    }

    .personal-info-block.bottom {
        bottom: 0
    }

    .personal-info-block.top {
        top: 0
    }

    .side-items-wrapper .block-content .title {
        font-size: 15px;
        margin-bottom: 25px
    }

    .side-items-wrapper .title-block .title {
        font-size: 20px
    }

    .side-items-wrapper .hover-items-wrapper .item {
        background-color: #fff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
    }

    .filter-wrapper.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .filter-wrapper .btn-filter-action {
        margin: 30px auto 30px
    }

    .section,
    section {
        margin: 40px 0
    }

    .section:last-of-type,
    section:last-of-type {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1250px) {
    .container {
        max-width: 1150px
    }

    .wrap-d {
        flex-wrap: wrap
    }

    .nowrap-d {
        flex-wrap: nowrap
    }

    .hide-d {
        display: none !important
    }

    .link-16-border,
    .p,
    .text-16,
    .text-16-b,
    .text-custom,
    .title-16 {
        font-size: 16px
    }

    .text-18,
    .text-18-b,
    h3 {
        font-size: 18px
    }

    .text-20,
    .text-20-b,
    .title-20 {
        font-size: 20px
    }

    .text-24 {
        font-size: 24px
    }

    .h2,
    .text-30,
    .text-30-b,
    .title-30-l {
        font-size: 30px
    }

    .wrapper-title {
        font-size: 36px
    }

    .p,
    p {
        margin: 25px 0
    }

    .link-14-border:hover,
    .link-16-border:hover,
    .link-line-custom:hover {
        text-decoration: underline
    }

    .link-orange {
        transition: color .1s ease-out
    }

    .link-orange:hover {
        color: #ff9845
    }

    .link-black:hover {
        color: var(--primary-color)
    }

    .title-48 {
        font-size: 48px
    }

    .title-34 {
        font-size: 34px
    }

    .title-28 {
        font-size: 28px
    }

    .cd-popup .popup .popup-content {
        padding: 20px 20px 40px;
        max-width: 640px;
        width: 100%
    }

    .cd-popup .box:not(:last-of-type) {
        margin-bottom: 20px
    }

    .cd-popup .box.box-in {
        display: flex
    }

    .cd-popup .row-input:not(:first-of-type) {
        margin-left: 30px
    }

    .close-popup-icon:hover {
        background-color: #f6f6f6
    }

    .close-popup-icon:hover .icon {
        color: #000
    }

    .popup-content-min {
        max-width: 470px !important
    }

    .btn.btn-border:hover {
        border-color: #242323
    }

    .btn.btn-as-cart,
    .btn.btn-cart {
        width: 125px;
        height: 30px
    }

    .btn.btn-as-cart:hover,
    .btn.btn-cart:hover {
        background-color: #242323
    }

    .btn.btn-as-cart:hover .text,
    .btn.btn-cart:hover .text {
        color: #fff
    }

    .btn.w-190 {
        width: 190px;
        height: 40px
    }

    .btn .text {
        font-size: 14px
    }

    .btn .text .icon-check {
        left: 8px
    }

    .btn-border-popup:hover {
        background-color: #000
    }

    .btn-border-popup:hover .text {
        color: #fff
    }

    .btn-buy:hover .icon-card,
    .btn-buy:hover .text {
        color: var(--primary-color)
    }

    .input-range-box .label-range {
        max-width: 75px
    }

    .input-range-box .icon-rub {
        left: -5px;
        font-size: 10px
    }

    .radio .text-box {
        margin-top: 17px;
        margin-bottom: 12px
    }

    .checkbox input[type=checkbox]+label:hover:before,
    .radio input[type=checkbox]+label:hover:before {
        border-color: #e8e8e8;
        background-color: #e8e8e8
    }

    .input-custom {
        height: 30px;
        line-height: 30px;
        padding-left: 20px
    }

    .input-custom:hover {
        border-color: #242323
    }

    .input-custom.w-224 {
        width: 226px
    }

    .textarea-custom.w-310 {
        width: 310px
    }

    .textarea-custom.w-360 {
        width: 360px
    }

    .input-custom.w-195 {
        width: 195px
    }

    .select-box-custom .text-descr {
        margin-right: 20px
    }

    .input-number-wrapper button {
        width: 30px;
        height: 25px
    }

    .input-number-wrapper button:hover {
        background-color: #242323
    }

    .input-number-wrapper button:hover .plus-icon:after,
    .input-number-wrapper button:hover .plus-icon:before {
        background-color: #fff
    }

    .catalog-menu .container,
    ul.menu {
        height: 100%
    }

    ul.menu {
        position: relative;
        border-right: 2px solid #faf9f9
    }

    ul.menu .swich:hover .name:before {
        color: var(--primary-color)
    }

    ul.menu .swich .name {
        white-space: nowrap;
        padding: 6px 50px 6px 0
    }

    ul.menu .swich .name:before {
        margin-top: 6px
    }

    ul.menu .swich:hover .menu-img,
    ul.menu .swich:hover>.submenu {
        display: block
    }

    ul.menu .swich .name:hover,
    ul.menu .swich:hover>.name {
        color: #434343
    }

    ul.menu .submenu {
        width: 500px;
        min-height: 100%;
        position: absolute;
        top: 0;
        right: -502px
    }

    ul.menu .has-submenu .submenu {
        margin-top: 0;
        width: 205px;
        right: -216px;
        border: none
    }

    ul.menu .adaptive-top-line {
        display: none
    }

    .swich {
        transition: background-color .15s ease-out
    }

    .swich:hover {
        background-color: #fff
    }

    .swich:hover .has-submenu {
        display: flex !important;
        z-index: 1
    }

    .content-container-delivery .side-img-delivery {
        width: 550px;
        min-width: 550px
    }

    .container-profile .table-history-box .line .col-title {
        width: 170px
    }

    .container-profile .table-history-box .line-preview .col-title {
        margin-right: 70px
    }

    .container-profile .delivery-text-row {
        padding-left: 210px
    }

    .container-profile .delivery-text-price {
        padding: 30px 0
    }

    .social-wrapper .social-icon:not(.social-icon-roll):hover.icon-youtube {
        color: red
    }

    .social-wrapper .social-icon:not(.social-icon-roll):hover.icon-fb {
        color: #4267b2
    }

    .social-wrapper .social-icon:not(.social-icon-roll):hover.icon-insta {
        color: #803eb2
    }

    .social-wrapper .social-icon:not(.social-icon-roll):hover.icon-ok {
        color: #fbbf08
    }

    .social-wrapper .social-icon:not(.social-icon-roll):hover.icon-vk {
        color: #5181b8
    }

    .social-wrapper .social-icon.social-icon-roll {
        width: 35px;
        height: 35px
    }

    .search-wrapper {
        margin-left: 15px;
        margin-right: 15px;
        width: 210px
    }

    .search-wrapper .input-search:hover {
        background-color: #ebe8e8
    }

    .user-wrapper .social_popup {
        top: -12px
    }

    .user-wrapper .user-btn:hover .icon {
        color: #242323
    }

    .user-wrapper .user-btn:hover:before {
        color: #000 !important
    }

    .user-wrapper .user-btn .icon:hover {
        color: #242323
    }

    .arrows-box .arrow {
        width: 40px;
        height: 40px
    }

    .arrows-box .arrow:hover {
        background-color: #242323;
        border-color: #242323
    }

    .arrows-box .arrow:hover .icon {
        color: #fff
    }

    .arrow-black {
        width: 30px;
        height: 30px
    }

    .arrow-black:hover {
        background-color: var(--primary-color);
        border-color: var(--primary-color)
    }

    .arrow-black:hover .icon {
        color: #fff
    }

    .signboard-wrapper .text-side {
        width: 260px;
        height: 290px;
        min-width: 260px
    }

    .arrow-link:hover,
    .arrow-link:hover:after {
        color: var(--primary-color)
    }

    .items-wrapper.preview-items-wrapper {
        margin-bottom: -40px;
        margin-right: -17px
    }

    .items-wrapper.preview-items-wrapper .item-preview {
        margin-bottom: 40px;
        margin-right: 17px
    }

    .items-wrapper.custom-items-wrapper {
        margin-right: -25px
    }

    .items-wrapper.custom-items-wrapper .item-preview,
    .items-wrapper.custom-items-wrapper .item-news {
        margin-right: 17px;
        margin-bottom: 40px
    }

    .close-card:hover {
        background-color: #242323
    }

    .close-el:hover {
        background-color: #f5f5f5
    }

    .close-card:hover:before {
        color: #fff
    }

    .breadcrumbs a:hover,
    .breadcrumbs span:hover {
        color: #242323
    }

    .content-row .catalog-control-line {
        padding-bottom: 25px
    }

    .content-row .catalog-control-line .check-link {
        margin-left: 15px;
        font-size: 16px
    }

    .content-row .catalog-control-line .check-link:hover,
    .content-row .catalog-control-line .check-link:hover:before {
        color: #242323
    }

    .content-row.manufacturers .preview-content>p a {
        padding-left: 5px;
        padding-right: 5px
    }

    .content-row.manufacturers .preview-content>p a:hover {
        text-decoration: underline
    }

    .content-row.manufacturers .preview-content .row {
        padding: 20px 0
    }

    .content-row.manufacturers .preview-content .row a:hover {
        text-decoration: underline
    }

    .tag-line {
        padding: 20px 0
    }

    .tag-line .tag-box .text {
        font-size: 16px
    }

    .tag-line .tag-box .icon-close:hover {
        color: #000
    }

    .wrapper-descr {
        padding: 40px
    }

    .wrapper-descr-panel .side-description {
        width: 300px;
        min-width: 300px
    }

    .video-block {
        height: 430px
    }

    .color-wrapper .color-item:hover {
        border-color: #242323
    }

    .wrapper-profile {
        padding: 20px 30px 30px
    }

    .row-delivery-profile {
        padding: 0 20px
    }

    .content-slider-box {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -40px;
        padding: 30px 40px 40px
    }

    .delivery-img {
        width: 560px;
        height: 430px
    }

    .faq-box {
        margin-bottom: 40px
    }

    .block-404 {
        display: inline-block
    }

    .profile-preview-row {
        width: 900px;
        min-width: 900px
    }

    .profile-preview-row .item-checkout {
        width: 450px
    }

    .profile-preview-container {
        display: flex
    }

    .profile-preview-container .profile-pay {
        width: 100%
    }

    .enter-block {
        width: 380px
    }

    .row-enter .btn-enter {
        margin-top: 26px
    }

    .title-380 {
        max-width: 380px;
        border-right: none !important
    }

    .side-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .side-wrapper .side-text {
        max-width: 460px;
        padding: 0 50px
    }

    .side-wrapper .side-text .title {
        margin-bottom: 30px
    }

    .side-wrapper .side-text .subtitle {
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .side-wrapper.grey-side-wrapper {
        padding-bottom: 60px
    }

    .side-wrapper.info-side {
        padding-top: 100px
    }

    .side-wrapper.text-side-wrapper {
        padding-top: 80px
    }

    .side-wrapper-video {
        margin-top: -155px;
        margin-bottom: -155px
    }

    .side-wrapper-video .bg-img-wrapper {
        top: 150px;
        bottom: 150px
    }

    .side-wrapper-video .side-text {
        min-width: 460px
    }

    .items-icons-wrapper {
        display: flex
    }

    .items-icons-wrapper .item {
        max-width: 200px;
        margin: 0 10px
    }

    .items-icons-wrapper .text-box .title {
        margin-bottom: 20px
    }

    .video-popup .video-content {
        width: 1000px;
        height: 560px
    }

    .video-popup .close {
        top: 30px;
        right: 30px
    }

    header .top-line .link-line a:hover,
    header .top-line .link-line span:hover {
        color: #242323
    }

    header .top-line .link-line a:hover:before,
    header .top-line .link-line span:hover:before {
        opacity: 1
    }

    header .middle-line {
        height: 70px;
        padding-left: 20px;
        padding-right: 15px;
        border-top: 1px solid #f5f5f5;
        align-items: center
    }

    header .middle-line .link-box:hover .text {
        text-decoration: underline
    }

    .nav-link-wrapper .nav-toggle.catalog-toggle:hover {
        filter: brightness(1.3);
    }

    .logo-box .logo-img {
        width: 130px;
        height: 35px
    }

    .logo-box .logo-text {
        top: 5px
    }

    .menu-links>li:hover {
        border-bottom-color: var(--primary-color)
    }

    .menu-links>li:hover .menu {
        display: block
    }

    .menu-links>li>a:hover {
        color: #8a8888
    }

    .menu-links .menu>li:hover {
        background-color: #fff
    }

    .menu-links .menu>li:hover .sub {
        display: block
    }

    .menu-links .menu>li>a {
        white-space: nowrap;
        padding: 4px 45px 4px 25px;
        position: relative;
        z-index: 1
    }

    .menu-links .menu>li:after {
        position: absolute;
        right: 25px;
        top: 8px
    }

    .menu-links .sub li a {
        white-space: nowrap
    }

    .menu-links .sub li a:hover {
        color: #8a8888
    }

    .fix_line .hidden-block-wrapper {
        top: 41px !important
    }

    .search-wrapper .hidden-block-wrapper {
        width: 320px;
        top: 68px
    }

    .search-wrapper .hidden-block-wrapper .btn-tab:hover {
        background-color: #242323
    }

    .search-wrapper .hidden-block-wrapper .btn-tab:hover .icon,
    .search-wrapper .hidden-block-wrapper .btn-tab:hover .title {
        color: #fff
    }

    .search-wrapper .items-box .item:hover {
        transition: background-color .15s ease-out;
        background-color: #f4f4f4
    }

    .contact-wrapper .footer-content,
    footer .footer-content {
        padding: 60px 0
    }

    .contact-wrapper .footer-links-block,
    footer .footer-links-block {
        padding-right: 20px;
        max-width: 240px
    }

    .contact-wrapper .footer-links-block .link:hover,
    .contact-wrapper .footer-links-block .link:hover .soc-icon,
    footer .footer-links-block .link:hover,
    footer .footer-links-block .link:hover .soc-icon {
        color: #242323
    }

    .contact-wrapper .footer-links-block .link:hover .icon-fb,
    footer .footer-links-block .link:hover .icon-fb {
        color: #4267b2
    }

    .contact-wrapper .footer-links-block .link:hover .icon-vk,
    footer .footer-links-block .link:hover .icon-vk {
        color: #5181b8
    }

    .contact-wrapper .footer-links-block .link:hover .icon-insta,
    footer .footer-links-block .link:hover .icon-insta {
        color: #803eb2
    }

    .contact-wrapper .footer-links-block .link:hover .icon-ok,
    footer .footer-links-block .link:hover .icon-ok {
        color: #fbbf08
    }

    .contact-wrapper .footer-links-block .signboard-wrapper .text-side,
    footer .footer-links-block .signboard-wrapper .text-side {
        height: 180px;
        width: 170px;
        min-width: 170px
    }

    .contact-wrapper .footer-bottom,
    footer .footer-bottom {
        height: 120px
    }

    .contact-wrapper .table-block,
    .container-profile .table-block {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .contact-wrapper .contact-text-block,
    .container-profile .contact-text-block {
        padding: 0 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    .contact-wrapper .contact-form,
    .container-profile .contact-form {
        max-width: 360px
    }

    .contact-wrapper .contact-form.delivery-form,
    .container-profile .contact-form.delivery-form {
        max-width: 350px
    }

    .contact-wrapper .contact-form.delivery-form .title-line-empty,
    .container-profile .contact-form.delivery-form .title-line-empty {
        min-height: 53px
    }

    .contact-wrapper .footer-links-block,
    .container-profile .footer-links-block {
       /* max-width: 280px !important */
    }

    .slide-top {
        top: -94px
    }

    .brand_slider .swiper-slide {
        width: 180px
    }

    .slider-col-6 .swiper-slide {
        width: 270px
    }

    .brand_slider,
    .slider-col-6 {
        padding: 30px 40px 30px 0;
        margin: -30px -20px -30px 0;
        overflow: hidden
    }

    .brand-slide {
        min-width: 140px;
        width: 180px;
        height: 140px
    }

    .brand-slide:hover:before {
        box-shadow: 0 10px 20px hsla(0, 0%, 7%, .1)
    }

    .brand-slide:hover .brand {
        filter: grayscale(0)
    }

    .brand-slide:hover .title {
        text-decoration: underline
    }

    .brand-slide .brand {
        width: 140px;
        height: 40px
    }

    .main_promo_slider {
        height: 350px
    }

    .main_promo_slider .img-box .label-box {
        top: 45px;
        left: 45px
    }

    .call-box .item-call.item-call-tel:hover {
        border-color: var(--primary-color);
        background-color: var(--primary-color)
    }

    .call-box .item-call.item-call-tel:hover .icon {
        color: #fff
    }

    .call-box .item-call.item-call-mes:hover {
        border-color: var(--primary-color);
        background-color: var(--primary-color)
    }

    .call-box .item-call.item-call-mes:hover .icon {
        color: #fff
    }

    .main-top-wrapper {
        height: 500px
    }

    .main-top-wrapper .container-main-top {
        justify-content: flex-end;
        align-items: center
    }

    .main-top-wrapper .swiper-pagination-main .swiper-pagination-bullet {
        display: block;
        margin-bottom: 14px
    }

    .card-drop-container {
        top: 100%
    }

    .toggle-panel-wrapper:before {
        left: 20px;
        right: 20px
    }

    .toggle-panel-wrapper .toggle-line {
        padding: 6px 0
    }

    .toggle-panel-wrapper .toggle-line .plus-icon:hover+.tooltip-aside {
        opacity: 1;
        pointer-events: auto
    }

    .toggle-panel-wrapper .toggle-line .title {
        font-size: 16px
    }

    .toggle-panel-wrapper .toggle-line:hover .plus-icon:after,
    .toggle-panel-wrapper .toggle-line:hover .plus-icon:before {
        background-color: #8d8d8d
    }

    .toggle-panel-wrapper .toggle-line:hover .title {
        color: #8d8d8d
    }

    .toggle-panel-wrapper .toggle-content {
        padding-left: 40px
    }

    .aside {
        width: 285px
    }

    .aside .box {
        padding: 20px
    }

    .aside .box:before {
        left: 20px;
        right: 20px
    }

    .aside .toggle-panel-wrapper {
        padding: 20px
    }

    .aside .toggle-panel-wrapper .toggle-item .link {
        margin: 3px 20px
    }

    .aside .toggle-panel-wrapper .toggle-item .link:hover {
        color: #242323
    }

    .compare-wrapper .box.box-item-compare {
        width: 280px;
        min-width: 280px
    }

    .compare-wrapper .box.box-item-compare .btn {
        bottom: -50px
    }

    .compare-wrapper .box.box-descr {
        width: 280px;
        min-width: 280px
    }

    .compare-wrapper .col {
        padding: 10px 20px
    }

    .compare-wrapper .col.h-name {
        height: 50px
    }

    .compare-wrapper .name {
        max-height: 40px
    }

    .title-control-box {
        padding-top: 60px
    }

    .content-container .box {
        box-sizing: border-box;
        padding-right: 40px
    }

    .content-container .box .text-border {
        margin: 19px 0 3px
    }

    .content-container .box .text-border:hover {
        color: #242323
    }

    .item-news:hover,
    .item-preview:hover {
        border-bottom-color: #242323;
        box-shadow: 0 5px 10px hsla(0, 0%, 7%, .1)
    }

    .item-news .title,
    .item-preview .title {
        font-size: 14px;
        line-height: 18px
    }

    .item-news .title:hover,
    .item-preview .title:hover {
        color: #ff9845
    }

    .item-news .info-box,
    .item-preview .info-box {
        padding: 15px 10px 20px
    }

    .item-news .info-box .text-box,
    .item-preview .info-box .text-box {
        height: 36px
    }

    .item-news .rating-line,
    .item-preview .rating-line {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .item-catalog {
        width: 380px
    }

    .item-catalog .img-box {
        height: 320px;
        padding: 30px
    }

    .item-catalog .img-box:hover {
        border-color: #242323
    }

    .item-catalog .img-box:hover .img {
        transform: scale(1.1)
    }

    .item-catalog .img-box:before {
        height: 190px
    }

    .item-catalog .title:hover {
        color: var(--primary-color)
    }

    .item-news {
        width: 270px
    }

    .item-news .img-box {
        height: 245px
    }

    .item-news .img-box:hover:before {
        background-color: transparent
    }

    .item-news .play-btn:hover {
        background-color: transparent
    }

    .item-news .play-btn:hover:before {
        color: var(--primary-color)
    }

    .item-preview {
        width: 270px
    }

    .item-preview .img-box {
        height: 330px;
        padding: 5px 20px 30px
    }

    .item-preview .img-box .top-line {
        height: 50px;
        line-height: 50px
    }

    .item-preview .img-box .img {
        width: 100%;
        height: 280px
    }

    .item-preview .img-box .img:hover {
        transform: scale(1.1)
    }

    .item-preview .save-box .heart-item:hover:before {
        color: #000
    }

    .item-preview .save-box .compare-item {
        margin-right: 15px
    }

    .item-preview .save-box .compare-item:hover:before {
        color: #000
    }

    .comment-box .icon-message:hover,
    .comment-box .icon-message:hover+.count,
    .mark-wrapper .comment-box:hover .comment-link,
    .mark-wrapper .comment-box:hover .icon-message {
        color: #242323
    }

    .close-popup-link:hover,
    .mark-wrapper .comment-box:hover .comment-link,
    .text-border-link:hover {
        border-color: #242323
    }

    .price-box .text-price {
        font-size: 18px
    }

    .item-icon {
        width: 200px;
        padding-right: 30px
    }

    .item-icon .icon-box:hover {
        color: #8a8888
    }

    .item-icon .icon-box:hover:before {
        background-color: var(--primary-color)
    }

    .stickers-box .text-label {
        margin-right: 15px
    }

    .slide-preview .img-box .img img {
        max-height: 280px
    }

    .items-math-wrapper .item-math {
        width: 255px;
        height: 140px;
        padding: 25px
    }

    .items-math-wrapper .item-math .item-box {
        width: 60px;
        min-width: 60px
    }

    .items-math-wrapper .item-math .text-box .title {
        margin-bottom: 10px
    }

    .items-math-wrapper .item-math .btn {
        margin-top: 20px
    }

    .items-review-wrapper.items_reviews .item-review .text-custom {
        font-size: 14px
    }

    .item-review {
        padding: 30px 40px;
        margin-left: -25px;
        margin-right: -25px
    }

    .wrapper-descr .item-review {
        padding: 30px 40px;
        margin-left: -40px;
        margin-right: -40px
    }

    .item-review .side.side-user {
        width: 215px;
        min-width: 215px
    }

    .item-review .side.side-text .box {
        margin-bottom: 30px
    }

    .item-review .answer-box {
        padding: 20px
    }

    .item-video .img-box {
        width: 300px;
        height: 215px;
        min-width: 300px
    }

    .item-video .text-box {
        padding-left: 40px
    }

    .item-video .text-box p {
        margin: 20px 0
    }

    .promo-wrapper .side-info .name {
        margin-bottom: 20px
    }

    .promo-wrapper .side-info .btn-choice-size:hover .text {
        color: red
    }

    .promo-wrapper .side-info .btn-choice-size:hover .arrow-choice {
        color: #000
    }

    .promo-wrapper .side-info .btn-box {
        margin-top: 42px;
        margin-bottom: 70px
    }

    .promo-wrapper .side-info .btn-box .like-box {
        margin-left: 25px
    }

    .promo-wrapper .side-info .block,
    .promo-wrapper .side-info .select-line-box {
        margin-bottom: 20px
    }

    .promo-wrapper .side-preview {
        width: 540px
    }

    .promo-wrapper .text-box {
        margin-left: 135px
    }

    .promo-wrapper .text-box .title {
        margin-bottom: 20px
    }

    .promo-wrapper .change-item:hover .img-box {
        opacity: .8
    }

    .promo-wrapper .change-item {
        width: 68px;
        height: 70px
    }

    .ram-line .ram:hover {
        border-color: #909090
    }

    .promo-price-wrapper .icons-row {
        right: 20px
    }

    .promo-price-wrapper .col-btn {
        text-align: left
    }

    .promo-price-wrapper {
        padding: 10px
    }

    .promo-price-wrapper .price-box .old-price {
        font-size: 14px
    }

    .promo-price-wrapper .title-price {
        margin: 10px 0;
        font-size: 30px
    }

    .promo-price-wrapper .tooltip:not(:first-of-type) {
        margin-top: 15px
    }

    .promo-price-wrapper .col-btn .btn {
        margin-top: 10px
    }

    .promo-price-wrapper .col-tooltip {
        margin-top: 24px
    }

    .promo-price-wrapper .col-tooltip .tooltip .icon:hover {
        background-color: var(--primary-color);
        color: #fff
    }

    .promo-price-wrapper .col-tooltip .tooltip .icon:hover+.tooltip-aside {
        opacity: 1
    }

    .promo-icon-wrapper {
        padding: 25px 10px
    }

    .promo-icon-wrapper .icon-block:hover .box-icon {
        background-color: var(--primary-color)
    }

    .border-line-box a.link:hover {
        text-decoration: underline
    }

    .content-slider-box .title-control-row {
        padding-bottom: 25px
    }

    .content-slider-box .img:hover {
        transform: scale(1) !important
    }

    .page-widget {
        padding-top: 40px
    }

    .page-widget .tab-btn-line:hover,
    .tab-widget .tab-btn-line:hover {
        color: #242323;
        border-color: #242323
    }

    .article-page article {
        padding: 30px 25px;
        max-width: 880px
    }

    .article-page aside {
        margin-top: 30px
    }

    .article-page .author-info-line {
        margin-bottom: 30px
    }

    .article-page .author-info-line .text {
        font-size: 14px
    }

    .article-page .author-info-line .seen .text {
        margin-left: 30px
    }

    .article-page .article-title {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .article-page .article-title .social-wrapper {
        position: relative;
        top: 6px
    }

    .article-page h1 {
        font-size: 36px
    }

    .article-page h2 {
        margin: 30px 0;
        font-size: 24px
    }

    .commentary-wrapper {
        margin-top: 80px;
        padding: 25px
    }

    .commentary-wrapper .descr-box .avatar-icon,
    .commentary-wrapper .descr-box .descr {
        margin-right: 20px
    }

    .commentary-wrapper .commentary-box {
        padding: 25px 25px 0 25px;
        margin-left: -25px;
        margin-right: -25px
    }

    .comment .descr {
        margin-right: 14px !important
    }

    .aside-box .aside-news-item .title:hover {
        color: #ff9845
    }

    .checkout-wrapper .side .block {
        padding: 25px
    }

    .checkout-wrapper .side.side-left {
        width: 100%
    }

    .checkout-wrapper .side.side-right {
        max-width: 455px;
        width: 100%
    }

    .checkout-wrapper .check-delivery-wrapper .check-delivery-item {
        padding: 8px 15px;
        margin-right: 20px
    }

    .checkout-wrapper .check-delivery-wrapper .check-delivery-item:hover .title {
        color: #242323
    }

    .checkout-wrapper .row-radio {
        display: flex;
        align-items: center
    }

    .checkout-wrapper .row-radio .radio {
        width: 500px
    }

    .checkout-wrapper .row-radio .logo-block {
        width: 25%
    }

    .checkout-wrapper .row-radio.wide-j {
        justify-content: space-between
    }

    .checkout-wrapper .radio-box:not(:last-of-type) {
        margin-bottom: 15px
    }

    .checkout-wrapper .block-descr {
        margin-top: 15px
    }

    .item-checkout .close-checkout:hover {
        background-color: #f5f5f5
    }

    .side-items-wrapper .block-content .title {
        margin-bottom: 25px
    }

    .side-items-wrapper .link:hover {
        text-shadow: 0 0 20px var(--primary-color)
    }

    .side-items-wrapper .items-wrapper {
        margin-bottom: 25px
    }

    .side-items-wrapper .form-wrapper .btn:hover {
        box-shadow: 0 15px 25px rgba(0, 0, 0, .1)
    }

    .side-items-wrapper .section-form {
        margin-top: 100px;
        margin-bottom: 80px
    }

    .side-items-wrapper .partners-items-wrapper {
        margin-top: 100px
    }

    .side-items-wrapper .partners-items-wrapper .item {
        margin: 0 30px 30px
    }

    .side-items-wrapper .hover-items-wrapper .item {
        background-color: transparent
    }

    .side-items-wrapper .hover-items-wrapper .item:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .side-items-wrapper .hover-items-wrapper .item:hover .link-block {
        opacity: 1
    }

    .side-items-wrapper .hover-items-wrapper .link-block {
        margin-top: 25px
    }

    .credit-items-wrapper .credit-img-item {
        margin-left: 65px
    }

    .filter-wrapper .toggle-line:hover {
        background-color: #f8f8f8
    }

    body.fixed .card-drop-container {
        position: fixed;
        max-height: calc(100vh - 41px);
        overflow: auto
    }

    .section-content {
        padding-bottom: 60px
    }

    .section,
    section {
        margin: 60px 0
    }

    .section:last-of-type,
    section:last-of-type {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:749px) and (max-width:1249px) {
    .nowrap-t {
        flex-wrap: nowrap
    }

    .hide-t {
        display: none !important
    }

    .link-16-border,
    .p,
    .text-16,
    .text-16-b,
    .text-18,
    .text-18-b,
    .text-20,
    .text-20-b,
    .text-custom,
    .title-16,
    .title-20,
    h3 {
        font-size: 16px
    }

    .text-24 {
        font-size: 20px
    }

    .h2,
    .text-30,
    .text-30-b,
    .title-30-l {
        font-size: 18px
    }

    .wrapper-title {
        font-size: 26px
    }

    .p,
    p {
        margin: 20px 0
    }

    .title-48 {
        font-size: 34px
    }

    .title-28,
    .title-34 {
        font-size: 25px
    }

    .cd-popup .popup .popup-content {
        padding: 20px 30px 30px;
        max-width: 440px;
        width: 100%
    }

    .cd-popup .name {
        min-width: 90px
    }

    .cd-popup .input-custom {
        width: 190px !important;
        height: 30px
    }

    .custom-popup-content .search-scroll .custom-scrollbar__inner {
        width: 110%
    }

    .btn.btn-as-cart,
    .btn.btn-cart {
        width: 80px;
        height: 20px
    }

    .btn.w-190 {
        width: 140px;
        height: 30px
    }

    .btn .text {
        font-size: 12px
    }

    .btn .text .icon-check {
        left: 4px
    }

    .input-range-box .label-range {
        max-width: 70px;
        font-size: 12px
    }

    .input-range-box .icon-rub {
        left: -3px;
        font-size: 8px
    }

    .radio .text-box {
        margin-top: 15px;
        margin-bottom: 25px
    }

    .radio .text-box .descr {
        line-height: 25px
    }

    .radio:not(:last-of-type) {
        margin-bottom: 15px
    }

    .checkbox input[type=checkbox]+label,
    .input-custom,
    .radio input[type=checkbox]+label {
        font-size: 12px
    }

    .input-custom {
        height: 30px;
        line-height: 20px;
        padding-left: 10px
    }

    .input-custom.w-180,
    .input-custom.w-195,
    .input-custom.w-224 {
        width: 140px
    }

    .textarea-custom.w-310 {
        width: 310px
    }

    .textarea-custom.w-360 {
        width: 360px
    }

    .catalog-menu {
        width: 390px;
        height: 100%
    }

    .page-transform #page,
    .page-transform footer {
        transform: translateX(270px)
    }

    .side-bar-container {
        width: 270px;
        transform: translateX(-270px)
    }

    .side-bar-container .side-box-container>li .link,
    .side-bar-container .side-box-container>li span {
        padding: 15px 30px
    }

    .content-container-delivery .side-img-delivery {
        width: 350px;
        min-width: 350px;
        padding-left: 40px
    }

    .container-profile .table-history-box .line .col-title {
        width: 150px;
        min-width: 150px
    }

    .container-profile .delivery-text-row {
        padding-left: 150px
    }

    .container-profile .delivery-text-price {
        padding: 30px 0
    }

    .container-profile .contact-text-block .wrapper-profile {
        width: 100%
    }

    .search-wrapper {
        margin-left: 15px;
        margin-right: 15px
    }

    .user-wrapper {
        box-sizing: border-box;
        border-left: 1px solid #f5f5f5;
        padding-left: 15px;
        margin-left: 20px
    }

    .user-wrapper .social_popup {
        top: -6px
    }

    .arrow-black,
    .arrows-box .arrow {
        width: 30px;
        height: 30px
    }

    .signboard-wrapper .text-side {
        min-width: 180px;
        padding: 0 20px;
        width: 180px;
        height: 190px
    }

    .items-wrapper.evenly {
        flex-wrap: nowrap !important
    }

    .items-wrapper.preview-items-wrapper {
        margin-bottom: -25px;
        margin-right: -9px
    }

    .items-wrapper.preview-items-wrapper .item-preview {
        margin-bottom: 20px;
        margin-right: 9px
    }

    .items-wrapper.custom-items-wrapper .item-preview,
    .items-wrapper.custom-items-wrapper .item-news {
        margin-right: 9px;
        margin-bottom: 20px
    }

    .content-row .catalog-control-line {
        padding-bottom: 20px
    }

    .content-row .catalog-control-line .check-link {
        margin-left: 25px;
        font-size: 14px
    }

    .content-row.manufacturers .preview-content {
        padding-left: 20px
    }

    .tag-line {
        padding: 15px 0
    }

    .tag-line .tag-box .text {
        font-size: 14px
    }

    .wrapper-descr {
        padding: 20px
    }

    .wrapper-descr-panel .side-description {
        width: 250px;
        min-width: 250px
    }

    .video-block {
        height: 260px
    }

    .wrapper-profile {
        padding: 20px 30px 30px
    }

    .row-delivery-profile {
        padding: 5px 20px
    }

    .row-delivery-profile .delivery-text-price {
        padding: 10px 0
    }

    .content-slider-box {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: -30px;
        padding: 20px 30px 30px
    }

    .container-delivery-img {
        margin-right: -20px
    }

    .delivery-img {
        width: 560px;
        height: 260px;
        margin-right: 20px
    }

    .container-profile-delivery .table-block {
        display: flex
    }

    .delivery-text-block {
        max-width: 450px
    }

    .profile-preview-row .item-checkout {
        width: 361px
    }

    .enter-block {
        min-width: 300px;
        width: 300px
    }

    .row-enter .btn-enter {
        margin-top: 20px
    }

    .row-title-line {
        width: 100%
    }

    .title-380 {
        max-width: 300px;
        border-right: none !important
    }

    .side-wrapper .side-text {
        padding: 0 20px 25px
    }

    .side-wrapper .side-text+.side-img {
        justify-content: flex-end
    }

    .side-wrapper-video,
    .side-wrapper .side-text+.side-img {
        display: flex
    }

    .side-wrapper-video {
        flex-direction: column
    }

    .side-wrapper-video .bg-img-wrapper {
        top: -110px;
        bottom: 170px
    }

    .side-wrapper-video .side-text {
        padding-top: 50px !important;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }

    .side-wrapper-video .title {
        font-size: 22px
    }

    .side-wrapper-video .side-img {
        max-width: 460px
    }

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

    .items-icons-wrapper .item {
        max-width: 200px;
        margin: 0 10px
    }

    .video-popup .video-content {
        width: 720px;
        height: 400px
    }

    .video-popup .close {
        top: 10px;
        right: 10px
    }

    header {
        padding-bottom: 70px
    }

    header .middle-line {
        flex-wrap: wrap
    }

    header .middle-line .logo-box {
        top: 33px
    }

    header .middle-line .brand-row {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #f5f5f5;
        align-items: center;
        height: 70px
    }

    header .middle-line .brand-row,
    header .search-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background-color: #fff
    }

    header .search-row {
        position: relative
    }

    header .search-row .search-wrapper {
        order: -1;
        margin-left: 50px
    }

    header .search-row .social-wrapper {
        margin-left: auto
    }

    .nav-line .user-wrapper {
        padding-left: 15px;
        margin-left: 15px
    }

    .search-wrapper-container {
        display: flex;
        order: -1
    }

    .search-wrapper {
        width: 320px
    }

    .search-wrapper .hidden-block-wrapper {
        width: 320px;
        top: 49px
    }

    .contact-wrapper .footer-content,
    footer .footer-content {
        padding: 40px 0
    }

    .contact-wrapper .footer-content .row-wide-j,
    footer .footer-content .row-wide-j {
        justify-content: flex-start;
        margin: 0 -15px;
        width: auto
    }

    .contact-wrapper .footer-content .row-wide-j .payment-methods,
    footer .footer-content .row-wide-j .payment-methods {
        display: none
    }

    .contact-wrapper .footer-links-block,
    footer .footer-links-block {
        max-width: 180px;
        margin: 0 15px
    }

    .contact-wrapper .footer-links-block.soc,
    footer .footer-links-block.soc {
        order: 5
    }

    .contact-wrapper .footer-links-block .link,
    footer .footer-links-block .link {
        font-size: 14px
    }

    .contact-wrapper .footer-links-block .signboard-wrapper .text-side,
    footer .footer-links-block .signboard-wrapper .text-side {
        height: 160px;
        width: 150px;
        min-width: 140px
    }

    .contact-wrapper .footer-bottom,
    footer .footer-bottom {
        padding: 20px 0
    }

    .contact-wrapper .footer-bottom .text,
    footer .footer-bottom .text {
        padding-right: 40px
    }

    .contact-wrapper .hide-box,
    footer .hide-box {
        justify-content: space-between
    }

    .contact-wrapper .contact-text-block,
    .container-profile .contact-text-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .contact-wrapper .contact-text-block .title-line,
    .container-profile .contact-text-block .title-line {
        width: 100%
    }

    .contact-wrapper .contact-form.delivery-form .title-line-empty,
    .container-profile .contact-form.delivery-form .title-line-empty {
        min-height: 51px
    }

    .contact-wrapper .footer-links-block,
    .container-profile .footer-links-block {
        /*max-width: 220px !important;*/
        box-sizing: border-box;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .slide-top {
        top: -75px
    }

    .brand_slider .swiper-slide {
        width: 115px
    }

    .slider-col-6 .swiper-slide {
        width: 172px
    }

    .brand_slider,
    .slider-col-6 {
        max-width: 720px
    }

    .brand-slide {
        width: 115px;
        height: 85px
    }

    .index-1 .brand-slide {
        height: auto;
        padding: 10px 0
    }

    .brand-slide .brand {
        width: 100px;
        height: 85px
    }

    .brand-slide .img {
        max-height: 45px
    }

    .main_promo_slider {
        height: 300px
    }

    .main_promo_slider .img-box {
        padding: 0 15px
    }

    .main_promo_slider .img-box .label-box {
        top: 10px;
        left: 25px
    }

    .main-top-wrapper {
        height: 360px
    }

    .card-drop-container {
        top: 49px !important;
        max-height: calc(100vh - 49px);
        overflow: auto
    }

    .toggle-panel-wrapper:before {
        left: 0;
        right: 0
    }

    .toggle-panel-wrapper.box-panel-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .toggle-panel-wrapper .toggle-line {
        padding: 5px 0
    }

    .toggle-panel-wrapper .toggle-line .plus-icon {
        right: -5px
    }

    .toggle-panel-wrapper .toggle-line .title {
        font-size: 14px
    }

    .toggle-panel-wrapper .toggle-content {
        padding-left: 20px
    }

    .aside {
        width: 170px;
        margin-right: 15px
    }

    .aside .box {
        padding: 20px 0
    }

    .aside .box:before {
        left: 0;
        right: 0
    }

    .aside .toggle-panel-wrapper {
        padding: 15px 0
    }

    .aside .toggle-panel-wrapper .toggle-item .link {
        font-size: 12px;
        margin: 5px 10px
    }

    .compare-wrapper .box.box-item-compare {
        width: 270px;
        min-width: 270px
    }

    .compare-wrapper .box.box-item-compare .btn {
        bottom: -50px;
        width: 125px;
        height: 30px
    }

    .compare-wrapper .box.box-descr {
        width: 200px;
        min-width: 200px
    }

    .compare-wrapper .col {
        padding: 10px 13px
    }

    .compare-wrapper .col.h-name {
        height: 50px
    }

    .compare-wrapper .name {
        max-height: 40px
    }

    .title-control-box {
        padding-top: 40px
    }

    .content-container .box .text-border {
        margin: 19px 0 3px
    }

    .item-news .title,
    .item-preview .title {
        font-size: 13px;
        line-height: 15px
    }

    .item-news .info-box .text-box,
    .item-preview .info-box .text-box {
        height: 50px
    }

    .item-news .rating-line,
    .item-preview .rating-line {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .item-catalog {
        width: 230px
    }

    .item-catalog .img-box {
        height: 190px;
        padding: 20px
    }

    .item-catalog .img-box:before {
        height: 120px
    }

    .item-news {
        width: 176px
    }

    .item-news .img-box {
        height: 160px
    }

    .item-news .text-descr {
        font-size: 9px
    }

    .item-news .info-box {
        padding: 10px 7px 10px
    }

    .item-preview {
        width: 172px
    }

    .item-preview .img-box {
        height: 220px;
        padding: 0 10px 0
    }

    .item-preview .img-box .top-line {
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
        padding-top: 5px;
        box-sizing: border-box
    }

    .item-preview .img-box .img {
        width: 100%;
        height: 170px
    }

    .item-preview .img-box .img img {
        max-height: 170px
    }

    .item-preview .info-box {
        padding: 5px 7px 10px
    }

    .item-preview .info-box .text-box {
        height: 36px
    }

    .item-preview .save-box .compare-item,
    .item-preview .save-box .heart-item {
        transform: scale(.9)
    }

    .item-preview .save-box .compare-item {
        margin-right: 8px
    }

    .price-box .text-price {
        font-size: 18px
    }

    .items-wrapper-icon {
        flex-wrap: nowrap !important;
        margin: 0 -15px
    }

    .item-icon {
        width: 100%;
        margin: 0 15px
    }

    .item-icon .descr {
        font-size: 12px
    }

    .stickers-box .text-label {
        margin-right: 10px
    }

    .slide-preview .img-box {
        height: 260px
    }

    .slide-preview .img-box .img {
        height: 360px
    }

    .slide-preview .img-box .img img {
        max-height: 100%
    }

    .items-math-wrapper .item-math {
        width: 160px;
        height: 100px;
        padding: 10px
    }

    .items-math-wrapper .item-math .item-box {
        margin-right: 15px;
        margin-left: 10px;
        width: 30px;
        min-width: 30px
    }

    .items-math-wrapper .item-math .text-box .title {
        font-size: 10px;
        margin-bottom: 5px
    }

    .items-math-wrapper .item-math .btn {
        margin-top: 5px;
        width: 130px;
        height: 30px
    }

    .items-review-wrapper.items_reviews .item-review .text-custom {
        font-size: 14px
    }

    .item-review,
    .wrapper-descr .item-review {
        padding: 30px;
        margin-left: -20px;
        margin-right: -20px
    }

    .item-review .side.side-user {
        width: 170px;
        min-width: 170px
    }

    .item-review .side.side-text .box {
        margin-bottom: 20px
    }

    .item-review .answer-box {
        padding: 12px 20px
    }

    .item-review .row-answer .user .text-18-b {
        font-size: 14px
    }

    .item-video .img-box {
        width: 200px;
        height: 130px;
        min-width: 200px
    }

    .item-video .text-box {
        padding-left: 20px
    }

    .item-video .text-box p {
        font-size: 14px;
        margin: 15px 0
    }

    .promo-wrapper .side-info,
    .promo-wrapper .side-preview {
        width: 50%
    }

    .promo-wrapper .side-info .name {
        width: 260px;
        margin-bottom: 15px
    }

    .promo-wrapper .side-info .btn-choice-size {
        margin-top: 20px;
        margin-left: 120px
    }

    .promo-wrapper .side-info .btn-box {
        margin-top: 25px;
        margin-bottom: 65px
    }

    .promo-wrapper .side-info .btn-box .like-box {
        margin-left: 10px;
        border: 1px solid #ebebeb !important
    }

    .promo-wrapper .side-info .select-line-box {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 25px
    }

    .promo-wrapper .side-info .select-line-box .select-box-custom {
        margin-top: 10px
    }

    .promo-wrapper .side-preview {
        width: 420px
    }

    .promo-wrapper .text-box {
        order: 2;
        margin-top: 25px;
        box-sizing: border-box;
        padding: 0 40px
    }

    .promo-wrapper .text-box .title {
        margin-bottom: 15px
    }

    .promo-wrapper .change-item {
        width: 40px;
        height: 50px
    }

    .promo-price-wrapper .title-price {
        font-size: 18px
    }

    .promo-icon-wrapper {
        padding: 20px
    }

    .promo-icon-wrapper .icon-block {
        text-align: center
    }

    .promo-icon-wrapper .box-icon {
        margin: 0 auto 10px
    }

    .content-slider-box .title-control-row {
        padding-bottom: 20px
    }

    .article-page article {
        padding: 30px 20px;
        max-width: 64%
    }

    .article-page aside {
        margin-right: 20px;
        margin-top: 70px
    }

    .article-page .author-info-line {
        margin-bottom: 20px
    }

    .article-page .author-info-line .text {
        font-size: 12px
    }

    .article-page .author-info-line .seen .text {
        margin-left: 15px
    }

    .article-page h1 {
        font-size: 30px
    }

    .article-page h2 {
        margin: 30px 0;
        font-size: 20px
    }

    .commentary-wrapper {
        margin-top: 60px;
        padding: 20px
    }

    .commentary-wrapper .descr-box .avatar-icon,
    .commentary-wrapper .descr-box .descr {
        margin-right: 20px
    }

    .commentary-wrapper .commentary-box {
        padding: 15px 15px 0 15px;
        margin-left: -15px;
        margin-right: -15px
    }

    .checkout-wrapper .side .block {
        padding: 20px
    }

    .checkout-wrapper .side.side-left {
        width: 50%
    }

    .checkout-wrapper .side.side-right {
        max-width: 455px;
        width: 50%
    }

    .checkout-wrapper .input-line {
        display: flex;
        flex-wrap: wrap
    }

    .checkout-wrapper .input-line .input-custom {
        margin-bottom: 20px
    }

    .checkout-wrapper .check-delivery-wrapper .check-delivery-item {
        min-width: 160px;
        margin-right: 10px;
        padding: 8px 10px
    }

    .checkout-wrapper .row-radio .logo-block {
        margin-bottom: 15px
    }

    .checkout-wrapper .row-radio.wide-j .select-box-custom {
        margin: 10px 40px 20px
    }

    .checkout-wrapper .radio-box:not(:last-of-type) {
        margin-bottom: 15px
    }

    .checkout-wrapper .block-descr {
        margin-top: 15px;
        margin-bottom: 20px;
        box-sizing: border-box;
        padding-right: 60px
    }

    .item-checkout .text-box {
        padding-right: 20px
    }

    .personal-info-block {
        height: 70px;
        padding-left: 30px;
        padding-right: 30px
    }

    .about-personal-container {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .side-items-wrapper .items-wrapper {
        margin-bottom: 0
    }

    .side-items-wrapper .items-wrapper .item {
        margin-bottom: 30px
    }

    .side-items-wrapper .section-form {
        margin-top: 80px;
        margin-bottom: 60px
    }

    .side-items-wrapper .partners-items-wrapper {
        margin: 80px 0 0
    }

    .side-items-wrapper .partners-items-wrapper .item {
        margin: 0 0 30px;
        width: 50%;
        display: flex;
        justify-content: center
    }

    .credit-items-wrapper .credit-item {
        margin-bottom: 30px
    }

    .filter-wrapper .select-line {
        margin-bottom: 50px
    }

    .filter-wrapper .btn-filter-action {
        width: 235px
    }

    #page {
        padding-bottom: 290px;
        margin-bottom: -290px
    }

    .section-content {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:748px),
only screen and (min-width:749px) and (max-width:1249px) {
    .only-d {
        display: none !important
    }

    #desktop {
        display: none
    }

    ul.menu .adaptive-top-line {
        margin-bottom: 15px;
        height: 52px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding-left: 15px;
        border-bottom: 2px solid #faf9f9
    }

    .catalog-container {
        position: relative;
        overflow: hidden;
        height: auto
    }

    .logo-box .logo-text {
        top: 3px
    }

    .promo-price-wrapper {
        display: block;
        margin-top: 20px;
        position: relative;
        box-sizing: border-box;
        padding: 15px
    }

    .promo-price-wrapper .flex-wrap {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 5px
    }

    .promo-price-wrapper .old-price {
        font-size: 12px;
        white-space: nowrap
    }

    .promo-price-wrapper .text-red {
        white-space: nowrap;
        font-size: 20px
    }

    .promo-price-wrapper .text-20-b {
        white-space: nowrap;
        font-size: 16px
    }

    .promo-price-wrapper .icons-row {
        position: absolute;
        bottom: 0;
        width: 130px;
        right: 5px
    }

    @media only screen and (min-width:1250px) {
        .promo-price-wrapper .icons-row {
            right: 20px
        }
    }

    .promo-price-wrapper .icons-row .icon {
        font-size: 15px
    }

    .promo-price-wrapper .col-tooltip {
        margin-top: 0
    }

    .promo-price-wrapper .col-tooltip .descr {
        font-size: 12px
    }

    @media only screen and (max-width:748px),
    only screen and (min-width:749px) and (max-width:1249px) {
        .promo-price-wrapper .col-tooltip .tooltip+.tooltip {
            margin-top: 10px
        }
    }

    @media only screen and (max-width:748px),
    only screen and (min-width:749px) and (max-width:1249px) {
        .promo-price-wrapper .col-btn {
            margin-top: 20px;
            text-align: left
        }
    }

    @media only screen and (min-width:1250px) {
        .promo-price-wrapper .col-btn {
            text-align: left
        }
    }

    .promo-price-wrapper .col-btn .text-border-link {
        margin-top: 15px;
        display: inline-block
    }

    .promo-price-wrapper .btn {
        font-size: 12px !important;
        flex-grow: 1;
        height: 30px
    }

    @media only screen and (max-width:748px),
    only screen and (min-width:749px) and (max-width:1249px) {
        .promo-price-wrapper .btn .text {
            font-size: 12px !important
        }
    }

    .promo-price-wrapper .btn+.btn {
        margin-left: 10px
    }

    .promo-price-wrapper .col-tooltip .tooltip+.tooltip {
        margin-top: 10px
    }

    .promo-price-wrapper .btn {
        height: 30px
    }

    .promo-price-wrapper .btn .text {
        font-size: 12px !important
    }

    .promo-price-wrapper .title-price {
        margin: 5px 0;
        font-size: 18px
    }

    .promo-price-wrapper .col-tooltip {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:748px),
only screen and (min-width:1250px) {
    .only-t {
        display: none !important
    }

    #tablet {
        display: none
    }
}

@media only screen and (min-width:749px) and (max-width:1249px),
only screen and (min-width:1250px) {
    .only-m {
        display: none !important
    }

    .items-review-wrapper.items_reviews .pros_icon:before {
        left: -22px;
        font-size: 22px;
        height: 22px;
        line-height: 22px
    }

    .items-review-wrapper.items_reviews .cons_icon:before {
        left: -20px;
        font-size: 24px;
        height: 18px;
        line-height: 18px
    }

    .items-review-wrapper.items_reviews .comment_icon:before {
        left: -22px;
        height: 22px;
        line-height: 22px
    }
}

@media only screen and (min-width:749px) and (max-width:1249px),
only screen and (min-width:1250px) {
    #mobile {
        display: none
    }

    .items-wrapper-icon {
        justify-content: space-between
    }

    .items-wrapper-icon .item-icon>a {
        flex-direction: column
    }

    .slide-preview .img-box {
        min-height: 220px
    }
}

@media only screen and (min-width:749px) and (max-width:1249px),
only screen and (min-width:1250px) {
    .text-22-b {
        font-size: 22px
    }

    .h1 {
        font-size: 50px
    }

    .link-orange {
        font-size: 14px;
        line-height: 20px
    }

    .row-t-d {
        display: flex
    }

    .cd-popup .popup .popup-content .text-box .title-box {
        margin-left: -40px;
        margin-right: -40px;
        padding-bottom: 20px;
        margin-bottom: 30px
    }

    .cd-popup .popup .popup-content .btn-box:not(:last-of-type) {
        margin-bottom: 45px
    }

    .cd-popup .popup .popup-content .input-wrapper {
        margin-bottom: 50px
    }

    .cd-popup .close-popup-icon {
        top: 9px;
        right: 10px
    }

    .cd-popup .row-input {
        display: flex;
        align-items: center
    }

    .cd-popup .close-popup-link {
        margin-top: 10px
    }

    .cd-popup .side-info .row-card {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .cd-popup .side-info .name {
        font-size: 24px
    }

    .popup-content-min .box-phone-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 50px auto 40px !important
    }

    .popup-content-min .box-phone-label .form-btn-line {
        margin-left: 10px
    }

    .btn.w-120 {
        width: 120px;
        height: 30px
    }

    .btn.w-160 {
        width: 160px;
        height: 40px
    }

    .btn.w-210 {
        width: 210px;
        height: 40px
    }

    .btn .text .icon-check {
        height: 6px;
        font-size: 6px;
        line-height: 6px
    }

    .ui-slider .ui-slider-handle:first-of-type:before {
        margin-left: -6px
    }

    .ui-slider .ui-slider-handle:last-of-type:before {
        margin-left: -7px
    }

    .checkbox input[type=radio]+label,
    .radio input[type=radio]+label {
        line-height: 20px
    }

    .content-container-delivery .side-img-delivery {
        margin-top: -25px;
        margin-right: -25px;
        padding-left: 40px
    }

    .container-profile {
        padding-bottom: 40px
    }

    .container-profile .table-history-box .line {
        margin-bottom: 20px;
        display: flex
    }

    .container-profile .table-history-box .line-preview {
        align-items: center
    }

    .container-profile .table-history-box .line-preview .col-title {
        max-width: 210px
    }

    .container-profile .row-signature {
        display: flex;
        align-items: center
    }

    .container-profile .row-signature .text {
        margin-right: 40px
    }

    .container-profile .btn-row .btn {
        margin-right: 20px
    }

    .container-profile .row-data {
        display: flex
    }

    .container-profile .row-data .col-title {
        width: 310px
    }

    .container-profile .row-data .col-descr .link {
        margin-left: 10px
    }

    .search-wrapper .input-search:focus+.icon-search,
    .search-wrapper.open .input-search+.icon-search {
        display: none
    }

    .search-wrapper .icon-close {
        right: 20px
    }

    .user-wrapper .user-btn {
        padding: 15px
    }

    .title-control-container {
        margin-bottom: 30px
    }

    .signboard-wrapper {
        display: flex
    }

    .items-wrapper {
        display: flex;
        flex-wrap: wrap
    }

    .items-wrapper.preview-items-wrapper,
    .items-wrapper.custom-items-wrapper {
        justify-content: flex-start
    }

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

    .wrapper-descr ol,
    .wrapper-descr ul,
    article ol,
    article ul {
        margin: 30px 0
    }

    .show_more_block .title-top,
    .show_more_block h2,
    .wrapper-descr .title-top,
    .wrapper-descr h2 {
        font-size: 24px
    }

    .show_more_block .row-title-panel,
    .wrapper-descr .row-title-panel {
        padding-bottom: 0
    }

    .wrapper-descr-panel .side-content {
        border-radius: 0 15px 15px 0;
        padding: 0 40px
    }

    .wrapper-descr-panel .side-content.rounded {
        border-radius: 15px
    }

    .wrapper-descr-panel .side-content .box {
        padding: 30px 0
    }

    .wrapper-descr-panel .side-content .box .line .title {
        width: 280px
    }

    .status-wrapper .item {
        margin-right: 10px
    }

    .wrapper-profile .input-line {
        display: flex;
        flex-wrap: wrap;
        margin-right: 30px
    }

    .wrapper-profile .input-line .input-custom {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .wrapper-profile-enter {
        padding: 0
    }

    .row-delivery-profile {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .content-slider-box {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px
    }

    .delivery-img .img-block {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .block-404 .title {
        font-size: 122px
    }

    .row-404 {
        display: flex;
        align-items: center
    }

    .enter-block {
        border-right: 1px solid #f5f5f5
    }

    .enter-block,
    .row-enter {
        padding: 20px
    }

    .row-enter {
        padding-left: 30px;
        display: flex
    }

    .title-container {
        padding: 20px 0 !important
    }

    .title-container h1 {
        font-size: 24px
    }

    .side-wrapper-video .text-descr {
        box-sizing: border-box;
        padding-right: 40px
    }

    .contact-wrapper .footer-links-block .title,
    footer .footer-links-block .title {
        margin-bottom: 20px
    }

    .contact-wrapper .footer-links-block .title:after,
    .contact-wrapper .footer-links-block .title:before,
    footer .footer-links-block .title:after,
    footer .footer-links-block .title:before {
        display: none
    }

    .contact-wrapper .footer-links-block .soc-icon,
    footer .footer-links-block .soc-icon {
        width: 50px;
        margin-left: -15px
    }

    .contact-wrapper .soc-img,
    footer .soc-img {
        margin-top: 15px
    }

    .contact-wrapper .logo-box,
    footer .logo-box {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .contact-wrapper .contact-form .title-line,
    .container-profile .contact-form .title-line {
        width: 100%
    }

    .contact-wrapper .contact-form.delivery-form .line-row .col-title,
    .container-profile .contact-form.delivery-form .line-row .col-title {
        width: 100px
    }

    .img-contact-wrapper {
        height: 430px
    }

    .slide-top {
        right: 0
    }

    .slide-top-arrow {
        width: 50px;
        height: 50px
    }

    .main_promo_slider {
        width: 100%
    }

    .slider-compare {
        margin-left: 10px
    }

    .popup-slide-left {
        left: -15px
    }

    .popup-slide-right {
        right: -15px
    }

    .main-top-wrapper .main-top-container {
        justify-content: flex-end
    }

    .card-drop-container {
        width: 450px
    }

    .card-drop-container .order-line {
        padding: 20px 30px
    }

    .card-drop-container .order-line-total {
        padding: 5px 30px
    }

    .compare-wrapper {
        padding-bottom: 80px
    }

    .compare-wrapper .col.gradient:before {
        bottom: 10px
    }

    .compare-wrapper .rating-line {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .compare-wrapper .descr {
        margin-right: -40px;
        padding-right: 40px;
        max-height: 100px
    }

    .content-container {
        padding: 25px
    }

    .item-preview .save-box .heart-item:after,
    .item-preview .save-box .heart-item:before {
        height: 19px;
        font-size: 19px;
        line-height: 1
    }

    .rating span {
        width: 15px;
        height: 18px
    }

    .comment-box .icon-message {
        height: 16px;
        font-size: 16px;
        line-height: 16px
    }

    .mark-wrapper .comment-box {
        margin-right: 20px
    }

    .close-popup-link,
    .comment-link,
    .text-border-link {
        font-size: 14px
    }

    .price-box .old-price {
        font-size: 16px
    }

    .item-icon .title {
        margin: 15px 0 10px
    }

    .item-review .box-row {
        margin-left: 20px
    }

    .item-review .row-item {
        width: 100%
    }

    .item-review .row-answer,
    .item-review .row-item {
        display: flex
    }

    .item-review .row-answer {
        align-items: flex-start
    }

    .item-review .row-answer .user {
        margin-right: 20px
    }

    .item-review .row-answer .user .img {
        height: 28px
    }

    .item-review .row-answer .user .text-18-b {
        margin-bottom: 7px
    }

    .item-video {
        display: flex
    }

    .item-video:not(:last-of-type) {
        margin-bottom: 40px
    }

    .item-preview-popup {
        width: 175px !important
    }

    .item-preview-popup .title {
        font-size: 14px !important
    }

    .promo-wrapper {
        margin-top: 20px;
        align-items: flex-start
    }

    .promo-wrapper,
    .promo-wrapper .side-info .item-title-wrap {
        display: flex;
        justify-content: space-between
    }

    .promo-wrapper .side-info .logo-preview-name {
        flex-shrink: 0;
        margin-left: 10px
    }

    .promo-wrapper .side-info .logo-preview-name .img {
        margin-bottom: 5px
    }

    .promo-wrapper .side-info .select-box-custom {
        margin-right: 30px
    }

    .promo-wrapper .side-preview .stickers-box .text-30-b+.text-30-b {
        margin-left: 20px
    }

    .promo-wrapper .text-box {
        max-width: 490px
    }

    .promo-wrapper .text-box .title {
        font-weight: 300
    }

    .content-slider-box .title-control-row .title-popup {
        font-size: 24px
    }

    .wrapper-preview-popup {
        margin-bottom: 40px
    }

    .wrapper-preview-popup .side-img {
        padding: 0 20px 0;
        width: 200px;
        min-width: 200px
    }

    .tab-widget-slider:after,
    .tab-widget-slider:before {
        display: none
    }

    .article-page aside {
        width: 260px
    }

    .article-page .author-info-line {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .commentary-wrapper .icon-arrow-comment {
        top: 2px;
        left: -10px
    }

    .comment {
        display: flex
    }

    .comment .text-box {
        margin-left: 15px
    }

    .comment .name {
        margin-right: 40px
    }

    .comment .text {
        margin: 10px 0
    }

    .avatar-icon {
        width: 35px;
        height: 35px;
        min-width: 35px
    }

    .aside-box {
        width: 100%
    }

    .checkout-wrapper {
        width: 100%;
        display: flex;
        align-items: flex-start
    }

    .checkout-wrapper .input-line .input-custom {
        margin-right: 15px
    }

    .item-checkout .img-box {
        padding: 20px;
        width: 90px;
        min-width: 90px
    }

    .item-checkout .text-box {
        max-width: 290px
    }

    .item-checkout .close-checkout {
        width: 40px;
        height: 40px
    }

    .personal-info-block {
        padding: 10px 20px
    }

    .side-items-wrapper .block.block-items {
        padding: 60px 20px
    }

    .side-items-wrapper .items-wrapper {
        margin-top: 60px;
        display: flex;
        justify-content: center
    }

    .side-items-wrapper .items-wrapper .item {
        width: 240px;
        margin-left: 15px;
        margin-right: 15px
    }

    .side-items-wrapper .items-wrapper .item .title {
        margin-bottom: 20px
    }

    .side-items-wrapper .items-wrapper .icon {
        margin-bottom: 35px
    }

    .side-items-wrapper .tab-widget .tab-btn-line {
        margin-right: 20px;
        margin-left: 20px
    }

    .side-items-wrapper .form-wrapper {
        display: flex;
        padding-top: 45px;
        padding-left: 70px;
        padding-bottom: 55px
    }

    .side-items-wrapper .form-wrapper .text-box {
        margin-right: 75px;
        width: 260px
    }

    .side-items-wrapper .form-wrapper .text-box .title {
        font-size: 28px
    }

    .side-items-wrapper .form-wrapper .form-box .box {
        margin-right: 25px;
        margin-bottom: 30px
    }

    .side-items-wrapper .form-wrapper .form-box .input-custom {
        width: 160px
    }

    .side-items-wrapper .form-wrapper .btn {
        width: 160px
    }

    .credit-items-wrapper .credit-item {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
    }

    .credit-items-wrapper .credit-item .top-box {
        padding: 20px 20px 10px
    }

    .credit-items-wrapper .credit-item .text-box {
        padding: 20px 20px 40px
    }

    .credit-items-wrapper .credit-item .text-box .text:not(:first-of-type) {
        margin-top: 20px
    }

    .filter-wrapper {
        margin-left: -25px;
        margin-right: -25px
    }

    .filter-wrapper .toggle-line {
        padding-left: 25px;
        padding-right: 25px
    }

    .filter-wrapper .toggle-line .plus-icon {
        height: 8px;
        font-size: 8px;
        line-height: 1
    }

    .filter-wrapper .filter-block .label-city {
        width: 70px
    }

    .section-content .signboard-wrapper {
        border-top: 10px solid #f5f5f5
    }

    .section-content .signboard-wrapper .text-side {
        border-right: 10px solid #f5f5f5
    }

    .section-content.section-content-404 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 748px),
only screen and (min-width: 1250px) {
    .promo-icon-wrapper .icon-block {
        display: flex;
        align-items: center
    }

    .promo-icon-wrapper .icon-block .text {
        margin-left: 10px
    }
}

#search-form {
    margin: 0;
    padding: 0;
}

#search-form .select_wrapper{
    min-width: 300px;
}

#search-form .select_wrapper .option_wrapper .option{
    min-width: 300px;
}

.default-form .select_wrapper {
    border-radius: 13px;
    border: 1px solid #f5f5f5;
}

.default-form .select_wrapper .select {
    border-radius: 13px;
    border: 1px solid #f5f5f5;
}

.default-form .select_wrapper, .default-form .option_wrapper{
    width: 310px;
}

@media only screen and (max-width: 748px) {
    .container-profile {
        padding: 0
    }

    .row-delivery-profile {
        display: block;
        padding: 15px 20px
    }

    .row-delivery-profile > div {
        text-align: left;
        padding: 5px 0
    }

    .row-delivery-profile .delivery-preview-link {
        padding: 5px 0
    }

    .row-delivery-profile .delivery-text-price {
        text-align: left
    }

    .row-delivery-profile .status-row {
        display: flex;
        align-items: center;
        margin-bottom: 5px
    }

    .row-delivery-profile .status-row .number-arrow {
        min-width: 100px;
        margin-right: 10px
    }

    .row-delivery-profile .hide-t {
        display: block;
        padding-top: 10px
    }
}

/* Logo wrapper - manufacturer block */
.logo-wrapper {
    display: flex;
    align-items: center
}

/* Credit/Reward button */
.promo-price-wrapper {
    position: relative;
    z-index: 2
}

.row-wide-align.flex-end {
    display: flex;
    justify-content: flex-end
}

.credit-btn {
    position: relative;
    z-index: 1;
    width: 250px;
    margin-top: -8px;
    padding: 16px 18px 8px 8px;
    font-size: 14px;
    background-color: #e7e7e7;
    box-shadow: 0 4px 16px hsla(0,0%,56%,.1);
    border-radius: 0 0 10px 20px;
    text-align: center
}

.credit-btn span.icon-cart:after {
    content: '';
    position: absolute;
    right: 10px;
    width: 22px;
    height: 22px;
    background: url('../images/icons/card.svg') right center no-repeat;
    background-size: contain;
    top: 14px
}

.credit-btn:after {
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 20px;
    background: #f8f8f8;
    z-index: 2;
    left: -36px;
    position: absolute;
    top: 8px
}

.credit-btn:before {
    content: '';
    background-color: #e7e7e7;
    width: 18px;
    height: 18px;
    left: -18px;
    top: 8px;
    position: absolute
}

.credit-btn span.credit-price {
    font-weight: 700;
    color: #ed8282;
    transition: color .15s ease-out
}

@media only screen and (max-width: 1249px) and (min-width: 749px) {
    .credit-btn {
        font-size: 12px;
        width: 200px;
        margin-top: -30px
    }

    .credit-btn span.icon-cart:after {
        right: 10px;
        width: 22px;
        height: 22px;
        top: 12px
    }
}

@media only screen and (min-width: 1250px) {
    .credit-btn:hover span {
        color: #242323
    }
}

@media only screen and (max-width: 748px) {
    .promo-wrapper .side-info .logo-preview-name .link-line-custom {
        font-size: 14px !important
    }

    .promo-wrapper .side-info .logo-preview-name .link-line-custom a {
        color: #333;
        text-decoration: underline
    }
}

/* Mobile icons-row fix */
@media only screen and (max-width: 748px) {
    .promo-price-wrapper.only-m .icons-row {
        position: static;
        width: 100%;
        margin-top: 10px;
        margin-bottom: -5px;
        display: flex;
        justify-content: flex-end
    }

    .promo-price-wrapper.only-m .icons-row .user-wrapper {
        gap: 20px
    }

    .promo-wrapper .side-info .mark-wrapper {
        margin-top: 20px
    }

    /* Mobile credit-btn */
    .row-wide-align.flex-end.only-m .credit-btn {
        width: 220px;
        margin-top: -8px;
        padding: 12px 14px 8px 8px;
        font-size: 13px
    }

    .row-wide-align.flex-end.only-m .credit-btn:after {
        width: 30px;
        height: 30px;
        left: -30px;
        top: 6px
    }

    .row-wide-align.flex-end.only-m .credit-btn:before {
        width: 15px;
        height: 15px;
        left: -15px;
        top: 6px
    }

    .row-wide-align.flex-end.only-m .credit-btn span.icon-cart:after {
        right: 8px;
        width: 18px;
        height: 18px;
        top: 10px
    }
}

/* Extended Reviews */
.review-helpful {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0
}

.review-helpful .helpful-text {
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 8px
}

.review-helpful .helpful-buttons {
    display: flex;
    gap: 10px
}

.review-helpful .btn-helpful {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 15px;
    background: #f5f5f5;
    color: #666;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease
}

.review-helpful .btn-helpful:hover {
    background: #e8e8e8
}

.review-helpful .btn-like:hover,
.review-helpful .btn-like.has-votes {
    background: #e8f5e9;
    color: #4caf50
}

.review-helpful .btn-dislike:hover,
.review-helpful .btn-dislike.has-votes {
    background: #ffebee;
    color: #f44336
}

.review-helpful .btn-helpful .count {
    font-weight: 600
}

.review-pros,
.review-cons {
    margin-bottom: 10px
}

.review-label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px
}

.review-label.text-success {
    color: #4caf50
}

.review-label.text-danger {
    color: #f44336
}

.textarea-custom.h-100 {
    height: 100px
}

/* Order products list */
.order-products-list {
    width: 100%
}

.order-products-list .item-card {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5
}

.order-products-list .item-card:last-child {
    border-bottom: none
}

.order-products-list .item-card .img-box {
    width: 47px;
    min-width: 47px;
    margin-right: 15px;
    margin-top: 0
}

.order-products-list .item-card .img-box .img {
    max-width: 100%
}

.order-products-list .item-card .text-box {
    flex: 1
}

.order-products-list .item-card .text-box .name {
    margin-bottom: 5px
}

.order-products-list .item-card .count {
    margin: 0 20px
}

.order-products-list .item-card .order-product-actions {
    display: flex;
    gap: 5px
}

.order-products-list .item-card .order-product-actions .btn {
    padding: 5px 10px
}

.order-totals-block {
    padding: 15px 0;
    border-top: 1px solid #f5f5f5
}

/* Alerts without background */
.alert-success,
.alert-danger,
.alert-warning,
.alert-info {
    background-color: transparent
}

/* Equal height for news cards */
.slider-col-6:has(.item-news) .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important
}

.slider-col-6:has(.item-news) .swiper-slide {
    height: auto !important
}

.slider-col-6 .item-news {
    height: 100%;
    display: flex;
    flex-direction: column
}

.slider-col-6 .item-news .info-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.slider-col-6 .item-news .text-descr {
    margin-top: auto
}

/* Equal height for blog page cards */
.custom-items-wrapper {
    display: flex;
    flex-wrap: wrap
}

.custom-items-wrapper .item-news {
    display: flex;
    flex-direction: column
}

.custom-items-wrapper .item-news .info-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.custom-items-wrapper .item-news .text-descr {
    margin-top: auto
}

/* Remove bottom margin from author-info-line */
.article-page .author-info-line {
    margin-bottom: 0
}

/* Blog review form */
.review-form-wrapper {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #f5f5f5
}

.review-form-wrapper .descr-box {
    margin-bottom: 20px
}

.review-form-wrapper .form-row {
    margin-bottom: 15px
}

.review-form-wrapper .rating-row {
    display: flex;
    align-items: center;
    gap: 15px
}

.review-form-wrapper .rating-row .rating span {
    cursor: pointer
}

.review-form-wrapper .input-custom {
    width: 100%;
    max-width: 300px
}

.review-form-wrapper .textarea {
    width: 100%;
    min-height: 120px
}

.review-form-wrapper .form-row-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px
}

.review-form-wrapper .help-block {
    color: #c1bfbf
}

.review-form-wrapper .alert {
    margin-bottom: 15px;
    padding: 10px 15px
}

.review-form-wrapper .login-notice {
    padding: 15px 0;
    color: #666
}

.review-form-wrapper .login-notice a {
    color: #ff9845
}

/* Blog comments */
.commentary-wrapper .commentary-box {
    margin-bottom: 30px
}

.commentary-wrapper .comment {
    padding: 20px 0;
    border-bottom: 1px solid #f5f5f5
}

.commentary-wrapper .comment:last-child {
    border-bottom: none
}

.commentary-wrapper .comment .row-align {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px
}

.commentary-wrapper .comment .rating-line {
    margin-bottom: 10px
}

.commentary-wrapper .comment .text {
    color: #333
}

.commentary-wrapper .no-reviews {
    padding: 20px 0;
    color: #999
}

/* Reset article styles for blog */
.article-page article {
    padding: 0;
    max-width: none
}

/* Center slider when few items */
.slider-col-6.manual_center,
.slider-col-3.manual_center {
    display: flex;
    justify-content: center
}

.slider-col-6.manual_center .swiper-wrapper,
.slider-col-3.manual_center .swiper-wrapper {
    display: flex;
    justify-content: center;
    width: 100% !important;
    transform: none !important
}

.slider-col-3.manual_center .swiper-slide {
    width: calc(33.333% - 7px) !important;
    margin-right: 10px;
    flex-shrink: 0
}

.slider-col-3.manual_center .swiper-slide:last-child {
    margin-right: 0
}

/* Nested categories as main */
.toggle-panel-wrapper.box-panel-wrapper .hidden-box {
    padding: 0 0 0 15px
}

.toggle-panel-wrapper.box-panel-wrapper .hidden-box > div > div {
    padding: 6px 0
}

.toggle-panel-wrapper.box-panel-wrapper .hidden-box .link {
    color: #242323;
    font-size: 16px;
    margin: 0;
    display: block
}

.toggle-panel-wrapper.box-panel-wrapper .hidden-box .link:hover {
    color: #8d8d8d
}

@media only screen and (max-width: 1249px) {
    .toggle-panel-wrapper.box-panel-wrapper .hidden-box .link {
        font-size: 14px
    }
    .toggle-panel-wrapper.box-panel-wrapper .hidden-box > div > div {
        padding: 5px 0
    }
}

/* No Questions Box */
.no-questions-box {
    border: 1px solid #f5f5f5;
    background-color: #fff;
    box-shadow: 0 4px 16px hsla(0, 0%, 56%, .1);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

/* Product Card Stock Status */
.item-preview .status {
    margin-bottom: 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.item-preview .status:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.item-preview .status.check {
    color: #008a2e;
}

.item-preview .status.empty {
    color: #ef4545;
}

.item-preview .status.order {
    color: #ffae13;
}

.item-preview .status.check:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2307bf3e'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

.item-preview .status.empty:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef4545'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.item-preview .status.order:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffae13'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 1023px) {
    .item-preview .status {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .item-preview .status:before {
        width: 11px;
        height: 11px;
    }
}

@media only screen and (max-width: 748px) {
    .item-preview .status {
        font-size: 12px;
        padding: 3px 0 2px;
    }
    .item-preview .status:before {
        width: 10px;
        height: 10px;
    }
}

/* ==========================================
   Stickers
   ========================================== */
.stickers {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sticker {
    background-color: #229ac8;
    text-align: center;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 23px;
    line-height: 23px;
    text-transform: uppercase;
    padding: 0 12px;
}

.sticker-image {
    background: none;
    padding: 0;
    height: auto;
    line-height: normal;
}

.sticker-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.sticker-sale {
    background-color: #f44336;
}

.sticker-discount {
    background-color: #f44336;
}

.sticker-new {
    background-color: #ff9800;
}

.sticker-hit {
    background-color: #7aac3e;
}

@media only screen and (max-width: 748px) {
    .stickers {
        left: 5px;
        top: 5px;
    }
    .sticker {
        font-size: 10px;
        height: 18px;
        line-height: 18px;
        padding: 0 8px;
        border-radius: 9px;
    }
}

/* Stickers text-label styles */
.text-label {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
}

.text-label.sticker-new {
    background-color: #ff9800;
}

.text-label.sticker-hit {
    background-color: #7aac3e;
}

.text-label.sticker-sale {
    background-color: #f44336;
}

.text-label.sticker-discount {
    background-color: #f44336;
}

.text-label.sticker-image {
    background: none;
    padding: 0;
}

.text-label.sticker-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Product page stickers positioning */
.promo-wrapper .side-preview {
    position: relative;
    overflow: visible !important;
}

.promo-wrapper .side-preview > .stickers-box {
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.promo-wrapper .side-preview > .stickers-box .text-label {
    margin: 0;
}

@media only screen and (max-width: 748px) {
    .promo-wrapper .side-preview > .stickers-box {
        top: 10px;
        left: 10px;
    }
    .promo-wrapper .side-preview > .stickers-box .text-label {
        font-size: 10px;
        padding: 3px 8px;
    }
}

/* Product card stickers */
.item-preview .img-box {
    position: relative;
}

.item-preview .img-box > .stickers-box {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
    pointer-events: none;
}

.item-preview .img-box > .stickers-box .text-label {
    pointer-events: auto;
    font-size: 12px;
    padding: 3px 8px;
    margin-bottom: 4px;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .item-preview .img-box > .stickers-box {
        top: 8px;
        left: 8px;
    }
    .item-preview .img-box > .stickers-box .text-label {
        font-size: 11px;
        padding: 2px 6px;
        margin-bottom: 3px;
    }
}

/* Product title wrap fix */
.item-title-wrap h1.name {
    flex: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
    margin-top: 0;
}

/* Category Top Banner */
.category-top-wrapper {
    position: relative;
    width: 100%;
    background-color: #f8f8f8;
}

.category-top-wrapper + .section.index-1 {
    margin-top: 30px;
}

.category-top-wrapper.head-1 .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #e7e7e7;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    min-height: 200px;
}

.category-top-wrapper.head-1 .text-box {
    height: 200px;
    min-width: 30%;
    background-color: rgba(0,0,0,.7);
    background-position: center;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    box-sizing: border-box;
    text-align: center;
}

.category-top-wrapper.head-1 p.subtitle {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0;
}

.category-top-wrapper.head-1 h1 {
    text-transform: uppercase;
    border-bottom: 4px solid var(--primary-color);
    border-top: 4px solid var(--primary-color);
    padding: 10px;
    color: #fff;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 36px;
    margin-top: 0;
}

@media only screen and (max-width: 748px) {
    .category-top-wrapper.head-1 .text-box {
        max-width: 70%;
        height: 160px;
    }

    .category-top-wrapper.head-1 p.subtitle {
        font-size: 12px;
        line-height: 1.2;
    }

    .category-top-wrapper.head-1 h1 {
        font-size: 20px;
        border-bottom: 2px solid var(--primary-color);
        border-top: 2px solid var(--primary-color);
        padding: 6px 10px;
    }
}

/* Category Top Flex (Banners Block) */
.category-top-flex {
    display: flex;
    align-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cat-flex-box {
    box-sizing: border-box;
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: 250px;
    border-radius: 10px;
}

.cat-flex-box.half {
    width: 50%;
    min-height: 200px;
    align-items: center;
}

.cat-flex-box.half .text-box {
    padding-right: 50%;
}

.cat-flex-box.half h1 {
    font-size: 36px;
    font-weight: bold;
    margin-top: 20px;
    color: inherit;
}

.cat-flex-box.half span.subtitle {
    font-size: 18px;
}

.cat-flex-box.quarter {
    width: 24%;
    margin-left: 1%;
}

.cat-flex-box .hide-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cat-flex-box .text-box {
    width: 100%;
    padding: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.cat-flex-box .text-box .title {
    font-size: 18px;
    font-weight: bold;
    transition: transform .15s ease-out;
}

.cat-flex-box .text-box:has(.btn) .title {
    transform: translateY(40px);
}

.cat-flex-box:hover .btn,
.cat-flex-box:hover .text-box .title {
    transform: translateY(0) !important;
}

.cat-flex-box .text-box .btn {
    padding: 8px 22px;
    color: var(--button-text-color, #242323);
    background-color: var(--primary-color);
    border-radius: 20px;
    font-weight: bold;
    margin-top: 10px;
    transform: translateY(90px);
    transition: transform .15s ease-out, background-color .15s ease-out;
    z-index: 1;
}

.cat-flex-box .text-box .btn:hover {
    background-color: #242323;
    color: #fff;
}

.cat-flex-box .img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #e7e7e7;
}

.cat-flex-box.quarter .img {
    background-repeat: no-repeat;
    transition: transform .15s cubic-bezier(.08,.52,.52,1);
}

.cat-flex-box.quarter .img:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.8));
    opacity: .5;
    transition: opacity .15s ease-out;
}

.cat-flex-box .link {
    position: absolute;
    top: 0;
    margin-top: 30px;
    padding: 3px 12px;
    border-radius: 10px;
    background: var(--primary-color);
    color: var(--button-text-color, #242323);
    font-size: 12px;
}

@media only screen and (max-width: 748px) {
    .cat-flex-box .text-box {
        padding: 20px;
    }

    .cat-flex-box .text-box .title {
        font-size: 12px;
        transform: translateY(0) !important;
    }

    .cat-flex-box {
        min-height: 150px;
    }

    .cat-flex-box.half {
        width: 100%;
        min-height: 200px;
    }

    .cat-flex-box.quarter {
        width: 49%;
        margin-left: 0;
    }

    .cat-flex-box.quarter:nth-child(2n+1) {
        margin: 2% 0 0 1%;
    }

    .cat-flex-box.quarter:nth-child(2n) {
        margin: 2% 1% 0 0;
    }

    .cat-flex-box.half .text-box {
        padding-right: 30%;
    }

    .cat-flex-box .link {
        margin-top: 20px;
        padding: 1px 6px;
        font-size: 10px;
    }

    .cat-flex-box .text-box .btn {
        transform: translateY(0) !important;
        padding: 4px 12px;
        font-size: 12px;
    }

    .cat-flex-box.half h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .cat-flex-box.half span.subtitle {
        font-size: 14px;
    }
}

/* Product page main section - no top margin on desktop */
@media only screen and (min-width: 749px) {
    .product-section {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Main slider height for large screens */
@media only screen and (min-width: 1600px) {
    .main-top-wrapper {
        height: 700px
    }
}

/* Slideshow styles */
.main-top-wrapper a,
.main-top-wrapper a:hover {
    text-decoration: none
}

.main-top-wrapper .main-top-container {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)
}

.main-top-wrapper .main-top-container .h1,
.main-top-wrapper .main-top-container .title-30-l {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6)
}

.main-top-wrapper .main-top-container .title-30-l {
    line-height: 1
}

.main-top-wrapper .slide-btn-wrapper {
    text-align: center;
    margin-top: 20px
}

@media only screen and (min-width: 1250px) {
    .main-top-wrapper .slide-btn-wrapper {
        text-align: right
    }
}

.main-top-wrapper .slide-btn {
    pointer-events: auto;
    display: inline-flex;
    padding: 15px 40px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    white-space: nowrap
}

.main-top-wrapper .swiper-pagination-main,
.main-top-wrapper .gigant-slider-pagination {
    pointer-events: auto
}

.main-top-wrapper .swiper-pagination-main .swiper-pagination-bullet,
.main-top-wrapper .gigant-slider-pagination .swiper-pagination-bullet {
    pointer-events: auto;
    cursor: pointer;
    background-color: #fff;
    opacity: 1;
    width: 7px;
    height: 7px
}

.main-top-wrapper .gigant-slider-pagination .swiper-pagination-bullet-active {
    transform: scale(1.6)
}

.main-top-wrapper .gigant-slider-pagination {
    bottom: 20px;
    position: relative
}

.main-top-wrapper .gigant-slider-pagination .swiper-pagination-bullet {
    margin: 0 7px
}

@media only screen and (min-width: 1250px) {
    .main-top-wrapper .gigant-slider-pagination {
        bottom: auto
    }

    .main-top-wrapper .gigant-slider-pagination .swiper-pagination-bullet {
        display: block;
        margin: 0 0 14px 0
    }
}

.gigant-slider-container,
.gigant-slider-container .swiper-slide,
.gigant-slider-container .swiper-wrapper {
    width: 100%;
    height: 100%
}

.gigant-slider-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gigant-slider-container .wide-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

.gigant-slider-container .main-top-container {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 748px) {
    .empty-category-container {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .empty-category-container .search-content-container {
        padding-top: 20px;
        padding-bottom: 20px
    }
}