/* main_menu */
.main-menu{
   max-height:57px;
   position: relative;
   z-index: 500;
   background:url(../images/menu/main_menu.png) repeat-x;
   width:100%;
   -webkit-box-shadow: 1px 2px 3px 2px rgba(50,50,50,0.3);
   -moz-box-shadow: 1px 2px 3px 2px rgba(50,50,50,0.3);
   box-shadow: 1px 2px 3px 2px rgba(50,50,50,0.3);
}

@media (max-width: 767.98px){
   .main-menu{
      display: none;
   }
}


.main-menu__body{
   position: relative;
}
/*
.main-menu__body::before {
   content: "";
   position: absolute;
   top: -280px;
   left: -260px;
   width: 206px;
   height: 189px;
   z-index: 5;
   display: inline-block;
   background: url(../images/header/broom.png) no-repeat;
}

.main-menu__body::after {
   content: "";
   position: absolute;
   top: -120px;
   right: -270px;
   width: 211px;
   height: 162px;
   z-index: 5;
   display: inline-block;
   background: url(../images/header/bucket.png) no-repeat;
}
*/
.main-menu .menu_big ul.menu, .main-menu .menu_small ul.menu{
   display: flex;
   justify-content: center;
}
.main-menu .menu_big ul.menu li.first a, .main-menu .menu_small ul.menu li.first a{
   border-left: 1px solid var(--whitecolor);
}

.main-menu .menu_big ul.menu li a:hover, .main-menu .menu_small ul.menu li a:hover{
   color:#eaffcf;
}

.main-menu .menu_big ul.menu .sf-sub-indicator, .main-menu .menu_small ul.menu .sf-sub-indicator{
   height: 10px;
   overflow: hidden;
   position: absolute;
   right: 0.75em;
   text-indent: -999em;
   top: 1.05em;
   width: 10px;
}

@media (min-width: 1200px){

   .main-menu .menu_big ul.menu a > .sf-sub-indicator, span.nolink > .sf-sub-indicator {
      top: 1.5em;
      right: 1.3em;
      background-position: 0 -100px;
   }
   
   .main-menu .menu_small ul.menu a > .sf-sub-indicator, span.nolink > .sf-sub-indicator {
      top: 1.5em;
      right: 1.8em;
      background-position: 0 -100px;
   }

   .main-menu .menu_big ul.menu li a{
      padding:20px 39px 20px 26px;
   }
   
   .main-menu .menu_small ul.menu li a{
      padding:20px 46px 20px 34px;
   }

   .main-menu .menu_big ul.menu li a, .main-menu .menu_small ul.menu li a{
      font-size:15px;
   }
}

@media (max-width: 1200px){
   .main-menu .menu_big ul.menu a > .sf-sub-indicator, span.nolink > .sf-sub-indicator, .main-menu .menu_small ul.menu a > .sf-sub-indicator{
      display: none;
   }

   .main-menu .menu_big ul.menu li a{
      padding:20px 21px 20px 21px;
   }
   
   .main-menu .menu_small ul.menu li a{
      padding:20px 28px 20px 26px;
   }

   .main-menu .menu_big ul.menu li a, .main-menu .menu_small ul.menu li a{
      font-size:15px;
   }
}

@media (max-width: 991.98px){
   .main-menu .menu_big ul.menu li a{
      padding:20px 11px 20px 11px;
   }
   
   .main-menu .menu_small ul.menu li a{
      padding:20px 16px 20px 15px;
   }
   .main-menu .menu_big ul.menu li a, .main-menu .menu_small ul.menu li a{
      font-size:14px;
   }
}

.main-menu .menu_big ul.menu li a, .main-menu .menu_small ul.menu li a{
   cursor: pointer;
   margin: 1px 0;
   text-transform:uppercase;
   white-space: nowrap;
   text-decoration: none;
   color:var(--whitecolor);
   border-right: 1px solid var(--whitecolor);
}

.main-menu .menu_big ul.menu li ul li a, .main-menu .menu_small ul.menu li ul li a{
   padding:7px 15px;
   width:210px;
   font-size:14px;
   color: #006e81;
   text-transform: none;
   border-bottom:1px solid #E8E8E8;
   margin:0 5px
}

.main-menu .menu_big ul.menu li ul li a:hover, .main-menu .menu_small ul.menu li ul li a:hover{
   background:#FEFEF5;
   color: #054752;
}


.sf-wp{
   position: relative;
}

.sf-menu ul{
   width:230px;
   max-height:500px;
   overflow-y:auto;
   overflow-x:hidden
}

.sf-menu li {
   position: static;
}

ul.menu li{
   margin: 0;
}

.sf-menu li .sf-wrapper {
   cursor: auto;
}

.sf-menu li .sf-wrapper{
   position: absolute;
   top:57px;
   z-index: 6000;
   display: none;
}

.sf-menu li .sf-wrapper li .sf-wrapper{
   top:0 !important;
   left:170px !important;
}

.sf-menu li:hover > .sf-wrapper, .sfHover > .sf-wrapper{
   display: block !important;
}

.sf-menu li.last:hover > .sf-wrapper, .sf-menu li.last.sfHover > .sf-wrapper{
   right:0px;
} 

.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul {
   position: static;
   background: #fff;
   opacity:1;
   min-width: 220px;
   padding: 0 0 9px 0 !important;
   -webkit-border-bottom-right-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -moz-border-radius-bottomright: 8px;
   -moz-border-radius-bottomleft: 8px;
   border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;
   -webkit-border-top-right-radius: 0;
   -moz-border-radius-topright: 0;
   border-top-right-radius: 0;
   -webkit-box-shadow: 1px 2px 3px 2px rgba(50,50,50,0.3);
   -moz-box-shadow: 1px 2px 3px 2px rgba(50,50,50,0.3);
   box-shadow: 1px 2px 3px 2px rgba(50,50,50,0.3);
}

.main-menu .menu_big ul.menu li ul, .main-menu .menu_small ul.menu li ul{
   position: static;
   width:230px;
   max-height:500px;
   overflow-y:auto;
   overflow-x:hidden;
}

.main-menu .menu_big ul.menu li ul li ul li, .main-menu .menu_small ul.menu li ul li ul li{
   position: static;
}

.sf-menu ul a > .sf-sub-indicator {
   display:none
}





/* menu burger */

.mm-panel{
   background: #303030;
   color: var(--whitecolor);
}

.mm-panels li.expanded, .mm-panels li.collapsed, .mm-panels li.leaf{
   padding: 0;
   margin: 0;
}

.mm-panels .mm-navbar{
   background:url(../images/menu/main_menu.png) repeat-x;
   color: var(--whitecolor);
   font-size: 16px;
}

.mm-listitem a.mm-listitem__text{
   color: var(--whitecolor);
   background: #2c2c2c;
   box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
}


.mm-listitem a.nolink{
   color: var(--bordercolor);
}

.mm-panels .mm-listitem__btn{
   background: none;
   display: block;
   position: absolute;
   top:0;
   left: 0;
   width: 100%;
   -webkit-padding-end: 50px;
   padding-inline-end: 50px;
   border-color: inherit;
   height: 50px;
}

.mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front {
   width: clamp(200px,250px,300px);
}

.mm-wrapper--position-left {
   --mm-translate-horizontal: clamp(200px,250px,300px);
}

.mm-btn--next:after {
   border: 2px solid var(--bordercolor);
   border-bottom: none;
   border-right: none;
}

.mm-btn--prev:before {
   border: 2px solid var(--whitecolor);
   border-bottom: none;
   border-right: none;
}

.mm-listitem:after {
   content: "";
   border-color: inherit;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   display: block;
   position: absolute;
   inset-inline-start: 0px;
   inset-inline-end: 0;
   bottom: 0;
}