@charset "UTF-8";

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


img:broken {
display: none!important;
}


body, html {
padding: 0;
margin: 0;
background: #FFF;
font-family: "Manrope", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #303841;

line-height: normal;
height: 100%;
}

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

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

h1 {
font-weight: 800;
font-size: 32px;
text-align: center;
color: #303841;
margin-top: 0;
margin-bottom: 30px;
}

h2 {
font-weight: 800;
font-size: 26px;
color: #303841;
margin-top: 0;
margin-bottom: 20px;
}

h3 {
margin: 0;
margin-bottom: 10px;
font-weight: 800;
font-size: 20px;
color: #303841;
}

p {
color: #212421;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin-bottom: 20px;
margin-top: 0;
}

ul li, ol li {
color: #212421;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 25px;
}

ul, ol {
margin: 0;
margin-bottom: 20px;
}

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

a {
color: #303841;
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: #007e85!important;
}



main {
padding-top: 0;
}

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

input[type='text'] {
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #303841;
text-align: left;
font-family: "Manrope", sans-serif;

height: 40px;
padding-left: 13px;
margin-bottom: 24px;
border: 1px solid #e0e2e5;
border-radius: 5px;
background: #FFFFFF;
}


input[type='text'].error {
border: 1px solid #ff5722;
}


input[type='text']::placeholder {
color: #949ca5;
}



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

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

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

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







input[type='text'].error::placeholder {
color: #ff5722;
}



input[type='text'].error::-webkit-input-placeholder {
color: #ff5722;
}

input[type='text'].error::-moz-placeholder {
color: #ff5722;
}

input[type='text'].error:-moz-placeholder {
color: #ff5722;
}

input[type='text'].error:-ms-input-placeholder {
color: #ff5722;
}






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::placeholder {
color: #949ca5;
border: 0;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%;
border-radius: 8px;
background: #F9F9F9;
height: 100px;
padding-left: 25px;
padding-top: 20px;
}



textarea::-webkit-input-placeholder {
color: #949ca5;
}

textarea::-moz-placeholder {
color: #949ca5;
}

textarea:-moz-placeholder {
color: #667685;
}

textarea:-ms-input-placeholder {
color: #949ca5;
}

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;
}

input[type="submit"], input[type="button"], button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;

border: 0;
background: #ff5722;
border-radius: 5px;
width: 100%;
height: 40px;

font-weight: 400;
font-size: 14px;
text-align: center;
color: #fff;

margin-top: 12px;


-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;
}



input[type="submit"]:hover, input[type="button"]:hover, button:hover {
background: #eb3700;
}

header.scroll {
position: fixed;
    width: 100%;
    z-index: 103;
    top: -50px;
    background: #f8f8f9;
}

.header-grid-top {
background: #FFFFFF;
    padding-top: 10px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    align-items: end;
}

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

.header-menu li {
    padding-bottom: 0;
    height: 49px;
    margin-bottom: -10px;
    position: relative;
    z-index: 1;
}

.header-menu li a, .header-menu li span {
font-weight: 400;
font-size: 14px;
color: #303841;
-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;
}

.header-menu li a:hover, .header-menu li span:hover {
color: #007e85!important;
}


.header-menu > li > ul {
display: none;
position: absolute;
z-index: 10;
border-radius: 5px;
background: #f8f8f9;
padding: 16px 31px 9px 21px;
font-weight: 400;
font-size: 14px;
color: #303841;
margin-left: -21px;
margin-top: 14px;
list-style: none;
}

.header-menu > li:hover > ul {
display: block;
}

.header-menu > li > ul > li {
margin-bottom: 0;
}

.header-menu > li > ul > li > a {
font-weight: 400;
font-size: 14px;
color: #303841;
}

.header-contacts {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content;
    align-items: end;
    grid-column-gap: 30px;
}

.header-contacts .zapros-button, .header-contacts .header-mail {
font-weight: 800;
font-size: 14px;
text-align: right;
color: #303841;


}


.header-contacts .zapros-button {
    -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;
}

.header-contacts .zapros-button:hover {
color: #00adb5!important;
}

.header-contacts-phone {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content;
    align-items: end;
    grid-column-gap: 12px;
}

.header-contacts-phone-text {
font-weight: 400;
font-size: 10px;
line-height: 120%;
text-align: right;
color: #949ca5;
padding-bottom: 2px;
}

.header-phone {
font-weight: 800;
font-size: 20px;
text-align: right;
color: #303841;
line-height: 1.1;
}

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

.header-grid-bottom {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content 1fr max-content;
align-items: center;
    grid-column-gap: 30px;
    padding-top: 24px;
    padding-bottom: 10px;
}

.header-logo {
width: 150px;
height: 38px;
}

.header-buttons {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content;
    align-items: end;
    grid-column-gap: 10px;
}

.header-button {
width: 120px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 16px;
line-height: 150%;
color: #303841;
border: 1px solid #e0e2e5;
border-radius: 5px;
padding-bottom: 2px;
}

.header-button:hover {
color: #303841!important;
opacity: 0.7;
}

.header-button.header-sklad-button {
border: 1px solid #00adb5;
background-color: #00adb5;
color: #fff;
padding-left: 30px;
background-image: url('/olnisa/new_design/images/sklad-burger.svg');
background-position: left 15px center;
background-repeat: no-repeat;
-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;
}

.sklad-menu {
position: absolute;
max-width: 1053px;
width: 100%;
top: 119px;
display: none;
padding: 18px 19px 21px 19px;
background: #f8f8f9;
border-radius: 5px;
z-index: 9;
}

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

.sklad-menu .title {
border: 1px solid #00adb5;
background-color: #00adb5;
color: #fff;
font-weight: 800;
padding-left: 20px;
padding-right: 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;
cursor: pointer;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
width: max-content;
margin-bottom: 16px;
}

.sklad-menu .title:hover {
background: #007e85;
border-color: #007e85;
color: #fff!important;
}

.sklad-menu ul {
list-style: none;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content max-content max-content;
    align-items: start;
    grid-column-gap: 40px;
    grid-row-gap: 8px;
grid-template-columns: repeat(5, max-content);
    grid-template-rows: repeat(16, max-content);
    grid-auto-flow: column;
    padding: 0;
    margin: 0;
}

.sklad-menu ul li {

}
.sklad-menu ul li a {
font-weight: 400;
font-size: 14px;
color: #303841;
}

.header-button.header-sklad-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='white' stroke-width='2' stroke-linecap='round' /%3e%3cpath d='M1 14.5879L14.5879 1.00006' stroke='white' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
}

.header-button.header-sklad-button:hover {
color: #fff!important;
background-color: #007e85;
opacity: 1;
border-color: #007e85;
}

.header-search-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
max-width: 700px;
}

.header-search-grid input[type='text'] {
height: 38px;
width: 100%;
border: 1px solid #00adb5;
background: #FFFFFF;
border-right: 0;
border-radius: 5px 0 0 5px;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #949ca5;
padding-left: 20px;
padding-bottom: 2px;
margin-bottom: 0;
}

.header-search-grid input[type='submit'] {
border: 1px solid #00adb5;
border-radius: 0 5px 5px 0;
width: 91px;
height: 38px;
font-weight: 800;
font-size: 14px;
line-height: 143%;
color: #fff;
background: #00adb5;
margin: 0;
-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;
}

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

main {
padding-top: 26px;
min-height: calc(100vh - 535px);
}

.header-basket {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
    align-items: center;
}

.header-basket-text {
font-weight: 800;
font-size: 16px;
line-height: 125%;
color: #303841;
}

.header-basket:hover {
opacity: 0.7;
}

.header-basket-icon {
width: 25px;
height: 23px;
background-image: url('/olnisa/new_design/images/basket.svg');
background-position: center center;
background-repeat: no-repeat;
position: relative;
}

.header-basket-icon span {
    right: -10px;
    top: -5px;
    display: flex;
    align-items: center;
    position: absolute;
    min-width: 20px;
    height: 14px;
    border-radius: 5px;
    background: #00adb5;
    padding-left: 7px;
    padding-right: 7px;
    color: #FFF;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}


.main-banner {
margin-top: 0;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: calc(100% - 158px) 126px;
    grid-column-gap: 32px;
    justify-content: space-between;
    margin-bottom: 45px;
}

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

.main-banner .slider-nav .slick-track:after, .main-banner .slider-nav .slick-track:before {
display: none;
}


.main-banner .slider-nav .slick-track {
display: grid;
    grid-template-rows: 84px 84px 84px 84px 84px;
    grid-template-columns: 126px;
    grid-gap: 20px;
    justify-content: start;
}


.main-banner-nav-item {
border-radius: 10px;
width: 126px;
height: 84px;
margin-bottom: 0;
cursor: pointer;
border: 0;
background: #f8f8f9;
overflow: hidden;
}

.slick-slide.slick-current.slick-active .main-banner-nav-item {
border: 2px solid #00adb5;
}

.main-banner-nav-item img {
width: 126px;
height: 84px;
min-width: 126px;
min-height: 84px;
border-radius: 10px;
}

.slick-slide.slick-current.slick-active .main-banner-nav-item img {
margin-top: -2px;
margin-left: -2px;
margin-right: -2px;
margin-bottom: -2px;
}




.main-banner-item {
padding-left: 0;
height: 500px;
border-radius: 10px;
background-color: #f8f8f9;
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}

.main-banner-image {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
}

.main-banner-image img {
height: 100%;
width: auto;
}


.main-banner-text {
padding-left: 484px;
padding-top: 170px;
position: relative;
z-index: 2;
}



.main-banner-text p {
font-weight: 400;
font-size: 24px;
line-height: 108%;
color: #949ca5;
margin: 0;
}

.main-banner-text .title {
font-weight: 800;
font-size: 42px;
color: #303841;
margin-bottom: 20px;
}



.main-banner-button {
position: absolute;
z-index: 2;
right: 50px;
bottom: 50px;
display: flex;
align-items: center;
justify-content: center;
width: max-content;
padding-left: 30px;
padding-right: 30px;
height: 38px;
border-radius: 5px;
background: #00adb5;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #fff;

    -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;
}

.main-banner-button:hover {
background: #007e85;
color: #FFF!important;
}

.main-banner-mini-text {
display: none;
position: absolute;
z-index: 2;
top: 53px;
left: 264px;
padding: 10px 24px;
font-weight: 400;
font-size: 20px;
color: #fff;
background: #00adb5;
border-radius: 10px;
}





.main-hit {
margin-bottom: 45px;
}


.main-hit h2 {
margin-bottom: 10px;
}

.catalog-item {
display: block;
width: 284px;

    display: grid;
    grid-template-rows: 284px 170px;
    grid-template-columns: 1fr;
    grid-gap: 0;
    justify-content: space-between;
}

.catalog-item.catalog {
    display: grid;
    grid-template-rows: 284px 140px;
}

.catalog-item-bottom {
border-right: 1px solid #e0e2e5;
border-left: 1px solid #e0e2e5;
border-bottom: 1px solid #e0e2e5;
border-radius: 0 0 10px 10px;
width: 284px;
height: 170px;
padding: 11px 10px 14px 10px;

    display: grid;
    grid-template-rows: max-content 1fr max-content;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

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

.main-hit-slider {
margin-left: -12px;
margin-right: -12px;
}


.catalog-item-image {
width: 284px;
height: 284px;
background-blend-mode: multiply;
    background-repeat: no-repeat;
border-radius: 10px 10px 0 0;
    background-size: cover;
    position: relative;
    background-color: #F5F7FA;
background-position: center center;
}


.cart-item-image {
    display:block;
width: 112px;
height: 112px;
background-blend-mode: multiply;
    background-repeat: no-repeat;
border-radius: 10px;
    background-size: cover;
    position: relative;
    background-color: #F5F7FA;
background-position: center center;
}

.catalog-item .title {
margin: 0;
font-weight: 400;
font-size: 14px;
color: #303841;
line-height: 20px;
overflow: hidden;
    -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-item:hover .title {
color: #007e85!important;
}


.catalog-item .basket-button {
display: flex;
align-items: center;
padding-left: 47px;
border: 0;
border-radius: 5px;
width: 136px;
height: 40px;
background: #ff5722;

font-weight: 400;
font-size: 14px;
text-align: center;
color: #fff;

background-image: url('/olnisa/new_design/images/add-basket.svg');
    background-position: left 11px center;
    background-repeat: no-repeat;
    -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: 0;
    position: relative;
}

.catalog-item .basket-button:hover {
background-color: #eb3700;
}

.catalog-item-image {
padding: 10px;
display: flex;
align-items: end;
gap: 10px;
}


.catalog-item .sticker-sale {
display: block;
width: max-content;
position: static;
bottom: 10px;
left: 10px;
width: max-content;
height: 26px;
border-radius: 5px;
background: #ff5722;
padding-left: 8px;
padding-right: 6px;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}

.catalog-item .sticker-sale.blue {
background: #ff36b2;
}

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

.main-hit-slider .slick-prev, .main-hit-slider .slick-next {
display: block;
width: 37px;
height: 37px;
    -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;
        background-position: center center;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='18.5' r='18.5' fill='%23F8F8F9' /%3e%3cpath d='M17 27L25 19L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
top: -60px;
bottom: auto;
left: auto;
right: auto;
}

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

.main-hit-slider .slick-prev {
right: 62px;
}

.main-hit-slider .slick-next {
right: 15px;
}

.main-hit-slider .slick-prev:hover, .main-hit-slider .slick-next:hover {
opacity: 0.7;
}

.main-hit-slider .probel {
display: none;
}

.catalog-link {
margin-bottom: 30px;
display: block;
font-weight: 700;
font-size: 16px;
line-height: 162%;
color: #00adb5;
}

.catalog-link span {
font-weight: 400;
color: #949ca5;
}

.catalog-item-nalichie-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    justify-content: space-between;
}

.catalog-item-brand {
font-weight: 800;
font-size: 14px;
color: #303841;
}

.catalog-item-nalichie {
font-weight: 400;
font-size: 14px;
text-align: right;
color: #303841;
}

.catalog-item.catalog .catalog-item-nalichie {
color: #00adb5;
}

.catalog-item.catalog .catalog-item-bottom {
    height: 140px;
}

.catalog-item-nalichie span {
width: 8px;
height: 8px;
border-radius: 4px;
display: inline-block;
background: #00adb5;
margin-right: 7px;
}

.catalog-item-price-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    justify-content: space-between;
    align-items: end;
}

.catalog-item-price {
font-weight: 800;
font-size: 21px;
color: #303841;
padding-bottom: 4px
}

.catalog-item.catalog .catalog-item-price {
font-size: 18px;
}


.catalog-item:not(.catalog) .catalog-item-price {
    padding-bottom: 0;
    margin-bottom: -6px;
}

.catalog-item-price.sale {
color: #ff5722;
}

.catalog-item-old-price {
font-weight: 400;
font-size: 14px;
text-decoration: line-through;
color: #949ca5;
display: block;
line-height: 14px;
}

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

.main-brands-grid-2 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    grid-row-gap: 30px;
    grid-column-gap: 32px;
}

.main-brands-grid-2:nth-child(1) a:nth-child(1), .main-brands-grid-2:nth-child(2) a:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}


.main-brands-grid-2:nth-child(3) a:nth-child(5), .main-brands-grid-2:nth-child(4) a:nth-child(5) {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
}

.main-brands-grid-2 a {
background-color: #f8f8f9;
border-radius: 10px;
background-size: contain;
background-blend-mode: multiply;
background-position: center center;
background-repeat: no-repeat;
padding-top: 60%;
}

.main-preim {
min-height: 450px;
background-color: #f8f8f9;
border-radius: 10px;
background-image: url('/olnisa/new_design/images/main-preim-bg.png');
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
margin-bottom: 45px;
padding-top: 30px;
padding-left: 40px;
}

.main-preim p {
font-weight: 400;
font-size: 20px;
color: #949ca5;
margin-bottom: 129px;
}

.main-preim-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content max-content;
    justify-content: start;
    grid-column-gap: 30px;
}

.main-preim-grid p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
}

.main-preim-grid .title {
font-weight: 800;
font-size: 20px;
color: #303841;
margin-bottom: 10px;
}


.main-category-item {
height: 200px;
width: auto;
background: #f8f8f9;
border-radius: 10px;
padding: 11px 10px 13px 10px;
}

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

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


.main-category-grid-2:nth-child(1) a:nth-child(1), .main-category-grid-2:nth-child(2) a:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
}

.main-category-grid-2:nth-child(3) a:nth-child(3), .main-category-grid-2:nth-child(4) a:nth-child(3) {
    grid-column: 3 / span 2;
    grid-row: 1;
}

.main-category-image {
border-radius: 5px;
width: 106px;
height: 108px;

    background-color: #f8f8f9;
    background-size: contain;
    background-blend-mode: multiply;
        background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}

.main-category-item p {
margin: 0;
font-weight: 400;
font-size: 12px;
color: #949ca5;
}

.main-category-item .title {
font-weight: 700;
font-size: 16px;
color: #303841;
margin-bottom: 6px;
-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;
}

.main-category-item:hover .title {
color: #007e85!important;
}

.main-category-item p span {
display: block;
}


.main-category-grid-2:nth-child(1) a:nth-child(1) .main-category-image, .main-category-grid-2:nth-child(2) a:nth-child(1) .main-category-image {
width: 128px;
height: 128px;
margin-left: auto;
margin-bottom: 2px;
}

.main-category-grid-2:nth-child(3) a:nth-child(3) .main-category-image, .main-category-grid-2:nth-child(4) a:nth-child(3) .main-category-image {
width: 128px;
height: 128px;
margin-left: auto;
margin-bottom: 2px;
}


.main-category-grid-2:nth-child(1) a:nth-child(1) p span, .main-category-grid-2:nth-child(2) a:nth-child(1) p span {
display: block;
    margin-right: 10px;
    float: left;
margin-right: 10px;
}

.main-category-grid-2:nth-child(3) a:nth-child(3) p span, .main-category-grid-2:nth-child(4) a:nth-child(3) p span {
display: block;
    margin-right: 10px;
    float: left;
margin-right: 10px;
}

.main-otgruzili {
margin-bottom: 45px;
}

.main-otgruzili h2 {
margin-bottom: 35px;
}

.main-otgruzili-item {
width: 224px;
margin: 0 auto;
display: block;
}

.main-otgruzili-item .main-otgruzili-item-image {
width: 224px;
height: 224px;
margin-bottom: 9px;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
border-radius: 10px;
}

.main-otgruzili-item p {
font-weight: 400;
font-size: 14px;
color: #303841;
margin: 0;
line-height: 20px;
}

.main-otgruzili-item .title {
font-weight: 800;
font-size: 14px;
color: #303841;
margin-bottom: 8px;
-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;
}

.main-otgruzili-item:hover .title {
color: #007e85!important;
}

.main-otgruzili-slider {
margin-left: -9px;
margin-right: -9px;
}


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

.main-otgruzili-slider .slick-prev, .main-otgruzili-slider .slick-next {
display: block;
width: 37px;
height: 37px;
    -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;
        background-position: center center;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='18.5' r='18.5' fill='%23F8F8F9' /%3e%3cpath d='M17 27L25 19L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
top: -60px;
bottom: auto;
left: auto;
right: auto;
}

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

.main-otgruzili-slider .slick-prev {
right: 62px;
}

.main-otgruzili-slider .slick-next {
right: 15px;
}

.main-otgruzili-slider .slick-prev:hover, .main-otgruzili-slider .slick-next:hover {
opacity: 0.7;
}

.main-otgruzili-slider .probel {
display: none;
}





.main-blog-item {
width: 392px;
margin: 0 auto;
display: block;
}

.main-blog-item .main-blog-item-image {
width: 392px;
height: 267px;
margin-bottom: 13px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 10px;
background-blend-mode: multiply;
background-color: #F5F7FA;
}


.main-blog-item .title {
margin: 0;
font-weight: 700;
font-size: 14px;
color: #303841;
-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;
}

.main-blog-item:hover .title {
color: #007e85!important;
}




.main-blog-slider {
margin-left: -10px;
margin-right: -10px;
}


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

.main-blog-slider .slick-prev, .main-blog-slider .slick-next {
display: block;
width: 37px;
height: 37px;
    -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;
        background-position: center center;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='18.5' r='18.5' fill='%23F8F8F9' /%3e%3cpath d='M17 27L25 19L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
top: -60px;
bottom: auto;
left: auto;
right: auto;
}

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

.main-blog-slider .slick-prev {
right: 62px;
}

.main-blog-slider .slick-next {
right: 15px;
}

.main-blog-slider .slick-prev:hover, .main-blog-slider .slick-next:hover {
opacity: 0.7;
}

.main-blog-slider .probel {
display: none;
}

.blog-item-action-grid {
margin-bottom: 11px;

    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content 1fr max-content;
    justify-content: space-between;
    grid-gap: 11px;
font-weight: 400;
font-size: 14px;
color: #949ca5;
}

.blog-item-action-grid span {
    display: block;
    min-height: 22px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 2px;
}

.blog-item-action-grid .like {
    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;
    padding-left: 28px;
    background-image: url('/olnisa/new_design/images/like.svg');
}

.blog-item-action-grid .view {
    padding-left: 30px;
    background-position: left top 3px;
    background-image: url('/olnisa/new_design/images/view.svg');
}




footer {
margin-top: 100px;
}

.footer-grid {
border-radius: 10px 10px 0 0;
min-height: 304px;
padding: 27px 30px 19px 30px;
background: #f8f8f9;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 18px;
    justify-content: space-between;
    background: #F5F7FA;
    grid-gap: 20px;
}

.footer-rating {
    display: block;
border-radius: 10px;
    background: #FFF;
    width: 224px;
    padding: 11px 13px 5px 12px;
font-weight: 400;
font-size: 12px;
line-height: 200%;
text-align: center;
color: #949ca5;
    text-align: center;
    margin-bottom: 36px;
}

.footer-rating-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content;
    grid-gap: 5px;
    justify-content: space-between;
    align-items: center;
}

.footer-rating-grid .count {
font-weight: 700;
font-size: 30px;
color: #303841;
}

.footer-phone {
font-weight: 800;
font-size: 20px;
text-align: left;
color: #303841;
display: block;
margin-bottom: 5px;
}

.footer-mail {
font-weight: 800;
font-size: 14px;
color: #303841;
    display: block;
}

footer .copiright, footer .creator {
    color: #667685;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #949ca5;
}

footer .copiright {
grid-column: 1 / span 2;
grid-row: 2;
}

footer .creator {
    text-align: right;
}

footer .creator a {
    color: #667685;
    font-size: 14px;
    font-weight: 400;
font-weight: 400;
font-size: 14px;
color: #949ca5;
}

.footer-menu-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content max-content;
    grid-gap: 54px;
    justify-content: start;
}

.footer-menu-grid .title {
font-weight: 800;
font-size: 16px;
line-height: 150%;
color: #303841;
margin-bottom: 7px;
}

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

.footer-menu-grid ul li {
list-style: none;
margin: 0;
padding: 0;
}

.footer-menu-grid ul li a {
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #303841;
}

.footer-menu-grid p {
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #303841;
}




.copiright ul {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}

.copiright ul li {
    font-weight: 400;
    font-size: 13px;
    line-height: 171%;
    color: #949ca5;
}

.copiright ul li a {
font-weight: 400;
font-size: 13px;
line-height: 171%;
color: #303841;
}

.footer-soc {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 44px 44px 44px 44px 44px;
    grid-gap: 15px;
    justify-content: end;
}



.footer-soc a {
display: block;
width: 44px;
min-width: 44px;
height: 44px;
    margin-left: auto;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: auto;
    border-radius: 10px;
    background-color: #949ca5;
        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;
}

.footer-soc a:hover {
background-color: #7b848f;
}


.footer-soc a.telegram {
background-image: url('/olnisa/new_design/images/tg.svg');
}

.footer-soc a.watsup {
background-image: url('/olnisa/new_design/images/wa.svg');
}


.footer-soc a.r {
background-image: url('/olnisa/new_design/images/r.svg');
}

.footer-soc a.ok {
background-image: url('/olnisa/new_design/images/ok.svg');
}

.footer-soc a.zen {
width: 30px;
background-image: url('/olnisa/new_design/images/zen.svg');
}
.footer-soc a.yt {
background-image: url('/olnisa/new_design/images/yt.svg');
}
.footer-soc a.vk {
background-image: url('/olnisa/new_design/images/vk.svg');
}

.footer-soc a.max {
background-image: url('/olnisa/new_design/images/max.svg');
}

.footer-soc a.tc {
background-image: url('/olnisa/new_design/images/tc.svg');
}


.mobil-header {
display: none;
}

.mobil-search {
display: none;
}

.mobil-menu {
display: none;
}

.main-preim-mobil-image {
display: none;
}



.burger-button {
display: none;
}

.mobil-mail {
display: none;
}

.mobil-phone {
display: none;
}

.mobil-search-button {
display: none;
}



@media (max-width: 1140px) {

main {
padding-top: 70px;
}

/*
header {
display: none;
}
*/

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

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

.header-basket-text {
display: none;
}

.header-buttons {
display: none;
}

.header-search {
display: none;
}

.header-grid-top {
display: none;
}

.burger-button {
display: block;
}

.mobil-mail {
display: block;
}

.mobil-phone {
display: block;
}

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

.header-logo {
width: 104px;
height: 27px;
}

.burger-button {
display: block;
width: 18px;
min-width: 18px;
height: 16px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/olnisa/new_design/images/mobil/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('/olnisa/new_design/images/mobil/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('/olnisa/new_design/images/mobil/phone-2.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-basket-icon {
position: relative;
display: block;
width: 23px;
min-width: 23px;
height: 22px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/olnisa/new_design/images/mobil/basket.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-basket-icon:hover {
opacity: 0.7;
}

.mobil-basket-icon span {
    right: -10px;
    top: -5px;
    display: flex;
    align-items: center;
    position: absolute;
    min-width: 20px;
    height: 14px;
    border-radius: 5px;
    background: #00adb5;
    padding-left: 7px;
    padding-right: 7px;
    color: #FFF;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}


.mobil-search-button {
display: block;
width: 17px;
min-width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/olnisa/new_design/images/mobil/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: #f8f8f9;
    -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: #ffffff;
top: 50px;
padding-top: 20px;
}

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

.mobil-menu-buttons {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    justify-content: space-between;
    margin-bottom: 30px;
}

.mobil-menu-buttons a {
display: flex;
align-items: center;
justify-content: center;
width: 165px;
height: 38px;
border: 1px solid #e0e2e5;
border-radius: 5px;
font-weight: 800;
font-size: 16px;
line-height: 150%;
color: #303841;
}

.mobil-menu-buttons a:hover {
color: #303841!important;
opacity: 0.7;
}

.mobil-menu-buttons a.mobil-sklad-button {
border: 1px solid #00adb5;
background: #00adb5;
color: #fff;
}

.mobil-menu-buttons a.mobil-sklad-button:hover {
color: #fff!important;
border: 1px solid #007e85;
background: #007e85;
}

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

.mobil-menu ul li a{
font-weight: 400;
font-size: 16px;
line-height: 212%;
color: #303841;
}

.main-banner-image {
display: none;
}

.main-banner-mini-text {
left: 50px;
}

.main-banner-text {
    padding-left: 50px;
}



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

.probel {
width: 15px;
display: block!important;
}

.main-hit-slider {
    margin-left: -15px;
    margin-right: -15px;
}




.main-otgruzili-slider .main-otgruzili-item {
    margin: 0;
    margin-right: 20px;
}


.main-otgruzili-slider {
    margin-left: -15px;
    margin-right: -15px;
}


.main-blog-slider .main-blog-item {
    margin: 0;
    margin-right: 20px;
}


.main-blog-slider {
    margin-left: -15px;
    margin-right: -15px;
}





.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: '';
}

.main-brands-grid {
min-width: 1232px;
}

.main-category-grid {
min-width: 1232px;
}

.main-otgruzili {
    margin-bottom: 30px;
}


.main-preim {
    margin-bottom: 30px;
}

.main-blog-item .main-blog-item-image {
    width: 300px;
    height: 200px;
}

.main-blog-item {
    width: 300px;
}

.main-preim p {
    margin-bottom: 20px;
}

.main-preim {
    background-image: none;
    padding: 20px 20px 17px 20px;
}

.main-preim-grid p {
    font-size: 16px;
    margin: 0;
}

.main-preim-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}


.main-preim-mobil-image {
display: block;
    margin-bottom: 20px;
    width: 350px;
    max-width: 100%;
    height: auto;
}


footer {
    margin-top: 45px;
}


.footer-grid {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    grid-template-columns: 1fr 1fr;
    padding: 20px 15px 18px 20px;
    grid-gap: 27px;
}

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

.footer-contacts-block {
grid-column: 1 / span 2;
grid-row: 1;
}

.footer-soc-block {
grid-column: 1 / span 2;
grid-row: 2;
}

.footer-rating {
margin: 0 auto;
    margin-bottom: 30px;
}

.footer-phone {
    text-align: center;
}

.footer-mail {
    text-align: center;
}

.footer-soc {
    display: flex;
    grid-gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 222px;
    margin: 0 auto;
}

.footer-soc a {
margin-left: 0;
}

.footer-soc span {
display: none;
}

}





@media(max-width: 770px) {

.main-preim p br {
display: none;
}

.main-preim p.title br {
display: block;
}

.main-preim-grid p br {
display: block;
}

.main-banner {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    grid-row-gap: 20px;
    justify-content: space-between;
    background-size: auto;
    margin-bottom: 30px;
}

.main-banner-item {
width: 100%;
height: 500px;
padding: 20px;
background-size: auto;
}

.main-banner .slider-nav .slick-track {
    display: grid;
    grid-template-rows: 40px;
    grid-template-columns: 59px 59px 59px 59px 59px;
    grid-gap: 6px;
    justify-content: start;
}

.main-banner-nav-item {
    width: max-content;
    height: auto;
}

.main-banner-nav-item img {
    width: 59px;
    height: 40px;
    min-width: 59px;
    min-height: 40px;
}





.main-banner-image {
display: none;
}

.main-banner-mini-text {
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
    padding: 10px 22px;
}

.main-banner-text {
    padding-left: 0;
    padding-top: 58px;
}

.main-banner-button {
    right: auto;
    left: 20px;
    bottom: 20px;
}

.main-hit {
    margin-bottom: 30px;
}



}


@media(max-width: 500px) {
.main-preim-mobil-image {
width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    margin-left: -20px;
}
}


.dostavka-contacts {
min-height: 440px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 442px 1fr;
    grid-gap: 32px;
    margin-bottom: 32px;
}

.dostavka-contacts-address {
border-radius: 10px;
background: #f8f8f9;
padding: 30px;
}

.dostavka-contacts-address p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #949ca5;
margin-bottom: 20px;
}

.dostavka-contacts-map {
border-radius: 10px;
background: #f8f8f9;

background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}

.dostavka-varianti {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 32px;
}

.dostavka-varianti-item {
border-radius: 10px;
background: #f8f8f9;
padding: 20px 30px 32px 30px
}

.dostavka-varianti-item h2 {
margin-bottom: 30px;
}

.dostavka-varianti-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 22px;
}

.dostavka-varianti-grid p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
margin: 0;
}

.dostavka-company {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(20px, 224px));
    grid-gap: 28px;
}

.dostavka-company-item {
background-color: #f8f8f9;
    border-radius: 10px;
    background-size: contain;
    background-blend-mode: multiply;
    background-position: center center;
    background-repeat: no-repeat;
    width: 224px;
    height: 140px;
}

@media(max-width: 1140px) {
.dostavka-company {
    grid-template-columns: repeat(5, 224px);
    grid-gap: 20px;
}

.dostavka-contacts {
    grid-template-rows: max-content 440px;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.dostavka-contacts-address {
    padding: 30px 30px 10px 30px;
}

.dostavka-varianti-item h2 {
    margin-bottom: 24px;
}

.dostavka-varianti-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.dostavka-varianti {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.dostavka-varianti-item {
    padding: 20px 30px 26px 30px;
}

}

@media (max-width: 770px) {
h1 {
margin-bottom: 20px;
}
}


.opalata-ur {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 444px;
    grid-gap: 30px;
    border-radius: 10px;
    background: #f8f8f9;
    padding: 30px;
    margin-bottom: 32px;
}

.opalata-ur p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
margin: 0;
}



.opalata-ur .opalata-card {
background-image: url('/olnisa/new_design/images/oplata-ur-icon.svg');
background-position: top right;
}

.opalata-fiz .opalata-card {
background-image: url('/olnisa/new_design/images/oplata-fiz-icon.svg');
background-position: top left;
}

.opalata-fiz {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 444px 1fr ;
    grid-gap: 30px;
    border-radius: 10px;
    background: #f8f8f9;
    padding: 30px;
    margin-bottom: 32px;
}

.opalata-fiz h2 {
text-align: right;
}

.opalata-fiz h3 {
text-align: right;
}

.opalata-fiz p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
margin: 0;
margin-bottom: 20px;
text-align: right;
}


.opalata-card {
padding: 30px;
border-radius: 10px;
background-color: #667685;
display: flex;
align-items: end;
background-repeat: no-repeat;
min-height: 296px;
}

.opalata-fiz .opalata-card {
justify-content: end;
}

.opalata-card h3 {
color: #ffffff;
}

.opalata-card p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #e0e2e5;
margin: 0;
}

.opalata-card p a {
    color: #e0e2e5;
}

@media(max-width: 1140px) {
.opalata-ur {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    border-radius: 0;
    background: none;
    padding: 0;
    margin-bottom: 30px;
}

.opalata-text {
background: #f8f8f9;
border-radius: 10px;
padding: 30px 30px 6px 30px;
}

.opalata-text p {
margin-bottom: 20px;
}


.opalata-fiz {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    border-radius: 0;
    background: none;
    padding: 0;
    margin-bottom: 30px;
}

.opalata-fiz .opalata-text {
order: 1;
}

.opalata-fiz .opalata-card {
order: 2;
}

}

.garantiya-1 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 32px;
}

.garantiya-1-item {
border-radius: 10px;
background: #f8f8f9;
padding: 20px 30px 10px 30px;
}

.garantiya-1-item p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
margin-bottom: 20px;
}

.garantiya-2 {
padding: 20px 30px 30px 30px;
border-radius: 10px;
background: #f8f8f9;
}

.garantiya-2-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.garantiya-2 p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;

}

@media(max-width: 991px) {
.garantiya-1 {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.garantiya-2-grid {
    grid-template-columns: 1fr;
    grid-gap: 26px;
}

.garantiya-2 {
padding-top: 30px;
}

.garantiya-1-item {
padding-top: 30px;
}

}

.contacts {
    display: grid;
    grid-template-rows: 462px 502px;
    grid-template-columns: 284px 1fr 1fr;
    grid-gap: 32px;
}

.contacts-contact {
border-radius: 10px;
background: #f8f8f9;
padding: 20px 30px 10px 30px;
}

.contacts-contact h3 {
margin-bottom: 7px;
}

.contacts-contact p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #949ca5;
margin-bottom: 20px;
}

.contacts-contact a {
font-weight: 400;
font-size: 16px;
color: #949ca5;
}

.contacts-map {
    border-radius: 10px;
    background: #f8f8f9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}



.contacts-map-2 iframe {
height: 502px;
}

.contacts .opalata-card h2 {
color: #fff;
margin-bottom: 28px;
}

.contacts .opalata-card a {
font-weight: 800;
font-size: 16px;
color: #fff;
margin-right: 30px;
}

.contacts .opalata-card {
background-image: url('/olnisa/new_design/images/contacts-vikup-icon.svg');
background-position: top right;
}

.contacts-rekviziti {
border-radius: 10px;
background: #f8f8f9;
padding: 20px 30px 10px 30px;
}

.contacts-rekviziti p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
margin-bottom: 16px;
}

.contacs-dogovor-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.contacs-dogovor-grid a {
display: flex;
align-items: center;
justify-content: center;
height: 66px;
font-weight: 400;
font-size: 14px;
text-align: center;
color: #303841;
border: 1px solid #e0e2e5;
border-radius: 5px;
}


@media (max-width: 1140px) {
.contacts {
    grid-template-rows: max-content 422px 422px max-content 422px max-content;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    max-width: 500px;
    margin: 0 auto;
}

.contacts-rekviziti {
    border-radius: 10px;
    background: #f8f8f9;
    padding: 30px 30px 33px 30px;
}

.contacts-rekviziti p {
margin-bottom: 26px;
}

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

.contacs-dogovor-grid a {
height: 40px;
}

.contacs-dogovor-grid a br {
display: none;
}

.contacts .opalata-card a {
    margin-right: 18px;
}

.contacts .opalata-card a:nth-child(2) {
margin-right: 0;
}


}

@media(max-width: 400px) {
.contacts .opalata-card a {
display: block;
margin-right: 0;
}

.contacts .opalata-card a:nth-child(1) {
margin-bottom: 10px;
}
}

.company-icons {
margin-bottom: 32px;
}

.company-icons-grid-1 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: calc(50% - 16px) calc(50% - 16px);
    grid-gap: 32px;
    margin-bottom: 32px;
}

.company-icons-item {
height: 300px;
background: #f8f8f9;
border-radius: 10px;
padding: 30px;
    display: flex;
    align-items: end;
    background-repeat: no-repeat;
    background-position: top 30px right 25px;
}

.company-icons-item.icon-1 {
background-image: url('/olnisa/new_design/images/company-icon-1.svg');
}

.company-icons-item.icon-2 {
background-image: url('/olnisa/new_design/images/company-icon-2.svg');
}

.company-icons-item.icon-3 {
background-image: url('/olnisa/new_design/images/company-icon-3.svg');
}

.company-icons-item.icon-4 {
background-image: url('/olnisa/new_design/images/company-icon-4.svg');
}

.company-icons-item.icon-5 {
background-image: url('/olnisa/new_design/images/company-icon-5.svg');
}

.company-icons-item.icon-6 {
background-image: url('/olnisa/new_design/images/company-icon-6.svg');
}

.company-icons-item.icon-7 {
background-image: url('/olnisa/new_design/images/company-icon-7.svg');
}

.company-icons-item.icon-8 {
background-image: url('/olnisa/new_design/images/company-icon-8.svg');
}

.company-icons-item.icon-9 {
background-image: url('/olnisa/new_design/images/company-icon-9.svg');
}

.company-icons-item p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
}

.company-icons-item .title {
font-weight: 800;
font-size: 26px;
line-height: 34px;
color: #303841;
margin-bottom: 15px;
}

.company-icons-grid-2 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 32px;
}


.company-icons-grid-3 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

.company-recomend {
background: #f8f8f9;
border-radius: 10px;
padding: 30px;
}

.company-recomend h2 {
margin-bottom: 76px;
}


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

.company-recomend-slider .slick-prev, .company-recomend-slider .slick-next {
display: block;
width: 37px;
height: 37px;
    -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;
        background-position: center center;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='18.5' r='18.5' fill='white' /%3e%3cpath d='M17 27L25 19L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
    top: auto;
    bottom: -106px;
left: auto;
right: auto;
}

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

.company-recomend-slider .slick-prev {
right: 47px;
}

.company-recomend-slider .slick-next {
right: 0;
}

.company-recomend-slider .slick-prev:hover, .company-recomend-slider .slick-next:hover {
opacity: 0.7;
}


.company-recomend-image-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 180px 48px;
    grid-gap: 20px;
    justify-content: start;
    margin-bottom: 20px;
}

.company-recomend-image {
border-radius: 10px;
width: 180px;
height: 240px;
}

.company-recomend-pdf {
width: 48px;
height: 44px;
}

.company-recomend-item p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
}

.company-recomend-item .title {
font-weight: 800;
font-size: 20px;
color: #303841;
}

.company-history {
margin-bottom: 32px;
height: 403px;
background: #f8f8f9;
border-radius: 10px;
background-position: right center;
background-repeat: no-repeat;
background-image: url('/olnisa/new_design/images/company-history.png');
padding: 25px 30px 36px 30px;
}

.company-history-item {
max-width: 570px;
}


.company-history-item p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
display: block;
min-height: 112px;

}

.company-history-item .title {
font-weight: 800;
font-size: 26px;
color: #303841;
margin-bottom: 34px;
height: auto;
min-height: auto;

}

.company-history-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    justify-content: start;
    margin-top: 30px;
}

.company-history-grid p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
height: auto;
min-height: auto;
}

.company-history-grid .title {
font-weight: 800;
font-size: 20px;
color: #303841;
margin-bottom: 10px;
height: auto;
min-height: auto;
}


.company-history-slider {
max-width: 570px;
}

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

.company-history-slider .slick-prev, .company-history-slider .slick-next {
display: block;
width: 37px;
height: 37px;
    -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;
        background-position: center center;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='18.5' r='18.5' fill='white' /%3e%3cpath d='M17 27L25 19L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
    top: 3px;
    bottom: auto;
left: auto;
right: auto;
    z-index: 1;
}

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

.company-history-slider .slick-prev {
right: auto;
left: 147px;
}

.company-history-slider .slick-next {
right: auto;
left: 194px;
}

.company-history-slider .slick-prev:hover, .company-history-slider .slick-next:hover {
opacity: 0.7;
}

.company-partners {
padding: 24px 30px 30px 30px;
border-radius: 10px;
background: #f8f8f9;
}

.company-partners p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin-bottom: 32px;
}

.company-partners-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
}

.company-partners-item {
height: 184px;
background: #fff;
border-radius: 10px;
padding: 30px 26px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-position: right 26px bottom 30px;
background-repeat: no-repeat;
}

.company-partners-item p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
}

.company-partners-item .title {
font-weight: 700;
font-size: 20px;
color: #303841;
}

.company-history-mobil-image {
display: none!important;
}

@media(max-width: 1140px) {

.company-icons-grid-1 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.company-icons-item {
    height: 410px;
    padding-bottom: 37px;
}

.company-icons-grid-2 {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.company-recomend h2 {
    margin-bottom: 30px;
}

.company-recomend {
padding-top: 24px;
padding-right: 0;
margin-right: -15px;
border-radius: 10px 0 0 10px;
}

.company-recomend-item {
margin-right: 22px;
}

.company-icons {
    margin-bottom: 20px;
}


.company-history {
    margin-bottom: 20px;
    height: max-content;
    background-image: none;
    padding-left: 0;
    padding-right: 0;
}


.company-history-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 18px;
    margin-top: 37px;
}

.company-history-item p {
    min-height: auto;
    margin-bottom: 12px;
}

.company-history-mobil-image {
display: block;
width: calc(100% + 60px);
height: auto;
max-width: 500px;
    margin-left: -30px;
}

.company-history-item {
    padding-left: 30px;
    padding-right: 30px;
}

.company-history-slider .slick-prev {
    left: 177px;
}

.company-history-slider .slick-next {
    left: 224px;
}

.company-partners-grid {
    grid-template-columns: repeat(auto-fit, 270px);
    grid-gap: 20px;
    grid-auto-flow: column;
}

.company-partners-item {
height: 224px;
min-width: 270px;
}

.company-partners {
    margin-right: -15px;
    border-radius: 10px 0 0 10px;
}

.company-partners .oblojka {
    max-width: calc(100vw - 30px);
}



}


.partners-vikup {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 285px 1fr;
    grid-gap: 32px;
    margin-bottom: 32px;
}

.partners-vikup .opalata-card {
    background-image: url(/olnisa/new_design/images/contacts-vikup-icon.svg);
    background-position: top right;
    min-height: 320px;
}

.partners-vikup .opalata-card h3 {
margin-bottom: 20px;
}

.partners-vikup .opalata-card a {
font-weight: 800;
font-size: 16px;
color: #fff;
margin-top: 10px;
display: block;
}

.partners-vikup-right {
border-radius: 10px;
height: 320px;
background: #f8f8f9;
padding: 30px 30px 35px 30px;
}

.partners-vikup-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

.partners-vikup-grid p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
margin: 0;
}

.partners-vikup-grid .title {
font-weight: 800;
font-size: 20px;
color: #303841;
margin-bottom: 10px;
}


.partners-realizacia {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 285px;
    grid-gap: 32px;
}

.partners-realizacia h2 {
margin-bottom: 22px;
}

.partners-realizacia-left {
height: 320px;
    border-radius: 10px;
    height: 320px;
    background: #f8f8f9;
    padding: 30px 30px 35px 30px;
}

.partners-realizacia .opalata-card {
    background-image: url('/olnisa/new_design/images/partners-realizacia-icon.svg');
    background-position: top right;
    min-height: 320px;
}

.partners-realizacia-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.partners-realizacia-grid p {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
}

@media(max-width: 1140px) {
.partners-vikup {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

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

.partners-vikup .opalata-card {
    min-height: 308px;
}

.partners-realizacia .opalata-card {
    min-height: 308px;
}

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

.partners-vikup-right {
    height: max-content;
    padding: 30px 30px 40px 30px;
}

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

.partners-realizacia-left {
    height: max-content;
    padding: 18px 30px 34px 30px;
}


}

.carera-contact {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 390px 1fr;
    grid-gap: 32px;
    height: 117px;
    border-radius: 10px;
    background-color: #667685;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('/olnisa/new_design/images/carera-contact.svg');
    align-items: center;
    margin-bottom: 32px;
    padding-left: 30px;
}


.carera-contact p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #e0e2e5;
margin: 0;
}

.carera-contact p a {
color: #e0e2e5;
}

.carera-contact .title {
font-weight: 800;
font-size: 20px;
color: #fff;
}

.carera-vacancy {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

.carera-vacancy-item {
border-radius: 10px;
background: #f8f8f9;
padding: 19px 30px 33px 30px;
}

.carera-vacancy-item-top {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    grid-gap: 32px;
    margin-bottom: 28px;
}

.carera-vacancy-item-top h2 {
margin: 0;
}

.carera-vacancy-item-status {
padding-top: 7px;
font-weight: 800;
font-size: 16px;
text-align: right;
color: #00adb5;
}

.carera-vacancy-item-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 30px;
}

.carera-vacancy-item-grid h3 {
margin-bottom: 20px;
}

.carera-vacancy-item-grid ul {
margin: 0;
padding-left: 19px;
}

.carera-vacancy-item-grid ul li {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #667685;
}

.vacancy-button {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
width: 270px;
height: 38px;
background: #00adb5;
font-weight: 800;
font-size: 14px;
text-align: center;
color: #fff;
padding-bottom: 2px;
-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;
}

.vacancy-button:hover {
background: #007e85;
}

@media(max-width: 1140px) {
.carera-icons .company-icons-item {
height: 300px;
}

.carera-icons .company-icons-item .title {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}


.carera-contact {
    grid-template-columns: 1fr;
    grid-gap: 10px;
    height: 308px;
    background-position: right top;
    background-image: url(/olnisa/new_design/images/carera-contact-mobil.svg);
    align-items: end;
    margin-bottom: 20px;
    padding: 30px;
}

.carera-contact .title {
    max-width: 200px;
}


.carera-vacancy-item-grid {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-bottom: 20px;
}

.carera-vacancy-item-top {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.carera-vacancy-item-status {
    padding-top: 0;
    text-align: left;
}

.carera-vacancy-item {
    padding: 19px 30px 36px 30px;
}
}

.sert {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.sert-item {
min-height: 300px;
background: #f8f8f9;
padding: 30px;
border-radius: 10px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 180px;
    grid-gap: 32px;
}

.sert-item-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sert-item-image {
border-radius: 10px;
width: 180px;
height: auto;
}

.sert-item p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin: 0;
}

.sert-item .title {
font-weight: 800;
font-size: 20px;
color: #303841;
margin-bottom: 10px;
}

@media(max-width: 991px) {
.sert {
    grid-template-columns: 1fr;
    grid-gap: 20px;
}
}

@media(max-width: 500px) {
.sert {
    grid-template-columns: 1fr;
    grid-gap: 20px;
}


.sert-item {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    padding-bottom: 104px;
    position: relative;
}

.sert-item-image {
    margin: 0 auto;
    display: block;
}

.sert-item .company-recomend-pdf {
    position: absolute;
    right: 32px;
    bottom: 30px;
}


}


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

.comanda-item {
    width: 284px;
    height: 464px;
    background: #ffffff;
}

.comanda-item .image-block {
border-radius: 10px 10px 0 0;
width: 284px;
height: 340px;
overflow: hidden;
background-size: 100% 100%;
}

.comanda-item .image-block .video-poster {
border-radius: 10px 10px 0 0;
width: 284px;
height: 340px;
    position: absolute;
    z-index: 1;
background-size: 100% 100%;
}

.comanda-item .image-block .js-animation-video {
border-radius: 10px 10px 0 0;
width: 284px;
height: 340px;
    object-fit: cover;
}

.comanda-item .desc-block {
border-radius: 0 0 10px 10px;
width: 284px;
height: 124px;
background: #f8f8f9;
padding: 20px 15px 10px 15px;
}

.comanda-item .desc-block h3 {
    margin: 0;
    margin-bottom: 6px;
font-weight: 800;
font-size: 13px;
color: #303841;
}

.comanda-item .desc-block p {
margin: 0;
}

.comanda-item .desc-block .dolj {
margin-bottom: 5px;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #949ca5;
}

.comanda-item .desc-block .param {
margin-bottom: 5px;
font-weight: 800;
font-size: 12px;
line-height: 150%;
color: #303841;
}

@media(max-width: 1140px) {
.comanda-list {
    grid-gap: 20px;
}
}

.brand-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 10px;
}

.brand-list a {
font-weight: 400;
font-size: 14px;
color: #303841;
}

.col-manufacturers.hide {
display: none;   
}

.col-manufacturers.all-hide {
display: none;
}


.col-manufacturers.search-hide {
display: none!important;
}

.col-manufacturers.search-show {
display: block!important;
}

.showMore.search-hide {
    display: none!important;
}

.liter {

}

.liter span {
border: 1px solid #ffffff;
border-radius: 5px;
width: 29px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 18px;
color: #949ca5;
-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;
}

.liter.categories span {
width: 32px;
}

.liter span:hover {
color: #00adb5;   
}

.liter span.current {
border-color: #00adb5;
}

.main-manufacturers h2 {
margin-bottom: 38px;
}

.main-manufacturers h1 {
text-align: left;   
}

h1 span {
font-weight: 400;
font-size: 16px;
color: #949ca5;
margin-left: 5px;
}

.main-manufacturers .main-brands-grid {
margin-bottom: 45px;
}

.showMore {
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f8f9;
margin-top: 40px;
border-radius: 10px;
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #949ca5;
-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;
}

.showMore:hover {
    background: #e0e0e0;
}

.manufacturers-search-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 284px 1fr;
    grid-column-gap: 32px;
    margin-bottom: 28px;
}

input[type='text'].manufacturers-search {
width: 100%;
height: 38px;
border: 1px solid #00adb5;
border-radius: 5px;
padding-left: 20px;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #949ca5;
background: #ffffff;
}

@media(max-width: 1140px) {
.showMore {
margin-top: 30px;   
}

.manufacturers-search-grid .liter {
display: none;   
}

.manufacturers-search-grid {
  grid-template-columns: 1fr;
  margin-bottom: 30px;
}

.main-manufacturers .main-brands-grid {
    margin-bottom: 30px;
}

.main-manufacturers h2 {
    margin-bottom: 30px;
}

.col-manufacturers.hide:not(.all-hide) {
    display: block;
}

.brand-list {
    grid-column-gap: 20px;

}

}

@media(max-width: 750px) {

.brand-list {
    grid-template-columns: repeat(2, 1fr);
}

}

@media(max-width: 500px) {

.brand-list {
    grid-template-columns: repeat(1, 1fr);
}

}

.main-manufacturers .main-category-grid {
margin-bottom: 45px;
}

.catalog-cat-block h1 {
text-align: left;
}

.catalog-cat-grid {
    display: grid;
    grid-template-rows: 1fr;
grid-template-columns: repeat(auto-fit, 224px);
    grid-column-gap: 28px;
    grid-row-gap: 35px;
    margin-bottom: 45px;
}

.catalog-group-image {
width: 224px;
height: 140px;
display: block;
margin-bottom: 20px;
    background-color: #f8f8f9;
    border-radius: 10px;
    background-size: contain;
    background-blend-mode: multiply;
    background-position: center center;
    background-repeat: no-repeat;
}

.catalog-group-item .group-name {
font-weight: 700;
font-size: 16px;
color: #303841;
margin-bottom: 12px;
display: block;
}

.catalog-group-item ul {
list-style: none;
padding: 0;
margin: 0;
}

.catalog-group-item ul li a {
font-weight: 400;
font-size: 14px;
color: #303841;
}

.catalog-group-item ul li.hidden {
display: none;
}

.catalog-group-item ul li.active {
display: block;
}

.catalog-group-item .show-all {
display: block;
margin-top: 12px;
font-weight: 400;
font-size: 14px;
color: #00adb5;
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-group-item .show-all:hover {
color: #007e85!important;
}

.catalog-group-item .show-all:before {
content: 'Еще категории';
}

.catalog-group-item .show-all.active:before {
content: 'Свернуть';
}

.breadCrumbs {
list-style: none;
font-weight: 400;
font-size: 14px;
color: #949ca5;
padding: 0;
margin: 0;
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 5px;
}

.breadCrumbs li, .breadCrumbs li a, .breadCrumbs li span {
font-weight: 400;
font-size: 14px;
color: #949ca5;
-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;
}

.breadCrumbs li:hover, .breadCrumbs li a:hover, .breadCrumbs li span:hover {
color: #007e85!important;
}

.catalog-cat-description-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 284px;
    grid-column-gap: 22px;
}

.catalog-cat-description p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #303841;
}

.catalog-cat-description ul li, ol li {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #303841; 
}

.catalog-cat-icons-item {
    height: 220px;
    background: #f8f8f9;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    align-items: end;
    background-repeat: no-repeat;
    background-position: top 30px right 25px;
    margin-bottom: 32px;
}

.catalog-cat-icons-item p {
font-weight: 400;
font-size: 16px;
color: #949ca5;
    margin: 0;
}

.catalog-cat-icons-item p span {
margin-right: 10px;
}

.catalog-cat-icons-item .title {
font-weight: 800;
font-size: 20px;
color: #303841;
    margin-bottom: 9px;
}

.catalog-cat-icons-item.icon-cat-1 {
background-image: url('/olnisa/new_design/images/icon-cat-1.svg');
}

.catalog-cat-icons-item.icon-cat-2 {
background-image: url('/olnisa/new_design/images/icon-cat-2.svg');
}

@media (max-width: 1140px) {
.catalog-cat-grid {
    grid-template-columns: repeat(auto-fit, 224px);
    grid-column-gap: 20px;
    margin-bottom: 30px;
    grid-auto-flow: column;
}

.catalog-cat-description-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
}

.catalog-cat-right-blog {
order: 1;
}

.catalog-cat-description {
order: 2;
}

h1 span {
    display: block;
    margin-top: 5px;
    margin-bottom: 30px;
    margin-left: 0;
}

}

.catalog-cat-block-1-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 280px 1fr;
    grid-column-gap: 32px;
}

.catalog-cat-block-1 h1 {
text-align: left;
margin-bottom: 70px;
}

.cat-menu {
list-style: none;
padding: 0;
margin: 0;
}

.cat-menu li {
margin-bottom: 8px;
position: relative;
}

.cat-menu li a {
font-weight: 400;
font-size: 14px;
color: #303841;
    max-width: 230px;
    display: inline-block;
}

.cat-menu li span {
font-weight: 400;
font-size: 14px;
text-align: right;
color: #949ca5;
float: right;
display: inline-block;
margin-top: 3px;
}

.catalog-items-grid {
    display: grid;
    grid-template-rows: 1fr;
grid-template-columns: repeat(auto-fit, 284px);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-bottom: 32px;
}

.catalog-show-all {
border-radius: 10px;
width: 100%;
height: 44px;
margin-bottom: 30px;
background: #f8f8f9;
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #949ca5;
display: flex;
align-items: center;
justify-content: center;
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-show-all:hover {
background: #e0e0e0;
}



.blog-show-all {
border-radius: 10px;
width: 100%;
height: 44px;
margin-bottom: 30px;
background: #f8f8f9;
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #949ca5;
display: flex;
align-items: center;
justify-content: center;
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;
}

.blog-show-all:hover {
background: #e0e0e0;
}

.pag {
margin-bottom: 45px;
}



.pag .current, .pag .page_link {
display: block;
float: left;
min-width: 37px;
height: 37px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
margin-right: 0;
text-align: center;

font-weight: 400;
font-size: 16px;
line-height: 194%;
text-align: center;
color: #949ca5;
-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;
border-radius: 5px;
}

.pag .current, .pag .page_link:hover {
background: #f8f8f9;
color: #949ca5!important;
}

.pag .next, .pag .prev {
background: #f8f8f9;
color: #949ca5;
padding-left: 18px;
padding-right: 18px;
}

.pag .next:hover, .pag .prev:hover {
background: #e0e0e0;
}

.pag .prev {
margin-right: 10px;
}

.pag .next {
margin-left: 10px;
}

.catalog-cat-block-1-grid .catalog-cat-description {
    clear: both;
    padding-top: 45px;
}


.sorting {
    display: grid;
    grid-template-rows: max-content;
    grid-template-columns: max-content max-content;
    grid-gap: 20px;
    justify-content: start;
    margin-right: 15px;
    margin-bottom: 26px;
    margin-top: -44px;
}

.sorting a {
font-weight: 400;
font-size: 14px;
color: #949ca5;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0.5' y1='0.5' x2='5.5' y2='0.5' stroke='%23969696' stroke-linecap='round'/%3e%3cline x1='0.5' y1='3.5' x2='7.5' y2='3.5' stroke='%23969696' stroke-linecap='round'/%3e%3cline x1='0.5' y1='6.5' x2='9.5' y2='6.5' stroke='%23969696' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
    display: block;
    height: 16px;
    line-height: 1;
}

.sorting a.active {
color: #F2624B;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0.5' y1='0.5' x2='5.5' y2='0.5' stroke='%23F2624B' stroke-linecap='round'/%3e%3cline x1='0.5' y1='3.5' x2='7.5' y2='3.5' stroke='%23F2624B' stroke-linecap='round'/%3e%3cline x1='0.5' y1='6.5' x2='9.5' y2='6.5' stroke='%23F2624B' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.sorting a.active.top {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.5C0 6.77614 0.223858 7 0.5 7H5.5C5.77614 7 6 6.77614 6 6.5C6 6.22386 5.77614 6 5.5 6H0.5C0.223858 6 0 6.22386 0 6.5Z' fill='%23F2624B'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.5C0 3.77614 0.223858 4 0.5 4H7.5C7.77614 4 8 3.77614 8 3.5C8 3.22386 7.77614 3 7.5 3H0.5C0.223858 3 0 3.22386 0 3.5Z' fill='%23F2624B'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.5C0 0.776142 0.223858 1 0.5 1H9.5C9.77614 1 10 0.776142 10 0.5C10 0.223858 9.77614 0 9.5 0H0.5C0.223858 0 0 0.223858 0 0.5Z' fill='%23F2624B'/%3e%3c/svg%3e ");
}



@media (max-width: 1140px) {
.catalog-cat-block-1-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
}

.catalog-cat-block-1 h1 {
    margin-bottom: 18px;
}

.catalog-cat-block-1 h1 span {
    margin-bottom: 18px;
}

.cat-menu li span {
display: none;
}


.cat-menu {
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(20px, max-content));
    grid-column-gap: 10px;
}

.cat-menu li a {
display: flex;
height: 44px;
width: max-content;
max-width: max-content;
align-items: center;
background: #f8f8f9;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
font-weight: 400;
font-size: 14px;
color: #303841;
}

.cat-menu li a:hover {
background: #e0e0e0;
}

.sorting {
    margin-right: 0;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 0;
}

.catalog-items-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 30px;
    justify-content: space-around;
}

.catalog-show-all {
    margin-bottom: 20px;
}

.catalog-cat-block-1-grid .catalog-cat-description {
    padding-top: 40px;
}

}

.total {
    display: none;
}



#filter-form nav {
overflow: hidden;
}

.filter-left-menu .text {
    height: 38px;
    max-width: 240px;
    width: 100%;
    border: 1px solid #00adb5;
    margin: 0;
    float: left;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #949ca5;
    padding-left: 20px;
    border-radius: 5px;
    background: #ffffff;
    margin-top: 12px;
}


.filter-left-menu .text[name='brand'] {
margin-bottom: 20px;
}

.filter-left-menu input.submit {
    background: url(/olnisa/images/search-button.png) 0 0 no-repeat;
    height: 40px;
    width: 40px;
    padding: 0;
    margin: 0;
        margin-left: 0px;
    border: 0;
    cursor: pointer;
    float: left;
    margin-left: -40px;
    position: relative;
    z-index: 1;
    border-radius: 0px 5px 5px 0px;
}

.filter-left-menu .text:focus::-webkit-input-placeholder {color: transparent}
.filter-left-menu .text:focus::-moz-placeholder {color: transparent}
.filter-left-menu .text:focus:-moz-placeholder {color: transparent}
.filter-left-menu .text:focus:-ms-input-placeholder {color: transparent}


.filter-left-menu {
overflow-x: hidden;
overflow-y: hidden;
border: 1px solid #e0e2e5;
border-radius: 10px;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
}

.filter-left-menu .filter-line {
margin-top: 16px;
}

.filter-left-menu .sbros {
font-weight: 400;
font-size: 14px;
color: #949ca5;
    padding-top: 7px;
}





.filter-left-menu ul.cat-menu li {
list-style-type: none;
display: block;
width: 100%;
max-width: 246px;
min-height: 27px;
position: relative;
	
	
font-weight: 400;
font-size: 14px;
line-height: 221%;
color: #303841;
}

.filter-left-menu ul.cat-menu li label {
cursor: pointer;
margin-bottom: 13px;
padding-left: 30px;
}

@media(max-width: 991px) {
.filter-left-menu ul.cat-menu li label {
    padding-left: 30px;
    white-space: nowrap;
	margin-right: 18px;
	white-space: nowrap;
}
}

input[type="checkbox"] {

position: absolute;
z-index: -1;
opacity: 0;
}


input[type='checkbox']+label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 9px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% 70%;
    background: transparent;
    border: 1px solid #e0e2e5;
    border-radius: 3px;
    box-sizing: border-box;
	position: absolute;
	margin-left: -30px;
	margin-top: 3px;
	background: #e0e2e5;
}

input[type='checkbox']:checked+label:before {
    border-color: #00adb5;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.36607 8L8.00893 0H10.6964L5.9375 10H4.3125L4.36607 8ZM2.69641 5L5.04464 8.5L5.08929 10H3.45536L-1.74046e-05 5H2.69641Z' fill='white' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
background-color: #00adb5;
}


.filter-left-menu ul.cat-menu li a {
font-size: 14px;
color: #4EB1BF
display: block;
/*-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;*/
float: left;
width: 190px;
margin: 0;
padding: 0;
min-height: 21px;
padding-bottom: 12px;
line-height: 1.2;
position: relative;
z-index: 2;
}

.filter-left-menu ul.cat-menu li a:hover, .filter-left-menu ul.cat-menu li a.current-group {
color: #F2624B;
}

.filter-left-menu ul.cat-menu li span {
display: block;
color: #000000;
font-size: 14px;
float: right;
width: 54px;
margin: 0;
padding: 0;
min-height: 21px;
padding-bottom: 12px;
line-height: 1.2;
}







.filter-left-menu {
width: 100%;
max-width: 1920px;
margin: 0 auto;
min-height: 600px;
padding-bottom: 28px;
}

.filter-left-menu h1.list-h1 {
font-family: 'Conv_Roboto-Black';
font-size: 26px;
text-align: left;
margin: 0;
padding: 52px 0 14px 15px;
position: absolute;
}

.filter-left-menu h1.list-h1.tag-h1 {
text-transform: capitalize;
}

.filter-left-menu .items_button {
    color: #000000;
    font-size: 14px;
    margin: 58px 0 90px 0;
    text-align: left;
    height: 25px;
}

.filter-left-menu p.cat {
font-family: 'Conv_Roboto-Black';
font-size: 14px;
color: #000000;
padding: 0;
margin: 172px 0 5px 0;
}

.filter-left-menu p.cat-2 {
font-weight: 800;
font-size: 18px;
line-height: 156%;
color: #303841;
padding: 0;
margin: 10px 0 8px 0;
display: flex;
justify-content: space-between;
}

.filter-left-menu ul.cat-menu {
margin: 0;
padding: 0;
display: block;
overflow-y: auto;
max-height: 400px;
width: 100%;
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 0, rgba(0,0,0,1) 340px,rgba(0,0,0,0) 100%);
padding: 12px 0 0 0;
scrollbar-color: #C4C4C4 #ffffff;
scrollbar-width: thin;
}

	
.filter-left-menu ul.cat-menu::-webkit-scrollbar {
width: 4px;
}
 
.filter-left-menu ul.cat-menu::-webkit-scrollbar-track {
background-color: #ffffff;
}
 
.filter-left-menu ul.cat-menu::-webkit-scrollbar-thumb {
background-color: #C4C4C4;
border-radius: 2px;
}




.filter-total {
display: none!important;
position: absolute;
z-index: 1;
right: -70px;
top: 0;
width: 170px!important;
height: 34px!important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='170' height='34' viewBox='0 0 170 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.3749 0.5H164.5C166.985 0.5 169 2.51472 169 5V29C169 31.4853 166.985 33.5 164.5 33.5H16.3749C15.0312 33.5 13.7577 32.8995 12.9029 31.8628L3.0085 19.8628C1.63779 18.2004 1.63779 15.7996 3.00849 14.1372L12.9029 2.13724C13.7577 1.10049 15.0312 0.5 16.3749 0.5Z' fill='white' stroke='%23B9B9B9'/%3e%3cpath d='M95 0H164C166.761 0 169 2.23858 169 5V29C169 31.7614 166.761 34 164 34H95V0Z' fill='%234EB1BF'/%3e%3cpath d='M116.999 12.8906V20H115.285V14.2139H112.731V20H111.022V12.8906H116.999ZM117.79 17.4121V17.3096C117.79 16.9222 117.845 16.5658 117.956 16.2402C118.067 15.9115 118.229 15.6266 118.444 15.3857C118.659 15.1449 118.924 14.9577 119.24 14.8242C119.556 14.6875 119.921 14.6191 120.334 14.6191C120.751 14.6191 121.117 14.6875 121.433 14.8242C121.752 14.9577 122.019 15.1449 122.233 15.3857C122.448 15.6266 122.611 15.9115 122.722 16.2402C122.832 16.5658 122.888 16.9222 122.888 17.3096V17.4121C122.888 17.7962 122.832 18.1527 122.722 18.4814C122.611 18.807 122.448 19.0918 122.233 19.3359C122.019 19.5768 121.753 19.764 121.438 19.8975C121.122 20.0309 120.757 20.0977 120.344 20.0977C119.93 20.0977 119.564 20.0309 119.245 19.8975C118.926 19.764 118.659 19.5768 118.444 19.3359C118.229 19.0918 118.067 18.807 117.956 18.4814C117.845 18.1527 117.79 17.7962 117.79 17.4121ZM119.436 17.3096V17.4121C119.436 17.6107 119.45 17.7962 119.479 17.9688C119.509 18.1413 119.558 18.2926 119.626 18.4229C119.694 18.5498 119.787 18.6491 119.904 18.7207C120.021 18.7923 120.168 18.8281 120.344 18.8281C120.516 18.8281 120.66 18.7923 120.773 18.7207C120.891 18.6491 120.983 18.5498 121.052 18.4229C121.12 18.2926 121.169 18.1413 121.198 17.9688C121.228 17.7962 121.242 17.6107 121.242 17.4121V17.3096C121.242 17.1175 121.228 16.9368 121.198 16.7676C121.169 16.5951 121.12 16.4437 121.052 16.3135C120.983 16.18 120.891 16.0758 120.773 16.001C120.656 15.9261 120.51 15.8887 120.334 15.8887C120.161 15.8887 120.017 15.9261 119.899 16.001C119.785 16.0758 119.694 16.18 119.626 16.3135C119.558 16.4437 119.509 16.5951 119.479 16.7676C119.45 16.9368 119.436 17.1175 119.436 17.3096ZM125.378 14.7168V20H123.732V14.7168H125.378ZM128.801 14.7168L126.633 18.1543H125.158L124.973 16.6162H125.856L126.691 14.7168H128.801ZM126.726 20L125.734 17.8467L127.263 17.1582L128.957 20H126.726ZM132.097 18.6719V16.4941C132.097 16.3444 132.076 16.2158 132.033 16.1084C131.991 16.001 131.924 15.918 131.833 15.8594C131.742 15.7975 131.62 15.7666 131.467 15.7666C131.343 15.7666 131.237 15.7878 131.149 15.8301C131.062 15.8724 130.995 15.9359 130.949 16.0205C130.904 16.1051 130.881 16.2126 130.881 16.3428H129.235C129.235 16.0986 129.289 15.8724 129.396 15.6641C129.507 15.4525 129.663 15.2686 129.865 15.1123C130.07 14.9561 130.314 14.8356 130.598 14.751C130.884 14.6631 131.203 14.6191 131.555 14.6191C131.975 14.6191 132.349 14.6891 132.678 14.8291C133.01 14.9691 133.272 15.179 133.464 15.459C133.656 15.7357 133.752 16.084 133.752 16.5039V18.667C133.752 19.012 133.771 19.2741 133.811 19.4531C133.85 19.6289 133.905 19.7835 133.977 19.917V20H132.326C132.248 19.8372 132.189 19.6387 132.15 19.4043C132.115 19.1667 132.097 18.9225 132.097 18.6719ZM132.297 16.7725L132.307 17.6514H131.579C131.426 17.6514 131.296 17.6725 131.188 17.7148C131.084 17.7572 131 17.8158 130.935 17.8906C130.873 17.9622 130.827 18.0436 130.798 18.1348C130.772 18.2259 130.759 18.3219 130.759 18.4229C130.759 18.5205 130.782 18.6084 130.827 18.6865C130.876 18.7614 130.941 18.82 131.022 18.8623C131.104 18.9046 131.195 18.9258 131.296 18.9258C131.478 18.9258 131.633 18.8916 131.76 18.8232C131.89 18.7516 131.989 18.6654 132.058 18.5645C132.126 18.4635 132.16 18.3691 132.16 18.2812L132.521 18.9551C132.456 19.0853 132.382 19.2171 132.297 19.3506C132.215 19.484 132.113 19.6077 131.989 19.7217C131.869 19.8324 131.721 19.9235 131.545 19.9951C131.369 20.0635 131.156 20.0977 130.905 20.0977C130.58 20.0977 130.28 20.0309 130.007 19.8975C129.737 19.764 129.52 19.5785 129.357 19.3408C129.195 19.0999 129.113 18.8232 129.113 18.5107C129.113 18.2373 129.162 17.9932 129.26 17.7783C129.361 17.5635 129.512 17.3812 129.714 17.2314C129.916 17.0817 130.173 16.9678 130.485 16.8896C130.798 16.8115 131.166 16.7725 131.589 16.7725H132.297ZM137.219 17.4805H136.135V16.8164H136.813C136.953 16.8164 137.066 16.7952 137.15 16.7529C137.238 16.7106 137.302 16.652 137.341 16.5771C137.383 16.499 137.404 16.4111 137.404 16.3135C137.404 16.2288 137.39 16.1475 137.36 16.0693C137.334 15.9912 137.282 15.9261 137.204 15.874C137.126 15.8219 137.01 15.7959 136.857 15.7959C136.73 15.7959 136.62 15.8122 136.525 15.8447C136.431 15.8773 136.358 15.9277 136.306 15.9961C136.254 16.0612 136.228 16.1458 136.228 16.25H134.577C134.577 15.9082 134.675 15.6169 134.87 15.376C135.065 15.1318 135.327 14.9463 135.656 14.8193C135.985 14.6891 136.348 14.624 136.745 14.624C137.093 14.624 137.409 14.6582 137.692 14.7266C137.976 14.7917 138.218 14.8893 138.42 15.0195C138.622 15.1497 138.776 15.3109 138.884 15.5029C138.994 15.6917 139.05 15.9115 139.05 16.1621C139.05 16.3411 139.007 16.5104 138.923 16.6699C138.838 16.8294 138.716 16.971 138.557 17.0947C138.397 17.2152 138.203 17.3096 137.976 17.3779C137.751 17.4463 137.499 17.4805 137.219 17.4805ZM136.135 17.1289H137.219C137.531 17.1289 137.806 17.1598 138.044 17.2217C138.285 17.2803 138.487 17.3682 138.649 17.4854C138.812 17.6025 138.934 17.7474 139.016 17.9199C139.1 18.0892 139.143 18.2845 139.143 18.5059C139.143 18.7565 139.084 18.9811 138.967 19.1797C138.85 19.375 138.684 19.541 138.469 19.6777C138.254 19.8145 138 19.9186 137.707 19.9902C137.414 20.0618 137.093 20.0977 136.745 20.0977C136.377 20.0977 136.021 20.0391 135.676 19.9219C135.331 19.8047 135.048 19.624 134.826 19.3799C134.605 19.1357 134.494 18.8216 134.494 18.4375H136.145C136.145 18.5254 136.169 18.6068 136.218 18.6816C136.267 18.7565 136.343 18.8167 136.447 18.8623C136.555 18.9046 136.693 18.9258 136.862 18.9258C137.028 18.9258 137.157 18.8981 137.248 18.8428C137.342 18.7874 137.408 18.7158 137.443 18.6279C137.482 18.54 137.502 18.4505 137.502 18.3594C137.502 18.2194 137.476 18.1071 137.424 18.0225C137.372 17.9378 137.294 17.876 137.189 17.8369C137.089 17.7946 136.963 17.7734 136.813 17.7734H136.135V17.1289ZM142.585 18.6719V16.4941C142.585 16.3444 142.564 16.2158 142.521 16.1084C142.479 16.001 142.412 15.918 142.321 15.8594C142.23 15.7975 142.108 15.7666 141.955 15.7666C141.831 15.7666 141.726 15.7878 141.638 15.8301C141.55 15.8724 141.483 15.9359 141.438 16.0205C141.392 16.1051 141.369 16.2126 141.369 16.3428H139.724C139.724 16.0986 139.777 15.8724 139.885 15.6641C139.995 15.4525 140.152 15.2686 140.354 15.1123C140.559 14.9561 140.803 14.8356 141.086 14.751C141.372 14.6631 141.691 14.6191 142.043 14.6191C142.463 14.6191 142.837 14.6891 143.166 14.8291C143.498 14.9691 143.76 15.179 143.952 15.459C144.144 15.7357 144.24 16.084 144.24 16.5039V18.667C144.24 19.012 144.26 19.2741 144.299 19.4531C144.338 19.6289 144.393 19.7835 144.465 19.917V20H142.814C142.736 19.8372 142.678 19.6387 142.639 19.4043C142.603 19.1667 142.585 18.9225 142.585 18.6719ZM142.785 16.7725L142.795 17.6514H142.067C141.914 17.6514 141.784 17.6725 141.677 17.7148C141.573 17.7572 141.488 17.8158 141.423 17.8906C141.361 17.9622 141.315 18.0436 141.286 18.1348C141.26 18.2259 141.247 18.3219 141.247 18.4229C141.247 18.5205 141.27 18.6084 141.315 18.6865C141.364 18.7614 141.429 18.82 141.511 18.8623C141.592 18.9046 141.683 18.9258 141.784 18.9258C141.966 18.9258 142.121 18.8916 142.248 18.8232C142.378 18.7516 142.478 18.6654 142.546 18.5645C142.614 18.4635 142.648 18.3691 142.648 18.2812L143.01 18.9551C142.945 19.0853 142.87 19.2171 142.785 19.3506C142.704 19.484 142.601 19.6077 142.478 19.7217C142.357 19.8324 142.209 19.9235 142.033 19.9951C141.857 20.0635 141.644 20.0977 141.394 20.0977C141.068 20.0977 140.769 20.0309 140.495 19.8975C140.225 19.764 140.008 19.5785 139.846 19.3408C139.683 19.0999 139.602 18.8232 139.602 18.5107C139.602 18.2373 139.65 17.9932 139.748 17.7783C139.849 17.5635 140 17.3812 140.202 17.2314C140.404 17.0817 140.661 16.9678 140.974 16.8896C141.286 16.8115 141.654 16.7725 142.077 16.7725H142.785ZM148.034 14.7168V20H146.384V14.7168H148.034ZM149.704 14.7168V15.9766H144.743V14.7168H149.704ZM151.418 16.167H152.922C153.43 16.167 153.864 16.2484 154.226 16.4111C154.59 16.5706 154.87 16.7969 155.065 17.0898C155.261 17.3796 155.358 17.7181 155.358 18.1055C155.358 18.3822 155.303 18.6377 155.192 18.8721C155.082 19.1032 154.921 19.3034 154.709 19.4727C154.501 19.6387 154.245 19.7689 153.942 19.8633C153.643 19.9544 153.303 20 152.922 20H150.432V14.7168H152.082V18.7402H152.922C153.111 18.7402 153.262 18.7109 153.376 18.6523C153.493 18.5938 153.579 18.5156 153.635 18.418C153.69 18.3203 153.718 18.2129 153.718 18.0957C153.718 17.9655 153.69 17.8516 153.635 17.7539C153.579 17.653 153.493 17.5749 153.376 17.5195C153.262 17.4609 153.111 17.4316 152.922 17.4316H151.418V16.167Z' fill='white'/%3e%3c/svg%3e ");
	
font-weight: 400;
font-size: 10px!important;
line-height: 14px!important;
text-align: center!important;
color: #000000!important;
align-items: center;
	
	padding-bottom: 0 !important;
justify-content: center;
padding-right: 70px !important;
}

.filter-total.active {
display: flex!important;
}

.total-ajax {
cursor: pointer;
display: none!important;
position: absolute;
z-index: 9;
/*
	right: -70px;
top: 0;
	*/
width: 170px!important;
height: 34px!important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='170' height='34' viewBox='0 0 170 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.3749 0.5H164.5C166.985 0.5 169 2.51472 169 5V29C169 31.4853 166.985 33.5 164.5 33.5H16.3749C15.0312 33.5 13.7577 32.8995 12.9029 31.8628L3.0085 19.8628C1.63779 18.2004 1.63779 15.7996 3.00849 14.1372L12.9029 2.13724C13.7577 1.10049 15.0312 0.5 16.3749 0.5Z' fill='white' stroke='%23B9B9B9'/%3e%3cpath d='M95 0H164C166.761 0 169 2.23858 169 5V29C169 31.7614 166.761 34 164 34H95V0Z' fill='%234EB1BF'/%3e%3cpath d='M116.999 12.8906V20H115.285V14.2139H112.731V20H111.022V12.8906H116.999ZM117.79 17.4121V17.3096C117.79 16.9222 117.845 16.5658 117.956 16.2402C118.067 15.9115 118.229 15.6266 118.444 15.3857C118.659 15.1449 118.924 14.9577 119.24 14.8242C119.556 14.6875 119.921 14.6191 120.334 14.6191C120.751 14.6191 121.117 14.6875 121.433 14.8242C121.752 14.9577 122.019 15.1449 122.233 15.3857C122.448 15.6266 122.611 15.9115 122.722 16.2402C122.832 16.5658 122.888 16.9222 122.888 17.3096V17.4121C122.888 17.7962 122.832 18.1527 122.722 18.4814C122.611 18.807 122.448 19.0918 122.233 19.3359C122.019 19.5768 121.753 19.764 121.438 19.8975C121.122 20.0309 120.757 20.0977 120.344 20.0977C119.93 20.0977 119.564 20.0309 119.245 19.8975C118.926 19.764 118.659 19.5768 118.444 19.3359C118.229 19.0918 118.067 18.807 117.956 18.4814C117.845 18.1527 117.79 17.7962 117.79 17.4121ZM119.436 17.3096V17.4121C119.436 17.6107 119.45 17.7962 119.479 17.9688C119.509 18.1413 119.558 18.2926 119.626 18.4229C119.694 18.5498 119.787 18.6491 119.904 18.7207C120.021 18.7923 120.168 18.8281 120.344 18.8281C120.516 18.8281 120.66 18.7923 120.773 18.7207C120.891 18.6491 120.983 18.5498 121.052 18.4229C121.12 18.2926 121.169 18.1413 121.198 17.9688C121.228 17.7962 121.242 17.6107 121.242 17.4121V17.3096C121.242 17.1175 121.228 16.9368 121.198 16.7676C121.169 16.5951 121.12 16.4437 121.052 16.3135C120.983 16.18 120.891 16.0758 120.773 16.001C120.656 15.9261 120.51 15.8887 120.334 15.8887C120.161 15.8887 120.017 15.9261 119.899 16.001C119.785 16.0758 119.694 16.18 119.626 16.3135C119.558 16.4437 119.509 16.5951 119.479 16.7676C119.45 16.9368 119.436 17.1175 119.436 17.3096ZM125.378 14.7168V20H123.732V14.7168H125.378ZM128.801 14.7168L126.633 18.1543H125.158L124.973 16.6162H125.856L126.691 14.7168H128.801ZM126.726 20L125.734 17.8467L127.263 17.1582L128.957 20H126.726ZM132.097 18.6719V16.4941C132.097 16.3444 132.076 16.2158 132.033 16.1084C131.991 16.001 131.924 15.918 131.833 15.8594C131.742 15.7975 131.62 15.7666 131.467 15.7666C131.343 15.7666 131.237 15.7878 131.149 15.8301C131.062 15.8724 130.995 15.9359 130.949 16.0205C130.904 16.1051 130.881 16.2126 130.881 16.3428H129.235C129.235 16.0986 129.289 15.8724 129.396 15.6641C129.507 15.4525 129.663 15.2686 129.865 15.1123C130.07 14.9561 130.314 14.8356 130.598 14.751C130.884 14.6631 131.203 14.6191 131.555 14.6191C131.975 14.6191 132.349 14.6891 132.678 14.8291C133.01 14.9691 133.272 15.179 133.464 15.459C133.656 15.7357 133.752 16.084 133.752 16.5039V18.667C133.752 19.012 133.771 19.2741 133.811 19.4531C133.85 19.6289 133.905 19.7835 133.977 19.917V20H132.326C132.248 19.8372 132.189 19.6387 132.15 19.4043C132.115 19.1667 132.097 18.9225 132.097 18.6719ZM132.297 16.7725L132.307 17.6514H131.579C131.426 17.6514 131.296 17.6725 131.188 17.7148C131.084 17.7572 131 17.8158 130.935 17.8906C130.873 17.9622 130.827 18.0436 130.798 18.1348C130.772 18.2259 130.759 18.3219 130.759 18.4229C130.759 18.5205 130.782 18.6084 130.827 18.6865C130.876 18.7614 130.941 18.82 131.022 18.8623C131.104 18.9046 131.195 18.9258 131.296 18.9258C131.478 18.9258 131.633 18.8916 131.76 18.8232C131.89 18.7516 131.989 18.6654 132.058 18.5645C132.126 18.4635 132.16 18.3691 132.16 18.2812L132.521 18.9551C132.456 19.0853 132.382 19.2171 132.297 19.3506C132.215 19.484 132.113 19.6077 131.989 19.7217C131.869 19.8324 131.721 19.9235 131.545 19.9951C131.369 20.0635 131.156 20.0977 130.905 20.0977C130.58 20.0977 130.28 20.0309 130.007 19.8975C129.737 19.764 129.52 19.5785 129.357 19.3408C129.195 19.0999 129.113 18.8232 129.113 18.5107C129.113 18.2373 129.162 17.9932 129.26 17.7783C129.361 17.5635 129.512 17.3812 129.714 17.2314C129.916 17.0817 130.173 16.9678 130.485 16.8896C130.798 16.8115 131.166 16.7725 131.589 16.7725H132.297ZM137.219 17.4805H136.135V16.8164H136.813C136.953 16.8164 137.066 16.7952 137.15 16.7529C137.238 16.7106 137.302 16.652 137.341 16.5771C137.383 16.499 137.404 16.4111 137.404 16.3135C137.404 16.2288 137.39 16.1475 137.36 16.0693C137.334 15.9912 137.282 15.9261 137.204 15.874C137.126 15.8219 137.01 15.7959 136.857 15.7959C136.73 15.7959 136.62 15.8122 136.525 15.8447C136.431 15.8773 136.358 15.9277 136.306 15.9961C136.254 16.0612 136.228 16.1458 136.228 16.25H134.577C134.577 15.9082 134.675 15.6169 134.87 15.376C135.065 15.1318 135.327 14.9463 135.656 14.8193C135.985 14.6891 136.348 14.624 136.745 14.624C137.093 14.624 137.409 14.6582 137.692 14.7266C137.976 14.7917 138.218 14.8893 138.42 15.0195C138.622 15.1497 138.776 15.3109 138.884 15.5029C138.994 15.6917 139.05 15.9115 139.05 16.1621C139.05 16.3411 139.007 16.5104 138.923 16.6699C138.838 16.8294 138.716 16.971 138.557 17.0947C138.397 17.2152 138.203 17.3096 137.976 17.3779C137.751 17.4463 137.499 17.4805 137.219 17.4805ZM136.135 17.1289H137.219C137.531 17.1289 137.806 17.1598 138.044 17.2217C138.285 17.2803 138.487 17.3682 138.649 17.4854C138.812 17.6025 138.934 17.7474 139.016 17.9199C139.1 18.0892 139.143 18.2845 139.143 18.5059C139.143 18.7565 139.084 18.9811 138.967 19.1797C138.85 19.375 138.684 19.541 138.469 19.6777C138.254 19.8145 138 19.9186 137.707 19.9902C137.414 20.0618 137.093 20.0977 136.745 20.0977C136.377 20.0977 136.021 20.0391 135.676 19.9219C135.331 19.8047 135.048 19.624 134.826 19.3799C134.605 19.1357 134.494 18.8216 134.494 18.4375H136.145C136.145 18.5254 136.169 18.6068 136.218 18.6816C136.267 18.7565 136.343 18.8167 136.447 18.8623C136.555 18.9046 136.693 18.9258 136.862 18.9258C137.028 18.9258 137.157 18.8981 137.248 18.8428C137.342 18.7874 137.408 18.7158 137.443 18.6279C137.482 18.54 137.502 18.4505 137.502 18.3594C137.502 18.2194 137.476 18.1071 137.424 18.0225C137.372 17.9378 137.294 17.876 137.189 17.8369C137.089 17.7946 136.963 17.7734 136.813 17.7734H136.135V17.1289ZM142.585 18.6719V16.4941C142.585 16.3444 142.564 16.2158 142.521 16.1084C142.479 16.001 142.412 15.918 142.321 15.8594C142.23 15.7975 142.108 15.7666 141.955 15.7666C141.831 15.7666 141.726 15.7878 141.638 15.8301C141.55 15.8724 141.483 15.9359 141.438 16.0205C141.392 16.1051 141.369 16.2126 141.369 16.3428H139.724C139.724 16.0986 139.777 15.8724 139.885 15.6641C139.995 15.4525 140.152 15.2686 140.354 15.1123C140.559 14.9561 140.803 14.8356 141.086 14.751C141.372 14.6631 141.691 14.6191 142.043 14.6191C142.463 14.6191 142.837 14.6891 143.166 14.8291C143.498 14.9691 143.76 15.179 143.952 15.459C144.144 15.7357 144.24 16.084 144.24 16.5039V18.667C144.24 19.012 144.26 19.2741 144.299 19.4531C144.338 19.6289 144.393 19.7835 144.465 19.917V20H142.814C142.736 19.8372 142.678 19.6387 142.639 19.4043C142.603 19.1667 142.585 18.9225 142.585 18.6719ZM142.785 16.7725L142.795 17.6514H142.067C141.914 17.6514 141.784 17.6725 141.677 17.7148C141.573 17.7572 141.488 17.8158 141.423 17.8906C141.361 17.9622 141.315 18.0436 141.286 18.1348C141.26 18.2259 141.247 18.3219 141.247 18.4229C141.247 18.5205 141.27 18.6084 141.315 18.6865C141.364 18.7614 141.429 18.82 141.511 18.8623C141.592 18.9046 141.683 18.9258 141.784 18.9258C141.966 18.9258 142.121 18.8916 142.248 18.8232C142.378 18.7516 142.478 18.6654 142.546 18.5645C142.614 18.4635 142.648 18.3691 142.648 18.2812L143.01 18.9551C142.945 19.0853 142.87 19.2171 142.785 19.3506C142.704 19.484 142.601 19.6077 142.478 19.7217C142.357 19.8324 142.209 19.9235 142.033 19.9951C141.857 20.0635 141.644 20.0977 141.394 20.0977C141.068 20.0977 140.769 20.0309 140.495 19.8975C140.225 19.764 140.008 19.5785 139.846 19.3408C139.683 19.0999 139.602 18.8232 139.602 18.5107C139.602 18.2373 139.65 17.9932 139.748 17.7783C139.849 17.5635 140 17.3812 140.202 17.2314C140.404 17.0817 140.661 16.9678 140.974 16.8896C141.286 16.8115 141.654 16.7725 142.077 16.7725H142.785ZM148.034 14.7168V20H146.384V14.7168H148.034ZM149.704 14.7168V15.9766H144.743V14.7168H149.704ZM151.418 16.167H152.922C153.43 16.167 153.864 16.2484 154.226 16.4111C154.59 16.5706 154.87 16.7969 155.065 17.0898C155.261 17.3796 155.358 17.7181 155.358 18.1055C155.358 18.3822 155.303 18.6377 155.192 18.8721C155.082 19.1032 154.921 19.3034 154.709 19.4727C154.501 19.6387 154.245 19.7689 153.942 19.8633C153.643 19.9544 153.303 20 152.922 20H150.432V14.7168H152.082V18.7402H152.922C153.111 18.7402 153.262 18.7109 153.376 18.6523C153.493 18.5938 153.579 18.5156 153.635 18.418C153.69 18.3203 153.718 18.2129 153.718 18.0957C153.718 17.9655 153.69 17.8516 153.635 17.7539C153.579 17.653 153.493 17.5749 153.376 17.5195C153.262 17.4609 153.111 17.4316 152.922 17.4316H151.418V16.167Z' fill='white'/%3e%3c/svg%3e ");
	
font-weight: 400;
font-size: 10px!important;
line-height: 14px!important;
text-align: center!important;
color: #000000!important;
align-items: center;
	
	padding-bottom: 0 !important;
justify-content: center;
padding-right: 70px !important;
}

.total-ajax.active {
display: flex!important;
}

@media(max-width: 991px) {
.total-ajax.active {
left: 30px!important;
margin-top: -70px;
}	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none!important;
	width: 11px!important;
height: 11px!important;
background: #4EB1BF!important;
border: 0!important;
border-radius: 6px!important;
	    margin-left: -5px!important;
    top: -5px!important;
}

.ui-slider-horizontal .ui-slider-range {
display: none!important;
}

.range-price-block .ui-slider-horizontal .ui-slider-range {
    border-bottom: 2px solid #4EB1BF!important;
    height: 0!important;
    c
	display: block!important;
}



.range-price-item {
padding-top: 14px;
margin-bottom: 26px;
}

.range-price-item input {
width: 112px;
height: 38px;



border: 1px solid #e0e2e5;
box-sizing: border-box;
border-radius: 3px;
box-sizing: border-box;
font-weight: 400;
font-size: 14px;
color: #303841;
padding-left: 30px;
background: #ffffff;
}

.range-price-item input:nth-child(2) {
margin-right: 18px;
}

.range-price-item span {
position: absolute;
font-weight: 400;
font-size: 14px;
color: #303841;
margin-top: 9px;
margin-left: 11px;
}

[hidden] {
    display: none !important;
}

.ui-widget-content {
    border: 0!important;
    background: #F5F6FA!important;
    height: 2px!important;
}



.filter-left-menu input[type='submit'] {
    width: 100%;
    border: 0;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 5px;
    height: 40px;
    background: #ff5722;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-position: left 11px center;
    background-repeat: no-repeat;
    -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: relative;
    padding-bottom: 2px;
    
}

.filter-left-menu input[type='submit']:hover {
    background-color: #eb3700;
}

.filter-show {
display: none;
}

@media (max-width: 1140px) {
.filter-show {
display: flex;
width: 100%;
height: 44px;
    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;
    
    font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #303841;
margin-bottom: 0;
border: 1px solid #e0e2e5;
border-radius: 10px;
}

.filter-left-menu {
margin-top: 20px;
}

.filter-show:after {
content: 'Фильтры';
}

.filter-show.active:after {
content: 'Свернуть фильтры';
}

.filter-show svg {
margin-right: 10px;   
}

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

.filter-left-menu {
display: none;
}

.filter-left-menu.active {
display: block;
}

}

.catalog-detail-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 284px;
    grid-gap: 32px;
    margin-top: 30px;
    margin-bottom: 13px;
}

.catalog-image-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 32px;
}


.item-image {
border-radius: 10px;
width: 100%;
height: auto;
}

.item-image-manufacturers {
    width:100%;
    padding-top: 100%;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    position: relative;
    background-color: #F5F7FA;
    background-position: center center;
}

.item-image-manufacturers.image-modal-button {
    background-position: left bottom;
}

.dop-item-image {
    list-style: none;
    padding: 0 !important;
    display: flex;
    margin-left: 10px;
    flex-wrap: wrap;
    margin-top: -72px;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

.dop-item-image img {
border: 1px solid #fff;
border-radius: 10px;
width: 62px;
height: 62px;
}

.dop-item-image .thumb {
margin-right: 10px;
}

.dop-item-image .thumb.active img {
border: 1px solid #00adb5;
}


.item-image-prev, .item-image-next {
display: block;
width: 37px;
height: 37px;
    -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;
        background-position: center center;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='18.5' r='18.5' fill='%23F8F8F9' /%3e%3cpath d='M17 27L25 19L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
  z-index: 10;
	background-size: contain;
	cursor: pointer;
	top: calc(50% - 19px);
	position: absolute;
}

.item-image-prev {
  transform: rotate(180deg);
  left: -19px;
}

.item-image-next {
right: -19px;
}

.item-image-block {
	position: relative;
	max-width: 500px;
	padding-bottom: 10px;
}

.item-image-block.manufacturers {
padding-bottom: 0;
}

.catalog-detail-mini-params {
border-radius: 10px;
background: #f8f8f9;
padding: 11px 20px 20px 20px;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    grid-template-columns: 1fr;
    position: relative;
}

.catalog-detail-mini-params h1 {
font-weight: 800;
font-size: 24px;
color: #303841;
margin-bottom: 23px;
line-height: 1.3;
text-align: left;
}

.catalog-detail-mini-params-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 8px;
}

.catalog-detail-mini-params-grid span {
font-weight: 400;
font-size: 14px;
text-align: right;
color: #303841;
}

.catalog-detail-mini-params-grid .title {
font-weight: 400;
font-size: 14px;
color: #949ca5;
text-align: left;
}

.catalog-detail-mini-params .brand-logo {
height: 28px;
width: 100%;

background-color: #f8f8f9;
    background-size: contain;
    background-blend-mode: multiply;
    background-position: center left;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 23px;
}

.catalog-detail-mini-params-buttons {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
}


.catalog-detail-mini-params-buttons.sklad {
    grid-template-columns: 1fr 1fr 1fr;
}

.catalog-detail-mini-params-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 1px solid #e0e2e5;
border-radius: 5px;
    -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;
    font-weight: 800;
font-size: 14px;
text-align: center;
color: #949ca5;
padding-bottom: 2px;
}

.catalog-detail-mini-params-buttons a:hover {
opacity: 0.7;
color: #949ca5!important;
}

.catalog-detail-description {
background: #f8f8f9;
border-radius: 10px;
padding: 20px 20px 22px 20px;
margin-bottom: 32px;
}

.catalog-detail-description.no-margin {
margin: 0;
}

.catalog-detail-description h3 {
margin-bottom: 22px;
}

.catalog-detail-description p, .catalog-detail-description ul li, .catalog-detail-description ol li {
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #303841;
}

.catalog-detail-dostavka-button {
        display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 1px solid #e0e2e5;
border-radius: 5px;
    -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;
    font-weight: 800;
font-size: 14px;
text-align: center;
color: #949ca5;
padding-bottom: 2px;
width: max-content;
padding-left: 10px;
padding-right: 10px;
margin-top: 18px;
}


.catalog-detail-dostavka-button:hover {
    opacity: 0.7;
color: #949ca5!important;
}

.catalog-detail-big-params-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 8px;
}

.catalog-detail-big-params-grid > div {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content 1fr auto;
    grid-column-gap: 5px;
    grid-row-gap: 8px;
}


.catalog-detail-big-params-grid span {
font-weight: 400;
font-size: 14px;
text-align: right;
color: #303841;
}

.catalog-detail-big-params-grid .punkts {
font-weight: 400;
font-size: 14px;
color: #949ca5;
overflow: hidden;
}

.catalog-detail-big-params-grid .title {
font-weight: 400;
font-size: 14px;
color: #949ca5;
text-align: left;
}

.catalog-detail-description iframe {
width: 100%;
height: 498px;
}

.catalog-item-soput {
margin-bottom: 45px;
}

.catalog-item-soput h2 {
margin-bottom: 35px;
}

.catalog-detail-price-block {
    border-radius: 10px;
    background: #f8f8f9;
    padding: 11px 20px 20px 20px;
    position: relative;
    margin-bottom: 32px;
}


.catalog-detail-price-block.action-mesiaca {
    padding: 14px 20px 12px 20px;
    font-weight: 800;
    font-size: 16px;
    background: #ff36b2;
    color: #ffffff;
}

.catalog-detail-price-block.action-mesiaca img {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    position: relative;
    top: -3px;
}

.catalog-detail-price-block .sticker-sale {
    display: block;
    width: max-content;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 26px;
    border-radius: 5px;
    background: #ff5722;
    padding-left: 8px;
    padding-right: 6px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.catalog-detail-price-block .price {
    
}


.nds {
font-weight: 400;
font-size: 14px;
color: #949ca5;
margin-left: 5px;
    top: -5px;
    position: relative;
}

.catalog-detail-price-block .price .oldprice {
font-weight: 400;
font-size: 14px;
text-decoration: line-through;
color: #949ca5;
display: block;
padding-left: 1px;
}

.catalog-detail-price-block .price .action-price {
font-weight: 800;
font-size: 26px;
color: #ff5722;
}

.catalog-detail-price-block .price .normal-price {
font-weight: 800;
font-size: 26px;
color: #303841;
}

.cheaper-button {
margin-top: 11px;
display: block;
font-weight: 800;
font-size: 14px;
color: #949ca5;
    -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;
}

.cheaper-button:hover {
color: #00adb5!important;
}


.item-actions {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    justify-content: space-between;
    margin: 57px 0 20px 0;
}

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



.item-actions .minus, .item-actions .plus {
    display: block;
    cursor: pointer;
    background: #F5F6FA;
    border: 1px solid #e0e2e5;
        border-left-color: rgb(229, 229, 229);
        border-left-style: solid;
        border-left-width: 1px;
    box-sizing: border-box;
    color: #393A3B;
    font-weight: 900;
    font-size: 24px;
    display: grid;
    justify-content: center;
    align-items: center;
width: 37px;
height: 39px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
background-repeat: no-repeat;
background-position: center;
}

.item-actions .to-cart {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
background: #ff5722;
border-radius: 5px;
border: 0;
font-weight: 400;
font-size: 14px;
text-align: center;
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;
}

.item-actions .to-cart:hover {
background: #eb3700;
}

.item-actions .plus {
border-radius: 0 5px 5px 0;
border-left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L9 16' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M16 8L1 8' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}

.item-actions .minus {
border-radius: 5px 0 0 5px;
border-right: 0;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='3' viewBox='0 0 17 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.90918L1 1.90918' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");

}

.item-actions .amount {
font-weight: 400;
font-size: 14px;
text-align: center;
color: #303841;
background: #fff;
    text-align: center;
border: 1px solid #e0e2e5;
width: 40px;
height: 39px;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.one-click-button {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border: 1px solid #e0e2e5;
border-radius: 5px;
font-weight: 400;
font-size: 14px;
text-align: center;
color: #303841;
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;
}

.one-click-button:hover {
opacity: 0.7;
}

.catalog-detail-otgruzili {
border-radius: 10px;
height: 86px;
background: #949ca5;
font-weight: 400;
font-size: 18px;
color: #fff;
padding: 17px 17px 19px 20px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content max-content;
    grid-gap: 38px;

}

.catalog-detail-otgruzili .count {
font-weight: 800;
font-size: 32px;
text-align: right;
color: #fff;
}

.sidebar__inner {
padding-bottom: 32px;
}

@media(max-width: 1140px) {
.catalog-detail-grid {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    margin-top: 20px;
    margin-bottom: 0;
}

.catalog-image-grid {
grid-template-columns: 1fr;
    grid-gap: 30px;
    margin-bottom: 30px;
    max-width: 500px;
}

.sidebar__inner {
    padding-bottom: 0;
    position: static !important;
    max-width: 100%;
    width: 100%!important;
}

.catalog-detail-price-block {
    margin-bottom: 30px;
}

.catalog-detail-description {
    margin-bottom: 30px;
}

.dop-item-image img {
    width: 49px;
    height: 49px;
}

.dop-item-image .thumb {
    margin-right: 7px;
}

.dop-item-image {
    margin-top: -56px;
}

.catalog-detail-right {
display: none;   
}

.catalog-item-soput h2 {
    margin-bottom: 30px;
}

.catalog-detail-mini-params .brand-logo {
margin-top: 40px;
}

.item-image-prev, .item-image-next {
display: none;
}

.catalog-detail-mini-params-buttons a {
    font-size: 12px;
    padding-bottom: 1px;
}


}

.cart-page h1 {
text-align: left;   
}

.cart-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 30px;
}

.cart-item {
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 112px 1fr;
    grid-gap: 20px;
    justify-content: space-between;
}

.cart-item-image img {
border-radius: 10px;
width: 112px;
height: 112px;
}

.cart-bg {
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 112px 162px;
    grid-gap: 20px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    
    border-radius: 10px;
height: 112px;
background: #f8f8f9;
padding-left: 20px;
padding-right: 30px;
}

.cart-item-del {
position: absolute;
top: 11px;
right: 10px;
width: 16px;
height: 18px;
display: block;
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;
}

.cart-item-del:hover {
opacity: 0.7;
}


.cart-item .item-actions {
    display: block;
    margin: 0;
}

.cart-item-price .rozn {
 display: none;   
}

.cart-item-price {
font-weight: 800;
font-size: 26px;
text-align: right;
color: #303841;
}

.cart-item-name a {
margin: 0;
font-weight: 400;
font-size: 18px;
color: #303841;
}

.cart-text {
font-weight: 400;
font-size: 16px;
color: #303841;
margin: 0;
}

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

.cart-form {
border-radius: 10px;
background: #f8f8f9;
padding: 17px 30px 30px 30px;
}

.cart-form .itogo-title {
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #949ca5;
margin-bottom: 9px;
}

.cart-form .itogo-price {
margin-bottom: 45px;
font-weight: 900;
font-size: 32px;
color: #000;
}

.cart-clear {
margin-bottom: 20px;
border: 1px solid #e0e2e5;
border-radius: 5px;
width: 170px;
height: 38px;
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 14px;
text-align: center;
color: #303841;
}

.cart-clear:hover {
opacity: 0.7;
color: #303841!important;
}

@media(max-width: 1140px) {
.cart-grid {
    grid-template-columns: 1fr;
    grid-gap: 30px;
}

.cart-clear {
    margin-bottom: 30px;
}

.cart-form {
    max-width: 500px;
    margin-left: auto;
}

}

@media(max-width: 991px) {
.cart-item {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    background: #f8f8f9;
    border-radius: 10px;
    position: relative;
    padding: 20px;
}

.cart-bg {
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    position: static;
    height: auto;
    padding: 0;
}


.cart-item-name {
grid-column: 1 / span 2;
grid-row: 1;
}

.cart-item-del {
    top: 20px;
    right: 20px;
}


}

.blog-page h1 {
text-align: left;   
}

.blog-items-grid {
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, 392px);
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin-bottom: 32px;
}

.items-pag-view-conut {
float: right;
font-weight: 400;
font-size: 16px;
line-height: 194%;
text-align: right;
color: #949ca5;
height: 37px;
display: flex;
align-items: center;
}

@media(max-width: 1140px) {
.items-pag-view-conut {
display: none;   
}
}



.blog-select-grid {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: max-content max-content;
grid-column-gap: 20px;
margin-bottom: 30px;
}


select>option {
  background-color: transparent;
  border: 0;
  
  
  height: 38px;
  width: max-content;
  
  font-weight: 800;
font-size: 16px;
line-height: 150%;
text-align: left;
color: #303841;
}


select>option:checked, select>option:focus {
background-color: #00adb5;
color: #ffffff;
}


.select>select {
    padding-left: 23px;
    padding-right: 30px;
      background: transparent;
    background-repeat: no-repeat;
background-position: right 7px center;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='12' rx='12' ry='12' transform='rotate(90 12 12)' fill='%23F8F8F9' /%3E%3Cpath d='M7 11L12 16L17 11' stroke='%23949CA5' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E")!important;
    
  width: 170px;

  border: 0;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  
  font-weight: 800;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #303841;
  
  border: 1px solid #e0e2e5;
border-radius: 5px;
height: 38px;
cursor: pointer;
}

::selection {
background-color: #00adb5;
color: #ffffff;
}

.blog-detail-right {
padding-top: 71px;
}

.blog-detail-right .sidebar__inner {
    padding-bottom: 72px;
}

@media(max-width: 1140px) {
.blog-detail-right .sidebar__inner {
    padding-bottom: 0;
}
    
.blog-detail-right {
padding-top: 0;
}

.pag .next {
    float: right;
}

.blog-select-grid {
    justify-content: center;
}


.blog-page h1 {
    text-align: center;
    line-height: 1.3;
}



.blog-items-grid {
    grid-template-columns: repeat(auto-fit, 300px);
    justify-content: space-around;
}


}

@media(max-width: 991px) {
.blog-select-grid {
    justify-content: center;
}


.blog-page h1 {
    text-align: center;
    font-size: 28px;
    line-height: 1.3;
}
}

@media(max-width: 420px) {
 .select>select {
    width: 150px;   
}
}

.blog-detail-page h1 {
text-align: left;
}

.blog-detail-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 284px;
    grid-gap: 32px;
    margin-bottom: 40px;
}

.blog-detail-text p, .blog-detail-text ul li, .blog-detail-text ol li {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #303841;
}


.blog-detail-text img {
max-width: calc(100vw - 30px)
height: auto;
}


.tags {
    margin-top: 30px;
}

.tags a {
    display: inline-block;
    background: #f8f8f9;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 10px;
}


@media (max-width: 991px) {
.tags-oblojka {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    height: 42px;
    margin-top: 30px;
}
.tags {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: auto;
    width: 100%;
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
}
}


.blog-brand-logo {
    background-color: #f8f8f9;
    border-radius: 10px;
    background-size: contain;
    background-blend-mode: multiply;
    background-position: center center;
    background-repeat: no-repeat;
    height: 180px;
    display: block;
}

.blog-detail-page .blog-item-action-grid {
margin-bottom: 0;
margin-top: 40px;
}

@media(max-width: 1140px) {
    img {
        max-width: calc(100vw - 30px);
        height: auto;
    }
iframe {
max-width: 100%;
}
.blog-detail-grid {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    margin-bottom: 30px;
}



.catalog-cat-icons-item, .blog-brand-logo {
    max-width: 300px;
    float: left;
    margin-right: 30px;
    width: 100%;
    height: 220px;
}
}

@media(max-width: 700px) {
.catalog-cat-icons-item, .blog-brand-logo {
    max-width: 100%;
    float: none;
    margin-right: 0;
}

.blog-detail-page h1 {
    font-size: 28px;
}
}

.tags {
margin-bottom: 30px;   
}



.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: 480px;
    max-width: 100%;
    height: max-content;
    left: 50%;
    margin-left: -240px;
    background: #F5F7FA;
    top: 50vh;
    margin-top: -336px;
    padding: 40px;
    border-radius: 10px;
}

.modal.cheaper-form.active {
    width: 354px;
    margin-left: -177px;
    margin-top: -273px;
}

.modal.one-click-form.active {
    width: 354px;
    margin-left: -177px;
    margin-top: -233px;
}

.modal.zapros-form.active {
    width: 354px;
    margin-left: -177px;
    margin-top: -233px;
}

.modal.vacancy-form.active {
    width: 354px;
    margin-left: -177px;
    margin-top: -233px;
}


.modal.dialog.active {
   margin-top: -81px; 
}



.modal-close {
    cursor: pointer;
    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");
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    -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: 15px;
    right: 15px;
}

.modal.active.modal-basket {
    margin-top: -94px;
}


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


@media (max-width: 480px) {
.modal.active {
    width: 100%!important;
    max-width: 100%!important;
    left: 0!important;
    margin-left: 0!important;
    top: 0!important;
    height: 100vh!important;
    top: 0!important;
    margin-top: 0!important;
border-radius: 0;
}

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

.modal p {
    margin: 0;
    display: block;
    color: #667685;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 20px;
    text-align: center;
        line-height: 1.3;
}

.modal .title {
    margin: 0;
    margin-bottom: 16px;
    font-weight: 800;
    font-size: 20px;
    color: #303841;
    text-align: center;
        line-height: 1.3;
}

.soglasie {
    padding-left: 31px;
}

.soglasie label {
    margin: 0;
    display: block;
    color: #667685;
    font-size: 16px;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left;
        line-height: 1.3;
}

.soglasie.error {
border: 1px solid #ff5722;
border-radius: 5px;
}

.image-modal-button {
cursor: pointer;   
}

.modal-image-block {
text-align: center;   
}

.modal-image {
 width: 500px;
 max-width: 100%;
 padding-top: 100%;
 background-position: center center;
background-repeat:no-repeat;
    background-blend-mode: multiply;
    background-color: #F5F7FA;
}

.modal.active.image-modal {
width: 580px;
height: 580px;
margin-top: -290px;
}


@media (max-width: 580px) {
.modal.active.image-modal {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    top: 0 !important;
    margin-top: 0 !important;
    border-radius: 0;
    padding-left: 20px!important;
    padding-right: 20px!important;
}
}

.search-page h1 {
text-align: left;
}


	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -350px;
		width: 700px;
		position: absolute;
		z-index: 101;
		padding: 38px 66px 86px 60px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;


background: #F5F7FA;
    padding: 40px;
    border-radius: 10px;

		}




	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal .close-reveal-modal.krestik {
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
		    transition: none;
		}
		
		.reveal-modal .close-reveal-modal.krestik > * {
		     transition: none;
		}

	.reveal-modal .close-reveal-modal.krestik img {
		width: 22px;
	  height: 20px;
		}

.reveal-modal .title {
    margin: 0;
    margin-bottom: 16px;
    font-weight: 800;
    font-size: 28px;
    color: #303841;
    text-align: center;
    line-height: 1.3;
margin: 16px 0 40px 0;
}

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

.reveal-buttons .btn-primary {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;	
}


.reveal-modal .btn-primary {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background: #ff5722;
    border-radius: 5px;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.reveal-modal .btn-primary:hover {
background: #eb3700;
color: #ffffff!important;
}

.close-reveal-modal.btn-primary {
    border: 1px solid #00adb5;
    background-color: #00adb5;
    color: #fff;
    padding-left: 0;

    background-position: left 15px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.close-reveal-modal.btn-primary:hover {
    color: #fff !important;
    background-color: #007e85;
    opacity: 1;
    border-color: #007e85;
    color: #ffffff!important;
}

.reveal-buttons .btn-primary {
margin: 0 auto;	
}

@media(max-width: 991px) {
.reveal-modal {
top: 0 !important;
left: 0;
margin-left: 0;
width: 100%;
position: fixed;
z-index: 9999;
padding: 80px 20px 86px 20px;
box-shadow: none;
height: 100%;
margin: 0;
max-width: 100%;
}
	
.reveal-buttons {
grid-template-rows: 1fr 1fr!important;
grid-template-columns: 1fr!important;
grid-gap: 40px!important;
}

.close-reveal-modal.btn-primary, .reveal-buttons .btn-primary {
max-width: 480px!important;
width: 100%!important;
}
}

.text-block.order-send p {
text-align: center;   
}

.text-block.order-send .btn-primary, .search-zapros, .btn-primary.back {
border: 1px solid #00adb5;
    background-color: #00adb5;
    color: #fff;
    padding-left: 0;
    /* background-image: url(/olnisa/new_design/images/sklad-burger.svg); */
    background-position: left 15px center;
    background-repeat: no-repeat;
    -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;
    height: 38px;
    display: flex;
    width: max-content;
    width: 220px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    line-height: 150%;
    color: #ffffff;
    border: 1px solid #e0e2e5;
    border-radius: 5px;
    padding-bottom: 2px;
    margin: 0 auto;
}

.text-block.order-send .btn-primary span, .btn-primary.back span {
margin-right: 10px;   
}


.text-block.order-send .btn-primary:hover, .search-zapros:hover, .btn-primary.back:hover {
    color: #fff !important;
    background-color: #007e85;
    opacity: 1;
    border-color: #007e85;
}

.search-zapros {
margin: 0;
margin-top: 20px;
width: 240px;
}

.cart-page h1.center {
 text-align: center;   
}

.cart-page > p {
 text-align: center;   
}


.catalog-cat-description .img-wrapper {
display: block;
position: relative;
width: max-content;
max-width: 100%;
}

.catalog-cat-description .img-wrapper:before {
position: absolute;
right: 20px;
bottom: 20px;
content: '';
background-image: url('/olnisa/images/logo.svg');
width: 206px;
height: 59px;
opacity: 0.5;
background-repeat: no-repeat;
background-position: center center;
}

.blog-detail-text .img-wrapper {
display: block;
position: relative;
width: max-content;
max-width: 100%;
}

.blog-detail-text .img-wrapper:before {
position: absolute;
right: 20px;
bottom: 20px;
content: '';
background-image: url('/olnisa/images/logo.svg');
width: 206px;
height: 59px;
opacity: 0.5;
background-repeat: no-repeat;
background-position: center center;
}

.main-blog-item .main-blog-item-image {
position: relative;
}

.main-blog-item .main-blog-item-image:before {
position: absolute;
left: 20px;
top: 20px;
content: '';
background-image: url('/olnisa/images/logo-olnisa.svg');
width: 59px;
height: 59px;
opacity: 0.5;
background-repeat: no-repeat;
background-position: center center;
}



.item-image-block.manufacturers.webp .item-image-manufacturers:before {
position: absolute;
left: 20px;
bottom: 20px;
content: '';
background-image: url('/olnisa/images/shop_watermark_3.png');
width: 130px;
height: 29px;
opacity: 0.5;
background-repeat: no-repeat;
background-position: center center;
}




.blog-detail-text .item .img-wrapper:before {
display: none;
}

.blog-detail-text .shop-item .img-wrapper:before {
display: none;
}

.status-red {
color: #ff5722!important;
}

.qr-code {
width: max-content;
height: auto;
position: absolute;
    right: 20px;
    bottom: 70px;
}

.qr-code img {
display: block;
width: 70px;
height: auto;
margin-bottom: 0;
margin-left: auto;
}

.qr-code p {
margin: 0;
font-size: 12px;
text-align: right;
}


@media(max-width: 991px) {


.qr-code {
display: none;
}

}


.opalata-qr {
    align-items: center;
    justify-content: center;
    display: flex;
}

.cart-form .soglasie {
margin-top: 18px;
}

.cart-form button {
margin-top: 5px;   
}



.cookie-modal {
display: none;
position: fixed;
z-index: 1200;
bottom: 11px;
width: 100%;
max-width: 1030px;
left: 50%;
margin-left: -515px;
    border-radius: 5px;
    background: #fff;
grid-template-rows: 1fr;
grid-template-columns: 1fr max-content;
grid-column-gap: 20px;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 19.2px;
color: #303841;
padding: 17px 22px 16px 22px;
border: 1px solid #f8f8f9;
}

.cookie-modal.active {
display: grid;
}

.cookie-modal.active a {
    text-decoration: underline!important;
    text-decoration-skip-ink: none!important;
    color: #00adb5!important;
}

.cookie-modal-button {




    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding-left: 30px;
    padding-right: 30px;
    height: 38px;
    border-radius: 5px;
    background: #00adb5;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    -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;

}

.cookie-modal-button:hover {
background-color: #007e85;
}


@media(max-width: 1030px) {
.cookie-modal {
height: max-content;
width: calc(100% - 30px);
left: 15px;
margin-left: 0;
        align-items: start;
max-height: 140px;
}
}

@media(max-width: 740px) {
.cookie-modal {
height: max-content;
width: calc(100% - 30px);
left: 15px;
margin-left: 0;
padding-left: 40px;
    grid-column-gap: 10px;
    font-size: 13px;
    line-height: 15px;
        align-items: start;
}


.cookie-modal:before {
left: 14px;
}

.cookie-modal-button {
width: 120px;
}

}



@media(max-width: 450px) {
.cookie-modal {
    grid-template-columns: 1fr;
        grid-row-gap: 10px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
        text-align: center;
}

.cookie-modal:before {
display: none;
}



.cookie-modal-button {
width: 100%;
    height: 40px;
max-width: 140px;
margin: 0 auto;
}

}

@media(max-width: 1140px) {
footer .copiright {
    grid-column: unset;
    grid-row: unset;
}

.copiright ul {
row-gap: 5px;
    flex-wrap: wrap;
}

}

@media(max-width: 991px) {
footer .copiright {
    grid-column: unset;
    grid-row: unset;
}

    .footer-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    }
    
    .copiright ul {
    gap: 10px;
    flex-direction: column;
    text-align: center;
}
    

}



.catalog-detail-mini-params-grid .title span {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    background: #00adb5;
    margin-left: 7px;
}


.blog-right-zapros-button {
margin-top: 20px;
width: 100%;

display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
    height: 48px;
    border-radius: 5px;
    background: #ff5722;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    -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;

}

.blog-right-zapros-button:hover {
background-color: #eb3700;
}