.sticked, .onav ul * { line-height:1.3; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.onav ul, .onav li, .onav li a {border:0;display:block;position:relative}
.onav:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#oMenu .onav {z-index:99;position:absolute; right:15px;}
.onav > li {float:left; }
.onav > li > a {padding:0 10px;font-size:14px; font-weight:600; line-height:25px; text-transform:uppercase;}
.onav > li:first-child > a {border-right:none;}
.onav ul{position:absolute;left:-9999px; min-width:240px;top:100%; z-index:10;background:#fff; text-align:left;-webkit-box-shadow:0 3px 3px #d9dadb;box-shadow:0 3px 3px #d9dadb;}
.onav ul li{height:0; border-bottom:1px dotted #ccc;}
.onav ul li:last-child {border-bottom:0}
.onav ul li a{padding:11px 15px 11px 25px; color:#444; white-space:nowrap;}
.onav ul li a:before {content:""; width:5px; height:5px; background:#f3891f; display:block; position:absolute; top:18px; left:10px;}
.onav ul ul{margin-left:100%;top:0}
.onav ul ul li {border-left:1px dotted #ccc;}

.onav li:hover > ul{left:auto}
.onav li:hover > ul > li{height:40px}
.onav > li.has-sub > a {padding-right:30px}

.onav-sticky {width: 100%;height:0;}
.sticked {position: fixed; top:0; left:0; right:0;z-index:20;box-shadow: 0 1px 2px #d9dadb;}

/*============================================================================*/
#oMenu {padding:15px 0;background:#fff;}

@media screen and (max-width:767px) {
    #oMenu .onav{left:0 !important;}
    .mbr-arrow-up {right:40px !important;}
    .pnlHot .iZoom {padding-bottom:20px; border-bottom:1px solid #eee;}
}

@media screen and (max-width:991px) {
        /*.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
    .logo2{display:none}*/
    #oMenu .onav {position:absolute;margin-top:5px; background:#f9f9f9;top:100%; left:15px; max-height:350px; max-width:470px; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; border-top:none;}
    .btnMenu{width:50px;height:38px;position:absolute;left:15px;top:0;cursor:pointer;z-index:14;background:rgba(0,0,0,0.25)}
    .btnMenu:after{position:absolute;top:18px;right:15px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
    .btnMenu:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:12px;right:15px;display:block;height:2px;width:20px;background:#fff;content:''}
    .btnMenu.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:20px;border:0;height:2px;width:20px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .btnMenu.menu-opened:before{top:20px;background:#fff;width:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    #oMenu{width:100%}
    #oMenu ul{width:100%;display:none}
    #oMenu ul li{width:100%;border-top:1px solid #ddd; text-align:justify;}
    #oMenu ul li:hover{background:#FFF}
    #oMenu ul ul li, #oMenu li:hover > ul > li{height:auto}
    #oMenu ul li a, #oMenu ul ul li a{width:100%;border-bottom:0;color:#333; line-height:38px;border-left:none;}
    #oMenu ul.onav > li{float:none}
    #oMenu ul.onav > li > a {background:url(/js/menu/bg-link.png)no-repeat 10px;padding-left:20px;}
    #oMenu ul ul li a{padding:0 15px 0 30px;background:none;}
    #oMenu ul ul li a:before { content:""; position:absolute; width:5px; height:5px; background:#555; left:20px; top:16px;}
    #oMenu ul ul li{background:#FFF; border-bottom:none;}
    #oMenu ul ul li:hover{background:#FFF}
    #oMenu ul ul ul li a{padding-left:45px}
    #oMenu ul ul ul li a:before {left:30px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}
    #oMenu ul ul li:hover > a,#oMenu ul ul li.active > a{color:#fff}
    #oMenu ul ul,#oMenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    /*#oMenu ul.onav > li.has-sub > a:after,#oMenu ul.onav > li.has-sub > a:before,#oMenu ul ul > li.has-sub > a:after,#oMenu ul ul > li.has-sub > a:before{display:none}*/
    #oMenu .submenu-btn{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #ddd;height:38px;width:40px;cursor:pointer}
    #oMenu .submenu-btn.submenu-opened{background:#555}
    #oMenu ul ul .submenu-btn{height:40px;width:40px}
    #oMenu .submenu-btn:after{position:absolute;top:19px;right:14px;width:10px;height:2px;display:block;background:#ccc;content:''}
    #oMenu ul ul .submenu-btn:after{top:19px;right:15px}
    #oMenu .submenu-btn.submenu-opened:after{background:#fff}
    #oMenu .submenu-btn:before{position:absolute;top:15px;right:18px;display:block;width:2px;height:10px;background:#ccc;content:''}
    #oMenu ul ul .submenu-btn:before{top:15px;right:19px}
    #oMenu .submenu-btn.submenu-opened:before{display:none}
    #oMenu ul ul ul li.active a{border-left:none}
    #oMenu ul.onav > li.has-sub > ul > li.active > a,#oMenu ul.onav ul > li.has-sub > ul > li.active > a{border-top:none}
    #oMenu ul.onav li:hover > a, .onav li.active > a{ color:#f3891f !important;}

    #oMenu .onav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #f9f9f9;}
    #oMenu .onav::-webkit-scrollbar {width:6px;background-color: #f9f9f9; display:none;}
    #oMenu .onav::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#f3891f;}
    #oMenu .onav:hover::-webkit-scrollbar {display:block !important;}
}

@media screen and (min-width:992px) {
    #oMenu .onav { bottom:-15px;}
    .onav > li { padding-bottom:16px;}
    .onav li.has-sub > a:after {content:''; position:absolute; top:50%; margin-top:-3px; display:block;right:13px;width:9px;height:6px; background:url(/js/menu/bg-menu3b.png)no-repeat center;}
    .onav > li:hover > a, .onav > li.active > a{ color:#f3891f;}
    .onav ul li:hover > a, .onav ul li.active > a{ background:#f3891f; color:#fff;}
    .onav ul li:hover > a:before, .onav ul li.active > a:before {background:#fff;}
}