@-webkit-keyframes shrink {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes shrink {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

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

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

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

blockquote, body, dd, dl, figcaption, figure, li, p {
    padding: 0
}

caption, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    border: 0;
    vertical-align: baseline
}

blockquote, body, dd, dl, figcaption, figure, li, ol, p, ul {
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

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

ol, ul, ul[class] {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-x: hidden
}

::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

ol, ul {
    padding: 0
}

blockquote, dd, dl, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
    margin: 0
}

img {
    width: 100%
}

button, input, select, textarea {
    font: inherit
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    display: inline-block
}

.slider .swiper-container {
    overflow-x: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 28px;
    padding-bottom: 54px;
    margin-bottom: 38px;
    text-align: center
}

.slider .swiper-container .swiper-slide {
    height: 100%;
    position: relative
}

.slider .swiper-container .swiper-slide-title {
    position: absolute;
    bottom: 22px;
    color: #fff;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.slider .swiper-container .swiper-slide__item {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 450px;
    margin: 0 auto
}

.slider .swiper-container .swiper-slide__item img {
    height: 100%
}

.slider .swiper-container .swiper-slide__item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(88.02%, rgba(0, 0, 0, .4)));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 88.02%);
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .4) 88.02%);
    z-index: 1
}

.slider .swiper-container .plug:after, .slider .swiper-container .swiper-slide__item, .slider .swiper-container .swiper-slide__item img, .slider .swiper-container .swiper-slide__item:before, .slider .swiper-container .swiper-slide__item:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.slider .swiper-container .swiper-slide__item:hover img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    scale: 1.3
}

.slider .swiper-container .plug {
    position: relative
}

.slider .swiper-container .plug img {
    height: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.slider .swiper-container .plug:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4))
}

.slider .swiper-container .plug:before {
    display: none
}

.slider .swiper-container .plug:hover img {
    scale: 1
}

.slider .swiper-container .swiper-scrollbar {
    position: absolute;
    width: 100%;
    left: auto;
    right: 0;
    bottom: 16px;
    margin-right: 16px
}

@media screen and (min-width: 474px) {
    .slider .swiper-container .swiper-scrollbar {
        margin-right: 30px;
        bottom: 30px
    }
}

.slider .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
    background: #fff;
    width: auto
}

.slider .swiper-container .swiper-pagination {
    max-width: 100%;
    left: 174px;
    bottom: 34px
}

@media screen and (min-width: 474px) {
    .slider .swiper-container .swiper-pagination {
        left: 106px;
        bottom: 29px
    }
}

.slider .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 100%;
    max-width: 267px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #000
}

.slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    max-width: 267px;
    margin: 0;
    border: 1px solid #292929
}

.slider .buttons-pagination {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

@media screen and (min-width: 474px) {
    .slider .buttons-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 25px
    }
}

.slider .swiper-button-next, .slider .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    padding-top: 0;
    background: #fff;
    position: relative !important
}

.slider .swiper-button-next svg, .slider .swiper-button-prev svg, .slider-another .swiper-button-next svg, .slider-another .swiper-button-prev svg {
    fill: #1c1b1f;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 8px;
    height: 12px
}

@media (hover: hover) and (pointer: fine) {
    .slider .swiper-button-next:hover, .slider .swiper-button-prev:hover {
        background: #d3d3d3
    }
}

.slider .swiper-button-next.swiper-button-disabled, .slider .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.slider .swiper-button-next.swiper-button-disabled svg, .slider .swiper-button-prev.swiper-button-disabled svg, .slider-another .swiper-button-next.swiper-button-disabled svg, .slider-another .swiper-button-prev.swiper-button-disabled svg {
    opacity: .5
}

.slider .swiper-button-prev {
    margin-right: 30px
}

.slider .swiper-button-next::after, .slider .swiper-button-prev::after, .slider-another .swiper-button-next::after, .slider-another .swiper-button-prev::after {
    content: ""
}

.slider-another .swiper-container-another {
    overflow-x: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 28px;
    padding-bottom: 54px;
    margin-bottom: 38px;
    text-align: center
}

.slider-another .swiper-container-another .swiper-slide {
    height: 100%;
    position: relative
}

.slider-another .swiper-container-another .swiper-slide-title {
    position: absolute;
    bottom: 22px;
    color: #fff;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.slider-another .swiper-container-another .swiper-slide__item {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%;
    overflow: hidden;
    max-width: 450px;
    margin: 0 auto
}

.slider-another .swiper-container-another .swiper-slide__item img {
    height: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.slider-another .swiper-container-another .swiper-slide__item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(88.02%, rgba(0, 0, 0, .4)));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 88.02%);
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .4) 88.02%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 1
}

.slider-another .swiper-container-another .plug:after, .slider-another .swiper-container-another .swiper-slide__item:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.slider-another .swiper-container-another .swiper-slide__item:hover img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    scale: 1.3
}

.slider-another .swiper-container-another .plug, .slider-popular {
    position: relative
}

.slider-another .swiper-container-another .plug img {
    height: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.slider-another .swiper-container-another .plug:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4))
}

.slider-another .swiper-container-another .plug:before {
    display: none
}

.slider-another .swiper-container-another .plug:hover img {
    scale: 1
}

.slider-another .swiper-container-another .swiper-scrollbar {
    position: absolute;
    width: 100%;
    left: auto;
    right: 0;
    bottom: 16px;
    margin-right: 16px
}

@media screen and (min-width: 474px) {
    .slider-another .swiper-container-another .swiper-scrollbar {
        margin-right: 30px;
        bottom: 30px
    }
}

.slider-another .swiper-container-another .swiper-scrollbar .swiper-scrollbar-drag {
    background: #fff;
    width: auto
}

.slider-another .swiper-container-another .swiper-pagination {
    max-width: 100%;
    left: 174px;
    bottom: 34px
}

@media screen and (min-width: 474px) {
    .slider-another .swiper-container-another .swiper-pagination {
        left: 106px;
        bottom: 29px
    }
}

.slider-another .swiper-container-another .swiper-pagination .swiper-pagination-bullet-active {
    width: 100%;
    max-width: 267px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #000
}

.slider-another .swiper-container-another .swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    max-width: 267px;
    margin: 0
}

.slider-another .buttons-pagination {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

@media screen and (min-width: 474px) {
    .slider-another .buttons-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 25px
    }
}

.slider-another .swiper-button-next, .slider-another .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    padding-top: 0;
    background: #fff;
    position: relative !important
}

@media (hover: hover) and (pointer: fine) {
    .slider-another .swiper-button-next:hover, .slider-another .swiper-button-prev:hover {
        background: #d3d3d3
    }
}

.slider-another .swiper-button-next.swiper-button-disabled, .slider-another .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.slider-another .swiper-button-prev {
    margin-right: 30px
}

.slider-popular {
    padding-left: 16px;
    padding-bottom: 26px;
    padding-top: 26px;
    border-bottom: 1px solid #faf7f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 30px;
    overflow-x: hidden
}

.slider-popular p, .strip p {
    margin-bottom: 0 !important
}

.slider-popular:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .71)), color-stop(32.4%, rgba(255, 255, 255, .33)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(right, rgba(255, 255, 255, .71) 0, rgba(255, 255, 255, .33) 32.4%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, .71) 0, rgba(255, 255, 255, .33) 32.4%, rgba(255, 255, 255, 0) 100%)
}

@media screen and (min-width: 474px) {
    .slider-popular:after {
        width: 100px
    }
}

@media screen and (min-width: 867px) {
    .slider-popular {
        padding-left: 0;
        padding-top: 0;
        border-bottom: none
    }

    .slider-popular .filter-title {
        margin-bottom: 19px
    }
}

.slider-popular:last-child {
    padding-bottom: 26px
}

.slider-popular .swiper-container-popular {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 257px
}

.slider-popular .swiper-wrapper {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.slider-popular .swiper-slide {
    max-width: 168px;
    margin-right: 8px
}

.slider-popular .swiper-slide-price {
    opacity: .7
}

.slider-popular .slider-image {
    margin-bottom: 12px
}

#map, .slider-popular .slider-image img, .slider-popular-card .slider-popular-card-bottom .slider-image img {
    height: 100%
}

.slider-popular .h7 {
    margin-bottom: 5px
}

.sliderCard {
    margin: 0 auto 27px
}

@media screen and (min-width: 1024px) {
    .sliderCard {
        display: none
    }
}

/*фулхейт слайда, чтобы вернуть обратно: 490рх высота контейнера, со слайда убрать авто*/
.sliderCard .swiper-container-card {
    overflow-y: hidden;
    position: relative
}



.sliderCard .swiper-container-card .swiper-slide {
    margin-bottom: 10px
}

.sliderCard .swiper-container-card .swiper-pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sliderCard .swiper-container-card .swiper-pagination-bullet {
    margin-bottom: 10px;
    background: #fff;
    opacity: .2;
    border: 1px solid #292929
}

.sliderCard .swiper-container-card .swiper-pagination-bullet-active {
    background: #000
}

.slider-popular-card {
    padding-left: 16px
}

@media screen and (min-width: 767px) {
    .slider-popular-card {
        padding-left: 30px
    }
}

@media screen and (min-width: 1024px) {
    .slider-popular-card {
        padding-right: 30px
    }
}

.slider-popular-card .slider-popular-card-bottom {
    padding-bottom: 26px;
    border-bottom: 1px solid #faf7f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width: 867px) {
    .slider-popular-card .slider-popular-card-bottom {
        border-bottom: none
    }

    .slider-popular-card .slider-popular-card-bottom .filter-title {
        margin-bottom: 19px
    }
}

@media screen and (min-width: 1024px) {
    .slider-popular-card .slider-popular-card-bottom {
        overflow-x: hidden;
        margin-top: 27px
    }
}

.slider-popular-card .slider-popular-card-bottom:last-child {
    padding-bottom: 26px
}

.slider-popular-card .slider-popular-card-bottom .swiper-wrapper {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-popular-card .slider-popular-card-bottom .swiper-slide {
    max-width: 168px;
    margin-right: 8px
}

@media screen and (min-width: 1024px) {
    .slider-popular-card .slider-popular-card-bottom .swiper-slide {
        max-width: 379px;
        width: 100%
    }
}

.slider-popular-card .slider-popular-card-bottom .slider-image {
    margin-bottom: 12px;
    max-height: 520px
}

@media screen and (min-width: 1024px) {
    .slider-popular-card .slider-popular-card-bottom .slider-image {
        height: 310px;
        margin-bottom: 2px
    }
}

@media screen and (min-width: 1220px) {
    .slider-popular-card .slider-popular-card-bottom .slider-image {
        height: 370px
    }
}

@media screen and (min-width: 1366px) {
    .slider-popular-card .slider-popular-card-bottom .slider-image {
        height: 430px
    }
}

@media screen and (min-width: 1499px) {
    .slider-popular-card .slider-popular-card-bottom .slider-image {
        height: 520px
    }
}

.slider-popular-card .slider-popular-card-bottom .h7 {
    margin-bottom: 5px
}

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

body {
    font-family: "Montserrat", sans-serif !important;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100svh;
    margin: 0 auto;
    position: relative;
    -webkit-tap-highlight-color: transparent
}

body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body .heading, body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Montserrat" !important
}

body ::-moz-selection {
    background-color: #292929;
    color: #fff
}

body ::selection {
    background-color: #292929;
    color: #fff
}

body .secondTypeSelection::-moz-selection {
    background-color: #fff;
    color: #292929
}

body .secondTypeSelection::selection {
    background-color: #fff;
    color: #292929
}

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

.wrapper_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.container {
    width: calc(100% - 32px);
    margin: 0 auto
}

@media screen and (min-width: 767px) {
    .container {
        width: calc(100% - 60px)
    }
}

h1 {
    font-size: 19px;
    line-height: 23px
}

.h1-mob, .h4, h1, h2, h3, h4 {
    margin-bottom: 0 !important
}

.h1-mob, h1 {
    font-weight: 500;
    color: #000;
    font-style: normal
}

.h1-mob {
    font-size: 17px;
    line-height: 21px
}

.h4, h2, h3, h4 {
    font-size: 40px;
    line-height: 49px
}

.h4, h3, h4 {
    font-size: 30px;
    line-height: 37px
}

.h4, h4 {
    font-size: 24px;
    line-height: 29px
}

.h4, .h5, .h6, .h7, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: 500;
    color: #000
}

.h5, h5 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0 !important
}

.h6, .h7, h6 {
    font-size: 17px;
    line-height: 21px
}

.h7 {
    font-size: 14px;
    line-height: 17px
}

.body1, .h8 {
    margin-bottom: 0 !important
}

.h8 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: .4;
    color: #000
}

.body1 {
    font-size: 16px;
    line-height: 20px
}

.body1, .body2, .body3, .body4, .bodyAA {
    font-style: normal;
    font-weight: 400;
    color: #000
}

.body2 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 0 !important
}

.body3, .body4, .bodyAA {
    font-size: 14px;
    line-height: 17px
}

.body4, .bodyAA {
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.bodyAA {
    font-size: 16px
}

.searchDesctop {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 400;
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%)
}

.searchDesctop.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.searchDesctop .formSearch {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 766px;
    position: relative
}

.searchDesctop .formSearch, .searchDesctop .formSearch__inputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.searchDesctop .formSearch .searchIcon {
    position: absolute;
    z-index: 1;
    float: left;
    font-size: 0
}

.searchDesctop .formSearch svg path, .strip .closeStrip svg path {
    fill: inherit;
    stroke: inherit
}

.searchDesctop .formSearch svg {
    fill: #000
}

.searchDesctop .formSearch__input {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    max-width: 766px;
    width: 100%;
    color: #000;
    border: 0;
    border-bottom: 1px solid #000;
    padding: 14px 18px 14px 38px
}

.searchDesctop .formSearch__input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchDesctop .formSearch__input::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchDesctop .formSearch__input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchDesctop .formSearch__input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchDesctop .formSearch__input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.strip {
    display: none
}

.strip .strip-block, .strip--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.strip--inner {
    padding: 8px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.strip .strip-block {
    grid-gap: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.strip .strip-block a {
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .strip .strip-block a:hover {
        color: #d3d3d3;
        border-bottom: 1px solid #d3d3d3
    }
}

@media screen and (min-width: 767px) {
    .strip {
        background: #000;
        display: block
    }

    .strip .body3 {
        color: #fff
    }
}

.strip .closeStrip {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .strip .closeStrip:hover {
        background: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.btn, .strip .closeStrip, .strip .closeStrip svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.strip .closeStrip svg {
    stroke: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #292929;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    padding: 19px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid #fff
}

@media (hover: hover) and (pointer: fine) {
    .btn:hover {
        color: #292929;
        background: #fff;
        border: 1px solid #000
    }
}

.btn-white {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

@media (hover: hover) and (pointer: fine) {
    .btn-white:hover {
        color: #fff;
        background: #000
    }
}

.btn-go, .page-navigation {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn-go {
    color: #000;
    background: 0 0;
    border: 1px solid #000;
    width: 100%
}

.btn-go svg path {
    fill: inherit
}

.btn-go svg {
    fill: #000
}

.btn-go span, .btn-go svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .btn-go:hover {
        background: #000
    }

    .btn-go:hover span {
        color: #fff
    }

    .btn-go:hover svg {
        fill: #fff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.page-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 16px;
    border-bottom: 1px solid #faf7f7
}

.page-navigation .backBlock {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .page-navigation .backBlock:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.page-navigation .h1-mob {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

@media screen and (min-width: 867px) {
    .page-navigation .h1-mob {
        font-size: 19px;
        line-height: 23px
    }
}

@media screen and (min-width: 767px) {
    .page-navigation {
        padding: 21px 30px
    }
}

.choiceSize, .customBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.customBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 34px
}

.customBlock .custom-logo {
    width: 50px;
    height: 50px;
    margin-bottom: 7px
}

.customBlock .custom-logo img {
    width: 100%;
    height: 100%
}

.choiceSize {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    bottom: 16px;
    width: calc(100% - 32px);
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background: rgba(255, 255, 255, .9);
    padding: 12px 0 15px;
    display: none
}

@media screen and (min-width: 1024px) {
    .choiceSize {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.choiceSize .choiceSize-title {
    text-align: center;
    margin-bottom: 10px
}

.choiceSize .choiceSize-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    grid-gap: 15px
}

.choiceSize .choiceSize-list__item {
    background: 0 0;
    text-transform: uppercase;
    padding: 8px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.choiceSize .choiceSize-list__item.active {
    background: #454545;
    color: #fff
}

@media (hover: hover) and (pointer: fine) {
    .choiceSize .choiceSize-list__item:hover {
        background: #454545;
        color: #fff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.ymaps-2-1-79-map {
    height: 420px !important
}

.layout {
    padding: 0 !important
}

.layout .layout__content {
    max-width: 100% !important;
    padding: 0 !important
}

.widget-type_widget_v4_cart_2_eaeeae1c9db4ff5acc05c69360fa78ea {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 auto !important;
    flex: 1 0 auto !important
}

.widget-type_widget_v4_cart_2_eaeeae1c9db4ff5acc05c69360fa78ea .js-cart-empty {
    padding-top: 40px
}

.page-404 h2 {
    font-size: 1.25rem;
    padding-bottom: .75rem
}

.header-main .cart-empty, .header-main .favorites-empty {
    display: none !important
}

.item_variants .option-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 21px
}

.item_variants .option-razmer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item_variants .option-razmer .option-values {
    grid-gap: 8px
}

.item_variants .option-cvet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.item_variants .option-cvet, .item_variants .option-cvet .option-values, .item_variants .option-razmer .option-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item_variants .option-label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-right: 24px;
    color: #454545;
    opacity: .6;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.slider-js {
    display: none
}

.slider-js.active {
    display: block
}

.ajax_search_result {
    border-bottom: 1px solid #faf7f7;
    padding: 40px 16px 26px
}

@media screen and (min-width: 575px) {
    .ajax_search_result {
        padding-top: 40px
    }
}

.ajax_search_result .ajax_search_result-list {
    display: grid;
    grid-gap: 17px 8px;
    grid-template-columns:repeat(2, 1fr);
    padding-bottom: 40px
}

@media screen and (min-width: 575px) {
    .ajax_search_result .ajax_search_result-list {
        grid-gap: 32px 8px;
        grid-template-columns:repeat(4, 1fr)
    }
}

.ajax_search_result .ajax_search_result-count {
    margin-bottom: 18px
}

.ajax_search_result span, .page-404 h2 {
    font-weight: 500
}

.ajax_search_result.emptyRequest {
    display: block
}

.ajax_search_result .swiper-slide-card {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.ajax_search_result .slider-image {
    margin-bottom: 10px;
    max-width: 767px;
    width: 100%;
    position: relative
}

.ajax_search_result .slider-image .sale {
    position: absolute;
    left: 8px;
    top: 8px;
    display: block;
    padding: 10px;
    background: #fff;
    font-size: 17px;
    font-weight: 500;
    color: #000
}

.ajax_search_result .swiper-slide-title {
    margin-bottom: 6px
}

.ajax_search_result .swiper-slide-price {
    margin-bottom: 11px;
    opacity: .7
}

.headerMobile .ajax_search_result {
    padding: 0 0 26px;
    margin-bottom: 32px
}

.header .favorites-empty {
    display: none
}

.add-blocks {
    margin-left: 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.add-blocks svg {
    margin-right: 0 !important
}

.m-modal-wrapper {
    background: #fff
}

.m-modal-wrapper .m-input-field {
    border: 1px solid #000
}

.m-input--checkbox {
    opacity: 1 !important
}

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

.descriptionBlock-tableLink .marker {
    display: none
}

@media screen and (min-width: 1024px) {
    .descriptionBlock-tableLink .marker {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1600px) {
    .descriptionBlock-tableLink {
        margin-bottom: 34px
    }
}

.socialPage .inputBlock {
    display: none
}

.socialPage .inputBlock.active {
    display: block
}

.socialPage .modal-wrapp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.account_layout {
    padding-top: 49px
}

.heading {
    padding-bottom: 0 !important;
    display: block !important
}

.cart {
    padding-top: 30px;
    max-width: 700px
}

@media screen and (min-width: 671px) {
    .cart {
        padding-top: 63px
    }
}

.widget-type_widget_v4_cart_2_eaeeae1c9db4ff5acc05c69360fa78ea {
    margin-top: 70px
}

.cart-items-header, .layout .layout__content .co-button--link:after {
    display: none !important
}

.dinamic-wrapper {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dinamic-wrapper .span-range {
    font-size: 14px
}

@media screen and (min-width: 767px) {
    .dinamic-wrapper {
        width: 50%
    }
}

.dinamic-wrapper h2 + p {
    margin-top: 16px
}

.dinamic-wrapper h2 {
    font-size: 17px;
    font-weight: 500;
    line-height: normal
}

.dinamic-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-left: 15px
}

.dinamic-wrapper p + p {
    margin-top: 9px
}

.dinamic-wrapper p + h2 {
    margin-top: 32px
}

.partnership--inner .dinamic-wrapper {
    -webkit-column-count: initial;
    -moz-column-count: initial;
    column-count: initial;
    max-width: 710px;
    width: 100%
}

.philosophy--inner p {
    margin-left: 0
}

.philosophy {
    margin-top: 60px
}

@media screen and (min-width: 867px) {
    .philosophy {
        margin-top: 70px
    }
}

.philosophy a {
    margin-top: 40px
}

.philosophy--inner {
    padding-top: 36px;
    padding-bottom: 40px
}

@media screen and (min-width: 867px) {
    .philosophy--inner {
        padding-bottom: 142px
    }
}

.samplePage {
    padding-bottom: 40px;
    margin-top: 60px
}

@media screen and (min-width: 867px) {
    .samplePage {
        margin-top: 70px;
        padding-bottom: 90px
    }
}

.samplePage__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 41px
}

.layout .layout__content .button_wide, .layout .layout__content .co-button, .layout .layout__content .co-button--link, .layout .layout__content .co-form-button, .m-modal-button--checkout {
    width: 100%;
    max-width: 100%;
    background: #000;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 12px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid #fff;
    margin: 30px auto 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif
}

.layout .layout__content .co-button--link {
    color: #292929;
    background: #fff;
    border: 1px solid #292929
}

@media (hover: hover) and (pointer: fine) {
    .layout .layout__content .button_wide:hover, .layout .layout__content .co-button--link:hover, .layout .layout__content .co-button:hover, .layout .layout__content .co-form-button:hover, .m-modal-button--checkout:hover {
        color: #292929 !important;
        background: #fff !important;
        border: 1px solid #292929 !important
    }
}

@media (hover: hover) and (pointer: fine) {
    .layout .layout__content .co-button--link:hover {
        color: #fff !important;
        background: #292929 !important;
        border: 1px solid #292929;
    }
}


.co-button:hover:not(.co-button--link) {
            color: #fff !important;
        background: #000000 !important;
        border: 1px solid #000000;
}

@media screen and (min-width: 767px) {
    .cart-controls .button_wide {
        margin-right: auto;
        margin-left: 0
    }
}

.viewed-products .special-products .viewed-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

li[data-collection-id="28095646"] a, li[data-collection-id="28095650"] a {
    color: #000;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 17px
}

.backBlock, .collection-chose__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.backBlock {
    font-size: 0
}

.backBlock svg {
    margin-right: 10px
}

.collection-chose__title {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.collection-chose__title div {
    font-size: 0;
    line-height: 0
}

.collection-chose__title svg {
    font-size: 0;
    line-height: 0;
    margin-right: 10px
}

@media (hover: hover) and (pointer: fine) {
    .collection-chose__title:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .5
    }
}

.collection-chose__title .backBlock {
    display: none
}

@media screen and (min-width: 767px) {
    .collection-chose__title .backBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

table.iksweb {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    height: auto;
    border: 1px solid #595959
}

table.iksweb td, table.iksweb th {
    border: 1px solid #595959;
    padding: 3px;
    width: 30px;
    height: 35px;
    text-align: center;
    vertical-align: middle
}

.filter-mobile-controls {
    display: none !important
}

.search-form, .toMain {
    display: none
}

.toMain {
    margin-right: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .toMain:hover {
        opacity: .5;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 767px) {
    .toMain {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 30px
    }

    .toMain svg {
        margin-right: 10px
    }
}

@media screen and (min-width: 991px) {
    .toMain {
        padding-left: 0
    }
}

.widget-type_widget_v4_sidebar_filter_1_d7e45025118de0b71d14ce87777c8fdc .filter {
    visibility: visible !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.js-hide-mobile-filter {
    display: none !important
}

.category-results .category-results__item .sizeBlock {
    opacity: 1;
    color: #8e8e8e
}

.modalCloseTable {
    position: absolute;
    display: block;
    border: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    right: 31px;
    top: 42px;
    font-size: 0
}

@media (hover: hover) and (pointer: fine) {
    .modalCloseTable:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.category .searchWrap svg path {
    fill: inherit;
    stroke: inherit
}

@media screen and (min-width: 867px) {
    .filter-title {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 13px
    }
}

.filter-title span:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 1px;
    left: 0;
    background: #000;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (hover: hover) and (pointer: fine) {
    .fat-style:hover {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }
}

@media screen and (min-width: 767px) {
    .socialBlock {
        margin-bottom: 44px
    }
}

.category-results__item .priceBlock span:last-child {
    margin-right: 0
}

@media (hover: hover) and (pointer: fine) {
    .socialBlock a:hover {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 867px) {
    .infoBlock .infoBlock__image {
        display: none
    }

    .infoBlock {
        margin-bottom: 0
    }
}

@media (hover: hover) and (pointer: fine) {
    .infoBlock-list__item:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.infoBlock li {
    margin-bottom: 3px
}

.footer-info p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 767px) {
    .footer-info {
        padding-top: 16px
    }
}

@media screen and (min-width: 867px) {
    .footer-info p {
        text-align: right
    }
}

.footer-info p {
    margin-bottom: 13px
}

@media (hover: hover) and (pointer: fine) {
    .fat-style:hover {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }
}

.highload2:after {
    display: none
}

.checkbox .check-highload:checked ~ .highload2:after {
    display: block;
    visibility: visible;
    opacity: 1;
}

.checkbox .check-highload:hover ~ .highload2:after {
    display: block

}

@media screen and (min-width: 867px) {
    .menu-mini {
        display: none
    }
}

@media (hover: hover) and (pointer: fine) {
    .menu-mini a:hover {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media (hover: hover) and (pointer: fine) {
    .closeSection .burger-close-section:hover {
        opacity: .7
    }
}

@media screen and (min-width: 361px) {
    .basketBlock__image {
        width: 84px
    }
}

@media screen and (min-width: 361px) {
    .basketBlock .add-blocks svg:first-child {
        margin-right: 22px
    }
}

@media screen and (min-width: 361px) {
    .basketBlock .description {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.category .searchWrap span {
    color: #000
}

@media screen and (min-width: 361px) {
    .description__tableLink {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1600px) {
    .description__tableLink {
        margin-bottom: 34px
    }
}

@media (hover: hover) and (pointer: fine) {
    .description__tableLink:hover a {
        border-bottom: 1px solid #8e8e8e;
        color: #8e8e8e;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .description__tableLink:hover svg {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 361px) {
    .bottom-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.filter-item__list {
    max-height: 100% !important
}

.textContent-style {
    display: none
}

.myForm-title {
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    margin-top: 40px
}

.myForm, .myForm input {
    margin-bottom: 0;
    max-width: 100%
}

.myForm {
    margin-top: 24px;
    width: 100%;
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap: 24px
}

@media screen and (min-width: 767px) {
    .myForm {
        grid-template-columns:repeat(2, 1fr);
        max-width: 710px
    }
}

.myForm input {
    border-color: #d3d3d3
}

.myForm input.filled {
    border-color: #000
}

.myForm input:focus {
    border-color: #000
}

.myForm .inputBlock {
    margin-right: 0;
    margin-bottom: 0
}

#type-partners {
    width: 100%;
    padding: 8px;
    border: 1px solid;
    margin: 10px 0
}

#myForm-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.agreeElem, .blockCaptcha, .mainPage-bottom .sliderBlock-tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mainPage-bottom .sliderBlock-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.partnership--inner .dinamic-wrapper {
    margin-top: 50px
}

.blockCaptcha {
    display: none;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blockCaptcha .is-error {
    margin-bottom: 15px
}

@media screen and (min-width: 680px) {
    .blockCaptcha {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .blockCaptcha .is-error {
        margin-bottom: 0
    }
}

.feedback__field-error {
    margin-top: 10px
}

.socialPage .choseBlock {
    margin-bottom: 30px
}

.my_custom_select .custom-select select, .successForm {
    display: none
}

.is-show {
    display: block
}

caption {
    text-align: left;
    margin: 0 0 24px;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0!important;
    padding-bottom: 0!important;
    caption-side: top !important;
}

.filter-item__name {
    font-size: 14px !important;
    font-weight: 500
}

.widget-type_widget_v4_sidebar_filter_1_d7e45025118de0b71d14ce87777c8fdc .filter-item.expanded div.filter-item__content div.filter-item__list div.filter-item__list-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.widget-type_widget_v4_sidebar_filter_1_d7e45025118de0b71d14ce87777c8fdc .filter-item__head.js-toggle-show-filter-item {
    padding-right: 16px !important
}

.descriptionStyle p {
    font-size: 14px
}

.softClosing {
    height: 100%;
    -webkit-animation: shrink .5s ease-out forwards;
    animation: shrink .5s ease-out forwards;
    padding: 0
}

@media (hover: hover) and (pointer: fine) {
    .backBlock:hover {
        opacity: .5;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.swiper-vertical.active {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important
}

.finalyModal {
    text-align: center;
    font-size: 20px
}

.thanksBtn {
    margin: 0 auto;
    font-size: 15px
}

.finalyStep {
    max-width: 450px !important;
    padding: 30px 24px 20px !important;
    -webkit-transition: 0s !important;
    -o-transition: 0s !important;
    transition: 0s !important
}

.flag, .share {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .flag:hover, .share:hover {
        opacity: .5;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.my_custom_select {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%
}

.my_custom_select .custom-select {
    position: relative;
    width: 100%;
    min-width: 315px
}

.my_custom_select .select-selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    padding: 17px 20px 17px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #d3d3d3;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #d3d3d3;
    z-index: 9999999;
    background: #fff
}

@media screen and (min-width: 474px) {
    .my_custom_select .select-selected {
        padding: 17px 10px
    }
}

.my_custom_select .select-selected svg {
    margin-left: 10px;
    fill: #d3d3d3;
    rotate: 90deg;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.my_custom_select .select-selected.select-arrow-active {
    border: 1px solid #000;
    z-index: 100;
    position: relative;
    color: #000;
    background: #fff;
    border-bottom: 1px solid #d3d3d3
}

.my_custom_select .select-selected.select-arrow-active svg {
    rotate: 180deg;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    fill: #000
}

.my_custom_select svg path {
    fill: inherit
}

.my_custom_select .select-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 0;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    background: #fff;
    font-size: 14px
}

.my_custom_select .select-items.active {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

.my_custom_select .select-items::-webkit-scrollbar {
    position: absolute;
    width: 4px;
    opacity: .2;
    border-radius: 100px;
    padding-right: 10px;
    margin-right: 10px
}

.my_custom_select .select-items::-webkit-scrollbar-thumb {
    border-radius: 100px
}

.my_custom_select .select-selected.select-arrow-active:after {
    position: absolute;
    right: 23px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.my_custom_select .select-items div {
    padding: 15px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    color: #232323;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .my_custom_select .select-items div:hover {
        background: #faf7f7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.my_custom_select .select-items div:last-child {
    padding-bottom: 24px;
    border-bottom: none
}

.my_custom_select .same-as-selected, .thirdScreen .socialPage .inputBlock input {
    display: none
}

.my_custom_select .select-hide {
    padding-bottom: 0;
    border-bottom: none;
    top: 0;
    z-index: -1
}

.socialCheck {
    cursor: pointer
}

@media screen and (min-width: 867px) {
    .deleteSearch {
        position: absolute;
        right: 0;
        z-index: 10;
        color: #454545;
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 867px) and (hover: hover) and (pointer: fine) {
    .deleteSearch:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

figure.zoom {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

figure.zoom img:hover {
    opacity: 0
}

figure.zoom img {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    display: block;
    width: 100%
}

.main_checkout {
    padding-top: 60px
}

.widget-type_widget_v4_sidebar_filter_1_d7e45025118de0b71d14ce87777c8fdc .filter__controls {
    bottom: 40px !important
}

.filter {
    overflow-y: scroll
}

.wrap_c68a {
    bottom: 30px !important
}

.loader, .loader .spinner {
    position: absolute;
    display: none
}

.loader {
    background: 0 0 #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    bottom: 35px;
    left: 0;
    right: 0;
    z-index: 9999
}

.loader .spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    left: 50%;
    bottom: 0;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px
}

.loader .spinner .path {
    stroke: #000;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

.category {
    position: relative
}

.co-login-form_placeholder {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.formRegistartion-style {
    margin-top: 20px;
    font-size: 17px;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .formRegistartion-style:hover {
        color: #8e8e8e !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

#quick_checkout_form .text-field_floating-2 .text-field__input:focus:nth-of-type(n) ~ .text-field__label:nth-of-type(-n) {
    top: 0;
    font-size: 11px
}

.firstScreen .popup-container .btn-modal {
    max-width: 100%;
    margin-right: 0
}

@media screen and (min-width: 671px) {
    .firstScreen .popup-container .btn-modal {
        max-width: 270px
    }
}

.firstScreen .popup-container .inputBlock {
    display: inline-block;
    max-width: 100%
}

@media screen and (min-width: 671px) {
    .firstScreen .popup-container .inputBlock {
        max-width: 400px
    }
}

.firstScreen .popup-container input {
    max-width: 100%
}

@media screen and (min-width: 671px) {
    .firstScreen .popup-container input {
        max-width: 400px
    }

    .secondScreen .popup-container .btn-modal {
        max-width: 210px;
        margin-left: 10px
    }
}

.thirdScreen .popup-container .btn-modal {
    max-width: 100%;
    margin-right: 0
}

@media screen and (min-width: 671px) {
    .thirdScreen .popup-container .btn-modal {
        max-width: 270px
    }
}

.thirdScreen .popup-container input {
    display: inline-block;
    max-width: 100%
}

@media screen and (min-width: 671px) {
    .thirdScreen .popup-container input {
        max-width: 400px
    }
}

.thirdScreen .socialPage .btn-modal {
    max-width: 100%;
    margin-right: 0
}

@media screen and (min-width: 671px) {
    .thirdScreen .socialPage .btn-modal {
        max-width: 220px
    }
}

.thirdScreen .socialPage .inputBlock {
    max-width: 100%;
    width: 100%
}

.thirdScreen .socialPage .inputBlock.active input {
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 671px) {
    .thirdScreen .socialPage .inputBlock {
        max-width: 350px
    }
}

.loader-main {
    background: 0 0 #fff;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    top: 0
}

.loader-main .spinner-main {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    left: 50%;
    top: 50%;
    bottom: 0;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: .6
}

.loader-main .spinner-main .path {
    stroke: #000;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

.loader-main, .loader-main .spinner {
    position: fixed;
    display: none
}

.layout form .co-input-field {
    display: block;
    padding: 16px;
    font-family: inherit;
    color: #000;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    max-width: 100%;
    height: 51px;
    border-radius: 0;
    font-weight: 500
}

.layout form .co-input-field:focus {
    border-color: #000
}

.layout form .co-input-field.filled {
    border-color: #000
}

.layout form .co-input-field.active {
    font-size: 20px
}

@media (hover: hover) and (pointer: fine) {
    .layout form .co-menu-link:hover {
        color: #8e8e8e !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.special-products .special-products__title, .viewed-products .special-products__title {
    font-family: Montserrat !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    margin-bottom: 28px !important;
    text-align: left !important
}

.special-products .product-preview__content, .viewed-products .product-preview__content {
    text-align: left !important
}

.special-products .product-preview__area-bottom, .viewed-products .product-preview__area-bottom {
    text-align: left !important;
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important
}

.special-products .special-products__head, .viewed-products .special-products__head {
    margin-bottom: 0 !important
}

.special-products .viewed-product__title, .viewed-products .viewed-product__title {
    margin-bottom: 6px
}

.special-products .img-ratio__inner, .viewed-products .img-ratio__inner {
    margin-bottom: 10px
}

.widget-type_widget_v4_products_related_6_913cae32fecbd1b884f56ce48842ce64 .product-preview__photo img {
    position: static !important
}

.card .special-products .colorBlock__item {
    margin-right: 10px !important
}

.widget-type_widget_v4_products_related_6_913cae32fecbd1b884f56ce48842ce64 .product-preview__content {
    padding: 0 !important
}

.widget-type_widget_v4_products_related_6_913cae32fecbd1b884f56ce48842ce64 .product-preview__area-bottom {
    margin-bottom: 0 !important
}

.widget-type_widget_v4_products_related_6_913cae32fecbd1b884f56ce48842ce64 .product-preview__price-cur {
    font-size: 14px !important;
    line-height: 17px !important;
    font-weight: 500 !important;
    opacity: .7 !important
}

.special-products {
    margin-bottom: 43px
}

.co-menu-link:hover {
    color: #8e8e8e !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-modal-button--checkout:hover {
    background: #fff !important
}

.widget-type_widget_v4_products_related_6_913cae32fecbd1b884f56ce48842ce64 .product-preview__price {
    margin-bottom: 11px
}

.image-color {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

#quick_checkout_form .m-modal-heading, .m-input-label {
    font-family: Montserrat;
    font-style: normal;
    line-height: normal
}

#quick_checkout_form .m-modal-heading {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    margin-top: 0
}

.m-input-label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    opacity: .7
}

.m-input-label:after {
    font-weight: 400;
    color: #000 !important;
    opacity: .7
}

.m-modal-wrapper {
    padding: 40px
}

.m-modal-wrapper .m-input .m-input-field {
    border: 1px solid #d3d3d3;
    font-weight: 400;
    padding: 16px
}

.m-modal-wrapper .m-input #client_messenger_subscription {
    width: 24px;
    height: 24px
}

.m-modal-wrapper .m-input--checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.m-input-label:after, .m-modal-wrapper .m-input .m-input-field, .m-modal-wrapper .m-input--checkbox .m-input-label {
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    line-height: normal
}

.m-modal-wrapper .m-input--checkbox .m-input-label {
    font-weight: 500;
    color: #000;
    opacity: 1;
    margin-left: 10px
}

@media screen and (min-width: 671px) {
    .m-modal-wrapper .m-input--checkbox .m-input-label {
        margin-left: 16px
    }
}

.m-modal-wrapper .m-input-caption {
    margin-left: 0;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000
}

@media screen and (min-width: 671px) {
    .m-modal-wrapper .m-input-caption {
        margin-left: 40px
    }
}

.m-modal-wrapper .m-modal-close {
    top: 40px;
    right: 34px
}

.form__field {
    margin-bottom: 10px
}

.form__error {
    color: red;
    text-align: left;
    font-size: 12px;
    margin-top: 3px;
    display: none;
    position: absolute
}

.form button, .form input {
    width: 100%;
    padding: 10px;
    border-radius: 2px
}

.form input {
    outline: 0;
    display: block;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form button {
    border: 0;
    background-color: #ccc;
    color: #fff
}

/*input:invalid:not(:-moz-placeholder-shown), input:invalid:not(:-ms-input-placeholder), input:invalid:not(:placeholder-shown) {
    border-color: red;
    color: red
}
*/
input:invalid:not(:-moz-placeholder-shown) + .form__error, input:invalid:not(:-ms-input-placeholder) + .form__error, input:invalid:not(:placeholder-shown) + .form__error {
    display: block
}

input:invalid:not(:-moz-placeholder-shown) + .form__error + .text-field__label, input:invalid:not(:-ms-input-placeholder) + .form__error + .text-field__label, input:invalid:not(:placeholder-shown) + .form__error + .text-field__label {
    color: red
}

.text-field {
    position: relative
}

.agreeElem, .captchaBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.agreeElem div[data-feedback-form-field-error], .captchaBlock div[data-feedback-form-field-error] {
    color: red
}

.mainPage .body1, .mainPage .body2, .mainPage .body3, .mainPage .body4, .mainPage h1, .mainPage h2, .mainPage h3, .mainPage h4, .mainPage h5, .mainPage h6 {
    color: #fff
}

.mainPage-top {
    height: 100vh;
    height: calc(100dvh - 51px);
    background: url(mobile-bg-test.jpg) no-repeat top/cover;
    position: relative
}

.mainPage-top:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), color-stop(.01%, rgba(0, 0, 0, .24)), color-stop(33.85%, transparent), color-stop(64.06%, transparent), to(rgba(0, 0, 0, .24)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .24) .01%, transparent 33.85%, transparent 64.06%, rgba(0, 0, 0, .24) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .24) .01%, transparent 33.85%, transparent 64.06%, rgba(0, 0, 0, .24) 100%)
}

@media screen and (min-width: 767px) {
    .mainPage-top {
        background: url(desktop-bg-test.jpg) no-repeat top/cover
    }
}

@media screen and (min-width: 867px) {
    .mainPage-top {
        height: 100dvh
    }
}

@media screen and (min-width: 767px) {
    .mainPage-top .logo {
        width: 246px;
        height: 27px
    }
}

.mainPage-top a, .mainPage-top a .h1-mob {
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mainPage-top a {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1
}

.mainPage-top a .h1-mob {
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    font-style: normal;
    margin: 0
}

@media screen and (min-width: 767px) {
    .mainPage-top a .h1-mob {
        font-size: 24px
    }
}

@media (hover: hover) and (pointer: fine) {
    .mainPage-top a:hover .h1-mob {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.mainPage-bottom {
    background: #292929;
    padding-top: 44px
}

@media screen and (min-width: 474px) {
    .mainPage-bottom {
        padding-top: 75px
    }
}

.mainPage-bottom .slider, .mainPage-bottom .slider-another {
    position: relative
}

.mainPage-bottom .sliderBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 16px
}

@media screen and (min-width: 767px) {
    .mainPage-bottom .sliderBlock {
        padding-left: 30px
    }
}

.mainPage-bottom .sliderBlock-tabs {
    margin: 0 !important
}

.mainPage-bottom .sliderBlock-tabs__item {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-right: 16px;
    opacity: .5
}

@media screen and (min-width: 474px) {
    .mainPage-bottom .sliderBlock-tabs__item {
        font-size: 17px;
        line-height: 21px
    }
}

@media (hover: hover) and (pointer: fine) {
    .mainPage-bottom .sliderBlock-tabs__item:hover {
        opacity: 1
    }
}

.mainPage-bottom .sliderBlock-tabs__item.active {
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    opacity: 1
}

@media screen and (min-width: 474px) {
    .mainPage-bottom .sliderBlock-tabs__item.active {
        font-size: 24px;
        line-height: 29px
    }
}

.mainPage-bottom .feedback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px;
    margin-bottom: 61px
}

.mainPage-bottom .feedback__title {
    display: none;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mainPage-bottom .feedback .body1 {
    max-width: 515px
}

.mainPage-bottom .feedback .second, .mainPage-bottom .feedback__text {
    display: none
}

@media screen and (min-width: 1366px) {
    .mainPage-bottom .feedback {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mainPage-bottom .feedback .btn {
        padding: 17px 52px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .mainPage-bottom .feedback .first, .mainPage-bottom .feedback h4 {
        display: none
    }

    .mainPage-bottom .feedback__title {
        display: block
    }

    .mainPage-bottom .feedback .second {
        display: block;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.mainPage-bottom .category-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    position: relative
}

@media screen and (min-width: 767px) {
    .mainPage-bottom .category-nav {
        padding-left: 30px
    }
}

.mainPage-bottom .category-nav:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(2.69%, #292929), color-stop(60.21%, rgba(41, 41, 41, .72875)), to(rgba(41, 41, 41, 0)));
    background: -o-linear-gradient(right, #292929 2.69%, rgba(41, 41, 41, .72875) 60.21%, rgba(41, 41, 41, 0) 100%);
    background: linear-gradient(270deg, #292929 2.69%, rgba(41, 41, 41, .72875) 60.21%, rgba(41, 41, 41, 0) 100%)
}

@media screen and (min-width: 474px) {
    .mainPage-bottom .category-nav:after {
        width: 100px
    }
}

.mainPage-bottom .category-nav .category-menu::-webkit-scrollbar, .mainPage-bottom .category-nav::-webkit-scrollbar {
    display: none
}

.mainPage-bottom .category-nav .category-menu::-webkit-scrollbar-track, .mainPage-bottom .category-nav::-webkit-scrollbar-track {
    display: none
}

.mainPage-bottom .category-nav p {
    margin-right: 30px
}

.mainPage-bottom .category-nav .category-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll
}

.mainPage-bottom .category-nav .category-menu .category-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
    margin-right: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mainPage-bottom .category-nav .category-menu .category-menu__item:last-child {
    margin-right: 50px
}

@media screen and (min-width: 474px) {
    .mainPage-bottom .category-nav .category-menu .category-menu__item:last-child {
        margin-right: 90px
    }
}

@media (hover: hover) and (pointer: fine) {
    .mainPage-bottom .category-nav .category-menu .category-menu__item:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-bottom: 1px solid #d3d3d3
    }
}

.category {
    background: #fff;
    padding-bottom: 50px;
    margin-top: 60px
}

@media screen and (min-width: 991px) {
    .category {
        margin-top: 69px
    }
}

.category .burger-menu-btn svg, .category .searchWrap svg, .category svg {
    fill: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.category .navigation-menu {
    padding: 0 16px 19px;
    border-bottom: 1px solid #faf7f7
}

@media screen and (min-width: 991px) {
    .category .navigation-menu {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 30px 19px
    }
}

.category .backBlock {
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .category .backBlock:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.category .userBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category .userBlock .basket, .category .userBlock .login, .category .userBlock .searchWrap {
    display: none
}

@media screen and (min-width: 767px) {
    .category .userBlock .basket, .category .userBlock .login {
        display: block
    }

    .category .userBlock .searchWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.category .favorites, .headerMobile-menu_right .filter-wrapper .trends li {
    font-size: 0
}

.category .category-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 46px
}

@media screen and (min-width: 991px) {
    .category .category-menu {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 28px 30px
    }
}

.category .category-menu .categoryBlock {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    overflow-x: hidden;
    padding: 10px 0 11px 16px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 31px;
    position: relative;
    width: 100%
}

@media screen and (min-width: 991px) {
    .category .category-menu .categoryBlock {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-top: none;
        border-bottom: none;
        margin-right: 20px;
        padding: 0
    }
}

.category .category-menu .categoryBlock:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 93px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(2.69%, #fff), color-stop(34.21%, rgba(255, 255, 255, .72875)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(right, #fff 2.69%, rgba(255, 255, 255, .72875) 34.21%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, #fff 2.69%, rgba(255, 255, 255, .72875) 34.21%, rgba(255, 255, 255, 0) 100%)
}

.category .category-menu .category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-description .description__size .sizeWrapper .size-row::-webkit-scrollbar, .category .category-menu .category-list::-webkit-scrollbar {
    display: none
}

.card-description .description__size .sizeWrapper .size-row::-webkit-scrollbar-track, .category .category-menu .category-list::-webkit-scrollbar-track {
    display: none
}

.category .category-menu .category-list__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.category .category-menu .category-list__item:last-child {
    margin-right: 60px
}

@media screen and (min-width: 991px) {
    .category .category-menu .category-list__item.active {
        border-bottom: 1px solid #000;
        padding-bottom: 1px;
        font-size: 17px;
        font-weight: 500;
        line-height: 21px
    }
}

@media (hover: hover) and (pointer: fine) {
    .category .category-menu .category-list__item:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        font-weight: 500
    }
}

.category .category-menu .title-cat {
    padding: 28px 16px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

@media screen and (min-width: 767px) {
    .category .category-menu .title-cat {
        position: absolute;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%
    }
}

@media screen and (min-width: 991px) {
    .category .category-menu .title-cat {
        margin-right: 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0;
        font-size: 19px;
        line-height: 23px
    }
}

.category .category-menu .filterButton {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 28px 16px;
    cursor: pointer;
    margin-bottom: 0 !important
}

@media screen and (min-width: 575px) {
    .category .category-menu .filterButton {
        margin-left: 0
    }
}

@media screen and (min-width: 991px) {
    .category .category-menu .filterButton {
        padding: 0
    }
}

.category .category-menu .range {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0
}

@media screen and (min-width: 575px) {
    .category .category-menu .range {
        width: 100px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto;
        padding: 0
    }
}

@media screen and (min-width: 991px) {
    .category .category-menu .range {
        margin-right: 20px
    }
}

.category .category-menu .range input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background: #000;
    outline: 0;
    border-radius: 36px;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 575px) {
    .category .category-menu .range input[type=range] {
        padding-left: 5px;
        padding-right: 5px
    }
}

.category .category-menu .range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    background: #454545;
    border-radius: 50%
}

@media screen and (min-width: 575px) {
    .category .category-menu .range input[type=range]::-webkit-slider-thumb {
        width: 9px;
        height: 9px
    }
}

.category .category-menu .range input[type=range]::-webkit-slider-thumb {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.category .category-menu .range input[type=range]:hover::-webkit-slider-thumb {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.category-results__item {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.category-results__item.preactive {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.grid-1 {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap: 32px
}

.grid-1 .category-results__item {
    margin: 0 auto
}

.grid-1 .category-results__item .image {
    background: #f5f5f5
}

.grid-1 .category-results__item:nth-child(4n) {
    margin-left: auto
}

@media screen and (min-width: 991px) {
    .grid-1 {
        grid-template-columns:repeat(6, 1fr);
        grid-gap: 32px 8px
    }

    .grid-1 .category-results__item {
        margin: 0 auto;
        width: 100%
    }

    .grid-1 .category-results__item[data-elem-style="Вертикальный 1"] {
        grid-column: span 6;
        max-width: 767px
    }

    .grid-1 .category-results__item[data-elem-style="Вертикальный 2"] {
        grid-column: span 3;
        max-width: 100%
    }

    .grid-1 .category-results__item[data-elem-style="Вертикальный 2"] .image, .grid-1 .category-results__item[data-elem-style="Горизонтальный 1"] .image, .grid-1 .category-results__item[data-elem-style="Горизонтальный 2"] .image {
        max-width: 100%
    }

    .grid-1 .category-results__item[data-elem-style="Вертикальный 3"] {
        grid-column: span 2
    }

    .grid-1 .category-results__item[data-elem-style="Горизонтальный 1"] {
        grid-column: span 6;
        max-width: 1100px
    }

    .grid-1 .category-results__item[data-elem-style="Горизонтальный 2"] {
        grid-column: span 3;
        max-width: 100%
    }
}

.grid-2, .grid-4 {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 32px 8px
}

.card-description .description__accordionCard .prohibitions__image img, .grid-2 .category-results__item {
    width: 100%
}

.grid-2 .category-results__item .image {
    background: #f5f5f5
}

@media screen and (min-width: 1630px) {
    .grid-2 .category-results__item {
        width: 100%
    }

    .grid-2 .category-results__item .image {
        max-width: 100%;
        width: 100%
    }
}

.grid-4 {
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 3px 4px
}

.grid-4 .category-results__item {
    height: 100%;
    background: #f5f5f5
}

@media screen and (min-width: 991px) {
    .grid-4 .category-results__item {
        height: auto;
        background: 0 0
    }
}

.grid-4 .category-results__item .image {
    margin-bottom: 0;
    background: #f5f5f5
}

.grid-4 .category-results__item .colorBlock, .grid-4 .category-results__item .priceBlock, .grid-4 .category-results__item .title {
    display: none
}

@media screen and (min-width: 671px) {
    .grid-4 {
        grid-gap: 8px
    }
}

@media screen and (min-width: 991px) {
    .grid-4 {
        grid-gap: 47px 8px
    }

    .grid-4 .category-results__item .image {
        margin-bottom: 10px
    }

    .grid-4 .category-results__item .colorBlock, .grid-4 .category-results__item .priceBlock, .grid-4 .category-results__item .title {
        display: block
    }

    .grid-4 .category-results__item .colorBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.grid-12 {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 8px
}

.grid-12 .category-results__item {
    height: 100%;
    background: #f5f5f5
}

.grid-12 .category-results__item .image, .nav-footer ul {
    margin-bottom: 0
}

.grid-12 .category-results__item .colorBlock, .grid-12 .category-results__item .priceBlock, .grid-12 .category-results__item .title {
    display: none
}

@media (hover: hover) and (pointer: fine) {
    .grid-12 .image:hover .choiceSize {
        visibility: hidden !important
    }
}

.category-results__item .image img, .grid-12 .image img {
    width: 100%;
    height: 100%
}

.category-results__item {
    cursor: pointer
}

.category-results__item .image {
    margin-bottom: 10px;
    max-width: 767px;
    width: 100%;
    position: relative
}

@media (hover: hover) and (pointer: fine) {
    .category-results__item .image:hover .choiceSize {
        visibility: visible;
        opacity: 1;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.category-results__item .title {
    margin-bottom: 6px
}

.category-results__item .priceBlock {
    margin-bottom: 11px;
    opacity: .7
}

.category-results__item .priceBlock span {
    margin-right: 5px;
    position: relative
}

.card-description .description__price .price-old:after, .category-results__item .priceBlock .old:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #8e8e8e;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

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

.colorBlock__item {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    position: relative;
    margin-right: 10px
}

.colorBlock__item:last-child {
    margin-right: 0
}

.colorBlock__item.active {
    border: 1px solid #fff
}

.colorBlock__item.active:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: 0 0;
    border: 1px solid #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.card {
    margin-top: 80px;
    background: #fff
}

@media screen and (min-width: 767px) {
    .card {
        margin-top: 113px
    }
}

@media screen and (min-width: 1024px) {
    .card .card-desctopWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card .collection-chose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

@media screen and (min-width: 767px) {
    .card .collection-chose {
        margin-bottom: 23px
    }
}

.card .collection-chose__navigation, .headerMobile-menu_right .filter-wrapper .requests li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card .back, .card .forward {
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1;
    font-size: 0
}

@media (hover: hover) and (pointer: fine) {
    .card .back:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .6
    }
}

.card .forward {
    margin-left: 30px
}

@media (hover: hover) and (pointer: fine) {
    .card .forward:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .6
    }
}

.card .colorBlock__item {
    margin-right: 20px
}

.card .colorBlock__item:last-child {
    margin-right: 0
}

.card .colorBlock .red {
    background: red
}

.card .colorBlock .blue {
    background: #00f
}

.card .colorBlock .white {
    background: #fff
}

.card .colorBlock .yellow {
    background: #ff0
}

@media screen and (min-width: 1024px) {
    .card-desctopWrapper {
        margin-bottom: 34px
    }
}

.card-description {
    max-width: 100%
}

@media screen and (min-width: 1024px) {
    .card-description {
        width: 100%;
        max-width: 584px;
        position: sticky;
        top: 70px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

@media screen and (min-width: 1630px) {
    .card-description {
        margin: 0 auto
    }
}

.card-description .description {
    padding-bottom: 27px
}

.card-description .description__title {
    margin-bottom: 7px
}

@media screen and (min-width: 1024px) {
    .card-description .description__title {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 0
    }
}

.card-description .description__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px
}

@media screen and (min-width: 1024px) {
    .card-description .description__add {
        margin-bottom: 11px
    }

    .card-description .description__add .marker {
        display: none
    }
}

.card-description .description .vendorCode {
    opacity: .6
}

.card-description .description__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 17px
}

.card-description .description__price .price-new {
    margin-right: 20px
}

@media screen and (min-width: 1024px) {
    .card-description .description__price .price-new {
        font-size: 17px;
        line-height: 21px
    }
}

.card-description .description__price .price-old {
    color: #8e8e8e;
    font-size: 14px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .card-description .description__price .price-old {
        font-size: 17px;
        line-height: 21px
    }
}

.card-description .description__text {
    margin-bottom: 17px
}

@media screen and (min-width: 1024px) {
    .card-description .description__text {
        margin-bottom: 25px
    }
}

.card-description .description__color {
    margin-bottom: 26px
}

@media screen and (min-width: 1024px) {
    .card-description .description__color {
        margin-bottom: 35px
    }
}

.card-description .description__color .title {
    color: #454545;
    opacity: .6;
    margin-bottom: 15px
}

.card-description .description__size {
    margin-bottom: 19px
}

@media screen and (min-width: 1024px) {
    .card-description .description__size {
        margin-bottom: 28px
    }
}

.card-description .description__size .sizeSingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    margin-right: 2px
}

.card-description .description__size .sizeWrapper, .card-description .description__size .sizeWrapper .size-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-description .description__size .sizeWrapper {
    margin-bottom: 21px
}

.card-description .description__size .sizeWrapper__title {
    margin-right: 24px;
    color: #454545;
    opacity: .6
}

.card-description .description__size .sizeWrapper .size-row {
    grid-gap: 8px;
    overflow-x: scroll
}

.card-description .description__aboutProduct .aboutProduct-list ul, .card-description .description__size .sizeWrapper .size-row__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-description .description__size .sizeWrapper .size-row__item {
    padding: 7px 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background: #faf7f7;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.card-description .description__size .sizeWrapper .size-row__item .sizeSingle {
    margin-bottom: 2px;
    color: #000;
    font-weight: 500;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.card-description .description__size .sizeWrapper .size-row__item .sizeOne {
    color: #454545;
    font-size: 14px;
    opacity: .7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .card-description .description__size .sizeWrapper .size-row__item:hover {
        background: #000;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        color: #fff
    }

    .card-description .description__size .sizeWrapper .size-row__item:hover .sizeOne, .card-description .description__size .sizeWrapper .size-row__item:hover .sizeSingle {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        color: #fff
    }
}

.card-description .description__size .sizeWrapper .size-row__item.active {
    background: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff
}

.card-description .description__size .sizeWrapper .size-row__item.active .sizeOne, .card-description .description__size .sizeWrapper .size-row__item.active .sizeSingle, .card-description .description__tableLink a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff
}

.card-description .description__size .text {
    color: #454545;
    opacity: .8
}

.card-description .description__tableLink {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0
}

.card-description .description__tableLink svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-right: 8px
}

.card-description .description__tableLink a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 0;
    border-bottom: 1px solid #000
}

@media (hover: hover) and (pointer: fine) {
    .card-description .description__tableLink:hover a {
        border-bottom: 1px solid #8e8e8e;
        color: #8e8e8e;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .card-description .description__tableLink:hover svg {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.card-description .description__addBasket, .card-description .description__addBasket .addBasket-count, .card-description .description__tableLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-description .description__addBasket {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 7px 0;
    margin-bottom: 28px
}

@media screen and (min-width: 767px) {
    .card-description .description__addBasket {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media screen and (min-width: 1024px) {
    .card-description .description__addBasket {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1600px) {
    .card-description .description__addBasket {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.card-description .description__addBasket .addBasket-count {
    padding: 18px 14px;
    background: #faf7f7;
    border-radius: 8px;
    margin-right: 6px
}

@media screen and (min-width: 767px) {
    .card-description .description__addBasket .addBasket-count {
        margin-right: 8px
    }
}

@media screen and (min-width: 1600px) {
    .card-description .description__addBasket .addBasket-count {
        padding: 15px 14px
    }
}

.card-description .description__addBasket .addBasket-count .count-minus, .card-description .description__addBasket .addBasket-count .count-plus {
    background: 0 0;
    border: 0;
    font-size: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.card-description .description__addBasket .addBasket-count .count-minus {
    height: 14px
}

.card-description .description__addBasket .addBasket-count .count-result {
    margin-left: 21px;
    margin-right: 21px;
    display: inline-block;
    width: 22px;
    text-align: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    margin-bottom: 0
}

.card-description .description__addBasket .addBasket-buy {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 767px) {
    .card-description .description__addBasket .addBasket-buy {
        max-width: 214px;
        margin-right: 8px
    }
}

@media screen and (min-width: 1024px) {
    .card-description .description__addBasket .addBasket-buy {
        width: 100%
    }
}

@media screen and (min-width: 1600px) {
    .card-description .description__addBasket .addBasket-buy {
        padding: 15px 23px;
        max-width: 194px
    }
}

.card-description .description__addBasket .addBasket-add {
    border: 1px solid #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #000;
    color: #fff
}

@media screen and (min-width: 767px) {
    .card-description .description__addBasket .addBasket-add {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 1024px) {
    .card-description .description__addBasket .addBasket-add {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

@media screen and (min-width: 1600px) {
    .card-description .description__addBasket .addBasket-add {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 194px;
        padding: 15px 20px
    }
}

@media (hover: hover) and (pointer: fine) {
    .card-description .description__addBasket .addBasket-add:hover {
        border: 1px solid #8e8e8e;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background: #8e8e8e;
        color: #fff
    }
}

.card-description .description__aboutProduct {
    margin-bottom: 27px
}

.card-description .description__aboutProduct .aboutProduct-title {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-left: 7px
}

@media screen and (min-width: 1024px) {
    .card-description .description__aboutProduct .aboutProduct-title {
        margin-left: 0
    }
}

.card-description .description__aboutProduct .body4 {
    color: #292929
}

.card-description .description__aboutProduct .aboutProduct-list {
    padding-left: 7px
}

@media screen and (min-width: 1024px) {
    .card-description .description__aboutProduct .aboutProduct-list {
        padding-left: 0
    }
}

.card-description .description__aboutProduct .aboutProduct-list ul {
    grid-gap: 9px;
    padding-left: 37px
}

@media screen and (min-width: 1024px) {
    .card-description .description__aboutProduct .aboutProduct-list ul {
        padding-left: 30px
    }
}

.card-description .description__aboutProduct .aboutProduct-list ul li {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #292929
}

.card-description .description__aboutProduct .aboutProduct-list ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    top: 4px;
    left: -13px
}

.card-description .description__accordionCard .sort {
    margin-bottom: 26px
}

.card-description .description__accordionCard .sort .sort-title {
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.card-description .description__accordionCard .sort .sort-title.active {
    border-bottom: none;
    padding-bottom: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media (hover: hover) and (pointer: fine) {
    .card-description .description__accordionCard .sort .sort-title:hover div {
        font-weight: 600
    }
}

.card-description .description__accordionCard .sort-open, .card-description .description__accordionCard .sort-open.active {
    padding: 0
}

.card-description .description__accordionCard .sort-detailInfo__title {
    margin-right: 8px;
    color: #454545
}

.card-description .description__accordionCard .sort-detailInfo__text {
    font-weight: 500;
    color: #292929
}

.card-description .description__accordionCard .sort-care__title, .card-description .description__accordionCard .sort-return__title {
    margin-bottom: 10px
}

.card-description .description__accordionCard .sort-care .sort-open__item, .card-description .description__accordionCard .sort-return .sort-open__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card-description .description__accordionCard .sort-care .sort-care__text {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929
}

.card-description .description__accordionCard .prohibitions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 12px
}

.card-description .description__accordionCard .prohibitions__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-description .description__accordionCard .prohibitions__image {
    width: 16px;
    height: 16px;
    margin-right: 16px
}

.card-description .description .help, .help {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .card-description .description .help:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        color: #8e8e8e
    }
}

@media (hover: hover) and (pointer: fine) {
    .help:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        color: #8e8e8e
    }
}

.card-sliders {
    border-top: 1px solid #faf7f7;
    padding-top: 17px;
    padding-bottom: 73px
}

@media screen and (min-width: 1024px) {
    .card-sliders {
        padding-bottom: 28px
    }
}

.card-sliders .slider-popular-card {
    padding-bottom: 8px
}

.card-sliders .slider-popular-card .filter-title {
    text-transform: initial
}

.card-sliders .slider-image {
    position: relative
}

@media (hover: hover) and (pointer: fine) {
    .card-sliders .slider-image:hover .choiceSize {
        visibility: visible;
        opacity: 1;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.card-sliders .swiper-slide-item-price {
    margin-bottom: 11px
}

.card-image-block, .card-sliders .colorBlock {
    display: none
}

@media screen and (min-width: 1024px) {
    .card-sliders .colorBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.card-sliders .colorBlock__item {
    margin-right: 11px
}

.card-sliders .colorBlock__item:last-child {
    margin-right: 0
}

@media screen and (min-width: 1024px) {
    .card-image-block {
        display: grid;
        grid-template-rows:repeat(3, auto);
        grid-template-columns:repeat(1, 1fr);
        gap: 8px;
        grid-auto-flow: dense;
        padding-left: 30px
    }

    .card-image-block .grid-item {
        background-color: gray
    }

    .card-image-block .full-width {
        grid-column: 1/span 2;
        height: 510px
    }
}

@media screen and (min-width: 1220px) {
    .card-image-block {
        grid-template-columns:repeat(2, 1fr)
    }
}

.clue {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #faf7f7;
    padding: 16px;
    border-radius: 8px;
    grid-gap: 18px;
    margin-bottom: 23px;
    max-width: 343px
}

.clue, .clue-info, .marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clue-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 5px
}

.clue svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.marker {
    font-size: 0;
    visibility: hidden
}

.marker .flag {
    margin-left: 15px
}

.favorites-added .flag-black {
    display: block
}

.favorites-added .flag-white, .favorites-not-added .flag-black, .modal -webkit-scrollbar-button {
    display: none
}

.favorites-not-added .flag-white {
    display: block
}

.favorites-added, .favorites-not-added {
    cursor: pointer;
    background: 0 0;
    border: 0
}

.contacts {
    padding-bottom: 40px;
    margin-top: 60px
}

@media screen and (min-width: 867px) {
    .contacts {
        margin-top: 70px;
        padding-bottom: 90px
    }
}

.contacts--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 41px
}

@media screen and (min-width: 867px) {
    .contacts .contacts-title {
        font-size: 19px;
        line-height: 23px
    }
}

.contacts .contacts-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 21px;
    max-width: 572px;
    margin: 0 auto 23px;
    width: 100%
}

.contacts .contacts-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #faf7f7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .contacts .contacts-info__item:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .7
    }
}

.contacts .contacts-info__item .contacts-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.contacts .contacts-info__item .first {
    margin-right: 17px
}

.contacts .socialBlock {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.oftenQuestions {
    margin-top: 60px
}

@media screen and (min-width: 867px) {
    .oftenQuestions {
        margin-top: 70px
    }
}

.oftenQuestions--inner {
    padding-top: 41px;
    padding-bottom: 39px
}

@media screen and (min-width: 1024px) {
    .oftenQuestions--inner {
        padding-top: 63px;
        padding-bottom: 57px
    }

    .oftenQuestions .oftenQuestions-title {
        font-size: 19px;
        line-height: 23px
    }
}

.oftenQuestions .oftenQuestionsBlock {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap: 16px
}

@media screen and (min-width: 671px) {
    .oftenQuestions .oftenQuestionsBlock {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (min-width: 767px) {
    .oftenQuestions .oftenQuestionsBlock {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (min-width: 1024px) {
    .oftenQuestions .oftenQuestionsBlock {
        grid-template-columns:repeat(4, 220px);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
    }
}

.oftenQuestions .oftenQuestionsBlock__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 61px 0;
    width: 100%;
    background: #f7f7f7;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 343px;
    justify-self: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .oftenQuestions .oftenQuestionsBlock__item:hover .customBlock {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .6
    }
}

@media screen and (min-width: 1024px) {
    .oftenQuestions .oftenQuestionsBlock__item {
        max-width: 220px;
        width: 100%
    }
}

.oftenQuestions .oftenQuestionsBlock__item .customBlock {
    margin-bottom: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ourStore {
    margin-top: 60px
}

@media screen and (min-width: 867px) {
    .ourStore {
        margin-top: 70px
    }
}

.ourStore-title {
    font-weight: 500;
    margin-bottom: 20px
}

@media screen and (min-width: 867px) {
    .ourStore-title {
        font-size: 17px
    }
}

.ourStore .descriptionBlock .descriptionBlock-wrap, .ourStore .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 867px) {
    .ourStore .wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.ourStore--inner {
    padding-top: 36px;
    padding-bottom: 40px
}

@media screen and (min-width: 867px) {
    .ourStore--inner {
        padding-bottom: 142px
    }
}

.ourStore--inner .title {
    margin-bottom: 24px
}

@media screen and (min-width: 867px) {
    .ourStore--inner .title {
        margin-bottom: 50px;
        font-size: 24px;
        font-weight: 500
    }
}

.ourStore .descriptionBlock {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 46px
}

@media screen and (min-width: 1220px) {
    .ourStore .descriptionBlock {
        max-width: 341px;
        width: 100%;
        margin-right: 46px
    }
}

.ourStore .descriptionBlock .descriptionBlock-wrap {
    grid-gap: 13px;
    margin-bottom: 29px
}

@media screen and (min-width: 867px) {
    .ourStore .descriptionBlock .descriptionBlock-wrap {
        margin-bottom: 50px
    }
}

.ourStore .descriptionBlock .descriptionBlock-wrap .descriptionBlock-wrap__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .ourStore .descriptionBlock .descriptionBlock-wrap .descriptionBlock-wrap__item:hover .descriptionBlock-text-link {
        font-weight: 500
    }
}

.ourStore .descriptionBlock .descriptionBlock-wrap .descriptionBlock-wrap__item svg {
    margin-right: 16px
}

@media (hover: hover) and (pointer: fine) {
    .ourStore .descriptionBlock .descriptionBlock-wrap .descriptionBlock-wrap__item-link:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 867px) {
    .ourStore .socialBlock {
        margin-bottom: 0
    }
}

.basketBlock__image img, .map {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .map {
        width: 500px
    }
}

@media screen and (min-width: 1220px) {
    .map {
        width: 768px
    }
}

.map_blocks {
    height: 261px;
    width: 100%;
    max-width: 768px
}

@media screen and (min-width: 867px) {
    .map_blocks {
        height: 395px
    }
}

@media screen and (min-width: 474px) {
    .map_blocks iframe {
        height: 100%
    }
}

@media screen and (min-width: 867px) {
    .ourStore-mapBlock .ourStore-title {
        display: none
    }
}

.service {
    margin-top: 60px
}

@media screen and (min-width: 867px) {
    .service {
        margin-top: 70px
    }
}

.service--inner {
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (min-width: 867px) {
    .service--inner {
        max-width: 766px;
        margin: 0 auto;
        padding-top: 47px;
        padding-bottom: 145px
    }
}

.service .headingPage {
    color: #000;
    text-align: center;
    max-width: 593px;
    margin: 0 auto 40px
}

@media screen and (min-width: 867px) {
    .service .headingPage {
        margin-bottom: 56px
    }
}

.service .serviceWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 24px;
    margin-bottom: 24px
}

.service .serviceWrap__item {
    padding-bottom: 24px;
    border-bottom: 1px solid #d3d3d3
}

@media screen and (min-width: 767px) {
    .service .serviceWrap__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .service .serviceWrap__item .btn-go {
        max-width: 200px
    }
}

.service .serviceWrap__item .serviceWrap-image {
    margin-right: 16px;
    font-size: 0
}

.service .serviceWrap__item .serviceWrap__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

@media screen and (min-width: 867px) {
    .service .serviceWrap__item .serviceWrap__item-title {
        margin-bottom: 0
    }
}

.service .serviceWrap__item .serviceWrap__text {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

@media screen and (min-width: 867px) {
    .service .serviceWrap__item .serviceWrap__text {
        font-size: 16px
    }
}

.service .serviceWrap__item .serviceWrap__text_schedule {
    font-size: 12px;
    color: #000;
    font-weight: 500
}

.service .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none !important
}

.service .link a {
    margin-right: 24px
}

@media screen and (min-width: 867px) {
    .service .link a {
        font-size: 14px
    }
}

.service .link .body4 {
    color: #000
}

.popup {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.popup .container {
    position: relative;
    height: 100%
}

.popup .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px
}

@media screen and (min-width: 671px) {
    .popup .link {
        display: none
    }
}

.popup .link a, .popup .link p {
    opacity: .6;
    font-size: 12px;
    font-weight: 500;
    color: #000
}

.popup .link p {
    opacity: .4;
    margin-bottom: 0
}

.popup.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.popup-body {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 766px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 16px 24px 30px;
    scrollbar-color: transparent transparent;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    max-height: 600px;
    width: calc(100% - 32px)
}

@media screen and (min-width: 671px) {
    .popup-body {
        padding: 24px 40px 32px
    }
}

.popup-body .item-step {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0;
    display: none
}

.popup-body .item-step.active {
    z-index: 100;
    position: relative;
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    display: block
}

.form-wrapper {
    position: relative;
    background: #fff
}

.modal, .modal-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-navigation {
    margin-bottom: 32px
}

.modalClose, .modalClose svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.modalClose {
    padding: 0;
    background: 0 0;
    border: 0;
    font-size: 0;
    margin-left: auto;
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .modalClose:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.modalClose svg {
    fill: #fff
}

.text-field__label {
    display: block;
    color: #d3d3d3
}

.text-field__input.error label, .text-field__label.error {
    color: red !important
}

.text-field__input {
    display: block;
    padding: 16px;
    font-family: inherit;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 331px;
    width: 100%
}

.text-field__input.error {
    color: red !important;
    border: 1px solid red !important
}

.text-field__input[type=search]::-webkit-search-cancel-button, .text-field__input[type=search]::-webkit-search-decoration, .text-field__input[type=search]::-webkit-search-results-button, .text-field__input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.text-field__input::-webkit-input-placeholder {
    color: #212529
}

.text-field__input::-moz-placeholder {
    color: #212529
}

.text-field__input:-ms-input-placeholder {
    color: #212529
}

.text-field__input::-ms-input-placeholder {
    color: #212529
}

.text-field__input::placeholder {
    color: #212529
}

.text-field__input:focus {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    outline: 0
}

.text-field__input:disabled, .text-field__input[readonly] {
    background-color: #f5f5f5;
    opacity: 1
}

.text-field_floating-2 {
    position: relative
}

.text-field_floating-2 .text-field__label {
    position: absolute;
    top: 48%;
    left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    border: 0;
    background-color: #fff;
    color: #d3d3d3;
    padding-left: 8px;
    padding-right: 5px;
    -webkit-transition: top .1s ease-in-out, scale .1s ease-in-out;
    -o-transition: top .1s ease-in-out, scale .1s ease-in-out;
    transition: top .1s ease-in-out, scale .1s ease-in-out;
    font-size: 14px;
    font-weight: 400
}

.text-field_floating-2 .text-field__input::-moz-placeholder {
    color: transparent
}

.text-field_floating-2 .text-field__input::-webkit-input-placeholder {
    color: transparent
}

.text-field_floating-2 .text-field__input:-ms-input-placeholder {
    color: transparent
}

.text-field_floating-2 .text-field__input::-ms-input-placeholder {
    color: transparent
}

.text-field_floating-2 .text-field__input::placeholder {
    color: transparent
}

.text-field_floating-2 .text-field__input:not(:-moz-placeholder-shown) ~ .text-field__label, .text-field_floating-2 .text-field__input:not(:-ms-input-placeholder) ~ .text-field__label {
    top: 0;
    font-size: 11px;
    color: #000
}

.text-field_floating-2 .text-field__input:focus ~ .text-field__label, .text-field_floating-2 .text-field__input:not(:placeholder-shown) ~ .text-field__label {
    top: 0;
    font-size: 11px;
    color: #000
}

.btn-modal {
    border: 1px solid #292929;
    padding: 15px 32px;
    margin-right: 24px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 331px
}

.btn-modal:disabled {
    opacity: .7
}

.btn-modal-second {
    margin-bottom: 12px
}

.stepBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 671px) {
    .stepBlock {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.serialNumber {
    margin-bottom: 32px
}

.serialNumber .allNum, .serialNumber .currentNum {
    color: #000;
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase
}

.serialNumber .allNum {
    color: #d3d3d3;
    font-size: 30px
}

.modal-wrapper .offer, .serialNumber-second {
    margin-bottom: 24px
}

.modal-wrapper p {
    opacity: .7;
    margin-bottom: 20px
}

@media screen and (min-width: 671px) {
    .modal-wrapper .offer {
        display: none
    }
}

.card-title {
    margin-bottom: 48px !important
}

.card-title-second {
    margin-bottom: 32px
}

.inputBlock {
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 671px) {
    .inputBlock {
        margin-bottom: 0;
        margin-right: 24px
    }
}

.choseBlock, .previousStep {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.previousStep {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #000;
    font-weight: 400
}

.previousStep svg {
    margin-right: 12px
}

.choseBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px;
    margin-bottom: 34px
}

@media screen and (min-width: 671px) {
    .choseBlock {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
}

.choseBlock__item, .modal-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.choseBlock__item {
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 671px) {
    .modal-wrapp {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .modal-wrapp .btn-modal {
        max-width: 260px;
        margin-right: 0;
        margin-bottom: 0
    }
}

.popup-body-chosen {
    display: none
}

.popup-body-chosen.active {
    display: block
}

.header, .popup_size {
    z-index: 1000;
    width: 100%;
    position: fixed
}

.popup_size, .popup_size.open {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.popup_size {
    height: 100vh;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    z-index: 1600;
}

.popup_size.open {
    opacity: 1;
    visibility: visible
}

.popup_size .popup_size_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 766px;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 40px 30px 30px;
    scrollbar-color: transparent transparent;
    max-height: 443px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0 !important;
    border-bottom: 1px solid #faf7f7;
    background: #fff
}

.header .container {
    padding: 21px 0 14px
}

@media screen and (min-width: 867px) {
    .header .container {
        padding: 21px 0
    }
}

.header .backBlock {
    display: block;
    font-size: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

@media screen and (min-width: 767px) {
    .header .backBlock {
        display: none
    }
}

@media (hover: hover) and (pointer: fine) {
    .header .backBlock:hover {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header .logo {
    width: 157px;
    height: 17px
}

@media screen and (min-width: 867px) {
    .header .logo {
        width: 246px;
        height: 27px
    }
}

.header .basketIcon, .header .favorites {
    position: relative
}

.header .userBlock .basketIcon, .header .userBlock .entrance, .header .userBlock .login, .header .userBlock .open-basket, .header .userBlock .registration, .header .userBlock .searchWrap {
    display: none
}

.header .userBlock .entrance, .header .userBlock .registration {
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .header .userBlock .entrance:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media (hover: hover) and (pointer: fine) {
    .header .userBlock .registration:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 1045px) {
    .header .userBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 25px
    }

    .header .userBlock .basketIcon, .header .userBlock .entrance, .header .userBlock .login, .header .userBlock .open-basket, .header .userBlock .registration {
        display: block !important
    }

    .header .userBlock .body1 {
        color: #000
    }

    .header .userBlock .searchWrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 7px
    }

    .header .userBlock .searchWrap svg path, .header .userBlock svg path {
        fill: inherit;
        stroke: inherit
    }

    .header .userBlock .searchWrap svg, .header .userBlock svg {
        fill: #000
    }

    .header .userBlock a, .header .userBlock a span, .header .userBlock svg {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 1045px) and (hover: hover) and (pointer: fine) {
    .header .userBlock a:hover svg {
        fill: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header .userBlock a:hover span {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header .burger-menu {
    display: none
}

@media screen and (min-width: 767px) {
    .header .burger-menu {
        display: block
    }
}

.header .burger-menu .burger-menu-btn {
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    border: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header .burger-menu .burger-menu-btn svg path {
    fill: inherit;
    stroke: inherit
}

.header .burger-menu .burger-menu-btn svg {
    fill: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .header .burger-menu .burger-menu-btn:hover svg {
        fill: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header .navigation-menu, .header-main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    position: relative
}

.header .logoBlock {
    position: absolute;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 0
}

.header .count, .headerMobile .count, .menu-mini .count {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #8e8e8e;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -8px;
    right: -8px;
    font-size: 10px;
    font-weight: 500;
    color: #fff
}

.header-main .cart-empty {
}

.header-main .favorite-empty, .wrapper_page .header .backBlock {
    display: none
}

.wrapper_page .header .burger-menu {
    display: block
}

.header-main {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 21px
}

@media screen and (min-width: 867px) {
    .header-main {
        top: 35px
    }
}

.header-main .count {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #8e8e8e;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -8px;
    right: -8px;
    font-size: 10px;
    font-weight: 500;
    color: #fff
}

.header-main .logo {
    font-size: 0;
    width: 157px;
    height: 17px
}

@media screen and (min-width: 867px) {
    .header-main .logo {
        width: 246px;
        height: 27px
    }
}

.header-main .userBlock {
    display: none
}

@media screen and (min-width: 1024px) {
    .header-main .userBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 23px
    }

    .header-main .userBlock .body1 {
        color: #fff
    }

    .header-main .userBlock .open-BasketFavorite {
        position: relative;
        font-size: 0
    }

    .header-main .userBlock .searchWrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 7px
    }

    .header-main .userBlock .searchWrap svg path, .header-main .userBlock svg path {
        fill: inherit;
        stroke: inherit
    }

    .header-main .userBlock .searchWrap svg, .header-main .userBlock svg {
        fill: #fff
    }

    .header-main .userBlock a {
        color: #fff
    }

    .header-main .userBlock a, .header-main .userBlock a span, .header-main .userBlock svg {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .header-main .userBlock a:hover {
        color: #d3d3d3
    }

    .header-main .userBlock a:hover svg {
        fill: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header-main .userBlock a:hover span {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header-main .burger-menu .burger-menu-btn {
    position: relative;
    display: block;
    width: 21px;
    height: 22px;
    border: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-main .burger-menu .burger-menu-btn svg path {
    fill: inherit;
    stroke: inherit
}

.header-main .burger-menu .burger-menu-btn svg {
    fill: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .header-main .burger-menu .burger-menu-btn:hover svg {
        fill: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header-main .navigation-menu, .header-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-main .navigation-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    position: relative
}

.header-main .logoBlock {
    position: absolute;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 0
}

.header-second {
    z-index: 1000;
    width: 100%;
    top: 0;
    border-bottom: 1px solid #faf7f7;
    position: fixed;
    background: #fff
}

.header-second .container {
    padding: 21px 0 14px
}

@media screen and (min-width: 867px) {
    .header-second .container {
        padding: 21px 0
    }
}

.header-second .logo {
    width: 157px;
    height: 17px
}

@media screen and (min-width: 867px) {
    .header-second .logo {
        width: 246px;
        height: 27px;
        margin-left: 235px
    }
}

.header-second .navigation-menu, .header-second .userBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-second .userBlock {
    grid-gap: 27px
}

.header-second .userBlock .basketIcon, .header-second .userBlock .login, .header-second .userBlock .searchWrap {
    display: none
}

@media screen and (min-width: 867px) {
    .header-second .userBlock .basketIcon, .header-second .userBlock .login {
        display: block
    }

    .header-second .userBlock .body1 {
        color: #000
    }

    .header-second .userBlock .searchWrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 7px
    }

    .header-second .userBlock .searchWrap svg {
        fill: #000
    }

    .header-second .userBlock .searchWrap svg path, .header-second .userBlock svg path {
        fill: inherit;
        stroke: inherit
    }

    .header-second .userBlock svg {
        fill: #000;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header-second .userBlock a {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        font-size: 0
    }
}

@media screen and (min-width: 867px) and (hover: hover) and (pointer: fine) {
    .header-second .userBlock a:hover svg {
        fill: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header-second .userBlock a:hover span {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header-second .burger-menu .burger-menu-btn {
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    border: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-second .burger-menu .burger-menu-btn svg path, .open-search svg path {
    fill: inherit;
    stroke: inherit
}

.header-second .burger-menu .burger-menu-btn svg {
    fill: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .header-second .burger-menu .burger-menu-btn:hover svg {
        fill: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.header-second .navigation-menu {
    margin-top: 0
}

.header-second .logoBlock {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer {
    background: #292929;
    padding-bottom: 50.8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (min-width: 867px) {
    .footer {
        padding-bottom: 0
    }
}

.footer--inner {
    padding-top: 48px;
    padding-bottom: 37px
}

@media screen and (min-width: 767px) {
    .footer--inner {
        padding-top: 64px;
        padding-bottom: 42px
    }
}

.footer .copy {
    padding: 6px 0;
    background: #454545
}

.footer .copy .copy-inner {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #d3d3d3;
    text-align: center
}

.nav-footer, .nav-wrap {
    position: relative
}

.nav-wrap:after {
    position: absolute;
    content: "";
    top: 1px;
    right: 0;
    width: 35px;
    height: 95%;
    background: -webkit-gradient(linear, right top, left top, color-stop(2.69%, #292929), color-stop(60.21%, rgba(41, 41, 41, .72875)), to(rgba(41, 41, 41, 0)));
    background: -o-linear-gradient(right, #292929 2.69%, rgba(41, 41, 41, .72875) 60.21%, rgba(41, 41, 41, 0) 100%);
    background: linear-gradient(270deg, #292929 2.69%, rgba(41, 41, 41, .72875) 60.21%, rgba(41, 41, 41, 0) 100%)
}

@media screen and (min-width: 474px) {
    .nav-wrap:after {
        width: 40px
    }
}

.nav-footer {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 33px;
    overflow-x: scroll
}

.nav-footer::-webkit-scrollbar {
    display: none
}

.nav-footer::-webkit-scrollbar-track {
    display: none
}

.headerMobile-menu_left ul li, .nav-footer .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-footer .list li {
    margin-right: 35px
}

@media screen and (min-width: 767px) {
    .nav-footer .list li {
        margin-right: 52px
    }
}

.nav-footer .list li:last-child a {
    margin-right: 35px
}

.nav-footer .list a, .socialBlock a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nav-footer .list a {
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-top: 20px;
    padding-bottom: 19px
}

@media screen and (min-width: 767px) {
    .nav-footer .list a {
        text-transform: uppercase;
        font-size: 16px;
        padding-bottom: 21px
    }
}

@media (hover: hover) and (pointer: fine) {
    .nav-footer .list a:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.footer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 867px) {
    .footer-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.socialBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    margin-bottom: 28px
}

@media screen and (min-width: 767px) {
    .socialBlock {
        margin-bottom: 44px
    }
}

.socialBlock a {
    margin-right: 23px
}

.socialBlock a:last-child {
    margin-right: 0
}

@media (hover: hover) and (pointer: fine) {
    .socialBlock a:hover {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.infoBlock {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoBlock .infoBlock__image {
    display: none
}

@media screen and (min-width: 867px) {
    .infoBlock .infoBlock__image {
        display: none
    }

    .infoBlock {
        margin-bottom: 0
    }
}

.infoBlock-list__item {
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .infoBlock-list__item:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.footer-info a:last-child, .infoBlock li:last-child {
    margin-bottom: 0
}

.footer-info {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    opacity: .7;
    max-width: 320px
}

@media screen and (min-width: 767px) {
    .footer-info {
        padding-top: 16px
    }
}

@media screen and (min-width: 867px) {
    .footer-info a {
        text-align: right
    }
}

.footer-info a {
    margin-bottom: 13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .footer-info a:hover {
        color: #d3d3d3;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.headerMobile {
    background: #fff;
    position: fixed;
    z-index: 201;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow-x: hidden;
    opacity: 0
}

.headerMobile .headerMobile-wrap {
    position: relative
}

.headerMobile .headerMobile-wrap:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .71)), color-stop(32.4%, rgba(255, 255, 255, .33)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(right, rgba(255, 255, 255, .71) 0, rgba(255, 255, 255, .33) 32.4%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, .71) 0, rgba(255, 255, 255, .33) 32.4%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none
}

@media screen and (min-width: 474px) {
    .headerMobile .headerMobile-wrap:after {
        width: 143px
    }
}

.headerMobile .headerMobile-nav .open-search, .headerMobile .search {
    display: none
}

.headerMobile.active {
    visibility: visible;
    overflow-y: auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1
}

.headerMobile .headerMobile-nav, .headerMobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerMobile-menu {
    margin-top: 38px;
    height: 100%
}

.headerMobile .headerMobile-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 21px
}

@media screen and (min-width: 867px) {
    .headerMobile .headerMobile-nav .open-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .headerMobile .headerMobile-nav .search {
        display: block
    }

    .headerMobile .headerMobile-nav .userBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 50px
    }

    .headerMobile .headerMobile-nav .userBlock .searchWrap svg {
        fill: #000
    }

    .headerMobile .headerMobile-nav .userBlock .searchWrap svg path, .headerMobile .headerMobile-nav .userBlock svg path {
        fill: inherit;
        stroke: inherit
    }

    .headerMobile .headerMobile-nav .userBlock svg {
        fill: #000;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .headerMobile .headerMobile-nav .userBlock a {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        font-size: 0
    }
}

@media screen and (min-width: 867px) and (hover: hover) and (pointer: fine) {
    .headerMobile .headerMobile-nav .userBlock a:hover svg {
        fill: #8e8e8e;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .headerMobile .headerMobile-nav .userBlock a:hover span {
        color: #8e8e8e;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media screen and (min-width: 867px) {
    .headerMobile .headerMobile-nav .userBlock .entrance {
        font-size: 16px
    }
}

.headerMobile .logoBlock, .headerMobile .showSearchResultsDesctop {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.headerMobile .logoBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width: 867px) {
    .headerMobile .logoBlock {
        -webkit-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
        margin-right: 115px;
        position: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.headerMobile .logo {
    width: 157px;
    height: 17px
}

@media screen and (min-width: 867px) {
    .headerMobile .logo {
        width: 196px;
        height: 27px
    }
}

.headerMobile .userBlock {
    display: none
}

.headerMobile .category-main, .headerMobile .category-season {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px
}

.headerMobile .category-main {
    margin-bottom: 21px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 19px
}

.headerMobile .backBlock-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.headerMobile .backBlock-main svg {
    margin-right: 10px
}

@media (hover: hover) and (pointer: fine) {
    .headerMobile .backBlock-main:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .5
    }
}

.burger-close, .headerMobile .backBlock-main, .headerMobile-menu_left a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.burger-close {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer
}

@media screen and (min-width: 767px) {
    .burger-close {
        margin-right: 50px
    }
}

@media (hover: hover) and (pointer: fine) {
    .burger-close:hover {
        color: #454545;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .5
    }
}

.burger-close-mb {
    margin-right: 0
}

.headerMobile-menu_left, .headerMobile-menu_right .filter-wrapper ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headerMobile-menu_left, .headerMobile-menu_left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerMobile-menu_left {
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 100px
}

.headerMobile-menu_left .open-search-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    background: #fff;
    border-top: 1px solid #faf7f7
}

@media screen and (min-width: 867px) {
    .headerMobile-menu_left .open-search, .headerMobile-menu_left .open-search-wrapper {
        display: none
    }

    .headerMobile-menu_left {
        max-width: 245px
    }
}

.headerMobile-menu_left ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px
}

@media screen and (min-width: 867px) {
    .headerMobile-menu_left ul {
        grid-gap: 17px
    }
}

.headerMobile-menu_left ul li span {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #000
}

.headerMobile-menu_left .category-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.headerMobile-menu_left .open-search {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.headerMobile-menu_left a {
    margin-right: 8px
}

@media (hover: hover) and (pointer: fine) {
    .headerMobile-menu_left a:hover {
        color: #454545;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.headerMobile-menu_left .fat-style {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px
}

@media (hover: hover) and (pointer: fine) {
    .headerMobile-menu_left .fat-style:hover {
        color: #000;
        -webkit-transition: .1s;
        -o-transition: .1s;
        transition: .1s;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }
}

.headerMobile-menu_right, .headerMobile-menu_right.active {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.headerMobile-menu_right {
    width: 100%;
    margin-left: 142px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    display: none
}

.headerMobile-menu_right.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.headerMobile-menu_right .filter-wrapper {
    margin-bottom: 47px
}

.headerMobile-menu_right .filter-wrapper ul {
    grid-gap: 15px
}

.headerMobile-menu_right .filter-wrapper .trends {
    border-bottom: none;
    padding: 0;
    margin-right: 30px;
    display: none
}

.headerMobile-menu_right .filter-wrapper .trends a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-bottom: 1px solid #fff;
    padding-bottom: 1px
}

@media (hover: hover) and (pointer: fine) {
    .headerMobile-menu_right .filter-wrapper .trends a:hover {
        color: #000;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-bottom: 1px solid #000
    }
}

.headerMobile-menu_right .filter-wrapper .requests {
    border-bottom: none;
    padding: 0
}

.headerMobile-menu_right .filter-wrapper .requests a, .open-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerMobile-menu_right .filter-wrapper .requests a {
    border-bottom: 1px solid #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (hover: hover) and (pointer: fine) {
    .headerMobile-menu_right .filter-wrapper .requests a:hover {
        color: #000;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-bottom: 1px solid #000
    }
}

.headerMobile-menu_right .filter-wrapper .requests svg {
    font-size: 0;
    margin-left: 16px;
    cursor: pointer
}

.headerMobile-menu_right .filter-wrapper .requests .fat-style {
    font-weight: 500
}

@media (hover: hover) and (pointer: fine) {
    .headerMobile-menu_right .filter-wrapper .requests .fat-style:hover {
        font-weight: 500
    }
}

.open-search {
    width: 100%;
    background: #f3f3f3;
    border-radius: 10px;
    padding: 14px;
    position: relative;
    max-width: 766px
}

.headerMobile-menu_right .filter-wrapper .requests a, .open-search, .open-search span, .open-search.active {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.open-search.active {
    max-height: 1px;
    padding: 0;
    background: #000
}

.open-search.active .searchIcon, .open-search.active span {
    opacity: 0;
    max-height: 1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.open-search svg {
    fill: #000;
    opacity: .6
}

.open-search span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.open-search .searchIcon {
    margin-right: 30px;
    font-size: 0
}

.mobileSearch {
    background: #fff;
    position: fixed;
    z-index: 300;
    top: 0;
    width: 100%;
    height: calc(100dvh + 60px);
    visibility: hidden;
    overflow-x: hidden
}

.mobileSearch.active {
    visibility: visible
}

.mobileSearch .slider-popular {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.mobileSearch .ajax_search_result {
    border-bottom: none;
    padding-bottom: 20px
}

.searchBlock {
    padding-bottom: 20px
}

.searchBlock .search {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px;
    border-bottom: 1px solid #faf7f7
}

.searchBlock .search .formSearch {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    border: 0
}

.searchBlock .search, .searchBlock .search .formSearch, .searchBlock .search .formSearch__inputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchBlock .search .formSearch, .searchBlock .search .formSearch__inputWrap {
    width: 100%
}

.searchBlock .search .formSearch .searchIcon {
    position: absolute;
    z-index: 1;
    float: left;
    font-size: 0
}

.menu-mini svg path, .searchBlock .search .formSearch svg path {
    fill: inherit;
    stroke: inherit
}

.searchBlock .search .formSearch svg {
    fill: #000
}

.searchBlock .search .formSearch__input {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    color: #000;
    padding: 22px 18px 22px 45px;
    border: 0
}

.searchBlock .search .formSearch__input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchBlock .search .formSearch__input::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchBlock .search .formSearch__input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchBlock .search .formSearch__input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchBlock .search .formSearch__input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    opacity: .6
}

.searchBlock .searchResults {
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    visibility: hidden;
    opacity: 0
}

.searchBlock .searchResults .filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.searchBlock .searchResults.active {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.filter-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

@media screen and (min-width: 867px) {
    .filter-title {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 13px
    }
}

.filter-title span {
    position: relative;
    margin-right: 43px
}

.filter-wrapper, .filter-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter-wrapper p {
    margin-bottom: 0
}

.filter-wrapper ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 8px
}

.filter-wrapper .filter-elem {
    padding: 10px;
    background: #faf7f7;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #454545;
    opacity: .8
}

.filter-wrapper .requests, .filter-wrapper .trends {
    border-bottom: 1px solid #faf7f7;
    padding: 27px 16px 26px
}

.fat-style {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px
}

@media (hover: hover) and (pointer: fine) {
    .fat-style:hover {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }
}

.filter-section, .filter-section.active {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.filter-section {
    background: #fff;
    position: fixed;
    z-index: 2100;
    height: 100dvh;
    top: 0;
    width: 100%;
    visibility: hidden;
    right: 0;
    overflow-x: hidden;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    max-width: 375px;
    -webkit-box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.filter-section.active {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.filter-section .closeFilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 21px;
    cursor: pointer;
    padding: 27px 16px !important;
    border-bottom: 1px solid #d3d3d3
}

.filter-section .closeFilter .clearFilter {
    opacity: .6;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .filter-section .closeFilter .clearFilter:hover {
        opacity: 1;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.filter-section .sort-title-main {
    padding-bottom: 21px;
    border-bottom: 1px solid #d3d3d3
}

.burger-close-filter, .sort-title-button {
    position: relative;
    display: block;
    border: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 0
}

.sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sort-title-main {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 0 16px 21px
}

.sort-general:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.sort-general:last-child .sort-title {
    margin-bottom: 0
}

.sort-general.active {
    padding-bottom: 21px;
    border-bottom: 1px solid #d3d3d3
}

.sort-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 16px;
    border-bottom: 1px solid #d3d3d3
}

.sort-title .h7 {
    color: #292929
}

.sort-title .plus {
    display: block
}

.sort-title .minus, .sort-title.active .plus {
    display: none
}

.sort-title.active .minus {
    display: block
}

.checkbox, .highload2 {
    height: 24px;
    width: 24px
}

.checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover) and (pointer: fine) {
    .checkbox:hover {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.checkbox .check-highload, .highload2:after {
    position: absolute;
    opacity: 0
}

.highload2 {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    font-size: 0
}

.highload2:after {
    content: url(../../static/images/check.svg);
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 9px
}

.ajax-filter-item-checked .checkbox .highload2:after {
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1
}

@media screen and (min-width: 767px) {
    .checkbox .check-highload:hover ~ .highload2:after,
    .checkbox .check-highload:checked ~ .highload2:after
     {
        visibility: visible;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 1
    }
}


.checkbox .highload2:after {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.sort-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    padding: 0 16px
}

.sort-open__item:first-child {
    margin-top: 21px
}

.sort-open__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sort-open__item .body4 {
    color: #000
}

.showLess, .showMore {
    margin-left: 16px
}

.showLess svg, .showMore svg {
    margin-right: 8px
}

.menu-mini {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fbfbfb;
    border-top: 1px solid #ededed;
    padding: 16px 0;
    display: block;
    z-index: 200
}

@media screen and (min-width: 867px) {
    .menu-mini {
        display: none
    }
}

.menu-mini .menuBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-mini a {
    font-size: 0;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #000 !important
}

@media (hover: hover) and (pointer: fine) {
    .menu-mini a:hover {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.menu-mini .menuBlock__menu {
    font-size: 14px;
    font-weight: 500
}

.menu-mini svg {
    fill: #000
}

.basket-favorite {
    background: #fff;
    position: fixed;
    z-index: 1500;
    top: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    right: 0;
    padding: 16px 0 0;
    overflow-x: hidden;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    max-width: 450px;
    height: 100vh;
    overflow-y: hidden;
    -webkit-box-shadow: 0 4px 64px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 64px rgba(0, 0, 0, .06)
}

.basket-favorite--inner {
    height: 100%;
    overflow-y: auto
}

.basket-favorite .container {
    width: calc(100% - 32px)
}

.basket-favorite.active {
    visibility: visible;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.basket {
    height: calc(100% - 174px);
    overflow-y: auto;
    padding-bottom: 40px;
    display: none
}

.basket.active, .section-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basket.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.basket.zero {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px
}

.basket.zero .bottom-block {
    display: none
}

.section-tabs {
    position: relative;
    padding-bottom: 40px
}

.section-tabs-single {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    opacity: .6;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.section-tabs-single.active {
    border-bottom: 1px solid #000;
    opacity: 1;
    font-size: 14px;
    font-weight: 600
}

.closeSection {
    position: absolute;
    right: 12px;
    font-size: 0
}

.closeSection .burger-close-section {
    font-size: 0;
    background: 0 0;
    border: 0;
    padding: 0;
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .closeSection .burger-close-section:hover {
        opacity: .7
    }
}

.basketBlock, .basketBlock-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basketBlock-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 24px;
    margin-bottom: 32px
}

.basketBlock {
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d3d3d3
}

.basketBlock:last-child {
    border-bottom: none
}

.basketBlock__image {
    margin-right: 8px;
    width: 60px
}

@media screen and (min-width: 361px) {
    .basketBlock__image {
        width: 84px
    }
}

.basketBlock-info, .basketBlock-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basketBlock-wrapp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basketBlock-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 25px
}

.basketBlock .titleBlock .title {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.basketBlock .titleBlock .vendor {
    opacity: .6;
    color: #000
}

.basketBlock .add-blocks {
    font-size: 0
}

.basketBlock .add-blocks svg:first-child {
    margin-right: 5px
}

@media screen and (min-width: 361px) {
    .basketBlock .add-blocks svg:first-child {
        margin-right: 22px
    }
}

.basketBlock .colorBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basketBlock .colorBlock__item {
    margin-right: 10px;
    width: 14px;
    height: 14px;
    background: #000;
    border-radius: 50%
}

.basketBlock .colorBlock__text {
    opacity: .6;
    color: #000;
    margin-bottom: 0 !important
}

.basketBlock .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #000;
    grid-gap: 12px
}

@media screen and (min-width: 361px) {
    .basketBlock .description {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.basketBlock .description__count, .basketBlock .description__price, .basketBlock .description__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basketBlock .description span {
    opacity: .6;
    color: #000;
    margin-right: 8px
}

.basketBlock .description .value {
    color: #000;
    opacity: 1;
    margin-right: 0
}

.blockBtn {
    position: fixed;
    padding: 16px;
    border-top: 1px solid #d3d3d3;
    width: 100%;
    bottom: 0;
    background: #fff
}

.blockBtn.zero {
    display: none
}

.blockBtn .btn {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #000
}

.blockBtn .totalPrice, .blockBtn .totalPrice-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blockBtn .totalPrice {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.blockBtn .totalPrice-value {
    color: #000
}

.blockBtn .totalPrice-value .count {
    margin-right: 16px;
    opacity: .7
}

@media screen and (min-width: 361px) {
    .description__tableLink {
        margin-bottom: 0
    }
}

.description__tableLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 29px
}

@media screen and (min-width: 1600px) {
    .description__tableLink {
        margin-bottom: 34px
    }
}

.description__tableLink a, .description__tableLink svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.description__tableLink svg {
    margin-right: 8px
}

.description__tableLink a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 0;
    border-bottom: 1px solid #000
}

@media (hover: hover) and (pointer: fine) {
    .description__tableLink:hover a {
        border-bottom: 1px solid #8e8e8e;
        color: #8e8e8e;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .description__tableLink:hover svg {
        opacity: .6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

.bottom-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width: 361px) {
    .bottom-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.favorite {
    height: calc(100% - 174px);
    overflow-y: auto;
    padding-bottom: 40px;
    display: none
}

.favorite-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 24px
}

.favorite-wrap .favorite-wrap.zero {
    padding-left: 16px;
    padding-right: 16px
}

.favorite-title {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase
}

.favorite-text, .favorite-title {
    text-align: center
}

.btnFilterShar .shareBlock a, .favorite.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.favorite.zero {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px
}

.favorite.zero .bottom-block {
    display: none
}

.btnFilterShar {
    position: relative;
    cursor: pointer
}

.btnFilterShar .shareBlock {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -48px;
    top: 35px;
    background: #fff;
    z-index: 9999999;
    -webkit-box-shadow: 0 14px 45px rgba(0, 0, 0, .06);
    box-shadow: 0 14px 45px rgba(0, 0, 0, .06)
}

@media screen and (min-width: 767px) {
    .btnFilterShar .shareBlock {
        right: -64px;
    }
}

.btnFilterShar .shareBlock.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btnFilterShar .shareBlock a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    padding: 5px;
    row-gap: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.btnFilterShar .shareBlock img, .btnFilterShar .shareBlock svg {
    width: 20px;
    height: 20px
}

.btnFilterShar:first-child {
    margin-left: 0
}

.btnFilterShar .img {
    margin-right: 10px
}


.form__field {
  margin-bottom: 10px;
}

.form__error {
  color: red;
  text-align: left;
  font-size: 12px;
  margin-top: 3px;
  display: none;
  position: absolute;
}

.form input {
  outline: none;
  display: block;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}

.form button {
  width: 100%;
  padding: 10px;
  border-radius: 2px;
  border: 0;
  background-color: #ccc;
  color: #fff;
}

//input:valid:not(:placeholder-shown) {
//border-color: green;
//}

.inputBlock input:invalid:not(:placeholder-shown) {
  border-color: red;
  color: red;
}

input:invalid:not(:placeholder-shown) + .form__error {
  display: block;
}

input:invalid:not(:placeholder-shown) + .form__error + .text-field__label {
  color: red;
}

.text-field {
  position: relative;
}


.captchaBlock, .agreeElem {
  display: flex;
  flex-direction: column;

  div[data-feedback-form-field-error] {
    color: red;
  }
}










.page_layout {
    min-height: 0 !important;

    .co-link[href="/client_account/exit"] {
        color: #F15D5D;
    }
}


.client-sidebar__phone {
    font-weight: 500 !important;
}


.co-toggable_field-input input+span {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
}


.co-toggable_field-title {
    font-family: Montserrat !important ;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    opacity: 1 !important;
    color: #000 !important;
}
.account_layout {
.co-toggable_field-description {
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
}
}


.footer-info a {
    color: #fff;
}


.co-section--content {
    padding-top: 0 !important;
}




.layout .layout__content .co-login .co-form-controls .co-button {
    height: 56px;
    margin-top: 0;
    margin-bottom: 0;
    &:first-child {
        margin-bottom: 20px;
    }
}

.layout .layout__content .co-login .co-form-controls a {
    display: inline !important;
    width: fit-content;
    padding: 0;
    margin: 0;
    height: auto !important;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
    border-radius: 0;
    opacity: 0.6;
    transition: 0.3s;

    &:hover {
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
            opacity: 1;
            transition: 0.3s;
    }
}

.co-form-controls  a:first-of-type {
    order: 2;
    margin-left: auto !important;
}

.co-form .co-form-controls a:first-of-type {
    order: 2;
    margin-left: 0 !important;
}

.main_checkout .co-title--h1 {
	text-align: center;
  	font-family: Montserrat;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.co-basket_item-total .co-price--current {
color: #292929;
text-align: right;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}


.co-basket_item-total .co-basket_item-count {
color: #292929;
text-align: right;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.co-basket_item .item-title {
    color:  #000;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}


.co-basket_subtotal {
    .co-basket_subtotal-title {
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #000;
    }

    .co-basket_subtotal-price, .co-delivery_method-price{
        color: #292929;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}


.co-basket_total {
    .co-basket_total-title {
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #000;
    }
    .co-basket_total-price {
        font-family: Montserrat;
        font-size: 20px !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}

.co-checkout-block--padded .co-form-controls .co-button {
    width: fit-content;
    margin-left: 0;
    height: 56px;
}

.co-login .co-form-controls .co-button {
    width: 100%;
}


.co-sidebar .co-basket {
    max-width: 762px;
}


/*  .co-title--h2 {
    font-family: Montserrat !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    color: #000 !important;
}
*/


.co-customer {
    display: none !important;
}



    .co-delivery_method .co-delivery_method-price{
        color: #292929;
        font-family: Montserrat;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

  .co-input-information  .co-input-description {
            color:  #000;
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            opacity: 0.6;
    }

    .co-toggable_field-input--checkbox {
        align-self: auto !important;
    }

    .co-payment_method-description {
        p {
            span {
                color:  #000;
                font-family: Montserrat;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                opacity: 0.6;
            }
        }
    }




.co-client .co-button {
    height: 56px !important;
}


.co-section--checkout_order .co-sidebar-wrapper .co-sidebar {
    box-shadow: none !important;
}



 .link:hover, a:hover {
   /* color: #000  !important;
    opacity: 0.7 !important;
    */
    --color-accent-text-minor-shade : black;
}


/* ---------------------------Стили Юра----------------------------------------------*/
.blockBtn .basket-order {
    margin-bottom: 55px;
}

.card-description .description__addBasket .addBasket-add {
    flex-grow: 1;
    justify-content: center;
}

@media screen and (min-width: 767px) {
    .card-description .description__addBasket .addBasket-add {
        flex-grow: initial;
        justify-content: initial;
    }
}

@media (hover: hover) and (pointer: fine) {
    .layout .layout__content .co-button--link:hover  {
        color: initial !important;
        background: transparent !important;
    }
}

.form-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
}

@media screen and (min-width: 767px) {
    .form-container .btn {
        max-width: 250px;
    }

    .form-container .agreeElem {
        align-items: initial;
    }
}

.share-btn-url {
    text-align: center;
}

#order_form .co-input .co-input-label:not(.co-title, .co-input-title) {
    color: #000000;
    font-size: 14px;
    line-height: 1.21;
    font-weight: 400;
    opacity: 0.6;
    margin: 0;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    transform: translate(8px, 33px);
    width: fit-content;

}

#order_form .co-input .co-input-label:not(.co-title)::after {
    display: none;
}

#order_form .co-input .co-input-label.co-input-label-active {
    opacity: 1;
    font-size: 11px;
    background: white;
    transform: translate(8px, 7px);
}

#order_form .co-social_login-box {
    display: none;
}

.co-title.co-title--h2 {
    display: none;
}

.co-contact-fields, .co-input.co-input--radio {
    position: relative;
}

.co-contact-fields::before, .co-input.co-input--radio::before {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
}

.co-contact-fields::before {
    content: 'Контактные данные';
    margin-bottom: -9px;
}

.co-input.co-input--radio.delivery_variants::before {
    content: 'Доставка';
}

.co-input.co-input--radio:not(.delivery_variants)::before {
    content: 'Способ оплаты';
}

 .co-contact-fields::after, .co-input.co-input--radio::after {
    content: '(обязательное поле)';
    position: absolute;
    top: 2px;
    font-size: 12px;
    line-height: 1;
    opacity: 0.56;
}

.co-contact-fields::after {
    left: 173px;
}

.co-input.co-input--radio.delivery_variants::after {
    left: 93px;
}

.co-input.co-input--radio:not(.delivery_variants)::after {
    left: 137px;
}

#order_form .co-toggable_field-input--radio input+span, #order_form .co-toggable_field-input--checkbox input+span  {
    border-radius: initial;
    box-shadow: none;
    border: 1px solid black;
}

#order_form .co-toggable_field-input input:focus+span, .co-toggable_field-input input.picker-input--active+span, .co-toggable_field-input input:checked+span {
    box-shadow: none !important;
    border: 1px solid black;
    background-image: url('https://static.insales-cdn.com/files/1/3878/31444774/original/check.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 3px 3px;
}

.co-toggable_field-input--checkbox input+span:after {
    display: none;
}

.delivery-heading {
    font-size: 19px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #F7F8FA;
    padding: 15px 0 18px !important;
}

.delivery-form .co-form.co-adress-section {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 20px;
}

.delivery-form .co-input+.co-input, .co-tabs-content+.co-input {
    margin-top: 0;
}

.delivery-form co-form-controls {
    padding-top: 0;
}

.delivery-form .co-form-button.co-button {
    margin: 0;
}

.co-form.all-country-mask .co-input .co-input-label:not(.co-title, .co-input-title), 
.co-form--login.co-modal-login_form .co-input .co-input-label:not(.co-title, .co-input-title),
.delivery-form .co-input .co-input-label:not(.co-title, .co-input-title) {
    color: #000000;
    font-size: 14px;
    line-height: 1.21;
    font-weight: 400;
    opacity: 0.6;
    margin: 0;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    transform: translate(8px, 33px);
    width: fit-content;
}

.co-form.all-country-mask .co-input .co-input-label:not(.co-title)::after,
.co-form--login.co-modal-login_form .co-input .co-input-label:not(.co-title)::after,
.delivery-form .co-input .co-input-label:not(.co-title)::after {
    display: none;
}

.co-form.all-country-mask .co-input .co-input-label.co-input-label-active,
.co-form--login.co-modal-login_form .co-input .co-input-label.co-input-label-active,
.delivery-form .co-input .co-input-label.co-input-label-active {
    opacity: 1;
    font-size: 11px;
    background: white;
    transform: translate(8px, 7px);
}

.login-container {
    display: flex;
}

.login-container .footer {
    margin-top: auto;
}

.layout__content .user-info .heading.history-heading {
    font-size: 17px;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

@media screen and (min-width: 767px) {
    .layout__content .user-info .heading.history-heading {
        font-size: 19px;
    }
}

.layout__content .new-orders__header {
    background: #e3e3e3;
}

.layout__content .new-orders__header > div {
    display: grid;
    grid-template-columns: auto auto;
    font-weight: 500;
    font-size: 17px;
    line-height: normal;
    text-transform: capitalize;
    color: #000;
}

.layout__content .new-orders__header > div::after {
    content: '';
    border-left: 1px solid  rgba(51, 51, 51, 0.1);
    width: 100%;
    margin: -15px 8px;
    
}

.layout__content .new-orders__header > div:last-of-type:after {
    display: none;
}

.layout__content .co-pagination {
    margin-top: 0;
}

.co-menu.co-menu--personal.co-checkout-block--padded.history-menu {
    padding-top: 0;
}

.co-menu.co-menu--personal.co-checkout-block--padded.history-menu > .co-menu-item--personal {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

.co-menu.co-menu--personal.co-checkout-block--padded.history-menu > .co-menu-item--personal .co-menu-link--active {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.4);
}

.layout__content .new-orders .new-orders__item-header {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

.layout__content .new-orders .new-orders__item-header .delimeter {
    background: #D3D3D3;
    top: 45%;
}

.layout__content .new-orders__item-content.new-orders__item-content-header > div,
 .layout__content .new-orders__total .new-orders__item-content.total-block .bold-header {
    font-weight: 500;
    font-size: 17px;
    line-height: normal;
    color: #000;
    text-transform: capitalize;
}

.new-orders__item-content.main-text-block > div {
    font-weight: 500;
    font-size: 17px;
    line-height: normal;
    text-transform: capitalize;
    color: #000;

}

.new-orders__item-content-main-mobile .new-orders__item-content:not(.main-text-block) {
    text-align: right;
}

.new-orders__item-info .new-orders__item-content:not(.new-orders__item-content-header) {
    text-align: right;
}

@media screen and (min-width: 767px) {
    .new-orders__item-info .new-orders__item-content:not(.new-orders__item-content-header) {
        text-align: initial;
    }
}

.new-orders__item-content-main-mobile.show-mobile.item-mobile {
    align-items: end;
}

@media screen and (max-width: 768px) {
    .layout__content .user-info {
        border-bottom: none !important;
    }

    .client-sidebar.co-sidebar--menu {
        border: none !important;
    }


    .client-sidebar.co-sidebar--menu .co-menu-toggle {
        background: white;
        color: #454545;
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
        border: 1px solid #F7F8FA;
    }

    .client-sidebar.co-sidebar--menu .co-menu-toggle::after {
        content: '';
        background-image: url('https://static.insales-cdn.com/files/1/2523/31484379/original/dropdown-left.svg');
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    .client-sidebar.co-sidebar--menu .co-menu-switcher:checked~.co-menu-toggle {
        color: #000;
        border-color: #000;
        border-bottom: none;
    }

    .client-sidebar.co-sidebar--menu .co-menu-switcher:checked~.co-menu-toggle::after {
        content: '';
        background-image: url('https://static.insales-cdn.com/files/1/2522/31484378/original/dropdpwn-bottom.svg');
        background-repeat: no-repeat;        
    }

    .client-sidebar.co-sidebar--menu .co-menu-link.co-menu-link--personal {
        color: #000;
        font-weight: 400;
        line-height: normal;
        padding: 16px;
        border-bottom: 1px solid #F7F8FA;
    }
    .client-sidebar.co-sidebar--menu .co-menu-item.co-menu-item--personal {
        margin-top: 0;
    }

    .client-sidebar.co-sidebar--menu .co-menu.co-menu--personal.co-checkout-block--padded {
        border: 1px solid #000;
        border-top: 0;
        margin-top: -1px;
        background: #FEFEFE;
        box-shadow: none;
        padding-bottom: 0;
    }

    .client-sidebar.co-sidebar--menu .co-menu-link.co-menu-link--personal.co-link.co-link--active.co-menu-link--active {
        font-weight: 500;
        background: #F7F8FA;
        border-bottom: none;
    }
    
    .co-form--login.co-modal-login_form .co-form-controls {
        flex-direction: row;
    }
}

@media screen and (max-width: 475px) {
    .co-form--login.co-modal-login_form .co-form-controls > .co-form-button {
        font-size: 12px;
    }
}

.filter-section.active {
    padding-bottom: 65px;
}

@media screen and (max-width: 768px) {
    .filter-section.active .filter.ajax-filter-is-init {
        padding-bottom: 90px;
    }
}

#title-id {
    font-size: 17px !important;
    font-weight: 500 !important;
}


@media screen and (max-width: 990px) {
    .grid-1 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-1 .category-results__item  {
        grid-column: span 2;
    }

    .grid-1 .category-results__item[data-elem-style-mobile="Мобильный 2"] {
        grid-column: span 1;
        max-width: 100%
    }
}

.basketBlock .add-blocks {
    gap: 18px;
}

.swiper-container-popular_viewed .swiper-slide {
    margin-right: 10px;
}

.slider-popular.slider-recently_viewed_menu {
    padding-left: 0;
    margin-left: 16px;
}

@media screen and (min-width: 867px) {
    .slider-popular.slider-recently_viewed_menu {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .disable-mobile-overflow, .jivo-site-full-block {
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    form[data-feedback-form-wrapper]  .blockCaptcha div[data-feedback-form-field-area] {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
.widget-type_widget_v4_sidebar_filter_1_d7e45025118de0b71d14ce87777c8fdc .filter-item {
    padding: 0 !important;
    }
}

.partnership--inner .dinamic-wrapper p {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    .splide__slide {
        width: 155px !important
    }
}

.filter--inner form .filter__controls {
    padding: 0 16px;
}

.filter--inner form .filter__controls .button.button_wide {
    margin-top: 21px;
}

@media screen and (min-width: 767px) {
    .splide__track, .splide__track, .viewed-product.category-results__item, .splide__track .img-ratio__inner a,
    .swiper-container-popular_viewed.swiper-initialized.swiper-horizontal, .swiper-container-popular_viewed.swiper-initialized.swiper-horizontal .swiper-slide-card {
        cursor: grab;
    }
}

.category-results.js-products-data-content div[data-banner] {
    pointer-events: none;
}

/* MARK:: EDITS 21.09.23 */
.category-results.js-products-data-content div[data-banner] .h7{
    display: none;
}