/* Start:/bitrix/templates/amp-resurs/template_styles.css?176150237692436*/
@charset "UTF-8";

:root {
  --font-family: "Inter", sans-serif;
}

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

body, html {
padding: 0;
margin: 0;
font-family: var(--font-family);

font-weight: 300;
font-size: 16px;
line-height: 125%;
color: rgba(0, 0, 0, 0.8);
    background: var(--fon);
height: max-content;
    position: relative;
}

header, footer, main, section {
display: block;
}

img {
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
vertical-align: middle;
}

p, h1, h2, h3, h4 {
margin-top: 0;
line-height: 133%;
}

p {
line-height: 133%;
}

h1 {
font-family: var(--font-family);
font-weight: 700;
font-size: 30px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 32px;
}

h2 {
font-family: var(--font-family);
font-weight: 700;
font-size: 30px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 32px;
}


*, a:focus {
outline: none !important;
}

a {
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

a:hover {
text-decoration: none!important;
color: #e64a19!important;
}





.container {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1262px;
}

input {
display: block;
}

input[type='text'] {



border: 1px solid #e0e0e0;
border-radius: 8px;
background: #fff;

padding: 0 0 0 20px;
width: 100%;
height: 46px;

margin-bottom: 20px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;
color: #424242;

}







textarea {
width: 100%;
height: 144px;

background: transparent;

border: 1px solid #e0e0e0;
border-radius: 8px;
background: #fff;

padding: 10px 0 0 20px;
width: 100%;

margin-bottom: 20px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;
color: #424242;

}



textarea::placeholder {
color: #9e9e9e;
}

textarea::-webkit-input-placeholder {
color: #9e9e9e;
}

textarea::-moz-placeholder {
color: #9e9e9e;
}

textarea:-moz-placeholder {
color: #9e9e9e;
}

textarea:-ms-input-placeholder {
color: #9e9e9e;
}

textarea:focus::-webkit-input-placeholder {
color: #9e9e9e;
}

textarea:focus::-moz-placeholder {
color: #9e9e9e;
}

textarea:focus:-moz-placeholder {
color: #9e9e9e;
}

textarea:focus:-ms-input-placeholder {
color: #9e9e9e;
}



header {


    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    
        position: relative;
    z-index: 101;
    
}

header.scroll {
    position: fixed;
    width: 100%;
    z-index: 103;
    top: -69px;
}


.header-bg {
border-radius: 0 0 8px 8px;
min-height: 147px;
background: #f5f5f5;
padding-bottom: 19px;
}



.header-top {
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content max-content max-content;
    grid-column-gap: 20px;
    justify-content: space-between;
padding-left: 21px;
padding-right: 21px;
background: #eee;
align-items: center;
min-height: 30px;
}

.header-address {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
}

.header-top .zvonok-button {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
text-align: right;
color: #9e9e9e;
    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.header-top .header-mail {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
text-align: right;
color: #9e9e9e;
}

.header-top .zvonok-button:hover {
color: #e64a19;
}

.header-center {
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 161px 1fr max-content max-content;
    grid-column-gap: 20px;
    justify-content: space-between;
padding-left: 21px;
padding-right: 21px;
align-items: center;
padding-top: 13px;
padding-bottom: 13px;
}


.header-logo {
width: 161px;
height: 21px;
display: block;
}



.header-menu {
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(20px, max-content));
    grid-column-gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: start;
}

.header-menu li a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
}


.header-phone {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
text-align: right;
color: #9e9e9e;
}

.header-center .zapros-kp-button, .header-mobil .zapros-kp-button {
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
text-align: center;
color: #fff;

border-radius: 4px;
width: 100%;
width: 120px;
height: 26px;

background: #e64a19;

-webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
    border: 0;
}

.header-center .zapros-kp-button:hover, .header-mobil .zapros-kp-button:hover {
background: #b83a14;
color: #fff!important;
}



.header-bottom {
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 161px 1fr max-content max-content;
    grid-column-gap: 20px;
    justify-content: space-between;
padding-left: 21px;
padding-right: 21px;
align-items: center;
}



.catalog-button {
display: flex;
align-items: center;
border-radius: 8px;
width: 160px;
height: 46px;
background-color: #e64a19;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #fff;
padding-left: 63px;
background-image: url("/bitrix/templates/amp-resurs/images/catalog-button.svg");
background-repeat: no-repeat;
background-position: left 35px center;
}

.catalog-button.active {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M1.41211 1.41211L15 15' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M1 14.5879L14.5879 1.00002' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
}

.catalog-button:hover {
background-color: #b83a14;
}








.header-search {
padding-right: 10px;
}


.header-search-grid {
display:flex;
}


.header-search input[type="text"], .header-search-grid input[type="text"] {
border-radius: 0;
width: 100%;
padding-left: 20px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #424242;

background: transparent;
margin: 0;

border: 1px solid #e64a19;
border-right: 0;
border-radius: 8px 0 0 8px;
height: 46px;

width: 100%;
background: #fff;
}


.header-search input[type="text"]::placeholder, .header-search-grid input[type="text"]::placeholder {
color: rgba(0, 0, 0, 0.8);
}




.header-search-grid input[type="submit"] {
    border: 0;
border-radius: 0 8px 8px 0;
width: 92px;
height: 46px;
background: #e64a19;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #fff;


    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;

}

.header-search input[type="submit"]:hover {
background-color: #b83a14;
}

.header-icon-block {
padding-left: 10px;
}


.header-favourites, .header-cart {
    display: block;

text-align: center;
position: relative;
padding-top: 25px;

font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
text-align: center;
color: #9e9e9e;


background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.header-favourites span, .header-cart span {
width: max-content;
position: absolute;
display: block;
top: -5px;
left: 4px;
border-radius: 3px;
min-width: 20px;
height: 15px;
background: #e64a19;
text-align: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
text-align: center;
color: #fff;
line-height: 15px;
}

.header-favourites span {
left: 12px;
}

.header-favourites {
background-image: url("/bitrix/templates/amp-resurs/images/favourites.svg");
background-position: top 3px center;
}

.header-cart {
background-image: url("/bitrix/templates/amp-resurs/images/cart.svg");
}


.header-soc {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content;
    grid-gap: 20px;

}

.header-soc a, .header-soc span {

width: 20px;
height: 20px;
min-width: 20px;
background-position: center center;
background-repeat: no-repeat;

cursor: pointer;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.header-soc .wa {
background-image: url("/bitrix/templates/amp-resurs/images/wa.svg");
}

.header-soc .tg {
background-image: url("/bitrix/templates/amp-resurs/images/tg.svg");
}

.header-soc a:hover {
opacity: 0.7;
}



.header-burger {
display: none;
}


.header-banner-item {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 40px;
    justify-content: space-between;
    padding: 76px 58px 30px 50px;
    
    border-radius: 8px;
min-height: 500px;
background: #f5f5f5;
}

.main-header-banner-left-block {
max-width: 600px;
}

.main-header-banner-text p {
margin: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #757575;
}

.main-header-banner-text .title {
font-family: var(--font-family);
font-weight: 700;
font-size: 40px;
line-height: 142%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 20px;
}

.main-header-image {
width: auto;
height: auto;
max-width: 100%;
}

.btn {
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: #fff;

border-radius: 8px;
width: 100%;
max-width: 160px;
height: 46px;

background: #e64a19;

-webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
    border: 0;
}

.btn:hover {
background: #b83a14;
color: #fff!important;
}

.main-header-banner-text .btn {
margin-top: 20px;
}

.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
margin: 0;
bottom: 20px;
}

.slick-dots li button:before {
display: none;
}

.slick-dots li {
width: 72px;
height: 8px;
margin: 0 8px;
}

.slick-dots li button {
border-radius: 8px;
width: 72px;
height: 8px;
background: #e0e0e0;
-webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
    
    padding: 0;
}

.slick-dots li button:hover {
background: #c7c7c7;
}


.slick-dots li.slick-active button {
background: #e64a19;
}

main {
padding-top: 32px;
}





input[type='text']::placeholder {
color: #9e9e9e;
}



input[type='text']::-webkit-input-placeholder {
color: #9e9e9e;
}

input[type='text']::-moz-placeholder {
color: #9e9e9e;
}

input[type='text']:-moz-placeholder {
color: #9e9e9e;
}

input[type='text']:-ms-input-placeholder {
color: #9e9e9e;
}




.header-search input[type="text"]::placeholder, .header-search-grid input[type="text"]::placeholder {
color: #9e9e9e;
}

.header-search input[type="text"]::-webkit-input-placeholder, .header-search-grid input[type="text"]::-webkit-input-placeholder {
color: #9e9e9e;
}


.header-search input[type="text"]::-moz-placeholder, .header-search-grid input[type="text"]::-moz-placeholder {
color: #9e9e9e;
}


.header-search input[type="text"]::-moz-placeholder, .header-search-grid input[type="text"]::-moz-placeholder {
color: #9e9e9e;
}


.header-search input[type="text"]::-ms-input-placeholder, .header-search-grid input[type="text"]::-ms-input-placeholder {
color: #9e9e9e;
}



textarea:focus::placeholder {
  color: transparent;
}

input[type="text"]:focus::placeholder {
  color: transparent;
}


input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}

input[type="text"]:focus::-moz-placeholder {
  color: transparent;
}

input[type="text"]:focus:-moz-placeholder {
  color: transparent;
}

input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.main-category {
margin-top: 32px;
}

.main-category-grid {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 32px;
justify-content: space-between;
}


.main-category-grid .main-category-item:nth-child(1), .main-category-grid .main-category-item:nth-child(6), .main-category-grid .main-category-item:nth-child(7) {
grid-column: span 2;
}

.main-category-item {
    background-blend-mode: multiply;
background-position: top right;
    background-repeat: no-repeat;
    
    border-radius: 8px;
min-height: 284px;
background-color: #f5f5f5;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
    background-size: contain;
}

.main-category-item p {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
margin: 0;
margin-top: 4px;
}

.main-category-item .title {
max-width: 174px;
margin: 0;

font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
}

.main-reshenia {
margin-top: 64px;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 390px 1fr;
grid-gap: 32px;
justify-content: space-between;
}

.main-reshenia-grid {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 32px;
justify-content: space-between;
}

.main-reshenia-item {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
padding: 30px;
border-radius: 8px;
min-height: 218px;
background: #f5f5f5;
}

.main-reshenia-item p {
margin: 0;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.main-reshenia-item .title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 20px;
}

.main-reshenia-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.all-link {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.main-hit {
margin-top: 64px;
}

.catalog-item {
border-radius: 8px;
width: 284px;
min-height: 404px;
background: #f5f5f5;
}

.catalog-item-image-block {
position: relative;
width: 284px;
height: 284px;

    display: flex;
align-items: center;
    justify-content: center;
}

.catalog-item-image {
border-radius: 8px 8px 0 0;
width: auto;
height: auto;
max-width: 284px;
max-height: 284px;
}

.catalog-item-text-block {
position: relative;
padding: 20px;
}

.catalog-item-price {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
letter-spacing: 0.01em;
color: #424242;
}

.catalog-item-price .old-price {
font-weight: 400;
font-size: 14px;
text-decoration: line-through;
color: #a5a5a5;
margin-left: 10px;
}

.catalog-item .title {
display: block;
margin-top: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 157%;
letter-spacing: 0.01em;
color: #424242;
}


.catalog-item-cart-button {
border-radius: 4px;
width: 46px;
height: 46px;
background-color: #e64a19;
background-image: url("/bitrix/templates/amp-resurs/images/cart-button.svg");
background-repeat: no-repeat;
background-position: center center;

-webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
    
    position: absolute;
    right: 20px;
    top: -23px;

}

.catalog-item-cart-button:hover {
background-color: #b83a14;
}


.catalog-item .stiker {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
color: #fff;
padding: 3px 5px 4px 5px;
display: block;
width: max-content;
border-radius: 4px;
height: 24px;
background: #e64a19;
position: absolute;
top: 20px;
left: 20px;
}

.catalog-item .favourites-button {
position: absolute;
right: 20px;
top: 20px;


width: 28px;
height: 24px;
background-image: url("/bitrix/templates/amp-resurs/images/favourites-button.svg");
background-repeat: no-repeat;
background-position: center center;

-webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;

}

.catalog-item .favourites-button:hover, .catalog-item .favourites-button.active {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8352 4.1812C16.8352 4.18121 16.8352 4.18122 16.8352 4.18124L14.9901 6.00299C14.7275 6.26222 14.3714 6.40785 14.0001 6.40786C13.6288 6.40787 13.2727 6.26225 13.0101 6.00303L11.1648 4.18124C9.25125 2.29204 6.14875 2.29204 4.23518 4.18124C2.32161 6.07043 2.32161 9.13343 4.23518 11.0226L14.0001 20.6631L23.7648 11.0226L24.7548 12L23.7648 11.0226C25.6784 9.13342 25.6784 6.07043 23.7648 4.18123C21.8513 2.29205 18.7488 2.29204 16.8352 4.1812ZM14.8553 2.22655C17.8623 -0.742184 22.7377 -0.742185 25.7447 2.22655C28.7518 5.19529 28.7518 10.0086 25.7447 12.9773L14.99 23.5952C14.7275 23.8544 14.3714 24 14.0001 24C13.6288 24 13.2727 23.8544 13.0101 23.5952L2.25528 12.9773C-0.751759 10.0086 -0.751759 5.19529 2.25528 2.22655C5.26231 -0.742184 10.1377 -0.742184 13.1447 2.22655L14 3.07097L14.8552 2.22659L14.8553 2.22655Z' fill='%23e64a19'/%3e%3c/svg%3e");
}



.main-hit-slider .catalog-item {
margin: 0 auto;
}

.slider-top-dots .slick-dots li button {
width: 38px;
}

.slider-top-dots .slick-dots li {
width: 38px;
}

.slider-top-dots .slick-dots li.slick-active button {
background: #9e9e9e;
}

.slider-top-dots .slick-dots {
margin: 0;
    bottom: 20px;
    text-align: right;
    bottom: auto;
    top: -40px;
}

.main-predlojenia {
margin-top: 32px;
}

.main-brands {
margin-top: 32px;
}

.brand-item {
margin: 0 auto;
width: 220px;
height: 160px;
background: #f5f5f5;
border-radius: 8px;
background: #f5f5f5;
overflow: hidden;
}

.brand-item-image {
max-width: 220px;
max-height: 160px;
width: auto;
height: auto;
    display: flex;
align-items: center;
    justify-content: center;
}

.main-news-slider {
    position: static;
}

.main-news {
margin-top: 64px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 268px calc(100% - 268px - 32px);
    grid-gap: 32px;
    justify-content: space-between;
    position: relative;

}

.main-news-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-item {
display: block;
height: 283px;
max-width: 440px;
width: 100%;
margin: 0 auto;
position: relative;
}

.news-item-image {
border-radius: 8px;
width: 100%;
height: 283px;
object-fit: cover;
}



.main-news-slider .slick-dots {
    text-align: left;
    left: 0;
    right: auto;
    top: 72px;
}

.main-news-slider .slick-dots li {
    margin: 0 16px 0 0;
}

.news-item .title {
border-radius: 0 0 8px 8px;
width: 100%;
display: block;
height: 81px;
z-index: 1;
left: 0;
bottom: 0;
padding: 14px 20px 14px 20px;


font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #fff;
margin: 0;
display: block;
position: absolute;

background: linear-gradient(270deg, rgba(66, 66, 66, 0.85) 19.91%, rgba(158, 158, 158, 0.85) 80.32%);
}

footer {
margin-top: 84px;
min-height: 434px;

border-radius: 8px 8px 0 0;
background: #f5f5f5;

padding: 30px 30px 32px 30px;

}


.footer-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content max-content 1fr;
    grid-gap: 32px;
    justify-content: space-between;
}

footer .title {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 200%;
color: #424242;
margin-bottom: 10px;
}

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

footer ul li {
margin-bottom: 6px;
}

footer ul li a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
}

.footer-menu-block {
max-width: 222px;
}

.footer-bottom {
padding-top: 36px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    grid-gap: 32px;
    
    font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
}

.footer-bottom a {
    font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
}

.footer-contacts .btn {
max-width: 190px;
margin-left: auto;
margin-bottom: 15px;
}

.footer-contacts .zvonok-button {
background: #9e9e9e;
}

.footer-contacts .zvonok-button:hover {
background: #858585;
}

.footer-contacts .header-soc {
    margin-top: 45px;
    margin-left: auto;
    width: max-content;
    margin-bottom: 36px;
}

.footer-contacts .header-soc a {
width: 36px;
height: 36px;
    background-size: contain;
}

.footer-contacts p, .footer-contacts a {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 200%;
text-align: right;
color: #424242;
margin: 0;
}



.mobil-menu, .mobil-search, .header-mobil {
display: none;
}


.modal-bg {
    display: none;
}

.modal-bg.active {
    display: block;
    position: fixed;
    z-index: 998;
    height: 100vh;
    width: 100%;
    background: #000000;
    opacity: 0.7;
    top: 0;
    left: 0;
}

.modal {
    display: none;
}

.modal.active {
    display: block;
    position: fixed;
    z-index: 999;
width: 530px;
    max-width: 100%;
    height: max-content;
    left: 50%;
    margin-left: -225px;
    background: #f5f5f5;
    top: 50vh;
    margin-top: -109px;
    padding: 42px 40px 32px 40px;
    border-radius: 5px;
}


.modal.modal-order.active {
margin-top: -300px;
}

.modal.modal-catalog.active {
    margin-top: -194px;
}

.modal.active p {
margin: 0;
font-weight: 400;
font-size: 14px;
line-height: 143%;
text-align: center;
    color: #757575;
margin-bottom: 30px;
}

.modal.active .title {
font-weight: 700;
    font-size: 26px;
    line-height: 110%;
    text-align: center;
    color: #424242;
    margin-bottom: 14px;
}

.modal-result-button {
    max-width: 190px!important;
margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.modal.active .modal-result-text {
margin-top: 20px;
margin-bottom: 0;
}

.modal.active.modal-catalog-result {
padding: 42px 38px 32px 38px;
margin-top: -183px;
}

.modal-close {
    cursor: pointer;

background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.549402 17.197C-0.128417 17.8793 -0.187126 18.9381 0.418271 19.5617C1.02367 20.1854 2.06392 20.1377 2.74174 19.4554L9.99158 12.1568L17.2157 19.4296C17.8935 20.1119 18.9452 20.171 19.5647 19.5616C20.1841 18.9521 20.1369 17.9049 19.459 17.2225L12.2094 9.92411L19.283 2.80303C19.9608 2.12066 20.0195 1.06193 19.4141 0.438286C18.8087 -0.185356 17.7685 -0.137746 17.0907 0.544624L9.99159 7.69136L2.91799 0.570166C2.24017 -0.11221 1.1885 -0.17132 0.569016 0.438139C-0.0504709 1.0476 -0.00318588 2.09484 0.674629 2.77721L7.77375 9.9241L0.549402 17.197Z' fill='%23222222'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
background-position: center center;
    width: 20px;
    height: 20px;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    display: block;
    position: absolute;
    top: 19px;
    right: 18px;
}


.modal.active input[type='text'] {
margin-bottom: 20px;
}


.modal.active textarea {
margin-bottom: 20px;
}


.modal.active .btn {
max-width: 100%;
}

.close-reveal-modal.btn {
background: #9e9e9e;
}

.reveal-buttons {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin-top: 30px;
}

.close-reveal-modal.btn:hover {
background: #858585;
}

.modal.active.modal-zapros, .modal.active.modal-zvonok, .modal.active.modal-cheaper {
max-width: 450px;
margin-left: -225px;
    margin-top: -276px;
}


@media(max-width: 560px) {


    .reveal-buttons {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

.modal.active, .modal.active.modal-zapros, .modal.active.modal-zvonok, .modal.active.modal-cheaper {
left: 0;
top: 0;
width: 100%;
max-width: 100%;
height: 100vh;
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-top: 0!important;
border-radius: 0;
padding-top: 54px;
}

.modal.active .title {
  font-size: 28px;
  margin-bottom: 20px;
}


.modal-close {
  width: 18px;
  height: 18px;
  background-size: contain;
}

}

.modal-err {
    color: red;
    margin-bottom: 10px;
}



.soglasie {
margin-top: 15px;
display: flex;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #757575;
}

.soglasie a {
color: #757575;
text-decoration: underline;
}

.soglasie input[type='checkbox'] {
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
        border: 1px solid #e0e0e0;
}


.soglasie-error {
border: 2px solid transparent;
margin-right: 10px;
border-radius: 3px;
    position: relative;
    top: -2px;
}

.soglasie-error.error {
border: 2px solid #b8130b;
}



.all-link.mobil {
display: none;
}





@media(max-width: 1005px) {
.header-menu {
    grid-column-gap: 16px;
}
}


@media(max-width: 991px) {

header {
display: none;
}






.header-mobil {
        display: block;
        position: fixed;
        z-index: 20;
        width: 100%;
        top: 0;
        left: 0;
        height: 50px;
    background: #f5f5f5;
	}

    .header-grid-bottom {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: max-content 1fr max-content max-content max-content 18px;
        align-items: center;
        grid-gap: 12px;
        justify-content: space-between;
        height: 50px;
        padding: 0;
    }

.header-grid-bottom .header-zapros {
width: 100px;
margin-left: auto;
margin-right: auto;
		}


.header-logo {
        width: 90px;
height: auto;
}

.burger-button {
display: block;
width: 18px;
min-width: 18px;
height: 16px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/bitrix/templates/amp-resurs/images/burger.svg');
cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.burger-button.active {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.41211 1.41211L15 14.9999' stroke='%23303841' stroke-width='2' stroke-linecap='round' /%3e%3cpath d='M1 14.5879L14.5879 1.00006' stroke='%23303841' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
}

.burger-button:hover {
opacity: 0.7;
}

.mobil-mail {
display: block;
width: 20px;
min-width: 20px;
height: 17px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/bitrix/templates/amp-resurs/images/mail.svg');
cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.mobil-mail:hover {
opacity: 0.7;
}

.mobil-phone {
display: block;
width: 20px;
min-width: 20px;
height: 17px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/bitrix/templates/amp-resurs/images/phone.svg');
cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.mobil-phone:hover {
opacity: 0.7;
}





.mobil-search-button {
display: block;
width: 17px;
min-width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/bitrix/templates/amp-resurs/images/search.svg');
cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.mobil-search-button:hover {
opacity: 0.7;
}

.mobil-search {
display: block;
position: fixed;
z-index: 21;
width: 100%;
top: 0;
left: 0;
height: 50px;
    background: #f5f5f5;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
display: none;
}

.mobil-search.active {
display: block;
}

.header-basket {
    max-width: 25px;
}

.mobil-search .header-search-grid {
height: 50px;
align-items: center;
}


.mobil-menu {
position: fixed;
z-index: 20;
width: 100%;
height: calc(100vh - 50px);
    background: #f5f5f5;
top: 50px;
padding-top: 20px;
}

.mobil-menu.active {
display: block;
}


.mobil-menu .header-menu {
        list-style: none;
        display: grid;
        grid-template-rows: auto;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 14px;
        margin: 0;
        padding: 0;
        align-items: center;
}

.mobil-menu ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
}


.mobil-menu .zapros-button {
margin-top: 30px;
}


.mobil-menu .header-soc {
    justify-content: start;
    margin-top: 30px;
}


.header-search-grid input[type='submit'] {
border: 0;
padding: 0;
border-radius: 0 5px 5px 0;
width: 42px;
height: 42px;
min-width: 42px;
background-color: #e64a19;
background-position: center center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cellipse cx='13.0527' cy='11.3787' rx='8.94737' ry='9.37868' stroke='white' stroke-width='3' /%3e%3cpath d='M2.00002 23.0309L6.27432 18.5506' stroke='white' stroke-width='3' stroke-linecap='round' /%3e%3c/svg%3e");
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
cursor: pointer;
margin: 0;
color: transparent;
  font-size: 0;
}



.header-search-grid input[type='submit']:hover {
background-color: #b83a14;
}

.header-search-grid input[type='text'] {
height: 42px;
}



.header-search input[type="text"], .header-search-grid input[type="text"] {
    border-radius: 5px 0 0 5px;
}

body.main main {
    padding-top: 80px;
}


.header-banner-item {
    grid-row-gap: 30px;
    padding: 30px 20px 70px 20px;
    grid-template-columns: 1fr;

}

.main-header-banner-text .title {
    font-size: 20px;
}

.main-header-banner-text p {
    font-size: 18px;
}

.main-header-banner-left-block {
order: 2;
}

.slick-dots li button {
    width: 32px;
    height: 5px;
    }
    
    .slick-dots li {
    width: 32px;
        height: 5px;
    margin: 0 5px;
}

.main-header-image {
width: 300px;
}


.btn {
    height: 42px;
    border-radius: 5px;
}

input[type='text'] {
    border-radius: 5px;
    height: 42px;
}

h2 {
    font-size: 24px;
    margin-bottom: 30px;
}


.main-category-grid {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
grid-gap: 22px;
}

.main-category-item .title {
    font-size: 18px;
}



.main-category-item {
    padding: 20px;
}

.main-category-item p {
    font-size: 14px;
}


.main-category-item {
    min-height: 220px;
}


.main-reshenia {
    grid-template-columns: 1fr;
    grid-gap: 0;
}

.main-reshenia-grid {
    grid-gap: 22px;
}

.main-reshenia-item {
    padding: 20px;
    min-height: max-content;
}

.main-reshenia-item .title {
    font-size: 18px;
    margin-bottom: 14px;
}

.main-reshenia-item p {
    font-size: 14px;
}

.slider-top-dots .slick-dots li button {
    width: 24px;
}

.slider-top-dots .slick-dots li {
    width: 24px;
}



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



.main-news {
    grid-template-columns: 1fr;
    grid-gap: 0;
}

.main-news-slider {
margin-bottom: 0;
}


footer {
    padding: 20px 20px 22px 20px;
}


.footer-grid {
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.footer-contacts .btn {
    margin-left: 0;
}

.footer-contacts .header-soc {
    margin-left: 0;
}


.footer-contacts p, .footer-contacts a {
    text-align: left;
        font-size: 14px;
}


.footer-bottom {
    grid-gap: 7px;
        grid-template-columns: 1fr;
}

.main-hit-slider {
width: calc(100% + 15px);
}

.main-hit-slider .catalog-item {
margin-right: 10px;
}

.main-brands-slider {
width: calc(100% + 15px);
}

.main-brands-slider .brand-item {
margin-right: 10px;
}

.main-news-slider {
width: calc(100% + 15px);
}


.main-news-slider .news-item {
margin-right: 10px;
}

.main-news-slider .news-item {
    max-width: 284px;
    margin-right: 10px;
}


.news-item .title {
    height: 90px;
    padding: 12px 10px 12px 18px;
    font-size: 14px;
}

.all-link {
display: none;
}

.all-link.mobil {
display: block;
margin-top: 24px;
}

}


@media(max-width: 549px) {


.main-category-grid .main-category-item:nth-child(1), .main-category-grid .main-category-item:nth-child(6), .main-category-grid .main-category-item:nth-child(7) {
    grid-column: span 1;
}

.main-category-grid {
    grid-template-columns: 1fr;
}
    
.main-reshenia-grid {
    grid-template-columns: 1fr;
}

}




@media(max-width: 369px) {
.header-zapros {
display: none!important;
}
}




.contacts-page {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 388px 1fr;
        grid-gap: 32px;
        justify-content: space-between;
}

.contacts-page h1 {
margin-bottom: 20px;
}

.contacts-map {
overflow: hidden;
border-radius: 8px;
}

.contacts-page h3 {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 10px;
}

.contacts-page p, .contacts-page a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 200%;
color: #424242;
}

.contacts-page p {
margin-bottom: 20px;
}


.contacts-buttons-grid {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 190px 1fr;
        grid-gap: 20px;
        align-items: end;
        justify-content: start;
            margin-top: 55px;
}

.contacts-buttons-grid .btn {
    max-width: 190px;
    margin-left: auto;
    margin-top: 15px;
}



.contacts-buttons-grid .zvonok-button {
background: #9e9e9e;
}

.contacts-buttons-grid .zvonok-button:hover {
background: #858585;
}


.contacts-buttons-grid .header-soc a {
    width: 36px;
    height: 36px;
    background-size: contain;
}

@media(max-width: 991px) {

.contacts-page {
    grid-template-columns: 1fr;
}

.contacts-map {
    height: 400px;
}

.contacts-buttons-grid {
    margin-top: 0;
}

.contacts-page h3 {
    font-size: 18px;
}

.contacts-page p, .contacts-page a {
    font-size: 14px;
}

}


.company-grid {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px;
        justify-content: space-between;
}

.company-page .company-item p {
margin: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.company-page .company-item .title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 20px;
}

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

.company-page .company-item .title2 {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;
text-align: right;
color: #757575;
margin-top: 34px;
}

.company-page .company-item {
border-radius: 8px;
background: #f5f5f5;
padding: 32px 30px 30px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.company-celi {
margin-top: 32px;
}

.company-celi-grid {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 32px;
        justify-content: space-between;
}

.company-page .company-item {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.company-celi-grid .company-item {
min-height: 320px;
}

.company-celi-grid .company-item .title2 {
margin-top: 18px;
}

.company-rechenia-grid {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 388px 1fr;
        grid-gap: 32px;
        justify-content: space-between;
}


.company-service .company-rechenia-grid {
        grid-template-columns: 280px 1fr;
}

.company-rechenia-left {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.company-rechenia-left .title2 {
margin: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.company-rechenia {
margin-top: 64px;
}

.company-service.service {
margin-top: 0;
}

.company-rechenia-right {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px;
        justify-content: space-between;
}


.company-rechenia-grid .company-item.long {
    grid-column: span 2;
}


.dostavka-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    justify-content: space-between;
}


.company-page .dostavka-grid .company-item .title2 {
margin-top: 25px;
}

.company-item .chars {
display: flex;
    justify-content: space-between;
    margin-bottom: 5px!important;
}



@media(max-width: 1099px) {
.company-rechenia-grid {
    grid-template-columns: 260px 1fr;
}



.company-celi-grid {
    grid-template-columns: 1fr 1fr;
}

}


@media(max-width: 991px) {
    .company-rechenia-grid {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    
    
    .company-service .company-rechenia-grid {
        grid-template-columns: 1fr;
}
    
    .company-rechenia-right {
    grid-gap: 22px;
}
    
    .company-rechenia-left .title2 {
    display: none;
    }
    
    
    .company-page .company-item .title {
    font-size: 18px;
    margin-bottom: 16px;
}

.company-page .company-item p {
font-size: 14px;
}

.company-page .company-item {
padding: 20px;
}

    .company-celi-grid {
    grid-gap: 22px;
    }
    
    .company-grid {
    grid-gap: 22px;
}

.company-page .company-item .title2 {
    font-size: 14px;
    margin-top: 30px;
}

.dostavka-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 22px;
}

.company-rechenia {
    margin-top: 50px;
}
    
}

@media(max-width: 549px) {

.company-grid {
    grid-template-columns: 1fr;
}

.company-rechenia-right {
    grid-template-columns: 1fr;
}


    .company-celi-grid {
        grid-template-columns: 1fr;
    }

.company-celi-grid .company-item {
    min-height: auto;
}

.company-rechenia-grid .company-item.long {
    grid-column: span 1;
}

.dostavka-grid {
    grid-template-columns: 1fr;
    grid-gap: 22px;
}

}



















.catalog-menu {
display: none;
position: absolute;
z-index: 100;
border-radius: 0 0 8px 8px;
padding-right: 0;

border-radius: 10px;
background: #f5f5f5;
min-width: calc(100% - 30px);
top: 115px;
max-width: calc(100% - 30px);

padding: 54px 21px 20px 11px;

    min-height: 660px;
}

.catalog-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    grid-gap: 6px;
}

.catalog-menu.scroll {
position: fixed;
top: 112px;
}


.catalog-menu.active {
display: block;
}

.catalog-menu > ul > li {
    padding-right: 0;
    cursor: pointer;
    max-width: 260px;
}

.catalog-menu ul li ul li a, .catalog-menu ul li ul li span {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
letter-spacing: 0.01em;
color: #424242;
-webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.catalog-menu > ul > li > a, .catalog-menu > ul > li > span {
font-weight: 900;
color: #000!important;

border-radius: 8px;

padding: 9px 10px;

display: block;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;


color: #424242;

}

.catalog-menu > ul > li:hover > a, .catalog-menu > ul > li:hover > span, .catalog-menu > ul > li.active > a, .catalog-menu > ul > li.active > span {
color: #e64a19!important;

background: #eee;
}

.catalog-menu ul li ul {
display: grid;
grid-row-gap: 20px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
justify-content: start;
}

.catalog-menu ul li ul li ul {
display: flex;
    margin-top: 12px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.catalog-menu ul li ul li ul li a {
font-family: var(--font-family);
font-size: 16px;
letter-spacing: 0.01em;
color: #424242;
font-weight: 400;
}


.catalog-menu ul li .catalog-menu-lavel-2 {
    position: absolute;
    display: none;
    top: 0;
    left: 281px;
    padding-left: 40px;
    width: auto;
    padding-top: 54px;
}



.catalog-menu ul li.active .catalog-menu-lavel-2 {
display: block;
}

.catalog-menu-lavel-grid {
display: grid;
grid-column-gap: 60px;
grid-template-rows: 1fr;
grid-template-columns: 1fr max-content;
justify-content: space-between;
}




.catalog-menu-lavel-2 .catalog-menu-lavel-title {
margin: 0;
display: block;
margin-bottom: 32px;
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
}



.catalog-list-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 284px calc(100% - 284px - 32px);
    grid-column-gap: 32px;
    justify-content: space-between;
}

.smart-filter {
position: relative;
}

.smart-filter .modal-close {
display: none;
}

.smart-filter-show-button {
display: none;
}



.catalog-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, 284px);
    grid-gap: 32px;
    justify-content: start;
}




.load_more {
height: 46px;
border-radius: 8px;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #9e9e9e;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
margin-top: 32px;
}

.load_more.blog {
margin-top: 40px;
}

.load_more:hover {
background: #dbdbdb;
}

.bx-pagination-container {

}

.items-count {
    float: right;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: right;
color: #9e9e9e;
    text-align: right;
    margin-top: 11px;
}

.bx-pagination .bx-pagination-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    float: left;
}

.bx-pagination {
margin: 0;
margin-top: 30px;
}


.bx-pagination .bx-pagination-container ul li a {



}

.bx-pagination .bx-pagination-container ul li {
margin-bottom: 0;
}

.bx-pagination .bx-pagination-container ul li span {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: #9e9e9e;
background: transparent;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
min-width: 38px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
}

.bx-pagination .bx-pagination-container ul li a:hover span {
background: transparent;
color: #004C9D;
min-width: 38px;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
border-radius: 4px;
background: #f5f5f5;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: #9e9e9e;
height: 38px;
justify-content: center;
align-items: center;
}


.bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
border-radius: 4px;
background: #f5f5f5;
    border: 0;
    padding: 0 18px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #9e9e9e;
height: 38px;
justify-content: center;
align-items: center;

    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}


.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
color: #9e9e9e;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span:hover, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:hover, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:hover {

background: #dbdbdb;
}




.smart-filter-checkbox-text, .smart-filter-dropdown-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 214%;
color: #9e9e9e;
}




.smart-filter-parameters-box-title-text {
margin-top: 40px;
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
color: #424242;
    margin-bottom: 0;
    display: block;
}

.smart-filter {
margin-top: 0;

border-radius: 8px;
width: 100%;
background: #f5f5f5;

padding: 40px 20px 28px 20px;

}

.smart-filter-parameters-box-container .btn {
margin-bottom: 24px;
}

.smart-filter-buttons-block {
margin-top: 30px;
}

.smart-filter-angle {
display: none!important;
}


.smart-filter-input-group-checkbox-list .form-group {
display: flex;
grid-gap: 10px;
position: relative;
    color: #363636;
}

/*
width: 18px;
height: 18px;
border-radius: 5px;
background: #F5F7FA;
*/

.smart-filter-input-group-checkbox-list .form-group input[type='checkbox'] {
position: absolute;
z-index: -1;
opacity: 0;
}

.smart-filter-input-group-checkbox-list .form-group input[type='checkbox']+label {
padding-left: 29px;
cursor: pointer;
}

.smart-filter-input-group-checkbox-list .form-group input[type='checkbox']+label::before {
border: 1px solid #e0e0e0;
border-radius: 4px;
width: 20px;
height: 20px;
background: #fff;


display: block;
content: '';
position: absolute;
margin-left: -29px;
    margin-top: 4px;
}

.smart-filter-input-group-checkbox-list .form-group input[type='checkbox']:checked+label::before {
background-color: #424242;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3e%3cpath d='M1 4.17391L4.7037 8L11 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
}

.smart-filter-input-group-checkbox-list .form-group input[type='checkbox']:disabled+label {
opacity: 0.5;
}


.smart-filter-parameters-box-title {
    padding-bottom: 20px;
}

.smart-filter-popup-result.left {
    right: 104%;
    margin-top: 29px;
}


.smart-filter-popup-result a {
    color: #363636;
    line-height: 10px;
    margin-top: 11px;
    display: block;
}

.smart-filter-popup-result.right {
    left: 97%;
    margin-top: 3px;
}

#del_filter {
border: 0;
background: #a9a9a9!important;
margin-bottom: 0;
border-radius: 8px;
width: 100%;
    min-width: 100%;
height: 46px;


    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;

}

#del_filter:hover {
background-color: #8f8f8f!important;
}

#set_filter {
position: absolute;
z-index: -1;
opacity: 0;
}

.smart-filter-parameters-box-title-text.price {
margin-top: 0;
}






















/*region hint*/
.smart-filter-hint {
	position: relative;
	display: inline-block;
	margin-right: 6px;
}

.smart-filter-hint-icon {
	display: block;
	padding: 0 5px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--primary);
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
}

.smart-filter-hint-popup {
	position: absolute;
	top: calc(100% + 8px);
	left: -7px;
	z-index: 10;
	display: none;
	padding: 10px;
	min-width: 200px;
	max-width: 300px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.14);
}

.smart-filter-hint:hover .smart-filter-hint-popup { display: block; }

.smart-filter-hint-popup-angle {
	position: absolute;
	top: -5px;
	left: 10px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background-color: #fff;
	transform: rotate(45deg);
}

/*endregion*/

.smart-filter-block {
	display: none;
	box-sizing: content-box;
	transition: padding .3s ease;
}

.smart-filter-button-box .smart-filter-block,
.smart-filter-parameters-box.bx-active .smart-filter-block { display: block; }

.smart-filter-parameters-box.bx-active .smart-filter-block i.bx-ft-sub {
	display: block;
	padding-bottom: 5px;
	font-style: normal;
	font-size: 14px;
}

/*region NUMBERS_WITH_SLIDER*/
.smart-filter-input-group-number { }

/*endregion*/

/*region TRACK FOR TYPE NUMBER*/

.smart-filter-slider-track-container {
	overflow: hidden;
	padding: 25px 18px 25px;
}

.smart-filter-slider-track {
	position: relative;
	height: 7px;
	background: #e7e7e7;
}

.smart-filter-slider-ruler {
	position: absolute;
	top: -6px;
	width: 1px;
	height: 17px;
	background: #a2bfc7;
}

.smart-filter-slider-ruler.p1 { left: -1px; }

.smart-filter-slider-ruler.p2 { left: 25%; }

.smart-filter-slider-ruler.p3 { left: 50%; }

.smart-filter-slider-ruler.p4 { left: 75%; }

.smart-filter-slider-ruler.p5 { right: -1px; }

.smart-filter-slider-ruler span {
	position: absolute;
	top: -16px;
	left: 50%;
	display: block;
	margin-left: -50px;
	width: 100px;
	color: #000;
	text-align: center;
	font-size: 11px;
}

.smart-filter-slider-ruler.p2 span,
.smart-filter-slider-ruler.p3 span,
.smart-filter-slider-ruler.p4 span { color: #6b8086; }

.smart-filter-slider-range { z-index: 50; }

.smart-filter-slider-range,
.smart-filter-slider-price-bar,
.smart-filter-slider-price-bar-vd,
.smart-filter-slider-price-bar-vn,
.smart-filter-slider-price-bar-v {
	position: absolute;
	top: 0;
	bottom: 0;
}

.smart-filter-slider-price-bar { z-index: 100; }

.smart-filter-slider-price-bar-vd {
	z-index: 60;
	background: #b1b1b1;
}

.smart-filter-slider-price-bar-vn {
	z-index: 70;
	background-color: var(--theme-color-light); }

.smart-filter-slider-price-bar-v {
	z-index: 80;
	background-color: var(--theme-color-primary);
}

.smart-filter-slider-handle {
	position: absolute;
	top: 100%;
	width: 0;
	height: 0;
	border: 7px solid var(--primary);
}

.smart-filter-slider-handle:hover {
	cursor: grab;
	-webkit-cursor: grab;
	-ms-cursor: grab;
	-o-cursor: grab;
}

.smart-filter-slider-handle:active {
	cursor: grabbing;
	-webkit-cursor: grabbing;
	-ms-cursor: grabbing;
	-o-cursor: grabbing;
}

.smart-filter-slider-handle.left {
	left: 0;
	margin-left: -14px;
	border-top: 7px solid transparent;
	border-left: 7px solid transparent;
}

.smart-filter-slider-handle.right {
	right: 0;
	margin-right: -14px;
	border-top: 7px solid transparent;
	border-right: 7px solid transparent;
}

/*endregion*/

/* region Select */
.smart-filter-input-group-dropdown {
	display: block;
	height: 31px;
	border: 1px solid #ccd5db;
	border-radius: 3px;
}

.smart-filter-input-group-dropdown.bx-active,
.smart-filter-input-group-dropdown:focus { border-color: var(--primary); }

.smart-filter-dropdown-block {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 29px 0 10px;
	width: 100%;
	height: 29px;
	border: none;
	border-radius: 2px;
	background: #fff;
}

.smart-filter-dropdown-text {
	overflow: hidden;
	max-width: 100%;
	height: 29px;
	vertical-align: middle;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 29px;
	cursor: pointer;
}

.smart-filter-dropdown-text.fix { min-width: 120px; }

.smart-filter-dropdown-text label { cursor: pointer; }

.smart-filter-dropdown-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center;
	cursor: pointer;
}

.smart-filter-input-group-dropdown-flex {
	display: flex;
	align-items: center;
}

.smart-filter-input-group-dropdown-flex .smart-filter-checkbox-btn-image {
	margin-right: 5px;
}

/*
*	Select popup
*
*/

.smart-filter-dropdown-popup {
	padding: 0;
	min-width: 173px;
	background: #fff;
}

.smart-filter-dropdown-popup ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.smart-filter-dropdown-popup ul li {
	display: block;
	vertical-align: middle;
}

.smart-filter-dropdown-popup ul li:first-child {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
}

.smart-filter-dropdown-popup ul li label {
	display: flex;
	align-items: center;
	overflow: hidden;
	/*padding: 0 5px;*/
	width: 100%;
	color: #575757;
	white-space: nowrap;
	cursor: pointer;
}

.smart-filter-dropdown-popup ul li label.selected,
.smart-filter-dropdown-popup ul li label:hover {
	background: #f3f8fa;
	color: #000;
}

.smart-filter-dropdown-popup ul li label.disabled {
	background: transparent;
	color: #b8b8b8;
}

.smart-filter-dropdown-popup ul li .smart-filter-dropdown-text { padding-left: 5px;}

/*endregion */



/*region NUMBERS_WITH_SLIDER*/
.smart-filter-input-group-number { }

/*endregion*/

/*region TRACK FOR TYPE NUMBER*/

.smart-filter-slider-track-container {
	overflow: hidden;
    padding: 5px 18px 5px;
}

.smart-filter-slider-track {
	position: relative;
	height: 8px;
	background: transparent;
}

.smart-filter-slider-price-bar-vd {
border: 1px solid #e0e0e0;
border-radius: 8px;
width: 229px;
height: 8px;
background: #fff;
}

.smart-filter-slider-ruler {
	position: absolute;
	top: -6px;
	width: 1px;
	height: 17px;
	background: #a2bfc7;
display: none;
}

.smart-filter-slider-ruler.p1 { left: -1px; }

.smart-filter-slider-ruler.p2 { left: 25%; }

.smart-filter-slider-ruler.p3 { left: 50%; }

.smart-filter-slider-ruler.p4 { left: 75%; }

.smart-filter-slider-ruler.p5 { right: -1px; }

.smart-filter-slider-ruler span {
	position: absolute;
	top: -16px;
	left: 50%;
	display: block;
	margin-left: -50px;
	width: 100px;
	color: #000;
	text-align: center;
	font-size: 11px;

display: none;
}

.smart-filter-slider-ruler.p2 span,
.smart-filter-slider-ruler.p3 span,
.smart-filter-slider-ruler.p4 span { color: #6b8086; }

.smart-filter-slider-range { z-index: 50; }

.smart-filter-slider-range,
.smart-filter-slider-price-bar,
.smart-filter-slider-price-bar-vd,
.smart-filter-slider-price-bar-vn,
.smart-filter-slider-price-bar-v {
	position: absolute;
	top: 0;
	bottom: 0;
}

.smart-filter-slider-price-bar { z-index: 100; }

.smart-filter-slider-price-bar-v {
    z-index: 1 !important;
	    background: #fff !important;

border: 1px solid #e0e0e0;
border-radius: 8px;
height: 8px;
}

.smart-filter-slider-handle {
margin-top: -11px;
z-index: 130!important;
}



/*
.smart-filter-slider-price-bar-v {
background-color: transparent;
border: 0;
}
*/


.smart-filter-slider-price-bar-vn {
    background-color: transparent;
}



.smart-filter-slider-price-bar-vd {
border: 0;
background: transparent;
}

.smart-filter-slider-price-bar-vn {
	z-index: 70;
	background-color: var(--theme-color-light); }

.smart-filter-slider-price-bar-v {
	z-index: 80;
	background-color: var(--theme-color-primary);
}

.smart-filter-slider-handle {
	position: absolute;
	top: 100%;
	width: 0;
	height: 0;
	border: 7px solid var(--primary);
z-index: 160!important;
}

.smart-filter-slider-handle:hover {
	cursor: grab;
	-webkit-cursor: grab;
	-ms-cursor: grab;
	-o-cursor: grab;
}

.smart-filter-slider-price-bar-vd {
pointer-events: none;
}

.smart-filter-slider-handle:active {
	cursor: grabbing;
	-webkit-cursor: grabbing;
	-ms-cursor: grabbing;
	-o-cursor: grabbing;
}

.smart-filter-slider-handle.left {
	left: 0;
	margin-left: -14px;
	border-top: 7px solid transparent;
	border-left: 7px solid transparent;
}

.smart-filter-slider-handle.right {
	right: 0;
	margin-right: -14px;
	border-top: 7px solid transparent;
	border-right: 7px solid transparent;
}




.d-flex.justify-content-between {
display: flex;
justify-content: space-between;
gap: 22px;
margin-bottom: 22px;
}

.d-flex.justify-content-between .form-group {
width: 100%;
}

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

.smart-filter-input-container input[type='text'] {
margin: 0;
width: 100%;

border: 0.50px solid rgba(43, 43, 43, 0.5);
border-radius: 1px;
padding-left: 10px;
width: 98px;
height: 31px;

background: var(--svetlo-seryy)!important;
}



.smart-filter-angles:after, .smart-filter-angles:before {
    background-color: rgba(0, 0, 0, 0.5);
    width: 6px;
}


.smart-filter-angle {
    position: relative;
    margin-top: 1px;
    float: right;
    margin-left: 5px;
}

.smart-filter-input-container input {
border: 1px solid #e0e0e0;
border-radius: 8px;
width: 112px;
height: 46px;
background: #fff;


font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;
text-align: center;
color: #424242;

}

/*
.smart-filter-slider-ruler {
display: none;
}
*/

.smart-filter-slider-handle {
width: 16px;
height: 16px;
border-radius: 100%;
background: #424242;
}


.fa-angle-right:before {
    content: "•"!important;
}

.bx-breadcrumb {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
margin-bottom: 8px;
}

.bx-breadcrumb-item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #9e9e9e;
}


.catalog-sections-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 32px;
}

.catalog-sections-grid a, .catalog-sections-grid span {
display: flex;
align-items: center;
padding-left: 20px;
padding-right: 20px;
width: max-content;


border-radius: 8px;
height: 46px;
background: #f5f5f5;


font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
letter-spacing: 0.01em;
color: #424242;

}

.catalog-sections-grid a:hover, .catalog-sections-grid a.active, .catalog-sections-grid span.active {
color: #424242!important;
background: #dbdbdb;
}

.smart-filter-popup-result.right {
    opacity: 1!important;
    margin-top: 32px;
}


.price-box .smart-filter-popup-result.right {
margin-top: -5px;
}

@media(max-width: 991px) {

    .oblojka {
        overflow-x: hidden;
        overflow-y: hidden;
        margin: 0 -15px 0 -15px;
        max-width: 100vw;
        width: 100vw;
    }
    
    .overflow {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 40px;
        margin-bottom: -40px;
        display: flex;
        justify-content: start;
    }

    .overflow:before {
        display: inline-block;
        width: 15px;
        min-width: 15px;
        content: '';
    }
    
    .overflow:after {
        display: inline-block;
        width: 15px;
        min-width: 15px;
        content: '';
    }


.catalog-sections-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 0;
}


.catalog-sections-grid a {
    padding-left: 16px;
    padding-right: 16px;
    height: 42px;
    font-size: 14px;
}

h1 {
    font-size: 26px;
    margin-bottom: 28px;
}


    .smart-filter-show-button {
        margin-bottom: 0;
        max-width: 400px;
        width: 100%;
        display: flex;
        margin-top: 15px;
gap: 10px;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
    }

    .smart-filter-show-button:hover {
opacity: 0.7;
	}


    .smart-filter {
        display: none;
    }


    .smart-filter.active {
        display: block;
        position: fixed;
        z-index: 199;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        padding: 25px 20px 40px 15px;
    }


    .smart-filter-section {
        position: relative;
        overflow-y: auto;
        max-height: calc(100vh - 80px);
        padding-right: 10px;
        padding-left: 2px;
    }

.catalog-list-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 22px;
}

.smart-filter .modal-close {
    display: block;
    right: 30px;
    position: absolute;
    z-index: 10;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;
}


.smart-filter .modal-close:hover {
opacity: 0.7;
	}


}

@media(max-width: 499px) {

.catalog-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, 284px);
    grid-gap: 32px;
    justify-content: center;
}

}


.catalog-element-detail-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: calc(100% - 284px - 32px) 284px;
    grid-column-gap: 32px;
    justify-content: space-between;
margin-top: 32px;
}


.catalog-element-image-params-block {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: calc(50% - 11px) calc(50% - 11px);
    grid-column-gap: 32px;
    justify-content: space-between;
}

.catalog-element-images-block {
border-radius: 8px;
width: auto;
height: 442px;
background: #f5f5f5;
}







.catalog-detail-galery-item {
    width: 100%;
    background-blend-mode: multiply;
    background-repeat: no-repeat !important;
height: 442px;
    border-radius: 10px;
    background-size: contain !important;
    max-width: 777px;
    background-position: center center;
    display: block;
}


.catalog-detail-galery-nav-item {
    width: 49px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    background-blend-mode: multiply;
    background-repeat: no-repeat !important;
    padding-bottom: 49px;
    border-radius: 4px;
    background-size: cover !important;
    cursor: pointer;
}

.catalog-detail-galery-slider .slider-nav .slick-current .catalog-detail-galery-nav-item {
border: 1px solid #424242;
}

.catalog-element-images-block .slider-nav {
position: relative;
z-index: 1;
margin-top: -59px;
}

.catalog-element-images-block .catalog-detail-galery-nav-item {
margin: 0 auto;
}

.slider-nav {
max-width: 777px;
padding-left: 8px;
padding-right: 8px;
}

.slider-nav .slick-prev, .slider-nav .slick-next {
z-index: 2;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_62_1880)'%3e%3ccircle cx='17' cy='17' r='12' fill='%23D9D9D9' /%3e%3c/g%3e%3cpath d='M11 16C10.4477 16 10 16.4477 10 17C10 17.5523 10.4477 18 11 18V17V16ZM23.7071 17.7071C24.0976 17.3166 24.0976 16.6834 23.7071 16.2929L17.3431 9.92893C16.9526 9.53841 16.3195 9.53841 15.9289 9.92893C15.5384 10.3195 15.5384 10.9526 15.9289 11.3431L21.5858 17L15.9289 22.6569C15.5384 23.0474 15.5384 23.6805 15.9289 24.0711C16.3195 24.4616 16.9526 24.4616 17.3431 24.0711L23.7071 17.7071ZM11 17V18H23V17V16H11V17Z' fill='white' /%3e%3cdefs%3e%3cfilter id='filter0_d_62_1880' x='0' y='0' width='34' height='34' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix' /%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3e%3cfeOffset /%3e%3cfeGaussianBlur stdDeviation='2.5' /%3e%3cfeComposite in2='hardAlpha' operator='out' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0' /%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_62_1880' /%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_62_1880' result='shape' /%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-position: center center;
margin-top: -17px;
}

.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
display: none;
}

.slider-nav .slick-next {
right: 0;
}

.slider-nav .slick-prev {
left: 0;
}

.slider-nav .slick-prev {
transform: rotate(180deg);
}

.catalog-element-params-block {
border-radius: 8px;
width: auto;
height: 442px;
background: #f5f5f5;
padding: 20px;
}

.catalog-element-params-block h1 {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin: 0;
margin-bottom: 20px;
}

.catalog-element-params-block select {
height: 46px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #424242;
padding-left: 18px;
border: 1px solid #e0e0e0;
border-radius: 4px;
height: 46px;
background: #fff;
appearance: none;

background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 1L9 11L1 1' stroke='%239E9E9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
padding-right: 40px;
background-repeat: no-repeat;
background-position: right 12px center;
}



.catalog-element-params-properties {
margin-top: 20px;
}

.catalog-element-params-properties-item {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    justify-content: space-between;
}

.catalog-element-params-properties-item .title {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 187%;
color: #9e9e9e;
}

.catalog-element-params-properties-item .value {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 187%;
text-align: right;
color: #424242;
}

.catalog-element-params-buttons {
margin-top: 20px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 240fr 140fr;
    grid-column-gap: 20px;
    justify-content: space-between;
}

.catalog-element-params-buttons a {
display: flex;
border: 1px solid #e0e0e0;
border-radius: 4px;
width: 100%;
height: 46px;
align-items: center;
    justify-content: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;
text-align: center;
color: #424242;
}

.catalog-element-params-buttons a:hover {
color: #424242!important;
opacity: 0.7;
}

.catalog-element-detail-descr-block {
margin-top: 32px;
}

.element-detail-link {
position: absolute;
margin-top: -220px;
}

.catalog-element-detail-descr-block h2 {
font-family: var(--font-family);
font-weight: 700;
font-size: 30px;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 32px;
}

.catalog-element-detail-descr-bg {
border-radius: 8px;
width: 100%;
height: max-content;
background: #f5f5f5;
padding: 30px 30px 30px 32px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.catalog-element-detail-descr-bg p, ul li, ol li {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.catalog-element-detail-descr-bg h3 {
font-weight: 700;
font-size: 24px;
line-height: 133%;
color: #424242;
margin-top: 20px;
margin-bottom: 14px;
}

.catalog-element-detail-by-block {
width: 284px;
height: max-content;
border-radius: 8px;
background: #f5f5f5;
padding: 20px;
}

.catalog-element-detail-by-price-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 10px;
    justify-content: space-between;
}

.catalog-element-detail-price {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
letter-spacing: 0.01em;
color: #424242;
}

.catalog-element-detail-price .old-price {
display: block;
font-weight: 400;
font-size: 14px;
text-decoration: line-through;
color: #a5a5a5;
}

.catalog-element-detail-by-price-grid .stiker.sale {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
color: #fff;
width: max-content;
height: 30px;
background: #e64a19;
border-radius: 4px;
display: flex;
align-items: center;
padding-left: 5px;
padding-right: 5px;
}

.catalog-element-detail-by-block .cheaper-button {
cursor: pointer;

    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;

margin-top: 20px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #9e9e9e;
display: block;
}

.catalog-element-detail-by-block .cheaper-button:hover {
color: #e64a19;
}

.count-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content 37px max-content;
    justify-content: start;
grid-gap: 10px;
}

.catalog-element-detail-by-block .count-grid {
margin-top: 27px;
}

.count-grid input[type='text'] {
border: 1px solid #e0e0e0;
border-radius: 4px;
width: 37px;
height: 30px;
text-align: center;
padding: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #424242;
margin: 0;
}

.count-grid .plus, .count-grid .minus {
cursor: pointer;

    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.count-grid .plus:hover, .count-grid .minus:hover {
opacity: 0.7;
}

.catalog-element-detail-cart-grid {

    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    justify-content: start;
grid-gap: 10px;
margin-top: 20px;

margin-top: 20px;
}

.catalog-element-detail-cart-button {
max-width: 100%;
}

.catalog-detail-favorite {
display: block;
width: 46px;
height: 46px;

cursor: pointer;

    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;

}

.catalog-detail-favorite:hover {
opacity: 0.7;
}

.catalog-detail-favorite.active svg path {
fill: #e64a19;
}

.detail-item-mobil-title {
display: none;
}


@media(max-width: 992px) {


.catalog-element-detail-grid {
    grid-template-columns: 100%;
}

.catalog-element-detail-right {
position: fixed;
z-index: 2;
width: 100%;
left: 0;
bottom: 0;
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    background: #f5f5f5;
}

.catalog-element-detail-by-block {
    width: 100%;
    height: max-content;
    border-radius: 8px;

    padding: 20px;
    display: grid;
    grid-template-rows: auto;
        grid-template-columns: max-content 1fr;
    grid-column-gap: 32px;
    justify-content: start;
border-radius: 0;
        max-width: 500px;
        padding-top: 18px;
        padding-bottom: 12px;


}

.catalog-element-detail-by-price-grid {
order: 1;
    grid-column: span 2;
}

.catalog-element-detail-by-block .count-grid {
order: 2;
        margin-top: 18px;
	}

.catalog-element-detail-price {
max-width: 200px;
	}

.catalog-element-detail-by-block .cheaper-button {
order: 3;
display: none;
	}

.catalog-element-detail-cart-grid {
order: 4;
    margin-top: 12px;
	}

.catalog-detail-favorite svg {
width: 42px;
height: 42px;
	}


}

@media(max-width: 499px) {

.catalog-element-detail-by-block {
        grid-column-gap: 22px;

}
}


@media(max-width: 799px) {


.catalog-element-image-params-block {
    grid-template-columns: 100%;
    grid-row-gap: 22px;
max-width: 460px;
}


.catalog-element-params-block h1 {
display: none;
}

.detail-item-mobil-title {
display: block;


font-family: var(--font-family);
    font-weight: 700;
    font-size: 22px;
    line-height: 133%;
    letter-spacing: 0.01em;
    color: #424242;
    margin: 0;
margin-top: 20px;
    margin-bottom: 10px;

}


.catalog-element-params-block {
    height: max-content;
}

.catalog-element-detail-descr-block h2 {
    font-size: 22px;
    margin-bottom: 22px;
}

.catalog-element-detail-descr-bg h3 {
    font-size: 20px;
	}

.catalog-element-params-properties-item .value, .catalog-element-params-properties-item .title {
    font-size: 14px;
margin-bottom: 3px;
}


.catalog-element-detail-descr-bg p, ul li, ol li {
    font-size: 14px;
}

.catalog-element-detail-descr-bg {
    padding: 20px;
}

}



.blog-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    justify-content: space-between;
}



.blog-page {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 284px 1fr;
    grid-gap: 32px;
    justify-content: space-between;
}


@media(max-width: 991px) {

.blog-page {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    justify-content: space-between;
}

}


.blog-detail-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 284px;
    grid-gap: 32px;
    justify-content: space-between;
}

.blog-detail-text p, .blog-detail-text ul li, .blog-detail-text ol li {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #757575;
}

.blog-detail-text h2 {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
margin-bottom: 18px;
    margin-top: 20px;
}

.blog-detail-text img {
max-width: 100%;
border-radius: 8px;
height: auto;
width: auto;
margin-bottom: 20px;
}
.blog-detail-text ul, .blog-detail-text ol {
    padding-left: 26px;
}

@media(max-width: 991px) {

.blog-detail-grid {
    grid-template-columns: 1fr;
}

.blog-detail-recommend .blog-list {
    grid-gap: 16px;
}

.blog-detail-recommend .news-item {
min-width: 320px;
max-width: 320px;
	}

.blog-detail-recommend {
margin-top: 30px;
	}

.bx-breadcrumb-item {
    height: auto;
}

}



input.error {
    border-color: #e64a19;
}

.soglasie.error .soglasie-error {
height: max-content;
border: 1px solid #e64a19;
border-radius: 2px;
}

#bx-soa-total-mobile {
display: none;
}

#bx-soa-basket {
display: none;
}

#bx-soa-paysystem {
display: none;
}

#bx-soa-orderSave {
display: none;
}

.bx-soa-pp-company-image {
display: none;
}

.bx-soa-pp-company-graf-container {
    position: relative;
    padding-top: 0;
    width: auto;
    height: 0;
    border: 0;
    border-radius: 0;
}

.bx-soa-pp-delivery-cost {
display: none;
}


.bx-soa-pp-desc-container {
display: none;
}

#bx-soa-order .bx-soa {
display: flex;
flex-direction: column;
}

#bx-soa-delivery {
order: 2;
}

#bx-soa-order {
display: grid;


    grid-template-rows: 1fr;
    grid-template-columns: 1fr 284px;
    grid-column-gap: 32px;
    justify-content: space-between;

}

.bx-soa-section {
    border: 0;
}

.bx-soa-section-title-count {
display: none;
}

.bx-soa-section-title-container {
    background: transparent;
}


.bx-soa-section-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.01em;
color: #424242;
padding: 0;
}

#bx-soa-properties input[type='text'] {
max-width: 460px;
}

#bx-soa-properties textarea {
max-width: 460px;
display: block;
}


.bx-soa-custom-label, .bx-soa-customer-label {
font-family: var(--font-family);
    font-weight: 400!important;
    font-size: 16px!important;
    letter-spacing: 0.01em;
    color: #424242!important;
    margin-bottom: 3px;
    display: block;

    display: flex;
    flex-direction: row-reverse;
    width: max-content;
    gap: 5px;
}

#bx-soa-properties, #bx-soa-delivery {
border-radius: 8px;
width: 100%;
max-width: 916px;
background: #f5f5f5;
padding: 30px 30px 37px 30px;
margin: 0;
}

.bx-soa-section-content {
padding: 0;
}

.bx-soa-section-title-container {
padding: 0;
margin: 0;
margin-bottom: 30px;
}

.bx-soa-customer-field[data-property-id-row='21'] {
display: flex;
flex-direction: row-reverse;
    width: max-content;
    margin-bottom: 24px;
    gap: 10px;
}

.bx-soa-pp-company-smalltitle {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.01em;
color: #424242;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
}

#bx-soa-delivery {
margin-top: 32px;
}

#bx-soa-order input[type='checkbox'] {
position: absolute;
z-index: -1;
opacity: 0;
}

#bx-soa-order .bx-soa-pp-company-graf-container {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='white' stroke='%23E0E0E0'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 20px;
background-color: transparent;
    position: absolute;
    margin-top: 2px;
}


#bx-soa-order .bx-selected .bx-soa-pp-company-graf-container {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='white' stroke='%23E0E0E0' /%3e%3crect x='6' y='6' width='8' height='8' rx='4' fill='%23424242' /%3e%3c/svg%3e");
}

.bx-soa-pp-company {
margin-bottom: 10px;
}

.bx-soa-customer-field[data-property-id-row='21'] .soa-property-container {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='white' stroke='%23E0E0E0' /%3e%3crect x='6' y='6' width='8' height='8' rx='4' fill='%23424242' /%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 20px;
background-color: transparent;
}

.bx-soa-customer-field[data-property-id-row='20'] .bx-soa-custom-label {
display: none;
}

.bx-soa-customer-field[data-property-id-row='20'] .btn {
margin: 0!important;
padding: 0;
border: 0;
display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    cursor: pointer;


border-radius: 8px;
width: 100%;
max-width: 460px;
height: 46px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: #fff;

margin-bottom: 20px!important;

background: #9e9e9e;
}

.bx-soa-customer-field[data-property-id-row='20'] .btn:hover {
background: #858585;
}

.bx-soa-customer-field[data-property-id-row='20'] a {
display: block;
margin-bottom: 20px;
}

#bx-soa-properties .soglasie input[type='checkbox'] {
position: relative;
top: 3px;
opacity: 1;
z-index: 1;
border: 1px solid #e0e0e0;
border-radius: 4px;
width: 20px;
height: 20px;

}

#bx-soa-properties .soglasie label {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #424242;
}

#bx-soa-properties .soglasie label a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #424242;
text-decoration: none;
}

#bx-soa-delivery {
    padding-bottom: 230px;
}


.bx-soa-customer-field[data-property-id-row="17"] {
position: absolute;
z-index: 1;
    margin-top: 490px;
}

.bx-soa-customer-field[data-property-id-row="19"] {
position: absolute;
z-index: 1;
    margin-top: 580px;
}

.bx-soa-pp-company-smalltitle {
position: relative;
}

.bx-soa-pp-company-smalltitle:after {
position: absolute;
right: 0;
}

.bx-soa-pp-company:nth-child(1) .bx-soa-pp-company-smalltitle:after {
content: 'Бесплатно';
}

.bx-soa-pp-company:nth-child(2) .bx-soa-pp-company-smalltitle:after {
content: 'Рассчитывается индивидуально';
}

.bx-soa-cart-total {
border-radius: 8px;
width: 284px;
min-height: 331px;
border: 0;
background: #f5f5f5;
padding: 22px 20px 28px 20px;

}

.bx-soa-cart-total-line-total .bx-soa-cart-d {
font-family: var(--font-family);
font-weight: 700;
font-size: 30px;
letter-spacing: 0.01em;
color: #424242;
text-align: left;
}

.bx-soa-cart-total-line-total .bx-soa-cart-t {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
color: #757575;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 43px;
    border-top: 0;
}

#bx-soa-total .btn {
    width: 100% !important;
    max-width: 100% !important;
border-radius: 4px;

}

.bx-soa-cart-total-button-container {
padding-top: 22px;
}

.bx-soa-cart-total .bx-soa-cart-total-line {
padding: 0;
}

.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {
    border: 0;
}


.bx-soa-cart-total-line {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 13px;
}

.bx-soa-cart-total-line .bx-soa-cart-t {
font-family: var(--font-family);
font-weight: 400!important;
font-size: 14px;
letter-spacing: 0.01em;
color: #757575;
}

.bx-soa-cart-total-line .bx-soa-cart-d {
font-family: var(--font-family);
font-weight: 700;
font-size: 21px;
letter-spacing: 0.01em;
color: #424242;
text-align: left;
}

.bx-soa-price-free {
color: #424242!important;
}

.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) .bx-soa-cart-d {
    border: 0;
}

@media(min-width: 992px) {
.bx-soa-cart-total.bx-soa-cart-total-fixed {
    margin-top: 96px;
}


.bx-soa-cart-total.bx-soa-cart-total-bottom {
    opacity: 1;
    margin-top: 0 !important;
}

}


@media(max-width: 991px) {

#bx-soa-order {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 32px;
    justify-content: space-between;
}

.bx-soa-cart-total {
    width: 100%;
	}

#bx-soa-total .btn {
max-width: 500px!important;
	}


#bx-soa-properties, #bx-soa-delivery {
padding-left: 20px;
padding-right: 20px;
}


}

@media(max-width: 669px) {


.bx-soa-pp-company-smalltitle:after {
    position: static;
    right: 0;
    display: block;
    margin-top: 10px;
}



.bx-soa-customer-field[data-property-id-row="17"] {
    margin-top: 550px;
}

.bx-soa-customer-field[data-property-id-row="19"] {
    margin-top: 640px;
}


.bx-soa-customer-field[data-property-id-row="17"], .bx-soa-customer-field[data-property-id-row="19"] {
max-width: calc(100% - 70px);
	}


}




@media(max-width: 525px) {




.bx-soa-customer-field[data-property-id-row="17"] {
    margin-top: 650px;
}

.bx-soa-customer-field[data-property-id-row="19"] {
    margin-top: 740px;
}



}





.basket-item-block-actions {
    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
width: 20px;
height: 22px;
background-position: center center;
background-repeat: no-repeat;
    opacity: 1;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5C0 4.44772 0.447715 4 1 4H19C19.5523 4 20 4.44772 20 5C20 5.55228 19.5523 6 19 6H1C0.447715 6 0 5.55228 0 5Z' fill='%239E9E9E' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V4H13V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2H8ZM15 4V3C15 2.20435 14.6839 1.44129 14.1213 0.87868C13.5587 0.31607 12.7956 0 12 0H8C7.20435 0 6.44129 0.31607 5.87868 0.87868C5.31607 1.44129 5 2.20435 5 3V4H3C2.44772 4 2 4.44772 2 5V19C2 19.7957 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H15C15.7957 22 16.5587 21.6839 17.1213 21.1213C17.6839 20.5587 18 19.7957 18 19V5C18 4.44772 17.5523 4 17 4H15ZM4 6V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H15C15.2652 20 15.5196 19.8946 15.7071 19.7071C15.8946 19.5196 16 19.2652 16 19V6H4Z' fill='%239E9E9E' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 9C8.55228 9 9 9.44771 9 10V16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16V10C7 9.44771 7.44772 9 8 9Z' fill='%239E9E9E' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 9C12.5523 9 13 9.44771 13 10V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V10C11 9.44771 11.4477 9 12 9Z' fill='%239E9E9E' /%3e%3c/svg%3e");
}

.basket-item-block-actions:hover {
opacity: 0.7;
}

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


.basket-item-price-current-text {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.01em;
color: #424242;
}

.basket-item-price-current-text-one {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #a5a5a5;
line-height: 100%;
letter-spacing: 0.01em;
}

.basket-item-info-name-link {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: #424242;
}

.basket-item-property-custom {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
color: #757575;
margin-bottom: 6px;
}

.basket-item-property-custom-name, .basket-item-property-custom-value {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
color: #757575;
}

.basket-item-image {
border-radius: 8px;
width: 110px;
height: 110px;
min-width: 110px;
    background-size: cover;
}

.basket-items-list {
    padding: 0!important;
}

.basket-items-list-item-container > td {
    border-top: 0!important;;
}

.basket-items-list-wrapper, .basket-items-list-wrapper-compact {
border:0!important;
}

.basket-items-list-item-container {
display: flex;
gap: 30px;
align-items: center;

border-radius: 8px;
width: 100%;
min-height: 110px;
background: #f5f5f5;
padding-right: 40px;

margin-bottom: 20px;
}

.basket-items-list-item-remove {
order: 100;
}

.basket-items-list-item-remove {
    padding-top: 0 !important;
}

.basket-items-list-item-price {
min-width: 160px;
}

.basket-item-block-price {
    padding-top: 0!important;
}

.basket-items-list-item-amount {
    padding-top: 0!important;
}

.basket-items-list-item-amount input[type='text'] {
margin-bottom: 0!important;
width: 38px;
height: 30px;
padding: 0;
margin: 0;
text-align: center;
border: 1px solid #e0e0e0;
border-radius: 4px;

font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: #424242;
}

.basket-items-list-item-descriptions-inner {
display: flex;
gap: 20px;
align-items: center;
}

.basket-item-block-image {
margin: 0!important;
padding: 0!important;
}


.basket-item-price-current {
    text-align: left;
}

.basket-items-list-item-descriptions {
padding-top: 0!important
}

.basket-item-amount-btn-plus {
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='29' height='29' rx='3.5' fill='white' stroke='%23E0E0E0'/%3e%3cline x1='9.5' y1='14.5' x2='20.5' y2='14.5' stroke='%23424242' stroke-linecap='round'/%3e%3cline x1='15.5' y1='9.5' x2='15.5' y2='20.5' stroke='%23424242' stroke-linecap='round'/%3e%3c/svg%3e");

background-position: center center;
background-repeat: no-repeat;
margin-left: 10px;

}

.basket-item-amount-btn-plus:after, .basket-item-amount-btn-plus:before {
display: none;
}


.basket-item-amount-btn-minus {
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='29' height='29' rx='3.5' fill='white' stroke='%23E0E0E0'/%3e%3cline x1='9.5' y1='14.5' x2='20.5' y2='14.5' stroke='%23424242' stroke-linecap='round'/%3e%3c/svg%3e");
background-position: center center;
background-repeat: no-repeat;
margin-right: 10px;

}

.basket-item-amount-btn-minus:after, .basket-item-amount-btn-minus:before {
display: none;
}

.basket-grid {
display: grid;


    grid-template-rows: 1fr;
    grid-template-columns: 1fr 284px;
    grid-column-gap: 32px;
    justify-content: space-between;
}

.basket-checkout-container {
display: flex;
flex-direction: column;
gap: 0;

    border-radius: 8px;
    width: 284px;
    min-height: 176px;
    border: 0;
    background: #f5f5f5;
    padding: 22px 20px 28px 20px;
}

.basket-checkout-section-inner {
display: flex;
flex-direction: column;
gap: 10px;
}

.basket-checkout-block-total {
    padding-top: 0;
    padding-right: 0;
    text-align: left;

font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
color: #757575;


}


.basket-checkout-block-total-price-inner {
    position: relative;
    display: inline-block;
    padding-top: 0;
    text-align: left;

font-family: var(--font-family);
font-weight: 700;
font-size: 30px;
letter-spacing: 0.01em;
color: #424242;
}

.basket-checkout-block-total-price {
    padding-left: 0;
    text-align: left;
}

.basket-checkout-container .btn {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 4px;
}

.basket-checkout-block-btn {
    padding-top: 16px;
    padding-left: 0;
    text-align: left;
}

h2.basket-item-info-name {
    margin-bottom: 0;
    padding-top: 0;
}

@media(max-width: 1257px) {

.basket-items-list-item-container {
    gap: 20px;
    padding-right: 20px;
	}

.basket-item-info-name, .basket-item-info-name-link {
    margin: 0;
    padding: 0;
	}

.basket-item-block-image {
    padding-bottom: 0;
    min-width: 110px;
    max-width: 110px;
	}


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

.basket-item-amount-btn-plus {
    margin-left: 5px;
}

.basket-item-amount-btn-minus {
    margin-right: 5px;
}

.basket-item-price-current-text {
    font-size: 20px;
}

.basket-item-price-current-text-one {
    font-size: 12px;
}

.basket-items-list-item-price {
    min-width: 120px;
}


.basket-item-info-name, .basket-item-info-name-link {
    font-size: 14px;
    line-height: 135%;
}

}

@media(max-width: 991px) {


.basket-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 12px;
}

.basket-checkout-container {
    width: 100%;
	}

.basket-checkout-container .btn {
max-width: 500px!important;
}

}

@media(max-width: 767px) {

.basket-item-block-actions {
position: absolute;
right: 20px;
top: 20px;
}



.basket-item-price-current {
    text-align: center;
}

    .basket-items-list-item-amount {
        display: block;
        padding: 0;
        min-width: 100%;
    }
    .basket-item-block-price {
        padding-right: 0;
        padding-left: 0;
    }

}

@media (max-width: 580px) {
    .basket-items-list-item-amount {
        padding: 0;
    }
    .basket-item-block-price {
        padding-right: 0;
        padding-left: 0;
    }


    .basket-item-info-name {
        padding-left: 10px;
        padding-right: 10px;
text-align: center;
    }

.basket-items-list-item-price {
margin-left: auto;
margin-right: auto;
}


    .basket-items-list-item-container {
gap:10px;
        padding-right: 0;
    }

.basket-item-property-custom {
    justify-content: center;
}


}
/* End */
/* /bitrix/templates/amp-resurs/template_styles.css?176150237692436 */