#wrap{
    margin:0 auto
}
.inner{
    max-width:950px
}
.relative{
    position:relative
}
.right{
    float:right
}
.left{
    float:left
}
#wrap > header{
    padding-bottom:20px
}
#menu-toggle{
    display:none;
    float:right
}
#main-menu{
    font-size:0;
    margin:10px 0;
    padding:0
}
#main-menu > li{
    display:inline-block
}
#main-menu > li > a{
    padding:10px 8px 10px 7px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:400;
    color:#000
}
#main-menu > li:hover > a,#main-menu > li.current-menu-item > a{
    color:#0a9bdb
}
#main-menu li{
    position:relative;
    float:none;
    text-align:left;
    border-radius: 2px;
}
li.short-menu ul{
    width:150px!important;
}
ul.sub-menu{
    display:none;
    left:0;
    top:19px;
    position:absolute;
    width:290px;
    z-index:9999;
    padding:0;
    margin:0;
    padding-top:10px;
    list-style:none
}
ul.sub-menu ul.sub-menu{
    margin-top:-1px;
    padding-top:0;
    left:149px;
    top:0
}
ul.sub-menu > li > a{
    background-color:#333;
    border:1px solid #444;
    border-top:none;
    color:#bbb;
    display:block;
    font-size:13px;
    line-height:1;
    padding:7px 10px;
    text-transform:uppercase;
    font-weight:400
}
ul.sub-menu > li > a:hover{
    background-color:#2a2a2a;
    color:#fff
}
ul.sub-menu > li:first-child{
    border-top:3px solid #0a9bdb
}
ul.sub-menu ul.sub-menu > li:first-child{
    border-top:1px solid #444
}
ul.sub-menu > li:last-child > a{
    border-radius:0 0 2px 2px
}
ul.sub-menu > li > a.parent{
    background-image:url(../images/arrow.png);
    background-size:5px 9px;
    background-repeat:no-repeat;
    background-position:95% center
}
#main-menu li:hover > ul.sub-menu{
    display:block
}

a.toggle_nav_btn{
    text-decoration:none
}
a.toggle_nav_btn:hover{
    text-decoration:none
}
.nav_tog_btn{
    font-size:16px;
    font-weight:200
}

@media (min-width: 992px){
    #main-menu ul.sub-menu li:hover > div, #main-menu ul.sub-menu li:hover > div > ul{
        display:block
    }
}

@media all and (max-width: 991px){
    #navigation{
        margin-top:65px
    }
    #menu-toggle{
        display:block
    }
    #main-menu{
        display:none;
        float:none
    }
    #main-menu li{
        display:block;
        margin:0;
        padding:0
    }
    #main-menu > li{
        margin-top:-1px
    }
    #main-menu > li:first-child{
        margin-top:0
    }
    #main-menu > li > a{
        background-color:#333;
        border:1px solid #444;
        color:#bbb;
        display:block;
        font-size:14px;
        padding:12px!important;
        padding:0
    }
    #main-menu li > a:hover{
        background-color:#444
    }
    #main-menu > li.parent{
        background:none!important;
        padding:0
    }
    #main-menu > li:hover > a,#main-menu > li.current-menu-item > a{
        border:1px solid #444!important;
        color:#fff!important
    }
    li.short-menu ul{
        width:100%!important;
    }
    ul.sub-menu{
        display:block;
        margin-top:-1px;
        margin-left:0;
        position:static;
        padding:0;
        width:inherit
    }
    ul.sub-menu > li a{
        padding-left:30px!important
    }
    ul.sub-menu > li > div >ul.sub-menu > li a{
        padding-left:60px!important
    }
    ul.sub-menu > li:first-child{
        border-top:1px solid #444!important
    }
    ul.sub-menu > li > a.parent{
        background:#333!important
    }

    li.short-menu .nav-link[data-toggle].collapsed:before {
        content: "▾ ";
    }
    li.short-menu .nav-link[data-toggle]:not(.collapsed):before {
        content: "▴ ";
    }
}