.menuClass { position: relative; z-index: 17200; display: flex; justify-content: end; }
.menuClass a:hover { text-decoration: none; }
.menuClass ul{ list-style-type:none;margin:0;padding:0; background: #202020; }
.menuClass > ul > li{ display:block;float:left; }

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

/**
* .mainMenuStyle
**/
.mainMenuStyle { padding-top: 5px; min-height: 22px; }
.mainMenuStyle > ul > li { position:relative; margin-right:0.25rem; }
.mainMenuStyle > ul > li > a { position:relative; padding:8px 15px 16px 0px; transition: background-color 0.3s ease; }
.mainMenuStyle > ul > li > a:after { content: " "; border: 0 solid #e0e0e0; display: inline-block; transform: rotate(-45deg); vertical-align: middle; border-width: 0 0 1px 1px ; width: 3px; height: 3px; margin-bottom: 3px; margin-left: 4px; margin-right: 2px; }
.mainMenuStyle > ul > li > a:only-child { background: none; padding-right: 15px; }
.mainMenuStyle > ul > li > a:only-child:after { content: none; }
.mainMenuStyle > ul > li:hover > a { border-width:0; }
.mainMenuStyle a{ color: #e0e0e0; font-size: 0.95em; }
.mainMenuStyle a:hover { color: #bf9b30; }


.mainMenuStyle .menuShow { display: block; background-color: #202020; padding: 0.5em 1em; border-radius: 0 0 3px 3px; margin-top: 6px; border:1px solid #444; border-top:none; overflow:auto; max-height:450px; }
.mainMenuStyle > ul li ul li a { color: #fff; padding-top:4px; padding-bottom:4px; letter-spacing: 1px; display:block;}

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

  .menuShow { display: none; }
  .mainMenuStyle{ display: none; }
  .responsive_menu_main_trg{ display: inline-block; padding: 0 5px; position: relative; float: left; z-index: 7200; background: url('../images/responsive_menu.svg') no-repeat 5px 50%; height: 30px; width: 34px; background-size: 30px; cursor: pointer; margin-left: 5px; }
  .responsive_menu_main_trg.ce-trg-opened { background: url(../images/close.svg) 50% 50% no-repeat;  background-size: 18px; }

  @keyframes menu_expand { 0%{width:0;} 50%{width: 40%;} 100%{width: 80%; } }
  .ceres_menu_main { background: #fcf9f2; width: 100%; left: 0; z-index: 100000; display:block; position: fixed; margin-top: 84px; min-height:80vh; max-height: 90vh; overflow: auto; padding-right: 10px; animation: menu_expand 0.3s linear; padding-left: 5px; }


  .ceres_menu_main li a, .ceres_menu_main .icon-expand:after { color:#000; font-weight: bold; }
  .ceres_menu_main .b_res-tree:first-child > ul::after{ color:#000; }
  .ceres_menu_main li.collapsed > .icon-expand:after { border-color: #000; }
  .ceres_menu_main li, .ceres_menu_main .b_res-tree > ul > li:last-child, .ceres_menu_main .icon-expand { border-color: #f3e5cb; }

}


/* Sitemap */


.eshopCategory { flex-grow: 2; margin-left: 3%; margin-right:3%; overflow: auto; }
.eshopCategory ul, .eshopCategory li{ margin:0; padding:0; list-style:none; }
.eshopCategory > ul { display: flex; flex-wrap: nowrap; }
.eshopCategory > ul > li { transition: all 0.30s ease; margin-right: 3%; }
.eshopCategory > ul > li:last-child { border-right-color: transparent; }
.eshopCategory > ul > li:hover { text-decoration: none; }
.eshopCategory > ul > li:hover > a { color: #fff; }
.eshopCategory > ul > li > a { padding: 24px 8px; display: inline-block; color: #e0e0e0; font-weight: 800; white-space: nowrap; letter-spacing: 1px; }
.eshopCategory > ul > li > a:after { content: ""; border: 0 solid #e0e0e0; display: inline-block; transform: rotate(-45deg); vertical-align: middle; border-width: 0 0 1px 1px ; width: 4px; height: 4px; margin-bottom: 3px; margin-left: 8px; margin-right: 5px; }
.eshopCategory > ul > li > a:only-child:after { content: none; }

.eshopCategory > ul > li > a:before { display:inline-block; width: 32px; height: 32px; margin-right: 10px; margin-bottom: -6px; }

.eshopCategory > ul a{ position:relative; }
.eshopCategory > ul > li a:hover { text-decoration: underline; }


.eshopCategory > ul > li > ul { display: none; }
.eshopCategory .menuShow { position: absolute; background-color: var(--controls-color2); max-height: 500px; overflow-y: auto; width: 100%;left: 0;padding: 2em 5%; border-bottom: 10px solid #fff; display: grid; grid-template-columns: auto auto auto auto auto; }
.eshopCategory .menuShow > li { display: inline-block; color: #000000; font-weight:bold; margin: 0.5em 1.5em; vertical-align: top; text-align: left; }
.eshopCategory .menuShow > li a { color: var(--font-color); }
.eshopCategory .menuShow > li a:hover { color: #000000; }
.eshopCategory .menuShow > li ul { display: none; }
.eshopCategory .menuShow > li ul li { margin:0.15em 0; }

.eshopCategoryHighlight{ background-color: var(--controls-color2); }
.eshopCategory > ul:hover > li.c-clicked-top > a{ background-color: transparent; }
.eshopCategory > ul > li.c-clicked-top > a { text-decoration: underline; }


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


.categoryPanel > a  { color: #000000; font-weight:bold; margin-bottom: 10px; text-transform: uppercase; }
.categoryPanel > *:last-child { margin-bottom: 20px; }

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

.categoryPanel li > a:after { content:"-"; display: inline-block; width: 1.4rem; line-height: 16px; float: right; margin-top: 6px; font-weight: normal; color: var(--font-color); text-align: right; }
.categoryPanel li > a:not(:last-child):after { content:"+"; }


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



/* second level */
.categoryPanel li li{ margin-bottom:3px; margin-left: 20px;}
.categoryPanel li li a { color:#555555; font-size: 90%; }


@media only screen and (max-width: 1400px) {
  .eshopCategory .menuShow{ grid-template-columns: auto auto auto auto;  } 
  .eshopCategory > ul > li > a{  padding: 24px 4px;  }
}

@media only screen and (max-width: 1000px) {
 .eshopCategory .menuShow{ grid-template-columns: auto auto auto; }
}

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

  .eshopCategory { padding: 0; margin-right: 0; }
  .eshopCategory > ul { justify-content: center; }

  .eshopCategory > ul > li > ul  {display: none; }
  .categoryPanel > a  { display: none; }

  .eshopCategory ul, .eshopCategory li, .category_res_main ul, .category_res_main li{ margin:0; padding:0; list-style:none; }
  .eshopCategory > ul > li > a, .category_res_main > ul > li > a { display: block; padding: 5px; color: #ffffff; letter-spacing: normal; }
  .eshopCategory > ul > li > a{ font-size:0.9em; padding: 5px 15px 10px 0; }

  .eshopCategory > ul > li > a::before{ margin-right: 0; }
  .eshopCategory > ul > li > a::after{ display: none; }
  .eshopCategory .menuShow{ display:none; }


  .category_res_main { min-height: 100vh; overflow-y: auto; background: #3567ad; display: flex; align-items: center; position: fixed; top: 50px; z-index: 100000; }
  .category_res_main > ul { padding-bottom: 80px; margin-top: 20px; }

  .category_res_main >ul > li > ul { display: none; }

  .responsive_category_trg { display: inline-block; line-height: 40px; padding-left: 40px; background:url('../images/responsive_category.svg') no-repeat 5px 50%; color: #ffffff; margin-left: 10px; height: 30px; width: 30px; background-size: 30px; }
  .responsive_category_trg *{ vertical-align: middle; }
  .responsive_category_trg:hover{ color:#ffffff; }

  .responsive_category{ display: block; position: fixed; top: 51px; width: 80%; left: 0; z-index: 100000; background-color: #3567ad; clear: both; height: 80vh; overflow-x: hidden; overflow-y: auto; animation: menu_expand 0.3s linear; }
  .responsive_category li { overflow: hidden; position: relative; }
  .responsive_category > ul { padding: 0 0 80px 2.5%; margin: 9px 0 0 0; }
  .responsive_category li a { padding: 12px 0; display: inline-block; color:#fff; }
  .responsive_category li { border-bottom: 1px solid #4875b5; }

  .responsive_category > ul ul { display: none; }
  .responsive_category > ul ul { padding-left: 1.5rem; }

  .responsive_category .icon-expand{ width: 3rem; position: absolute; right: 0; top: 0; cursor: pointer; }
  .responsive_category .icon-expand:after { content: "+"; width: 3rem; text-align: center; font-size: 1rem; display: inline-block; vertical-align: middle; padding-top: 12px; padding-bottom: 12px; color: #fff; }
  .responsive_category li.collapsed > ul{ display: block; }
  .responsive_category li.collapsed > .icon-expand{ height: 2.3rem; }
  .responsive_category li.collapsed > .icon-expand:after {content: ""; width: 0.35rem; height: 0.35rem; border: solid #fff; border-width: 0 0 1px 1px; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); padding: 0; right: 40%; position: absolute; top: 0.8rem; }


}