﻿.menu-sub, .menu-sub .item-sub, .menu-sub .item-sub:hover,
.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 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; /*margin-left:-15px;*/ position:relative;}
.onav li {border:0; display:block;}
.onav > li {/* float:left;padding:7px 15px;*/ display:inline-block; margin-right:-4px; background:url(/js/menu/bg-menu.jpg)no-repeat right center;}
.onav > li:last-child {background:none;}
.onav > li > a {text-transform:uppercase;font-weight:bold; padding:7px 15px;font-size:15px; line-height:34px;}
.onav > li:first-child > a {border-right:none;}
.onav ul{position:absolute;top:100%; left:-9999px; width:240px;z-index:10;background:#fff; text-align:left;-webkit-box-shadow:0 1px 2px #d9dadb;box-shadow:0 1px 2px #d9dadb;}
.onav ul li{height:0; border-bottom:1px dotted #ccc;}
.onav ul li:last-child {border-bottom:0}
.onav ul li a{padding:10px 15px; /*color:#444;*/}
.onav ul ul{margin-left:100%;top:0; border-top:1px solid #d9dadb;}
.onav ul ul li {border-left:1px dotted #ccc;}

.onav li:hover > ul{left:auto}
.onav li:hover > ul > li{height:38px}
.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;*/
          position: fixed !important;top:0; bottom:inherit !important;background:#fff !important;
}

/*============================================================================*/
#oMenu {position:absolute; width:100%; bottom:0; z-index:9; background:rgba(255, 255, 255,0.75);}

@media screen and (max-width:767px) {
   .btnMenu.menu-opened:after, .btnMenu.menu-opened:before{top:17px !important;}
    .btnMenu{left:15px !important;height:36px !important;bottom:6px !important; top:auto !important;}
    .btnMenu:after{top:18px !important;}
    .btnMenu:before{top:11px !important;}

    #oMenu .onav{left:15px !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}*/
    .onav {position:absolute;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:46px;height:44px;position:absolute;right:15px;top:-80px;cursor:pointer;z-index:14;background:rgba(0,0,0,0.25)}
    .btnMenu:after{position:absolute;top:21px;right:13px;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:15px;right:13px;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:23px;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:23px;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%}
    .header-mobile ul,
    #oMenu ul{width:100%;display:none;left:0; z-index:999;}
    .onav > li {background:none; padding:0 !important}
    .onav > li > a {padding:0 20px}
    .header-mobile ul li,
    .header-mobile ul li{width:100%;border-top:1px solid #ddd}
    .header-mobile ul li:hover,
    .header-mobile ul li:hover{background:#FFF}
    .header-mobile ul ul li,
    .header-mobile ul ul li, .header-mobile li:hover > ul > li{height:auto}
    .header-mobile ul li a, .header-mobile ul ul li a{width:100%;border-bottom:0;color:#333; line-height:38px;border-left:none;}
    .header-mobile ul.onav > li{float:none;text-align:left; position:relative;}
    .header-mobile ul.onav > li > a {background:url(/images/bg/bg-link.png)no-repeat 10px;}
    .header-mobile ul ul li a{padding:0 15px 0 30px;background:none;}
    .header-mobile ul ul li a:before { content:""; position:absolute; width:4px; height:4px; background:#555; left:20px; top:16px;}
    .header-mobile ul ul li{background:#FFF; border-bottom:none;}
    .header-mobile ul ul li:hover{background:#FFF}
    .header-mobile ul ul ul li a{padding-left:35px}
    .header-mobile ul ul li:hover > a,.header-mobile ul ul li.active > a{color:#fff}
    .header-mobile ul ul,.header-mobile ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    .header-mobile ul.onav > li.has-sub > a:after,.header-mobile ul.onav > li.has-sub > a:before,.header-mobile ul ul > li.has-sub > a:after,.header-mobile ul ul > li.has-sub > a:before{display:none}
    .header-mobile .submenu-btn{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #ddd;height:38px;width:40px;cursor:pointer}
    .header-mobile .submenu-btn.submenu-opened{background:#555}
    .header-mobile ul ul .submenu-btn{height:34px;width:34px}
    .header-mobile .submenu-btn:after{position:absolute;top:19px;right:14px;width:10px;height:2px;display:block;background:#ccc;content:''}
    .header-mobile ul ul .submenu-btn:after{top:15px;right:13px}
    .header-mobile .submenu-btn.submenu-opened:after{background:#fff}
    .header-mobile .submenu-btn:before{position:absolute;top:15px;right:18px;display:block;width:2px;height:10px;background:#ccc;content:''}
    .header-mobile ul ul .submenu-btn:before{top:12px;right:16px}
    .header-mobile .submenu-btn.submenu-opened:before{display:none}
    .header-mobile ul ul ul li.active a{border-left:none}
    .header-mobile ul.onav > li.has-sub > ul > li.active > a,.header-mobile ul.onav ul > li.has-sub > ul > li.active > a{border-top:none}
    .header-mobile ul.onav li:hover > a, .onav li.active > a{ color:#c81926 !important;}

    .header-mobile .onav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #f9f9f9;}
    .header-mobile .onav::-webkit-scrollbar {width:6px;background-color: #f9f9f9; display:none;}
    .header-mobile .onav::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#ba281f;}
    .header-mobile .onav:hover::-webkit-scrollbar {display:block !important;}
}

@media screen and (min-width:992px) {
    .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-menu3.png)no-repeat center;}
    .onav > li:hover > a, .onav > li.active > a{}
    .onav ul li:hover > a, .onav ul li.active > a{}
}

.onav > li:hover .menu-sub {opacity:1 !important; height:auto !important;overflow:auto !important;}
.sticked, .item-sub:hover, .sticky,
.menu-sub {-webkit-box-shadow:0 1px 2px #d9dadb;-moz-box-shadow:0 1px 2px #d9dadb;box-shadow:0 1px 2px #d9dadb;}
.menu-sub {position:absolute; top:100%;left:0; margin:auto; opacity:0;height:0; overflow:hidden;}
.menu-sub .owl-stage-outer { background:#fff;}
.item-sub {padding:15px;}
.item-sub:hover {background:rgba(30, 115, 190,.75)}
.item-sub:hover a {color:#fff;}
.item-sub a {display:block;}
.item-sub a span {display:block; height:120px;width:100%;position:relative; overflow:hidden;}
.item-sub strong {display:block; padding-top:10px;}

.sticky {position: fixed !important;top: 0;width: 100%;z-index:9999;bottom:inherit !important;background:#fff !important;}
.sticky + .fixed_padding {height:45px;}