.menuClass a, .menuClass li, .menuClass ul { margin: 0; padding: 0; position: relative;}

.menuClass { position: relative; z-index: 9500; }
.menuClass a:hover { text-decoration: underline; }
.menuClass ul{ list-style-type:none;margin:0;padding:0; }
.menuClass > ul > li{ display:block;float:left; padding-right: 6px;}

.menuClass > ul > li > ul { display:none; }
.menuClass > ul > li > ul ul { padding-left: 15px; }
.menuClass > ul > li ul li { display: block; }
.menuClass > ul > li:hover > ul{ min-width: 220px; position: absolute; left: 0px;}

/**
* .mainMenuStyle
**/
.mainMenuStyle { margin-right: 20px; }
.mainMenuStyle a { font-size: 0.925em; line-height: initial; }
.mainMenuStyle > ul > li { position:relative; }
.mainMenuStyle > ul > li > a { position:relative; padding:8px 0.5rem; transition: background-color 0.3s ease; border-left: 1px solid transparent; }
.mainMenuStyle > ul > li > a:after { content:"";  width: 3px; height: 3px; float: right; border: solid black; border-width: 0 0 1px 1px; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: 7px; margin-right: 2px; transition: all 0.30s ease; }
.mainMenuStyle > ul > li > a:only-child:after { content: none; }
.mainMenuStyle > ul > li > a:only-child:hover { border-left-color: transparent; }
.mainMenuStyle > ul > li:hover > a:after { transform: rotate(-225deg); }
.mainMenuStyle > ul > li:hover > a { background-color: #ffffff; color: #000000; border-left-color: #f0f0f0; }
.mainMenuStyle > ul ul li a:hover { color: #000000; }


.mainMenuStyle .menuShow { display: block; background-color: #ffffff; margin-top: 5px;padding: 0 10px; border-radius: 0 0 3px 3px; max-height: 450px; overflow-y: auto; border: 1px solid #f0f0f0; border-top: none; }
.mainMenuStyle > ul > li ul li { margin: 10px 0px; }
.mainMenuStyle > ul li ul li a { padding-top:4px; padding-bottom:4px; letter-spacing: 1px;}

.mainMenuStyle > ul > li > ul > li:first-child { margin-top: 15px; }
.mainMenuStyle > ul > li > ul > li:last-child { margin-bottom: 15px; }

.menu-collapsePanel{ max-height: 20vh; overflow: hidden; }

@media only screen and (max-width: 1200px) {
  .menuClass > ul > li { padding-right: 0; }
}

@media only screen and (max-width: 800px) {

  .menuShow { display: none; }
  .mainMenuStyle{ display: none; }
  .responsive_menu_main_trg{ display: block; margin-right: 2%; margin-left: 2%; background: url('../images/responsive_menu.svg') no-repeat 0 center; background-size: 26px 24px; width: 26px; height: 30px; cursor: pointer; float: left; user-select: none; margin-top: 3px; }
  .responsive_menu_main_trg.ce-trg-opened{ background:url('/eshop/scripts/images/close.svg') 50% 50% no-repeat; background-size: 18px; }


  .noscroll .pageContent, .noscroll footer{ visibility: hidden; }
  .ceres_menu_main { padding-left: 1%; }
  .noscroll .header{ display: none; }
  .noscroll .ceres_menu_main { height: calc(100vh - 50px); background: transparent; }

  .ceres_menu_main li a { font-weight: bold; }
  .ceres_menu_main .icon-expand::after { font-weight: bold; }
  .ceres_menu_main li.collapsed > .icon-expand::after { border-width: 0 0 2px 2px; }
}

/* Sitemap */
.eshopCategory > .sitemap{ min-height: 50px; }
.eshopCategory { position: relative; z-index: 7000; width: 100%; max-width: 1650px; margin: 0 auto; }
.eshopCategory ul, .eshopCategory li{ margin:0; padding:0; list-style:none; }
.eshopCategory > ul { display: flex; justify-content:center; max-width: 95%; margin-left: auto; margin-right: auto; align-items: center; overflow: auto; flex-wrap: wrap; }
.eshopCategory > ul > li { transition: all 0.30s ease; position: relative; margin: 0 1.5%; max-width: 160px; }
.eshopCategory > ul > li:last-child { border-right-color: transparent; }
.eshopCategory > ul > li > a { padding: 6px 0; display: inline-block; color: #303030; font-weight: 800; border-bottom: 1px solid transparent; line-height: 1.2; }
.eshopCategory > ul > li > a:hover { border-bottom: 1px solid #000; text-decoration: none; }
.eshopCategory > ul > li.c-clicked-top > a { border-bottom: 1px solid #000; }
.eshopCategory > ul > li > ul { display: none; }

.eshopCategoryHighlight{ background-color: #cdbbac; }


.categoryPanel { width:100%; position: relative; border: 1px solid #f0f0f0; border-radius: 5px; padding: 0 1rem; margin-top: 1rem; }
.categoryPanel:empty{ display: none; }
.categoryPanel ul, .categoryPanel li{ margin:0; padding:0; list-style:none; }
.categoryPanel .inactiveItem a { color: #c30404; text-decoration:line-through; }
.categoryPanel a { padding: 7px 5px 7px 0; text-decoration:none; display:block; transition: all 0.25s ease; }
.categoryPanel a:hover { text-indent:3px; text-decoration: underline; }


.categoryPanel > a  { color: #000000; font-weight:bold; margin-bottom: 10px; margin-top: 1rem; padding: 0; }
.categoryPanel > *:last-child { margin-bottom: 1rem; }
.categoryPanel > a:only-child{ display: none; }

.categoryPanel ul ul{ display:none; }
.categoryPanel li{ position:relative; word-wrap: break-word; }

.categoryPanel li > a:not(:last-child):after { content:""; width: 4px; height: 4px; position: absolute; margin-left: 1rem; margin-top: 0.55em; border: solid black; border-width: 0 0 1px 1px; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.categoryPanel li.selectedLi > a:not(:last-child):after { border-width: 0 0 2px 2px; }

.categoryPanel li.expanded > ul { display: block; }
.categoryPanel li.selectedLi > a { font-weight:bold; color:#000000; }



/* second level */
.categoryPanel li li{ margin-left: 20px; }
.categoryPanel li li a { padding: 5px 0; }

.responsive_category{ display: none; }

.eshopCategory .sitemap:empty { display: none; }

@media only screen and (max-width: 1200px) {
  .eshopCategory > ul > li { margin: 0 1%; }
}


@media only screen and (max-width: 800px) {

  .eshopCategory{ display: none; }
  .categoryPanel{ display: none; }

}