.slider-nav {
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    padding: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 216px;
    min-height: 48px;
}
 
.slider-nav .slick-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 10;
    font-size: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-nav .slick-arrow.slick-prev {
    left: 12px;
}

.slider-nav .slick-arrow.slick-next {
    right: 12px;
}

.slider-nav .slick-arrow.slick-disabled {
    opacity: 0.2;
}

.slider-nav .swiper-pagination {}

.slider-nav .swiper-pagination,
.slider-nav .progress {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 46px;
    right: 46px;
    height: 1px;
    overflow: hidden;
    background-color: #DADCDF;
    background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333));
    background-image: -o-linear-gradient(left, #333, #333);
    background-image: linear-gradient(to right, #333, #333);
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    -webkit-transition: background-size 0.4s ease-in-out;
    -o-transition: background-size 0.4s ease-in-out;
    transition: background-size 0.4s ease-in-out;
    width: auto;
}

.slider-nav .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #333;
}

.main-slider__wrapper {
    position: relative;
    margin-bottom: 40px;
}

.main-slider__item {
    position: relative;
}

.main-slider__item picture {
    height: calc(100vh - 112px);
    display: block;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -webkit-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25);
    will-change: transform;
}

.main-slider__item.swiper-slide-active picture {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.main-slider__item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-slider__item video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.25, 1.25);
    will-change: transform;
    height: calc(100vh - 112px);
    display: block;

}

.main-slider__info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50px;
    max-width: 795px;
    background: rgba(250, 250, 250, 0.7);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 10px;
    padding: 30px;
    opacity: 1 !important;
}

.main-slider__title {
    margin-bottom: 20px;
    text-transform: none;
}

.main-slider__text {
    margin-top: 0;
    margin-bottom: 20px;
}

.main-slider__link {
    padding: 20px 30px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.main-slider__nav {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 3;
}

.main-catalog__wrapper {
    padding: 40px 0;
}

.main-catalog__title {
    margin-bottom: 50px;
}

.main-catalog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.main-catalog__item {
    height: 192px;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.main-catalog__item:hover .main-catalog__name {
    text-decoration-color: #fff;
}

.main-catalog__link,
.main-catalog__link picture,
.main-catalog__link img {
    display: block;
    height: 100%;
    width: 100%;
}

.main-catalog__link {
    position: relative;
    outline: none;
}

.main-catalog__link::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(51, 51, 51, 0.2);
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.main-catalog__link:hover::before,
.main-catalog__link:focus::before {
    background-color: rgba(51, 51, 51, 0.7);
}

.main-catalog__link img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-catalog__name {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin: 20px;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    z-index: 5;
    color: #fff;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    text-transform: uppercase;
    text-decoration-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-catalog__button {
    outline: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #282922;
    border-bottom: 1px solid #282922;
    -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out, color .3s ease-in-out;
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
}

.main-catalog__button:hover,
.main-catalog__button:focus {
    border-color: #918767;
    color: #918767;
}

.main-interior__wrapper {
    padding: 40px 0;
}

.main-interior__info {
    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: 80px;
}

.main-interior__content {
    -ms-flex-preferred-size: 48.3%;
    flex-basis: 48.3%;
    max-width: 810px;
    margin-right: 60px;
}

.main-interior__title {
    text-transform: none;
    margin-bottom: 30px;
}

.main-interior__text {
    margin: 0;
}

.main-interior__list {
    width: 722px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -25px;
}

.main-interior__item {
    padding: 25px;
}

.main-interior__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: #808080;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    text-transform: uppercase;
}

.main-interior__link:hover,
.main-interior__link:focus {
    color: #282922;
}

.main-interior__link span {
    display: block;
    margin-right: 16px;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
}

.main-interior__link:hover span,
.main-interior__link:focus span {
    border-color: #282922;
}

.main-interior__link svg path {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}

.main-interior__link:hover svg path,
.main-interior__link:focus svg path {
    fill: #282922;
}

.interior-visual {
    position: relative;
}

.interior-visual__background,
.interior-visual__background img {
    display: block;
    width: 100%;
}

.interior-visual__marker {
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

.interior-visual__pin {
    display: inline-block;
    position: relative;
}

.interior-visual__pin:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: #fff;
    opacity: .4;
    -webkit-animation: 1.5s cubic-bezier(.03, 0, .5, 1) infinite alternate togglePin;
    animation: 1.5s cubic-bezier(.03, 0, .5, 1) infinite alternate togglePin;
    margin-top: -22.5px;
    margin-left: -22.5px;
    z-index: 1;
}

.interior-visual__pin span {
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 100%;
    border: 6px solid #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    position: relative;
    z-index: 2;
}

.interior-visual__box {
    position: absolute;
    left: 100%;
    bottom: -65px;
    margin: 0 18px;
    width: 240px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.interior-visual__marker:hover .interior-visual__box,
.interior-visual__marker.active .interior-visual__box {
    opacity: 1;
    visibility: visible;
}

.interior-visual__link {
    display: block;
    position: relative;
}

.interior-visual__head {
    position: relative;
    padding: 20px;
    height: 182px;
    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;
}

.interior-visual__head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .04;
    z-index: 4;
    pointer-events: none;
}

.interior-visual__head picture {
    position: relative;
    z-index: 3;
}

.interior-visual__head picture,
.interior-visual__head img {
    display: block;
}

.interior-visual__info {
    padding: 16px;
}

.interior-visual__name,
.interior-visual__price {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #96968D;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.interior-visual__name {
    margin-top: 0;
    margin-bottom: 10px;
}

.interior-visual__price {
    display: block;
}

.interior-visual__favorite,
.interior-visual__favorite-active {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 5;
}

.interior-visual__favorite svg path {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}

.interior-visual__favorite:hover svg path,
.interior-visual__favorite:focus svg path {
    fill: #282922;
}

.interior-visual__link:hover .interior-visual__name,
.interior-visual__link:hover .interior-visual__price,
.interior-visual__link:focus .interior-visual__name,
.interior-visual__link:focus .interior-visual__price {
    color: #282922;
}

.products__container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.products__title {
    text-transform: none;
    margin-bottom: 30px;
}

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

.catalog-right .products__list {
    grid-template-columns: repeat(3, 1fr);
}

.products__button {
    margin: 40px auto 0;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 43.5px;
}

.products__item>div {
    width: 100%;
    height: 100%;
}

.products__item {
    width: 100%;
}

.product-card__link {
    outline: none;
    display: block;
    position: relative;
}

.product-card__photo {
    padding: 96px 10px;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #96968D;
    height: 425px;
}

.product-card__photo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .04;
    z-index: 2;
    pointer-events: none;
}

.product-card__photo picture {
    display: block;
}

.product-card__image {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.product-card__photo img {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: 90%;
    object-fit: contain;
}

.product-card__image-hover img {
    transform: translateX(-50%) translateY(-50%);
}

.product-card__image-hover {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding: 96px 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transform: translateX(-50%) translateY(-50%);
}

html:not(.no-js) .product-card__photo img[data-aos^=zoom][data-aos^=zoom].aos-animate {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
}

html:not(.no-js) .product-card__photo img[data-aos^=zoom][data-aos^=zoom].aos-animate {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
}

.product-card:hover .product-card__image,
.product-card:focus .product-card__image {
    opacity: 0;
}

.product-card:hover .product-card__image-hover,
.product-card:focus .product-card__image-hover {
    opacity: 1;
    visibility: visible;
}

.product-card__body {
    padding: 16px;
    z-index: 5;
    position: relative;
    background-color: #fff;
    flex: 1;
}

.product-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    height: 100%;
}

.product-card__name {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-weight: 400;
    display: block;
}

.product-card__colors {
    margin-bottom: 14px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    gap: 10px;
}

.product-card__price {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    margin-top: auto;
}

.product-card__price span {
    display: block;
}

.product-card__price span.discount {
    margin-right: 10px;
    color: #96968d;
    text-decoration: line-through;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-card__price span.discount .rub {
    margin-left: 5px;
}

.colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.colors__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
}

.colors__item {
    margin: 5px;
    width: 36px;
    height: 36px;
}

.colors__link {
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #B9B9B9;
    -webkit-transition: border-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
}

.colors__link.active,
.colors__link:hover,
.colors__link:focus {
    border-color: #282922;
}

.colors__link img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.colors__more {
    outline: none;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #282922;
    font-weight: 400;
    padding: 8px 10px;
    background-color: #F9F9F9;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.colors__more:hover,
.colors__more:focus {
    color: #9c9376;
}

.product-card__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: visible !important;

}

.product-card__description {
    margin: 0;
    color: #808080;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    line-height: 20px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.product-card__badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 16px;
    left: 16px;
    margin: 0 -5px;
}

.product-card__badge .badge {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 10px;
    margin: 0 5px;
    color: #96968D;
    border: 1px solid #96968D;
}

.product-card__favorites {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.product-card:hover .product-card__favorites {
    opacity: 1;
}

.product-card__favorite,
.product-card__favorite-active {
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.product-card__favorite svg {
    pointer-events: none;
}

.product-card__favorite svg path {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}

.product-card__favorite:hover svg path,
.product-card__favorite:focus svg path {
    fill: #282922;
}

.product-card__footer {
    background-color: #fff;
    padding: 16px;
    position: absolute;
    height: calc(100% + 86px);
    top: 0;
    width: 100%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -webkit-box-shadow: 0px 4px 10px rgba(40, 41, 34, 0.16);
    box-shadow: 0px 4px 10px rgba(40, 41, 34, 0.16);
}

.product-card__footer-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-direction: column;
    gap: 10px;
}

.product-card__size {
    margin: 0;
    color: #808080;
    font-size: 14px;
    line-height: 20px;
}

.product-card__button {
    width: 100%;
    display: block;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 18px;
    color: #282922;
    background-color: #F9F9F9;
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.product-card__button.active,
.product-card__button:hover,
.product-card__button:focus {
    background-color: #918767;
    color: #fff;
}

.product-card {
    position: relative;
    z-index: 0;
    box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.16);
}

.product-card:hover,
.product-card:focus {
    z-index: 8;
}

.product-card:hover .product-card__footer {
    opacity: 1;
    visibility: visible;
}

.history {
    background-color: #F1F1F1;
    margin: 40px 0;
}

.history__wrapper {
    padding: 50px 0;
}

.history__title {
    text-transform: none;
    margin-bottom: 30px;
}

.history__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}

.history__container {
    position: relative;
}

.history__icon {
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
}

.history__icon-mobile {
    display: none;
}

.history__item {
    padding: 67px 15px 0;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    position: relative;
}

.history__item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 15px;
    width: 30px;
    height: 30px;
    background-color: #918767;
    border-radius: 50%;
}

.history__date {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

.history__text {
    margin: 0;
    font-weight: 400;
}

.history__text b {
    font-weight: 500;
}

.offers .container {
    padding: 0;
}

.offers__wrapper {
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.offers__info {
    width: 32.5%;
    padding-left: 120px;
}

.offers__photos {
    position: relative;
    margin-left: auto;
    width: 61.25%;
}

.offers__slider img {
    width: 100%;
    display: block;
}

.offers__title {
    text-transform: none;
    margin-bottom: 30px;
}

.offers__text {
    margin-top: 0;
    margin-bottom: 40px;
}

.offers__link.btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    padding: 20px 65px;
    background-color: #918767;
    color: #fff;
}

.offers__link.btn:hover,
.offers__link.btn:focus {
    background-color: #9c9376;
    color: #fff;
}

.visit-us {
    padding: 40px 0;
}

.visit-us__title {
    text-transform: none;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px;
}

.visit-us__link {
    display: block;
    position: relative;
    margin-bottom: 80px;
}

.visit-us__link::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.visit-us__link:hover::before,
.visit-us__link:focus::before {
    background-color: rgba(51, 51, 51, 0.2);
}

.visit-us__link img {
    display: block;
    width: 100%;
}

.visit-us__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}

.visit-us__info {
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
}

.visit-us__text {
    margin: 0;
}

.visit-us__text:not(:last-child) {
    margin-bottom: 14px;
}

.visit-us__text,
.visit-us__item {
    color: #96968D;
}

.visit-us__item {
    position: relative;
    padding-left: 32px;
}

.visit-us__item::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    top: 8px;
    left: 0;
    background-color: #96968D;
    border-radius: 50%;
}

.visit-us__button {
    display: none;
}

.main-nav {
    padding: 40px 0 80px;
}

.main-nav__list {
    border-top: 1px solid #D7D8D6;
    border-bottom: 1px solid #D7D8D6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-nav__item {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
}

.main-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    height: 202px;
    overflow: hidden;
}

.main-nav__link picture {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}

.main-nav__link:hover picture,
.main-nav__link:focus picture {
    left: 0;
}

.main-nav__link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-nav__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #D7D8D6;
    text-transform: uppercase;
    margin: 0;
    display: block;
}

.main-video {
    padding: 40px 0;
}

.main-video__wrapper {
    position: relative;
}

.main-video__play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-video__play::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.main-video__play span {
    display: block;
    position: relative;
    z-index: 5;
    width: 50px;
    height: 50px;
    border-style: solid;
    border-width: 25px 0 25px 50px;
    border-color: transparent transparent transparent #fff;
}

.main-video__video {
    display: block;
    width: 100%;
    max-height: 520px;
    -o-object-fit: cover;
    object-fit: cover;
}

.hidden-form {
    display: none;
}

.registraion-page .form__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #96968d;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.registraion-page .form__description .colorBlack {
    color: #282922;
}

.registraion-page .codeInputs__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px 40px;
}

.registraion-page .codeInputs__item:not(:last-child) {
    margin: 0 10px;
}

.registraion-page .codeInputs__item {
    width: 16.6666%;
    border: none;
    outline: none;
    border-bottom: 1px solid #d9dad6;
}

.registraion-page .codeInputs__item input {
    padding: 0;
    display: block;
    border: 0;
    outline: none;
    background-color: #fff;
    width: 100%;
    height: 60px;
    color: #282922;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

.registraion-page .form__button {
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.subcatalog-items__wrapper {
    padding-top: 60px;
}

.subcatalog-items__title {
    text-transform: none;
    margin-bottom: 30px;
}

.added-basket {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 540px;
    width: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out;
    -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out;
}

.added-basket.active {
    opacity: 1;
    visibility: visible;
    z-index: 150;
}

.added-basket__title {
    text-align: center;
    margin-bottom: 30px;
}

.added-basket__info {
    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: 30px;
}

.added-basket__name {
    margin: 0;
    margin-right: 40px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.added-basket__price {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.added-basket__link.btn {
    width: 100%;
    display: block;
}

.added-basket__link.btn:hover,
.added-basket__link.btn:focus {
    color: #fff;
}

.added-basket {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 540px;
    width: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out;
    -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out;
}

.added-basket.active {
    opacity: 1;
    visibility: visible;
    z-index: 150;
}

.added-basket__title {
    text-align: center;
    margin-bottom: 30px;
}

.added-basket__image {
    display: block;
    width: auto;
    margin-bottom: 30px;
    max-height: calc(100vh - 460px);
    margin-left: auto;
    margin-right: auto;
}

.added-basket__info {
    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: 30px;
}

.added-basket__name {
    margin: 0;
    margin-right: 40px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.added-basket__price {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.added-basket__link.btn {
    width: 100%;
    display: block;
}

.added-basket__link.btn:hover,
.added-basket__link.btn:focus {
    color: #fff;
}

.subcatalog-items__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16.8px 1fr 16.8px 1fr 16.8px 1fr 16.8px 1fr 16.8px 1fr;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px 16.8px;
}

.subcatalog-items__link {
    display: block;
    position: relative;
    outline: none;
    min-height: 150px;
    overflow: hidden;
}

.subcatalog-items__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.4);
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.subcatalog-items__link:hover .subcatalog-items__image,
.subcatalog-items__link:focus .subcatalog-items__image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.subcatalog-items__link:hover:before,
.subcatalog-items__link:focus:before {
    background-color: rgba(51, 51, 51, 0.6);
}

.subcatalog-items__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    will-change: transform;
}

.subcatalog-items__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 16px;
    right: 16px;
    z-index: 2;
}

.subcatalog-items__subtitle h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    margin: 0;
    margin-right: 17px;
    color: #fff;
}

.subcatalog-offer {
    padding: 40px 0;
}

.subcatalog-offer__wrapper {
    position: relative;
}

.subcatalog-offer__wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.2);
}

.subcatalog-offer__content {
    position: relative;
    left: 0;
    bottom: auto;
    width: 100%;
    max-width: 1920px;
    padding: 0 120px;
    margin: 0 auto;
    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;
}

.subcatalog-offer__text {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    margin-right: 100px;
    color: #fff;
}

.subcatalog-offer__link {
    min-width: 320px;
    min-height: 60px;
}

.subcatalog-offer__image {
    display: block;
    width: 100%;
    max-height: 480px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: -1;
}

.subcatalog-filter__wrapper {
    padding: 40px 0 0;
}

.subcatalog-filter__title,
.subcatalog-filter__close,
.subcatalog-filter__form .subcatalog-filter__checkboxes {
    display: none;
    visibility: hidden;
}

.subcatalog-filter__form {
    position: relative;
    z-index: 25;
}

.filter-box {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.3);
    box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.3);
}

.filter-box__inner {
    padding-left: 20px;
    padding-right: 20px;
}

.filter-box.small .filter-box__item {
    flex: 1;
}

.filter-box.small .filter-box__item {
    border-bottom: 0;
}

.filter-box.small {
    display: flex;
}

.filter-box.very-big {}

.filter-box.big {}

.filter-box.very-big .filter-box__item:nth-child(-n+16),
.filter-box.big .filter-box__item:nth-child(-n+8) {
    border-bottom: solid 1px #282922;
}

.filter-box__item.last .filter-box__header::before {
    display: none;
}

.filter-box__item {
    position: relative;
}

.filter-box__header {
    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;
    padding: 16px 30px;
    position: relative;
    cursor: pointer;
}

.filter-box__item:not(:nth-child(8n)) .filter-box__header::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: calc(100% - 32px);
    background-color: #282922;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.filter-box__item:nth-child(8n) .filter-box__content {
    left: auto;
    right: 0;
}

.filter-box__header h3 {
    margin: 0;
    margin-right: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #282922;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
}

.filter-box__header:hover h3,
.filter-box__header:focus h3 {
    border-color: #282922;
}

.filter-box__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.filter-box__header.active .filter-box__icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.filter-box__content {
    max-height: 250px;
    overflow: auto;
    padding: 16px 20px;
    z-index: 5;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16);
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16);
}

.filter-box__item.filter-box__item-position .filter-box__content {
    left: auto;
    right: 0;
}

.filter-range__from {
    margin-bottom: 10px;
    gap: 10px;
}

.filter-range__to {
    gap: 8px;
}

.filter-range__from,
.filter-range__to {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter-range__from span,
.filter-range__to span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}

.filter-range__input {
    display: block;
    padding: 5px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    height: 40px;
    border: 1px solid #918767;
    outline: none;
    font-family: 'Helvetica Neue';
}

.filter-checkbox {
    position: relative;
}

.filter-checkbox__checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.filter-checkbox__checkbox+.filter-checkbox__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.filter-checkbox__checkbox+.filter-checkbox__label::before {
    cursor: pointer;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 2px solid #918767;
    border-radius: 3px;
    margin-right: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.filter-checkbox__checkbox:checked+.filter-checkbox__label::before {
    background-color: #918767;
    background-image: url("../img/filter-checkbox.svg");
    background-size: 14px 11px;
}

.filter-checkbox__checkbox:not(:disabled):not(:checked)+.filter-checkbox__label:hover::before {
    background-color: #918767;
    background-image: url("../img/filter-checkbox.svg");
    background-size: 14px 11px;
}

.filter-checkbox__checkbox:not(:disabled):active+label::before {
    background-color: #918767;
    background-image: url("../img/filter-checkbox.svg");
    background-size: 14px 11px;
}

.filter-checkbox__checkbox:disabled+.filter-checkbox__label::before {
    border-color: #CECECE;
    background-color: transparent;
    background-image: url("../img/filter-checkbox.svg");
}

.filter-checkbox__checkbox:disabled:active+label::before {
    background-color: #CECECE;
    background-image: url("../img/filter-checkbox.svg");
}

.filter-checkbox__checkbox:disabled:checked+.filter-checkbox__label::before {
    background-color: #CECECE;
}

.filter-checkbox__checkbox:disabled+label,
.filter-checkbox__checkbox:disabled+label::before {
    cursor: not-allowed;
}

.filter-checkbox .filter-checkbox__label {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #282922;
}

.filter-box__content .filter-checkbox {
    margin-top: 23px;
}

.filter-box__content .filter-checkbox .filter-checkbox__label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}

.filter-box__list li:not(:last-child) {
    margin-bottom: 16px;
}

.filter-box__label {
    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;
    cursor: pointer;
    padding: 3px 3px 3px 0;
    font-size: 14px;
    line-height: 16px;
}

.filter-box__label.disabled .filter-box__checkbox:checked+.filter-box__box,
.filter-box__label.disabled .filter-box__checkbox:focus+.filter-box__box,
.filter-box__label.disabled .filterItems__label:not(.disabled):hover .filter-box__checkbox+.filter-box__box {
    background-color: #CECECE;
    pointer-events: none;
}

.filter-box__label.disabled {
    cursor: not-allowed;
}

.filter-box__label.disabled .filter-box__box {
    border-color: #CECECE;
}

.filter-box__label.disabled .filter-box__label-name {
    color: #CECECE;
}

.filter-box__label .filter-box__label-name {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.filter-box__label:not(.disabled):hover .filter-box__label-name {
    color: #918767;
}

.filter-box__wrap {
    width: 18px;
    height: 18px;
    position: relative;
}

.filter-box__checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filter-box__box {
    position: absolute;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #918767;
    border-radius: 3px;
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s;
}

.filter-box__checkbox:checked+.filter-box__box,
.filter-box__label:not(.disabled):hover .filter-box__checkbox+.filter-box__box {
    background-color: #918767;
    background-image: url("../img/filter-checkbox.svg");
    background-size: 14px 11px;
}

.filter-box__more {
    outline: none;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto 0;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #282922;
    color: #282922;
    -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out, color .3s ease-in-out;
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
}

.filter-box__more:hover,
.filter-box__more:focus {
    color: #918767;
    border-color: #918767;
}

.subcatalog-filter__form {
    margin-bottom: 30px;
}

.filter-results__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

.filter-results__item {
    padding: 4px 10px;
    background-color: #FFF;
    border: 1px solid #918767;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #918767;
}

.filter-results__item span {
    display: block;
    margin-right: 15px;
}

.filter-results__clear {
    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;
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
}

.filter-results__clear svg path {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}

.filter-results__clear:hover svg path {
    fill: #918767;
}

.filter-results__button {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #96968D;
    border-bottom: 1px solid #96968D;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.filter-results__button:hover,
.filter-results__button:focus {
    color: #918767;
}

.subcatalog-filter__wrap {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.subcatalog-filter__button {
    display: none;
    visibility: hidden;
}

.subcatalog-filter__checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px;
}

.subcatalog-sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.subcatalog-filter__sort {
    position: relative;
}

.subcatalog-filter__sort button {
    color: #282922;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.subcatalog-filter__sort span {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.subcatalog-filter__sort button .number {
    margin-left: 10px;
}

.subcatalog-filter__sort .icon {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change: transform;
    margin-left: 10px;
    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;
    width: 24px;
    height: 24px;
}

.subcatalog-filter__sort.active .icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.subcatalog-filter__sort ul {
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16);
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 20px;
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.subcatalog-filter__sort.active ul {
    visibility: visible;
    opacity: 1;
    z-index: 25;
}

.subcatalog-filter__sort ul li:not(:last-child) {
    margin-bottom: 16px;
}

.subcatalog-filter__sort ul a {
    display: block;
    font-family: 'Helvetica Neue';
    color: #282922;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.subcatalog-filter__sort ul a:hover,
.subcatalog-filter__sort ul a:focus {
    color: #918767;
}


.subcatalog-tags__wrapper {
    /* padding: 40px 0; */
}

.subcatalog-tags__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.subcatalog-tags__tag {
    display: block;
    width: fit-content;
    outline: none;
    padding: 15px 18.5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Helvetica Neue';
    color: #282922;
    border: 1px solid #282922;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

.subcatalog-tags__tag:hover {
    background-color: #918767;
    color: #fff;
    border-color: #918767;
}

.subcatalog-tags__button {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border: none;
    background-color: transparent;
    outline: none;
    font-family: 'Helvetica Neue';
}

.subcatalog-tags__button span {
    display: block;
    color: #282922;
    transition: color .3s ease-in-out;
    margin-left: 10px;
}

.subcatalog-tags__button svg path {
    transition: fill .3s ease-in-out;
}

.subcatalog-tags__button:hover span {
    color: #918767;
}

.subcatalog-tags__button:hover svg path {
    fill: #918767;
}

.filter-buttons {
    display: none;
    visibility: hidden;
}

.c-js-loader.wrapper {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    background-image: url(/local/templates/boconcept/images/preloader.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
}

.c-js-loader.wrapper {
    display: none;
}

body.--js-loader-show .c-js-loader.wrapper {
    display: block;
}

.c-js-loader.btn-close {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    cursor: pointer;
    background: none;
    border: none;
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px 30px;
    padding-bottom: 15px;
}

.breadcrumbs__item {
    position: relative;
}

.breadcrumbs__item:not(:last-child):before {
    content: url('/local/templates/boconcept/images/chevronRight.svg');
    position: absolute;
    top: 50%;
    right: -22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

.breadcrumbs__item a,
.breadcrumbs__item span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #999;
}

.breadcrumbs__item a {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.breadcrumbs__item a:hover,
.breadcrumbs__item a:focus {
    color: #918767;
}

.blog__wrapper {
    padding: 15px 0 20px;
}

.blog__title {
    margin-bottom: 30px;
}

.blog__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

.blog__tags a,
.blog-items__tag,
.article-top__tag {
    display: block;
    border: 1px solid #96968D;
    padding: 10px 9px;
    font-family: 'HelveticaNeueCyr';
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #96968D;
    -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    transition: color .3s ease-in-out, border-color .3s ease-in-out;
}

.blog__tags a:hover,
.blog__tags a:focus {
    color: #918767;
    border-color: #918767;
}

.blog-items {
    padding: 20px 0 80px;
}

.blog-items__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 1fr 0 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 0;
    margin-bottom: 40px;
}

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

.blog-items__tag {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #fff;
    z-index: 5;
}

.blog-items__image {
    display: block;
    overflow: hidden;
}

.blog-items__image:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

.blog-items__article img {
    display: block;
    width: 100%;
    margin: 0;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    will-change: transform;
}

.blog-items__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog-items__title {
    min-height: 64px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: #282922;
}

.blog-items__text {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #282922;
}

.blog-items__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: auto;
    background-color: #F9F9F9;
    color: #333;
    padding: 20px 28.5px;
    font-size: 13px
}

.blog-items__link:hover,
.blog-items__link:focus {
    background-color: #d4d4d4;
    color: #333;
}

.blog-items__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 20px 44px;
}

.blog-items__more:hover {
    background-color: transparent;
    text-decoration-color: transparent;
}

.blog-items__more {
    background-color: transparent;
    color: #282922;
    text-decoration: underline;
    transition: text-decoration .3s;
}

.article-top__wrapper {
    margin: 15px 0 40px;
}

.article-top__wrapper h1 {
    margin-bottom: 30px;
}

.article-top__tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 40px;
}

.article-top__wrapper p {
    margin: 20px 0;
}

.article-image a {
    display: block;
    cursor: pointer;
    margin: 40px 0;
}

.article-image img {
    display: block;
    width: 100%;
}

.article__wrapper h2 {
    margin: 40px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #282922;
}

.article__wrapper p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
}

.article__wrapper p a:hover {
    background-color: transparent;
    color: #000;
}

.article__wrapper p a {
    border: solid 1px rgb(145, 135, 103);
    padding: 5px 35px;
    background: rgb(145, 135, 103);
    color: #fff;
    margin-left: 5px;
}

.article__wrapper ol,
.article__wrapper ul {
    margin: 20px 0;
    padding-left: 24px;
}

.article__wrapper ol li,
.article__wrapper ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.article__wrapper ul li {
    position: relative;
}

.article__wrapper ul li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: -13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #282922;
}

ul.article__images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin: 40px 0;
    padding: 0;
}

ul.article__images a {
    display: block;
    cursor: pointer;
}

ul.article__images img {
    display: block;
    width: 100%;
}

ul.article__images li::before {
    display: none;
}

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

.catalogDescr__wrapper ul {
    margin: 16px 0;
    padding-left: 32px;
    list-style: disc;
}

.reviews {
    padding: 16px 0;
}

.reviews__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    color: #282922;
}

.reviews-video {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 31px 0;
}

.reviews-video__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(360deg, #282922 0%, rgba(40, 41, 34, 0.658875) 19.66%, rgba(40, 41, 34, 0.423653) 39.34%, rgba(40, 41, 34, 0.154953) 67.51%, rgba(40, 41, 34, 0) 100%);
}

.reviews-video__item {
    width: calc(100% / 3);
    position: relative;
}

.reviews-video__info {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 31px 30px;
}

.reviews-video__date+* {
    margin-top: 10px;
}

.reviews-video__date {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: block;
}

.reviews-video__name {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    display: block;
}

.reviews-video .swiper-controls {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 28px;
    margin-top: 27px;
}

.reviews-video .swiper-pagination {
    position: relative;
    display: flex;
    width: auto;
    align-items: center;
    top: auto;
    bottom: auto;
    left: auto;
    justify-content: center;
}

.reviews-video .swiper-next svg,
.reviews-video .swiper-prev svg {
    fill: #282922;
}

.reviews-video .swiper-prev {}

.reviews-video .swiper-next {}

.play path {
    fill: #918767;
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
}

.play circle {
    fill: #fff;
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
}

.play:hover path {
    fill: #fff;
}

.play:hover circle {
    fill: #282922;
}

.play {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #282922;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-color: #E9E9E9;
    opacity: 1;
    margin: 0 !important;
}

.reviews-text {
    padding: 54px 30px 74px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.reviews-text__item {
    width: calc(100% / 3 - 42px);
}

.reviews-text__head {}

.reviews-text__date+* {
    margin-top: 10px;
}

.reviews-text__date {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #282922;
}

.reviews-text__name {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #282922;
}

.reviews-text__body::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 48px;
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    opacity: 0;
    pointer-events: none;
}

.reviews-text__body p {
    margin: 0;
}

.reviews-text__body {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #2D2D2D;
    height: 144px;
    margin-top: 16px;
    position: relative;
    overflow: hidden;
}

.reviews-more:hover {
    color: #9c9376;
}

.reviews-more {
    opacity: 0;
    pointer-events: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #282922;
    padding: 15px 29px;
    margin-top: 21px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    background-color: rgba(249, 249, 249, 1);
}

.reviews-text__desc a:hover {
    text-decoration-color: transparent;
}

.reviews-text__desc.hidden {
    display: none;
}

.reviews-text__desc a {
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.reviews-text__desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #232323;
    text-align: right;
    margin-top: 20px;
}

.reviews-text__controls .btn {
    padding: 32px 40px;
}

.reviews-text__controls {
    display: flex;
    justify-content: center;
}

.reviews-text__item--more .reviews-more {
    opacity: 1;
    pointer-events: all;
}

.reviews-text__item--more .reviews-text__body::before {
    opacity: 1;
}

.modal-rev {
    font-family: 'Helvetica Neue';
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}

.modal-rev.is-open {
    display: block;
    z-index: 9999999999;
    position: fixed;
}

.modal-rev__container {
    overflow: auto;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
    max-height: 100vh;
}

.modal-rev__content {
    padding: 0;
    margin: 0;
}

.modal-rev__close {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 27px;
    top: 32px;
    display: block;
    z-index: 10;
    padding: 0;
}

.modal-rev__close span:nth-child(1) {
    transform: rotate(45deg);
    top: 1px;
}

.modal-rev__close span:nth-child(2) {
    transform: rotate(-45deg);
    top: -1px;
}

.modal-rev__close span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
}

.modal-rev__overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.modal-rev__inner {
    bottom: auto;
    left: auto;
    top: auto;
    right: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 489px;
    width: 100%;
}

#modal-review .feedback-rating__list .rating li {
    pointer-events: none;
}

#modal-review .feedback-rating__list {
    max-width: 650px;
    margin: 15px 0;
}

.modal-rev__body {
    position: relative;
    z-index: 5;
    background-color: #fff;
    overflow: hidden;
    padding: 30px 30px;
}

#modal-review .modal-rev__inner {
    max-width: 1060px;
}

.modal-rev .reviews-text__body::before {
    display: none;
}

.modal-rev .reviews-text__body {
    height: auto;
}

.modal-rev .reviews-text__item {
    width: 100%;
    text-align: left;
}

.feedback {
    margin: 80px 0;
}

.feedback__caption {
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    color: #282922;
    margin-bottom: 33px;
    display: block;
    width: 100%;
}

.feedback__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #2D2D2D;
}

.feedback__content {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16);
}

.feedback__left {
    width: 100%;
    max-width: 590px;
}

.feedback__right .form__field:nth-child(2),
.feedback__right .form__field:nth-child(1) {
    width: calc(50% - 15px);
}

.feedback__right .form__field {
    margin-bottom: 20px;
    width: 100%;
}

.feedback__right .text {
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: rgba(45, 45, 45, 0.8);
    display: block;
    margin-top: 10px;
}

.feedback__right {
    width: calc(50% + 180px);
    max-width: 990px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rating {
    margin-top: 24px;
}

.rating svg {}

.rating svg path {
    stroke: #2D2D2D;
    -webkit-transition: stroke 0.3s, fill 0.3s;
    -moz-transition: stroke 0.3s, fill 0.3s;
    -o-transition: stroke 0.3s, fill 0.3s;
    transition: stroke 0.3s, fill 0.3s;
}

.rating ul {
    display: flex;
    gap: 15px;
}

.rating li {
    cursor: pointer;
}

.rating li.active svg path {
    fill: #918767;
    stroke: #918767;
}

.feedback-rating__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 23px 20px;
}

.feedback-rating__item {
    min-width: 265px;
}

.feedback__controls .btn {
    margin-top: 0;
    padding: 32px 5px;
}

.feedback__controls .form__rules {
    max-width: 318px;
}

.feedback__controls .form__button {
    max-width: 200px;
    margin-top: 0;
    width: 100%;

}

.feedback__controls {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    width: 100%;
}

.load-file__size {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
}

.load-file__format {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
}

.load-file label {
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #918767;
    display: flex;
    align-items: center;
    gap: 10px;
}

.load-file input {
    display: none;
}

.load-file svg {}

.load-file {
    color: rgba(45, 45, 45, 0.8);
    display: flex;
    align-items: center;
    gap: 10px;
}

.load-file__url {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
}

.load-file.load .load-file__size,
.load-file.load .load-file__format {
    display: none;
}

#modal-result .modal-rev__inner {
    max-width: 540px;
}

#modal-result .modal-rev__body {
    padding-top: 84px;
}

.modal-result__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    color: #282922;
}

.modal-result .btn {
    margin-top: 30px;
}

.modal-result {
    text-align: center;
}

.invis-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.tabsListScrollContent ul {
    justify-content: center;
    margin: 0 auto;
}

.back-call__col .socials li:not(:last-child) {
    margin-right: 10px !important;
}

.blog-main {
    padding-bottom: 80px;
    padding-top: 80px;
}

.blog-main .blog-items {
    padding-bottom: 0;
}

.blog-main__title {
    text-transform: none;
}

.blog-main__controls .btn:hover {
    background-color: transparent;
    text-decoration-color: transparent;
}

.blog-main__controls .btn {
    padding: 20px 28.5px;
    background-color: transparent;
    color: #282922;
    text-decoration: underline;
    transition: text-decoration .3s;
}

.blog-main__controls {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1900px) {
    .feedback__right {
        width: calc(100% - 620px);
    }
}

.socials__item:not(:first-child) {
    margin-left: 0;
}

.formResults .container-v2 {
    padding: 0;
}

.formResults .search-result__wrapper {
    max-width: 600px;
    display: flex;
    justify-content: space-between;
}

.formResults .search-result__left .search-result__list li+li {
    margin-top: 20px;
}

.formResults .search-result__left {
    width: 100%;
    max-width: 229px;
}

.formResults .search-result__caption {
    color: #282922;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    white-space: nowrap;
    margin-bottom: 20px;
}

.formResults .search-result__right {
    width: 100%;
    max-width: 282px;
}

.formResults .search-result__name {
    color: #282922;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

}

.formResults .search-result__name {
    display: block;
    width: 100%;
}

.formResults .search-result__list {
    gap: 0;
    color: #282922;
    margin-bottom: 0;
    display: block;
}

.formResults .search-result__list li {
    font-weight: 500;
    font-size: 16px;
}

.formResults .search-result__list li+li {
    margin-top: 20px;
}

.formResults .search-result__list li b {
    font-weight: 700;
}

.formResults .search--category {
    margin-top: 16px;
    display: block;
}

.formResults .search--category__name {
    color: #282922;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.formResults .search-result__button {
    margin: 20px 0 0;
    padding: 16px 34px;
}

.formResults .search-result__list a:not(.btn):hover {
    color: #9c9376;
}

.formResults .search-result__list a:not(.btn) {
    text-decoration-skip-ink: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.formResults .btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.breadcrumbs {
    padding: 20px 0;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 31px;
}

.breadcrumbs ul li {}

.breadcrumbs ul li+li {}

.breadcrumbs ul li:last-child .breadcrumbs-item::before {
    display: none;
}

.breadcrumbs-item::before {
    content: "";
    position: absolute;
    left: calc(100% + 9px);
    top: 0;
    background-image: url("/local/templates/boconcept/img/arrow-breadcrumbs.svg");
    width: 16px;
    height: 16px;
}

.breadcrumbs-item {
    position: relative;
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    display: block;
}

.breadcrumbs-item__mobile {
    display: none;
    padding-left: 20px;
    position: relative;
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    align-items: center;
}

.breadcrumbs-item__mobile::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url("/local/templates/boconcept/img/arrow-breadcrumbs.svg");
    width: 16px;
    height: 16px;
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    margin-top: -8px;

}

.grecaptcha-badge {
    display: none !important;
}

.shareBox {
    box-shadow: none;
}

.shareBoxWrapper .shareBox {
    right: 0;
    margin-right: 0;
    padding: 0;
    background-color: transparent;
    padding-right: 40px;
}

.shareBoxWrapper .shareBox__inner {
    padding: 12px 32px 28px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .33);
}

.goodCard__actions .btn--icon {
    z-index: 5;
}

.wrap_c68a {
    bottom: 60px !important;
}

.offersItem__text {
    font-size: 20px;
    line-height: 24px;
    display: block;
    margin-bottom: 20px;
}

.popup-favorite {
    position: fixed;
    top: -200px;
    left: 50%;
    background-color: #fff;
    z-index: 999;
    width: 300px;
    text-align: center;
    margin-left: -150px;
    padding: 15px 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .33);
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}

.popup-favorite.opened {
    top: 10px;
}

.popup-favorite_close svg path {
    fill: #808080;
}

.popup-favorite_close svg {
    pointer-events: none;
}

.popup-favorite_close {
    position: absolute;
    right: 10px;
    top: 10px
}

.popup-favorite__text {
    margin: 0;
    color: #808080;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.popup-favorite .btn:hover {
    color: #fff;
}

.popup-favorite .btn {
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
}

.category-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.category-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.40);
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.category-item:hover:after {
    background-color: rgba(51, 51, 51, 0.80);
}

.category-item__text {
    text-decoration-skip-ink: none;
}

.category-item:hover .category-item__text {
    text-decoration-color: #fff;
}

.category-item {
    position: relative;
    padding: 16px;
    height: 150px;
}

.filter-box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #282922;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}


.filter-box__item:nth-child(8n) .filter-box__header::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: calc(100% - 32px);
    background-color: #282922;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category-item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 4;
}

.category-item__text {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    z-index: 3;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: text-decoration 0.3s;
    -moz-transition: text-decoration 0.3s;
    -o-transition: text-decoration 0.3s;
    transition: text-decoration 0.3s;
}

.category-item__text svg path {
    fill: #fff;
}

.category-item__text svg {
    margin-left: -6px;
}

.category-item__picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-item__picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.catalog-new {
    padding: 30px 0;
}

.catalog-right .products__container {
    padding: 0;
}

.catalog-right {
    width: calc(100% - calc(25% - 12px));
    padding-left: 16px;
}

.catalog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

.catalog-new__inner {
    display: flex;
    flex-wrap: wrap;
}

.filter-new {
    width: calc(25% - 12px);
    display: flex;
    flex-direction: column;
}

.filter-block {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.16);
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    margin-bottom: 16px;
    order: 2;
}

.filter-block .btn-invis {
    position: absolute;
    left: 100%;
    top: 130px;
    display: none;
}

.filter-block.show {
    left: 0;
}

.filter-block__title {
    cursor: pointer;
    position: relative;
}

.filter-new .caption::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    background-image: url("../img/filter-arrow.svg");
    width: 12px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.filter-new .caption.open:after {
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.filter-new .caption {
    color: #282922;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    display: block;
}

.filter-block__content {
    border-top: solid 1px #96968D;
    margin-top: 20px;
    display: none;
}

.filter-block__row .check-block+.check-block {
    margin-top: 23px;
}

.filter-block__row+.filter-block__row {
    border-top: solid 1px #96968D;
}

.filter-block__controls {
    border-top: solid 1px #96968D;
}

.filter-block__row:last-child {
    border-bottom: solid 1px #96968D;
}

.filter-block__row {}

.filter-new .caption.filter-block__caption {
    font-size: 20px;
    padding: 16px 0;
}

.check-block {}

.check-block input {
    display: none
}

.check-block input:checked+label:before {
    background-color: #918767;
    background-image: url(/local/templates/boconcept/css/../img/filter-checkbox.svg);
    background-size: 14px 11px;
}

.check-block label {
    position: relative;
    cursor: pointer;
    color: #282922;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.check-block input.disabled+label,
.check-block input:disabled+label,
.check-block label.disabled {
    opacity: .33;
    pointer-events: none;
}

.check-block label:before {
    cursor: pointer;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 2px solid #918767;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.check-list {
    padding-bottom: 0;
    height: auto;
    overflow: hidden;
    scrollbar-color: rgba(40, 41, 34, 0.55) transparent;
    scrollbar-width: thin;
}

.check-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
    left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.check-list::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    background-color: rgba(40, 41, 34, 0.55);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.check-list.close {
    padding-bottom: 40px;
    height: 250px;
    overflow: auto;
}

.check-more:hover {
    text-decoration-color: transparent;
}

.check-more .count {
    margin-left: 5px;
}

.check-more {
    display: table;
    color: #282922;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: underline;
    -webkit-transition: text-decoration 0.3s;
    -moz-transition: text-decoration 0.3s;
    -o-transition: text-decoration 0.3s;
    transition: text-decoration 0.3s;
}

.check-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 6px);
    height: 70px;
    pointer-events: none;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.check-wrapper.open:after {
    display: none;
}

.check-wrapper {
    position: relative;
}

.fiter-block__inner {
    padding-bottom: 20px;
    display: none;
}

.filter-block__controls .btn.btn--gray {
    background-color: #F9F9F9;
    color: #282922;
}

.filter-block__controls .btn {
    width: calc(50% - 8px);
    display: block;
    max-width: initial;
    min-width: initial;
    height: 64px;
}

.filter-block__controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 20px;
}

.filter-list {
    display: flex;
    align-items: center;
    gap: 16px;
}

.filter-input label {
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

.filter-input input {
    width: 100%;
    max-width: 146px;
    height: 40px;
    text-align: center;
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 11px;
}

.filter-input {
    display: flex;
    align-items: center;
    gap: 10px;
}

.range-input {
    margin-bottom: 20px;
}

.irs--round .irs-handle {
    border-color: #96968D;
    border-width: 6px;
}

.irs--round .irs-bar {
    background-color: #96968D;
}

.irs--round .irs-line {
    top: 37px;
    height: 2px;
    background-color: rgba(150, 150, 141, 0.50);
}

.filter-settings {
    margin-top: 26px;
}

.filter-settings ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.filter-settings li {
    color: #282922;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #918767;
    padding: 9px 15px;
}

.filter-settings li+li {}

.filter-settings li:last-child {
    border: 0;
    padding: 0;
}

.filter-settings__delete svg {
    pointer-events: none;
}

.filter-settings__delete {
    cursor: pointer;
}

.filter-settings__clear:hover {
    text-decoration-color: transparent;
}

.filter-settings__clear {
    color: #96968D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    -webkit-transition: text-decoration 0.3s;
    -moz-transition: text-decoration 0.3s;
    -o-transition: text-decoration 0.3s;
    transition: text-decoration 0.3s;
}

.js-open-mobile {
    color: #282922;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.catalog-head__mobile {
    display: none;
}

.overlay-filter.show {
    opacity: 0.33;
    pointer-events: all;
    z-index: 9998;
}

.overlay-filter {
    background-color: #000;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;

}

.filter-block__row--mobile {
    display: none;
}

.btn-mobile-close svg {
    pointer-events: none;
}

.btn-mobile-close {
    display: none;
}

.new-filter {
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}

.filter-wrapper {
    padding: 0;
    position: sticky;
    top: 80px;
    left: 0;
    z-index: 9;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    order: -1;
}

.page-scroll-up .filter-wrapper {
    top: 120px;
}

.pagination-controls {
    display: grid;
    align-items: center;
    margin-top: 40px;
}

.nav_pager__prev svg {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.pagination-controls .pagination svg {
    width: auto;
    height: auto;
}

.pagination-controls .load_more {
    grid-column: 1/3;
    grid-row: 1/1;
    margin: 0 auto;
}

.pagination-controls .pagination {
    grid-column: 2/3;
    grid-row: 1/1;
}

.pagination {
    display: flex;
    gap: 5px;
    margin-left: auto;
}

.pagination li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination li:hover span.toh,
.pagination li span.toh:hover {
    color: #282922;
    cursor: auto;
}

.pagination li span.toh {
    border-color: transparent;
    width: 25px;
}

.pagination li span,
.pagination li a {
    cursor: pointer;
    width: fit-content;
    outline: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Helvetica Neue';
    color: #282922;
    border: 1px solid #282922;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination li span:hover,
.pagination li a:hover {
    color: #fff;
}

.pagination li.nav_pager__current span,
.pagination li span svg path,
.pagination li a svg path {
    fill: #282922;
}

.pagination li span:hover svg path,
.pagination li a:hover svg path {
    fill: #fff;
}

.pagination li.nav_pager__current span,
.pagination li a:hover {
    background-color: #918767;
    color: #fff;
    border-color: #918767;
}

.catalog-filters__search {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

.catalog-filters__search input {
    width: 100%;
    max-width: 146px;
    height: 40px;
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 11px;
    padding-right: 45px;
    max-width: 100%;
    font-family: 'Helvetica Neue';
}

.catalog-filters__search button {
    position: absolute;
    right: 15px;
    bottom: 8px;
}

.designers-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.designersSlider .designersSliderContainer .designers-controls .swiper-pagination {
    width: auto;
    margin: 0;
    height: 32px;
}


.swiper-button {}

.swiper-button:after,
.swiper-button::before {
    display: none !important;
}

.boco__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
}

.boco__controls .swiper-pagination .swiper-pagination-bullet {
    background-color: #bababa;
}

.boco__controls .swiper-pagination {
    width: auto;
    margin: 0;
    background: transparent;
    position: relative;
    left: auto;
    right: auto;
    top: 4px;
    bottom: auto;
    height: 18px;
    padding: 0;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #282922;
}

.swiper-button.swiper-button-prev,
.swiper-button.swiper-button-next {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
    top: auto !important;
    transform: translateY(0%) !important;
    padding: 0 !important;
}

.swiper-button.swiper-button-prev svg,
.swiper-button.swiper-button-next svg {
    fill: #000 !important;
}

.goodCardSlider .swiper-wrapper {
    height: 700px;
}

.goodCardSlider {
    height: 700px;
}

.goodCardSlider .swiper-slide {
    width: 100%;
    height: 700px;
}

.goodCardSlider img {
    width: 95%;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80%;
    transform: translateY(-50%) translateX(-50%);
}

.goodCardSlider .swiper-slide picture {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.goodCardSlider .swiper-wrapper {
    height: auto;
}

.goodCardSlider .swiper-slide picture {
    display: block;
}

.goodCardSlider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.goodCardSlider .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 22px;
    z-index: 30;
    background-color: transparent;
}

.goodCardSlider .swiper-slide {
    position: relative;
}

.goodCardSlider .swiper-slide .invis-link {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.goodCardSlider .boco__controls .swiper-pagination {
    top: 1px;
}

.goodCardSlider .swiper-controls {
    top: -58px;
}

.completed_projects_block_slider .swiper-slide {
    overflow: hidden;
}

.completed_projects_block_slider .swiper-button {
    display: flex !important;
    align-items: center;
    width: 24px;
    height: 24px;
}

.article-caption {
    font-size: 20px;
    line-height: 28px;
}

.callback__form {}

.callback__form .form>div+div {
    margin-top: 20px;
}

.callback__form .form__input {
    height: 40px;
}

.callback__form input[type="checkbox"] {
    display: none;
}

.designer-page {
    color: #282922;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.designer-page__head {}

.designer-page__head p,
.designer-page__head .caption {
    margin: 0;
}

.designer-page__head .designer-inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.designer-page__head .desc {
    color: #282922;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.designer-picture {
    margin-top: 40px;
}

.designer-picture .swiper-wrapper {}

.designer-picture .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.designer-picture .picture {
    position: relative;
}

.designer-picture .picture a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.designer-picture .title {
    display: block;
    margin-top: 20px;
}

.designet-page__text {
    padding: 40px 0;
}

.designet-page__text .designer-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.designet-page__text ul {
    padding-left: 5px;
}

.designet-page__text ul li+li {
    margin-top: 5px;
}

.designet-page__text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #282922;
}

.designet-page__text .caption {
    margin: 0;
}

.designet-page__text p {
    margin: 0;
}

.designet-page__text ul li {
    position: relative;
    padding-left: 10px;
}

.designet-page__text .btn:hover {
    background-color: #918767;
    color: #fff;
}

.designet-page__text .btn {
    margin-top: auto;
    background-color: #F9F9F9;
    color: #333;
    padding: 20px 30px;
    font-size: 13px;
}

.includeService {
    background-color: #F1F1F1;
    padding: 40px 0;
    position: relative;
}

.includeService .container {
    position: static;
}

.includeService .caption {}

.includeService .picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.includeService .picture {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.includeService__inner {}

.includeService__left {
    width: 50%;
    max-width: 825px;
    padding-right: 25px;
}

.includeService__list::before {
    content: "";
    position: absolute;
    left: 55px;
    top: 0;
    background-color: #282922;
    width: 1px;
    height: 100%;
}

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

.includeService__item+.includeService__item {
    margin-top: 30px;
}

.includeService__item {
    position: relative;
    color: #282922;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 75px;
}

.includeService__item .num {
    color: #282922;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    position: absolute;
    left: 0;
    top: 0;
}

.includeService__item .btn:hover {
    color: #fff;
}

.includeService__item .btn {
    margin-top: 20px;
}

.includeService__item .title {
    display: block;
    color: #282922;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

.slider-standart-section {
    background-color: #F1F1F1;
    padding: 40px 0;
}

.slider-standart-section .caption+.slider-standart {
    margin-top: 30px;
}

.slider-standart .swiper-controls .swiper-button-next::after {
    display: none;
}

.slider-standart .picture>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slider-standart .picture {
    position: relative;
    display: block;
}

.slider-standart .swiper-controls .swiper-button-next {
    position: relative;
    margin: 0;
    width: 24px;
    height: 24px;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.slider-standart .swiper-controls .swiper-button-prev::after {
    display: none;
}

.slider-standart .swiper-controls .swiper-button-next svg,
.slider-standart .swiper-controls .swiper-button-prev svg {
    width: 24px;
    height: 24px;
}

.slider-standart .swiper-controls .swiper-button-prev {
    position: relative;
    margin: 0;
    width: 24px;
    height: 24px;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.slider-standart .swiper-pagination {
    position: relative;
    top: auto;
    bottom: auto;
    width: auto;
    height: 33px;
    left: auto;
}

.slider-standart .swiper-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.communic-methods {
    padding: 40px 0
}

.communic-methods__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.communic-methods__inner .caption {}

.communic-methods__list {
    display: grid;
    align-items: start;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    padding: 30px 0;
}

.communic-methods__title {
    color: #282922;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.communic-methods__item p {
    margin: 0;
}

.communic-methods__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.leaveRequst .container {
    height: auto;
}

.leaveRequst {
    position: relative;
    min-height: 765px;
    display: flex;
    border-top: solid 1px #000;
}

.leaveRequst .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leaveRequst .picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.leaveRequst__form .caption {
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

.leaveRequst__form {
    background-color: #fff;
    position: relative;
    z-index: 3;
    max-width: 540px;
    width: 100%;
    padding: 40px 30px;
    height: 100%;
}

.leaveRequst__form .desc a:hover {
    text-decoration-color: #857440;
}

.leaveRequst__form .desc a {
    color: #857440;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all .3s;
}

.leaveRequst__form .desc {
    color: #96968D;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.leaveRequst__form .btn {
    width: 100%;
    margin-top: 40px;
}

.leaveRequst__input {
    width: 100%;
}

.leaveRequst__input+.leaveRequst__input {
    margin-top: 40px;
}

.leaveRequst__input input {
    border: 0;
    border-bottom: 1px solid #96968D;
    padding-bottom: 13px;
    color: #96968D;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}

.fileLoad__name {
    color: #918767;
}

.fileLoad label {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.fileLoad input {
    display: none;
}

.fileLoad {
    position: relative;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 32px 50px;
    text-align: center;
    color: #808080;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    background-color: #F3F3F3;
}

.communic-methods__inner p {
    margin: 0;
}

.newYear-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 405px 0 215px;
    z-index: -1;
    pointer-events: none;
}

.newYear-block__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - 35px);
}

.newYear-block__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - 211px);
}

.newYear-block__left .newYear-block__item:nth-child(1) {
    transform: translateY(-10px);
}

.newYear-block__left .newYear-block__item:nth-child(3) {
    transform: translateY(-10px);
}

.newYear-block__left .newYear-block__item:nth-child(4) {
    transform: translateY(10px);
}

.newYear-block__left .newYear-block__item:nth-child(5) {
    transform: translateY(15px);
}

.newYear-block__left .newYear-block__item:nth-child(6) {
    transform: translateY(-5px);
}

.newYear-block__left .newYear-block__item:nth-child(7) {
    transform: translateY(15px);
}

.newYear-block__left .newYear-block__item:nth-child(9) {
    transform: translateY(10px);
}

.newYear-block__right .newYear-block__item:nth-child(1) {
    transform: translateY(-10px);
}

.newYear-block__right .newYear-block__item:nth-child(2) {
    transform: translateY(10px);
}

.newYear-block__right .newYear-block__item:nth-child(3) {
    transform: translateY(-5px);
}

.newYear-block__right .newYear-block__item:nth-child(4) {
    transform: translateY(15px);
}

.newYear-block__right .newYear-block__item:nth-child(5) {
    transform: translateY(10px);
}

.newYear-block__right .newYear-block__item:nth-child(6) {}

.newYear-block__item {}

.newYear-block__item img {}

.header-top__wrapper {
    z-index: 2;
}

.goodCard-upholstery__top .goodCard-popup__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.goodCard-information__title .caption {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.goodCard-upholstery__title .caption {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 16px;
}

.goodCard-upholstery__top .caption {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.new-filter__inner {
    width: 100%;
    max-height: calc(100vh - 130px);
    overflow: auto;
    padding: 20px;
}

.filter-new {
    position: relative;
}

[data-gtm-form-interact-id] .btn-invis {
    display: block;
}

.back-call__title {
    display: block;
    text-align: center;
}

.success-subscribe__title,
.success__title {
    display: block;
}

.filter-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.badge {
    background-color: #f5f5f5;
}

.badge.badge--normal {
    padding: 3px 12px;
}

.career-grettings {
    margin-top: 30px;
}

.career-grettings__inner {}

.career-grettings__caption {}

.career-grettings {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
}

.career-grettings .picture img {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.career-grettings .picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.career-grettings__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    min-height: 600px;
    width: 100%;
    color: #fff;
    gap: 24px;
}

.career-grettings p {
    margin: 0;
}

.career-grettings__caption {
    font-size: 56px;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: 0em;
}

.career-target .desc {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(185, 185, 185, 1);
}

.career-target {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    padding: 60px 0;

}

.career-target .caption {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    display: block;
    width: 100%;
}

.career-target p {
    margin: 0;
}

.career-target__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 500px 1fr;
    position: relative;
    min-height: 700px;
}

.career-target__left {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #F1F1F1;
    gap: 20px;
}

.career-target__right {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.carrer-slider .picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.carrer-slider .picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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

.carrer-slider {
    position: relative;
    background-color: #F1F1F1;
    width: 100%;
    height: 100%;
    max-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carrer-slider .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    bottom: 10px;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 0 10px;
}

.carrer-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

.carrer-slider .swiper-pagination-bullet {
    height: 4px;
    background-color: rgba(150, 150, 141, 1);
    border-radius: 5px;
    flex: 1;
    width: 100%;
}

.career-vacancies {
    padding: 60px 0;
}

.career-vacancies .btn:hover {
    background-color: #9c9376;
    color: #fff;
}

.career-vacancies__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.career-vacancies__text {
    width: calc(100% / 3 - 30px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.career-vacancies__vacancy {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    width: 100%;
    margin: 0;
}

.career-vacancies__vacancy .swiper-wrapper {}

.career-vacancies__vacancy .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.career-vacancies__vacancy .picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-vacancies__vacancy .picture {
    height: 500px;
    width: 100%;
    display: block;
    position: relative;
}

.career-vacancies p {
    margin: 0;
}

.career-vacancies__vacancy .name {
    font-size: 18px;
    font-weight: 600;
}

.career-vacancies__right {
    width: calc(100% / 2 + 210px);
}

.career-working {
    padding: 60px 0;
}

.career-working__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.career-working__left {
    width: calc(100% / 2 + 210px);
}

.career-working .carrer-slider {
    width: 100%;
    max-width: 100%;
}

.carrer-slider .swiper {}

.carrer-slider .swiper-wrapper {}

.carrer-slider .swiper-slide {}

.carrer-slider .picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carrer-slider .picture {
    position: relative;
    display: block;
    width: 100%;
    padding-top: calc(590 / 1050 * 100%);
}

.career-working__right {
    width: calc(100% / 3 - 30px);
}

.carerr-projects {
    width: 100%;
    overflow: hidden;
}

.carerr-projects__slider .desc {
    text-align: center;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    padding: 20px 0;
    display: block;
}

.carerr-projects__slider {
    margin-top: 30px;
}

.career-target--alternate .career-target__inner {
    grid-template-columns: 1fr 1fr 500px;
}

.faq-new-section {
    padding: 60px 0;
}

.faq-new-section .btn {
    margin-top: 30px;
}

.faq-new {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    margin-top: 30px;

}

.faq-new__head {
    position: relative;
}

.faq-new__line:last-child {
    border-bottom: solid 1px rgba(150, 150, 141, 1);
}

.faq-new__line {
    border-top: solid 1px rgba(150, 150, 141, 1);
}

.faq-new__line .quest::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    transition: all .3s;
    background-image: url(/local/templates/boconcept/img/arrow-faq-new.svg);

}

.faq-new__line.opened .quest::before {
    transform: rotate(180deg);
}

.faq-new__line .quest {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 34px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    cursor: pointer;
}

.faq-new__line ul {
    list-style-type: decimal;
    padding-left: 25px;
}

.faq-new__body {
    display: none;
    padding: 0 34px 16px;
}

.leaveRequst__form__head .caption {
    margin: 0;
}

.leaveRequst__form__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;

}

.cook-block.close {
    display: none;
}

.cook-block {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    background-color: rgba(40, 41, 34, 1);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    color: #fff;
    z-index: 999;
}

.cook-block__inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cook-block__text {
    font-weight: 300;
}

.cook-block__link:hover {
    text-decoration-color: transparent;
}

.cook-block__link {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    display: inline-block;
    text-decoration: underline;
    transition: text-decoration 0.3s;
}

.cook-block__btn {
    cursor: pointer;
    margin-left: auto;
    border: 0;
    outline: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #fff;
}

.not-cook .wrap_ad00 {
    bottom: 110px !important;
}

.design-features {
    background-color: #F1F1F1;
    padding: 40px 0;
}

.design-features__list {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

.design-features__item {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.design-features__item p {
    margin: 0;
}

.design-features__name {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    min-height: 64px;
}

.deliveryInfo__itemBody table {
    text-align: left;
}

.deliveryInfo__itemBody article {
    text-align: center;
}

.slider-designer .section__body.row {
    overflow: visible;
    margin: 0;
}

.slider-designer {
    overflow: hidden;
    width: 100%;
}

.slider-designer-products .swiper-controls .swiper-pagination {
    top: 2px;
}

.slider-designer-products .swiper-controls {
    z-index: 0;
    position: relative;
}

.slider-designer-products {
    overflow: visible;
    margin-top: 45px;
}

.slider-designer-products .product-card__footer {
    box-sizing: border-box;
}

.slider-images {
    margin-top: 30px;
}

.article {}

.personal-area-popup__socials {
    display: none !important;
}

.registration-popup__socials {
    display: none !important;
}

/* styles pdf */

.bx-pdf-container {
    margin: 0 auto;
    width: 100% !important;
    height: 1120px !important;
}

.bx-pdf-container .toolbar {
    /* display: none; */
}

.viewerContainer::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.viewerContainer::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b1b1b1;
}

.viewerContainer::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.outerContainer {
    background-color: transparent !important;
}

.pdfViewer .page {
    margin: 20px auto;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .22);
    border-image: none;
    border: 0;
}

.viewerContainer {
    width: 1200px;
    margin: 0 auto;
}

.bx-pdf-container {
    margin-bottom: 50px;
}

.fancybox-image,
.goodCardSlider img {
    pointer-events: initial;
}

/* верстка pdf */

.pdf-page.openedTabs .container {
    width: calc(100% - 300px);
    max-width: 100%;
}

.pdf-page {
    padding: 25px 0;
    display: flex;
    position: relative;
}

.pdf-block {}

.pdf-block__head {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    gap: 24px;

}

.pdf-page__inputs input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #4A4A4A;
    color: #fff;
    opacity: 0;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    z-index: 2;
    border: 0;
}

.pdf-page__inputs.opened input {
    opacity: 1;
}

.pdf-page__inputs {
    position: relative;
    color: #4A4A4A;
    font-size: 18px;
    line-height: 20px;
    width: 128px;
    height: 48px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-block__body.small .picture {
    width: 100% !important;
}

.pdf-block__body.small .pdf-slider .swiper-slide {
    padding-top: calc(1005 / 1800* 100%);
}

.pdf-block__body.small {
    width: 70%;
}

.pdf-block__body {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.pdf-btn-prev {
    position: absolute;
    left: -57px;
    top: 0;
    width: 47px;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.605' height='15.555'%3e%3cpath d='M10.605 12.727 5.656 7.776l4.949-4.948L7.777 0 0 7.776l7.777 7.779 2.828-2.828z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
    transition: transform 0.3s
}

.pdf-btn-next {
    position: absolute;
    right: -47px;
    top: 0;
    width: 47px;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.605' height='15.555'%3e%3cpath d='m2.828 15.555 7.777-7.779L2.828 0 0 2.828l4.949 4.948L0 12.727l2.828 2.828z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
    transition: transform 0.3s
}

.pdf-btn-prev.swiper-button-disabled,
.pdf-btn-next.swiper-button-disabled {
    opacity: 0;
}

.pdf-btn-prev:hover,
.pdf-btn-next:hover {
    transform: scale(1.25);
}

.pdf-page__download {}

.pdf-page__inputs {}

.pdf-page__button {}

.pdf-slider {
    width: 100%;
    margin: 50px 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
}

.pdf-slider .swiper {}

.pdf-slider .swiper-wrapper {}

.pdf-slider .swiper-slide.swiper-slide-active {}

.pdf-slider .swiper-slide {
    position: relative;
    padding-top: calc(675 / 1920 * 100%);

}

.pdf-slider .picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.pdf-slider .picture>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.pdf-slider .picture {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.pdf-btn-first {
    cursor: pointer;
    position: absolute;
    left: -45px;
    top: -10px;
    width: 47px;
    height: 47px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M18.424 6.1a1.008 1.008 0 0 0-1.065.136l-6 5a1 1 0 0 0 0 1.538l6 5A1.007 1.007 0 0 0 18 18a.989.989 0 0 0 .424-.095A1 1 0 0 0 19 17V7a1 1 0 0 0-.576-.9zM17 14.865 13.562 12 17 9.135zM9 6H6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM8 16H7V8h1z' style='fill:%231c1b1e'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 4;
    transition: transform 0.3s;
    background-size: 30px;
}

.pdf-btn-last {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: -10px;
    width: 47px;
    height: 47px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg data-name='Next'%3e%3cpath d='M6 18a.986.986 0 0 1-.424-.095A1 1 0 0 1 5 17V7a1 1 0 0 1 1.641-.769l6 5a1 1 0 0 1 0 1.538l-6 5A1.007 1.007 0 0 1 6 18zm1-8.865v5.73L10.437 12zM18 18h-3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-2-2h1V8h-1z' style='fill:%231c1b1e'/%3e%3c/g%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 4;
    transition: transform 0.3s;
    background-size: 30px;
}

.pdf-btn-last:hover,
.pdf-btn-first:hover {
    transform: scale(1.3);
}

.pdf-page__download:hover {
    transform: scale(1.2);
}

.pdf-page__download {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M11.292 16.706a1 1 0 0 0 1.416 0l3-3a1 1 0 0 0-1.414-1.414L13 13.586V4a1 1 0 0 0-2 0v9.586l-1.293-1.293a1 1 0 0 0-1.414 1.414zM17 19H7a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z' style='fill:%231c1b1e'/%3e%3c/svg%3e");
    transition: all .3s;
}

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

.pdf-page__button span {
    background-color: #000;
    display: block;
    width: 100%;
    height: 2px;
}

.pdf-page__button:hover span {
    background-color: #fff;
    transition: all .3s;
}

.pdf-page__button:hover {
    background-color: #000;
}

.pdf-page__button {
    cursor: pointer;
    width: 48px;
    height: 38px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .3s;
}

.pdf-tabs {
    border-left: 1px solid #e5e5e5;
    width: 360px;
    background-color: #f2f2f2;
    position: relative;
    flex: 1;
    display: none;
}

.pdf-tabs.opened {
    display: block;
}

.pdf-tabs__title {
    color: rgb(85, 85, 85);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-tabs__list ul {}

.salebook {}

.salebook-header {
    width: 100%;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.salebook-header a {}

.salebook-header a svg {}

.salebook-grettings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 63px 80px;
}

.salebook-grettings__picture.mobile {
    display: none;
}

.salebook-grettings__picture {
    width: 789px;
    /* height: 964px; */
    height: auto;
}

.salebook-grettings__content {
    max-width: 827px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.salebook-grettings__content p {
    margin: 0;
    max-width: 616px;
}

.salebook-get__inner {
    width: 100%;
    max-width: 456px;
    margin: auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    display: flex;
    flex-direction: column;
}

.pdf-tabs__list li:hover {
    background-color: rgba(0, 0, 0, .035);
}

.pdf-tabs__list li {
    cursor: pointer;
    padding: 16px;
}

.pdf-tabs__close {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3e%3cpath d='M 38.982422 6.9707031 A 2.0002 2.0002 0 0 0 37.585938 7.5859375 L 24 21.171875 L 10.414062 7.5859375 A 2.0002 2.0002 0 0 0 8.9785156 6.9804688 A 2.0002 2.0002 0 0 0 7.5859375 10.414062 L 21.171875 24 L 7.5859375 37.585938 A 2.0002 2.0002 0 1 0 10.414062 40.414062 L 24 26.828125 L 37.585938 40.414062 A 2.0002 2.0002 0 1 0 40.414062 37.585938 L 26.828125 24 L 40.414062 10.414062 A 2.0002 2.0002 0 0 0 38.982422 6.9707031 z'%3e%3c/path%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 15px;
}

.salebook-grettings__caption {
    font-size: 56px;
    font-weight: 700;
    line-height: 58px;
    display: block;
    margin-bottom: 50px;
    margin-top: auto;
}

.salebook-get {
    background-color: #F6F6F6;
    height: 526px;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% + 80px);
}

.salebook-get__title {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;

}

.salebook-get__desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    display: block;
    margin-top: 20px;
}

.salebook__btn:hover {
    color: #fff;
    transform: scale(1.015);
}

.salebook__btn {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #283833;
    margin-top: 40px;
    width: 100%;
    padding: 18px 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-radius: 5px;
    transition: all .3s;
    max-width: 429px;
}

.salebook-grettings__text {
    margin-top: auto;
}

.salebook-catalog {
    padding: 60px 0;
}

.salebook-head {
    padding: 0 80px;
}

.salebook-head .caption {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;

}

.salebook-list::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #F5F5F5;
    width: 100%;
    height: 315px;
    z-index: -1;
    pointer-events: none;
}

.salebook-list {
    position: relative;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 80px;
    padding-right: 80px;
    gap: 100px;

}

.salebook-item {}

.salebook-item .picture img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.salebook-item .picture {
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 315px;
    position: relative;
}

.salebook-item .sale {
    position: absolute;
    right: 0;
    top: 15px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 13px;
    border-radius: 50%;
    background-color: #EDD889;
    z-index: 2;
}

.salebook-item__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 12px;
}

.salebook-item__name {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    width: 100%;

}

.salebook-item__info {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    gap: 10px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

.salebook-item__data {
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;

}

.salebook-item__prices {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 10px;
}

.salebook-item__price.old {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-decoration: line-through;
}

.salebook-item__price {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
}

.salebook-about .form__button .btn {
    width: 100%;
    max-width: 100%;
}

.salebook-about .mobile {
    display: none;
}

.salebook .btn {
    transition: transform .3s;
}

.salebook .btn:hover {
    color: #fff;
    transform: scale(1.015);
}

.salebook-about .btn {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #283833;
    margin-top: 40px;
    width: 100%;
    padding: 18px 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-radius: 5px;
    transition: all .3s;
    max-width: 359px;
}

.salebook-about {
    padding: 60px 0 0;
}

.salebook-about__head {
    padding: 0 80px;
}

.salebook-about__head .caption {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;
}

.salebook-about__body {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    position: relative;
    margin-top: 66px;
    display: flex;
    flex-wrap: wrap;
    min-height: 793px;
    overflow: hidden;
}

.salebook-about__body .col .controls {
    width: 100%;
}

.salebook-about__body .col {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 5px;
}

.salebook-about__body .col p {
    max-width: 320px;
    width: 100%;
    margin: 0
}

.salebook-about__body .picture::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 500%;
    height: 344px;
    background-color: #F6F6F6;
    z-index: -1;
}

.salebook-about__body .picture {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 150px);
    height: 100%;
    background-color: #F6F6F6;
}

.salebook-about__body .controls {
    width: 100%;
}

.salebook-about__body .btn {
    margin-top: 65px;
}

.salebook-about__left {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 80px;
    padding-bottom: 20px;
}

.salebook-about__left .includeService__item {
    font-size: 14px;
}


.salebook-about__left .includeService__item+.includeService__item {
    margin-top: 0;
}

.salebook-shops {
    padding: 60px 0;
}

.salebook-shops__head {
    padding: 0 80px;
}

.salebook-shops__head .caption {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;

}

.salebook-shops__body {
    margin-top: 70px;
    overflow: hidden;
}

.salebook-shops__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 145px 100px;
    padding: 0 80px;
}

.salebook-shops__item ul li {}

.salebook-shops__item ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 22px;
}

.salebook-shops__item::after {
    content: "";
    position: absolute;
    left: 0px;
    top: -70px;
    width: calc(100% + 100px);
    height: 1px;
    background-color: #E8E8E8;
}

.salebook-shops__item::before {
    content: "";
    position: absolute;
    left: -75px;
    top: 50%;
    width: 1px;
    height: 188px;
    background-color: #E8E8E8;
    transform: translate(-50%, -50%);
}

.salebook-shops__item {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.45px;
}

.salebook-shops__item .name {
    font-size: 28px;
    font-weight: 600;
    line-height: 35.78px;

}

.salebook-shops__item:nth-child(4):after,
.salebook-shops__item:nth-child(3):after,
.salebook-shops__item:nth-child(2):after,
.salebook-shops__item:nth-child(1):after {
    display: none;
}

.salebook-shops__item:nth-child(4n):after {
    width: 100%;
}

.salebook-shops__item:nth-child(4n+1)::before {
    display: none;
}

.salebook-bottom {
    margin-top: 80px;
    position: relative;
    padding: 0 0px 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    background-color: #F6F6F6;
}

.salebook-bottom__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.salebook-bottom .caption {
    font-size: 32px;
    font-weight: 700;
    line-height: 41px;
}

.salebook-bottom p {
    margin: 0;
}

.salebook-bottom .picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.salebook-bottom .picture {
    width: 622px;
    height: 425px;
    position: relative;
}

.salebook-bottom .salebook__btn {
    margin-top: 70px;
}

.salebook-footer {
    background-color: #F3F3F3;
    min-height: 213px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 80px;
    margin-top: 130px;
}

.salebook-footer__logo {}

.salebook-footer__developer span {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #96968D;
}

.salebook-footer__developer {
    display: flex;
    align-items: center;
    gap: 10px;

}

.goodCardInfo__video button {
    background-color: transparent;
    left: 20px;
}

.goodCardInfo__video button.vjs-paused {
    left: 25px;
}

.goodCardInfo__video button.vjs-playing {
    left: 25px;
}

.goodCardInfo__video .video-js {
    width: 100%;
    height: 530px;
}

.goodCard__feature {
    margin-bottom: 102px;
}

.salebook .callback__bottom {
    margin: 0;
    border: 0;
}

.includeService__item {}

.salebook-grettings .btn.mobile {}

.salebook-grettings .btn {
    max-width: 320px;
    margin-top: 40px;
    background-color: #283833;
    border-radius: 5px;
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1280px) {
    .filter-new .caption {
        font-size: 18px;
        line-height: 24px;
    }

    .filter-new .caption.filter-block__caption {
        font-size: 15px;
        line-height: 24px;
        padding: 12px 0;
    }

    .filter-input input {
        font-size: 12px;
        line-height: 15px;
    }

    .filter-input label {
        font-size: 12px;
        line-height: 15px;
    }

    .check-block label {
        font-size: 12px;
        line-height: 14px;
        gap: 10px;
    }

    .check-block label:before {
        width: 14px;
        height: 14px;
    }

    .catalog-filters__search input {
        font-size: 12px;
        line-height: 14px;
    }

    .category-item {
        height: 100px;
        padding: 12px;
    }

    .category-item__text {
        font-size: 16px;
        line-height: 22px;
    }

    .category-item__text svg {
        margin-left: 0;
        width: 24px;
        height: 24px;
    }

}

@media (max-width: 1900px) {
    .feedback__right {
        width: calc(100% - 620px);
    }
}

@media (max-width: 1740px) {
    .main-interior__list {
        width: 550px;
        margin: -15px;
    }

    .main-interior__item {
        padding: 15px;
    }

    .main-interior__link {
        font-size: 16px;
        line-height: 24px;
    }

    .main-interior__link span {
        margin-right: 30px;
    }

    .filter-box {
        grid-template-columns: repeat(6, 1fr);
        position: relative;
    }

    .filter-box__item:nth-child(8n) .filter-box__header::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: calc(100% - 32px);
        background-color: #282922;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .filter-box__item:nth-child(6n) .filter-box__header::before {
        display: none;
    }

    .filter-box__item:nth-child(8n) .filter-box__content {
        left: 0;
        right: auto;
    }

    .filter-box__item:nth-child(6n) .filter-box__content {
        left: auto;
        right: 0;
    }

    .filter-box.very-big .filter-box__item:nth-child(-n+16),
    .filter-box.big .filter-box__item:nth-child(-n+8) {
        border-bottom: 0;
    }

    .filter-box.very-big .filter-box__item:nth-child(-n+12),
    .filter-box.big .filter-box__item:nth-child(-n+6) {
        border-bottom: solid 1px #282922;
    }

    .salebook-grettings__picture {
        width: 682px;
        /* height: 797px; */
        height: auto;
    }

    .salebook-grettings__content {
        max-width: 800px;
        padding: 0 15px;
    }

    .salebook-get {
        height: 436px;
    }

    .salebook-grettings {
        padding: 60px 30px;
    }

    .salebook-grettings__content p {
        max-width: 467px;
    }

    .salebook-get {
        width: calc(100% + 30px);
    }

    .salebook-head {
        padding: 0 30px;
    }

    .salebook-list {
        padding: 0 30px;
        gap: 195px;
        margin-top: 37px;
    }

    .salebook-item .picture img {
        max-height: 217px;
    }

    .salebook-item__data {
        width: 55%;
    }

    .salebook-about__head {
        padding: 0 30px;
    }

    .salebook-about__body .picture::before {
        height: 172px;
    }

    .salebook-about__left {
        padding-left: 50px;
        width: 60%;
    }

    .salebook-about__body {
        min-height: 501px;
    }

    .salebook-about__body .picture {
        width: calc(50% - 208px);
    }

    .salebook-shops__head {
        padding: 0 30px;
    }

    .salebook-shops__list {
        padding: 0 30px;
        grid-template-columns: repeat(3, 1fr);
    }

    .salebook-shops__item:nth-child(4):after {
        display: block;
    }

    .salebook-shops__item:nth-child(3):after,
    .salebook-shops__item:nth-child(2):after,
    .salebook-shops__item:nth-child(1):after {
        display: none;
    }

    .salebook-shops__item:after {
        width: 200% !important;
        left: -50px;
    }

    .salebook-shops__item:nth-child(4n+1)::before {
        display: block;
    }

    .salebook-bottom {
        padding-left: 30px;
        margin-top: 60px;
    }

    .salebook-bottom__text {
        max-width: 430px;
    }

    .salebook-bottom .salebook__btn {
        margin-top: 50px;
    }

    .salebook-footer {
        padding: 0 30px;
        margin-top: 100px;
        min-height: 160px;
    }

    .goodCardInfo__video .video-js {
        width: 100%;
        height: 400px;
    }

}

@media (max-width: 1599px) {
    .subcatalog-filter__checkboxes {
        gap: 15px;
        max-width: 330px;
        flex-wrap: wrap;
    }

    .product-card__colors {
        flex-wrap: wrap;
    }

    .pagination-controls {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
    }

    .pagination {
        margin: 0 auto;
    }

    .filter-new .caption {
        font-size: 22px;
        line-height: 30px;
    }

    .newYear-block__right .newYear-block__item:nth-child(4),
    .newYear-block__right .newYear-block__item:nth-child(5) {
        display: none;
    }

    .goodCardSlider {
        height: calc(100vh - 156px);
        max-height: 700px;
    }

    .goodCardSlider .swiper-wrapper {
        height: 100%;
    }

    .goodCardSlider .swiper-slide {
        height: 100%;
    }
}

@media (max-width: 1440px) {
    .main-catalog__item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .main-interior__info {
        display: block;
    }

    .main-interior__content {
        max-width: none;
        margin-right: 0;
        margin-bottom: 60px;
    }

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

    .catalog-right .products__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .products__item {}

    .history__icon {
        top: 10px;
    }

    .subcatalog-items__list {
        grid-template-columns: repeat(4, 1fr);
    }

    .filter-box__header {
        padding: 16px 20px;
    }

    .filter-box::before {
        width: calc(100% - 40px);
    }

    .feedback__right {
        width: 100%;
        margin-top: 24px;
    }

    .subcatalog-filter__checkboxes {
        max-width: 100%;
        width: 100%;
    }

    .catalog-head {
        flex-wrap: wrap;
        gap: 20px;
        align-items: flex-end;
        flex-direction: column-reverse;
    }

    .filter-settings {
        margin-top: 20px;
    }

    .subcatalog-filter__form-desktop {}

    .subcatalog-sorting {}

    .subcatalog-filter__sort span,
    .filter-checkbox .filter-checkbox__label {
        font-size: 16px;
        line-height: 22px;
    }

    .category-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .filter-new {
        width: calc(25% + 70px);
    }

    .catalog-right {
        width: calc(100% - calc(25% + 70px));
    }

    .newYear-block__right .newYear-block__item:nth-child(2),
    .newYear-block__right .newYear-block__item:nth-child(3),
    .newYear-block__right .newYear-block__item:nth-child(4),
    .newYear-block__right .newYear-block__item:nth-child(5) {
        display: none;
    }

    .career-grettings__caption {
        font-size: 42px;
        line-height: 50px;
    }

    .career-grettings__inner {
        min-height: 400px;
    }

    .career-working__left {
        width: calc(100% / 2 + 150px);
    }

    .career-working__right {
        width: calc(100% / 3 - 0px);
    }

    .salebook-grettings__picture {
        width: 484px;
        /* height: 552px; */
        height: auto;
    }

    .salebook-list {
        gap: 100px;
    }
}

@media (max-width: 1280px) {
    .main-slider__wrapper {
        margin-bottom: 30px;
    }

    .main-slider__info {
        left: 16px;
        max-width: 490px;
    }

    .main-slider__item picture {
        max-height: none;
        height: 100%;
    }

    .main-catalog__wrapper {
        padding: 30px 0;
    }

    .main-catalog__title {
        margin-bottom: 30px;
    }

    .main-catalog__item {
        height: 128px;
    }

    .main-catalog__name {
        font-size: 16px;
        line-height: 24px;
        margin: 15px;
        top: calc(50% - 15px);
        left: calc(50% - 15px);
    }

    .main-catalog__button {
        font-size: 16px;
        line-height: 24px;
    }

    .main-interior__wrapper {
        padding: 30px 0;
    }

    .main-interior__info {
        margin-bottom: 60px;
    }

    .interior-visual__box {
        bottom: 7px;
        margin: 0 12px;
    }

    .interior-visual__head {
        display: none;
    }

    .interior-visual__box {
        width: 100px;
        background-color: rgba(40, 41, 34, .9);
    }

    .interior-visual__favorite,
    .interior-visual__favorite-active {
        display: none !important;
    }

    .interior-visual__info {
        padding: 10px 15px;
    }

    .interior-visual__name,
    .interior-visual__price {
        color: #fff;
        font-size: 10px;
        line-height: 14px;
    }

    .interior-visual__price {
        opacity: 0.4;
    }

    .interior-visual__link:hover .interior-visual__name,
    .interior-visual__link:hover .interior-visual__price,
    .interior-visual__link:focus .interior-visual__name,
    .interior-visual__link:focus .interior-visual__price {
        color: #fff;
    }

    .interior-visual__marker.active .interior-visual__pin span {
        border-color: #282922;
    }

    .interior-visual__marker.active .interior-visual__pin:before {
        -webkit-animation: none;
        animation: none;
        width: 24px;
        height: 24px;
        margin-left: -12px;
        margin-top: -12px;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, .3);
    }

    .products__title {
        font-size: 20px;
        line-height: 24px;
    }

    .products__container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .product-card__photo,
    .product-card__image-hover {
        padding: 87px 10px;
        height: 310px;
    }

    .product-card__badge {
        top: 10px;
        left: 10px;
    }

    .product-card__favorites {
        top: 10px;
        right: 10px;
    }

    .product-card__badge .badge {
        font-size: 12px;
        line-height: 16px;
    }

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

    .products__button {
        margin-top: 30px;
    }

    .product-card__body {
        padding: 10px;
        height: auto;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .product-card__name,
    .product-card__price {
        font-size: 14px;
        line-height: 20px;
    }

    .colors__more {
        font-size: 12px;
        line-height: 16px;
    }

    .product-card__description {
        font-size: 12px;
        line-height: 16px;
    }

    .product-card__colors {
        margin-bottom: 15px;
    }

    .product-card__footer {
        top: auto;
        height: auto;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 5;
        width: 100%;
        margin-top: 10px;
        position: relative;
    }

    .history__icon {
        top: 8px;
    }

    .history {
        margin: 30px 0;
    }

    .history__title {
        line-height: 32px;
    }

    .history__item {
        padding: 61px 15px 0;
    }

    .offers__wrapper {
        padding: 30px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .offers__info {
        padding: 0 64px;
        width: 100%;
        max-width: 715px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .offers__photos {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 40px;
        padding: 0 64px;
    }

    .offers__title {
        font-size: 32px;
        line-height: 36px;
    }

    .visit-us {
        padding: 30px 0;
    }

    .visit-us__title {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 24px;
    }

    .visit-us__link {
        margin-bottom: 60px;
    }

    .visit-us__info {
        -ms-flex-preferred-size: 47.2%;
        flex-basis: 47.2%;
    }

    .main-nav {
        padding: 30px 0 60px;
    }

    .main-video {
        padding: 30px 0;
    }

    .main-video__video {
        max-height: 320px;
    }

    .subcatalog-items__wrapper {
        padding-top: 30px;
    }

    .subcatalog-items__title {
        margin-bottom: 0;
    }

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

    .subcatalog-offer {
        padding: 30px 0;
    }

    .subcatalog-offer__content {
        bottom: auto;
        padding: 0 64px;
    }

    .subcatalog-offer__text {
        width: 40%;
        margin-right: 30px;
    }

    .subcatalog-offer__image {
        max-height: none;
        min-height: 512px;
    }

    .filter-box__header {
        padding: 14px 20px;
    }

    .filter-box__header h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .subcatalog-filter__form {
        margin-bottom: 20px;
    }

    .subcatalog-filter__wrap {
        margin-bottom: 20px;
    }

    .filter-checkbox .filter-checkbox__label,
    .subcatalog-filter__sort span {
        font-size: 16px;
        line-height: 22px;
    }

    .subcatalog-tags__wrapper {
        padding: 30px 0;
    }

    .subcatalog-filter__sort.active ul {
        top: calc(100% + 7px);
    }

    .added-basket__wrapper.popup__wrapper {
        padding: 84px 30px 30px;
    }

    .added-basket__title.title-medium {
        font-size: 32px;
        line-height: 36px;
    }

    .filter-box {
        grid-template-columns: repeat(4, 1fr);
    }

    .filter-box__item:nth-child(6n) .filter-box__header::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: calc(100% - 32px);
        background-color: #282922;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .filter-box__item:nth-child(6n) .filter-box__header::before {
        display: block;
    }

    .filter-box__item:nth-child(4n) .filter-box__header::before {
        display: none;
    }

    .filter-box__item:nth-child(6n) .filter-box__content {
        left: 0;
        right: auto;
    }

    .filter-box__item:nth-child(4n) .filter-box__content {
        left: auto;
        right: 0;
    }

    .breadcrumbs .container-v2 {
        padding: 0 64px;
    }

    .breadcrumbs__list {
        padding-bottom: 10px;
    }

    .blog__wrapper {
        padding: 8px 0 15px;
    }

    .blog__title {
        margin-bottom: 20px;
    }

    .blog-items {
        padding: 13px 0 60px;
    }

    .blog-items__list {
        -ms-grid-columns: 1fr 0 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 0;
        margin-bottom: 30px;
    }

    .blog-items__tag {
        top: 16px;
        right: 16px;
    }

    .blog-items__content {
        padding: 50px 20px 20px;
    }

    .blog-items__title {
        font-size: 20px;
        line-height: 24px;
        min-height: 48px;
    }

    .article-top__wrapper {
        margin: 8px 0 30px;
    }

    .article-top__wrapper h1 {
        margin-bottom: 20px;
    }

    .article-top__tag {
        margin-bottom: 30px;
    }

    .article-image a {
        margin: 30px 0;
    }

    .article__wrapper h2 {
        margin: 30px 0;
        font-size: 20px;
        line-height: 24px;
    }

    .article__wrapper p,
    .article__wrapper ol,
    .article__wrapper ul {
        margin: 16px 0;
    }

    ul.article__images {
        gap: 30px;
        margin: 30px 0;
    }

    .reviews-video__info {
        padding: 10px;
    }

    .reviews-text {
        padding: 50px 20px;
        gap: 40px;
    }

    .reviews-text__item {
        width: calc(100% / 3 - 27px);
    }

    .invis-link {
        display: none;
    }

    .filter-box.very-big .filter-box__item:nth-child(-n+16),
    .filter-box.big .filter-box__item:nth-child(-n+8) {
        border-bottom: 0;
    }

    .filter-box.very-big .filter-box__item:nth-child(-n+12),
    .filter-box.big .filter-box__item:nth-child(-n+6) {
        border-bottom: 0;
    }

    .filter-box.very-big .filter-box__item:nth-child(-n+8),
    .filter-box.big .filter-box__item:nth-child(-n+4) {
        border-bottom: solid 1px #282922;
    }

    .filter-new {
        width: 408px;
        position: fixed;
        left: -500px;
        top: 0;
        z-index: 9999;
    }

    .catalog-right {
        width: 100%;
        padding: 15px 0;
    }

    .subcatalog-items .container,
    .catalog-new .container {
        padding: 0 64px;
    }

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

    .catalog-right .products__list {
        grid-template-columns: repeat(3, 1fr);
    }

    .products__item {}

    .colors__more--desc {
        display: none;
    }

    .filter-settings__clear,
    .filter-settings li {
        font-size: 12px;
        line-height: 16px;
    }


    .filter-settings li {
        gap: 9px;
        padding: 7px 11px;
    }

    .filter-settings ul {
        gap: 10px;
    }

    .subcatalog-filter__form-desktop {
        display: none;
    }

    .catalog-head {
        flex-direction: row;
    }

    .catalog-head__mobile {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .filter-block {
        position: fixed;
        left: -1000px;
        top: 0;
        width: 408px;
        max-height: 100vh;
        overflow: auto;
        margin-bottom: 0;
    }

    .new-filter {
        overflow: visible;
    }

    .new-filter__inner {
        max-height: 100vh;
    }

    .filter-block.show {
        left: 0;
        top: 0;
    }

    .filter-block__content {
        display: block !important;
    }

    .filter-new .caption {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
    }

    .filter-block__title .caption:after {
        display: none;
    }

    .filter-block__row--mobile {
        display: block;
    }

    .filter-block__row--mobile .subcatalog-filter__checkboxes li+li {
        margin-top: 15px;
    }

    .filter-block__row--mobile .subcatalog-filter__form-desktop {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .filter-block__row--mobile .subcatalog-filter__checkboxes {
        display: block;
        padding-bottom: 20px;
        border-bottom: solid 1px #96968D;
    }

    .new-filter .filter-block__content {
        border-top: 0;
    }

    .filter-block__row .check-block+.check-block {
        margin-top: 20px;
    }

    .filter-new .caption.filter-block__caption {
        font-size: 16px;
        line-height: 20px;
        padding: 18px 0;
    }

    .filter-checkbox .filter-checkbox__label,
    .subcatalog-filter__sort span {
        font-size: 14px;
        line-height: 20px;
    }

    .filter-checkbox__checkbox+.filter-checkbox__label::before {
        margin-right: 10px;
    }

    .check-block label {
        font-size: 14px;
        line-height: 20px;
        gap: 10px;
    }

    .filter-input input {
        font-size: 14px;
        line-height: 20px;
    }

    .filter-block__controls .btn {
        height: 56px;
        padding: 10px;
    }

    .btn-mobile-close {
        display: block;
        position: absolute;
        right: 17px;
        top: 20px;
        z-index: 5;
    }

    .product-card__favorites {
        opacity: 1;
    }



    .goodCard .badge.badge--normal {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .formResults .search-result__caption {
        font-size: 18px;
        line-height: 24px;
    }

    .formResults .search-result__name {
        font-size: 16px;
        line-height: 20px;
    }

    .formResults .search-result__list li {
        font-size: 14px;
        line-height: 18px;
    }

    .formResults .search--category__name {
        font-size: 14px;
        line-height: 18px;
    }

    ._orientationRight_b1c1 .button_c604 {
        top: -60px !important;
    }

    .blog-main {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .designer-page__head .caption {
        font-size: 24px;
    }

    .designer-page__head .desc {
        font-size: 20px;
    }

    .designer-page__head .designer-inner {
        gap: 20px;
    }

    .designer-picture .title {
        margin-top: 16px;
    }

    .includeService .picture img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .includeService .picture {
        position: relative;
        display: block;
        width: calc(100% + 128px);
        height: auto;
        left: -64px;
        top: 0;
        margin-top: 30px;
        padding-top: calc(600 / 1024 * 100%);
    }

    .includeService__left {
        width: 100%;
    }

    .designet-page__text .designer-inner {
        gap: 20px;
    }

    .includeService {
        padding: 30px 0 0;
    }

    .designer-page .caption {
        font-size: 20px;
    }

    .communic-methods__list {
        gap: 20px;
    }

    .communic-methods__list {
        padding: 20px 0;
    }

    .includeService__item .btn {
        min-height: 64px;
    }

    .newYear-block {
        padding: 0 355px 0 305px;
    }

    .newYear-block__right {
        width: calc(50% - 141px);
    }

    .newYear-block__left {
        width: calc(50% - 95px);
    }

    .newYear-block__left .newYear-block__item:nth-child(6),
    .newYear-block__left .newYear-block__item:nth-child(7),
    .newYear-block__left .newYear-block__item:nth-child(8) {
        display: none;
    }

    .newYear-block__right .newYear-block__item:nth-child(2),
    .newYear-block__right .newYear-block__item:nth-child(3),
    .newYear-block__right .newYear-block__item:nth-child(4),
    .newYear-block__right .newYear-block__item:nth-child(5) {
        display: none;
    }

    .career-grettings__inner {
        min-height: 320px;
    }

    .career-target__left {
        padding: 20px;
        gap: 16px;
    }

    .career-target__right {
        padding: 20px;
        gap: 16px;
    }

    .career-target__inner {
        min-height: 450px;
    }

    .salebook-item__name {
        font-size: 18px;
        line-height: 25px;
    }

    .salebook-item__data {
        width: 100%;
        max-width: 188px;
    }

    .salebook-item__prices {
        margin-left: auto;
        align-items: flex-end;
    }

    .salebook-item__price {
        font-size: 18px;
        line-height: 20px;
    }

    .salebook-item__price.old {
        font-size: 14px;
        line-height: 20px;
    }

    .salebook-item__content {
        margin-top: 26px;
    }

    .salebook-item__info {
        gap: 20px;
    }

    .salebook-list::before,
    .salebook-item .picture {
        height: 217px;
    }


    .goodCardInfo__video .video-js {
        width: 100%;
        height: 300px;
    }

    .goodCard__feature {
        margin-bottom: 26px;
    }
}

@media (max-width: 1199px) {

    .reviews {
        padding: 10px 0;
    }

    .reviews__title {
        font-size: 24px;
        line-height: 32px;
    }

    .reviews-video__info {
        padding: 20px;
    }

    .reviews-text {
        padding: 34px 20px 53px;
    }

    .reviews-text__item {
        width: calc(100% / 2 - 20px);
    }

    .reviews-text__body {
        height: 169px;
    }

    #modal-review .modal-rev__inner {
        max-width: 896px;
    }

    .feedback__caption {
        font-size: 24px;
        line-height: 32px;
    }

    .feedback {
        margin: 60px 0;
    }

    .feedback__content {
        padding: 20px;
    }

    .feedback-rating__list {
        gap: 13px 20px;
    }

    .feedback__controls {
        margin-top: 0px;
    }

    .newYear-block__left .newYear-block__item:nth-child(3),
    .newYear-block__left .newYear-block__item:nth-child(4),
    .newYear-block__left .newYear-block__item:nth-child(5) {
        display: none;
    }

    .newYear-block__right .newYear-block__item:nth-child(1),
    .newYear-block__right .newYear-block__item:nth-child(6) {
        display: none;
    }

    .career-vacancies__right {
        width: calc(100% / 2 + 160px);
    }

    .career-vacancies__vacancy .picture {
        height: 300px;
    }

    .career-vacancies {
        padding: 30px 0;
    }

    .career-target {
        padding: 30px 0;
    }

    .career-working__left {
        width: calc(100% / 2 + 152px);
    }

    .career-working__right {
        width: calc(100% / 3 - 30px);
    }

    .career-page .caption {
        font-size: 20px;
        line-height: 24px;
    }

    .faq-new-section {
        padding: 30px 0;
    }

    .career-target__inner {
        background-color: #F1F1F1;
        grid-template-columns: 1fr 280px 1fr;
    }

    .career-target--alternate .career-target__inner {
        grid-template-columns: 1fr 1fr 280px;
    }

    .carrer-slider {
        max-width: 280px;
        max-height: 392px;
        margin: auto;
    }

    .career-target__right {
        background-color: #fff;
    }

    .leaveRequst__form {
        margin-left: auto;
        margin-right: auto;
    }

    .design-features__item {
        font-size: 16px;
        line-height: 24px;
    }

    .design-features__name {
        min-height: 48px;
        font-size: 20px;
        line-height: 24px;
    }

    .design-features__list {
        gap: 20px;
        margin-top: 30px;
    }

    .design-features {
        padding: 30px 0;
        margin-top: 120px;
    }

    .salebook-grettings {
        padding: 25px 0;
    }

    .salebook-grettings__picture {
        width: 484px;
        /* height: 552px; */
        height: auto;
    }

    .salebook-grettings__text {
        margin: 0;
    }

    .salebook-grettings__content {
        max-width: 481px;
    }

    .salebook-grettings__caption {
        font-size: 46px;
        line-height: 48px;
    }

    .salebook-get {
        height: 326px;
        width: 100%;
    }

    .salebook-get__inner {
        max-width: 300px;
    }

    .salebook-get__title {
        font-size: 26px;
        line-height: 33px;
    }

    .salebook__btn {
        max-width: 288px;
    }

    .salebook-about__body .col {
        gap: 40px;
        flex-direction: column;
    }

    .salebook-about__body {
        overflow: visible;
    }

    .salebook-about__body .picture {
        width: 50%;
        top: -91px;
    }

    .salebook-about__body {
        margin-top: 50px;
    }

    .salebook-about__left {
        width: 50%;
    }

    .salebook-about__body .col .controls .btn {
        margin-top: 40px;
    }

    .salebook-about__body .col .controls {
        position: relative;
        z-index: 3;
    }

    .salebook-about__body .picture::before {
        height: 57%;
    }

    .salebook-about__body .picture img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .salebook-about__body .picture {
        height: calc(100% + 115px);
    }

    .salebook-shops__item .name {
        font-size: 20px;
        line-height: 26px;
    }

    .salebook-shops__list {
        gap: 100px 40px;
    }

    .salebook-shops__item::before {
        left: -25px;
    }

    .salebook-shops__head .caption {
        font-size: 26px;
        line-height: 33px;
    }

    .salebook-shops__body {
        margin-top: 50px;
    }

    .salebook-shops__item::after {
        top: -50px;
    }

    .salebook-bottom .caption {
        font-size: 26px;
        line-height: 33px;
    }

    .salebook-bottom__text {
        max-width: 315px;
    }

    .salebook-bottom .picture {
        width: 508px;
        height: 369px;
    }

    .goodCard__feature {
        margin-bottom: 0;
    }
}

@media (max-width: 1070px) {
    .offers .container {
        padding: 0 64px;
    }

    .offers__info,
    .offers__photos {
        padding: 0;
    }

    .newYear-block__left .newYear-block__item:nth-child(1) {
        display: none;
    }

    .newYear-block {
        padding: 0;
    }

    .newYear-block__right {
        width: calc(50% - 110px);
    }

    .newYear-block__left {
        width: calc(50% - 115px);
        justify-content: flex-end;
    }

    .career-grettings__inner {
        min-height: 240px;
    }

    .career-grettings__inner {
        gap: 16px;
    }

    .career-grettings__caption {
        font-size: 36px;
        line-height: 42px;
    }

    .goodCardInfo__video .video-js {
        width: 100%;
        height: auto;
        padding-top: calc(170 / 280* 100%);
    }

}

@media (max-width: 991px) {
    .main-slider__title {
        line-height: 28px;
        margin-bottom: 16px;
    }

    .main-slider__text {
        font-size: 14px;
        line-height: 20px;
    }

    .main-slider__info {
        padding: 20px;
        max-width: 340px;
    }

    .main-slider__item picture {
        max-height: none;
    }


    .colors__more {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 10px;
        margin-left: 0;
    }

    .product-card__body {
        padding: 10px;
    }

    .colors__more {
        padding: 10px 5px;
    }

    .product-card__button.btn {
        padding: 19px 20px;
    }

    .history__text {
        font-size: 14px;
        line-height: 20px;
    }

    .history__list {
        margin: -2.5px;
    }

    .history__item {
        padding: 61px 2.5px 0;
    }

    .history__item::before {
        top: 3px;
        left: 2.5px;
        width: 25px;
        height: 25px;
    }

    .history {
        margin: 25px 0;
    }

    .main-nav__title {
        font-size: 14px;
        line-height: 20px;
    }

    .subcatalog-filter__form {
        padding: 58px 20px 20px;
        background-color: #fff;
        margin: 0;
        opacity: 0;
        z-index: -1;
        position: fixed;
        visibility: hidden;
        top: 0;
        left: 0;
        max-width: 320px;
        width: 100%;
        max-height: 100%;
        overflow: auto;
        -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out;
        -o-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out;
        transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out;
    }

    .subcatalog-filter__form.active {
        z-index: 150;
        opacity: 1;
        visibility: visible;
    }

    .subcatalog-filter__form-desktop {
        display: none;
        visibility: hidden;
    }

    .subcatalog-filter__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        visibility: visible;
        outline: none;
        border: none;
        color: #282922;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        font-family: 'Helvetica Neue';
    }

    .subcatalog-filter__button span {
        margin-left: 14px;
    }

    .subcatalog-sorting {
        gap: 16px;
    }

    .filter-box {
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
    }

    .subcatalog-filter__title {
        display: block;
        visibility: visible;
        margin-top: 0;
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 20px;
        font-weight: 500;
        text-align: center;
    }

    .subcatalog-filter__close {
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        visibility: visible;
        outline: none;
        border: none;
        background-color: transparent;
    }

    .filter-box__item:not(:last-child) .filter-box__header::before {
        display: none;
    }

    .filter-box__item:not(:last-child) {
        border-bottom: 1px solid #282922;
    }

    .filter-box__item {
        position: static;
    }

    .filter-box__header {
        padding: 20px 0;
    }

    .filter-box__content {
        position: static;
        padding: 0;
        padding-bottom: 15px;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .filter-box__submit,
    .filter-box__clear {
        display: block;
        text-align: center;
        outline: none;
        border: none;
    }

    .filter-buttons {
        display: block;
        visibility: visible;
    }

    .filter-box__submit.btn {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px;
    }

    .filter-box__clear {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px solid #282922;
        font-family: 'Helvetica Neue';
        color: #282922;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out;
        -o-transition: border-color .3s ease-in-out, color .3s ease-in-out;
        transition: border-color .3s ease-in-out, color .3s ease-in-out;
    }

    .filter-box__clear:hover,
    .filter-box__clear:focus {
        border-color: #918767;
        color: #918767;
    }

    .subcatalog-filter__form .subcatalog-filter__checkboxes {
        display: block;
        visibility: visible;
        margin-bottom: 15px;
    }

    .subcatalog-filter__form .subcatalog-filter__checkboxes li:not(:last-child) {
        margin-bottom: 12px;
    }

    .filter-range {
        gap: 20px;
    }

    .filter-box__list li:not(:last-child) {
        margin-bottom: 10px;
    }

    .filter-box__more {
        margin-top: 10px;
    }

    .filter-box::before {
        display: none;
    }

    .reviews-video__date {
        font-size: 16px;
        line-height: 24px;
    }

    .reviews-video__date+* {
        margin-top: 7px;
    }

    .reviews-video__name {
        font-size: 20px;
        line-height: 24px;
    }

    .reviews-text__date {
        font-size: 16px;
        line-height: 24px;
    }

    .reviews-text__name {
        font-size: 20px;
        line-height: 24px;
    }

    .reviews-text__body {
        font-size: 16px;
        line-height: 24px;
    }

    .reviews-text__body {
        height: 193px;
    }

    .reviews-text__desc {
        font-size: 14px;
        line-height: 20px;
    }

    #modal-review .modal-rev__inner {
        max-width: 640px;
    }

    #modal-review .feedback-rating__list .rating {
        margin-top: 10px;
    }

    #modal-review .feedback-rating__list {
        max-width: 560px;
    }

    .formResults .search-result__caption {
        font-size: 16px;
        line-height: 22px;
    }

    .formResults .search-result__name {
        font-size: 14px;
        line-height: 18px;
    }

    .catalog-head__mobile {
        gap: 16px;
    }

    .js-open-mobile {
        font-size: 14px;
        line-height: 16px;
    }

    .js-open-mobile svg {
        width: 16px;
    }

    .products__list {
        gap: 10px;
    }

    .filter-block__row--mobile .subcatalog-filter__checkboxes li+li {
        margin-top: 10px;
    }

    .filter-block__row--mobile .subcatalog-filter__checkboxes {
        padding-bottom: 16px;
    }

    .filter-new .caption {
        font-size: 16px;
        line-height: 20px;
    }

    .filter-new .caption.filter-block__caption {
        font-size: 14px;
        line-height: 20px;
        padding: 16px 0;
    }

    .filter-checkbox .filter-checkbox__label,
    .subcatalog-filter__sort span {
        font-size: 12px;
        line-height: 16px;
    }

    .check-block label {
        font-size: 12px;
        line-height: 16px;
    }

    .filter-input label,
    .check-more {
        font-size: 12px;
        line-height: 16px;
    }


    .formResults .search--category__name {
        font-size: 12px;
        line-height: 16px;
    }

    .formResults .search-result__wrapper {
        max-width: 420px;
    }

    .formResults .search-result__left {
        max-width: 205px;
    }

    .filter-block__content {
        margin-top: 16px;
    }

    .colors__list {
        margin: -4px;
    }

    .colors__item {
        width: 24px;
        height: 24px;
        margin: 4px;
    }

    .colors__link img {
        width: 18px;
        height: 18px;
    }

    .colors__more {
        font-size: 10px;
        line-height: 14px;
        margin: 0;
        padding: 5px;
    }

    .product-card__size {
        font-size: 12px;
        line-height: 16px;
        min-height: 32px;
    }

    .product-card__description {
        min-height: 32px;
    }

    .product-card__colors {
        gap: 5px;
    }

    .blog-main {
        padding-bottom: 50px;
        padding-top: 50px;

    }

    .category-list {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 10px;
    }

    .category-item__text svg {
        width: 20px;
        margin-left: 0px;
    }

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

    .designer-page .caption {
        font-size: 24px;
    }

    .designer-picture .title {
        font-size: 13px;
    }

    .newYear-block__item img {
        width: 40px;
    }

    .newYear-block {
        display: none;
    }

    footer .logo-newYear {
        width: 150px;
    }

    .logo-newYear {
        width: 100px;
    }

    .career-target__inner {
        grid-template-columns: 1fr 280px;
    }

    .career-target__right {
        width: 100%;
        grid-column: 1/3;
    }

    .career-target .caption {
        font-size: 20px;
        line-height: 28px;
    }

    .career-vacancies__inner {
        flex-wrap: wrap;
    }

    .career-vacancies__text {
        width: 100%;
    }

    .career-vacancies__right {
        width: 100%;
        margin-top: 20px;
    }

    .career-vacancies__text {
        gap: 20px;
    }

    .career-working__left {
        width: 100%;
    }

    .career-working__right {
        width: 100%;
        margin-top: 20px;
    }

    .career-working {
        padding: 30px 0;
    }

    .career-target--alternate .career-target__inner {
        grid-template-columns: 1fr 280px;
    }

    .cook-block {
        font-size: 13px;
        line-height: 16px;
    }

    .cook-block__link {
        font-size: 13px;
        line-height: 16px;
    }

    .salebook-grettings__picture {
        width: 437px;
        /* height: 473px; */
        height: auto;
    }

    .salebook-grettings__content {
        max-width: 383px;
        /* min-height: 559px; */
        font-size: 11px;
        line-height: 14px;
        padding: 0 42px;
    }

    .salebook-grettings__caption {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .salebook-get__title {
        font-size: 18px;
        line-height: 23px;
    }

    .salebook-get__desc {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook__btn {
        margin-top: 20px;
    }

    .salebook-get {
        height: 260px;
        width: calc(100% + 127px);
        right: 85px;
    }

    .salebook-grettings__content p {
        max-width: 226px;
    }

    .salebook-get__title {
        max-width: 250px;
    }

    .salebook-get__desc {
        max-width: 250px;
    }

    .salebook-list {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 0;
        margin-top: 30px;
    }

    .salebook-list::before {
        display: none;
    }

    .salebook-item .picture {
        height: 173px;
        width: 244px;
    }

    .salebook-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #F5F5F5;
        padding: 0 21px;
    }

    .salebook-item__content {
        max-width: 375px;
        width: 100%;
    }

    .salebook-head .caption {
        font-size: 18px;
        line-height: 23px;
    }

    .salebook-catalog {
        padding: 30px 0;
    }

    .salebook-item__info {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-item__name {
        font-size: 16px;
        line-height: 22px;
    }

    .salebook-about__body {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-about__body .col {
        gap: 30px;
    }

    .salebook-about__head .caption {
        font-size: 18px;
        line-height: 23px;
    }

    .salebook-about__body {
        min-height: 357px;
    }

    .salebook-about__left {
        width: 39%;
    }

    .salebook-about__body .picture {
        height: calc(100% + 74px);
        top: -73px;
    }

    .salebook-shops__head .caption {
        font-size: 18px;
        line-height: 23px;
    }

    .salebook-shops__item .name {
        font-size: 18px;
        line-height: 23px;
    }

    .salebook-shops__item {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-bottom {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-bottom .caption {
        font-size: 18px;
        line-height: 23px;
    }

    .salebook-bottom__text {
        max-width: 255px;
    }

    .salebook-bottom .salebook__btn {
        margin-top: 30px;
    }

    .salebook-bottom .picture {
        width: 437px;
        height: 309px;
    }


    .salebook-footer {
        margin-top: 70px;
    }
}

@media (max-width: 768px) {
    .main-slider__item picture {}

    .main-slider__wrapper {
        margin-bottom: 25px;
    }

    .main-catalog__wrapper {
        padding: 25px 0;
    }

    .main-catalog__title {
        line-height: 28px;
    }

    .main-catalog__item {
        height: 100px;
    }

    .main-catalog__name {
        font-size: 14px;
        line-height: 20px;
    }

    .main-catalog__list {
        margin-bottom: 20px;
    }

    .main-interior__wrapper {
        padding: 25px 0;
    }

    .main-interior__text {
        font-size: 14px;
        line-height: 20px;
    }

    .main-interior__link {
        font-size: 14px;
        line-height: 20px;
    }

    .main-interior__list {
        width: 100%;
        max-width: 505px;
    }

    .main-interior__content,
    .main-interior__info {
        margin-bottom: 50px;
    }

    .products__container {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .product-card__photo,
    .product-card__image-hover {
        padding: 59px 10px;
    }

    .offers__wrapper {
        padding: 25px 0;
    }

    .offers__title {
        font-size: 24px;
        line-height: 32px;
    }

    .offers__link {
        padding: 20px 65px;
    }

    .visit-us {
        padding: 25px 0;
    }

    .visit-us__info {
        -ms-flex-preferred-size: 46.2%;
        flex-basis: 46.2%;
    }

    .main-nav {
        padding: 25px 0 50px;
    }

    .main-video {
        padding: 25px 0;
    }

    .subcatalog-items__wrapper {
        padding-top: 20px;
    }

    .subcatalog-items__list {
        gap: 20px;
    }

    .subcatalog-items__link {
        min-height: 120px;
    }

    .subcatalog-items__subtitle {
        top: 10px;
        left: 10px;
        right: 10px;
    }

    .subcatalog-items__subtitle h2 {
        font-size: 16px;
        line-height: 22px;
        margin-right: 11px;
    }

    .subcatalog-items__subtitle svg {
        width: 5px;
        height: 9px;
    }

    .subcatalog-offer {
        padding: 20px 0;
    }

    .products__button {
        margin-top: 25px;
        padding: 10.5px 30px;
    }

    .subcatalog-tags__wrapper {
        padding: 25px 0;
    }

    .subcatalog-tags__list {
        gap: 10px;
    }

    .subcatalog-tags__tag {
        padding: 9px 15px;
    }

    .blog-items__title {
        min-height: 72px;
    }

    .completed_projects_block_slider .swiper-button {
        top: -2px !important;
        width: 16px;
        height: 16px;
    }

    ._orientationRight_f41d.wrap_e58d {
        right: 0;
        bottom: 60px;
    }

}

@media (max-width: 767px) {
    .main-slider__nav {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 0 auto;
    }

    .products__list {
        display: block;
        margin: 0;
    }

    .products__item {
        padding: 0;
        width: 100%;
    }

    .products__item:not(:last-child) {
        margin-bottom: 20px;
    }

    .product-card__favorites {
        opacity: 1;
    }

    .history__list {
        margin: 0;
        display: block;
    }

    .history__item {
        padding: 0 0 0 59px;
        max-width: 450px;
    }

    .history__item:not(:last-child) {
        margin-bottom: 30px;
    }

    .history__icon {
        display: none;
    }

    .history__icon-mobile {
        display: block;
        height: 100%;
        width: 39px;
        position: absolute;
        top: 0;
        left: -7px;
    }

    .history__item::before {
        top: 0;
        left: 9px;
        width: 30px;
        height: 30px;
    }

    .main-nav__list {
        display: block;
        border: none;
    }

    .main-nav__item {
        border-top: 1px solid #D7D8D6;
    }

    .main-nav__item:last-child {
        border-bottom: 1px solid #D7D8D6;
    }

    .offers .container {
        padding: 0 40px;
    }

    .subcatalog-offer__content {
        padding: 20px 40px;
        height: 100%;
        bottom: 0;
        -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;
    }

    .subcatalog-offer__link {
        margin: 0 auto;
    }

    .subcatalog-offer__image {
        min-height: 212px;
    }

    .subcatalog-offer__text {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
    }

    .subcatalog-offer__link {
        min-height: auto;
    }

    .reviews-video__date {
        font-size: 14px;
        line-height: 20px;
    }

    .reviews-text__date {
        font-size: 14px;
        line-height: 20px;
    }

    .reviews-text__name {
        font-size: 20px;
        line-height: 24px;
    }

    .reviews-text__body {
        font-size: 14px;
        line-height: 20px;
    }

    #modal-review .modal-rev__inner {
        padding: 0 10px;
    }

    .modal-rev__body {
        padding: 20px;
    }

    .feedback__title {
        font-size: 14px;
        line-height: 20px;
    }

    .feedback__right .form__field {
        width: 100% !important;
    }

    .feedback__content {}

    .feedback__caption {
        margin-bottom: 23px;
    }

    .feedback-rating__list {
        gap: 16px 20px;
    }

    .feedback__right .form__field input {
        font-size: 14px;
        line-height: 20px;
    }

    .feedback__right .form__field {
        margin-bottom: 20px;
    }

    .feedback__controls {
        flex-wrap: wrap;
    }

    .modal-result__title {
        font-size: 24px;
        line-height: 32px;
    }

    #modal-result .modal-rev__body {
        padding-top: 64px;
    }

    .formResults .search-result__wrapper {
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 100%;
        padding: 16px 20px;
    }

    .formResults .search--category {
        margin-top: 10px;
    }

    .formResults .search-result__list li+li {
        margin-top: 16px;
    }

    .formResults .search-result__left .search-result__list li+li {
        margin-top: 16px;
    }

    .formResults .search-result__right {
        width: 100%;
        margin-top: 24px;
    }

    .formResults .search-result__left {
        width: 100%;
    }

    .formResults .search-result__caption {
        margin-bottom: 16px;
    }

    .breadcrumbs {
        padding: 10px 0;
    }

    .breadcrumbs ul {
        display: none;
    }

    .breadcrumbs-item__mobile {
        display: flex;
    }

    .subcatalog-items .container,
    .catalog-new .container {
        padding: 0 20px;
    }

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

    .catalog-new {
        padding: 0;
    }

    .catalog-head {
        justify-content: space-between;
    }

    .subcatalog-sorting {
        width: 100%;
        justify-content: space-between;
    }

    .catalog-head__mobile {
        width: 100%;
        justify-content: space-between;
    }

    .filter-settings__clear,
    .filter-settings li {
        font-size: 10px;
        line-height: 14px;
    }

    .filter-settings__delete svg {
        width: 16px;
        height: 16px;
    }

    .filter-settings li {
        padding: 4px 11px;
    }

    .product-card__photo,
    .product-card__image-hover {
        padding: 76px 10px;
        height: 280px;
    }

    .product-card__description,
    .product-card__size {
        min-height: inherit;
    }

    .product-card__colors {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .filter-new {
        left: -1000px;
        width: 100%;
    }

    .filter-block {
        width: 100%;
    }

    .subcatalog-filter__sort-price ul {
        left: 0;
        right: 0;
    }

    .blog-main {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .designer-page {
        font-size: 14px;
    }

    .includeService__item .title {
        font-size: 16px;
    }

    .includeService__item {
        font-size: 14px;
    }

    .includeService__item .num {
        font-size: 24px;
    }

    .communic-methods__list {
        display: flex;
        flex-direction: column;
    }

    .leaveRequst__form {
        padding: 20px 0;
    }

    .leaveRequst .picture {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }

    .leaveRequst {
        flex-direction: column-reverse;
    }

    .leaveRequst__input input {
        font-size: 14px;
    }

    .fileLoad {
        font-size: 14px;
        padding: 20px;
        gap: 16px;
    }

    .fileLoad {
        margin-top: 20px;
    }

    .leaveRequst__form .btn {
        margin-top: 20px;
    }

    .communic-methods {
        padding: 20px 0;
    }

    .designer-page__head {
        padding-top: 20px;
    }

    .includeService__left {
        padding-right: 0;
    }

    .filter-block .btn-invis {
        display: none !important;
    }

    .career-grettings {
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
    }

    .career-grettings__inner {
        min-height: 228px;

    }

    .career-grettings__caption {
        font-size: 28px;
        line-height: 32px;
    }

    .career-target {
        font-size: 14px;
        line-height: 20px;
        width: calc(100% + 40px);
        left: -20px;
        position: relative;
    }

    .career-target__inner {
        grid-template-columns: 1fr;
        padding-left: 20px;
        padding-right: 20px;
    }

    .career-target__left {
        grid-column: 1/2;
        padding-left: 0;
        padding-right: 0;
    }

    .career-target__right {
        width: 100%;
        grid-column: 1/2;
        padding-left: 0;
        padding-right: 0;
    }

    .career-target .caption {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .carrer-slider {
        width: 100%;
        max-width: 100%;
    }

    .carrer-slider .swiper-slide {
        height: auto;
        position: relative;
    }

    .carrer-slider .picture {
        height: auto;
        padding-top: calc(392 / 280 * 100%);
    }

    .career-working .carrer-slider .picture {
        height: auto;
        padding-top: calc(160 / 280 * 100%);
    }

    .career-target__inner {
        gap: 10px;
        background-color: #F1F1F1;
    }

    .career-target__right::before {
        content: "";
        position: absolute;
        top: 0;
        width: calc(100% + 60px);
        height: 100%;
        left: -30px;
        background-color: #fff;
        z-index: -1;
    }

    .career-target__left,
    .career-target__right {
        background-color: transparent;
        position: relative;
        z-index: 2;
    }

    .career-target__right {
        margin-top: 20px;
    }

    .career-target {
        padding: 40px 0 10px;
    }

    .career-page .caption {
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
    }

    .career-target--alternate .career-target__inner {
        grid-template-columns: 1fr;
    }

    .career-target--alternate .career-target__right {
        margin-top: 0;
    }

    .faq-new__line .quest {
        font-size: 16px;
        line-height: 20px;
    }

    .faq-new {
        font-size: 14px;
        line-height: 20px;
    }

    .faq-new__body {
        padding-right: 0;
    }

    .faq-new-section .btn {
        margin-top: 16px;
    }

    .faq-new {
        margin-top: 16px;
    }

    .carrer-slider {
        max-height: initial;
    }

    .design-features__item {
        font-size: 14px;
        line-height: 20px;
    }

    .design-features__name {
        min-height: initial;
    }

    .design-features__list {
        grid-template-columns: 1fr;
        margin-top: 20px;
    }

    .design-features {
        padding: 20px 0;
    }

    .goodCardSlider .swiper-wrapper {
        height: 500px;
    }

    .goodCardSlider {
        height: 500px;
    }

    .goodCardSlider .swiper-slide {
        width: 100%;
        height: 500px;
    }

    .design-features {
        margin-top: 50px;
    }

    .slider-images {
        margin-top: 10px;
    }


    .main-slider__item picture {
        min-height: 250px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .main-slider__item {
        /* height: calc(100vh - 82px); */
        height: 100vh;
        height: calc(calc(var(--vh, 1vh) * 100) - 82px);
    }

    .main-slider__info {
        top: auto;
        bottom: 15px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .goodCardSlider .boco__controls .swiper-pagination {
        top: 4px;
    }

    .pdfContainer {
        height: 400px !important;
    }

    .pdf-btn-prev {
        left: 0;
    }

    .pdf-btn-next {
        right: 0;
    }

    .pdf-btn-first {
        left: 0;
        top: -50px;
    }

    .pdf-btn-last {
        right: 0;
        top: -50px;
    }

    .pdf-tabs {}

    .salebook-grettings__picture {
        display: none;
    }

    .salebook-grettings__picture.mobile img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 8;
        max-height: 100vh;
        overflow: auto;
    }

    .pdf-page.openedTabs .container {
        width: 100%;
        max-width: 100%;
    }

    .pdf-page__inputs {
        width: 70px;
        font-size: 14px;
        line-height: 16px;
    }

    .pdf-page__button {
        width: 34px;
        height: 30px;
        padding: 8px 6px;
    }

    .salebook-grettings__picture img {
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }

    .salebook-grettings__picture.mobile {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding-top: calc(253 / 331 * 100%);
        margin-top: 30px;
    }

    .salebook-grettings__content {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .salebook-grettings__text {
        padding: 12px 15px;
        background-color: #fff;
        max-width: 100%;
        font-size: 8px;
        line-height: 11px;
        margin-top: 0;
    }

    .salebook-grettings__caption {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .salebook-get {
        width: 100%;
        max-width: 100%;
        right: 0;
    }

    .salebook-header {
        height: 42px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .22);
    }

    .salebook-header svg {
        width: 87px;
    }

    .salebook-grettings {
        padding: 15px 0 0;
        min-height: initial;
    }

    .salebook-get__title {
        font-size: 11px;
        line-height: 14px;
        max-width: 100%;
        text-align: right;
    }

    .salebook-get__desc {
        font-size: 8px;
        line-height: 11px;
        max-width: 111px;
        margin-left: auto;
        margin-top: 10px;
    }

    .salebook-get {
        height: auto;
        min-height: 126px;
        margin-top: 0;
        padding-top: 35px;
    }

    .salebook-get__inner {
        position: relative;
        max-width: 100%;
        padding: 0 15px;
        padding-bottom: 35px;
    }

    .salebook-grettings__content {
        min-height: initial;
    }

    .salebook__btn svg {
        width: 10px;
        height: 10px;
    }

    .salebook__btn {
        font-size: 8px;
        line-height: 24px;
        max-width: 149px;
        padding: 7px 0;
        gap: 10px;
        position: absolute;
        left: 15px;
        bottom: -23px;
    }

    .salebook-list {
        gap: 113px;
        padding-bottom: 30px;
    }

    .salebook-item__name {
        font-size: 18px;
        line-height: 25px;
    }

    .salebook-head {
        padding: 0 15px;
    }

    .salebook-head .caption {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-list {
        margin-top: 20px;
        gap: 30px;
        background-color: #F5F5F5;
    }

    .salebook-item {
        flex-direction: column;
        padding: 0 15px;
    }

    .salebook-catalog {
        padding: 50px 0 0;
    }

    .salebook-item__name {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-item__info {
        font-size: 8px;
        line-height: 10px;
        gap: 5px;
    }

    .salebook-item__prices {
        gap: 5px;
    }

    .salebook-item__price {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-item .picture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: initial;
    }

    .salebook-item .picture {
        height: auto;
        width: 100%;
        padding-top: calc(200 / 287 * 100%);
    }

    .salebook-item__content {
        margin-top: 0;
        gap: 20px;
        max-width: 100%;
    }

    .salebook-item__price.old {
        font-size: 8px;
        line-height: 10px;
    }

    .salebook-item__data {
        gap: 5px;
    }

    .salebook-about__body {
        width: 100%;
        min-height: initial;
        gap: 20px;
        flex-wrap: wrap;
    }

    .salebook-about__body .picture {
        position: relative;
        width: 209px;
        height: 254px;
        left: 0;
        top: 0;
    }

    .salebook-about__body .col .controls {
        display: none;
    }

    .salebook-about__body .mobile {
        display: block;
        width: 100%;
    }

    .salebook-about__left .includeService__item {
        font-size: 12px;
        padding-left: 45px;
        padding-top: 8px;
    }

    .salebook-about__left {
        padding-left: 0;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        gap: 20px;
        font-size: 12px;
        line-height: 16px;
    }

    .salebook-about__body .salebook-about__left .col p {
        max-width: 100%;
        width: 100%;
    }

    .salebook-about__body .col {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 20px;
        width: 100%;
    }

    .salebook-about {
        padding: 30px 0;
    }

    .salebook-about__head {
        padding: 0 15px;
    }

    .salebook-about__body {
        margin-top: 20px;
        padding: 0 15px;
        font-size: 8px;
        line-height: 10px;
    }

    .salebook-about__body .col p {
        width: calc(50% - 5px);
        max-width: inherit;
    }

    .salebook-about__body .picture {
        margin-left: auto;
    }

    .salebook-about__body .picture::before {
        height: 100%;
        bottom: -40px;
        right: -15px;
    }

    .salebook-about__body .btn {
        font-size: 8px;
        line-height: 24px;
        padding: 8px 0;
        max-width: 149px;
        margin-top: 0;
    }

    .salebook-shops__list {
        grid-template-columns: 1fr 1fr;
    }

    .salebook-shops__head {
        padding: 0 15px;
    }

    .salebook-shops__list {
        padding: 0 15px;
    }

    .salebook-shops__item {
        font-size: 8px;
        line-height: 11px;
        gap: 5px;
    }

    .salebook-shops__item .name {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-shops__item ul {
        gap: 5px;
        margin-top: 20px;
    }

    .salebook-shops__item:nth-child(3)::after {
        display: block;
    }

    .salebook-shops__item::before {
        height: 119px;
    }

    .salebook-shops__list {
        gap: 30px 40px;
    }

    .salebook-shops__item:nth-child(2n):after {
        left: -25px;
        width: calc(110% + 12px) !important;
    }

    .salebook-shops__item:after {
        width: 110% !important;
        left: 0;
        top: -16px;
    }

    .salebook-shops {
        padding: 30px 0;
    }


    .salebook-bottom {
        font-size: 8px;
        line-height: 10px;
    }

    .salebook-bottom .caption {
        font-size: 11px;
        line-height: 14px;
    }

    .salebook-bottom__text {
        max-width: 149px;
    }

    .salebook-bottom .salebook__btn {
        margin-top: 0;
        bottom: -17px;
    }

    .salebook-bottom .picture {
        width: 45%;
        height: 237px;
    }

    .salebook-bottom {
        padding-left: 15px;
    }

    .salebook-bottom {
        margin-top: 30px;
    }

    .salebook-header a {
        height: 31px;
    }


    .salebook-footer {
        padding: 45px 15px;
        margin-top: 50px;
        min-height: 160px;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

    .salebook-footer__developer svg {
        width: 36px;
    }

    .salebook-footer__logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .salebook-footer__logo svg {
        width: 95px;
        height: 20px;
    }

    .salebook-footer__developer span {
        font-size: 8px;
        line-height: 10px;
    }

    .salebook-grettings .btn {
        max-width: 220px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 14px;
    }
}

@media (max-width: 740px) {
    .offers__info {
        padding: 0;
    }

    .offers__photos {
        padding: 0;
        margin-left: -40px;
        width: calc(100% + 80px);
    }

    .shareBoxWrapper .shareBox {
        right: auto;
        left: 0;
        padding-left: 40px;
        padding-right: 0;
    }

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

    .goodCard__info {
        margin-bottom: 0;
    }

}

@media (max-width: 650px) {
    .interior-visual__pin:before {
        width: 26px;
        height: 26px;
        margin: -13px;
    }

    .interior-visual__pin span {
        width: 16px;
        height: 16px;
    }

    .interior-visual__marker.active .interior-visual__pin:before {
        width: 18px;
        height: 18px;
        margin-left: -9px;
        margin-top: -9px;
    }

    .interior-visual__box {
        margin: 0 5px;
    }

    .offers .container {
        padding: 0 20px;
    }

    .main-nav {
        padding: 20px 0 40px;
    }

    .offers__photos {
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .subcatalog-offer__content {
        padding: 20px;
    }

    .blog-items__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .breadcrumbs .container-v2 {
        padding: 0 20px;
    }

    .reviews-text__item {
        width: 100%;
    }

    .reviews-text__item--more .reviews-more {
        display: block;
    }

    .reviews-text__body {
        height: auto;
        max-height: 180px;
    }

    .reviews-more {
        display: none;
    }

    .reviews-video {
        padding: 22px 0;
    }

    .reviews-video__info {
        padding: 15px 16px;
    }

    .load-file {
        flex-wrap: wrap;
        gap: 5px;
    }

    .load-file label {
        margin-bottom: 10px;
    }

    .load-file__url,
    .load-file__size,
    .load-file__format {
        width: 100%;
    }

    .category-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .main-slider__wrapper {
        width: 100%;
        margin-bottom: 20px;
    }

    .main-slider__item img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .main-slider__info {
        max-width: none;
        width: calc(100% - 40px);
        padding: 10px;
        left: 10px;
    }

    .main-slider__title {
        line-height: 28px;
        margin-bottom: 10px;
    }

    .main-slider__text {
        margin-bottom: 10px;
    }

    .main-catalog__title {
        margin-bottom: 20px;
    }

    .main-catalog__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .main-catalog__wrapper {
        padding: 20px 0;
    }

    .main-catalog__title {
        line-height: 28px;
    }

    .main-interior__wrapper {
        padding: 20px 0;
    }

    .main-interior__title {
        margin-bottom: 20px;
    }

    .main-interior__list {
        margin: -15px -6px;
    }

    .main-interior__item {
        padding: 15px 6px;
    }

    .main-interior__link span {
        margin-right: 5px;
    }

    .main-interior__content,
    .main-interior__info {
        margin-bottom: 40px;
    }

    .interior-visual__box.interior-visual__box-left {
        left: auto;
        right: 100%;
    }

    .interior-visual__info {
        padding: 5px 10px;
    }

    .interior-visual__name {
        margin-bottom: 0;
    }

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

    .products__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .product-card__body {}

    .history {
        margin: 20px 0;
    }

    .history__wrapper {
        padding: 40px 0;
    }

    .offers__title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .offers__wrapper {
        padding: 20px 0;
    }

    .offers__link.btn {
        padding: 8px;
        width: 100%;
    }

    .visit-us__content {
        position: relative;
        display: block;
        max-height: 315px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .visit-us__content::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }

    .visit-us__content.opened {
        max-height: none;
    }

    .visit-us__content.opened::before {
        display: none;
    }

    .visit-us__info:not(:last-child) {
        margin-bottom: 20px;
    }

    .visit-us__text,
    .visit-us__item {
        font-size: 16px;
        line-height: 24px;
    }

    .visit-us__button {
        margin: 0 auto;
        display: block;
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #96968D;
        border-bottom: 1px solid #96968D;
    }

    .visit-us__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .visit-us__link {
        margin-bottom: 40px;
    }

    .visit-us {
        padding: 20px 0;
    }

    .main-nav__link {
        height: 150px;
    }

    .main-video {
        padding: 20px 0;
    }

    .registraion-page .form__description .colorBlack {
        display: block;
    }

    .registraion-page .form__description {
        display: block;
        font-size: 14px;
        line-height: 20px;
    }

    .subcatalog-items__wrapper {
        padding-top: 28px;
    }

    .subcatalog-items__title {
        margin-bottom: 18px;
    }

    .subcatalog-items__list {
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .subcatalog-items__subtitle {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        right: 20px;
    }

    .subcatalog-items__subtitle h2 {
        font-size: 12px;
        line-height: 1;
        margin-right: 5px;
    }

    .subcatalog-items__link {
        min-height: 100px;
    }

    .subcatalog-items__subtitle svg {
        width: 4px;
        height: 6px;
    }

    .subcatalog-offer__link {
        width: 100%;
        max-width: 240px;
        min-width: auto;
        padding: 6px 35px;
    }

    .products__button {
        margin-top: 20px;
        width: 100%;
    }

    .subcatalog-tags__wrapper {
        padding: 20px 0;
    }

    .subcatalog-filter__sort-show span {
        display: none;
    }

    .subcatalog-filter__sort-show span.number {
        display: block;
    }

    .subcatalog-filter__button span {
        margin-left: 8px;
    }

    .subcatalog-filter__sort .icon {
        margin-left: 5px;
    }

    .subcatalog-sorting {
        gap: 5px;
    }

    .filter-results__list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

    .subcatalog-filter__form .subcatalog-filter__checkboxes {
        margin-bottom: 18px;
    }

    .subcatalog-filter__form {
        min-height: 100vh;
    }

    .subcatalog-filter__form {
        max-width: none;
    }

    .added-basket {
        height: 100vh;
        max-width: none;
        top: 0;
        left: 0;
        overflow: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .added-basket__title.title-medium {
        font-size: 24px;
        line-height: 32px;
    }

    .added-basket__wrapper.popup__wrapper {
        padding: 72px 20px 20px;
    }

    .added-basket__link.btn {
        padding: 18px 30px;
    }

    .breadcrumbs__list {
        padding-top: 20px;
    }

    .blog-items {
        padding: 10px 0 40px;
    }

    .blog__wrapper {
        padding-bottom: 10px;
    }

    .blog-items__tag {
        top: 10px;
        right: 10px;
    }

    .blog-items__content {
        padding: 30px 20px 10px;
    }

    .blog-items__title {
        margin-bottom: 16px;
    }

    .blog-items__text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    .blog-items__list {
        margin-bottom: 20px;
    }

    .article-top__wrapper {
        margin: 10px 0 20px;
    }

    .article-top__tag {
        margin-bottom: 20px;
    }

    .article-image a,
    .article__wrapper h2 {
        margin: 20px 0;
    }

    .article__wrapper p,
    .article__wrapper ol li,
    .article__wrapper ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .article__wrapper ol,
    .article__wrapper ul {
        padding-left: 21px;
    }

    ul.article__images {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin: 20px 0;
        padding-left: 0;
    }

    .catalog-head__mobile {
        gap: 16px;
    }

    .pagination {
        gap: 2px;
    }

    .goodCardSlider .swiper-wrapper {
        height: 400px;
    }

    .goodCardSlider {
        height: 400px;
    }

    .goodCardSlider .swiper-slide {
        height: 400px;
    }
}

@media (max-width: 479px) {
    .category-list {
        grid-template-columns: 1fr;
    }

    .goodCardSlider .swiper-wrapper {
        height: 300px;
    }

    .goodCardSlider {
        height: 300px;
    }

    .goodCardSlider .swiper-slide {
        height: 300px;
    }

    .goodCardSlider img {
        width: 85%;
        height: 60%;
    }
}

iframe[title="Calltouch Widget"] {
    z-index: 100 !important;
}

.default-link {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-decoration: underline;
    color: #918767;
}

.default-button {
    background: #FFFFFFB2;
    opacity: 70%;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 14px 90px;
}

.default-button:hover {
    opacity: 1;
    background: #FFFFFF;
}

.default-button:hover a {
    color: #282922;
}

.designer-default-title {
    font-weight: 500;
    font-size: 70px;
    line-height: 100%;
}

.designer__banner {
    max-width: 1920px;
    margin: 0 auto;
    background-image: url("/local/templates/boconcept/images/designer-banner.png");
    background-repeat: no-repeat;
    padding: 80px 0 70px 0;
}

.designer__banner-card {
    max-width: 981px;
    width: 100%;
    background: #FFFFFF;
    padding: 80px 100px;
}

.designer__banner-card__title {
    padding-bottom: 40px;
}

.designer__banner-card__text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 694px;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
}

.designer__about-wrapper {
    background: #F6F6F6;
    padding: 100px 0;
}

.designer__about {
    display: flex;
    gap: 64px;
}

.designer__about-left {
    display: flex;
    gap: 12px;
}

.designer__about-left-picture-one {
    padding-top: 142px;
}

.designer__about-left-picture-one-block,
.designer__about-left-picture-two-block {
    position: relative;
}

.designer__about-button-one,
.designer__about-button-two {
    position: absolute;
    bottom: 40px;
    right: 50%;
    transform: translateX(50%);
}

.designer__about-title {
    padding-bottom: 60px;
}

.designer__about-text {
    max-width: 646px;
}

.designer__examples {
    padding: 100px 0;
}

.designer__examples-title {
    text-align: center;
    padding-bottom: 60px;
}

.designer__examples-cards {
    display: flex;
    gap: 24px;
    padding-bottom: 60px;
}

.designer__examples-card {
    background: #F6F6F6;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    padding: 30px;
}

.designer__examples-card-bold {
    font-weight: 700;
}

.designer__examples-button {
    font-family: Helvetica;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 13px 95px;
    border-radius: 6px;
}

.designer__examples-button:hover a {
    color: #FFFFFF;
}

.designer__materials {
    background: #E0E4E6;
    padding: 100px 0;
}

.designer__materials-title,
.designer__materials-text {
    padding-bottom: 40px;
}

.white-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 15px 48px;
    background: #FFFFFF;
    color: #000000;
}


@media (hover: hover)  {
  .white-btn:hover {
    transform: scale(1.1); 
  }
}


.designer__materials-text {
    max-width: 1142px;
}

.designer__materials-buttons {
    display: flex;
    gap: 40px;
    padding-top: 40px;
}

.designer__materials-buttons:hover a {
    color: #000000;
}

.designer__protection {
    padding: 70px 0;
}

.designer__default-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.designer__protection-block {
    display: flex;
    align-items: center;
    gap: 72px;
}

.designer__protection-block-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.designer__protection-block-right {
    width: 50%;
}

.designer__protection-block-left a {
    text-decoration: underline;
}

.designer__contacts-block {
    display: flex;
    gap: 74px;
    padding: 100px 0;
}

.designer__contacts-block__right {
    max-width: 47%;
}

.designer__contacts-block-text {
    padding: 35px 0;
}

.designer__contacts-block-descrpt {
    max-width: 540px;
}

.designer__contacts-name {
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    padding: 15px 0 35px 0;
}

.designer__contacts-phone-block {
    align-items: center;
    display: flex;
    gap: 16px;
}

.designer__contacts-phone {
    font-family: Mont, sans-serif;
    font-size: 32px;
    line-height: 100%;
}

.designer__auth-modal,
.designer__code-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
}

.designer__auth-modal.is-open {
    display: block;
}

.designer__auth-modal__body {
    background: #FFFFFF;
    padding: 60px 130px;
}

.designer__code-modal__body a {
    margin-bottom: 70px;
}

.designer__code-modal__body {
    background: #FFFFFF;
    padding: 60px 184px;
}

.designer__auth-modal__title {
    font-weight: 400;
    font-size: 32px;
    line-height: 41px;
    text-align: left;
    padding-left: 50px;
}

.designer__auth-modal__inner {
    bottom: auto;
    left: auto;
    top: auto;
    right: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 836px;
    width: 100%;
}

.designer__auth-modal__description {
    font-size: 25px;
    line-height: 24px;
    padding: 50px 0 40px 0;
    text-align: left;
    color: #0000008C;
}

.designer__auth-modal__button {
    margin: 64px 0 24px 0;
}

.designer__auth-modal__check {
    display: flex;
    text-align: left;
}

.designer__auth-modal__check label::before {
    border: solid 1px #96968D;
}

.designer__code-modal__code-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.designer__code-modal__code-block-item {
    text-align: center;
    border: 1px solid #96968D;
    border-radius: 8px;
    width: 62px;
    height: 72px;
    font-weight: 400;
    font-size: 40px;
    line-height: 24px;
    color: #0000008C;
}

.designer__code-modal__body .designer__auth-modal__title {
    padding: 0;
}

@media (max-width: 1499px) {
    .designer__banner {
        padding: 53px 0;
    }

    .default-button {
        padding: 14px 70px;
    }

    .designer__banner-card {
        max-width: 791px;
        padding: 50px 80px;
    }

    .designer__banner-card__text, .default-link {
        font-size: 22px;
        line-height: 24px;
    }

    .designer-default-title {
        font-size: 50px;
    }

    .designer__banner-card__title {
        padding-bottom: 28px;
    }

    .designer__banner-card__text {
        font-size: 22px;
        gap: 20px;
    }

    .designer__about-wrapper {
        padding: 80px 0;
    }

    .designer__about-left-picture-one {
        padding-top: 115px;
    }

    .designer__about-title {
        padding-bottom: 40px;
    }

    .designer__default-text {
        font-size: 22px;
        line-height: 30px;
    }

    .designer__about {
        gap: 24px;
    }

    .designer__about-left {
        gap: 10px;
    }

    .designer__about-button-one,
    .designer__about-button-two {
        bottom: 32px;
    }

    .designer__examples {
        padding: 80px 0;
    }

    .designer__examples-title {
        padding-bottom: 50px;
    }

    .designer__examples-card {
        font-size: 24px;
        line-height: 32px;
        padding: 24px;
    }

    .designer__examples-cards {
        padding-bottom: 50px;
    }

    .designer__materials {
        padding: 80px 0;
    }

    .white-btn {
        padding: 13px 30px;
    }

    .designer__protection-block {
        gap: 24px;
    }

    .designer__protection-block-left {
        gap: 32px;
    }

    .designer__contacts-block {
        padding: 80px 0;
    }

    .designer__contacts-block-text {
        padding: 28px 0;
    }

    .designer__contacts-name {
        font-size: 30px;
        padding: 10px 0 28px 0;
    }

    .designer__contacts-phone {
        font-size: 30px;
    }

    .designer__contacts-block__right {
        max-width: 57%;
    }

    .designer__examples-button {
        padding: 13px 41px;
    }

    .designer__materials-buttons {
        gap: 32px;
    }
}

@media (max-width: 1199px) {
    .designer__banner {
        padding: 22px 0;
    }

    .designer__banner-card {
        max-width: 671px;
        padding: 32px 40px;
    }

    .designer-default-title {
        font-size: 40px;
    }

    .designer__banner-card__text, .default-link {
        font-size: 18px;
    }

    .designer__banner-card__title {
        padding-bottom: 20px;
    }

    .designer__banner-card__text {
        font-size: 18px;
        gap: 12px;
    }

    .designer__about-wrapper {
        padding: 60px 0;
    }

    .designer__default-text {
        font-size: 18px;
        line-height: 24px;
    }

    .designer__about-left {
        gap: 6px;
    }

    .designer__about-button-one,
    .designer__about-button-two {
        bottom: 24px;
    }

    .default-button {
        font-size: 14px;
        line-height: 20px;
        padding: 14px 40px;
    }

    .designer__examples {
        padding: 60px 0;
    }

    .designer__examples-title {
        padding-bottom: 40px;
    }

    .designer__examples-cards {
        padding-bottom: 40px;
    }

    .designer__examples-card {
        font-size: 20px;
        line-height: 28px;
        padding: 20px 22px;
    }

    .designer__examples-button {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 33px;
    }

    .designer__materials {
        padding: 60px 0 80px;
    }

    .designer__materials-buttons {
        gap: 20px;
        padding-top: 32px;
        flex-wrap: wrap;
    }

    .white-btn {
        padding: 10px 25px;
        font-size: 14px;
        line-height: 20px;
    }

    .designer__protection {
        padding: 60px 0;
    }

    .designer__protection-block-left {
        gap: 28px;
    }

    .designer__contacts-block {
        padding: 60px 0;
        gap: 24px;
    }

    .designer__contacts-block-text {
        padding: 10px 0;
    }

    .designer__contacts-name {
        font-size: 24px;
        line-height: 28px;
        padding: 20px 0 15px 0;
    }

    .designer__contacts-phone {
        font-size: 24px;
        line-height: 28px;

    }
}

@media (max-width: 899px) {
    .designer__banner {
        padding: 33px 0;
    }

    .designer__banner-card {
        padding: 24px 30px;
    }

    .designer-default-title {
        font-size: 32px;
    }

    .designer__banner-card__title {
        padding-bottom: 16px;
    }

    .designer__banner-card__text,
    .default-link {
        font-size: 16px;
        line-height: 20px;
        gap: 10px;
    }

    .designer__about-wrapper {
        padding: 50px 0;
    }

    .designer__about-title {
        padding-bottom: 20px;
    }

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

    .designer__examples {
        padding: 50px 0;
    }

    .designer__examples-title {
        padding-bottom: 24px;
    }

    .designer__examples-cards {
        gap: 16px;
        padding-bottom: 24px;
    }

    .designer__examples-card {
        font-size: 18px;
        line-height: 24px;
        padding: 11px 17px;
    }

    .designer__examples-button {
        padding: 10px 20px;
    }

    .designer__materials {
        padding: 50px 0;
    }

    .designer__materials-title {
        padding-bottom: 24px;
    }

    .designer__materials-buttons {
        padding-top: 32px;
    }

    .designer__protection {
        padding: 50px 0;
    }

    .designer__protection-block {
        gap: 16px;
    }

    .designer__protection-block-left {
        gap: 24px;
    }

    .designer__contacts-block {
        padding: 50px 0;
        gap: 16px;
    }

    .designer__contacts-name {
        font-size: 20px;
        line-height: 24px;
        padding: 16px 0;
    }

    .designer__contacts-phone {
        font-size: 20px;
        line-height: 24px;
    }

    .designer__contacts-phone_svg {
        width: 17px;
    }

    .designer__contacts-whatsapp-svg {
        width: 18px;
    }

    .designer__contacts-quote-svg {
        width: 20px;
        height: 20px;
    }

    .designer__contacts-block-text {
        padding: 0 0 10px 0;
    }

    .designer__contacts-phone-block {
        gap: 12px;
    }

    .designer__contacts-block__right {
        max-width: 55%;
    }

    .designer__auth-modal__inner {
        max-width: 94%;
    }

    .designer__auth-modal__description {
        font-size: 24px;
        line-height: 24px;
        padding: 32px 0 40px 0;
    }

    .designer__auth-modal__button {
        margin: 32px 0 24px 0;
    }
}

@media (max-width: 499px) {
    .designer__banner-card {
        width: 100%;
        padding: 24px 16px;
    }

    .designer-default-title {
        font-size: 32px;
    }
    .designer__banner {
        padding: 22px 0 239px 0;
        background-image: url(/local/templates/boconcept/images/banner390.png);
        background-size: cover;
    }

    .designer__about-wrapper {
        padding: 32px 0;
    }

    .designer__about {
        flex-direction: column;
        gap: 32px;
    }

    .designer__about-left-picture-one {
        padding-top: 52px;
    }

    .designer__about-left {
        gap: 4px;
    }

    .designer__default-text {
        font-size: 14px;
    }

    .designer__examples-cards {
        flex-direction: column;
    }

    .designer__examples-button {
        width: 100%;
    }

    .designer__examples {
        padding: 32px 0;
    }

    .designer__materials {
        padding: 32px 0;
    }

    .designer__materials-title {
        padding-bottom: 20px;
    }

    .white-btn {
        flex-direction: column;
        width: 100%;
        padding: 15px;
        line-height: 24px;
        gap: 12px;
    }

    .designer__protection {
        padding: 32px 0;
    }

    .designer__protection-block {
        flex-direction: column;
        gap: 16px;
    }

    .designer__protection-block-left,
    .designer__protection-block-right {
        width: 100%;
    }

    .designer__contacts-block {
        flex-direction: column;
        padding: 32px 0;
    }

    .designer__contacts-block__right {
        max-width: 100%;
    }

    .designer__contacts-block__right-quote {
        display: flex;
        gap: 10px;
    }

    .designer__contacts-quote-svg {
        width: 85px;
    }

    .designer__default-text {
        padding-top: 12px;
    }

    .designer__contacts-name {
        font-size: 24px;
        padding: 8px 0;
    }

    .designer__auth-modal__body,
    .designer__code-modal__body {
        background: #FFFFFF;
        padding: 40px 20px;
    }

    .designer__auth-modal__title {
        text-align: center;
    }

    .designer__code-modal__code-block {
        gap: 7px;
    }

    .designer__code-modal__code-block-item {
        width: 40px;
        height: 48px;
        font-size: 24px;
    }

    .default-button {
        font-size: 12px;
        line-height: 18px;
        padding: 14px 30px;
    }
}

.leaveRequst__input input::placeholder {
    color: #96968D;
}

.leaveRequst__input input {
    color: #282922;
}

.portfolio-title {
    padding-top: 12px;
    padding-bottom: 72px;
}

.portfolio-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    row-gap: 60px;
    column-gap: 74px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.portfolio-cards:first-of-type {
    padding-bottom: 60px;
}

.portfolio-cards:last-of-type {
    padding-bottom: 100px;
}

.portfolio-block {
    display: flex;
    gap: 54px;
    padding-bottom: 60px;
}

.portfolio-card,
.portfolio-long-card {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.portfolio-long-card {
    grid-column: span 2;
}

.portfolio-card__text-block {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
}

.portfolio-card__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    flex: 1;
}

.portfolio-card__description {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    flex: 1;
}

.portfolio-card__link {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #282922;
    margin-top: auto;
}

.advertising-title {
    font-size: 32px;
    line-height: 41px;
}

.advertising-description {
    font-size: 18px;
    line-height: 25px;
    padding-top: 8.3%;
    padding-bottom: 20.169%;
}

.advertising-contact {
    font-size: 18px;
    line-height: 25px;
}

.form-advertising-wrapper {
    background: #F6F6F6;
}

.form-advertising-block {
    max-width: 1920px;
    margin: 0 auto;
}

.form-advertising {
    padding: 0;
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

.form-advertising .picture-block picture {
    width: 100%;
    height: 100%;
}

.form-advertising .picture-block picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-advertising .form-advertising__text {
    min-height: 637px;
    width: 37.3%;
    height: 100%;
    margin: 0 auto;
    transform: translateX(21%);
    padding: 5.3% 4.2% 6.58% 7.8%;
    background: #FFFFFF;
}

.form-advertising .picture-block {
    position: absolute;
}

.form-advertising .picture-block.picture-block--one {
    left: 0;
    top: 0;
    width: 35.4%;
    height: 100%;
}

.form-advertising .picture-block.picture-block--two {
    width: 18.5%;
    right: 36px;
    bottom: 0;
}

@media (max-width: 1441px) {
    .portfolio-cards {
        row-gap: 40px;
        column-gap: 24px;
    }

    .portfolio-cards:last-of-type {
        padding-bottom: 80px;
    }

    .portfolio-card__text-block {
        padding-top: 16px;
        gap: 16px;
    }

    .portfolio-cards:first-of-type {
        padding-bottom: 40px;
    }

    .portfolio-title {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .portfolio-card__title {
        font-size: 20px;
    }

    .portfolio-card__description {
        font-size: 16px;
        line-height: 24px
    }

    .advertising-title {
        font-size: 28px;
        line-height: 36px;
    }

    .advertising-description,
    .advertising-contact {
        font-size: 16px;
        line-height: 24px;
    }

    .portfolio-card picture img,
    .portfolio-long-card picture img {
        object-fit: cover;
    }

    .form-advertising .picture-block.picture-block--one {
        width: 33%;
    }

    .form-advertising .picture-block.picture-block--two {
        width: 18.1%;
        right: 32px;
    }

    .form-advertising {
        margin-bottom: 80px;
    }

    .form-advertising .form-advertising__text {
        min-height: 445px;
        width: 39.52%;
        transform: translateX(16.6%);
        padding: 5.12% 5.75% 2.73% 5.85%;
    }

    .advertising-description {
        padding-top: 8%;
        padding-bottom: 12%;
    }
}

@media (max-width: 1199px) {
    .portfolio-title {
        padding-top: 16px;
        padding-bottom: 32px;
    }

    .portfolio-card__text-block {
        gap: 12px;
    }

    .portfolio-cards:last-of-type {
        padding-bottom: 60px;
    }

    .form-advertising .picture-block.picture-block--one {
        width: 34.9%;
    }

    .form-advertising .picture-block.picture-block--two {
        width: 16.6%;
        right: 20px;
    }

    .form-advertising .form-advertising__text {
        min-height: 334px;
        width: 38.75%;
        transform: translateX(19.6%);
        padding: 3.328% 2.05% 3.5% 2.8%;
    }

    .advertising-title {
        font-size: 24px;
        line-height: 32px;
    }

    .advertising-description {
        padding-top: 6.8%;
        padding-bottom: 9.1%;
    }
}

@media (max-width: 1023px) {
    .portfolio-cards {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
    }

    .portfolio-title {
        padding-top: 8px;
        padding-bottom: 24px;
    }

    .portfolio-long-card {
        grid-column: span 2;
    }

    .form-advertising {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
    }

    .form-advertising .form-advertising__text {
        width: 100%;
        min-height: 100%;
        transform: translateX(0);
        margin: 12px 20px;
        padding: 27px 84px 27px 24px;
    }

    .form-advertising .picture-block.picture-block--one {
        position: relative;
        width: 65%;
    }

    .form-advertising .picture-block.picture-block--two {
        position: relative;
        width: 31%;
        right: 20px;
    }

    .advertising-description {
        padding-top: 2.76%;
        padding-bottom: 3.7%;
    }
}

@media (max-width: 767px) {
    .portfolio-cards {
        grid-template-columns: 1fr;
        row-gap: 32px;
        column-gap: 0;
    }

    .portfolio-card__text-block {
        gap: 12px;
        padding-top: 16px;
    }

    .portfolio-card,
    .portfolio-long-card {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        all: unset;
    }

    .portfolio-card picture,
    .portfolio-card img,
    .portfolio-long-card picture,
    .portfolio-long-card img {
        width: 100%;
        height: auto;
        display: block;
    }

    .portfolio-cards:first-of-type {
        padding-bottom: 32px;
    }

    .portfolio-cards:last-of-type {
        padding-bottom: 32px;
    }

    .advertising-title {
        font-size: 20px;
        line-height: 24px;
    }

    .advertising-description,
    .advertising-contact {
        font-size: 14px;
        line-height: 18px;
    }

    .form-advertising .picture-block.picture-block--one {
        width: 65%;
        height: auto;
    }

    .form-advertising .picture-block.picture-block--two {
        width: 30%;
        height: auto;
    }

    .form-advertising .form-advertising__text {
        padding: 20px 15px 19px 15px;
    }
}

@media (max-width: 520px) {
    .form-advertising .picture-block.picture-block--two {
        width: 29%;
    }
}

@media (max-width: 370px) {
    .form-advertising .picture-block.picture-block--two {
        right: 16px;
    }

    .form-advertising .form-advertising__text {
        margin: 16px 16px 32px 16px;
    }

    .form-advertising {
        margin-bottom: 20px;
    }

    .advertising-description {
        padding-top: 16px;
        padding-bottom: 24px;
    }

    .portfolio-card__title {
        font-size: 16px;
        line-height: 18px;
    }

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

.portfolio-detail-block {
    max-width: 1463px;
    padding-bottom: 60px;
}

.portfolio-detail-description {
    padding-top: 60px;
    max-width: 1013px;
}

.portfolio-detail-images {
    display: flex;
    gap: 20px;
}

.portfolio-detail-image-top {
    padding-top: 150px;
}

.portfolio-detail-image-bottom {
    padding-bottom: 150px;
}

.portfolio-detail-last-block {
    max-width: 1463px;
    padding-bottom: 100px;
}

.portfolio-detail-advertising {
    margin-top: 100px;
}

@media (max-width: 1499px) {
    .portfolio-detail-block,
    .portfolio-detail-last-block {
        max-width: 1143px;
    }

    .portfolio-detail-image-top {
        padding-top: 118px;
    }

    .portfolio-detail-image-bottom {
        padding-bottom: 118px;
    }

    .portfolio-detail-last-block {
        padding-bottom: 80px;
    }

    .portfolio-detail-advertising {
        margin-top: 80px;
    }

    .portfolio-detail-images {
        gap: 17px;
    }
}

@media (max-width: 1199px){
    .portfolio-detail-block, .portfolio-detail-last-block {
        max-width: 817px;
        padding-bottom: 40px;
    }

    .portfolio-detail-images {
        gap: 12px;
    }

    .portfolio-detail-description {
        padding-top: 40px;
        max-width: 100%;
    }

    .portfolio-detail-image-top {
        padding-top: 84px;
    }

    .portfolio-detail-image-bottom {
        padding-bottom: 84px;
    }

}

@media (max-width: 769px) {
    .portfolio-detail-block, .portfolio-detail-last-block {
        max-width: 728px;
    }

    .portfolio-detail-image-top {
        padding-top: 75px;
    }

    .portfolio-detail-image-bottom {
        padding-bottom: 75px;
    }

    .portfolio-detail-last-block {
        padding-bottom: 40px;
    }

    .portfolio-detail-advertising {
        margin-top: 40px;
    }
}

@media (max-width: 579px) {
    .portfolio-detail-block,
    .portfolio-detail-last-block {
        max-width: 817px;
    }

    .portfolio-detail-description {
        padding-top: 40px;
    }

    .portfolio-detail-block {
        padding-bottom: 40px;
    }

    .portfolio-detail-images-three {
        flex-direction: column;
        gap: 16px;
    }

    .portfolio-detail-images-three img {
        width: 100%;
    }

    .portfolio-detail-image-top {
        padding-top: 84px;
    }

    .portfolio-detail-image-bottom {
        padding-bottom: 84px;
    }

    .portfolio-detail-last-block {
        padding-bottom: 60px;
    }

    .portfolio-detail-advertising {
        margin-top: 60px;
    }
}

@media (max-width: 320px) {

    .portfolio-detail-block,
    .portfolio-detail-last-block {
        max-width: 288px;
    }

    .portfolio-detail-block {
        padding-bottom: 32px;
    }

    .portfolio-detail-description {
        padding-top: 24px;
    }

    .portfolio-detail-image-top {
        padding-top: 30px;
    }

    .portfolio-detail-image-bottom {
        padding-bottom: 30px;
    }

    .portfolio-detail-last-block {
        padding-bottom: 32px;
    }

    .portfolio-detail-advertising {
        margin-top: 32px;
    }
}


.designer-blocks-wrapper {
    display: flex;
    flex-direction: column;
    gap: 100px;
    margin-bottom: 100px;
}

.designers-title {
    padding-top: 12px;
    padding-bottom: 111px;
}

.designer-block,
.designer-block-reverse-item {
    display: flex;
    gap: 33px;
}

.designer-block-reverse-item {
    align-items: flex-end;
    gap: 120px;
}

.designer-name {
    min-width: 317px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
}

.designer-about {
    max-width: 508px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.designer-block-reverse {
    background: #F6F6F6;
    padding: 100px 0;
}

.designer-reverse-name {
    padding-bottom: 40px;
}

.designer-block-reverse-item img,
.designer-block img {
    width: 100%;
    max-width: 870px;
    min-width: 709px;
}

.designer-block {
    justify-content: space-between;
}

.advertising-title {
    font-size: 32px;
    line-height: 41px;
}

.advertising-description {
    font-size: 18px;
    line-height: 25px;
    padding-top: 8.3%;
    padding-bottom: 20.169%;
}

.advertising-contact {
    font-size: 18px;
    line-height: 25px;
}

.form-advertising-wrapper {
    background: #F6F6F6;
}

.form-advertising-block {
    max-width: 1920px;
    margin: 0 auto;
}

.form-advertising {
    padding: 0;
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

.form-advertising .picture-block picture {
    width: 100%;
    height: 100%;
}

.form-advertising .picture-block picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-advertising .form-advertising__text {
    min-height: 637px;
    font-family: 'Mont', sans-serif;
    width: 37.3%;
    height: 100%;
    margin: 0 auto;
    transform: translateX(21%);
    padding: 5.3% 4.2% 6.58% 7.8%;
    background: #FFFFFF;
}

.form-advertising .picture-block {
    position: absolute;
}

.form-advertising .picture-block.picture-block--one {
    left: 0;
    top: 0;
    width: 35.4%;
    height: 100%;
}

.form-advertising .picture-block.picture-block--two {
    width: 18.5%;
    right: 36px;
    bottom: 0;
}

@media (max-width: 1699px) {
    .designer-block-reverse-item img, .designer-block img {
        width: 100%;
        max-width: 100%;
        min-width: 500px;
    }

    .designer-reverse-info {
        width: 50%;
    }
}

@media (max-width: 1441px) {
    .designers-title {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .designer-blocks-wrapper {
        gap: 80px;
    }
    .designer-block {
        gap: 24px;
    }
    .designer-name {
        min-width: 243px;
        max-width: 243px;
        white-space: normal;
    }
    .designer-about {
        max-width: 378px;
    }
    .designer-block-reverse {
        padding: 80px 0;
    }
    .designer-reverse-name {
        max-width: 378px;
        padding-bottom: 32px;
    }

    .designer-block-reverse-item img,
    .designer-block img {
        max-width: 708px;
        min-width: 480px;
    }
    .advertising-title {
        font-size: 28px;
        line-height: 36px;
    }

    .advertising-description,
    .advertising-contact {
        font-size: 16px;
        line-height: 24px;
    }

    .form-advertising .picture-block.picture-block--one {
        width: 33%;
    }

    .form-advertising .picture-block.picture-block--two {
        width: 18.1%;
        right: 32px;
    }

    .form-advertising {
        margin-bottom: 80px;
    }

    .form-advertising .form-advertising__text {
        min-height: 445px;
        width: 39.52%;
        transform: translateX(16.6%);
        padding: 5.12% 5.75% 2.73% 5.85%;
    }

    .advertising-description {
        padding-top: 8%;
        padding-bottom: 12%;
    }
}
@media (max-width: 1399px) {
    .designers-title {
        padding-top: 20px;
        padding-bottom: 38px;
        font-size: 24px;
        line-height: 28px;
    }
    .designer-name {
        font-size: 24px;
        line-height: 28px;
        max-width: 100%;
    }
    .designer-block {
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: start;
        gap: 24px;
    }
    .designer-about {
        line-height: 20px;
        max-width: 100%;
    }
    .designer-name,
    .designer-about {
        grid-column: 1;
    }
    .designer-photo {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: start;
        justify-self: end;
    }
    .designer-block-reverse-item {
        gap: 24px;
    }
    .designer-block-reverse-item img,
    .designer-block img {
        max-width: 480px;
    }
    .designer-blocks-wrapper {
        gap: 60px;
    }


    .designer-name {
        grid-column: 1 / 2;
    }

    .designer-about {
        grid-column: 1 / 2;
    }

    .designer-block .designer-photo {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
        align-self: start;
        justify-self: end;
        max-width: 100%;
    }

    .designer-block .designer-photo img,
    .designer-block-reverse-item .designer-photo img {
        min-width: 0;
        max-width: 100%;
        width: 100%;
    }

    .designer-block-reverse-item .designer-photo,
    .designer-reverse-info {
        width: 50%;
    }
}

@media(max-width: 1199px){
    .form-advertising .picture-block.picture-block--one {
        width: 34.9%;
    }

    .form-advertising .picture-block.picture-block--two {
        width: 16.6%;
        right: 20px;
    }

    .form-advertising .form-advertising__text {
        min-height: 334px;
        width: 38.75%;
        transform: translateX(19.6%);
        padding: 3.328% 2.05% 3.5% 2.8%;
    }

    .advertising-title {
        font-size: 24px;
        line-height: 32px;
    }

    .advertising-description {
        padding-top: 6.8%;
        padding-bottom: 9.1%;
    }
}
@media (max-width: 1023px) {
    .designers-title {
        padding-top: 16px;
        padding-bottom: 80px;
    }
    .designer-block {
        gap: 16px;
    }
    .designer-blocks-wrapper {
        gap: 40px;
    }
    .designer-block-reverse-item img,
    .designer-block img{
        max-width: 356px;
    }

    .designer-block-reverse {
        padding: 60px 0;
    }
    .designer-reverse-name {
        padding-bottom: 16px
    }
    .designer-block-reverse-item {
        gap: 20px;
    }
    .designer-block-reverse-item .designer-photo {
        align-self: end;
    }

    .form-advertising {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
    }

    .form-advertising .form-advertising__text {
        width: 100%;
        min-height: 100%;
        transform: translateX(0);
        margin: 12px 20px;
        padding: 27px 84px 27px 24px;
    }

    .form-advertising .picture-block.picture-block--one {
        position: relative;
        width: 65%;
    }

    .form-advertising .picture-block.picture-block--two {
        position: relative;
        width: 31%;
        right: 20px;
    }

    .advertising-description {
        padding-top: 2.76%;
        padding-bottom: 3.7%;
    }
}

@media(max-width: 767px){
    .advertising-title {
        font-size: 20px;
        line-height: 24px;
    }

    .advertising-description,
    .advertising-contact {
        font-size: 14px;
        line-height: 18px;
    }

    .form-advertising .picture-block.picture-block--one {
        width: 65%;
        height: auto;
    }

    .form-advertising .picture-block.picture-block--two {
        width: 30%;
        height: auto;
    }

    .form-advertising .form-advertising__text {
        padding: 20px 15px 19px 15px;
    }
}

@media (max-width: 750px) {
    .designers-title {
        padding-top: 8px;
        padding-bottom: 36px;
    }

    .designer-block {
        display: flex;
        flex-direction: column;
    }
    .designer-photo {
        order: 1;
    }

    .designer-name {
        order: 2;
        font-size: 20px;
        line-height: 24px;
    }

    .designer-about {
        order: 3;
        font-size: 14px;
        line-height: 18px;
    }
    .designer-block-reverse-item {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .designer-reverse-info {
        order: 2;
    }
    .designer-blocks-wrapper {
        gap: 32px;
    }

    .designer-block-reverse-item img,
    .designer-block img {
        max-width: 100%;
        min-width: 100%;
    }

    .designer-block-reverse-item .designer-photo,
    .designer-reverse-info {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .form-advertising .picture-block.picture-block--two {
        width: 29%;
    }
}

@media (max-width: 370px) {
    .form-advertising .picture-block.picture-block--two {
        right: 16px;
    }

    .form-advertising .form-advertising__text {
        margin: 16px 16px 32px 16px;
    }

    .form-advertising {
        margin-bottom: 20px;
    }

    .advertising-description {
        padding-top: 16px;
        padding-bottom: 24px;
    }

    .designer-block-reverse {
        padding: 32px 0 68px 0;
    }
}