/*menu doc*/
/*****************/
.danhmuc_sanpham_menu .tv_mega_menu_wrap{position:absolute;display:none;width:100%;background:#fff}
.danhmuc_sanpham_menu.open_mega_menu .tv_mega_menu_wrap{display:block}
.tv_mega_menu_wrap{border:1px solid #ddd;border-top:0;position:relative;z-index:99}
/*****************/
.danhmuc_sanpham_menu:hover .title-sidebar{cursor:pointer;/*background-color:#8ce30d;*/}
.title-sidebar-footer{font-size:15px;font-weight:400;text-transform:uppercase;color:#fff;margin:0 0 10px;line-height:25px}
.title-sidebar{height:40px;color:#fff;font-weight:400;line-height:40px;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;position:relative}
.title-sidebar:before{font-family: "FontAwesome";
    content: "\f0c9";
    font-size: 24px;
    float: left;
    padding-right: 10px;}
.title-sidebar .fa{font-size:24px;height:100%;width:35px;text-align:center;line-height:40px;float:left}
.block-sidebar .title-sidebar{background:#0e281f;color:#000;border-bottom:1px solid #ddd;font-size:15px;color:#c5a659;font-size:12px;font-weight:700;line-height:35px;padding-left:10px;text-transform:uppercase;height:35px}
/*****************/
.danhmuc_sanpham_menu{float:left;position:relative;width:273px;margin-right:15px}
.sidebar_to_menu .danhmuc_sanpham_menu{display:block}
@media (max-width:1199px){
.danhmuc_sanpham_menu{width:225px}
}
@media (max-width:991px){.danhmuc_sanpham_menu{width:169px}
}
@media (min-width:768px){
.menuStick.sidebar_to_menu .danhmuc_sanpham_menu{display:block}
}
/****************/
.menu_doc_style{margin:0;padding:0;list-style:none;position:relative}
.menu_doc_style li{padding:0;margin:0;position:relative}
.menu_doc_style>li>a {color: #000;}
.menu_doc_style>li>a{display:block;padding:7px 10px;text-decoration:none;position:relative;}
.menu_doc_style>li>a:hover,.menu_doc_style>li>a:focus{color:#c5a659}
/*.menu_doc_style>li>a:not(.menu-image-title-after){padding:10px}*/
/*.menu_doc_style>li>a img{height:24px;width:auto;min-width:50px;object-fit:contain}
.menu-image-title-after.menu-image-title{padding-left:0!important}*/
.menu_doc_style>li~li>a{border-top:1px solid #ddd}
.menu_doc_style>li ul.sub-menu{position:absolute;left:100%;top:0;background:#fff;width:250px;list-style:none;padding:0;margin:0;visibility:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.45s ease-out 0s;-moz-transition:all 0.45s ease-out 0s;-o-transition:all 0.45s ease-out 0s;transition:all 0.45s ease-out 0s;-moz-transform:translate(50px,0);-webkit-transform:translate(50px,0);transform:translate(50px,0);border:1px solid #ccc;border-left:5px solid #c5a659}
.menu_doc_style li:hover>ul.sub-menu{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .4 0.5s ease-out 0s;-moz-transition:all .4 0.5s ease-out 0s;-o-transition:all .4 0.5s ease-out 0s;transition:all .4 0.5s ease-out 0s;visibility:visible;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s}
.menu_doc_style>li>ul.sub-menu li a{display:block;padding:7px 10px;text-decoration:none;color:#333;}
.menu_doc_style>li>ul.sub-menu li:hover a{color:#fff;background:#c5a659}
.menu_doc_style>li>.sub-menu >li~li >a{border-top:1px solid #ddd}
.menu_doc_style li.mega-menu{position:unset;padding:0!important}
.menu_doc_style li.mega-menu>ul.sub-menu{top:0;min-height:100%;width:867px;align-content:space-between;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}
.menu_doc_style>li.mega-menu>ul.sub-menu>li{padding:10px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}
.menu_doc_style>li.mega-menu.menu-col-3>ul.sub-menu>li{max-width:33.333%;-ms-flex-preferred-size:33.333%;flex-basis:33.333%}
.menu_doc_style>li.mega-menu.menu-col-2>ul.sub-menu>li{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.menu_doc_style>li.mega-menu.menu-col-5>ul.sub-menu>li{max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}
.menu_doc_style>li.mega-menu.menu-col-6>ul.sub-menu>li{max-width:16.6667%;-ms-flex-preferred-size:16.6667%;flex-basis:16.6667%}
.menu_doc_style li.mega-menu>ul.sub-menu>li ul.sub-menu{position:relative;left:inherit;top:inherit;opacity:1;visibility:visible;transform:inherit;border:0;width:auto;background:transparent}
.menu_doc_style li.mega-menu>ul.sub-menu>li>a{display:block;font-weight:700;padding-bottom:3px}
.menu_doc_style li.mega-menu>ul.sub-menu>li ul.sub-menu li a{padding:5px 10px}
.menu_doc_style li.mega-menu>ul.sub-menu>li:nth-child(2n){background:#fbfbfb}
.menu_doc_style li.mega-menu>ul.sub-menu span.menu-image-title{padding:0}
.menu_doc_style>li.mega-menu>ul.sub-menu>li{display:none}
.menu_doc_style>li.mega-menu:hover>ul.sub-menu>li{display:block}
@media (max-width:1199px){
.menu_doc_style li.mega-menu>ul.sub-menu{width:717px}
}
@media (max-width:991px){.menu_doc_style li.mega-menu>ul.sub-menu{width:552px}
.menu_doc_style>li>a img{padding-right:5px!important;float:left}
.menu_doc_style>li>a span{overflow:hidden;padding:0!important}
}
@media (max-width:767px){
.menu_doc_style li>ul.sub-menu{position:relative;left:0;top:0;width:100%;visibility:visible;opacity:1;border-left:1px solid #ddd;border-top:2px solid #0e281f;transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);background:#fff!important;padding:0;display:none!important}
.menu_doc_style li.open_sub_megamenu >ul.sub-menu{display:block!important}
.menu_doc_style li{position:relative!important}
.menu_doc_style li.mega-menu >ul.sub-menu{width:100%;z-index:5}
.menu_doc_style li.mega-menu >ul.sub-menu>li{display:block!important;padding:0;width:100%;max-width:100%!important}
.menu_doc_style li.mega-menu >ul.sub-menu >li >a{padding:7px 10px}
.menu_doc_style >li >.sub-menu li:before {
    content: "-";
    position: absolute;
    top: 5px;
    left: 2px;
    font-weight: 550;
}
.danhmuc_sanpham_menu .tv_mega_menu_wrap {
    width: 100%;
    top: 100%;
    left: 0;
    padding: 0 15px;
}
}
.click_open_sub_megamenu:before{font-family: "FontAwesome";
    position: absolute;
    content: "\f101";
    right: 10px;
    top: 8px;
    bottom: 0;
    font-style: initial;}
/** end menu doc **/
/** menu ngang **/
.button_open_menu, .menu_header_danhmuc {
    display: none;
}
.menu_header_wrap{background:#0e281f;position:relative;z-index:99999}
.sidebar_to_menu .menu_header {
	margin-top: 25px;
    margin-left: 30px;
    float: left;
}
.menu_header{z-index:2;position:relative}
.menu_header ul{margin:0;padding:0;list-style:none}
.menu_header>ul>li{float:left;margin:0;padding:0;list-style:none;position:relative;line-height:40px;vertical-align:middle}
.click_opensub_menu {
    position: absolute;
    right: 0px;
    top: 12px;
}
.menu_header>ul>li>a{text-transform: uppercase;
    font-size: 15px;
    padding: 0 8px;
    color: #464646;
    text-decoration: none;
    font-weight: 550;
    display: block;
    vertical-align: middle;
    line-height: 40px;}
.menu_header >ul >.menu-item-has-children >a {
    padding-right: 20px;
}
.menu_header>ul>li.current-menu-item>a,.menu_header>ul>li.current-menu-ancestor>a,.menu_header>ul>li.current_page_item>a,.menu_header>ul>li.current_page_ancestor>a,.menu_header>ul>li:hover>a,.menu_header>ul>li:focus>a,.current-menu-item{color:#464646;background:#0496fd;}
.menu_header>ul>li ul{display:block;position:absolute;left:0;top:110%;z-index:993;width:230px;background-color:#FFF;border:1px solid #eae9e9;visibility:hidden;opacity:0;transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;border-top:2px solid #f69419}
.menu_header>ul>li ul li{position:relative;float:none;list-style:none}
.menu_header>ul>li ul.sub-menu li{margin:0;padding:0}
.menu_header>ul>li ul li a{line-height:23px;border-bottom:1px solid #eae9e9;display:block;padding:7px 15px;color:#0e281f;text-decoration:none}
.menu_header>ul>li ul li:hover>a,.menu_header>ul>li ul li:focus>a{background-color:#0496fd;color:#464646;text-decoration:none}
.menu_header>ul>li ul ul{top:15px;left:-100%;left:calc(-100% - 3px)}
.tv_desktop .menu_header li:hover>ul,.tv_desktop .menu_header li:focus>ul,.menu_header li.mobile_open_sub>ul{visibility:visible;opacity:1;top:100%;transition:all ease-in-out .3s}
.tv_desktop .menu_header li:hover>ul ul,.tv_desktop .menu_header li:focus>ul ul,.menu_header li.mobile_open_sub>ul ul{top:0}
.menu_header>ul>li ul>li:hover>ul,.menu_header>ul>li ul>li:focus>ul{top:-1px}
.click_opensub_menu:before{font-family: "FontAwesome";position: absolute;
    content: "\f103";
    right: 7px;
    color: #464646;
    font-weight: 500;
    font-style: initial;}
.over_wrap,.button_menu{display:none}
.stickOnlynav .menu_header_wrap{position:fixed;top:0;left:0;width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}
.menu_only_stick.admin-bar.stickOnlynav .menu_header_wrap{top:31px}
.menu_only_stick.stickOnlynav .header{padding-bottom:40px}
@media (min-width: 768px){
.menu_header{display:block!important}
}
.open_over_play .box_overlay{display:block}
.open_over_play .cart_header{z-index:9}
.box_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 99;
    display: none;
}
/** end menu ngang **/