/*BASIC*/

textarea, input, select, button,
textarea:focus, input:focus, select:focus,
textarea:active, input:active, select:focus {
    outline: 0 !important;
}

/*FLEX*/
.flex {display: -webkit-box; display: -ms-flexbox; display: flex;}
.flex-wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-start {-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
.flex-end {-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.flex-end-align {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.flex-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flex-align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

/*COLS*/
.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%;}
.col-1 {width: 8.333333%;/* -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%;*/}
.col-2 {width: 16.666667%;/* -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%;*/}
.col-3 {width: 25%;/* -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%;*/}
.col-4 {width: 33.333333%;/* -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%;*/}
.col-5 {width: 41.666667%;/* -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%;*/}
.col-6 {width: 50%; /*-ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%;*/}
.col-7 {width: 58.333333%; /*-ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%;*/}
.col-8 {width: 66.666667%; /*-ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%;*/}
.col-9 {width: 75%; /*-ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%;*/}
.col-10 {width: 83.333333%; /*-ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%;*/}
.col-11 {width: 91.666667%; /*-ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%;*/}
.col-12 {width: 100%; /*-ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%;*/}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader {
    display:none;
    border: 3px solid #f3f3f3; /* цвет рамки */
    border-top: 3px solid #1d2d33; /* цвет верхней части */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.fancybox-thumbs__list a:before {
    border: 4px solid #F3D067;
}
.fancybox-thumbs {
    background: #F7F8F7;
    padding: 5px;
    width: 195px;
}
/*CONTENT*/
.content-text p{
    margin: 10px 0;
}

.content-text p:first-child {
    margin-top: 0
}

.content-text p:last-child {
    margin-bottom: 0
}

.content-text ol {
    list-style: decimal;
    padding: 10px 20px;
}

.content-text ul {
    list-style: inherit;
    padding: 10px 20px;
}

.content-text ul li,
.content-text ol li {
    margin: 5px 0;
}

.garant ol li
{
    margin-left: 25px;
    margin-top: 5px;
}

.garant ol {
    list-style: circle outside;
}

.fluid.garant {
    max-width: 73px;
}

/*IMAGES*/
.bg {background-position: center center; background-repeat: no-repeat; background-size: contain;}
.fluid {max-width: 100%; height: auto;}

/*TEXT*/
.center {text-align: center;}
.right {text-align: right;}
.upper {text-transform: uppercase;}

/*FANCYBOX BUG*/
/*body.fancybox-active {overflow: visible !important;}*/
.compensate-for-scrollbar {margin-right: 0 !important;}

/*LINKS*/
.link-dotted {text-decoration: none;border-bottom: 1px dashed #f4f4f4;}
.link-yellow {color: #cba84c !important; text-decoration: none;}
.link-green {color: #1d2d33 !important; text-decoration: none;}

.link-dotted.link-green {border-bottom: 1px dashed #1d2d33;}
.link-dotted.link-yellow {border-bottom: 1px dashed #cba84c;}

/* BUTTONS */
.btn {
    text-align: center;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 5px 13px;
    border-radius: 5px;
    cursor: pointer;
}

/* Old-styles */

.btn-buy {
    background: #1d2d33;
    font-size: 14px;
}

.btn-buy:hover {
    background: #CA911F;
    border-color: #CA911F;
}

.product-sale {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    background-image: url(../img/sale.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 35px;
    text-align: center;
    padding-top: 6px;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    pointer-events: none;
    z-index: 1;
}


/***********************************************
********** MAIN PAGE STYLES
************************************************/
/* NEW TABS */
.k-main-tab {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    outline: none;
    border-radius: 4px;
    padding: 15px 29px;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    font-size: 15px;
    line-height: 18px;
    background: transparent;
    color:  #A3A7A9;
}
.k-main-tab_active,
.k-main-tab:hover {
    border-color: #1d2d33;
    color: #000000;
}
/* MAIN BANNER */
.k-banner {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto 16px auto;
    grid-template-rows: auto auto;
    gap: 16px;
}
.k-banner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.k-banner > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.k-banner > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.k-banner > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.k-banner > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.k-banner > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}
.k-banner_pd_top30 {
    padding-top: 30px;
}
.k-banner_mb_60 {
    margin-bottom: 60px;
}
.k-banner_mt_60 {
    margin-top: 60px;
}
.k-banner a:nth-child(1) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
}
.k-banner_single_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 0;
}
.k-banner_single_grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
/*double grid можно использовать для сетки из 4 баннеров*/
.k-banner_double_grid,
.k-banner_five_grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.k-banner_double_grid > *:nth-child(1), .k-banner_five_grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.k-banner_double_grid > *:nth-child(2), .k-banner_five_grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.k-banner_five_grid .k-banner__subgrid {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.k-banner_six_grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.k-banner_six_grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.k-banner_six_grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.k-banner_six_grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.k-banner_double_grid a:nth-child(1),
.k-banner_five_grid a:nth-child(1),
.k-banner_six_grid a:nth-child(1){
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
}
.k-banner a {
    display: block;
    width: 100%;
    cursor: pointer;
}
.k-banner a picture{
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.k-banner a picture img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.k-banner a:hover picture img{
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}

/* MAIN CATEGORY */
.k-categories {
    padding-top: 60px;
    padding-bottom: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, auto));
    grid-template-rows: 198px;
    grid-auto-rows: 198px;
    gap: 25px;
}
.k-categories__item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px 0 20px 20px;
    background: #1d2d33;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    overflow: hidden;
}
.k-categories__item::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    z-index: 0;
    background: url("../img/main_page/matramax_pattern.svg") center center/cover no-repeat;
}
.k-categories__item:hover .k-categories__img img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.k-categories__img {
    display: flex;
    justify-content: flex-end;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.k-categories__img img{
    width: 100%;
    max-width: 190px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.k-categories__name{
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #F4F4F4;
}
/* LEADER OF SELLS */
.k-goods {
    padding-top: 60px;
    padding-bottom: 60px;
}
.k-goods_pd_top40 {
    padding-top: 40px;
}
.k-goods_pd_bot0 {
    padding-bottom: 0;
}
.k-goods__title {
    margin-bottom: 20px;
}
.k-goods__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.k-goods__tabs .k-main-tab:not(:last-child) {
    margin-right: 11px;
}
.k-goods__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 25px;
}
.k-goods__grid .card__whitespace {
    margin-right: 0;
}
.k-more-button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.k-more-button_pt_40 {
    padding-top: 40px;
}
.k-more-button a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid #1d2d33;
    border-radius: 5px;
    color: #1d2d33;
    padding: 12px 20px;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.k-more-button a:hover {
    background: #1d2d33;
    color: #fff;
}
/* MAIN DESCR*/

.k-descr {
    position: relative;
    padding: 60px 0 60px 0;
    background-color: #1d2d33;
    border-bottom: 1px solid #45585d;
    overflow: hidden;
}
.k-descr::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    background: url(/local/templates/matramax/assets/img/main_page/matramax_pattern.svg) center center/100%;
}
.k-descr__wrap.wrap {
    background: transparent;
}
.k-descr__page.page{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 500px 60px 1fr;
    grid-template-columns: 500px 1fr;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}
.k-descr__col {
}
.k-descr__title {
    color: #fff;
    margin-bottom: 20px;
}
.k-descr__text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.k-descr__promo {
    position: relative;
    height: 0;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 88%;
}
.k-descr__promo img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.k-descr__benefits {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    gap: 60px;
}
.k-descr__benefits-card {
}
.k-descr__benefits-icon {
    margin-bottom: 23px;
}
.k-descr__benefits-icon_var {
    width: 60px;
    height: 53px;
    background: url('https://www.matramax.ru/local/templates/matramax/assets/img/svg-tabs/1.svg') center center/cover no-repeat;
}
.k-descr__benefits-icon_premium {
    width: 48px;
    height: 53px;
    background: url('https://www.matramax.ru/local/templates/matramax/assets/img/svg-tabs/3.svg') center center/cover no-repeat;
}
.k-descr__benefits-icon_individual {
    width: 43px;
    height: 53px;
    background: url('https://www.matramax.ru/local/templates/matramax/assets/img/svg-tabs/2.svg') center center/cover no-repeat;
}
.k-descr__benefits-icon_prof {
    width: 49px;
    height: 53px;
    background: url('https://www.matramax.ru/local/templates/matramax/assets/img/svg-tabs/4.svg') center center/cover no-repeat;
}
.k-descr__benefits-name {
    font-family: 'Raleway Bold', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    color: #F4F4F4;
    margin-bottom: 10px;
}
/* MAIN CERTIFICATS */
.k-certificates {
    padding-bottom: 60px;
}
.k-certificates__title {
    margin-bottom: 20px;
}
.k-certificates .certificates-list{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    flex-wrap: unset;
    justify-content: unset;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    gap: 30px;
}
.k-certificates .certificates-list .certificates-item{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    flex: 0 0 auto;
    scroll-snap-align: start;
    width: 236px;
    height: auto;
}
.k-certificates .certificates-list .certificates-item img {
    height: 331px;
    object-fit: cover;
}
/* MAIN ARTICLES */
.k-articles {
    padding-bottom: 30px;
}
.k-articles__title {
    margin-bottom: 20px;
}
.k-articles__grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, minmax(100px, 320px));
    grid-template-rows: auto auto;
    gap: 16px;
}
.k-articles__card {
    display: flex;
    background: #F4F4F4;
}
.k-articles__card:nth-child(1) {
    flex-direction: column;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
}
.k-articles__card:nth-child(2),
.k-articles__card:nth-child(3) {
    grid-column: span 2;
}
.k-articles__card:nth-child(1) .k-articles__card-img {
    padding-bottom: 44.26%;
}
.k-articles__card:nth-child(2) .k-articles__card-img,
.k-articles__card:nth-child(3) .k-articles__card-img {
    padding-bottom: 32.61%;
}
.k-articles__card-img {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
}
.k-articles__card-img img{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
}
.k-articles__card-info {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex: 1 1 100%;
}
.k-articles__card-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.k-articles__card-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.k-articles__card-link span{
    font-size: 15px;
    line-height: 18px;
    color: #052A1C;
}
@-webkit-keyframes move-arrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes move-arrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.k-articles__card-link::after {
    content: '';
    margin-left: 16px;
    width: 8px;
    height: 13px;
    background: url("/local/templates/matramax/assets/img/main_page/arrow-right.svg") center center/cover no-repeat;
    transition: all 350ms ease-in-out;
    will-change: transform, opacity;
}
.k-articles__card-link:hover {
    opacity: 0.7;
}
.k-articles__card-link:hover::after {
    -webkit-animation: move-arrow 2s ease-in-out infinite;
    animation: move-arrow 2s ease-in-out infinite;
}

.k-home-blog {
    padding-bottom: 60px;
}
.k-home-blog__title {
    margin-bottom: 20px;
}
.k-home-blog .blog-tags label, .k-home-blog .blog-tags span {
    cursor: default;
}
.k-home-blog .blog-tags label:hover, .k-home-blog .blog-tags span:hover {
    background: #F3D067;
    color: #1d2d33;
    cursor: default;
}
/* MAIN REVIEWS */
.main-reviews {
    padding-bottom: 60px;
}
.main-reviews_pd_bot30 {
    padding-bottom: 30px;
}
.main-reviews__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 32px;
}
.main-reviews__rating_disactive path{
    fill: #b0afaf;
}
.main-reviews__rating_active path{
    fill: #DBA30F;
}
.main-reviews__card {
    padding: 30px;
    border: 1px solid #DDDDDD;
}
.main-reviews__card-header {
    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;
}
.main-reviews__date {
    font-size: 16px;
    line-height: 24px;
    color: #B0AFAF;
}
.main-reviews__card-header {
    margin-bottom: 20px;
}
.main-reviews__title {
    margin-bottom: 20px;
}
.main-reviews__comment {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    overflow: hidden;
    margin-bottom: 20px;
}
.main-reviews__photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
.main-reviews__photos-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    cursor: pointer;
    overflow: hidden;
}
.main-reviews__photos-item img{
    width: 100%;
    height: 100%;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -o-object-fit: cover;
    object-fit: cover;
}
.main-reviews__photos-item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.main-reviews__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-reviews__link span{
    font-size: 15px;
    line-height: 18px;
    color: #1d2d33;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    margin-right: 16px;
}
.main-reviews__link svg{
    fill: #1d2d33;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}

/*Стили для ссылок в каталоге внизу*/
.catalog-links,
.catalog-links .wrap {
    background: #F4F4F4;
}
.catalog-links__title {
    margin-bottom: 30px;
}
.catalog-links__name {
    font-size: 15px;
    font-family: 'Raleway Bold', sans-serif;
    font-weight: 700;
    line-height: 18px;
    color: #1D1D1B;
    margin-bottom: 20px;
}
.catalog-links__wrapper {
    padding: 60px 30px 60px 30px;
}
.catalog-links__items {
    display: block;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-width: 145px;
    -moz-column-width: 145px;
    column-width: 145px;
}
.catalog-links__grid {
    column-count: 3;
    column-gap: 10px;
}

.catalog-links__col{
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 20px;
}

.catalog-links__items:not(:last-child) {
    margin-bottom: 40px;
}
.catalog-links__item {
    display: block;
    color: #5F636A;
    font-size: 15px;
    font-family: 'Circe Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.catalog-links__item:hover {
    color: #CBA84C;
}
.catalog-links__item_active {
    color: #CBA84C;
}
.catalog-links__item:not(:last-child) {
    margin-bottom: 5px;
}

/* MAIN SLIDER */
.slider-homepage .swiper-slide {
    position: relative;
}
.homepage-next, .homepage-prev {
    background-image: none;
}
.homepage-next {
    text-align: right;
}
.homepage-prev img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.homeslider hr {
    margin: 0;
    height: 4px;
    border: 0;
    background: rgb(186,144,61);
    background: -o-linear-gradient(bottom, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(186,144,61,1)), to(rgba(240,222,114,1)));
    background: linear-gradient(0deg, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
}
.homeslider-more {
    position: absolute;
    bottom: 27px;
    left: 70px;
    width: 400px;
    z-index: 2;
}
.homeslider-more .price-old {
    text-decoration: line-through;
    color: #b6b6b6;
    font-size: 22px;
    margin-bottom: 17px;
    font-family: 'Raleway Regular', sans-serif;
}
.homeslider-more .price-new {
    color: white;
    font-size: 31px;
    font-family: 'Raleway Medium', sans-serif;
}
.homeslider-more .price-new span {
    font-size: 25px;
}
.homeslider-link {
    color: white;
    font-size: 17px;
    margin-left: 20px;
    margin-bottom: 3px;
    font-family: 'Raleway Regular', sans-serif;
    text-decoration: none;
}
.homeslider-name {
    font-family: 'Raleway Medium', sans-serif;
    font-size: 43px;
    line-height: 1.3;
    margin-bottom: 2px;
    color: #ffe555;
}

.homeslider-gradient .homeslider-name {
    background: -o-linear-gradient(left, #be954b 0%, #ffe555 20%, #be954b 40%);
    background: -webkit-gradient(linear, left top, right top, from(#be954b), color-stop(20%, #ffe555), color-stop(40%, #be954b));
    background: linear-gradient(to right, #be954b 0%, #ffe555 20%, #be954b 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.homeslider-descr {
    color: white;
    font-size: 15px;
    font-family: 'Raleway Regular', sans-serif;
}
.slide-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.58) 0%, rgba(255, 255, 255, 0.12) 70%, rgba(193, 193, 193, 0.65) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.58)), color-stop(70%, rgba(255, 255, 255, 0.12)), to(rgba(193, 193, 193, 0.65)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(255, 255, 255, 0.12) 70%, rgba(193, 193, 193, 0.65) 100%);
    z-index: 1;
    pointer-events: none;
}
.homeslider-wrap {
    position: inherit;
    z-index: 2;
}
.slider-pag {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 2;
}
.slider-pag-wrap {
    position: relative;
    margin: 0 40%;
    height: 20px;
}
.homepage-pag {
    width: 100%;
}
.homepage-pag .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    margin: 0 10px;
    width: 5px;
    height: 5px;
}
.homepage-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1d2d33;

}
.slider-nav .swiper-button-next, .slider-nav .swiper-button-prev {
    width: 50px;
    background-size: 77px 144px;
    background-position: center;
    -webkit-transform: scale(.68);
    -ms-transform: scale(.68);
    transform: scale(.68);
}
.slider-nav .swiper-button-next {
    right: 15px;
}
.slider-nav .swiper-button-prev {
    left: 15px;
}

/***********************************************
********** BREADCRUMBS STYLES
************************************************/

.catalog-breadcrumbs {
    padding: 10px 62px;
    font-size: 11px;
    line-height: 1;
    border-bottom: 1px solid #c4c4c4;
}
.breadcrumbs-line li {
    list-style: none;
    margin-right: 20px;
    position: relative;
}
.breadcrumbs-line li:after {
    position: absolute;
    content: '•';
    color: black;
    left: -13px;
    top: -5px;
    font-size: 22px;
    line-height: 1;
}
.breadcrumbs-line li.active:after {
    color: #b79147;
}
.breadcrumbs-line li:first-child:after {
    list-style: none;
    content: '';
}
.breadcrumbs-line li a {
    text-decoration: none;
    font-family: 'Raleway Regular', sans-serif;
    color: black;
}
.breadcrumbs-line li.active a {
    color: #b79147;
}

/***********************************************
********** CATALOG STYLES
************************************************/

.id__slick-container .slick-track {
    height: 363px;
}

.page-wrap {
    padding: 0 30px;
    border-top: 1px solid #c4c4c4;
}
.main-catalog {
    background-color: #fff;
    padding-bottom: 20px;
}
.catalog-prev img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.catalog-swiper{
    border-top: 1px solid #c4c4c4;
    margin-top: 40px;
    padding: 0 30px;
}
.main .catalog-swiper{
    margin-bottom: -28px;
}
.catalog-swiper:nth-child(1){
    border-top: none;
    padding: 0;
}
.catalog-swiper:not(:first-child){
    margin-bottom: 0;
}
.catalog-swiper.catalog-special {
    padding-top: 0;
}
.catalog-title {
    position: relative;
    padding: 0 0 20px 0;
}

.main .catalog-title .title {
    font-size: 22px;
    margin-right: 25px;
    font-family: 'Raleway Medium', sans-serif;
}
.catalog-title-nav {
    width: 107px;
    margin-top: 0;
}
.catalog-title-nav .swiper-button-next,
.catalog-title-nav .swiper-button-prev {
    width: 50px;
    height: 30px;
    margin-top: -12px;
    background-size: 47px 114px;
    background-position: left center;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
}
.catalog-title-nav .swiper-button-next:focus,
.catalog-title-nav .swiper-button-prev:focus {
    outline: 0;
}
.catalog-title-pag {
    width: 220px;
}
.catalog-title-pag .catalog-pag {
    width: 100%;
    height: 30px;
    margin-top: 0;
    padding-top: 5px;
}
.catalog-title-pag .catalog-pag .swiper-pagination-bullet {
    background: #b9b9b9;
    opacity: 1;
    margin-right: 22px;
    width: 6px;
    height: 6px;
}
.catalog-title-pag .catalog-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: -o-linear-gradient(bottom, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(186,144,61,1)), to(rgba(240,222,114,1)));
    background: linear-gradient(0deg, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
}
.catalog-title-pag .catalog-pag .swiper-pagination-bullet.swiper-pagination-bullet-active:focus {
    outline: 0;
}
.catalog-title-nav .swiper-button-next,
.catalog-title-nav .swiper-container-rtl .swiper-button-prev,
.catalog-title-nav .swiper-button-prev,
.catalog-title-nav .swiper-container-rtl .swiper-button-next{
    background-image: none;
}
.catalog-title-nav .swiper-button-next,
.catalog-title-nav .swiper-button-prev,
.catalog-title-nav .swiper-container-rtl .swiper-button-prev,
.catalog-title-nav .swiper-container-rtl .swiper-button-next{
    fill: #000;
}

.catalog-title-nav,
.catalog-title-pag {
    position: relative;
}

/*TABS*/

#main-tabs {
    background-color: #fff;
}
.tabs-content {
    padding: 30px;
}

.tabs-item {
    display: none;
}
.tabs-links {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 30px;
}
.tabs-links>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0;
    text-decoration: none;
    color: black;
    font-family: 'Raleway Medium', sans-serif;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tabs-links>a:nth-last-child(2) {
    margin-left: 15px;
}
.tabs-links>a:nth-last-child(1) {
    margin-left: 15px;
}
.tabs-links>a img {
    height: 60px;
}
.tabs-links>a span {
    margin-left: 30px;
    font-size: 15px;
}
.tabs-links>a.current {
    border-bottom: 2px solid #d2b155;
}
.tabs-text {
    padding:0;
}
.tabs-feature .title {
    font-size: 15px;
    margin-bottom: 20px;
    font-family: 'Raleway Medium', sans-serif;
}
.detail-tabs {
    border-bottom: 1px solid #c4c4c4;
}
.detail-tabs .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    margin: 25px;
}
.detail-tabs .tabs .tab {
    cursor: pointer;
    margin-right: 40px;
    border-bottom: 2px solid transparent;
    padding-bottom: 20px;
}
.detail-tabs .tabs .tab.active {
    border-bottom: 2px solid #1d2d33;
}
.detail-more-content {
    margin-bottom: 20px;
    padding-top: 25px;
    margin-top: -65px;
    width: 70%;
}


.detail-top-item {
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    border: 1px solid rgb(196, 196, 196);
    height: 358px;
    margin-top: 4px;
    margin-right: 4px;
}
.detail-thumbs {
    max-width: 255px;
}
.detail-thumbs-item {
    width: 76px !important;
    height: 76px !important;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.detail-thumbs-item.swiper-slide-thumb-active {
    border: 2px solid #b28333;
}
.detail-control {
    position: absolute;
    top: 25px;
    right: 0;
    max-width: 345px;
    width: 100%;
    margin-left: 16px;
    padding: 20px 30px;
    border: 1px solid #c4c4c4;
    height: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    margin-top: 4px;
    background-color: #fff;
    z-index: 2;

    -webkit-transition: all 0s linear;

    -o-transition: all 0s linear;

    transition: all 0s linear;
}
.detail-control hr {
    height: 1px;
    border: 0;
    background: #c4c4c4;
    margin-bottom: 10px;
    margin-top: 10px;
}
.detail-control .delivery-info a {
    color: #24393f;
    text-decoration: none;
    font-family: 'Raleway Medium', sans-serif;
}
.catalog-detail-slider .product-sale {
    left: 45px;
    top: 4px;
    line-height: 1.2;
    font-weight: bold;
    font-size: 12px;
}
.catalog-detail-slider .swiper-slide {
    text-align: center;
}
.catalog-detail-slider .swiper-slide img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.detail-control .product-more {
    padding: 16px 0;
}
.detail-control .btn-compare {
    text-align: left;
    margin-bottom: 12px;
}
.detail-control .btn-compare span {
    font-size: 11px;
    margin-left: 3px;
}
.detail-control .detail-delivery {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.detail-control .delivery-info {
    font-size: 11px;
    margin-left: 10px;
    line-height: 1.3;
}
.detail-control .delivery-info .line {
    background: #e6d069;
    display: inline-block;
    padding: 1px 3px;
}
.detail-control .delivery-image {
    width: 40px;
    text-align: center;
}
.delivery-info-title {
    margin-bottom: 4px;
}
.delivery-info-impossible {
    display:block;
    width:100%;
    height:auto;
    padding:10px;
    background:#e39c9c;
    color:#a70404;
    margin:10px 0;
    font-size:12px;
    border-radius:7px;
}
.js_impossible_delivery
{
    display:block;
    width:90%;
    height:auto;
    padding:10px;
    background:#e39c9c;
    color:#a70404;
    margin:5px 0;
    font-size:10px;
    border-radius:5px;
}

.detail-nav {
    position: absolute;
    bottom: 29px;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 2;
}
.detail-next,
.detail-prev {
    background-image: none !important;
    outline: 0 !important;
    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;
    cursor: pointer;
    z-index: 1;
}
.detail-next {
    right: 30px;
}
.detail-prev {
    left: 30px;
}
.detail-property {
    font-size: 15px;
    margin-bottom: 15px;
    padding: 0 5px;
}
.property-name {
    font-family: 'Raleway Bold', sans-serif;
}
.property-size label {
    font-size: 15px;
    font-family: 'Raleway Bold', sans-serif;
    margin-bottom: 15px;
    display: block;
}
.property-size select {
    -webkit-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.23);
    box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.23);
    padding: 4px 12px;
    cursor: pointer;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
}
.detail-prop-wrap {
    padding: 0 5px;
}
.detail-control .product-prices {
    margin-left: 25px;
}
.detail-control .product-new-price {
    font-size: 18px;
}
.detail-control .product-old-price {
    font-size: 13px;
}
.detail-control .price-name {
    background-color: #e9e9e9;
    padding: 4px 11px 4px 11px;
    font-size: 13px;
}
.catalog-detail-slider {
    position: relative;
    margin-bottom: 10px;
}
.grants-detail {
    margin-bottom: 25px;
    padding: 0 65px;
    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: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.feature-item {
    margin-bottom: 16px;
}
.tabs-feature .feature-item {
    margin-bottom: 10px;
    overflow: hidden;
    display: grid;
    width: 100%;
    grid-template-columns: 25% 1fr;
    justify-content: center;
}
.feature-dots {
    position: relative;
    z-index: 1;
    width: auto;
    display: flex;
    align-items: baseline;
    text-align: left;
}
.feature-dots span {
    z-index: 1;
    padding-right: 6px;
}
.feature-dots:after {
    content: '';
    height: 2px;
    background: url(/local/templates/matramax/assets/img/icon/dots.svg) round;
    background-size: 8px;
    flex: 1 1 auto;
}
.feature-props {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    width: auto;
    text-align: left;
}
.info {
    padding: 20px 60px 20px 60px;
    background-color: #e9e9e9;
}

.info.info-first {
    padding: 20px 65px 20px 65px;
}




.section-about .h1 {
    margin:15px 0 10px 0 !important;
}

.info.info-first .h1 {
    font-size: 18px;
    margin-bottom: 13px;
}

.catalog {
    background: #f5f5f5;
}
.catalog-wrap {
    position: relative;
    padding: 25px 0;
}
.catalog-list-wrap {
    padding-bottom: 0;
}



/* CATALOG PAGINATION */
.pag-prev,
.pag-next {
    background: #1d2d33;
    border-radius: 100%;
}
.pag-next a,
.pag-prev a {
    padding: 7px 8px;
    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;
}
.pag-pages {
    margin: 0 7px;
}
.pag-pages .page {
    background: #fff;
    padding: 5px 4px 4px;
    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;
}

.pag-pages .page.active {
    background: #1d2d33;
    height: 30px;
    border-radius: 4px;
}
.pag-pages .page.active a {
    color: white;
}
.pag-pages .page:first-child {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    padding-left: 10px;
}
.pag-pages .page:last-child {
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    padding-right: 10px;
}
.pag-pages .page a {
    color: #1d2d33;
    text-decoration: none;
    font-weight: bold;
    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: 12px;
    font-family: 'Circe Regular', Arial, sans-serif;
}
.list-bottom .list-pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 20px;
}
.list-bottom .list-bottom-pag {
    margin-top: 12px;
}
.btn-detail {
    font-size: 14px !important;
    color: white;
    text-decoration: none;
    padding: 10px 0;
    width: 180px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
}
.detail-control .btn-buy {
    font-size: 14px !important;
}
.btn-detail.btn-click {
    background: #1d2d33;
    transition: all 250ms;
}

.btn-detail.btn-click:hover {
    background: #CA911F;
}
.detail-top {
    height: 364px;
    margin-bottom: 10px;
}
.detail-thumbs {
    height: 80px;
    z-index: 3;
}
.detail-thumbs .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#wr-tabs .content .tab-cont{
    display: none;
}
#wr-tabs .content .tab-cont.active{
    display: block;
}
.tabs-info {
    padding-right: 20px;
}
.tabs-info p {
    margin-bottom: 20px;
}
.tabs-info p:last-of-type {
    margin-bottom: 0;
}

.tabs-info span {
    line-height: 1.102;
}
.detail-content {
    padding-bottom: 20px;
}
.btn-compare i {
    background: -o-linear-gradient(bottom, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(186,144,61,1)), to(rgba(240,222,114,1)));
    background: linear-gradient(0deg, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    padding: 0px 3px;
    line-height: 1;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}
.fancybox-content {
    max-width: 400px;
}
.fancybox-content .h1 {
    margin-bottom: 14px;
}
.loading {
    position: relative;
}
.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    opacity: .6;
    z-index: 9999;
}
.components {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
    padding-top: 20px;
}
.components .title {
    font-size: 15px;
    padding-top: 20px;
    font-family: 'Raleway Bold', sans-serif;
    font-weight:500;
}
.components-item {
    margin-top: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.components-item .components-item-img{
    border-radius: 50%;
    display: block;
    width: 100px !important;
    height: 100px !important;
}
.components-item a.js-components-more {
    text-decoration: none;
    color: #6b6b6b;
    font-size: 12px;
    padding: 10px 0;
    width: 170px;
    text-align: center;
    background: #E1E1E1;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    float: right;
    vertical-align: middle;
}

.components-item a.js-components-more:hover {
    text-decoration: none;
    background: #ececec;
}

.components-item a
{
    color: #182f34;
}

.components-item a:hover
{
    text-decoration: underline;
}

.components-info {
    padding-left: 18px;
}

.components-info .components-title {
    /*//    font-size: 13px;*/
}
.components-title {
    margin-bottom: 15px;
    font-family: 'Raleway Bold', sans-serif;
    font-size: 22px;
}
.components-preview {
    font-size: 18px;
}
.components-full {
    display: none;
}
.components-full img {
    max-width: 170px;
    float: left;
    margin-right: 15px;
}
.sertificats .title {
    font-size: 15px;
    padding-top: 50px;
    padding-bottom: 25px;
    font-family: 'Raleway Medium', sans-serif;
    padding-left: 5px;
}
.sertificats-item {
    margin-right: 28px;
    width:25%;
}
.sertificats-item img{width:100%}
.sertificats-item a {
    position: relative;
    height: 100%;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    -ms-align-items: center;
    align-items: center;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: grey;
    font-style: italic;
    background: #fff;
}
.sertificats-item a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.sertificats-info {
    margin-top: 16px;
    line-height: 1;
}
.recommendations {
    margin-bottom: 17px;
}
.recommendations .title {
    padding: 25px 33px;
    font-size: 22px;
}

/* ABOUT SECTION */
.section-about {
    -webkit-box-shadow: 0 0 20px -10px black;
    box-shadow: 0 0 20px -10px black;
    background-color: #e9e9e9;
}
.section-about .info {
    padding: 20px 100px;
}
.catalog .section-about {
    border-top: 1px solid #d2d2d2;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.catalog .section-about .info {
    padding: 15px 65px;
}
.static-page-title{
    border-top: 1px solid #d2d2d2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.static-page-wrap {
    padding: 20px 65px;
}
.static-text{
}
.static-page .homepage-next img,
.static-page .homepage-prev img {
    height: 62px;
    width: 22px;
}
.static-page-wrap .info-text {
}
.static-page .slider-homepage .swiper-slide {

}
.homepage-pag .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}
.static-text p {
    margin-bottom: 25px;
}
.static-page .section-about .info {
    padding: 15px 65px;
}
.filter-wrap {
    line-height: 1;
}
.filter-bottom {
    padding: 20px 0;
}
.filter-bottom .js-submit {
    margin-bottom: 15px;
}
.filter-main {
    padding: 20px 17px 17px 30px;
}
.filter-size label,
.filter-size span {
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #253a40;
    margin: 20px 0;
    /* font-weight: bold; */
}
.filter-size-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 5px;
    border: 1px solid #F3D067;
    width: 100%;
    background: #F3D067;
    cursor: pointer;
    transition: background 350ms ease-in-out, color 350ms ease-in-out, border 350ms ease-in-out;
}
.filter-size-btn span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #1d2d33;
    margin: 0;
}
.filter-size-btn_active {
    border-color: #1d2d33;
}
@media (hover:hover) {
    .filter-size-btn:hover {
        border-color: #1d2d33;
    }
}
.filter-size .size-wrap select {
    width: 100%;
    padding: 7px;
    border: 1px solid #A4A7A9;
    font-family: 'Circe Regular', Arial, sans-serif;
}

.filter-size .size-wrap select option{
    font-family: 'Circe Regular', Arial, sans-serif;
}
.filter-price label {
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #253a40;
    margin: 20px 0;
    /* font-weight: bold; */
}
.filter-title {
    font-family: 'Raleway Bold', sans-serif;
    font-size: 15px;
    margin-bottom: 15px;
}
.btn-send {
    justify-content: center;
    align-items: center;
    background: #CBA84C;
    border-radius: 4px;
    color: #1d2d33;
    font-size: 10px;
    /*letter-spacing: 1.5px;*/
    text-transform: uppercase;

    border: 0;
    padding: 10px 20px;
    display: block;
    margin: 10px auto;
    cursor: pointer;
}
.btn-send:hover{color:#fff}
.btn-reset {
    border: 0;
    background: transparent;
    color: #1d2d33;
    border-bottom: 1px solid #1d2d33;
    font-size: 13px;
    display: block;
    margin: 0 auto;
    font-family: 'Raleway Light', Arial, sans-serif;
    cursor: pointer;
    padding: 0;
    font-weight: bold;
}
.irs--big .irs-handle {
    top: 17px;
    width: 13px;
    height: 13px;
    border: 0;
    background-color: #1d2d33;
    background: #1d2d33;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 10px;
}
.irs--big .irs-min, .irs--big .irs-max,
.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    display: none;
}
.irs--big .irs-line {
    top: 20px;
    height: 8px;
    border-radius: 2px;
}
.irs--big .irs-bar {
    top: 20px;
    height: 8px;
    background-color: transparent;
    border: 0;
    background: #A4A7A9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
    border-color: transparent;
    background-color: #253a40;
    background: #253a40;
    cursor: pointer;
}
.price-numbers {
    color: #747474;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.price-numbers input {
    flex-grow: 1;
    width: 85px;
    height: 35px;
    border-radius: 40px;
    border: 0;
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.35);
    box-shadow: inset 0 0 7px rgba(0,0,0,0.35);
    padding: 0;
    font-size: 14px;
    font-family: 'Circe Regular', sans-serif;
    margin: 0 5px;
}

.list-navigation {
    padding: 15px 0 15px 0;
}

.list-count {
    padding-left: 20px;
}
.list-count span {
    color: #1d2d33;
    font-weight: bold;
}
.list-sort select {
    border: 0;
    background: transparent;
    color: #1d2d33;
}
.accordion-container {
    position: relative;
    height: auto;
}
.acc-set {
    position: relative;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d2d2d2;
}
.acc-space {
    height: 15px;
}
.acc-set a svg {
    position: absolute;
    right: 20px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.acc-set a.active svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.acc-set:first-child {
    border-top: 1px solid #d2d2d2;
}
.acc-set > a {
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #253a40;
    padding: 15px 15px 15px 30px;
    /* font-weight: bold; */
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.acc-set > a i {
    float: right;
    margin-top: 2px;
}
.acc-content {
    padding: 5px 10px 5px 32px;
}
.acc-content p {
    display: block;
}
.checkbox-block {
    list-style: none;
}
.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    font-family: 'Raleway Light', Arial, sans-serif;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-container.disabled {
    opacity: .7;
    cursor: not-allowed;
}
.checkbox-container .count {
    position: absolute;
    top: 0;
    right: -5px;
    font-size: 10px;
    width: 25px;
}
.checkbox-container input {
    position: absolute;
    left: 0;
    top: -6px;
    display: block;
    bottom: -6px;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    height: auto;
    width: 100%;
    border: 1px solid #000;
}
.checkbox-container .checkmark {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #A4A7A9;
}
.checkbox-container input:checked ~ .checkmark {
    background-color: #253a40;
    border: 0;
}
.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page-content {
    min-height: 480px;
    border-top: 1px solid #c4c4c4;
}
.order-compleate {
    padding: 70px 20px 280px 237px;
}
.order-compleate img {
    width: 132px;
    height: 132px;
}
.complete-content {
    padding-left: 22px;
}
.complete-content p {
    font-size: 13px;
    line-height: 1.6;
}
.complete-content p span {
    color: #253a40;
    font-family: 'Raleway Bold', sans-serif;
}
.complete-h1 {
    font-size: 22px;
    margin-bottom: 20px;
    padding-left: 3px;
}

/***********************************************
********** TRANSFER STYLES
************************************************/


.transfer-page {
    background: white;
    padding: 0 60px;
}

.transfer-page .page-title {
    padding: 20px 0 10px 0;
}

#page-tabs .page-tabs:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}
#page-tabs .page-tabs .page-tab {
    float: left;
    cursor: pointer;
}
#page-tabs .page-tabs .page-tab:last-child {
    border-right: none;
}
#page-tabs .page-tab-content .page-tab-cont {
    display: none;
}
#page-tabs .page-tab-content .page-tab-cont.active {
    display: block;
}
#page-tabs .page-tab {
    padding: 15px 0;
    color: #a4a7a9;
    margin-right: 30px;
    border-bottom: 2px solid transparent;
}
#page-tabs .page-tab.active {
    color: black;
    border-bottom: 2px solid #1d2d33;
}
.transfer-top {

    padding: 10px 60px 0 60px;
}
.transfer-table {
    text-align: center;
    padding-right: 20px;
}
.transfer-line {
    background: #dee0e1;
    margin-left: -60px;
    padding-left: 60px;
    margin-right: -20px;
}
.transfer-table__header {
    font-family: 'Raleway Bold', sans-serif;
    margin-bottom: 10px;
}
.transfer-line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px 20px 5px 60px;
}
.transfer-top__text {
    padding-left: 25px;
    padding-top: 5px;
    font-size: 11px;
    line-height: 1.2;
}

.transfer-top__text.text-fix-adjust{
    padding-top: 26px;
}

.transfer-top__text p {
    margin-bottom: 12px;
}
.transfer-top__text p img {
    margin-bottom: -2px;
    margin-left: 3px;
}
.transfer-text {
    padding: 25px 0 0 0;
}
.transfer-text p {
    /*//   padding-bottom: 25px;*/
    /*//    line-height: 1.3;*/
}

.transfer-top__text.text-fix-adjust p:first-child {
    margin-bottom: 30px;
    margin-top: 10px;
}
.transfer-text p a {
    color: #14282d;
    text-decoration: none;
    font-family: 'Raleway Bold', sans-serif;
}
.transfer-text p strong {
    display: block;
    margin-bottom: 2px;
    font-size: 15px;
}
.transfer-text i {
    font-size: 11px;
    font-style: italic;
}

.transfer-text ol li, .transfer-text ul li {
    margin-left: 25px;
    margin-top: 5px;
}

.transfer-text  ol {
    list-style: circle outside;
}

.transfer-text h3
{
    text-align: center;
    padding-bottom: 5px;
    padding-top: 10px;
}

.transfer-top {

    /*//   padding: 10px 60px 0 60px;*/
}

/***********************************************
********** CERTIFICATE STYLES
************************************************/
.certificate-item{width:32%}
.certificate-item img{width:100%;height:auto}

/***********************************************
********** NEWS STYLES
************************************************/

.news-grid-wrap {
    margin-bottom: 20px;
    margin-top: 5px;
}
.news-item {
    padding: 10px 0;
    border-bottom: 1px solid #c4c4c4;
    width:100%;
}
.news-image {
    margin-right: 25px;
}
.news-image img {
    width: 180px;
}
.news-item-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    line-height: 1;
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
}
.news-item-date img {
    width: 15px;
    margin-right: 5px;
}
.news-item-title {
    display: block;
    margin: 15px 0;
    font-size: 15px;
    text-decoration: none;
    color: black;
    font-family: 'Raleway Medium', sans-serif;
}
.news-item-preview {
    line-height: 1.2;
}
.news-item-wrap {
    padding-top: 4px;
}
.news-detail {
    padding: 0 30px 30px 30px;
}
.news-detail-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 16px 0px;
}
.news-detail-content {
    line-height: 1.2;
}
.news-detail-content p {
    margin-bottom: 20px;
}
.news-detail-content strong {
    display: block;
    margin-bottom: 15px;
}
.news-detail-content .btn {
    padding: 15px 30px;
    display: block;
    max-width: 200px;
    margin-top: 10px;
}
.news-detail-content img{
    max-width:100%;
}

/***********************************************
********** BASKET STYLES
************************************************/

.basket-items {
    background: white;
}
.basket-delete {
    display: inline-block;
}
.basket-item {
    padding: 20px;
    border-bottom: 1px solid #c4c4c4;
}
.basket-item__picture {
    text-align: center;
    max-width: 120px;
    width: 100%;
    position: relative;
}
.basket-item__picture img {
    margin: 0 auto;
    max-width: 100%;
}
.basket-item__total {
    font-size: 15px;
    font-weight: bold;
    width: 140px;
    text-align: center;
}
.basket-item__total span {
    margin-right: 10px;
}
.basket-item__name {
    width: 260px;
    padding-left: 20px;
}
.basket-item__name a {
    font-size: 15px;
    text-decoration: none;
    color: black;
    width: 100%;
    display: block;
    padding: 0;
}
.basket-item__size {
    width: 90px;
    text-align: center;
    line-height: 1.4;
}
.basket-item__size a {
    color: #13252a;
    text-decoration: none;
    font-size: 11px;
}
.basket-item__price {
    width: 120px;
    padding-left: 10px;
}
.basket-item__price .product-new-price {
    font-size: 15px;
}
.basket-item__price .product-new-price span {
    font-size: 15px;
}
.basket-item__price .product-old-price,
.basket-item__price .product-old-price span {
    font-size: 14px;
}

.basket-item__quantity {
    position: relative;
    width: 90px;
    margin-left: 10px;
}
.quantity {
    position: relative;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity input[type=number] {
    -moz-appearance: textfield;
    background: rgba(189,189,189,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,189,189,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(189,189,189,1)));
    background: -o-linear-gradient(top, rgba(189,189,189,1) 0%, rgba(255,255,255,1) 51%, rgba(189,189,189,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189,189,189,1)), color-stop(51%, rgba(255,255,255,1)), to(rgba(189,189,189,1)));
    background: linear-gradient(to bottom, rgba(189,189,189,1) 0%, rgba(255,255,255,1) 51%, rgba(189,189,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#bdbdbd', GradientType=0 );
}
.quantity input {
    width: 40px;
    height: 25px;
    display: block;
    padding: 0;
    margin-left: 25px;
    padding-left: 0;
    border: 0;
    text-align: center;
    font-family: 'Raleway Regular', sans-serif;
}
.quantity input:focus {
    outline: 0;
}
.quantity-nav {
    position: absolute;
    height: 25px;
    width: 90px;
    top: 0;
    left: 0;
}
.quantity-button {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    background: #1d2d33;
    font-size: 15px;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.quantity-button.quantity-up {
    position: absolute;
    top: 0;
    right: -25px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.quantity-button.quantity-down {
    position: absolute;
    top: 0;
    left: 25px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.basket-total {
    padding: 15px 70px 15px 60px;
}
.basket-total__price {
    font-size: 15px;
    font-weight: bold;
}
.basket-total__price span {
    font-size: 22px;
    font-family: 'Raleway Light', Arial, sans-serif;
    font-weight: normal;
    padding-left: 20px;
}
.basket-promocode {
    width: 250px !important;
    padding: 0 35px 0 25px;
    border: 0 !important;
    background: #F1F1F1;
}


.basket-promocode:focus {
    outline: 0;
}
.promocode-block {
    position: relative;
}

.promocode-block:after {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 35px;
    height: 100%;
    background: #1d2d33;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.promocode-block:before {
    content: '';
    position: absolute;
    top: 15px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #ffffff;
    border-bottom: 5px solid transparent;
    z-index: 2;
}
.basket-order {
    padding: 20px 0 0 0;
    overflow-x: hidden;
    width: calc(100% - 400px);
}
.thank-page .card__btn{
    width: auto;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-transform: none;
    padding: 0 20px;
    line-height: 36px;
    margin-top:5px;
}

.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.thank-page {
    padding: 70px 20px 280px 177px;
    min-height: 450px;
}

.basket-title {
    font-size: 22px;
    margin-bottom: 20px;
    font-family: 'Raleway Medium', Arial, sans-serif;
}

.form-step__radio[type=radio], .form-step__radio[type=checkbox] {
    display: none;
}
.form-step__radio[type=radio]:checked + .pretty-radio:after,
.form-step__radio[type=checkbox]:checked + .pretty-radio:after {
    display: block;
}
.form-step__radio[type=radio]:checked + .pretty-radio:before,
.form-step__radio[type=checkbox]:checked + .pretty-radio:before {
    -webkit-box-shadow: inset 0 0 3px 1px rgba(128, 128, 128, 0.23);
    box-shadow: inset 0 0 3px 1px rgba(128, 128, 128, 0.23);
}

.step-input {
    margin-bottom: 5px;
}

/* .step-input__name .bx-authform-starrequired {display: none} */


.step-input__input {
    width: 200px;
    height: 25px;
    margin-right: 42px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: inset 0px 0px 4px 0px #d0d0d0;
    box-shadow: inset 0px 0px 4px 0px #d0d0d0;
    padding: 0px 15px;
    font-family: 'Circe Regular', Arial, sans-serif;
}

.step-input__input.warning {
    border: 1px solid red;
}

.step-input__input::-moz-placeholder {
    color: #ffd595; /* Цвет подсказывающего текста */
}
.step-input__input::-webkit-input-placeholder { color: #cccccc; font-size: 11px; }
.step-input__input:-ms-input-placeholder { color: #cccccc; font-size: 11px; }
.step-input__input::-ms-input-placeholder { color: #cccccc; font-size: 11px; }
.step-input__input::placeholder { color: #cccccc; font-size: 11px; }

.step-input__double .step-input__input {
    width: 66px;
    text-align: center;
    margin-right: 5px;
}
.step-input__double .step-input__name {
    max-width: 70px;
    margin-right: 51px;
}
.form-step-2 .step-input__double .step-input__name {
    max-width: 70px;
}
.double-right .step-input__name {
    margin-right: 0px;
}
.double-right .step-input__input {
    margin-right: 5px;
    margin-left: 5px;
}

.pretty-radio {
    padding-left: 40px;
    display: block;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}
.pretty-radio__description {
    font-size: 11px;
    color: #999999;
    line-height: 1.3;
}
.pretty-radio:before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 50%;
    left: 5px;
    top: 14px;
    margin-top: -15px;
    background: white;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(128, 128, 128, 0.23);
    box-shadow: inset 0 0 3px 1px rgba(128, 128, 128, 0.23);
}
.pretty-radio:after {
    content: "";
    background: #312f2c;
    display: none;
    width: 13px;
    height: 13px;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 50%;
    left: 9px;
    top: 14px;
    margin-top: -11px;
}
.pretty-radio__title {
    margin-bottom: 15px;
    font-family: 'Raleway Medium', sans-serif;
}

.form-step__name {
    font-size: 15px;
    margin-bottom: 25px;
    overflow: hidden;
}
.form-step__name span {
    font-size: 16px;
    line-height: 1.1;
    width: 22px;
    height: 22px;
    background: #13272c;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    margin-right: 10px;
    color: white;
    border-radius: 100%;
    position: relative;
    font-family: 'Circe Regular', Arial, sans-serif;
}

.form-step__pay input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}
.form-step__pay input:active +.drinkcard-cc {
    opacity: .9;
}
.form-step__pay input:checked +.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    border: 1px solid black;
}
.drinkcard-cc {
    padding: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    width: 100%;
    height: 100px;
    max-width: 100%;
    margin: 0;
    text-align: center;
    justify-content: center;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    background: white;
    border-radius: 5px;
    border: 1px solid #dddddd;
    font-size: 11px;
    line-height: 1.1;
    font-weight: bold;
}
.drinkcard-cc img {
    display: block;
    margin-bottom: 2px;
}
.form-step__pay-info {
    font-size: 11px;
    color: #999;
    line-height: 1.2;
    margin-top: 15px;
}
.form-step__pay-info a {
    text-decoration: none;
    color: #003333;
}
.form-step__pay {
    justify-content: space-between;
}
.pay-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
    width: 49%;
}
.form-step__comment {
    padding-left: 40px;
}
.step-input__comment {
    height: 160px;
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: inset 0px 0px 3px 1px #d0d0d0;
    box-shadow: inset 0px 0px 3px 1px #d0d0d0;
    resize: none;
    padding: 10px 15px;
    font-family: 'Raleway Regular', Arial, sans-serif;
    margin-bottom: 15px;
}
.step-input__comment:focus {
    outline: 0;
}
.form-step__order-text {
    font-size: 11px;
    color: #999;
    line-height: 1.2;
}
.form-step__order-text a {
    color: #003333;
}
.form-step__order-button .btn-buy {
    width: 145px;
    padding: 7px 5px;
    font-size: 13px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #1d2d33;
    font-family: 'Raleway Medium', Arial, sans-serif;
    cursor: pointer;
}

.form-step__order-button .btn-buy:hover{
    background: #CA911F;
}

/***********************************************
********** REVIEWS STYLES
************************************************/

.reviews-nav {
    border-top: 1px solid #A4A7A9;
    padding: 0 60px;
}
.reviews-nav__item {
    padding: 15px 20px;
    font-size: 18px;
    line-height: 1;
    color: #A4A7A9;
    border-bottom: 2px solid transparent;
}
.reviews-nav__item.active {
    border-bottom: 2px solid #1d2d33;
    color: black;
    text-decoration: none;
}
.reviews-nav__item a {
    color: #A4A7A9;
    text-decoration: none;
}
.reviews-nav__item.active a {
    color: black;
    text-decoration: none;
}

.reviews-page {
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
}
.reviews-page .page-header {
    padding: 10px 0;
}
.reviews-form {
    background: #fdfaf5;
    padding: 15px 20px 25px 20px;
}
.reviews-item {
    padding: 25px 0;
    border-bottom: 1px solid #A4A7A9;
}
.reviews-item:last-of-type {
    border-bottom: 0;
    margin-bottom: 5px;
}
.reviews-item .reviews-link {
    font-family: 'Raleway Medium', sans-serif;
    font-size: 11px;
    margin-top: 25px;
}
.reviews-item .reviews-link a {
    color: #1d2d33;
    text-decoration: none;
}
.reviews-item .reviews-text strong {
    display: block;
    margin-top: 20px;
    margin-bottom: 2px;
}
.reviews-item .reviews-date {
    font-size: 11px;
    color: #A4A7A9;
    margin-top: 25px;
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
}
.reviews-item .reviews-name {
    font-family: 'Raleway Bold', Arial, sans-serif;
}
.reviews-form__item {
    padding-right: 15px;
}
.reviews-form__item:last-child {
    padding-right: 0;
}
.reviews-form__item input[type="text"] {
    display: block;
    width: 100%;
    height: 25px;
    margin-right: 42px;
    border-radius: 5px;
    border: 1px solid #A4A7A9;
    -webkit-box-shadow: inset 0px 0px 4px 1px #A4A7A9;
    box-shadow: inset 0px 0px 4px 1px #A4A7A9;
    padding: 0px 15px;
    font-size: 11px;
    outline: 0 !important;
}

.reviews-form__item input[type="text"]:active {
    border: 1px solid #1d2d33 !important;
}

.reviews-form__item input[type="text"]:focus {
    border: 1px solid #1d2d33 !important;
}

.reviews-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#A4A7A9;
}
.reviews-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#A4A7A9;
    opacity:  1;
}
.reviews-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#A4A7A9;
}
.reviews-form input::-ms-input-placeholder { /* Microsoft Edge */
    color:#A4A7A9;
}

.reviews-form input::placeholder { /* Most modern browsers support this now. */
    color:#A4A7A9;
}

.reviews-form__item label {
    font-family: 'Raleway Bold', Arial, sans-serif;
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
}
.reviews-form__comment {
    margin: 15px 0;
}
.reviews-form__comment textarea {
    display: block;
    width: 100%;
    height: 60px;
    margin-right: 42px;
    border-radius: 5px;
    border: 1px solid #A4A7A9;
    -webkit-box-shadow: inset 0px 0px 4px 1px #A4A7A9;
    box-shadow: inset 0px 0px 4px 1px #A4A7A9;
    padding: 0px 15px;
    resize: none;
    padding-top: 5px;
}
.reviews-form__comment label {
    font-family: 'Raleway Bold', Arial, sans-serif;
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
}
.reviews-form__bottom .reviews-conf {
    font-size: 9px;
    color: #A4A7A9;
    line-height: 1.3;
}
.reviews-form__bottom .reviews-conf a {
    color: #13272c;
    text-decoration: none;
}
.reviews-form__submit {
    width: 150px;
    padding: 7px 5px;
    font-size: 13px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #1d2d33;
    font-family: 'Raleway Medium', Arial, sans-serif;
    cursor: pointer;
    transition: all 250ms;
}

.reviews-form__submit:hover{
    background: #CA911F;
}

.btn-reviews {
    background: #1d2d33;
    width: 150px;
    padding: 6px 13px;
}

.reviews-nav__item {
    font-weight: 400;
}


/***********************************************
********** ABOUT STYLES
************************************************/

.about-wrapper {
    padding: 0 30px;
}
.about-page .page-header {
    padding: 25px 30px;
}
.about-text{margin-bottom:30px;line-height:18px;letter-spacing:.005rem;}
.about-text p {
    margin-bottom: 20px;
}
.about-video {
    padding-bottom: 30px;
    border-bottom: 1px solid #A4A7A9;
    margin-bottom: 30px;
}
.about-video__right {
    padding: 20px 0;
}
.about-video__right strong {
    font-size: 15px;
    margin-bottom: 15px;
    display: block;
}
.about-video__right p {
    margin-bottom: 15px;
    line-height: 1.3;
}
.about-picture {
    margin-bottom: 30px;
}
.about-picture {
    padding-right: 15px;
    height: 160px;
    overflow: hidden;
}
.about-picture:last-of-type {
    padding-right: 0;
}
.about-picture img {
    max-width: 100%;
    height: auto;
    display: block;
}
.about-video__left {
    margin-right: 30px;
}
.about-video__left iframe {
    width: 350px;
}

.inner-link {
    display: block;
    width: 100%;
    height: 100%;
}

/***********************************************
********** ACTIONS STYLES
************************************************/

.action-list {
    margin: 60px 0 0 0;
}
.action-list .btn-buy {
    width: 132px;
    font-size: 13px;
    line-height: 1;
    padding: 10px 0;
}
.complete-content .btn-buy {
    margin-top: 13px;
    font-size: 13px;
    padding: 9px 26px;
    width: 180px;
}
.page-header {
    padding: 25px 30px;
}
.page-header .list-sort {
    padding-top: 3px;
}

.list-sort select{
    margin-right: 10px;
}

.page-title {
    font-size: 22px;
    margin-right: 25px;
    font-family: 'Raleway Medium', Arial, sans-serif;
}
.action-item {
    position: relative;
    min-height: 215px;
    border-radius: 5px;
    padding: 6px 8px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px rgba(128, 128, 128, 0.48);
    box-shadow: 0 0 5px rgba(128, 128, 128, 0.48);
    background: #fdfaf5;
}
.action-title {
    color: #1d2d33;
    font-size: 15px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.action-preview {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.2;
}
.action-image {
    max-width: 425px;
    width: 46%;
    overflow: hidden;
    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;
    border: 1px solid #c4c4c4;
}
.action-image picture img {
    display: block;
    width: 100%;
}
.action-page .list-sort {
    padding-top: 5px;
    font-size: 11px;
}
.action-page select {
    font-size: 11px;
    outline: 0;
    margin-bottom: 2px;
}
.action-content {
    padding: 16px 24px;
}
.action-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    bottom: 20px;
    right: 35px;
    font-size: 11px;
    color: #A4A7A9;
    line-height: 1;
}
.action-date img {
    margin-left: 15px;
    margin-top: -1px;
}
.action-detail {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 15px;
    padding-top: 20px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.action-detail-img {
    max-width: 400px;
    width: 40%;
    overflow: hidden;
    line-height: 0;
    border: 1px solid #c4c4c4;
}
.action-detail-img img  {
    width: 100%;
    height: auto;
}

.action-detail-content {
    width: 60%;
    padding-top: 25px;
    padding-left: 30px;
}
.action-detail-title {
    font-size: 22px;
    margin-bottom: 20px;
    font-family: 'Raleway Bold', Arial, sans-serif;
}
.action-detail-text {
    line-height: 1.3;
}
.action-detail-date {
    color: #999;
    margin-bottom: 15px;
}
.action-detail-date img {
    margin-left: 10px;
}
.btn-action-detail {
    background: #1d2d33;
    padding: 6px 25px;
    margin-right: 10px;
}
.btn-action-detail:hover {
    background: #CA911F;

}
.action-detail-pag {
    padding: 0 60px;
}
.action-recommendations .title {
    padding: 20px 33px;
}
.search-page {
    padding-top: 20px;
}
.search-head {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
    padding: 0;
    flex-wrap:wrap;
}
.search-head .navigation-item,
.search-head .navigation-item select {
    font-size: 11px;
}

/***********************************************
********** BLOG STYLES
************************************************/

.blog-grid-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 32px;
}

.blog-grid {
    padding-top: 5px;
}
.blog-page {
    padding-right: 0;
}
.blog-item {
    position: relative;
}
.blog-item a,
.blog-item div{
    display: block;
    width: 100%;
    text-decoration: none;
    color: black;
    overflow: hidden;
}
.blog-image {
    display: block;
    width: 100%;
    height:300px;
}
.blog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 350ms ease-in-out;
}
.blog-image {
    position: relative;
}
.blog-tags {
    position: absolute;
    top: 24px;
    left: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.blog-tags label,
.blog-tags span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
    padding: 6px 10px;
    background: #F3D067;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #1d2d33;
}
.blog-tags label {
    cursor: pointer;
    transition: background 350ms ease-in-out, color 350ms ease-in-out;
}
@media (hover:hover) {
    .blog-tags label:hover {
        background: #1d2d33;
        color: #fff;
    }
}
.blog-filter {
    padding: 16px 30px 16px 30px;
    position: sticky;
    top: 0;
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
    margin: 0 -30px 16px -30px;
}
.blog-filter-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 58px;
}
.blog-filter-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.blog-filter-tab {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    background: #e9e9e9;
    color: #000;
    margin: 0;
    cursor: pointer;
    transition: color 350ms ease-in-out, background 350ms ease-in-out;
}
.blog-filter-tab input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

}
.blog-filter-tab_active {
    background: #1d2d33 !important;
    color: #fff !important;
}
.blog-filter-search {
    position: relative;
}
.blog-filter-search-area[type="text"] {
    border-radius: 4px;
    border: none;
    outline: 1px solid transparent !important;
    text-indent: unset;
    height: auto;
    min-width: 320px;
    padding: 14px 52px 14px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
    color: #000000;
    white-space: nowrap; /* Текст не переносится */
    overflow: hidden; /* Обрезаем всё за пределами блока */
    text-overflow: ellipsis;
    background: #F4F4F4;
    transition: outline 350ms ease-in-out;
}
.blog-filter-search-area[type="text"]:focus-visible {
    outline-color: #1d2d33 !important;
}
.blog-filter-search-area[type="text"]::placeholder {
    color: #9C9C9C;
}
.blog-filter-search-icon {
    position: absolute;
    top: 14px;
    right: 16px;
    background: url("/local/templates/matramax/assets/img/youknowitisloupe.svg") center center/cover no-repeat;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}
.blog-filter-search-icon input {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
@media (hover:hover) {
    .blog-filter-tab:hover {
        background: #1d2d33 !important;
        color: #fff !important;
    }
}
.blog-item-title {
    font-size: 18px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    margin: 10px 0 10px 0;
    line-height: 1.2;
    transition: color 350ms ease-in-out;
}
@media (hover:hover) {
    .blog-item:hover .blog-item-title{
        color: #F3D067;
    }
    .blog-item:hover .blog-image img{
        transform: scale(1.1);
    }
}
div.blog-item-preview {
    font-size: 16px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
div.blog-item-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0,0,0,.45);


}
.blog-item-date img {
    margin-right: 7px;
    height: 15px;
}
.blog-list-bottom {
    margin-right: 30px;
    width:100%;
}
.blog-list-bottom .list-pag {
    margin-top: 0;
}
.blog-search-page{
    display: flex;
    flex-direction: column;
    gap: 10px;

}
.blog-search-page-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/***********************************************
********** VIDEO STYLES
************************************************/

.video-grid {
    padding-top: 10px;
    padding-bottom: 25px;
}
.video-item {
    margin-bottom: 25px;
    padding-right: 10px;
}
.video-title {
    padding-left: 3px;
    font-size: 13px;
    color: #1d2d33;
    margin-top: 8px;
}

/***********************************************
********** COMPARE STYLES
************************************************/

.compare-page {
    margin-bottom: 20px;
}
.compare-head {
    padding: 20px 30px 25px 30px;
}
.compare-page .compare-nav a {
    color: #12252a;
    text-decoration: none;
}
.compare-page .page-title {
    margin-right: 30px;
}
.compare-item .property-line:nth-child(odd) {
    background: #e7eaea;
}
.compare-item .property-line {
    padding: 4px 15px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 11px;
    line-height: 1;
}
.compare-item .product-name {
    min-height: 48px;
}
.compare-item .compare {
    background: #d6b858;
    padding: 2px 5px;
}
.compare-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0 10px 0;
}
.compare-buttons .btn-buy {
    padding: 5px 32px;
    margin-bottom: 10px;
}
.compare-buttons .btn-text {
    color: #1d2d33;
    font-size: 11px;
    text-decoration: none;
}

/***********************************************
********** ADDRESSES STYLES
************************************************/

.addresses-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;

}

.addresses-list-wrapper {
    width: 35%;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.addresses-naming {
    margin-bottom: 25px;
}

.addresses h1 {
    margin: 20px 60px;
    font-size: 22px;
}

.addresses-selection {
    padding: 20px 30px;
    border-bottom: 1px solid #E9E9E9;
}

.addresses-selection label {
    font-size: 13px;
    margin-right: 20px;
}

.addresses-selection select {
    padding: 9px 17px;
    width: 100%;
    border-radius: 3px;
    background-color: #CBA84C;
    outline: none;
    border: none;
    -webkit-appearance : none;
    /* for FF */
    -moz-appearance    : none;
    text-indent        : 0.01px;
    text-overflow      : '';
    /* for IE */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.addresses-selection select::-ms-expand {
    display: none;
}

.addresses-selection option {
    font-size: 11px;
    color: rgb(90, 90, 90);
    line-height: 3.503;
}

.addresses-list {
    overflow: auto;
    min-height: 425px;
    height: calc(100vh - 570px);
}

.addresses-list-image {
    position: relative;
    border-radius: 5px;
    margin-right: 5%;
    width: 35%;
    height: auto;
}

.addresses-list-image img{
    width:100%;
    height:auto;
}

.addresses-list-left h3 {
    color: #253a40;
    font-size: 13px;
    margin-bottom: 15px;
}

.addresses-list-left {
    padding: 15px 5% 15px 0;
    width:60%;
}



.addresses-list-left p {
    font-size: 11px;
}

.addresses-list-left p+p {
    margin-top: 10px;
}

.addresses-list-left p span {
    font-family: 'Raleway Bold', sans-serif;
    margin-right: 5px;
}

.addresses-list-left p a {
    color: black;
    text-decoration: none;
}

.addresses-list-left p a:hover {
    text-decoration: underline;
}

.addresses-map {
    width: 65%;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

#map {
    height: calc(100vh - 470px);
    width: 100%;
    min-height: 525px;
}



/*Новые стили для модалки добавления в корзину 06.02.2023*/

.modal {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background-color: #000000c0;
    z-index: 9999999999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 0;
    left: 0;
    right: 0;
}
.modal-add-product {
    max-height: 95%;
}
.modal img {
    max-width: 100%;
    height: auto;
}

.modal.active {
    opacity: 1;
    pointer-events: all;
}



.modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1000px;
    width: 100%;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    padding: 20px 40px 20px 40px;
}

.modal__scroll-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #DDDDDD transparent;
    overflow-y: auto;
    overflow-x: hidden;

}
.modal__scroll-container::-webkit-scrollbar {
    background: transparent;
    width: 0.5em;
}
.modal__scroll-container::-webkit-scrollbar-track {
    background: transparent;
}
.modal__scroll-container::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #888;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.modal-close {
    position: absolute;
    right: 13px;
    top: 10px;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: transparent;
    overflow: visible;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    outline: none;
}
.modal-close svg {
    width: 22px;
    height: 22px;
    fill: #1d2d33;
    transition: all 350ms;
}
.modal-close:hover svg {
    fill: #DBA30F;
}
.modal-image {
    padding: 25px 18px;
    width: 200px;
}

.modal-notice {
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 31px;
    color: #000000;

}
.modal-buttons {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px
}
.modal-buttons .modal-button:first-child {
    margin-right: 20px;
}

.modal-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 15px 30px !important;
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;

}

.modal-button.modal-button__white  {
    border: 1px solid #1d2d33;
    background: transparent;
    color: #1d2d33;
}

.modal-button.modal-button__white:hover  {
    background: #1d2d33;
    color: #fff;
}

/*стили для нижнего блока в модалке*/
.modal-title {
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
}
.modal-title_mb15 {
    margin-bottom: 15px;
}
.modal-purchase {
    display: flex;
    flex-direction: column;
}
.modal-purchase__wrapper,
.modal-offer {
    display: flex;
    justify-content: space-between;
}
div.modal-purchase__list-grid {
    position: relative;
    margin-bottom: 15px;
}

div.modal-purchase__card-wrapper {
    flex-wrap: nowrap;
    justify-content: unset;
}
.modal-purchase__card-wrapper .card__item {
    margin: 0;
    padding: 10px;
}
div.modal-purchase__card-bottom {
    align-items: flex-start;
    margin-top: 10px;
}
.modal-purchase__card-bottom .card__btn {
    order: 2;
    border: 1px solid #1d2d33;
    background: transparent;
    color: #1d2d33;
    text-transform: capitalize;
}
.modal-purchase__card-bottom .card__btn:hover {
    background: transparent;
}
.modal-purchase__card-bottom .card__price {
    text-align: left;
    order: 2;
}
a.modal-purchase__card-title {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-decoration: underline;
    transition: all 350ms;
}
a.modal-purchase__card-title:hover {
    color: #CBA84C;
}
a.modal-purchase__card-button {
    letter-spacing: 0;
    width: 90px;
}
.modal-offer-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 136px;
}

.modal-offer-card:not(:last-child) {
    margin-right: 40px;
}

.modal-offer-product:hover .modal-offer-descr {
    color: #DBA30F;
}
.modal-offer-text {
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #052A1C;
}
.modal-offer-img {
    margin-bottom: 12px;
}
.modal-offer-img img{
    width: 100%;
    max-width: 95px;
    height: auto;
}
.modal-offer-change {
    color: #DBA30F;
    margin-right: 40px;
    padding-bottom: 7px;
    transition: all 350ms;
}
.modal-offer-change:hover {
    color: #1d2d33;
}
.modal-offer-footer,
.modal-total-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.modal-offer-cost {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.modal-offer-descr {
    max-width: 160px;
    transition: all 350ms;
}
.modal-offer-product {
    display: block;
    margin-bottom: 5px;
}
.modal-offer-discount {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: right;
    color: #B0AFAF;
}
.modal-offer-discount span {
    text-decoration: line-through;
    white-space: nowrap;
}
.modal-offer-total {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    text-align: right;
    white-space: nowrap;
    color: #052A1C;
}
.modal-total-cost {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 147px;
    padding-left: 40px;
    border-left: 1px solid #DDDDDD;
}
.modal-total-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.modal-total-row:not(:last-child) {
    margin-bottom: 17px;
}

.modal-total-text {
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 11px;
    color: #B0AFAF;
}
.modal-total-button {
    height: 38px;
    padding: 10px 30px !important;
    border: 1px solid #1d2d33;
    background: transparent;
    color: #1d2d33 !important;
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

.modal-total-button:hover  {
    background: #1d2d33;
    color: #fff !important;
}
.modal-text-line {
    display: flex;
    flex: 1 1 auto;
}
.modal-text-line::after {
    display: inline-block;
    content: '';
    flex: 1 1 auto;
    border-bottom: 1px dashed #B0AFAF;
}
.modal-text_red {
    color: #F42C2C;
}
.modal-text_black {
    color: #000000;
}
.modal-text_big {
    font-size: 22px;
}
.modal-text_middle {
    font-size: 17px;
}
.modal-text_font_circe {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
}
.modal-order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    margin-bottom: 25px;
}
.modal-order-img {
    position: relative;
    margin-right: 40px;
}
.modal-order-offer {
    position: absolute;
    right: 5px;
    bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #F42C2C;
    border-radius: 100%;
}
.modal-order-img img {
    max-width: 125px;
}
.modal-order-product {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-order-name {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    max-width: 215px;
}
.modal-order-name-mob {
    display: none;
}

.modal-order-sum {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.modal-order-price {
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    white-space: nowrap;
}
.modal-order-discount{
    text-decoration-line: line-through;
    color: #B0B0B0;
}

.modal-counter {
    display: none;
    align-items: center;
    margin-right: 66px;
}
.modal-counter-input[type="text"] {
    width: auto;
    max-width: 45px;
    background: transparent;
    display: flex;
    height: 100%;
    border: none;
    outline: none;
    justify-content: center;
    text-align: center;
    text-indent: unset;
}

.modal-counter-minus {
    background: url(/local/templates/matramax/components/bitrix/sale.basket.basket/modern-full/./images/icons/minus.svg) center center/40% no-repeat;
}
.modal-counter-plus {
    background: url(/local/templates/matramax/components/bitrix/sale.basket.basket/modern-full/./images/icons/plus.svg) center center/40% no-repeat;
}
.modal-counter-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    border-radius: 100%;
    outline: none;
    border: none;
    background-color: #fff;
    color: #1d2d33;
    transition: all 350ms;
}
.modal-counter-button:hover {
    background-color: #DDDDDD;
}

.modal__link-back {
    margin-bottom: 22px;
}

.modal__kit {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.modal__kit-current {
    margin-right: 40px;
    padding-right: 30px;
    border-right: 1px solid #DDDDDD;
    min-width: 175px;
}
.modal__kit-current-scroll {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    max-height: 340px;
    scrollbar-width: thin;
    scrollbar-color: #DDDDDD transparent;
}
.modal__kit-scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: scroll;
    max-height: 340px;
    scrollbar-width: thin;
    scrollbar-color: #DDDDDD transparent;
}


.modal__kit-scroll::-webkit-scrollbar,
.modal__kit-current-scroll::-webkit-scrollbar {
    background: transparent;
    width: 0.5em;
    height: 0.5em;
}
.modal__kit-scroll::-webkit-scrollbar-track,
.modal__kit-current-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.modal__kit-scroll::-webkit-scrollbar-thumb,
.modal__kit-current-scroll::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #DDDDDD;
}

.modal__kit-scroll .modal-offer-card {
    margin-right: 25px;
    margin-bottom: 25px;
}
.modal__kit-current-scroll .modal-offer-card {
    margin-right: 0;
    margin-bottom: 25px;
}

.modal__kit-scroll::after {
    content: '';
    display: block;
    width: 186px;
}
.modal__kit-title {
    font-family: 'Raleway Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #B0AFAF;
    margin-bottom: 20px;
}

.modal-purchase__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    min-width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    background: #CBA84C;
}
.modal-purchase__arrow img{
    max-width: 25%;
}

.modal-purchase__arrow-prev {
    left: 5px;
    right: auto;
    transform: translateY(-50%) rotate(180deg);
}
.modal-purchase__arrow-next {
    right: 5px;
    left: auto;
    transform: translateY(-50%) rotate(0deg);
}
.modal-purchase__arrow-prev.swiper-button-disabled,
.modal-purchase__arrow-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

ul.modal-purchase__select-size {
    max-height: 80px;
}
.modal-purchase__card-content {
    justify-content: unset;
}
.modal-purchase__card-content .card__content{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
.modal-purchase__card-top .card__title-wrapper {
    padding-left: 0;
    padding-right: 0;
    min-height: unset;
    margin-bottom: 10px;
}
.modal-purchase__card-top .card__img {
    margin-bottom: 10px;
    min-height: unset;
    align-items: unset;
}
.modal-tabs {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    overflow-y: hidden;
    overflow-x: auto;
    background-color: #f1f1f1;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.modal-tabs::-webkit-scrollbar {
    background: transparent;
    width: 0;
    height: 0;
}
.modal-tabs::-webkit-scrollbar-track {
    background: transparent;
}
.modal-tabs::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
}

.modal-tab {
    background-color: #f1f1f1;
    color: #b0afaf;
    border: 0.0625rem solid #f1f1f1;
    border-radius: 0.25rem;
    display: block;
    padding: 7px 10px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}
.modal-tab_active {
    color: #000;
    border-color: #1d2d33;
}
.modal-tab:hover {
    color: #000;
    border-color: #1d2d33;
}
.modal-tab:not(:last-child) {
    margin-right: 10px;
}
/*********************************************************/

/*Стили для кнопки назад*/
.link-back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    line-height: 31px;
    position: relative;
}
.link-back__arrow {
    cursor: pointer;
    margin-right: 18px;
    padding-left: 20px;
    color: #cba84c;
    transition: all 350ms;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    line-height: 31px;
    position: relative;
}
.link-back__arrow::before {
    background: url(/local/templates/matramax/components/lince/sale.order.ajax/modern/images/icons/arrow-left.svg) 50% / cover no-repeat;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
}
.link-back__title {
    padding-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    line-height: 31px;
    position: relative;
}
.link-back__title::before {
    background-color: #ddd;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
}
/*********************************************************/
.about-main {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
    padding-right: 55px;
    margin-bottom: 45px;
    width: 281px;
    height: 117px;
    border-width: 1px;
    border-color: rgb(232, 232, 232);
    border-style: solid;
    border-radius: 5px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

.about-link:hover {
    background-color: #fdfaf5;
    border-color: #1d2d33;
}

.about-link span {
    display: inline-block;
    max-width: 75px;
    color: #13252a;
    font-size: 15px;
    font-family: 'Raleway Medium', sans-serif;
}

.about-link-icon {
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
}

.about-link-icon--car {
    background-image: url(../img/customer1.png);
    width: 65px;
    height: 45px;
}

.about-link-icon--warranty {
    background-image: url(../img/customer2.png);
    width: 43px;
    height: 51px;
}

.about-link-icon--payment {
    background-image: url(../img/customer3.png);
    width: 55px;
    height: 55px;
}

.about-link-icon--cashback {
    background-image: url(../img/customer4.png);
    width: 58px;
    height: 63px;
}

.about-link-icon--article {
    background-image: url(../img/customer5.png);
    width: 59px;
    height: 54px;
}

.about-link-icon--choice {
    background-image: url(../img/customer6.png);
    width: 55px;
    height: 62px;
}

#swiper-fix {
    height: auto !important;
    padding-bottom: 50px;
}


/***********************************************
********** certificates STYLES
************************************************/

.certificates-breadcrumbs {
    padding: 10px 62px;
    font-size: 11px;
}

.certificates-naming {
    padding: 17px 0 20px 0;
    margin-bottom: 5px;
    background-color: #e9e9e9;
    border-top: 1px solid rgb(196, 196, 196);
}

.certificates-naming p {
    padding-left: 62px;
}

.certificates-naming p a {
    font-family: 'Raleway Medium', sans-serif;
    color: #14282c;
    font-size: 13px;
    text-decoration: none;
}

.certificates-naming p a:hover {
    text-decoration: underline;
}

.certificates-naming h1{
    margin: 0 60px;
    margin-bottom: 10px;
    font-size: 22px;
}

.certificates {
    padding: 25px 60px;
}

.certificates-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
}

.certificates-list {
    margin-left: -30px;
}

.certificates-item {
    position: relative;
    margin-left: 30px;
    width:212px;
    height: 297px;
    margin-bottom: 80px;
    text-decoration:none;
}

.certificates-item img {
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: rgb(37, 58, 64);
    border-style: solid;
    cursor: pointer;
}

.certificates-item p {
    margin-top: 10px;
    color: #253a40;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 13px;
    text-align: center;
}

.certificates-slider-container{
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background-color: #000000c0;
    z-index: 999;
    opacity: 1;
    /* pointer-events: none; */
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.certificates-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width:31vw;
    height: 82vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.certificates-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
}


.certificates-slider-container {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    pointer-events: none;
}

.certificates-slider-container.js-enable {
    opacity: 1;
    pointer-events: all;
}

.certificates-close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
    height: 35px;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: white !important;
    font-size: 13px;
    overflow: visible;
    background-repeat: no-repeat;
    background: transparent;
    background-image: url('../../../../company/certificates/closeButton.png');
    background-size: cover;
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    z-index: 999;
}

/* Custmores tabs fix */
.tabs-fix span {
    display: inline-block;
}
.tabs-fix span+span {
    margin-top: 10px;
}

.text-fix p {
    max-width: 345px;
}

.transfer-top__text.text-fix-adjust p:first-child {
    margin-bottom: 30px;
    margin-top: 10px;
}

.contacts-titles {
    font-family: 'Raleway Bold', sans-serif;
    font-size: 15px !important;
    color: #000 !important;
    margin-bottom: 10px;
}

.contacts-titles p, .contacts-wrapper {
    color: #000;
}

.product-annotation--top b {
    display: inline-block;
}

.product-annotation--top p
{
    font-size: 12px;
    color: #000 !important;
    font-family: 'Raleway Regular', Arial, sans-serif!important;
}

.product-annotation--top p+p {
    margin-top: 5px;
}
.checkbox-container span {
    font-family: 'Raleway Regular', sans-serif !important;
    font-size: 12px !important;
}
.property-line .prop-value span {
    max-height: 14px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-family: 'Circe Regular', sans-serif;
}
.property-line .prop-value span.props-more:after {
    content: '...';
    position: absolute;
    bottom: 0;
    right: 0px;
}


/* START TOOLTIP STYLES */
.prop-value[tooltip] {
    position: relative; /* opinion 1 */
}
.prop-value[tooltip]::before,
.prop-value[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
.prop-value[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
.prop-value[tooltip]::after {
    content: attr(tooltip);
    min-width: 150px;
    max-width: auto;
    overflow: hidden;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    -webkit-box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    text-align: center;
    z-index: 1000; /* absurdity 2 */
}
.prop-value[tooltip]:hover::before,
.prop-value[tooltip]:hover::after {
    display: block;
}
.prop-value[tooltip='']::before,
.prop-value[tooltip='']::after {
    display: none !important;
}
.prop-value[tooltip]:not([flow])::before,
.prop-value[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
.prop-value[tooltip]:not([flow])::after,
.prop-value[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
.prop-value[tooltip]:not([flow])::before,
.prop-value[tooltip]:not([flow])::after,
.prop-value[tooltip][flow^="up"]::before,
.prop-value[tooltip][flow^="up"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, -.5em);
    -ms-transform: translate(-50%, -.5em);
    transform: translate(-50%, -.5em);
}
.card-info__value.prop-value{
    width: 108px;
}
.card-info__value.prop-value .prop-value__sub {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@-webkit-keyframes tooltips-vert {
    to {
        opacity: .9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-vert {
    to {
        opacity: .9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
.prop-value[tooltip]:not([flow]):hover::before,
.prop-value[tooltip]:not([flow]):hover::after,
.prop-value[tooltip][flow^="up"]:hover::before,
.prop-value[tooltip][flow^="up"]:hover::after {
    -webkit-animation: tooltips-vert 300ms ease-out forwards;
    animation: tooltips-vert 300ms ease-out forwards;
}
.catalog-detail-slider .detail-top .swiper-slide {
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    border: 1px solid rgb(196, 196, 196);
    height: 358px;
    margin-top: 4px;
    margin-right: 4px;
    background: white;
    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;
    overflow: hidden;
}
.catalog-detail-slider .detail-top .swiper-slide img {
    max-height: 350px;
}
.breadcrumbs-line li.active {
    color: #b79147;
}


/*27.12.19*/
.content-and-sidebar {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-top: 25px; }
.content-and-sidebar__content {
    width: calc(100% - 400px); }
.content-and-sidebar__sidebar {
    width: 345px; }
.content-and-sidebar__sidebar aside {
    position: sticky;
    -ms-position: fixed;
    top: 0;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
}
.detail-control {
    margin-left: 0;
}
.detail-title {
    font-size: 22px;
    margin-right: 25px;
    font-family: 'Raleway Regular', sans-serif;

}

.breadcrumbs-line li::after {
    position: absolute;
    content: "•";
    color: black;
    left: -13px;
    top: -5px;
    font-size: 22px;
    line-height: 1;
}
.detail-tabs {
    padding-right: 0;
}
.detail-tabs .tabs {
    border-bottom: 1px solid #c4c4c4;
    padding-right: 29px;
}
.detail-tabs .tabs .tab {
    white-space: nowrap
}
.swiper-slide {
    height: auto;
    width: auto;
}
.catalog-product {
    height: 100%;
}
.product-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex-grow: 1
}
/*.feature-dots {*/
/*    position: absolute;*/
/*}*/
.feature-dots:after {
    top: -3px;
    left: 4px;
}
/*.feature-props {*/
/*    padding-left: 176px; }*/
.feature-props [data-role="prop-replace"]{
    min-height: 22px;
}
.catalog-detail-slider .detail-top .swiper-slide {
    border-left: none;
}
.swiper-container.gallery-top {
    margin-top: 4px;
    border: 1px solid rgb(196, 196, 196);
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    background: #fff;
}
.catalog-detail-slider .detail-top .swiper-slide {
    background: transparent;
    margin: 0 !important;
    border: none;
}
.catalog-detail-slider .product-sale {
    top: 0;
}
.catalog-detail-slider .detail-top .swiper-slide {
    height: 362px;
    box-shadow: none;
    webkit-box-shadow: none;
}
.components-item.flex-align-center {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.slick-thumbs__product {
    width: 258px;
    height: 80px;
    margin: 12px auto;
    z-index: 2;
}
.slick-thumbs__product [aria-label="Previous"]{
    display: none !important;
}
.slick-thumbs__product [aria-label="Next"]{
    display: none !important;
}
.slick-thumbs__product .slick-list {
    height: 76px;
}
.slick-thumbs__product .slick-track {
    height: 76px;
}
.slick-thumbs__product-thumb {
    width: 76px;
    height: 76px;
    margin: 0 5px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
}
.slick-thumbs__product-thumb.slick-current {
    border-color: #d0b935;
}
.slick-fullcreen__product {
    height: 364px;
    background: #fff;
    margin-top: 4px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px -1px;
    border: 1px solid rgb(196, 196, 196);
}
.slick-fullcreen__product .slick-track {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.slick-fullcreen__product img {
    height: 362px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.item-matrasy .slick-fullcreen__product img {
    height: 440px;
}

.item-matrasy .slick-fullcreen__product .slick-slide
{
    margin-top: -40px;
}

ul.slick-dots {
    display: block;
}
ul.slick-dots li {
    display: inline;
}
ul.slick-dots li button{
    font-size: 0;
    border: none;
    background-color: transparent;
}
ul.slick-dots li button:before{
    content: '';
    display: block;
    background: #b9b9b9;
    box-sizing: content-box;
    opacity: 1;
    margin-right: 22px;
    width: 6px;
    height: 6px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer
}
ul.slick-dots li.slick-active button:before{
    background: -o-linear-gradient(bottom, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(186,144,61,1)), to(rgba(240,222,114,1)));
    background: linear-gradient(0deg, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
}
#slick-recomend .slick-track {
    display: flex;
    height: 355px;
}
#slick-recomend {
    padding-bottom: 10px;
}
.catalog__wrap {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, auto));
    grid-template-rows: 350px;
    grid-auto-rows: 350px;
    gap: 25px;
    padding: 30px 0 30px 0;
}

.catalog__item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px 0 20px 20px;
    background: #1d2d33;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    overflow: hidden;
}
.catalog__item::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    z-index: 0;
    background: url("../img/main_page/matramax_pattern.svg") center center/cover no-repeat;
}

.catalog__item-img {
    display: flex;
    justify-content: flex-end;
    top: 10px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.catalog__item img {
    width: 100%;
    max-width: 380px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.catalog__item:hover .catalog__item-img img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.catalog__item-name {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #F4F4F4;
}
/*.catalog__item:nth-child(3n) {*/
/*    margin-right: 0; */
/*}*/

.sertificats-item {
    margin-right: 0;
}
#slick-sertificat .swiper-slide {
    margin-right: 0;
    padding: 0 50px;
    padding-bottom: 95px !important;
}
#slick-sertificat .slick-track {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*height: 280px;*/
}
ul.slick-dots {
    position: absolute;
    left: 322px;
    top: -42px;
}
#slick-recomend ul.slick-dots {
    left: 328px;
}
.static-page-title .h1 {
    font-size: 22px;
    margin-right: 25px;
    font-family: 'Raleway Medium', sans-serif;

}

#forma-pretenzii td {
    padding: 20px;
}

#forma-pretenzii td p {
    margin-left: 42px;
}

#forma-pretenzii .text-indent {
    margin-left: 42px;
}

.id__slick-container .slick-track {
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 20px;
}

/*Меню*/

.header-head__wrap-for-mobile {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

/*Меню*/

.less1080 {
    display: none !important;
}

/*Мобильная версия*/

.head-mobile-menu {
    display: none;
}

.mobile-title {
    display: none;
}

.filter__more {
    display: none;
}

.list-item.header-menu__city {
    display: none;
}

.list-item:nth-child(2) {
    padding-left: 22px;
}

.footer__mobile-logo {
    display: none;
    margin-bottom: 27px;
}

/*Сравнение товаров*/

.compare-page {
    padding: 0;
}

.compare-page .products-properties .property-line {
    height: auto;
}

.compare-page .compare-item .compare {
    background: transparent;
}

.compare-page .catalog-product {
    height: auto;
    margin-bottom: 8px;
}

.compare-page .product-content {
    justify-content: flex-start;
    position: relative;
}

.compare-page .compare-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.compare-page .catalog-product.compare-item:nth-child(4n) .product-wrap {
    margin-right: 0;
}

.compare-bottom-panel {
    height: 67px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    padding-right: 8px;
    padding-bottom: -8px;
}

.compare-bottom-panel__price {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

.compare-bottom-panel__price span {
    background: #e9e9e9;
    padding: 4px 4px 4px 11px;
    margin-right: 5px;
}

.compare-bottom-panel__old-price {
    font-size: 14px;
    margin-bottom: 3px;
    color: #a9a9a9;
    text-decoration: line-through;
}

.compare-bottom-panel__current-price {
    color: #2a2a2a;
    font-size: 22px;
    font-family: 'Raleway Medium', sans-serif;

}

.compare-bottom-panel__btns {
    width: 62.5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.compare-bottom-panel__btns .btn-text {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    color: #000;
    text-decoration: none;
    margin-bottom: 5px;
}

.compare-bottom-panel__btns .btn-text i {
    background: -o-linear-gradient(bottom, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(186,144,61,1)), to(rgba(240,222,114,1)));
    background: linear-gradient(0deg, rgba(186,144,61,1) 0%, rgba(240,222,114,1) 100%);
    padding: 0px 3px;
    line-height: 1;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
}

.compare-page .product-image{
    height: 142px;
}

/*Сравнение товаров*/

.mobile-fixed-bottom {
    display: none;
}

.id__slick-container .catalog-product {
    padding: 0 1px;
}

.partners-form {
    padding: 20px 60px 0;
}

.partners-form h1.text-indent {
    margin-left: 0;
}

.partners-form input[type="submit"],
.partners-form input[type="reset"] {
    width: 141px;
    padding: 7px 5px;
    font-size: 13px;
    color: #1d2d33;
    border: 0;
    border-radius: 5px;
    background: #d6b858;
    font-family: 'Raleway Medium', sans-serif;
    cursor: pointer;
}

.partners-form table.form-table th {
    background: none;
}

.partners-form textarea {
    max-width: 173px;
}

#forma-pretenzii {
    padding: 0;
    font-size: 22px;
    margin-right: 25px;
    font-family: 'Raleway Medium', sans-serif;
    margin-bottom: 35px;
}

#forma-pretenzii div {
    font-size: 12px;
    font-weight: 400;
    margin-top: 25px;
}

#forma-pretenzii div div {
    margin-top: 10px;
}

#forma-pretenzii .inputtext,
#forma-pretenzii textarea {
    margin-left: 0;
    display: block;
    width: 320px;
}
#forma-pretenzii input[type="submit"] {
    width: 141px;
    padding: 7px 5px;
    font-size: 13px;
    color: #1d2d33;
    border: 0;
    border-radius: 5px;
    background: #d6b858;
    font-family: 'Raleway Medium', sans-serif;
    cursor: pointer;
}

.catalog__sections-items {
    border-bottom: 1px solid #d9d9d9;
}

.catalog__sections a {
    display: block;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #000;
}

.catalog__sections p,
.catalog__sections-title,
a.catalog__sections-items-item.active {
    display: none;
}

.filter-wrap {
    line-height: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.catalog-title .title {
    margin-bottom: 0;
}

.product-old-price {
    font-size: 14px;
    margin-bottom: 3px;
    color: #a9a9a9;
    text-decoration: line-through;
}

.bx-soa-reference {
    display: none;
}

.product-property-name {
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
}
.product-material {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #f1f1f1;
    overflow: hidden;
}
.product-material:not(:last-child) {
    margin-bottom: 10px;
}
.product-material_active {
    border-color: #1d2d33;
}
.product-material span {
    color: #000;
}
.product-material__input {
    display: block;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.product-material__info {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding-right: 15px;
}
.product-material__info span {
    color: rgba(0,0,0,0.4);
}
.product-material_active .product-material__info span{
    color: #000;
}
.product-material__name {
    font-size: 12px;
    flex: 1 1 auto;
    margin-right: 15px;
}
.product-material__price {
    font-size: 12px;
    padding-top: 1px;
    white-space: nowrap;
}
.product-material__img {
    width: 80px;
    min-width: 80px;
    margin-right: 15px;
}
.product-material__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.container-size {
    display: inline-block;
    position: relative;
    font-size: 12px;
}
.select-size {
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
    font-size: 12px;
    border: 1px solid #1e90ff;
    left: -3px;
    top:16px;
}
.select-size>li {
    padding: 2px 15px 2px 5px;
    font-family: 'Circe Regular', Arial, sans-serif;
}
.select-size>li.active {
    background-color: #1e90ff;
    color: #fff;
}
.select-size>li:hover{
    background-color: #1e90ff;
    color: #fff;
}
.select-size.active {
    display: block;
}
.selection__arrow {
    height: 16px;
    width: 20px;
    position: absolute;
    top: 2px;
    right: -20px;
}
.selection__arrow b {
    border-color: #1d2d33 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.container-size.active .selection__arrow b {
    border-color: transparent transparent #1d2d33 transparent;
    border-width: 0px 3px 6px 3px;
}

.catalog-filter_sm {
    width: 20%;
}
.catalog-filter.catalog-filter_pt-0 .filter-main{
    padding: 0 17px 17px 30px;
}


@media (max-width: 1140px) {
    .catalog-filter.catalog-filter_pt-0 .filter-main{
        padding: 20px 17px 17px 30px;
    }
}
.catalog-list_big {
    width: 80%;
}

.price-numbers input {
    width: 64px;
}

.select-size_new {
    border: 1px solid #CBA84C;
    font-size: 16px;
    cursor: pointer;
    max-height:190px;
    overflow-y:scroll;
}

.select-size_new ~ .card__select-text {
    font-size: 16px;
    color: #CBA84C;
    cursor: pointer;
    font-family: 'Circe Regular', Arial, sans-serif;
}

.id__slick-recomend .slick-list {
    padding: 2px 0 0 2px;
}

.selection__arrow_new b {
    border-color: #CBA84C transparent transparent transparent;
}

.container-size.active .selection__arrow_new b {
    border-color: transparent transparent #CBA84C transparent;
}

.select-size_new>li.active {
    background-color: #CBA84C;
}
.select-size_new>li:hover {
    background-color: #CBA84C;
}
.product-select_new {
    font-size: 16px !important;
    color: #CBA84C;
    border: none;
}

.catalog-swiper_new {
    padding: 0;
}

.catalog-swiper_new:not(:first-child) {
    padding: 0;
}

.catalog-swiper_new:nth-child(1) {
    padding: 0;
}

.catalog-swiper_new .catalog-title {
    padding: 20px 0px;
}

.wrap_new {
    padding: 0;
}

.wrap_new .slick-list {
    /*margin-right: 30px;*/
    /*margin-left: 28px;*/
    padding: 20px 2px;
}

.wrap_new .slick-slide {
    height: auto;
}


.homeslider .swiper-slide:nth-child(1) {
    width: 100%;
}

.static-catalog {
    display: none;
    padding-top: 14px;
}

.static-catalog__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.static-catalog__title {
    width: 100%;
    padding-bottom: 12px;
    font-size: 22px;
    font-family: 'Raleway Medium', sans-serif;
}

.static-catalog__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: calc(50% - 2px);
    height: 60px;
    margin-bottom: 4px;
    border-radius: 4px;
    background-color: #1d2d33;
    color: #ffffff;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 14px;
}

.static-catalog__item_big {
    width: 100%;
}

.static-catalog__item_center{
    margin: auto;
}


a.span-link {
    color: #000;
}

/* JS MORE */
.static-page-title__btn-more {
    text-align: center;
    text-decoration: none;
    color: #999999;
    font-style: italic;
    font-size: 11px;
    margin-top: 4px;
    display: inline-block;
}

/* Filter Bottom Show */
.filter-bottom-show{
    position: fixed;
    width: 100%;
    bottom: 45px;
    background: #fff;
}

.card__wrapper, .card__wrap, .card__img, .card__rate, .card__bottom, .card__btn, .card-info__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }

a {
    text-decoration: none; }

.card {
    width: 100%;
    margin: 0 auto; }
.card__wrapper {
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 18px; }
.card__wrap {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%; }
.card__whitespace {
    margin-right: 18px; }
.card__whitespace_stretch {
    position: relative;
    height: auto; }
.card__item {
    position: relative;
    width: calc((100% / 4) - 14px);
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #eaeaea;
    outline: 2px solid transparent !important;
    background-color: #fff;
    -webkit-box-shadow: 3px 0px 9px 0px rgba(28, 36, 37, 0);
    -moz-box-shadow: 3px 0px 9px 0px rgba(28, 36, 37, 0);
    box-shadow: 3px 0px 9px 0px rgba(28, 36, 37, 0);
    transition: .3s ease; }
.card__item_empty {
    height: 0;
    padding: 0;
    opacity: 0;
}
.card__item:not(.card__item.modal-purchase__card-item):hover {
    border: 1px solid #FCFCFC;
    outline: 2px solid #FFEBB7 !important;
    -webkit-box-shadow: 3px 0px 9px 0px rgba(28, 36, 37, 0.16);
    -moz-box-shadow: 3px 0px 9px 0px rgba(28, 36, 37, 0.16);
    box-shadow: 3px 0px 9px 0px rgba(28, 36, 37, 0.16);
    z-index: 2; }
.card__item_slider {
    width: 100%;
    height: 100%;
    margin-bottom: 0; }
.card__discount {
    position: absolute;
    left: 10px;
    top: 8px;
    padding: 5px 10px 6px;
    font-size: 16px;
    font-weight: 500;
    background: #EC5656;
    color: #fff; }
.card__comparison {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 9px;
    right: 10px;
    width: 32px;
    height: 32px;
    background: #F1F1F1;
    border-radius: 50%;
    border: #E6E7E7;
    transition: .2s ease; }
.card__comparison:hover {
    background: #e6e6e6; }
.card__comparison.active {
    width: 83px;
    border-radius: 22px;
    background: #CBA84C;
    font-size: 10px;
    color: #000; }
.card__img {
    align-items: flex-end;
    min-height: 100px;
    margin-bottom: 16px; }
.card__img img {
    width: 100%; }
.card__rate {
    margin-bottom: 5px; }
.card__rate img {
    width: 12px;
    margin-right: -3px; }
.card__title {
    display: inline;
    color: #001E23;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .3px; }
.card__title-wrapper {
    /*min-height: 44px;*/
    margin-bottom: 10px;
    display: block; }
.card__select {
    border: none;
    font-size: 16px;
    color: #CBA84C;
    cursor: pointer; }
.card__option {
    border: none;
    font-size: 16px;
    color: #CBA84C; }
.card__bottom {
    justify-content: space-between;
    align-items: flex-end; }
.card__btn {
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 36px;
    background: #1d2d33;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: .3s ease; }
.card__btn:hover {
    background: #CA911F;
}
.card__price {
    font-size: 18px;
    color: #001E23;
    text-align: right;
    font-family: 'Circe Regular', Arial, sans-serif;
}
.card__old-price {
    font-size: 12px;
    color: #A6AAAB; }

.card__content
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.card__descr {
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}
.card__descr,
.card__descr span,
.card__descr div,
.card__descr p {
    color: #A6AAAB;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Circe Regular', Arial, sans-serif;
}
.product-image, .card__title-wrapper
{
    padding-left: 10px;
    padding-right: 10px;
}

.card-info {
    margin: 15px 0;
    padding: 10px 0;
    border-top: 1px solid #F0F1F1;
    border-bottom: 1px solid #F0F1F1;
    min-height: 92px; }
.card-info__item {
    justify-content: space-between;
    align-items: flex-start;
    min-height: 18px;
    margin-bottom: 8px;
    color: #A6AAAB;
    font-size: 14px;
    font-family: 'Circe Regular', Arial, sans-serif;}
.card-info__item:last-child {
    margin-bottom: 0; }
.card-info__title {
    width: 110px; }
.card-info__value {
    flex-grow: 1; }

.rating-star_new.active {
    color: #CBA84C !important; }

/* CATALOG */
.loading {
    position: relative;
}
.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    opacity: .6;
    z-index: 9999;
}


.bx-soa-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 345px;
    padding: 20px 30px;
    border: 1px solid #c4c4c4;
    height: auto;
    background-color: #F5F5F5;
}

.basket-page {
    position: relative;
}

.bx-soa-cart-total h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.bx-soa-cart-total-line {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #c4c4c4;
}

.bx-soa-cart-total-line-total {
    font-size: 22px;
    border-bottom: 0;
}

.bx-soa-cart-total-line-total .bx-soa-cart-d {
    font-size: 22px !important;
}

.form-step__order {
    flex-wrap: wrap;
    margin-top: 15px;
}

.form-step__order-text {
    font-size: 11px;
    color: #999;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 10px;
}

.form-step__order-button {
    width: 100%;
}

.form-step__order-text {
    font-size: 11px;
    color: #999;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 10px;
}

.form-step__order-button .btn-buy {
    padding: 10px 0;
    width: 100%;
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: all 250ms;
}

.price#ID_DELIVERY_ID_26 {
    display: none;
}



.form-step-1, .form-step-2, .form-step-3, .form-step-4, .form-step-5 {
    border: 1px solid #EADFD5;
    padding: 25px;
    width: 49%;
    margin-bottom: 20px;
}

.form-step .card__btn[data-selected="true"], .form-step .card__btn:hover {
    background: #1d2d33;
    color: #fff;
}

.form-step .card__btn {
    background: transparent;
    border: 1px solid #CBA84C;
    color: #CBA84C;
}

.form-step-5 {
    width: 100%;
    margin-bottom: 0;
}

ul.bx-soa-pp-list {
    background-color: #F5F5F5;
    border: 1px solid #c4c4c4;
    padding: 10px 38px;
}

.bx-soa-pp-list li {
    width: 100%;
    font-weight: 700;
}

.bx-soa-pp-list li div {
    margin: 0 2px;
    display:inline;
}

.bx-soa-pp-list li div {
    margin: 0 2px;
}

.bx-soa-pp-company-desc{
    background-color: #F5F5F5;
    border: 1px solid #c4c4c4;
    padding: 10px 38px;
    color: #000 !important;
    font-weight: 700;
}

.basket-form__steps {
    flex-wrap: wrap;
}

.js_boxberry {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    background: #CBA84C;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: .3s ease;
    float: left;
    display: flex;
}


/* present-block */

.present-block{
    width: calc(100% - 370px);

}

.present-block__item{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 20px;
    border-bottom: 1px solid #c4c4c4;
}

.present-block__item:first-child{
    border-top: 1px solid #c4c4c4;
}

.present-block__item .product-item-image-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-top:0;
    width: 100%;
    max-width: 150px;
}

.present-block__item .product-item{
    display: flex;
    align-items: center;
    padding: 0 15px 0 0;
    min-width: 400px;
}

.present-block__item .product-item-title{
    margin: 0 15px 0 0;
    white-space: normal;
}

.present-block__item .product-item-title a{
    font:400 16px/26px "Circe Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
}

.present-block__item .product-item-price-container{
    margin: 3px 0 10px;
}

.present-block__item .product-item-container{
    flex:1;
}

.present-block__item .product-item-info-container.product-item-hidden{
    display: none!important;
}

.present-block__item .product-item-image-original,
.present-block__item .product-item-image-alternative{
    display: flex;
    text-align: center;
    max-width: 120px;
    height: 75px;
    width: 100%;
    position: relative;
}

.present-block .product-item-small-card .product-item-label-right {
    left: 75px;
}

.present-block .product-item-small-card .product-item-label-left{
    left: 5px;
}

.present-block .bx-blue .btn.btn-default{
    background: #1d2d33;
    border-color: #1d2d33;
}

.present-block__item .btn-detail{
    margin-bottom: 0;
    transition: all 250ms;
    border: none!important;
}

.basket-list .basket-item__size{
    display: none;
}

.slider-homepage{

}


.basket-item__price .product-old-price,
.basket-item__price .product-new-price,
.basket-item__total span,
.bx-soa-cart-d,
.font-num{
    font-family: 'Circe Regular', Arial, Helvetica, sans-serif;
}

.slider__content{
    position: absolute;
    top: 100px;
    right: 100px;
    max-width: 650px;
    width: 90%;
    color: white;
    opacity: 0;
    transition: all 1500ms;
}

.swiper-slide-active .slider__content{
    opacity: 1;
}

.slider__title{
    font-size: 3rem;
    line-height: 1;
    font-family: 'Raleway Bold', Arial, sans-serif;
    margin-bottom: 30px;
}

.slider__description{
    font-size: 1.5rem;
    font-family: 'Raleway Medium', Arial, sans-serif;
    margin-bottom: 30px;
}

.slider__item{
    overflow: hidden;
}

.slider__item img{
    width: calc(100% + 100px);
    height: 100%;
    object-fit: cover;
    transform: translateX(0);
    transition: all 6s;
}

.swiper-slide-active.slider__item img{
    transform: translateX(-100px);
}

/*.slider__item.swiper-slide-prev img{*/
/*    transform: translateX(-150px);*/
/*}*/

.leader{
    width: 95px;
    height: 40px;
    margin-right: 20px;
}

.leader img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Стили для звезд рейтинга */

.k-rating {
    display: flex;
    align-items: baseline;
    font-size: 18px;
    line-height: 0.75;
    margin-bottom: 8px;
}
.k-rating__body {
    position: relative;
    margin-right: 5px;
}
.k-rating__body:before {
    content: "★★★★★";
    display: block;
    color: rgb(221, 221, 221);
}
/*
В .k-rating__active width отвечает за закрашивание звезд
 */
.k-rating__active {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.k-rating__active:before {
    content: "★★★★★";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #dba30f;
}
.k-rating__items {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.k-rating__item {
    flex: 0 0 20%;
    height: 100%;
    opacity: 0;
}
.k-rating__value {
    font-size: 14px;
}
.k-rating__comments {
    display: flex;
    align-items: baseline;
}
.k-rating__comments-bubble {
    margin-left: 16px;
    margin-right: 5px;
}
.k-rating__comments-count {
    font-size: 14px;
    color: #000;
}
/*Media*/
@media screen and (max-width: 1140px) {
    .k-articles__card:nth-child(2) .k-articles__card-img,
    .k-articles__card:nth-child(3) .k-articles__card-img {
        padding-bottom: 35.25%;
    }
    .video-grid .video-item {
        width: 33.33%;
    }

    .reviews-form .flex.flex-align-center.flex-between {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .reviews-form__item {
        width: 100%;
        padding-right: 0;
        padding-bottom: 7px;
    }

    .reviews-form__bottom.flex.flex-between {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .reviews-conf {
        padding-bottom: 7px;
    }

    .grants-detail {
        padding: 0 20px;
    }

    .mobile-fixed-bottom {
        text-align: center;
        z-index: 4;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 20px;
        display: block;
    }

    .mobile-fixed-bottom .btn-detail {
        margin-bottom: 0;
    }

    .compare-page .catalog-product.compare-item {
        width: 33.3%;
    }

    .compare-page .catalog-product.compare-item:nth-child(4n) .product-wrap {
        margin-right: 8px;
    }

    .compare-page .catalog-product.compare-item:nth-child(3n) .product-wrap {
        margin-right: 0;
    }

    #forma-pretenzii td p {
        margin-left: 0;
    }

    #forma-pretenzii .text-indent {
        margin-left: 0;
    }

    #forma-pretenzii textarea.inputtextarea {
        max-width: 100%;
    }

    .main-catalog {
        padding-bottom: 12px;
    }

    .slider-pag-wrap {
        margin: 0;
    }

    .info {
        padding: 20px;
    }

    .main-catalog .catalog-swiper {
        padding: 0;
        margin-top: 20px;
    }

    #main-tabs .tabs-links {
        padding: 0 20px;
    }

    #main-tabs .tabs-item {
        padding: 0;
    }

    .tabs-links>a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
    }

    .tabs-links>a span {
        display: none;
    }

    .tabs-links>a:nth-last-child(2) {
        margin-left: 0;
    }

    .tabs-links>a:nth-last-child(1) {
        margin-left: 0;
    }

    .header-head__wrap-for-mobile {
        -ms-align-items: center;
        align-items: center;
    }

    .head-mobile-menu {
        margin-right: 20px;
    }

    .head-basket {
        margin-left: 20px;
    }

    .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section-content {
        padding: 0;
    }

    .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section {
        border: 1px solid #f2f2f2 !important;
        margin: 0 0 20px;
        transition: border-color 0.3s ease;
        box-sizing: border-box;
    }

    .basket-item {
        position: relative;
    }

    .basket-item-label-ring {
        left: 122px;
    }

    .basket-item-actions-remove {
        display: none;
    }

    .basket-item__quantity {
        width: 90px;
    }

    .basket-item__total {
        width: 130px;
    }

    .basket-item__delete {
        width: 20px;
    }

    .form-step-1,.form-step-2,.form-step-3 {
        width: 50%;
    }

    .less1080 {
        display: block !important;
    }

    .higher1080 {
        display: none !important;
    }

    .catalog-swiper .wrap {
        padding: 0;
    }

    .content-and-sidebar__sidebar .detail-property {
        padding: 0;
    }

    .detail-prop-wrap {
        padding: 0;
    }

    #sertificats .wrap {
        padding: 0 20px;
    }

    #sertificats .swiper-container {
        margin: 0;
    }

    #sertificats .catalog-title {
        padding-left: 0;
    }

    .detail-control {
        padding: 20px;
    }


    .slick-fullcreen__product {
        height: auto;
    }

    .detail-wrap .slick-fullcreen__product img {
        height: auto;
    }

    .item-matrasy .slick-fullcreen__product .slick-slide
    {
        margin-top: 0;
    }

    .detail-title {
        padding: 0 10px 0 20px !important;
    }

    .detail-tabs {
        padding: 0;
    }

    .detail-tabs .tabs {
        margin-right: 20px;
        margin-left: 20px;
        padding: 0;
    }

    .components {
        padding: 20px 0;
    }

    #slick-sertificat .slick-track {
        height: auto;
    }

    .content-and-sidebar__content {
        width: 100%;
    }

    .content-and-sidebar__sidebar {
        width: 100%;
        padding-bottom: 20px;
    }

    .content-and-sidebar__sidebar .detail-control {
        position: static;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        margin: 0;
        max-width: 100%;
    }

    .content-and-sidebar__sidebar .detail-property {
        font-size: 16px;
    }

    .content-and-sidebar__sidebar .detail-property .col-5 {
        width: 50%;
    }

    .content-and-sidebar__sidebar .detail-property .col-7{
        width: 50%;
    }

    .content-and-sidebar__sidebar .property-size {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .content-and-sidebar__sidebar .property-size select {border: 0;
        background: transparent;
        padding: 0;
        font-size: 13px;
        font-family: 'Raleway Medium', Arial, sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../img/arrow-mobile.png) 96% / 12px no-repeat #fff;
        height: 30px;
        border-radius: 5px;
        border: 1px solid #d0d0d0;
        -webkit-box-shadow: inset 0px 0px 4px 1px #d0d0d0;
        box-shadow: inset 0px 0px 4px 1px #d0d0d0;
        padding: 0px 5px;
        padding-right: 22px;
        width: 100%;
        height: 40px;
        font-size: 18px;
    }

    .content-and-sidebar__sidebar .property-buttons a {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .content-and-sidebar__sidebar .btn-compare {
        display: none;
    }

    .content-and-sidebar__sidebar .price-name {
        margin-right: 20px;
    }

    .content-and-sidebar__sidebar .product-prices {
        margin-left: 0;
    }

    .content-and-sidebar__sidebar .product-old-price {
        font-size: 18px;
    }

    .catalog-list .list-navigation .mobile-title {
        width: 100%;
        padding-bottom: 15px;
        padding-top: 8px;
        font-size: 22px;
        margin-right: 25px;
        font-family: 'Raleway Medium', sans-serif;
    }
    .about-text {
        font-size: 16px !important;
        font-family: 'Raleway Regular' !important;
    }
    .about-text h1 {
        line-height: 1;
    }
    .about-text h2 {
        line-height: 1.3;
    }
    .about-text p {
        font-size: 16px !important;
        font-family: 'Raleway Regular' !important;
    }
    .product-annotation--top p {
        font-size: 16px !important;
        font-family: 'Raleway Regular' !important;
    }

    .page-header {
        padding-left: 0;
        padding-right: 0;
        font-weight: 600;
    }
    .page-title {
        font-weight: 600;
    }
    .about-wrapper {
        padding: 0;
    }
    .spoiler-div {
        font-size: 16px;
        font-weight: 600;
    }

    .about-main {
        padding: 0;
    }

    .about-link {
        width: 31.5%;
        padding: 0;
        justify-content: center;
    }

    .about-link .about-link-icon {
        margin-right: 40px;
    }

    .addresses .addresses-info {
        display: block;
    }

    .addresses .addresses-list-wrapper, .addresses-map {
        width: 100%;
        margin-bottom: 20px;
    }

    .addresses-list{
        min-height: auto;
        height: auto;
        padding: 0 10px 0 30px;
    }

    .sitemap li a {
        display: block;
        font-size: 16px;
        color: black;
        margin-bottom: 10px;
    }

    .action-page {
        padding-left: 20px;
        padding-right: 20px;
    }

    .action-page .page-header {
        padding: 20px 0;
    }

    .action-page .action-item {
        padding: 0;
    }

    .action-page .action-item-wrap {
        display: block;
    }

    .action-page .action-image {
        max-width: 100%;
        width: 100%;
        border: none;
    }

    .product-link {
        background: #f5f5f5;
    }

    .site-wrapper {
        width: auto;
    }

    .catalog .catalog-filter {
        display: none;
    }

    .catalog .col-9 {
        width: 100%;
    }

    .catalog-wrap.catalog-list-wrap.flex {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

    .close-filter {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    .close-filter__x {
        position: relative;
        height: 20px;
        width: 20px;
    }

    .close-filter__x:before {
        content: '';
        position: absolute;
        padding-top: ;
        display: block;
        width: 20px;
        height: 2px;
        background: #000;
        transform: rotate(45deg);
    }

    .close-filter__x:after {
        content: '';
        position: absolute;
        padding-top: ;
        display: block;
        width: 20px;
        height: 2px;
        background: #000;
        transform: rotate(-45deg);
    }

    .catalog .catalog-filter__active {
        display: block;
        z-index: 100;
        width: 100%;
        background-color: white;
    }

    .footer-logo {
        width: 250px;
        flex: 0 0 250px;
        padding-right: 0;
    }

    .footer-social {
        width: 100%;
    }

    .social-link {
        width: 34px;
    }

    .footer__mobile-logo {
        display: block;
    }

    .footer__descktop-logo {
        display: none;
    }

    .footer {
        flex-grow: 1;
    }

    .menu-with-padding {
        display: none;
    }

    .list-item.header-menu__city {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-menu__city a {
        font-size: 15px;
        color: black;
        text-decoration: none;
        font-weight: 500;
    }
    .header-menu__city a span {
        margin-left: 7px;
    }

    .header-list {
        display: none;
    }

    .header-list__active {
        display: block;
        width: 100%;
        position: absolute;
    }

    .header-burger {
        display: inline-block;
        width: 25px;
        height: 20px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../img/burger.png);
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .header-burger.open {
        background-image: url(../img/burger-close.png);
    }

    .mobile-header__catalog .list-item{
        position: relative;
        padding: 0 !important;
        border-bottom: 1px solid rgb(228, 228, 228);
        background: #fff;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
    }

    .mobile-header__catalog .list-item.header-menu__city {
        height: 50px;
        padding: 0 20px !important;
    }

    .list-link {
        height: 50px;
        padding: 10px 20px;
        width: 100%;
        justify-content: flex-start;
    }

    .sub-menu {
        position: static;
        display: none;
        opacity: 1;
        top: 0;
        z-index: 1;
        width: 100%;
        margin-bottom: -1px;
    }

    .sub-menu img{
        display: none;
    }

    .sub-menu__wrap {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: none;
    }
    .sub-menu__column {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .sub-menu__title {
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        border-bottom: 1px solid #337ab7;
        height: 43px;
        font-size: 13px;
        color: black;
        background: #eee;
        font-family: 'Raleway Light', Arial, sans-serif;
        padding-left: 20px;
    }

    .sub-menu__column ul li a {
        display: none;
        -ms-align-items: center;
        align-items: center;
        font-size: 13px;
        color: black;
        background: #eee;
        font-family: 'Raleway Light', Arial, sans-serif;
        border-bottom: 1px solid #337ab7;
        height: 43px;
        margin-bottom: 0;
        padding-left: 40px;
    }

    .sub-menu__column ul.visible li a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .products-properties .property-line{
        height: 22px;
        font-family: 'Raleway Regular', sans-serif;
        font-size: 14px;
        color: #333;
    }

    .catalog-list .list-navigation {
        padding-top: 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 20px;
    }

    .catalog-list-wrap {
        padding-top: 12px;
    }

    .catalog-list .list-navigation {
        -ms-align-items: center;
        align-items: center;
        padding: 0 0 10px !important;
    }

    .page .catalog-list .list-navigation {
        -ms-align-items: center;
        align-items: center;
        padding: 0 16px 10px !important;
    }

    header.mobile-header .header-nav {
        display: none;
    }
    .header-head {
        padding: 5px 20px;
    }
    .header-head a {
        margin-right: 0;
    }
    .head-mobile-menu {
        display: block;
    }
    .phones-lines, .head-search {
        display: none;
    }
    .head-phones {
        width: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }
    .head-logo {
        background: none;
        padding: 0;
        height: auto;
        width: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }
    .head-logo img {
        width: 170px;
        height: 100%;
    }
    .phones-image {
        margin-left: 0;
    }
    .phones-image img {
        width: 30px;
    }
    .head-basket img {
        width: 25px;
        margin-left: 0;
    }
    .head-basket > .basket-block {
        display: none;
    }
    .head-wrap {
        margin: 0 auto;
        justify-content: space-between;
    }
    .mobile-header__catalog {
        display: block;
    }
    .mobile-header__catalog .list-item:last-child {
        border-bottom: none;
    }
    .mobile-header__catalog .list-item .list-link:after {
        content: "";
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        height: 12px;
        width: 4px;
        background-image: url(http://cn93504.tmweb.ru/local/templates/matramax/assets/img/detail-arrow.png);
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }
    .mobile-header__catalog .list-item .list-link.active:after {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    .sub-menu__title:after {
        content: "";
        display: block;
        position: absolute;
        top: 16px;
        right: 20px;
        height: 12px;
        width: 4px;
        background-image: url(http://cn93504.tmweb.ru/local/templates/matramax/assets/img/detail-arrow.png);
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }
    .sub-menu__title.active:after {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    .mobile-header__catalog .list-item:first-child:after {
        display: none;
    }
    .mobile-header__catalog .list-item:before {
        display: none;
    }

    .catalog-breadcrumbs {
        display: none;
    }

    .catalog .info {
        display: none;
    }

    .mobile-title {
        font-size: 16px;
        line-height: 1;
    }

    .mobile-title span {
        font-size: 11px;
        color: #999999;}

    .sort_order {
        border-radius: 6px;
        border: 0;
        color: #24393f;
        font-size: 14px;
        padding: 3px 5px;
        margin: 0 4px;
        width: 100px;
        height: 26px;
        background: white;
        border: 0;
    }
    .filter__more {
        border-radius: 6px;
        border: 0;
        -webkit-box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.11);
        color: #24393f;
        font-size: 14px;
        padding: 5px 8px;
        margin: 0 4px;
        text-decoration: none;
        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;
        height: 26px;
        text-decoration: none !important;
        min-width: 94px;
    }

    .filter__more img {
        margin-right: 5px;
        width: 12px;
    }
    .catalog-list .mobile-off {
        display: none;
    }
    .catalog {
        background: #fff;
    }

    .mobile-title {
        display: block;
    }

    .filter__more {
        display: block;
    }
    .content-and-sidebar__sidebar .btn-buy.desktop, .content-and-sidebar__sidebar .btn-click.desktop {
        display: none;
    }
    .mobile-fixed-bottom .btn-click.desktop {
        display: block;
    }
    .mobile-fixed-bottom {
        padding: 10px 20px 5px;
    }

    .basket-order {
        width: 100%;
    }

    .thank-page {
        padding: 20px;
        min-height: auto;
    }

    .basket-form__steps {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .static-catalog {
        display: block;
    }
    .basket-items {
        width: 100%;
    }

    .bx-soa-sidebar, .sticky, .stop {
        position: absolute !important;
        bottom: 0 !important;
        top: inherit !important;
        width: 100% !important;
        height: auto !important;
    }
    .btn-send{
        height: 40px;
        padding: 15px 20px;
        margin: auto;
    }
    .price-numbers input{
        font-size: 16px;
        width: 84px;
    }
    #filter-form input[type="color"],
    #filter-form input[type="date"],
    #filter-form input[type="datetime"],
    #filter-form input[type="datetime-local"],
    #filter-form input[type="email"],
    #filter-form input[type="month"],
    #filter-form input[type="number"],
    #filter-form input[type="password"],
    #filter-form input[type="search"],
    #filter-form input[type="tel"],
    #filter-form input[type="text"],
    #filter-form input[type="time"],
    #filter-form input[type="url"],
    #filter-form input[type="week"],
    #filter-form select:focus,
    #filter-form select,
    #filter-form textarea {
        font-size: 16px;
    }
    .present-block{
        width: 100%;
    }
    .catalog-links__grid {
        column-count: 2;
    }
}

@media screen and (max-width: 992px) {
    .k-banner a picture{
        padding-bottom: 100%;
    }
    .k-banner {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .k-banner_five_grid .k-banner__subgrid {
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .k-banner_five_grid .k-banner__subgrid a:nth-child(1){
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / span 2;
    }
    .k-articles__card:nth-child(1) {
        grid-column: span 4;
    }
    .k-articles__card:nth-child(2),
    .k-articles__card:nth-child(3) {
        flex-direction: column;
        grid-row: span 2;
    }

    .k-articles__card:nth-child(n) .k-articles__card-img {
        padding-bottom: 56.25%;
    }
    .k-articles__card-title {
        font-size: 18px;
    }

    .k-descr__page.page {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    .k-descr__promo {
        width: calc(100% + 60px);
        left: 50%;
        transform: translateX(-50%);
    }
    .blog-filter-container {
        flex-direction: column-reverse;
        gap: 16px;
    }
}
@media screen and (max-width: 960px){
    .leader{
        display: none;
    }

    .leader_mobile{
        display: block;
    }
}
@media (max-width: 950px) {

    .compare-page .catalog-product.compare-item {
        width: 50%;
    }

    .compare-page .catalog-product.compare-item:nth-child(3n) .product-wrap {
        margin-right: 8px;
    }

    .compare-page .catalog-product.compare-item:nth-child(2n) .product-wrap {
        margin-right: 0;
    }

    .modal {
        overflow-y: scroll;
    }
    .modal-body {
        padding: 20px 20px 20px 20px;
    }
    .modal-add-product {
        max-width: 485px;
        width: 95%;
    }
    .modal__scroll-container {
        overflow-y: scroll;
    }
    .modal-purchase {
        flex-direction: column;
    }
    .modal-purchase__wrapper {
        flex-direction: column;
    }
    .modal-offer .modal-offer-card .modal-offer-product {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .modal-offer .modal-offer-card .modal-offer-product .modal-offer-img {
        margin-bottom: 0;
        margin-right: 40px;
    }
    .modal-offer .modal-offer-card .modal-offer-product .modal-offer-img img {
        max-width: 125px;
    }
    .modal-offer {
        flex-direction: column;
    }
    .modal-offer .modal-offer-card {
        flex-direction: row;
        align-items: center;
        min-height: unset;
        margin-bottom: 20px;
    }
    .modal-offer .modal-offer-card:not(:last-child) {
        margin-right: 0;
    }
    .modal-offer .modal-offer-card .modal-offer-footer {
        flex-direction: column;
    }
    .modal-offer .modal-offer-card .modal-offer-footer .modal-offer-cost {
        margin-bottom: 3px;
    }
    .modal-offer .modal-offer-card .modal-offer-footer .modal-offer-change {
        margin-right: 0;
        order: 3;
        padding-bottom: 0;
    }
    .modal-total-cost {
        border-left: none;
        padding-left: 0;
    }
    .modal-footer {
        flex-direction: column;
        /*padding-top: 20px;*/
    }
    .modal-notice {
        margin-bottom: 20px;
    }
    .modal-close {
        right: 10px;
        top: 5px;
    }
    .modal-total-cost {
        min-height: 130px;
    }
    .modal-order {
        border: none;
    }
    .modal-order-product {
        margin-bottom: 0;
        flex-direction: column;
        width: 100%;
    }
    .modal-order-product:nth-child(2) {
        padding-left: 20px;
        display: flex;
        align-items: flex-start;
    }

    .modal-order-img {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .modal-order-img img,
    .modal-order-name {
        max-width: 100%;
    }
    .modal-order-name {
        display: none;
    }
    .modal-order-name-mob {
        display: inline-block;
        margin-bottom: 5px;
    }
    .modal-order-sum {
        margin-right: 0;
        align-items: flex-start;
    }
    .modal-change-product {
        width: 85%;
    }
    .modal__kit {
        flex-direction: column;
    }
    .modal__kit-scroll,
    .modal__kit-current-scroll {
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow-y: unset;
        overflow-x: auto;
        max-height: 100%;
        max-width: 100%;
    }
    .modal__kit-current-scroll {
        margin-bottom: 25px;
        flex-direction: row;
    }
    .modal__kit-current {
        margin-right: 0;
        padding-right: 0;
        min-width: 100%;
        border: none;
    }
    .modal__kit-current-scroll .modal-offer-card {
        min-width: 162px;
    }
    .modal__kit-current-scroll .modal-offer-card,
    .modal__kit-scroll .modal-offer-card {
        margin-bottom: 0;
        margin-right: 25px;
    }
    .modal__kit-current-scroll .modal-offer-card:last-child,
    .modal__kit-scroll .modal-offer-card:last-child{
        margin-right: 0;
    }
    .modal__link-back {
        padding-top: 20px;
    }
}
@media (max-width: 920px) {

    /*about main*/

    .about-link {
        width: 47%;
        justify-content: center;
    }

    .about-link .about-link-icon {
        margin-right: 40px;
    }

    /*about main*/

    .footer {
        flex-grow: 1;
    }

}
@media (max-width: 850px) {

    .video-grid .video-item {
        width: 50%;
    }

    .basket-total {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .promocode-block {
        width: 100%;
    }

    .basket-promocode {
        width: 100%;
    }

    .basket-total__price {
        margin-top: 25px;
    }

    .step-input__name {
        font-size: 15px;
    }

    .form-step__comment {
        padding-left: 0;
    }

    .action-page .action-date {
        position: static;
        padding: 16px 0;
    }

    .action-page .action-date span{
        width: calc(100% - 35px);
    }


    .catalog-list .catalog-product {
        width: 50%;
    }

    .product-sale {
        position: absolute;
        top: 0;
        left: 10px;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 35px;
        text-align: center;
        padding-top: 6px;
        color: #fff;
        font-weight: 500;
        font-size: 11px;
        pointer-events: none;
        z-index: 10;
    }


    .catalog-list .catalog-product:nth-child(2n) .product-wrap {
        margin-right: 0;
    }

    .footer-content {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-logo{
        width: 100%;
        flex: 0 0 100%;
        text-align: center;
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: 2px solid #425458;
        margin-bottom: 20px;
    }

    .footer__mobile-logo {
        width: 250px;
        margin: 0 auto 30px;
    }

    .footer-social {
        width: 250px;
        margin: 0 auto;
    }

    .footer-menu {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-menu .menu-column {
        width: 100%;
    }

    .footer-menu .menu-column li a{
        text-align: center;
        color: #cccccc;
        text-decoration: none;
        margin-bottom: 10px;
        display: block;
        font-size: 14px;
        text-align: center;
    }

    .footer-menu .menu-title {
        display: none;
    }

    .card__item {
        width: calc((100% / 2) - 6px);
        margin-bottom: 12px;
    }

    .card__whitespace {
        margin-right: 12px;
    }

    .card__whitespace .card__item{
        width: 100%;
    }
    .form-step-1, .form-step-2, .form-step-3, .form-step-4, .form-step-5 {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 780px) {
    input[type="text"], textarea{
        font-size: 17px !important;
    }
    .catalog__wrap {
        grid-template-columns: repeat(auto-fit, minmax(280px, auto));
        grid-template-rows: 280px;
        grid-auto-rows: 280px;
    }
    .catalog__item img {
        max-width: 300px;
    }
}
@media screen and (max-width: 768px){
    .tabs-feature .feature-item {
        grid-template-columns: 1fr 1fr;
    }
    .slider-homepage,
    .slider-homepage .swiper-slide {
        height: auto;
    }
    .slider__content{
        position: absolute;
        top: auto;
        bottom: 100px;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .slider__description,
    .slider__title{
        margin-bottom: 10px;
    }

    .slider__title{
        font-size: 2.5rem;
    }

    .slider__item img{
        width: calc(100% + 30px);
        height: auto;
        object-fit: unset;
        transition: all 6s;
    }

    .swiper-slide-active.slider__item img{
        transform: translateX(-30px);
    }
    .blog-filter-search {
        width: 100%;
    }
    .blog-filter-search-area[type="text"] {
        min-width: 100%;
    }
    .blog-filter-tab {
        border: 1px solid #F4F4F4;
        padding: 8px 16px;
        font-size: 12px;
        line-height: 14px;
    }
}
@media (max-width: 730px) {
    .compare-page .catalog-product.compare-item {
        width: 100%;
    }

    .compare-page .catalog-product.compare-item .product-wrap {
        margin-right: 0;
    }

    #main-tabs .tabs-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #main-tabs .tabs-image {
        width: 100%;
        text-align: center;
    }

    #main-tabs .tabs-image .fluid {
        width: 100%;
    }

    #main-tabs .tabs-text {
        width: 100%;
        padding: 15px 0 0;
    }

    .catalog-list .list-navigation {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .basket-item-info-name, .basket-item-info-name-link {
        padding: 0;
        font-family: 'Circe Regular', Arial, sans-serif;
    }

    .basket-item {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

    .detail-tabs .tabs {
        display: block;
        margin: 0 0 25px; }

    .detail-tabs .tabs .tab {
        padding-bottom: 5px;
        margin-bottom: 15px;
        color: #4a4a4a;
    }

    .detail-tabs .tabs .tab.active {
        color: black;
    }

    .about-main {
        justify-content: center;
    }

    .about-link {
        width: 70%;
    }

}
@media screen and (max-width: 700px) {
    .k-categories {
        padding-bottom: 46px;
    }
    .catalog-links__wrapper {
        padding: 60px 14px 60px 14px;
    }
    .k-descr {
        padding: 30px 0 30px 0;
    }
    .k-descr__page.page {
        gap: 30px;
    }
    .k-descr__promo {
        width: calc(100% + 28px);
    }
    .news-detail-content img{
        width:100%;
        height:auto;
    }
    .action-detail-img {
        width: 100%;
        margin: 20px auto;
    }

    .action-detail-content {
        width: 100%;
        padding: 0;
    }
    .blog-filter {
        padding: 16px 14px 16px 14px;
        margin: 0 -14px 16px -14px;
    }
}
@media screen and (max-width: 620px){
    .form-step__inputs {
        flex-direction: column;
    }
    .present-block__item .product-item-container{
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 555px){
    .js_impossible_delivery{
        width:100%;
    }

    /*Корзина товаров*/

    .form-step__order-button {
        margin-top: 20px;
        width: 100%;
    }

    .form-step__order-button .btn-buy {
        width: 100%;
    }

    .form-step__order {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .step-input__input, .step-input .bx-sls {
        margin-right: 0 !important;
    }

    .basket-item__picture {
        width: 100%;
    }

    .basket-item {
        padding: 20px 20px 40px 20px;
    }


    .basket-item__name {
        width: 100%;
        padding: 2px 0;
        text-align: center;
    }

    .basket-item__size {
        width: 100%;
        padding: 2px 0;
        text-align: center;
    }

    .basket-item__price {
        width: 100%;
        padding: 2px 0;
        text-align: center;
    }

    /*Корзина товаров*/
    .basket-item-property-custom {
        display: flex;
        justify-content: center;
    }

    .basket-item__quantity {
        width: 50%;
        margin: 0;
        padding: 2px 0;
        text-align: center;
    }

    .basket-item__total {
        width: 50%;
        padding: 2px 0;
        text-align: center;
    }

    .basket-item__delete {
        position: absolute;
        bottom: 0;
    }
}
@media (max-width: 530px) {

    /*about main*/

    .about-link {
        width: 100%;
    }

    /*about main*/

    /*news page*/

    .news-page .page-title {
        font-weight: 600;
    }

    .news-page .page-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .news-page .news-item {
        display: block;
        border-bottom: none;
    }

    .news-page .news-item a img {
        width: 100%;
    }

    .news-page .news-item-title {
        margin-bottom: 10px;
    }

    .news-page .news-image {
        display: block;
        margin-right: 0;
    }

    .news-page .news-item-preview {
        display: none;
    }

    .news-page .news-grid-wrap {
        padding: 0;
    }

    .news-page .page-header {
        padding: 20px 0 10px;
    }

    /*end styles of news page*/

    /*action page*/

    .action-page .action-content {
        padding: 16px 4vw;
    }

    /*end styles of action page*/

    .catalog-list .catalog-product {
        width: 100%;
    }

    .catalog-list .catalog-product .product-wrap {
        margin-right: 0;
    }
    .modal-offer .modal-offer-card .modal-offer-product .modal-offer-img {
        margin-right: 20px;
    }
    .modal-offer .modal-offer-card .modal-offer-product .modal-offer-descr {
        max-width: 100%;
    }
    .modal-buttons {
        display: flex;
        flex-direction: column;
    }
    .modal-button {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .modal-button:first-child {
        margin-bottom: 20px;
    }
    .modal-order-offer {
        right: 0;
        bottom: 0;
    }
    .modal-order {
        padding: 10px 20px;
    }
    .modal-counter {
        margin-right: 20px;
    }
    .modal-footer {
        align-items: unset;
    }
    .modal__link-back .link-back__arrow {
        font-size: 15px;
        line-height: 18px;
        padding-left: 0;
    }
    .modal__link-back .link-back__arrow::before {
        display: none;
    }
    .modal__link-back .link-back__title {
        font-size: 18px;
        line-height: 20px;
    }
    .k-articles__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .k-articles__card:nth-child(n){
        grid-row: unset;
        grid-column: unset;
    }
}
@media (max-width: 520px) {

    .video-grid .video-item {
        width: 100%;
        padding: 0;
    }

    .mobile-fixed-bottom .btn-detail {
        width: 100%;
        margin-bottom: 5px;
    }

    .mobile-fixed-bottom .btn-detail:last-child {
        margin-bottom: 0;
    }

    /*Главная*/

    .main .catalog-swiper .product-wrap{
        margin: 0 0 8px 0;
    }

    .catalog-title-nav {
        width: 50px;
    }

    .catalog-title-nav .swiper-button-next, .catalog-title-nav .swiper-button-prev {
        width: 20px;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0;
    }

    .partners-form {
        padding: 10px 10px 0;
    }



    #forma-pretenzii {
        padding: 10px 10px 0;
    }

    .thank-page .fluid{
        max-width:50px;
    }
    .card__wrapper {
        justify-content: center; }
    .card__item {
        width: 100%;
        max-width: 350px; }
    /*.card__bottom {
	  max-width: 276px; } }*/
    .card-info__item:last-child {
        margin-bottom: 0; }
    .card-info__title {
        width: 85px; }
    .card-info__value {
        flex-grow: 1; }
    .card__item_slider {
        max-width: 100%;
    }
    .card__item:hover {
        outline: none !important;
        box-shadow: none;
        border: 1px solid #FFEBB7;
    }
    .card__item.modal-purchase__card-item:hover {
        border: 1px solid #eaeaea;
    }
    .wrap_new .slick-list {
        margin-right: 32px;
    }
    .wrap_new .slick-list {
        padding: 0;
    }

    .rating-star_new.active {
        color: #CBA84C !important; }

    .order-popup{width:100%}
    .order-popup input[type="text"]{
        width: 100%;
        height: 30px;
        border-radius: 5px;
        border: 1px solid #d0d0d0;
        -webkit-box-shadow: inset 0px 0px 4px 1px #d0d0d0;
        box-shadow: inset 0px 0px 4px 1px #d0d0d0;
        padding: 0px 15px;
        font-size: 11px;
        outline: 0 !important;
        margin:0 0 10px 0;
    }
    .order-popup input[type="submit"]{
        background-color: rgb(214, 184, 88);
        color: #253a40;
        border:0;
        outline:0;
        margin-top:10px;
    }
    .order-popup input[type="checkbox"]{
        position:relative;
        margin:0;
    }

    .order-popup .radio label, .order-popup .checkbox label {
        min-height: auto;
        padding-left: 0;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .bx-sls .dropdown-block {
        border: 1px solid #d0d0d0;
        box-shadow: inset 0px 0px 4px 0px #d0d0d0;
        font-size: 12px;
        padding: 0 22px 0 30px;
        position: relative;
        background-color: #fff;
    }



    .products-properties .property-line{height:21px}

    .bx-soa-custom-label{color:#000 !important}
    .bx_soa_location{margin-bottom:5px}
    .bx-soa-tooltip{margin:5px 0;width:275px}
    .bx-soa-reference{width:275px}
    .alert-show{margin:5px 0 10px 0;padding:5px 40px}
    .alert-hide{text-align:center;margin-bottom:10px}
    .bx-soa-reference{display:none}
    .step-input .bx-sls{width:100%;}

    .reviews-nav__item{text-decoration:none}

    .swiper-slide {width: auto;}

    .title-search-result {display: none !important;}
    .sticky {
        position: fixed;
        z-index: 101;
    }
    .stop {
        position: relative;
        z-index: 101;
    }
}
@media screen and (max-width: 500px) {
    .main-reviews__grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
    .main-reviews__photos-item {
        width: 70px;
        height: 70px;
    }
    .main-reviews__photos {
        gap: 10px;
    }
    .k-categories {
        gap: 15px;
    }
    .catalog-links__grid {
        column-count: 1;
    }
}
@media (max-width: 414px){
    .fancybox-content.choose-block {
        width: auto;
    }
    .present-block__item .product-item{
        min-width: 300px;
    }
    .blog-item {
        width: 100%;
    }
    .search-page.page-wrap{
        padding:0;
    }
    .k-articles__card-title {
        font-size: 16px;
        line-height: 22px;
    }
    .k-articles__card-link::after {
        width: 6px;
        height: 10px;
    }
    .blog-grid-wrap {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
    .blog-tags {
        top: 16px;
        left: 16px;
    }
}
@media (max-width: 390px) {
    .modal-order {
        padding: 10px 15px;
    }
    .modal-counter {
        margin-right: 10px;
    }
    .modal__link-back .link-back__title {
        font-size: 16px;
        line-height: 18px;
    }
    .modal-tab:not(:last-child) {
        margin-right: 5px;
    }
}
@media screen and (max-width: 380px) {
    .k-categories {
        padding-bottom: 50px;
    }
}
@media (max-width: 350px) {
    .action-page .action-content {
        padding: 16px 2vw;
    }

}