/* icon menu */
.hamburger2 { display: flex; align-self: center; flex-direction: column; justify-content: space-between; width: 36px; height: 25px; cursor: pointer; border: 3px solid var(--color-sub); border-radius: 5px; padding: 5px 1px; }
.hamburger2 span { height: 2px; border-radius: 10px; width: 83.33333333%; background: #FCF6E3; transition: all 400ms ease-in-out; }
.hamburger2 .meat { width: 100%; transition: all 200ms ease-in-out; }
.hamburger .bottom-bun { width: 58.33333333%; transition: all 100ms ease-in-out; }
.hamburger2 .top-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; }
.hamburger2 .meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; }
.hamburger2 .bottom-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms; }
@-webkit-keyframes burger-hover {
0% { width: 100%; }
50% { width: 50%; }
100% { width: 100%; }
}
@keyframes burger-hover {
0% { width: 100%; }
50% { width: 50%; }
100% { width: 100%; }
}
/* menu phu */
.menu-phu { width: 375px; height: 100%; position: fixed; top: 0; left: 0; background: #00628f29; z-index: 1000; transition: all .8s; transform: translateX(-100%); }
.pd-all { padding: 30px 15px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.border-menu { padding: 0 5px; border-radius: 8px; }
.title-menu-phu { text-align: center; text-transform: uppercase; margin-bottom: 25px; color: #FFF6D4; text-shadow: 1px -2px 0px #00472D; font-family: 'ibl'; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; }
.close-menu { position: absolute; top: 6px; right: 10px; filter: invert(1); }
.close-menu:hover span { color: #EC2D3F; cursor: pointer; }
.btn-close { color: #000; font-size: 17px; }
.menu-phu.active { transform: translateX(0); transition: .8s; }
.contact-menu { width: 100%; text-align: left; padding: 10px 20px; color: #fff; }
.bg-menu { content: ''; position: fixed; width: 100%; height: 100%; background: #00000099; opacity: 0; top: 0; z-index: 1000; pointer-events: none; }
.bg-menu.act { right: 0; transition: 1s; opacity: .85; pointer-events: unset; }
.btn-cus { cursor: pointer; }
.btn-cus { display: inline-flex; position: relative; z-index: 20; align-items: center; justify-content: center; margin-bottom: 0; flex-direction: column; color: #FFF; text-align: right; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; width: 65px; height: 56px; border: 1px solid #FFFFFF; }
.btn-cus:after { }
.btn-cus i { margin-right: 5px; }
.btn-cus:hover { color: var(--color-main); text-decoration: none; }
.title-loadpage span { font-size: 30px; color: #FBF1E0; text-transform: uppercase; }
.header .wrap-content { padding: 0; }
.header.fix2 { position: sticky; background: #151515; box-shadow: 0 0 5px #3c3c3c; }
.box-btn { position: relative; z-index: 999; display: flex; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.box-btn .search-res { }
.bodyfix { overflow-y: hidden; position: relative; }
.desc-side-menu { color: var(--Ni-dung, #555); font-size: 15px; font-style: normal; font-weight: 400; line-height: 28px; }
.box-gr-menu { margin-bottom: 40px; }
.info-header { margin-bottom: 2px; display: flex; gap: 8px; }
p.info-header svg { width: 16px; fill: #fff; }
.social-footer { margin-top: 12px; justify-content: center; gap: 8px; margin-bottom: 18px; }
/* menu */
.menu_child { list-style: none; text-align: left; }
.menu_child { overflow-y: overlay; white-space: nowrap; padding: 0px 0 0 30px; height: 308px; direction: rtl; margin: 0; scrollbar-gutter: stable; }
.menu_child::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 50px; }
.menu_child::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; direction: ltr; }
.menu_child::-webkit-scrollbar-thumb { background-color: var(--color-main); }
.menu_child li { margin-bottom: 12px; padding-right: 20px; }
.menu_child li { position: relative; overflow: hidden; }
.list-ul { padding-left: 20px; padding-top: 7px; }
.list-ul li { margin-bottom: 5px; }
.list-ul li:last-child { margin-bottom: 0; }
.menu_child .list-ul li a { font-size: 16px; text-transform: capitalize; }
.menu_child li:hover i { transform: translate(0px, -50%); }
.menu_child li.active i { transform: translate(0px, -50%); }
.menu_child li i { position: absolute; top: 50%; transform: translateY(-50%) translateX(15px); color: #fff; right: 0; font-size: 16px; transition: .4s all; }
.menu_child li a { color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; }
.menu_child li a:hover, .menu_child li a.active { color: #89c5ff; }
/* menu number */
#myMenu { position: fixed; right: 30px; z-index: 10; top: 50%; margin-bottom: 0; list-style: none; padding: 0; transform: translateY(-50%); }
ul#myMenu li { margin-bottom: 10px; }
ul#myMenu li.active { border-bottom: 2px solid #89c5ff; }
ul#myMenu li.active a { color: #89c5ff; }
ul#myMenu li a { font-size: 18px; color: #ccc; text-shadow: 0 0 1px #89c5ff; font-weight: 700; }
.menu_wrapper { direction: rtl; }
.logo-center { text-align: center; margin-bottom: 20px; }
/*  */
.btn-toggle-submenu { background: none; border: none; cursor: pointer; font-size: 14px; position: absolute; right: 10px; top: 3px; color: #fff; }