@charset "utf-8";
/* CSS Document */
.menu-top-menu-container {
        width: 100%;
        margin: 0px auto 0 auto; 
        text-align: left; 
}

.menu-top-menu-container * {
        margin: 0;
        padding: 0;
}

.menu-top-menu-container li {
        list-style-type: none; 
}
/* do not remove - this makes the submenu open / close */

.menu-top-menu-container ul ul {
        display: none;
}

.menu-top-menu-container li.active>ul {
        display: block;
}
/* first level menu item */

.menu-top-menu-container > ul > li > a {
        position: relative;
        display: block;
        background: #4da8e6;
        padding: 10px 20px;
        font-size: 1.125em;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid rgba(255,255,255,0.4);
}
.menu-top-menu-container ul li a:hover {
        background: #2883c2;
}

/* second level menu item */
.menu-top-menu-container ul ul li a {
        color: #595757;
        text-decoration: none;
        font-size: 1em;
        display: block;
        padding: 8px 20px 8px 38px;
        transition: all 0.15s;
        position: relative;
        background: #e7e6e6;
        font-weight: bold;
}
.menu-top-menu-container ul ul li a:hover {
        background: #898989; color: #fff;
}
/* third level menu item */
.menu-top-menu-container ul ul ul li a {
        color: #666;
        text-decoration: none;
        font-size: 1em;
        display: block;
        padding: 8px 20px 8px 56px;
        transition: all 0.15s;
        position: relative;
        background: #eef4f6;
        font-weight: normal;
}
.menu-top-menu-container ul li ul li ul.le03 a{
        background: #f5f5f5; color: #666;
}

.menu-top-menu-container ul ul ul li a:hover {
        color: #2a92ba; background: #f5f5f5;
       
}
.menu-top-menu-container ul ul ul li a:before{
  content: ''; position: absolute; margin: 8px 0 0 -14px;
  display: block;
  width: 6px;
  height: 6px;
  background:#2a92ba; 
}

/* arrows after closed / open menu items that have children */

.menu-top-menu-container a:not(:only-child):after {
        position: absolute;
        right: 10px;
}

.menu-top-menu-container a:not(:only-child):after {
        content: "\f107";
        top: 14px;
        font-size: 12px;
        font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.menu-top-menu-container .active>a:not(:only-child):after {
        content: "\f104";
        top: 14px;
        font-size: 12px;
        font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.menu-top-menu-container > ul > li.active > a {
    background:#2883c2;
}
.menu-top-menu-container ul ul li.active a {
    background: #898989; color: #fff;
}
.menu-top-menu-container > ul > li > ul > li > ul > li.active a {
    background: #f5f5f5; color: #2a92ba;
}