/*----------------------------*/
/*     HEADER MENU            */
/*----------------------------*/

ul.navbar {list-style:none;padding:0;margin:0;} 
ul.navbar ul {list-style:none;padding:0;margin:0;} 
.header_menu_handler, .header_menu_closer {color: #000; text-decoration:none; cursor: pointer; width: 22px; position: absolute; top: 28px; left: 22px; z-index: 10;}
.header_menu_handler img, .header_menu_closer img {display:block; width:100%;height:auto;} 

#my_projects_menu_link {display:none;} 
.login_active #my_projects_menu_link {display:block;} 

/* DESKTOP */
@media (min-width: 1199px) { 
   .header_menu_handler, .header_menu_closer {display:none;} 
   .navbar .rootnav { display: inline; } 
   ul.navbar {/* overflow: hidden; *//* height: 7rem; */padding: 0;} 
   ul.navbar a, ul.navbar a:hover {text-decoration: none; color: #000;}  
   .subnav .subnavbtn { color: #000; font-size: 1rem; border: none; outline: none; padding: 0 0.8rem; background-color: inherit; font-family: inherit; margin: 0; }
   ul.navbar > ul > li { float: left; color: inherit; text-align: left;  text-decoration: none;  }  
   ul.navbar > li > a, ul.navbar button.subnavbtn {padding: 0.5rem 0.9rem;border: 1px solid #fff;display:block;font-size: 14px;font-weight: 500;letter-spacing: 0.1em;}  
   .subnav-content {display: none;position: absolute;left: 4px;width: 100%;z-index: 1;bottom: -24px;padding: 0;margin: 0;list-style: none;margin-left: 0.8rem;min-width: 810px;/* border: 1px solid red; */}
   .subnav.opened_desktop .subnav-content {display: block;} 
   .subnav-content li { padding: 0; margin: 0; display: inline-block;   font-size: 12px; font-weight: 400; line-height: 120%; text-align: left;  }
   .navbar .subnav a {text-decoration: none;color: #000;padding: 0.5rem 0.56rem;border: 1px solid #fff;}  
   .header_inner.subnav_active {padding-bottom:49px;} 
   .subnav.opened_desktop .subnavbtn {font-weight:bold !important;}  
   .rootnav.opened_desktop a {font-weight:bold !important;}  
   .rootnav.current a {font-weight:bold !important;} 
   .subnav[data-root="4"] {position:relative;} 
   .subnav[data-root="4"] .subnav-content {left: 6px;width: 250px;min-width: 250px;} 
   
}

/* MOBILE */
@media (max-width: 1198px) { 
  .header_menu_handler {display: block;} 
  .header_menu_closer {display:none;} 
  .header_inner.menu_mobile_opened .header_menu_closer {display:block;}  
  .header_inner.menu_mobile_opened .header_menu_handler {display:none;}  
  .header_block_menu {display: none;position: fixed;top: 80px; width: 100%;max-width:100% !important;left: 0;right: 0;bottom: 0;z-index: 1;background: #fff;padding: 0px;overflow: auto;} 
  .header_inner.menu_mobile_opened .header_block_menu {display:block;} 
  ul.navbar {display:block;}
  ul.navbar > ul > li {display:block;} 
  ul.navbar li.rootnav, ul.navbar li.subnav {width: 100%;display:block;border-bottom: 1px solid silver;text-align: center;position: relative;} 
  ul.navbar li.subnav {position:relative;} 
  ul.navbar > li > a, ul.navbar button.subnavbtn {padding: 19px 10px;text-align: center;display: inline-block;background: #fff;border: none;color: #000;text-decoration: none;} 
  ul.navbar ul.subnav-content {padding-bottom: 13px;display: flex; justify-content: center;} 
  ul.navbar ul.subnav-content li { font-size: 12px;font-weight: 400;line-height: 120%;display: inline-block;text-wrap: nowrap;}
  ul.navbar ul.subnav-content li a {color: #000;padding: 10px 12px;text-decoration:none;display: inline-block;padding-top: 3px;} 
  .subnav_mobile_sroll {overflow: auto;position:relative;}  
  ul.navbar li.subnav:before, ul.navbar li.subnav:after {content:'';display:block;position:absolute;top:0;bottom:0;width: 22px;height:100%;/* border: 1px solid blue; */z-index: 10;} 
  ul.navbar li.subnav:before {left:0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(94deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  }
  ul.navbar li.subnav:after {right:0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)), to(rgba(251,251,251,1)));
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%, rgba(251,251,251,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%, rgba(251,251,251,1) 100%);
  }
}

@media (max-width: 800px) { 
  ul.navbar ul.subnav-content {padding-bottom: 13px;display: flex; justify-content: flex-start;}  
  ul.navbar .subnav[data-root="4"] ul.subnav-content { justify-content: center; } 
}

@media (max-width: 750px) { 
  .header_menu_handler, .header_menu_closer {width: 16px;top: 19px;left: 20px;} 
  .header_block_menu {top: 56px; }  
}