header{
position:fixed !important;top:0;left:0;z-index:99999;width:100%
}
header .topbar{
background:#363636;height:40px;display:flex;align-items:center
}
header .topbar span,header .topbar a{
color:#cccccc;text-decoration:none;font-size:13px;font-weight:400
}
header .topbar a:hover{
color:var(--textThemeColor)
}
header .topbar .contact-header span{
margin-right:30px
}
header .topbar .account-header{
color:#ccc;text-align:right
}
header .topbar .account-header a{
margin-left:30px
}
header .midder-header{
height:60px;line-height:60px;display:flex;align-items:center
}
@media (min-width: 991px){
header .midder-header{
display:none
}

}
header .midder-header .logo{
display:block;text-align:center
}
/* Logo dạng chữ (khi chưa có ảnh logo) */
.header-logo-text{
display:inline-block;
color:#1a1a1a;
font-weight:700;
font-size:clamp(13px, 2.5vw, 16px);
line-height:1.3;
white-space:nowrap;
max-width:100%;
letter-spacing:0.02em
}
.header-menu #logo .header-logo-text{
color:#1a1a1a
}
@media (max-width: 991px){
.header-logo-text{
white-space:normal;
text-align:center;
font-size:14px;
max-width:180px
}
}

.header-menu{
background-color:var(--themeColor);
}
.header-menu .col-search-cart{
text-align:right;line-height:90px
}
.header-menu .col-search-cart .block-search{
display:inline-block;position:relative;margin-right:20px;z-index:9
}
.header-menu .col-search-cart .block-search>svg{
width:16px;height:16px;cursor:pointer
}
.header-menu .col-search-cart .block-search>svg path{
fill:#fff
}
.header-menu .col-search-cart .block-search .header-search-form:before{
content:"";position:absolute;top:20px;right:0;background:transparent;width:200px;height:14px
}
.header-menu .col-search-cart .block-search .header-search-form input{
outline:none;padding:0 35px 0 12px;border:2px solid #fff;line-height:30px;font-size:14px;background:transparent;border-radius:50px;max-width:170px;width:100%;color:#fff
}
.header-menu .col-search-cart .block-search .header-search-form button{
position:absolute;top:-6px;right:0;border:initial;height:41px;width:41px;background:transparent;outline:none;line-height:38px
}
.header-menu .col-search-cart .block-search .header-search-form button svg{
width:16px;height:16px;margin-top:-3px
}
.header-menu .col-search-cart .block-search .header-search-form button svg path{
fill:#ebebeb
}
.header-menu .col-search-cart .block-search:hover .header-search-form{
display:block
}
.header-menu .col-search-cart .block-cart{
display:inline-block
}
.header-menu .col-search-cart .block-cart a{
background-color:#a19fa0;padding:7px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:5px
}
@media (max-width: 991px){
.header-menu .col-search-cart .block-cart a{
font-size:10px;padding:7px 3px
}

}
.header-menu .col-search-cart .block-cart a:hover{
opacity:0.8
}
.header-menu .col-search-cart .block-cart .header-cart{
position:relative
}
.header-menu .col-search-cart .block-cart .header-cart img{
width:20px;height:20px;filter:brightness(0) invert(1)
}
.header-menu .col-search-cart .block-cart .header-cart .count_item_pr{
width:14px;height:14px;text-align:center;line-height:14px;position:absolute;top:-10px;right:-10px;background:#f4bd24;color:#fff;font-size:9px;border-radius:50%
}
.header-menu .header-nav ul{
padding:0;margin:0;list-style:none
}

@media (min-width: 991px){
.header-menu{
display:flex;align-items:center
}
.header-menu .header-nav>ul.item_big>li.nav-item{
display:inline-block;position:relative;padding:34px 0px
}
.header-menu .header-nav>ul.item_big>li.nav-item:first-child>a{
padding-left:0
}
.header-menu .header-nav>ul.item_big>li.nav-item>a{
display:block;text-align:left;padding:0px 5px;font-size:16px;position:relative;color:var(--textThemeColor);font-weight:700;text-transform:uppercase;font-family: var(--header-font); font-size: 12pt; font-weight: 600;
}
.header-menu .header-nav>ul.item_big>li.nav-item>a.caret-down:after{
content:"";position:relative;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--textThemeColor) transparent transparent transparent;display:inline-block;top:-2px;margin-left:2px;margin-top:-6px;transition:0.5s
}
.header-menu .header-nav>ul.item_big>li.nav-item:hover>a{
color:var(--textThemeHoverColor)
}
.header-menu .header-nav>ul.item_big>li.nav-item:hover>a.caret-down:after{
transform:rotate(180deg);border-color:var(--textThemeColor) transparent transparent transparent
}
.header-menu .header-nav>ul.item_big>li.nav-item:hover>ul{
overflow:visible;max-height:3000px;max-width:3000px;opacity:1;-webkit-transform:perspective(600px) rotateX(0deg);-moz-transform:perspective(600px) rotateX(0deg);-ms-transform:perspective(600px) rotateX(0deg);-o-transform:perspective(600px) rotateX(0deg);transform:perspective(600px) rotateX(0deg);-webkit-transition:-webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;-o-transition:-o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;transition:transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}
.header-menu .header-nav>ul.item_big>li.nav-item .fa-caret-down{
visibility:hidden;display:none
}
.header-menu .header-nav>ul.item_big>li.nav-item .item_small{
border-top:1px solid var(--mainColor);overflow:hidden;display:block;max-height:0px;max-width:0px;opacity:0;-webkit-transform:perspective(600px) rotateX(0deg);-moz-transform:perspective(600px) rotateX(0deg);-ms-transform:perspective(600px) rotateX(0deg);-o-transform:perspective(600px) rotateX(0deg);transform:perspective(600px) rotateX(0deg);-webkit-transition:-webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;-o-transition:-o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;transition:transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;position:absolute;top:90px;left:0px;width:250px;padding:0;background-color:var(--subColor);box-shadow:0 1px 2px 2px rgba(0,0,0,0.04);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;z-index:99
}
.header-menu .header-nav>ul.item_big>li.nav-item .item_small:before{
content:"";position:absolute;top:-14px;right:0;background:transparent;width:200px;height:14px
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul li{
float:none;padding:0 0
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul li:last-child>a{
border-bottom:0
}
.header-menu .header-nav>ul.item_big>li.nav-item ul.item_small li:hover>a{
color:var(--themeColor);text-decoration: none
}

	
.header-menu .header-nav>ul.item_big>li.nav-item>ul li:hover>ul{
display:block;position:absolute;width:250px;padding:0;background-color:var(--textThemeColor);z-index:99;box-shadow:0 1px 2px 2px rgba(0,0,0,0.04)
}

}
@media (min-width: 991px) and (max-width: 1199px) and (min-width: 992px){
.header-menu .header-nav>ul.item_big>li.nav-item>ul li:hover>ul{
position:relative;left:0;width:100%;padding-left:0;box-shadow:0 1px 2px 2px rgba(0,0,0,0.04)
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul li:hover>ul li a{
padding-left:25px
}

}
@media (min-width: 991px){
.header-menu .header-nav>ul.item_big>li.nav-item>ul li a{
font-weight:400;font-size:16px;line-height:24px;display:block;padding:8.5px 20px 8.5px 10px;color:var(--textThemeColor);position:relative;border-bottom:solid 1px #fff;text-align:left
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul li a.caret-down:before{
content:"";position:absolute;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--textThemeColor) transparent transparent transparent;display:inline-block;top:50%;left:100%;margin-left:-15px;margin-top:-2px;transition:0.5s;transform:rotate(270deg)
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul li ul{
display:none;left:220px;top:0px
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul>li{
color:var(--textThemeColor)
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul>li:hover>a{
color:var(--textThemeHoverColor)
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul>li:hover>a.caret-down:before{
border-color:#0089ff transparent transparent transparent
}
.header-menu .header-nav>ul.item_big>li.nav-item>ul>li ul li:hover>a{
color:#0089ff
}
.header-menu .header-nav>ul.item_big>li.active>a{
color:var(--themeActiveColor)
}
.header-menu .header-nav>ul.item_big>li.active>a span>i.icon-down{
border-color:var(--themeActiveColor) transparent transparent transparent
}
.header-menu .header-nav>ul.item_big>li.active>a.caret-down:after{
border-color:var(--themeActiveColor) transparent transparent transparent
}
.header-menu .header-nav ul li ul a.text2line:hover{
color:var(--textThemeHoverColor) !important;background:transparent !important
}
.header-menu .header-nav li li{
position:relative
}

}
@media (max-width: 991px){
.menu-bar{
position:absolute;top:-40px
}
.menu-bar svg{
width:16px;height:16px
}
.menu-bar svg path{
fill:#fff
}
.col-search-cart{
position:absolute;top:0px;right:15px;line-height:60px !important
}
.header-nav{
background-color:#000;height:100%;position:fixed;top:0 !important;left:0;z-index:99999;width:250px;transform:translateX(-100%);visibility:hidden;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:none;touch-action:manipulation
}
.header-nav.current{
visibility:visible;transform:translateX(0)
}
.header-nav .item_big{
overflow-y:auto;max-height:100vh;height:100vh
}
.header-nav .item_big .nav-item{
position:relative
}
.header-nav .item_big .nav-item a{
padding:0 10px !important;color:var(--textThemeColor);height:unset;line-height:45px;display:block;font-size:16px;text-transform:none;font-weight:600
}
.header-nav .item_big .nav-item .fa-caret-down{
visibility:visible;position:absolute;right:5px;top:0;width:30px;height:45px;line-height:45px;text-align:center;display:inline-block;border-color:var(--textThemeColor)
}
.header-nav .item_big .nav-item .fa-caret-down:before{
content:"";position:absolute;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--textThemeColor) transparent transparent transparent;display:inline-block;top:50%;transform:translateY(-50%);right:10px;transition:0.5s;margin-top:-3px
}
.header-nav .item_big .nav-item .item_small{
padding-left:10px
}
.header-nav .item_big .nav-item .item_small li{
position:relative
}
.header-nav .item_big .nav-item .item_small ul{
padding-left:10px
}
.header-nav .item_big .nav-item  ul.item_small li{
position:relative; font-weight: 400; font-size: 10pt;
}
.header-nav .item_big .nav-item  ul.item_small li a{
position:relative; font-weight: 400; font-size: 10pt;
	color: var(--textThemeColor);
}
 .header-nav .item_big .nav-item  ul.item_small li .fa-caret-down{
visibility:visible;position:absolute;right:5px;top:0;width:30px;height:35px;line-height:35px;text-align:center;display:inline-block
}
.header-nav .item_big .nav-item .item_small ul li .fa-caret-down:before{
content:"";position:absolute;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--textThemeColor) transparent transparent transparent;display:inline-block;top:50%;transform:translateY(-50%);right:10px;transition:0.5s;margin-top:-3px
}
.header-nav li>ul{
display:none
}
.header-nav li.current>a{
color:var(--themeColor) !important
	
}
.header-nav li.current>ul{
display:block
}
.header-nav li.current .fa.current{
transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-os-transform:rotate(180deg);transition:all 0.5s;margin-top:0px;color:#3ba66b
}
.header-nav li.current .fa.current:before{
border-color:var(--mainColor) transparent transparent transparent
}
.opacity_menu{
background:rgba(0,0,0,0.8);position:fixed;top:0 !important;left:0;height:100%;width:100%;z-index:99999;display:none
}
.opacity_menu.current{
display:block
}

}
@media (max-width: 991px) and (min-width: 767px){
header .topbar .contact-header span{
margin-right:10px
}
header .topbar .account-header a{
margin-left:10px
}
.footer .mid-footer .col-footer{
margin-bottom:20px
}

}
.midder-header{
background-color:#000
}
.midder-header #logo_mob{
position:relative;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;margin-right:auto;max-height:100%;padding:0px !important;justify-content:center
}
.midder-header #logo_mob a{
display:-ms-flexbox;display:flex;font-size:15px !important
}
.midder-header #logo_mob a .text-white{
color:var(--textThemeColor) !important;font-weight:700
}
.midder-header #logo_mob a img{
height:50px !important;margin-top:4.5px;margin-bottom:4.5px;width:auto
}
@media (max-width: 767px){
header .topbar .account-header{
text-align:center
}
header .topbar .account-header a{
margin-left:initial;padding:0 4px
}
header .topbar span,header .topbar a{
font-size:12px
}
header .topbar .contact-header span{
margin-right:0
}
header .midder-header #logo_mob{
position:relative;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;margin-right:auto;max-height:100%;padding:0px !important;justify-content:center
}
header .midder-header #logo_mob a{
display:-ms-flexbox;display:flex;font-size:15px !important
}
header .midder-header #logo_mob a .text-white{
color:var(--textThemeColor) !important;font-weight:700
}
header .midder-header #logo_mob a img{
height:50px !important;margin-top:4.5px;margin-bottom:4.5px;width:auto
}
.header-menu .col-search-cart{
padding-right:0;max-width:85px
}
.header-menu .col-search-cart .block-search{
margin-right:5px
	}
}