@charset "utf-8";
/* KSIMT® navigation menu — final 2026.
   Original layout, colors, selectors and jQuery menu interaction retained.
   Mobile CSS breakpoint is 768px; set menu.js mobileBreakpoint to 768 as well.
*/
.nav_mian { width:100%; margin:20px auto 0; }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    margin:0; padding:0; border:0; list-style:none; display:block; position:relative;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
#cssmenu:after, #cssmenu > ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
#cssmenu #menu-button { display:none; }
#cssmenu { font-family:Tahoma, Geneva, sans-serif; }
#cssmenu > ul > li { float:left; }
#cssmenu.align-center > ul { font-size:0; text-align:center; }
#cssmenu.align-center > ul > li { display:inline-block; float:none; }
#cssmenu.align-center ul ul { text-align:left; }
#cssmenu.align-right > ul > li { float:right; }
#cssmenu > ul > li > a { display:block; font-size:14px; color:#6f6b6b; text-decoration:none; padding:0 6px; line-height:40px; letter-spacing:.6px; }
#cssmenu > ul > li:hover > a { color:#4496d2; }
#cssmenu > ul > li.has-sub > a { padding-right:30px; }
#cssmenu > ul > li.has-sub > a:after { position:absolute; top:22px; right:11px; width:8px; height:2px; display:block; background:#fff; content:''; }
#cssmenu > ul > li.has-sub > a:before { position:absolute; top:19px; right:14px; display:block; width:2px; height:8px; background:#fff; content:''; transition:all .25s ease; }
#cssmenu > ul > li.has-sub:hover > a:before { top:23px; height:0; }
#cssmenu ul ul { position:absolute; left:-9999px; }
#cssmenu.align-right ul ul { text-align:right; }
#cssmenu ul ul li { height:0; transition:all .25s ease; }
#cssmenu li:hover > ul { left:auto; }
#cssmenu.align-right li:hover > ul { left:auto; right:0; }
#cssmenu li:hover > ul > li { height:35px; }
#cssmenu ul ul ul { margin-left:100%; top:0; }
#cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%; }
#cssmenu ul ul li a { border-bottom:1px solid rgba(255,255,255,.15); padding:11px 15px; font-size:12px; text-decoration:none; color:#fff; font-weight:400; background:#333; overflow-wrap:break-word; }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom:0; }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color:#fff; }
#cssmenu ul ul li.has-sub > a:after { position:absolute; top:16px; right:11px; width:8px; height:2px; display:block; background:#fff; content:''; }
#cssmenu.align-right ul ul li.has-sub > a:after { right:auto; left:11px; }
#cssmenu ul ul li.has-sub > a:before { position:absolute; top:13px; right:14px; display:block; width:2px; height:8px; background:#fff; content:''; transition:all .25s ease; }
#cssmenu.align-right ul ul li.has-sub > a:before { right:auto; left:14px; }
#cssmenu ul ul > li.has-sub:hover > a:before { top:17px; height:0; }

/* The JS menu breakpoint and CSS breakpoint must match (768px). */
@media only screen and (max-width:768px) {
    .nav_mian { width:100%; margin:0 auto; }
    #cssmenu { width:100%; background:#222; }
    #cssmenu ul { width:100%; display:none; }
    #cssmenu.align-center > ul { text-align:left; }
    #cssmenu ul li { width:100%; border-top:1px solid #6f6b6b !important; }
    #cssmenu ul ul li, #cssmenu li:hover > ul > li { height:auto; }
    #cssmenu ul li a, #cssmenu ul ul li a { width:100%; border-bottom:0; }
    #cssmenu > ul > li { float:none; }
    #cssmenu ul ul li a { padding-left:25px; }
    #cssmenu ul ul ul li a { padding-left:35px; }
    #cssmenu ul ul li a { color:#fff; background:none; min-height:35px; line-height:1.45; }
    #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color:#fff; }
    #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position:relative; left:0; width:100%; margin:0; text-align:left; }
    #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display:none; }
    #cssmenu #menu-button { display:block; min-height:44px; padding:17px; color:#fff; cursor:pointer; font-size:12px; font-weight:bold; }
    #cssmenu #menu-button:after { position:absolute; top:22px; right:17px; display:block; height:4px; width:20px; border-top:2px solid #fff; border-bottom:2px solid #fff; content:''; }
    #cssmenu #menu-button:before { position:absolute; top:16px; right:17px; display:block; height:2px; width:20px; background:#fff; content:''; }
    #cssmenu #menu-button.menu-opened:after { top:23px; border:0; height:2px; width:15px; background:#fff; transform:rotate(45deg); }
    #cssmenu #menu-button.menu-opened:before { top:23px; background:#fff; width:15px; transform:rotate(-45deg); }
    #cssmenu .submenu-button { position:absolute; z-index:99; right:0; top:0; display:block; border-left:1px solid rgba(120,120,120,.2); height:46px; width:46px; cursor:pointer; }
    #cssmenu .submenu-button.submenu-opened { background:#262626; }
    #cssmenu ul ul .submenu-button { height:34px; width:34px; }
    #cssmenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#fff; content:''; }
    #cssmenu ul ul .submenu-button:after { top:15px; right:13px; }
    #cssmenu .submenu-button.submenu-opened:after { background:#fff; }
    #cssmenu .submenu-button:before { position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#fff; content:''; }
    #cssmenu ul ul .submenu-button:before { top:12px; right:16px; }
    #cssmenu .submenu-button.submenu-opened:before { display:none; }
    #cssmenu > ul > li > a { padding:5px 15px; margin:0; color:#fff; min-height:44px; }
}
@media only screen and (min-width:769px) and (max-width:960px) {
    #cssmenu > ul > li > a { padding:0 16px 8px; margin:0 9px; }
}
#cssmenu a:focus-visible, #cssmenu #menu-button:focus-visible, #cssmenu .submenu-button:focus-visible {
    outline:2px solid #4496d2; outline-offset:2px;
}