.menu {
    width: auto;
    height: auto;
    list-style: none;
    margin-top: 10px;
}

.menu ul {
    list-style: none;
}

.menu > li > a {
    width: 100%;
    height: 1.1em;
    line-height: 1.5em;
    display: block;
    position: relative;
    font-size: 17px;
    text-decoration: none;
}
.menu ul li a {
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    position: relative;
    font-size: 1em;
    font-weight: 400;
    margin-left: 25px;
    border-left: 1px solid #00ADEE;
    padding-left: 5px;
    text-decoration: none;
}
.menu a:hover{
    /*color: #00ADEE;*/
}
.menu ul li:last-child a {

}
.menu > li > a:hover, .menu > li > a.active {
    /*color: #00ADEE;*/
}
.menu > li > a.active {
    color: #00ADEE;
}
.menu > li > a:before {

}
.item1 > a:before {

}
.item2 > a:before {

}
.item3 > a:before {

}
.item4 > a:before {

}
.item5 > a:before {

}
.menu > li > a span {
    font-size: 0.857em; 
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 50%;
    line-height: 1em;
    height: 1em;
    padding: .4em .6em;
    margin: -.8em 0 0 0;
    text-indent: 0;
    text-align: center;
    font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {

}
.menu > li > ul li a:before{

}
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
    /*color: #00ADEE;*/
}
.menu ul > li > a span {
    font-size: 0.857em; 
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 50%;
    line-height: 1em;
    height: 1em;
    padding: .4em .7em;
    margin: -.9em 0 0 0;
    text-indent: 0;
    text-align: center;
}
.menu li .active a {
    color: #00ADEE;
}


/** NEW CSS */
.subsubmenu{
    display:none;
}
.subsubmenu > li > a {
    margin-left: 50px !important;
    font-size: 0.923em !important;
    border-left: 1px solid #00ADEE !important;
}

.submenu_forest > li > a.active{
    color: #00ADEE !important;
}