nav.menu_top > ul > li > a,
nav.menu_top > ul > li ul li a,
nav.menu_top > ul > li ul li,
nav.menu_top > ul > li,
nav.menu_top > ul > li > a{
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear;
}
nav.menu_top > ul > li:last-child a{border-right:0;}
.menubar{
    width: 100%;
}
.menubar .container{display:table;}
nav.menu_top{
    width: 100%;
    background: transparent;
}
nav.menu_top > ul{
    /* width: 67%; */
    display: flex;
    position: relative;
    justify-content: center;
    float: left;
}
nav.menu_top > ul > li  a{
    text-transform: uppercase;
    padding: 0 17px;
    color: #000;
    text-align: center;
    font-size: 15px;
    font-family: 'RobotoRegular';
    width: 100%;
    float: left;
    font-weight:  100;
    position:  relative;
    transition: 0.5s all;
    line-height: 1;
    z-index: 2;
}
nav.menu_top > ul > li.active > a, nav.menu_top > ul > li:hover > a{color: #ffffff;}
nav.menu_top > ul > li:hover:last-child:before{background:none;
}
/* nav.menu_top > ul > li.active:after, nav.menu_top > ul > li:hover:after{position: absolute;content: '';width: 100%;height: 1px;bottom: 5px;left: 50%;transform: translateX(-50%);} */
nav.menu_top > ul > li.active > a, nav.menu_top > ul > li:hover > a{}
nav.menu_top > ul > li.lang {display: flex;}
nav.menu_top > ul > li.lang span{margin: 5px 0 0 0;padding: 0 5px;}
nav.menu_top > ul > li{
    position: relative;
    padding: 15px 0;
}
nav.menu_top > ul > li:hover,nav.menu_top > ul > li.active{background:#000}
nav.menu_top > ul > li > ul > li:hover>a,nav.menu_top > ul > li > ul > li > ul > li:hover>a,nav.menu_top > ul > li > ul > li > ul > li > ul > li:hover>a{
    background: #c50000;
    color: #ffffff;
}
nav.menu_top > ul > li > ul > li:hover{background:#ccc;}
/*=============== Dropdown ===================*/
nav.menu_top > ul > li ul{
    visibility:hidden;
    list-style:outside none none;
    margin:0;
    min-width: 225px;
    padding:0;
    position:absolute;
    z-index: 999;
    top: 100%;
    left: 0;
}
nav.menu_top > ul > li:hover > ul,
nav.menu_top > ul > li ul li:hover > ul{visibility:visible}
nav.menu_top > ul > li ul li{
    display:table;
    padding:0;
    width:100%;
    opacity:0;
    z-index: 999;
    position:relative;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
}
nav.menu_top > ul li:hover > ul > li,
nav.menu_top > ul > li ul li:hover > ul li{
    opacity:1;    
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
nav.menu_top > ul > li ul li a{
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 1.5;
    letter-spacing: 0.6px;
    margin: 0px;
    font-family: RobotoBold;
    text-align: left;
    width: 100%;
    font-weight:  100;
    background: #000000;
    text-transform: none;
    padding: 8px 10px;
    text-transform: capitalize;
    border-right: 0;
}
/*nav.menu_top > ul > li ul li:nth-child(2n+2) a{background:#307509}*/
nav.menu_top > ul > li:hover ul li{color: #fff;}
nav.menu_top > ul > li a i{
    margin-top: 3px;
}
nav.menu_top > ul > li ul ul{
    left:100%;
    top:0;
    -webkit-transform: skew(0deg);
}
div#box-danhmuc{
    width: 290px;
    float: left;
    position: relative;
    box-sizing: border-box;
    margin-right: 0;
 }
div#box-danhmuc .tieude-dm{
    font-family: 'RobotoBold';
    display: block;
    width: 100%;
    line-height: 45px;
    color: #fefefe;
    font-size: 18px;
    background: #e52e2e url(icon-danhmuc.png) no-repeat 21px center;
    cursor: pointer;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: 67px;
 }
div#box-danhmuc .bix-l-khac{
    float:none;
    position:absolute;
    top: 45px;
    left:0px;
    opacity:0;
    z-index:-1;
    transition:0.6s;
    height:0px;
    overflow:hidden;
    width:100%;
    }
div#box-danhmuc:hover .bix-l-khac{
    opacity:1;
    z-index:99;
    height:auto;
    overflow:inherit;
    }
div#box-danhmuc .bix-l-khac ul{
    width:100%;
    }
div.slider-r{
    width: 910px;
    float: right;
    }
.bix-l{
    width: 290px;
    float: left;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #ccc;
 }
.bix-l ul{
    height: 368px;
    overflow-y: scroll;
    width:100%;
    background:none !important;
    margin-left:0px !important;
    padding: 0;
    margin: 0;
    }
.bix-l ul::-webkit-scrollbar {width: 5px;}
.bix-l ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.bix-l ul::-webkit-scrollbar-thumb{background-color: #f74e02;outline: 1px solid slategrey;}

.bix-l ul li{
    list-style:none;
    background:url(images/muiten.png) no-repeat 13px center !important;
    width:100% !important;
    border-bottom:0px !important;
    }
.bix-l ul li b {
    width: 43px;
    display: inline-block;
    padding-left: 10px;
    padding-top: 4px;
}
.bix-l ul li b img {
    max-width: 24px !important;
    display: inline-block;
    vertical-align: top;
}
.bix-l ul li a{
    color: #000 !important;
    padding: 10px 0px 10px 39px !important;
    text-decoration: none;
    display: block;
    font-family: 'RobotoRegular' !important;
    font-size: 15px !important;
    border-bottom: 1px solid #dddddd;
    line-height:25px;
    text-transform: uppercase !important;
    background: url(muiten-mn.png) no-repeat 20px center;
 }
.bix-l ul li a:hover{
    color:#d60c0c !important;
    }
.bix-l ul li ul{
    position:absolute;
    width:240px;
    opacity:0;
    z-index:-1;
    left:100%;
    top:0px;
    transition:0.4s;
    background: #fff !important;
    width:100%;
    height:auto;
    overflow:initial;
    }
.bix-l ul li{
    float:none !important;
    position:initial !important;
    }
.bix-l ul li ul li a{
    padding: 10px 0px 10px 32px !important;
    }
.bix-l ul li.cap1:hover ul.ul_cap2{
    opacity:1;
    left:98%;
    z-index:5;
    }
    
    
.bix-l ul li ul li ul{
    position:absolute;
    width:240px;
    opacity:0;
    z-index:-1;
    left:100%;
    top:0px;
    transition:0.4s;
    background:#eeeeee !important;
    width:100%;
    height:auto;
    }
.bix-l ul li ul li{
    float:none !important;
    position:relative !important;
    }
.bix-l ul li ul li ul li a{
    padding: 12px 0px 12px 32px !important;
    }
.bix-l ul li ul li.cap2:hover ul.ul_cap3{
    opacity:1;
    left:100% !important;
    z-index:5;
    }