#horizontal-menu {
  position: relative;
  background: #333;
  height: 50px;
  min-width: 1240px;
}

#horizontal-menu a {
  text-decoration: none;
}

#horizontal-menu .home a {
  width: 45px;
  height: 50px;
  font-size: 1.8em;
  color: #ccc;
  text-align: center;
  position: relative;
  float: left;
  background-color: #424242;
  background-image: url(img/ico.png);
  background-position: 0 5px;
}

#horizontal-menu .home a:after {
  content: '';
  z-index: 1;
  width: 0;
  color: #424242;
  height: 0;
  position: absolute;
  right: -13px;
  top: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left-width: 14px;
  border-left-style: solid;
}

#horizontal-menu .home a:hover:after {
  border-left-color: #000;
}

#horizontal-menu .menu-tabs {
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0;
  padding: 0;
}

#horizontal-menu .menu-tabs li {
  font-size: 12px;
  list-style: outside none none;
  float: left;
  border-left: 1px solid #000;
  position: relative;
  line-height: 50px;
  display: block;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}

#horizontal-menu .menu-tabs li a,
#horizontal-menu .menu-tabs li span {
  padding: 0 18px;
  color: #ccc;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  line-height: 50px;
  cursor: pointer;
}

#horizontal-menu .menu-tabs li:last-child a {
  display: flex;
}

#horizontal-menu a:hover,
#horizontal-menu span:hover {
  background-color: #000;
  color: #f68b1f !important;
}

.menu-tabs li a i {
  line-height: 50px;
  color: var(--brand-color);
  margin: 0 10px;
}

#menunav ul,
#menunav .omp {
  position: absolute;
  left: -9999px;
  z-index: 99999;
}

#menunav ul li {
  display: block;
  float: none !important;
  border-top: 1px dashed #424242;
  background: #000;
  border-left: none !important;
}

#menunav ul a {
  white-space: nowrap;
  display: block;
  font-size: 14px !important;
  min-width: 160px;
}

#menunav li:hover ul {
  left: calc(10% / 2);
  margin: 0 auto;
}

#menunav li:hover,
#menunav li:hover a {
  background: #000;
}

#menunav li:hover ul a {
  text-decoration: none;
  text-transform: none;
}

#menunav li:hover ul li a:hover {
  background: #f68b1f;
  color: #fff !important;
}

.newroot {
  position: static !important;
}

.newroot ul {
  max-width: 1098px;
  background-color: #fff;
  border: 1px solid #000;
  margin-left: 41px;
  padding: 0;
  white-space: normal;
  /* box-shadow: 0 1px 5px 0 #777; */
  border: 1px solid #e7e7e7;	
  box-shadow: 0 0 16px 0 rgba(144, 144, 144, 0.2);
  border-radius: 0 0 8px 8px;
  margin-right: -1px;
  box-sizing: border-box;
}

.newroot .newmenu {
  padding: 16px;
}

.newmenu {
  display: flex;
  column-gap: 16px;
  row-gap: 8px;
  flex-wrap: wrap;
}

.newmenu-item__title,
.newroot .newmenu div {
  font-size: 14px;
  font-weight: 400;
  text-wrap: wrap;
}

#horizontal-menu .menu-tabs .newroot ul li {
  position: relative;
  display: inline-block;
  width: 200px;
  /* height: 180px; */
  float: left !important;
  padding: 20px 20px;
  font-family: var(--font-family-text);
  background-color: #fff;
  /* border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed; */
  border-top: none;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  line-height: normal;
  text-transform: none;
  text-shadow: none;
	color: #333333;
}

#horizontal-menu .menu-tabs .newroot:nth-of-type(1) a {
  color: #6EB408;
  font-weight: 600;
}

#horizontal-menu .menu-tabs .newroot ul li .go-online,
#horizontal-menu .menu-tabs .newroot ul li .detailed,
#horizontal-menu .menu-tabs .newroot ul li .detailed-1 {
  position: absolute;
  display: none;
  min-width: 150px;
  left: calc(100% - 178px);
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 #4a4a4a;
  text-shadow: 0 0 1px #444;
  letter-spacing: 1px;
  line-height: 32px;
  color: #fff;
  z-index: 2;
}

#horizontal-menu .menu-tabs .newroot ul li:hover .go-online,
#horizontal-menu .menu-tabs .newroot ul li:hover .detailed,
#horizontal-menu .menu-tabs .newroot ul li:hover .detailed-1 {
  display: block;
}

#horizontal-menu .menu-tabs .newroot ul li:hover:after {
  content: '';
  top: -1px;
  left: 0;
  position: absolute;
  width: 100%;
  height: calc(100% + 1px);
  display: block;
  z-index: 1;
  background-color: rgba(217, 217, 217, 0.3);
  /* background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.25); */
}

#horizontal-menu .menu-tabs .newroot ul li:hover .menuimg{
  filter: blur(1px);
}

#horizontal-menu .menu-tabs .newroot ul li:nth-child(7n):hover:after {
  width: 178px;
}

#horizontal-menu .menu-tabs .newroot ul li:last-child:hover:after {
  width: 100%;
  height: 100%;
}

#horizontal-menu .menu-tabs .newroot ul li a {
  background-color: transparent;
  text-shadow: none;
  padding: 0;
}

#horizontal-menu .menu-tabs .newroot ul li .go-online {
  top: 40px;
  background-color: #f68b1f;
}

#horizontal-menu .menu-tabs .newroot ul li .go-online:hover {
  background-color: #f4821f;
}

#horizontal-menu .menu-tabs .newroot ul li .detailed {
  top: 90px;
  background-color: #6c6c6c;
}

#horizontal-menu .menu-tabs .newroot ul li .detailed:hover {
  background-color: #555;
}

#horizontal-menu .menu-tabs .newroot ul li .detailed-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  padding: 90px 10px 0;
  box-sizing: border-box;
}

#horizontal-menu .menu-tabs .newroot ul li .detailed-1:hover {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}

#horizontal-menu .menu-tabs .newroot ul li .detailed-1:hover:after {
  content: 'Подробнее';
  position: absolute;
  top: 90px;
  left: 10px;
  width: 150px;
  background-color: #6c6c6c;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 #4a4a4a;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu {
  padding: 16px;
  text-align: left;
  box-sizing: inherit;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu:hover:after {
  display: none;
}

.mw70 div {
  min-width: 70px;
}

.mw100 div {
  min-width: 100px;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu .custom-list {
  white-space: normal;
}

.custom-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 4px;
  column-gap: 40px;
  width: fit-content;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu .custom-list div {
  display: inline-block;
  font-weight: 400;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu .custom-list div a {
  min-width: initial;
  display: inline-block;
  line-height: 20px;
  color: #333;
}

.custom-menu h5 {
  margin: 0 0 8px;
  color: #333333;
  font-size: 14px;
}

.custom-menu__title {
  font-size: 1.1em;
  margin: 0 0 10px;
  font-weight: 700;
  color: #000;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu .custom-link {
  min-width: initial;
  display: inline-block;
  line-height: normal;
  color: #333;
}

#horizontal-menu .menu-tabs .newroot ul .custom-menu .custom-list div a:hover,
#horizontal-menu .menu-tabs .newroot ul .custom-menu .custom-link:hover {
  color: #f58121 !important;
  background-color: transparent;
}

.custom-link {
  font-family: 'Segoe UI', var(--font-family-text);
  font-weight: 600;
}

#menunav li:hover .omp {
  left: 0;
}

#horizontal-menu .menu-tabs .order-online .omp ul {
  position: relative;
}

#horizontal-menu .menu-tabs .order-online .omp ul li {
  border: none;
  background: #fff;
}

#horizontal-menu .menu-tabs .order-online .omp ul li a {
  background: #fff;
  line-height: normal;
  padding: 0;
  color: #333;
  text-shadow: none;
  font-size: 14px !important;
  margin: 15px 0;
}

#horizontal-menu .menu-tabs .order-online .omp ul li a:hover {
  color: #f4821f !important;
  text-decoration: underline;
}

#horizontal-menu .menu-tabs .new-menu {
  /* width: fit-content; */
  width: 100%;
  position: absolute;
  height: auto;
  border: none;
  box-shadow: 0 1px 5px 0 rgb(119 119 119 / 50%);
  display: none;
  left: 0;
  flex-direction: row;
  background: #fff;
  z-index: 99999;
  margin: 0;
  padding: 16px 0;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}

#horizontal-menu .menu-tabs .list-product {
  position: static;
  box-shadow: none;
  border: none;
  display: none;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: min-content;
  width: 1000px;
  margin: 0;
  padding: 0;
  height: min-content;
}

#horizontal-menu .menu-tabs .list-product.activ {
  display: grid;
  justify-items: start;
  max-height: 650px;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

#horizontal-menu .menu-tabs .list-product.activ::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

#horizontal-menu .menu-tabs .newroot .list-categories {
  display: flex;
  flex-direction: column;
  width: 220px;
  height: 600px;
  position: static;
  border: none;
  box-shadow: none;
  margin: 0;
  align-items: flex-start;
  margin-right: 10px;
  border-right: 1px solid rgba(209, 209, 209, 1);
  padding-right: 10px;
}

#horizontal-menu .menu-tabs .list-categories .item {
  width: 100%;
  display: flex;
  padding: 0;
  padding-right: 25px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border: none;
  font-size: 14px;
  box-sizing: border-box;
  text-align: start;
  position: relative;
  border-radius: 0 5px 5px 0;
  align-items: center;
}

#horizontal-menu .menu-tabs .list-categories .item.activ {
  cursor: pointer;
  background: #f5f5f5;
}

#horizontal-menu .menu-tabs ul.list-categories li.item::after {
  display: none;
}

#horizontal-menu .menu-tabs .list-categories .item.activ::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #a5a5a5;
  border-right: 2px solid #a5a5a5;
  margin-right: 17px;
  position: absolute;
  right: 5px;
  top: 15px;
  transform: rotate(40deg);
}

#horizontal-menu .menu-tabs .list .item:hover {
  cursor: pointer;
}

#horizontal-menu .menu-tabs .list-product .item.item--text::before,
#horizontal-menu .menu-tabs .list-product .item.item--text::after {
  display: none;
}

#horizontal-menu .menu-tabs .list-product .item.item--text {
  width: calc(100% - 20px);
  height: auto;
  min-height: 40px;
  margin: 20px 0 0 10px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  transition: all 0.2s;
}

#horizontal-menu .menu-tabs .list-product .item {
  display: flex;
  height: 200px;
  width: 200px;
  flex-direction: column;
  justify-content: flex-end;
  border: none;
  padding: 0;
  margin: 0;
  transition: outline 0.2s ease-in-out;
  position: relative;
  align-items: center;
}

#horizontal-menu .menu-tabs .list-product .item::before,
#horizontal-menu .newmenu .menuimg::before {
  content: '';
  display: block;
  height: 240px;
  width: 240px;
  background-image: url(/wa-data/public/site/img/menuitem.jpg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
    scale(0.5);
  z-index: 0;
  transition: filter 0.2s;
}

#horizontal-menu .menu-tabs .list-product .item:hover::before {
  filter: blur(2px);
}

#horizontal-menu .menu-tabs .list-product .item:hover .item__name {
  color: #656565;
}

#horizontal-menu .menu-tabs .list-product .item::after {
  opacity: 0;
  content: '';
  display: block;
  height: 100%;
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.03);
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: none;
}

#horizontal-menu .menu-tabs .list-product .item:hover::after {
  opacity: 1;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.03);
  transition: opacity 0.3s ease-in-out;
  height: 100%;
  width: 100% !important;
}

#horizontal-menu .menu-tabs .list-product .item .item__link {
  position: absolute;
  width: fit-content;
  height: 35px;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background: linear-gradient(45deg, #ff5c14, #ff7e14, #fdc90a) !important;
  line-height: 35px;
  border-radius: 4px;
  box-shadow: none;
  font-size: 35px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#horizontal-menu .menu-tabs .list-product .item.item--text .item__link {
  opacity: 1;
  position: static;
  transform: unset;
  height: auto;
  color: #555;
  background: none !important;
  line-height: 1.2;
  text-wrap: wrap;
  transition: all 0.2s;
}

#horizontal-menu .menu-tabs .list-product .item.item--text:hover .item__link {
  color: #f68b1f !important;
  background: linear-gradient(45deg, #ff6114, #fdc90a) !important;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text !important;
}

#horizontal-menu .menu-tabs .list-product .item.item--text:hover {
  cursor: pointer;
  box-shadow: 0px 0px 10px rgba(140, 140, 140, 0.2);
  border-color: rgba(255, 126, 20, 1) !important;
}

#horizontal-menu .menu-tabs .list-product .item:last-child .item__link {
  display: initial;
}

#horizontal-menu .menu-tabs .list-product .item:hover .item__link {
  opacity: 1;
  z-index: 2;
}

#horizontal-menu .menu-tabs .list-product .item .item__name {
  line-height: 1;
  margin-bottom: 10px;
  white-space: break-spaces;
  color: #333333;
  font-size: 14px;
  width: fit-content;
}

.newroot:hover #new-menu {
  display: flex;
}

.menuimg {
  width: 120px;
  height: 120px;
  display: inline-block;
  position: relative;
}

.mi1::before {
  background-position: 0 -1440px;
}

.mi2::before {
  background-position: 0 -1920px;
}

.mi3::before {
  background-position: 0 -720px;
}

.mi4::before {
  background-position: 0 0;
}

.mi5::before {
  background-position: 0 -2040px;
}

.mi6::before {
  background-position: -240px -240px;
}

.mi7::before {
  background-position: 0 -240px;
}

.mi8::before {
  background-position: 0 -960px;
}

.mi9::before {
  background-position: 0 -480px;
}

.mi10::before {
  background-position: 0 -1680px;
}

.mi11::before {
  background-position: 0 -1200px;
}

.mi12::before {
  background-position: -720px -1200px;
}

.mi13::before {
  background-position: 0 -2400px;
}

.mi14::before {
  background-position: -720px -1440px;
}

.mi15::before {
  background-position: 0 -2640px;
}

.mi16::before {
  background-position: -240px 0;
}

.mi17::before {
  background-position: -1440px -680px;
}

.mi18::before {
  background-position: -480px -2640px;
}

.mi19::before {
  background-position: -720px 0;
}

.mi20::before {
  background-position: -720px -240px;
}

.mi21::before {
  background-position: -720px -480px;
}

.mi22::before {
  background-position: -480px 0;
}

.mi23::before {
  background-position: -480px -240px;
}

.mi24::before {
  background-position: -480px -480px;
}

.mi25::before {
  background-position: -480px -720px;
}

.mi26::before {
  background-position: -480px -960px;
}

.mi27::before {
  background-position: -480px -1200px;
}

.mi28::before {
  background-position: -480px -1440px;
}

.mi29::before {
  background-position: -240px -2160px;
}

.mi30::before {
  background-position: -240px -2400px;
}

.mi31::before {
  background-position: -240px -2640px;
}

.mi32::before {
  background-position: -480px -1680px;
}

.mi33::before {
  background-position: -480px -1920px;
}

.mi34::before {
  background-position: -480px -2160px;
}

.mi35::before {
  background-position: -480px -2400px;
}

.mi36::before {
  background-position: -240px -1680px;
}

.mi37::before {
  background-position: -240px -1920px;
}

.mi38::before {
  background-position: -240px -480px;
}

.mi39::before {
  background-position: -240px -720px;
}

.mi40::before {
  background-position: -240px -960px;
}

.mi41::before {
  background-position: -240px -1200px;
}

.mi42::before {
  background-position: -240px -1440px;
}

.mi43::before {
  background-position: -720px -720px;
}

.mi44::before {
  background-position: -720px -960px;
}

.mi45::before {
  background-position: -720px -1920px;
}

.mi46::before {
  background-position: -720px -2160px;
}

.mi47::before {
  background-position: -720px -2400px;
}

.mi48::before {
  background-position: -720px -2640px;
}

.mi49::before {
  background-position: -960px 0;
}

.mi50::before {
  background-position: -720px -720px;
}

.mi51::before {
  background-position: -960px -240px;
}

.mi52::before {
  background-position: -960px -480px;
}

.mi53::before {
  background-position: -960px -720px;
}

.mi54::before {
  background-position: -960px -960px;
}

.mi55::before {
  background-position: -960px -1200px;
}

.mi56::before {
  background-position: -960px -1440px;
}

.mi57::before {
  background-position: -960px -1680px;
}

.mi58::before {
  background-position: -960px -1920px;
}

.mi59::before {
  background-position: -960px -2160px;
}

.mi60::before {
  background-position: -960px -2400px;
}

.mi61::before {
  background-position: -960px -2640px;
}

.mi62::before {
  background-position: -1200px -240px;
}

.mi63::before {
  background-position: -1200px 0;
}

.mi64::before {
  background-position: -1200px -480px;
}

.mi65::before {
  background-position: -1200px -720px;
}

.mi66::before {
  background-position: -1200px -960px;
}

.mi67::before {
  background-position: -1200px -1200px;
}

.mi68::before {
  background-position: -1200px -1440px;
}

.mi69::before {
  background-position: -1200px -1680px;
}

.mi70::before {
  background-position: -1200px -1920px;
}

.mi71::before {
  background-position: -1200px -1160px;
}

.mi72::before {
  background-position: -1200px -2400px;
}

.mi73::before {
  background-position: -2400px -2640px;
}

.mi74::before {
  background-position: -1440px 0;
}

.mi75::before {
  background-position: -85px -230px;
}

.mi76::before {
  background-position: -1440px -720px;
}

.mi77::before {
  background-position: -1440px -480px;
}

.mi78::before {
  background-position: -1440px -720px;
}

.mi79::before {
  background-position: -1440px -960px;
}

.mi80::before {
  background-position: -1440px -1200px;
}

.mi81::before {
  background-position: -1440px -1440px;
}

.mi82::before {
  background-position: -1440px -1680px;
}

.mi83::before {
  background-position: -1440px -1920px;
}

.mi84::before {
  background-position: -1440px -2160px;
}

.mi85::before {
  background-position: -1440px -2400px;
}

.mi86::before {
  background-position: -1440px -2640px;
}

.mi87::before {
  background-position: 0 -1680px;
}

.mi88::before {
  background-position: -720px -1990px;
}

.mi89::before {
  background-position: -960px -2400px;
}

.mi90::before {
  background-position: -1200px -480px;
}

.mi91::before {
  background-position: -720px -1680px;
}

.mi92::before {
  background-position: -1680px 0;
}

.mi93::before {
  background-position: -1680px -240px;
}

.mi94::before {
  background-position: -1680px -480px;
}

.mi95::before {
  background-position: -1680px -720px;
}

.mi96::before {
  background-position: -1680px -960px;
}

.mi97::before {
  background-position: -1680px -1240px;
}

.mi98::before {
  background-position: -1680px -1440px;
}

.mi99::before {
  background-position: -1680px -1680px;
}

.mi100::before {
  background-position: -1680px -1920px;
}

.mi101::before {
  background-position: -480px -480px;
}

.mi102::before {
  background-position: -1920px -960px;
}

.mi103::before {
  background-position: -1920px -1200px;
}

.mi104::before {
  background-position: -1920px -1440px;
}

.mi105::before {
  background-position: -1920px -480px;
}

.mi106::before {
  background-position: -1920px -720px;
}

.mi107::before {
  background-position: -1920px -1680px;
}

.mi108::before {
  background-position: -1920px -1920px;
}

.mi109::before {
  background-position: -1920px -1920px;
}

.mi110::before {
  background-position: -2400px -720px;
}

.mi111::before {
  background-position: -2400px -960px;
}

.mi112::before {
  background-position: -1680px -2160px;
}

.mi113::before {
  background-position: -2400px -720px;
}

.mi114::before {
  background-position:  760px 390px;
}

.mi115::before {
  background-position: 0px -3120px;
}

.mi116::before {
  background-position: -480px -3120px;
}

.mi117::before {
  background-position: -2160px -3140px;
}

.mi118::before {
  background-position: -480px -3360px;
}

.mi119::before {
  background-position: -720px -3360px;
}

.mi120::before {
  background-position: -960px -3360px;
}


#horizontal-menu .new-menu.online .list-product.list {
  grid-template-columns: repeat(3, 325px);
  margin-left: 25px;
  grid-template-rows: repeat(10, 35px);
  margin-top: 20px;
}

#horizontal-menu .new-menu.online .list-product.list .item::before {
  display: none;
}

#horizontal-menu .new-menu.online .list-product.list .item::after {
  display: none;
}

#horizontal-menu .new-menu.online .list-product.list .item .item__link {
  color: black;
  line-height: initial;
  position: initial;
  transform: initial;
  opacity: 1;
  background: none !important;
  height: auto;
}

#horizontal-menu .new-menu.online .list-product.list .item {
  display: block;
  height: auto;
  width: auto;
  text-align: left;
}

#horizontal-menu .new-menu.online .list-product.list .item .item__link:hover {
  color: #f68b1f !important;
}

#horizontal-menu .new-menu.online .list-product.list .item:last-child .item__link {
  display: block;
}

#horizontal-menu .new-menu.online .list-categories .icon {
  display: inline-block;
  /* width: 20px; */ /* временно: пока скрыли иконки в Заказать онлайн */
  height: 20px;
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer;
  padding: 0;
  background-image: url('/wa-data/public/site/themes/xk/ic_menu.png');
  background-repeat: no-repeat;
  background-size: 300px;
  background-color: inherit;
}

#horizontal-menu .new-menu.online .list-categories .item {
  padding-left: 0;
}

/* иконки пунктов Заказать онлайн
#horizontal-menu .icon.bg-1 {
  background-position: -260px -140px;
}

#horizontal-menu .icon.bg-2 {
  background-position: -200px -80px;
}

#horizontal-menu .icon.bg-3 {
  background-position: -200px -200px;
}

#horizontal-menu .icon.bg-4 {
  background-position: -20px -140px;
}

#horizontal-menu .icon.bg-5 {
  background-position: -80px -140px;
}

#horizontal-menu .icon.bg-6 {
  background-position: -200px -140px;
}

#horizontal-menu .icon.bg-7 {
  background-position: -140px -20px;
}

#horizontal-menu .icon.bg-10 {
background-position: -20px -20px;
}

#horizontal-menu .icon.bg-13 {
background-position: -80px -20px;
}

#horizontal-menu .icon.bg-14 {
  background-position: -200px -20px;
}

#horizontal-menu .icon.bg-130 {
  background-position: -80px -252px;
}

#horizontal-menu .icon.bg-131 {
  background-position: -22px -255px;
} */


#horizontal-menu .menu-tabs .list-product .item.bg-109::before {
  background: url('/wa-data/public/site/oldimg/imgspb/imgUF.jpg') no-repeat;
  background-size: contain;
}

#horizontal-menu .menu-tabs .list-product .item.bg-114::before {
  background: url('/wa-data/public/site/oldimg/imgspb/popsoket.jpg') no-repeat;
  background-size: contain;
  background-position: center;
}
#horizontal-menu .menu-tabs .list-product .item.bg-115::before {
  background: url('/wa-data/public/site/oldimg/Flyaga/1_icon.jpg') no-repeat;
  background-size: contain;
  background-position: center;
}

#horizontal-menu .menu-tabs .list-product .item.bg-135::before {
  background: url('/wa-data/public/site/oldimg/Flyaga/DTF.png') no-repeat;
  background-size: contain;
  background-position: center;
}

#horizontal-menu .menu-tabs .list-product .item.bg-136::before {
  background: url('/wa-data/public/site/oldimg/folder_SPB/pechat-na-zontakh/new/krasnyi_zont-pre.jpg') no-repeat;
  background-size: contain;
  background-position: center;
}

.item.bg-1::before {
  background-position: 0 -1920px;
}

.item.bg-2::before {
  background-position: -1440px -2400px;
}

.item.bg-3::before {
  background-position: 0 -720px;
}

.item.bg-4::before {
  background-position: 0 -240px;
}

.item.bg-5::before {
  background-position: 0 -1440px;
}

.item.bg-6::before {
  background-position: 0 -1200px;
}

.item.bg-7::before {
  background-position: -720px -1440px;
}

.item.bg-8::before {
  background-position: 0 -2640px;
}

.item.bg-9::before {
  background-position: -720px -960px;
}

.item.bg-10::before {
  background-position: -1680px -720px;
}

.item.bg-11::before {
  background-position: -1680px -240px;
}

.item.bg-12::before {
  background-position: -1200px -240px;
}

.item.bg-13::before {
  background-position: -960px -250px;
}

.item.bg-14::before {
  background-position: -960px -480px;
}

.item.bg-15::before {
  background-position: 0 0;
}

.item.bg-16::before {
  background-position: 0 -2160px;
}

.item.bg-17::before {
  background-position: -240px -240px;
}

.item.bg-18::before {
  background-position: -720px -1200px;
}

.item.bg-19::before {
  background-position: -1200px -1440px;
}

.item.bg-20::before {
  background-position: -1440px -240px;
}

.item.bg-21::before {
  background-position: -960px -480px;
}

.item.bg-22::before {
  background-position: 0 -2400px;
}

.item.bg-23::before {
  background-position: 0 -2640px;
}

.item.bg-24::before {
  background-position: 0 -960px;
}

.item.bg-25::before {
  background-position: 0 -480px;
}

.item.bg-26::before {
  background-position: -240px 0;
}

.item.bg-27::before {
  background-position: -1680px -960px;
}

.item.bg-29::before {
  background-position: -1440px -2160px;
}

.item.bg-28::before {
  background-position: -960px -1200px;
}

.item.bg-30::before {
  background-position: -1200px -720px;
}

.item.bg-31::before {
  background-position: -1680px -480px;
}

.item.bg-32::before {
  background-position: -1440px 0;
}

.item.bg-33::before {
  background-position: -1440px -960px;
}

.item.bg-34::before {
  background-position: -1440px -1920px;
}

.item.bg-35::before {
  background-position: -960px -2160px;
}

.item.bg-36::before {
  background-position: -1440px -1440px;
}

.item.bg-37::before {
  background-position: -1440px -1680px;
}

.item.bg-38::before {
  background-position: -720px -1920px;
}

.item.bg-39::before {
  background-position: -1200px -1920px;
}

.item.bg-40::before {
  background-position: -1200px -2400px;
}

.item.bg-41::before {
  background-position: -1200px -2640px;
}

.item.bg-42::before {
  background-position: -1200px -2160px;
}

.item.bg-43::before {
  background-position: -1440px -2160px;
}

.item.bg-44::before {
  background-position: -960px -720px;
}

.item.bg-45::before {
  background-position: -1680px -2160px;
}

.item.bg-46:before {
  background-position: -1920px 0;
}

.item.bg-47:before {
  background-position: -1918px -240px;
}

.item.bg-48:before {
  background-position: -1680px -2400px;
}

.item.bg-49:before {
  background-position: -1680px -2640px;
}

.item.bg-50:before {
  background-position: -960px -1440px;
}

.item.bg-51:before {
  background-position: -2160px -1440px;
}

.item.bg-52:before {
  background-position: -1680px -1920px;
}

.item.bg-53:before {
  background-position: -960px -960px;
}

.item.bg-54:before {
  background-position: -480px -1680px;
}

.item.bg-55:before {
  background-position: -480px -1920px;
}

.item.bg-56:before {
  background-position: -480px 0;
}

.item.bg-57:before {
  background-position: -480px -240px;
}

.item.bg-58:before {
  background-position: -480px -960px;
}

.item.bg-59:before {
  background-position: -480px -720px;
}

.item.bg-60:before {
  background-position: -480px -1440px;
}

.item.bg-61:before {
  background-position: -1680px -1200px;
}

.item.bg-64:before {
  background-position: -1200px 0;
}

.item.bg-65:before {
  background-position: -720px -1880px;
}

.item.bg-66:before {
  background-position: -480px -2400px;
}

.item.bg-62:before {
  background-position: -2160px -960px;
}

.item.bg-67:before {
  background-position: -2160px -1200px;
}

.item.bg-68:before {
  background-position: -1440px -2640px;
}

.item.bg-69:before {
  background-position: -1200px -1200px;
}

.item.bg-70:before {
  background-position: -480px -2160px;
}

.item.bg-71:before {
  background-position: -960px -1920px;
}

.item.bg-72:before {
  background-position: -720px -720px;
}

.item.bg-73:before {
  background-position: -480px -480px;
}

.item.bg-74:before {
  background-position: -1920px -960px;
}

.item.bg-75:before {
  background-position: -1920px -1200px;
}

.item.bg-76:before {
  background-position: -1920px -1440px;
}

.item.bg-77:before {
  background-position: -1920px -480px;
}

.item.bg-78:before {
  background-position: -1920px -720px;
}

.item.bg-79:before {
  background-position: -480px -1200px;
}

.item.bg-80:before {
  background-position: -960px -1920px;
}

.item.bg-63:before {
  background-position: -2160px 0px;
}

.item.bg-81:before {
  background-position: -2160px -240px;
}

.item.bg-82:before {
  background-position: -2160px -480px;
}

.item.bg-83:before {
  background-position: -2160px -720px;
}

.item.bg-84:before {
  background-position: -1920px -2400px;
}

.item.bg-85:before {
  background-position: -1920px -2640px;
}

.item.bg-86:before {
  background-position: -1920px -2160px;
}

.item.bg-87:before {
  background-position: -1440px -1200px;
}

.item.bg-88:before {
  background-position: -1680px -1440px;
}

.item.bg-89:before {
  background-position: -1200px -960px;
}

.item.bg-90:before {
  background-position: -1680px 0;
}

.item.bg-91:before {
  background-position: -240px -2640px;
}

.item.bg-92:before {
  background-position: -240px -2160px;
}

.item.bg-93:before {
  background-position: -2160px -1920px;
}

.item.bg-94:before {
  background-position: -2160px -2400px;
}

.item.bg-95:before {
  background-position: -2160px -2640px;
}

.item.item.bg-96:before {
  background-position: -2160px -1680px;
}

.item.item.bg-97:before {
  background-position: -2160px -2160px;
}

.item.item.bg-98:before {
  background-position: -2400px -480px;
}

.item.item.bg-99:before {
  background-position: -2400px -240px;
}

.item.item.bg-100:before {
  background-position: -2400px 0px;
}

.item.item.bg-101:before {
  background-position: -240px -1680px;
}

.item.item.bg-102:before {
  background-position: -240px -1920px;
}

.item.item.bg-103:before {
  background-position: -240px -480px;
}

.item.item.bg-104:before {
  background-position: -240px -1440px;
}

.item.item.bg-105:before {
  background-position: -240px -1200px;
}

.item.item.bg-106:before {
  background-position: -480px -2640px;
}

.item.item.bg-107:before {
  background-position: -960px 0;
}

.item.item.bg-108:before {
  background-position: -1200px -480px;
}

.item.item.bg-109:before {
  background-position: -1200px -600px;
}

.item.item.bg-110:before {
  background-position: -2400px -1200px;
}

.item.bg-111::before {
  background-position: -480px -2400px;
}

.item.item.bg-112:before {
  background-position: -2400px -1680px;
}

.item.item.bg-113:before {
  background-position: -2400px -1920px;
}

.item.item.bg-114:before {
  background-position: -2400px -1920px;
}
.item.item.bg-115:before {
  background-position: -2400px -1920px;
}
.item.item.bg-116:before {
  background-position: -240px -2640px;
}
.item.item.bg-117:before {
  background-position: -1680px -1680px;
}
.item.item.bg-118:before {
  background-position: -960px -480px;
}
.item.item.bg-119:before {
  background-position: -1200px 0;
}
.item.item.bg-120:before {
  background-position: -720px -2640px;
}
.item.item.bg-121:before {
  background-position: -960px -1450px;
}
.item.item.bg-122:before {
  background-position: -720px -240px;
}
.item.item.bg-123:before {
  background-position: -2400px -2400px;
}
.item.item.bg-124:before {
  background-position: -2400px -2640px;
}
.item.item.bg-125:before {
  background-position: 0px -2880px;
}
.item.item.bg-126:before {
  background-position: -240px -2880px;
}
.item.item.bg-127:before {
  background-position: -480px -2880px;
}
.item.item.bg-128:before {
  background-position: -720px -2880px;
}
.item.item.bg-129:before {
  background-position: -940px -2880px;
}
.item.item.bg-130:before {
  background-position: -1200px -2880px;
}
.item.item.bg-131:before {
  background-position: -1440px -2880px;
}
.item.item.bg-132:before {
  background-position: -1680px -2880px;
}
.item.item.bg-133:before {
  background-position: -2160px -2880px;
}
.item.item.bg-134:before {
  background-position: -2400px -2880px;
}
.item.item.bg-137:before {
  background-position: -240px -3120px;
}
.item.item.bg-138:before {
  background-position: -720px -3120px;
}
.item.bg-139:before {
  background-position: -960px -3120px;
}
.item.bg-140:before {
  background-position: -1200px -3120px;
}

.item.bg-141:before {
  background-position: -1440px -3120px;
}
.item.bg-142:before {
  background-position: -1680px -3120px;
}
.item.bg-143:before {
  background-position: -1920px -3120px;
}
.item.bg-144:before {
  background-position: -2400px -3120px;
}
.item.bg-145:before {
  background-position: 0px -3360px;
}
.item.bg-146:before {
  background-position: -240px -3360px;
}
.item.bg-147:before {  
  /* background-image: url(/wa-data/public/site/oldimg/icons_nav/nakleyki_golograficheskie_icon.png);
  background-size: contain;
  background-position: center; */
  background-position: -1200px -3360px;
}
.item.bg-148:before {
  background-position: -1440px -3362px;
}
.item.bg-149:before {
  background-position: -1680px -3360px;
}
.item.bg-150:before {
  background-position: -2400px -1440px;
}
.item.bg-151:before {
  background-position: -1920px -3360px;
}
.item.bg-152:before {
  background-position: -2160px -3360px;
}
.item.bg-153:before {
  background-position: -2400px -3360px;
}
.item.bg-154:before {
  background-position: -240px -3600px;
}
.item.bg-155:before {
  background-position: -480px -3600px;
}
/* 
.header-bottom-bar-shop-catalog-button {
  position: relative;
}
.header-bottom-bar-shop-catalog-button::after {
  content: '';
  z-index: 1;
  width: 0;
  color: var(--header-bottom-bar-btn-color);
  height: 0;
  position: absolute;
  right: -13px;
  top: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left-width: 14px;
  border-left-style: solid;
  transition: color .2s ease-in-out;
}
.header-bottom-bar-shop-catalog-button.button_active::after,
.header-bottom-bar-shop-catalog-button:hover::after{
  color: #000;
} */