/* Transition All */
.control-owl button, .carousel-comment-media .carousel-control a span, .scale-img img, .scale-img:hover > img, .btn-frame .kenit-alo-circle-fill, .support-online .kenit-alo-circle-fill { -webkit-transition: 0.3s all; transition: 0.3s all; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.scale-img:hover > img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

/* WRAP MENU 
.flex_menu { display: flex; justify-content: center; align-items: center; position: relative; background: var(--c1); height: 100%; }
ul.menu-main li { z-index: 1; position: relative; line-height: 40px; white-space: nowrap; display: block; }
ul.menu-main { padding: 0 10px !important; margin: 0; list-style: none; display: flex; justify-content: space-between; align-items: center; width: auto; }
ul.menu-main li.linemenu { width: 1px; height: 20px; background: white; margin: 0 10px; max-width: 1px; }
ul.menu-main li a { color: white; font-family: "font1"; font-weight: bold; font-size: 16px; display: inline-block; padding: 10px 0; }
ul.menu-main li a.active, ul.menu-main li a:hover { color: var(--c3); transition: all 0.2s linear; }*/

/* WRAP DANH MUC LEFT */
.navigation-outer { display: none; }
div.box_run_cap1 { background: var(--c2); position: fixed; left: 0; z-index: 999; width: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 100%; display: none; }
div.box_run_cap1 .img_tt { width: 100%; display: block; height: 50px; padding: 0; position: relative; transition: 0.7s; text-align: center; display: flex; justify-content: center; align-items: center; }
div.box_run_cap1 .img_tt:hover, div.box_run_cap1 .active { background: var(--c1); }
div.box_run_cap1 .img_tt img { }
div.box_run_cap1 .img_tt:hover img, div.box_run_cap1 .active img { -webkit-filter: none; filter: none; }
div.box_run_cap1 .img_tt span { position: absolute; left: -200px; display: block; top: 50%; background: var(--c2); color: #fff; white-space: nowrap; padding: 3px 10px; border-radius: 6px; transition: 0.7s; opacity: 0; z-index: 2; transform: translateY(-50%); }
div.box_run_cap1 .img_tt span:before { content: ""; display: block; width: 0; border: solid 5px transparent; border-right-color: var(--c2); position: absolute; left: -8px; top: 8px; }
div.box_run_cap1 .img_tt span:after { content: ""; display: block; width: 0; border: solid 5px transparent; border-right-color: var(--c2); position: absolute; left: -8px; top: 8px; }
div.box_run_cap1 .img_tt:hover span { opacity: 1; left: 55px; background: #bf0000; }
div.box_run_cap1 .img_tt:hover, div.box_run_cap1 .active { background: var(--c1); }
.flex_bottomheader { display: flex; justify-content: space-between; padding: 10px 10px; }
.gr_dmstatic { display: flex; justify-content: space-between; align-items: center; width: 180px; gap: 20px; }
.img_statics { width: 40px; display: flex; background: var(--c1); padding: 2px; border-radius: 5px; justify-content: center; align-items: center; }
.left_hdlogom { display: flex; align-items: center; justify-content: space-between; gap: 0 2rem; width: 100%; }
.header_logo { max-width: 120px; }
.banner_logo { width: calc(100% - 450px); text-align: center; }
.banner_logo img { max-height: 110px; }
.hotlineheader { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: #e9eff7; padding: 8px 12px; border-radius: 10px; border: 2px solid var(--c1); }
.grtxthotline { font-size: 16px; color: var(--c1); font-weight: 500; text-transform: capitalize; }
.hotlineheader img { filter: brightness(0) saturate(100%) invert(24%) sepia(70%) saturate(5890%) hue-rotate(200deg) brightness(100%) contrast(101%); }
.hotlineheader:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(7492%) hue-rotate(183deg) brightness(112%) contrast(112%); }
.hotlineheader:hover .grtxthotline { color: #fff; }
.gr_danhmucstatic { flex: 1; margin-left: 20px; }
.gr_danhmucstatic { flex: 1; margin-left: 20px; display: flex; justify-content: flex-end; align-items: center; gap: 30px; display: none; }
.name_static { font-size: 18px; font-weight: bold; color: var(--c1); margin-bottom: 3px; font-family: "font1"; }
.desc_static { font-size: 16px; font-weight: bold; font-family: "font1"; color: black; }
.hotlineheader:hover { background: var(--c2); transition: all 0.2s linear; }
.gr_dmstatic:hover .name_static { color: var(--c2); transition: all 0.2s linear; }
.wrap_bottomheader { position: relative; padding: 0; }

/* WRAP BANNER */
.wrap_banner { padding: 20px 0; }
.gr_banner { border-radius: 10px; overflow: hidden; }

/* WRAP PRODUCT SALE AND NEW */
.flex_prokmm { display: flex; justify-content: space-between; position: relative; }
.left_kmmoi {    /* width: 75%; */
width: 100%; background: white; }
.right_tintuc { width: 24%; }
.gr_titlespkmm { display: flex; width: 100%; justify-content: flex-start; align-items: center; background: var(--c1); height: 40px; }
a.item_pro_sale { height: 100%; display: flex; align-items: center; padding: 0 15px; color: white; font-size: 15px; font-family: "font1"; font-weight: bold; cursor: pointer; }
a.item_pro_sale.active { background: var(--c2); transition: all 0.2s linear; }
.grid_productkm { display: flex; justify-content: space-between; }
.left_productkm { width: 50%; }
.right_prokmai { width: 50%; margin-right: -1px; }

/* WRAP TIN TUC */
.title_tintuc { height: 40px; text-align: center; background: var(--c1); display: flex; align-items: center; font-size: 15px; color: white; font-family: "font1"; font-weight: bold; justify-content: flex-start; padding-left: 20px; }
.flex_productl { display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #00000087; max-height: 68.8px; }
.grname_productl { padding: 14.5px 10px 40px; }
.hang_sx { font-size: 14px; font-family: "font1"; color: black; font-weight: bold; display: none; }
.gr_nameproductlkm { padding: 20px 0; }
.name_lkmsp { font-size: 14px; font-weight: bold; font-family: "font1"; text-transform: uppercase; color: black; height: 42px; }
.bd_pro { position: relative; border: 1px solid #e1dede;    /* border-left: 0;

                    border-top: 0; */ background: #fff; padding: 5px; }
  .gr_productl.bd_pro.rightprosales .grname_productl { padding: 5px 5px; }
  span.price-anew { font-size: 16px; font-family: "font1"; font-weight: bold; color: #ce0000; }
  .flex_productl.rightprosales { padding: 0; border: none; height: auto; max-height: unset; }
  .tim .box-ul ul li { border-bottom: 1px solid #00000024; }
  .name_rkmsp.rightprosales { font-size: 14px; color: black; font-family: "font1"; font-weight: 500; height: 42px; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; }

  /* WRAP TIN TUC */
  .slick_tintuc { margin-top: 0; }
  .gr_tintucnb { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px; }
  .img_ttnbat { width: 140px; }
  .grname_ttnbat { width: calc(100% - 140px - 10px); }
  .name_ttnb { font-size: 13px; font-family: "font1"; color: black; font-weight: bold; text-transform: uppercase; }

  /* WRAP LIST PRODUCT */
  .gr_productl.bd_pro.rightprosales.prodetail { border: 1px solid #ccc !important; }
  .indi .box_run_cap1 { display: none; }
  .bd_pro:hover .name_rkmsp.rightprosales { color: var(--c1); transition: all 0.2s linear; }
  .wrap_productlistcat { padding: 20px 0; }
  .gr_titleproductlcat { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 10px; flex-wrap: wrap; }
  .title_prolist { font-size: 15px; color: white; font-family: "font1"; text-transform: uppercase; font-weight: bold; background: var(--c1); padding: 10px; max-width: 20%; }
  .gr_catmenuid { flex: 1; display: flex; align-items: center; gap: 5px; padding: 0 0px; flex-wrap: wrap; flex-direction: row; width: calc(80% - 110px); justify-content: flex-end; }
  a.itemcats { font-size: 14px; color: #333; font-weight: bold; font-family: "font1"; text-transform: capitalize; cursor: pointer; background: #deecff; padding: 9px 7px; border-radius: 5px; }
  .btnxtc a { color: white; font-family: "font1"; background: var(--c1); padding: 10px; border-radius: 5px; display: inline-block; text-align: center; width: 100%; font-size: 13px; font-weight: 500; }
  .gr_flexlistproid { display: flex; justify-content: space-between; gap: 5px; }
  .left_listproid { width: 550px; padding: 5px; border: 1px solid #cccccc; }
  .left_listproid img { width: 100%; height: 100%; object-fit: cover; }
  .grid_product { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
  .right_listproid { flex: 1; }
  a.itemcats.active, a.itemcats:hover { background: var(--c3); transition: all 0.2s linear; color: #fff; }
  .gr_flexlistproid.listproeven_prolist { display: flex; flex-direction: row-reverse; }

  /* WRAP KHACH HANG */
  .wrap_danhgia { padding: 40px 0; background: var(--c1); }
  .gr_vortex { display: flex; justify-content: center; }
  .item_vortex { position: relative; }
  .img_khang { border-radius: 100%; overflow: hidden; }
  .gr_titledgia { font-size: 30px; text-align: center; font-family: "font1"; font-weight: bold; color: white; }
  .item_vortex { background: transparent !important; }

  /* WRAP DANG KY NHAN TIN */
  .wrap_dangkymuahang { background-size: 100% 100%; padding-bottom: 50px; }
  .gr_formdangkynhantin { width: 900px; margin: 40px auto 0; }
  .newsletter-input input::placeholder { color: white; }
  .newsletter.inputdknt textarea::placeholder { color: white; }
  .newsletter-input { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }
  .newsletter.inputdknt input { height: 50px; background: #ffffff94; color: white; font-size: 14px; font-family: "font1"; }
  .newsletter.inputdknt textarea { width: 100%; height: 100px; border-radius: 5px; background: #ffffffa1; padding: 15px; resize: none; color: white; font-size: 14px; font-family: "font1"; }
  input.btn_submitdknt.btn-sm { width: 210px; height: 50px; background: var(--c1); border: none; color: white; font-family: "font1"; font-weight: bold; }
  .newsletter-button { display: flex; align-items: center; justify-content: center; margin-top: 20px; position: relative; }
  .newsletter_button { position: relative; }
  img.send { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; }

  /* NEWS FOOTER */
  .gr_newsft { display: flex; justify-content: space-between; align-items: center; margin: 15px 0; }
  .img_newsft { width: 80px; }
  .grname_newsft { width: calc(100% - 80px - 25px); }
  .name_newsft { font-size: 15px; color: white; font-family: "font1"; }
  .date_newsft { font-size: 14px; color: #989898; margin-top: 10px; }
  .gr_newsft:hover .name_newsft { color: var(--c2); transition: all 0.2s linear; }
  .gr_titleftn { font-size: 30px; color: white; font-weight: bold; text-align: center; padding: 30px 0; background: url(../imgs/bg_nameft.png) no-repeat; background-size: 100% 100%; margin-bottom: 40px; }
  .footer-news { display: flex; justify-content: space-between; align-items: center; color: white; font-family: "font1"; font-weight: bold; }
  .grname_iconft { width: calc(100% - 70px - 20px); }
  .footer-news a { color: white; }
  .gr_chinhsach { padding: 80px 0 30px; text-align: center; }
  .title_ft { font-size: 20px; color: white; font-weight: bold; font-family: "font1"; }
  ul.policy { padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; margin: 20px 120px 0; gap: 20px; list-style: none; }
  ul.policy li a { color: white; font-size: 14px; font-family: "font1"; }
  .btn_ggmap { width: 180px; height: 50px; margin: 30px auto 0; }
  .btn_ggmap a { display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--c1); height: 100%; border-radius: 5px; color: white; font-family: "font1"; font-weight: bold; }
  .btn_ggmap a:hover { background: green; transition: all 0.2s linear; }
  ul.policy li a:hover { color: var(--c1); transition: all 0.2s linear; }

  /* TRANG TRONG */
  .name-product { font-size: 14px; color: var(--color-black); margin-bottom: 10px; text-align: center; text-transform: uppercase; }

  /*  */
  .progress-bar { width: 100%; height: 35px; background-color: white; border-radius: 0; overflow: hidden; }
  .progress { width: 0; height: 100%; background-color: var(--c3); border-radius: 0; }
  #percentageText { margin-top: 10px; font-size: 18px; }

  /* SEARDCH MENU */
  .tim { border: 1px solid #ffffff; padding: 6px 20px; border-right: 0px; margin-top: 0; font-family: "font1"; position: relative; width: 210px; background: #fff url(../imgs/muimn.png) no-repeat 90% center; margin-right: 1px; }
  .tim .soxuong { cursor: pointer; display: block; }
  .tim .box-ul { position: absolute; top: 35px; left: 0px; height: 300px; width: 219px; background: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 7px #56aa38; padding: 6px; display: none; overflow-y: scroll; z-index: 10; }

  /*div.menu ul { float: left; list-style: none; padding: 0; margin: 0; }
    div.menu ul li:hover ul { display: block; }
    div.menu ul li ul { display: none; background: #0363c6; color: black; position: absolute; top: 46px; left: -10px; z-index: 999; padding: 0px 10px; }
    ul.menu-main li ul li a { display: block; padding: 2px 0; border-bottom: 1px dashed #ffffff61; font-size: 15px; font-weight: 500; }
  */

  /* div.menu ul li ul a {
                color: white !important;
              } */
  .tim .box-ul ul li { list-style: none; width: 100%; }
  .tim .box-ul ul li a { color: #000; font-size: 14px; font-family: "font1"; display: block; line-height: 25px; padding: 0; }
  button.btn_smsearch { height: 35px; width: 35px; background: var(--c1); border: 1px solid white; color: white; }

  /* WRAP SLIDER */
  .slideshow__flex { display: flex; justify-content: space-between; }
  .slideshow__right {  width: 100%; position: relative; margin-top: 20px; background: white; }
  .left_slider { width: 330px; position: relative; }
  .swiper-container { width: 100%; height: 100%; }
  .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
  .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
  body { background: var(--c1); color: #000; }
  .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
  .swiper-slide { background-size: cover; background-position: center; }
  .mySwiper { height: auto; width: 100%; }
  .mySwiper2 { height: 50px; box-sizing: border-box; padding: 0; }
  .mySwiper2 swiper-slide { width: 25%; height: 100%; opacity: 0.4; cursor: pointer; }
  .mySwiper2 .swiper-slide-thumb-active { opacity: 1; border-bottom: 4px solid var(--c1); }
  .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .name_sliderto { font-size: 16px; font-weight: bold; font-family: "font1"; }

  /*  */
  .flex_cap2:hover { color: var(--c1); transition: all 0.2s linear; }
  .flex_cap2 { display: flex; justify-content: space-between; align-items: center; gap: 5px; color: black; font-family: "font1"; font-size: 14px; }
  .flex-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -webkit-calc(-1 * var(--space-x, 0.625rem)) -webkit-calc(-1 * var(--space-y, 1.25rem)); margin: 0 -moz-calc(-1 * var(--space-x, 0.625rem)) -moz-calc(-1 * var(--space-y, 1.25rem)); margin: 0 calc(-1 * var(--space-x, 0.625rem)) calc(-1 * var(--space-y, 1.25rem)); justify-content: flex-start; gap: 20px; }
  .category__icon figure { margin: 0; }
  .category { --cate-parent-w: 330px; --cate-space-x: 0.625rem; z-index: 999; position: relative; }
  .category__left, .category__inner { width: var(--cate-parent-w, 330px); display: none; }
  .category__right { width: -webkit-calc(100% - var(--cate-space-x) - var(--cate-parent-w)); width: -moz-calc(100% - var(--cate-space-x) - var(--cate-parent-w)); width: calc(100% - var(--cate-space-x) - var(--cate-parent-w)); }
  .category__inner { position: relative; }
  .category__title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; column-gap: 30px; height: 40px; font-family: "font1"; font-size: 15px; color: white !important; border-radius: 0; padding: 0rem 1rem; background: var(--c2); font-weight: bold; }
  .category__title > span { font-size: 24px; }
  .category__panel { --cate-item-space-y: 0.625rem; --cate-item-space-x: 0.625rem; -webkit-box-shadow: 0px 0px 10px 0px #00000040; -moz-box-shadow: 0px 0px 10px 0px #00000040; box-shadow: 0px 0px 10px 0px #00000040; width: 100%; height: 470px; background: var(--c1); }
  .category__panel[hidden] { position: absolute; top: 100%; z-index: 12; }
  .category__inner:hover .category__panel[hidden] { display: block !important; }
  .category__listview.category--level-1, .category__listview.category--level-2 { overflow-y: auto; }
  .category__listview.category--level-1 { -webkit-border-radius: 0rem 0rem 0.5rem 0.5rem; -moz-border-radius: 0rem 0rem 0.5rem 0.5rem; border-radius: 0; padding: 0; }
  .category__listview.category--level-2 { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 330px; z-index: 99; width: -webkit-calc(1200px - var(--cate-parent-w)); width: -moz-calc(1200px - var(--cate-parent-w)); width: calc(1360px - 330px); padding: var(--cate-space-x); -webkit-box-shadow: 0px 0px 10px 0px #00000040; -moz-box-shadow: 0px 0px 10px 0px #00000040; box-shadow: 0px 0px 10px 0px #00000040; height: 100%; background: white; }
  .category__listview.category--level-1 .category__item.belongs-to-level-1[data-hvr="true"] > .category__listview.category--level-2 { opacity: 1; visibility: visible; }
  .category__listview.category--level-3 { margin-top: var(--cate-item-space-y); }
  .category__list { list-style: none; padding: 0; margin: 0; width: 100%; float: unset !important; height: 470px; overflow-y: scroll; overflow-x: hidden; }
  .category__item:is(.belongs-to-level-1, .belongs-to-level-3):not(:last-child) { margin-bottom: 0; border-bottom: none; }
  .category__item.belongs-to-level-2 { --columns: 4; --space-x: 0.625rem; --space-y: -webkit-calc(var(--space-x, 0.625rem) * 2); --space-y: -moz-calc(var(--space-x, 0.625rem) * 2); --space-y: calc(var(--space-x, 0.625rem) * 2); flex-direction: column; }
  .category__item-inner:not(.has-icon) { display: block; }
  .category__item-inner.belongs-to-level-1 { padding: 5px; }
  .category__item.has-icon > .category__item-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; border: 1px solid white; color: white; font-family: "font1"; font-size: 14px; }
  .category__icon { --icon-w: 45px; --icon-h: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: var(--icon-w); height: var(--icon-h); }
  .category__icon-inner img { max-width: var(--icon-w); max-height: var(--icon-h); }
  .category__name { --line-clamp: 1; font-size: 14px; text-transform: capitalize; }
  .category__name.belongs-to-level-1 { color: var(--clr-text-primary); }
  .category__name.belongs-to-level-2 { font-family: var(--font-bold); color: var(--clr-brand-blue-ribbon); }
  .category__name.belongs-to-level-3:hover { color: var(--clr-brand-guardsman-red); }

  /*  */
  .wrap_infoproducts { display: flex; justify-content: space-between; position: relative; }
  .right_infopro { width: 40%; position: relative; text-align: center; }
  .left_infopro { width: 59%; position: relative; }
  .gr_probanchay { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; }
  .probchay { padding: 10px 0; color: var(--c1); font-size: 20px; font-weight: bold; border-bottom: 1px solid #0000003b; text-align: start; }
  .gr_productl.bd_pro.rightprosales.prodetail.prohot { position: relative; }
  .label-custom { position: absolute; top: 15px; left: 15px; z-index: 1; }
  .hotpro:before { content: ""; height: 50px; position: absolute; width: 45px; background-image: url(../imgs/icon-sp-hot.png); background-size: cover; top: -15px; left: -15px; z-index: 999; }
  .hotpro span { font-size: 14px; font-weight: 600; color: #fff; position: absolute; top: -8px; left: -5px; z-index: 9999; }
  .mz-loading.shown { display: none; }
  div.khachhang { position: fixed; background: #1e1e1f; left: 80px; bottom: 20px; color: #fff; padding: 10px; width: 350px; font-size: 12px; display: none; z-index: 102; }
  div.khachhang img { width: 90px; float: left; margin-right: 12px; }
  div.khachhang .ten { font-family: "tieude"; margin: 5px 0; color: #fff; font-size: 13px; }
  div.khachhang .thoigian { float: right; color: #989898; font-style: italic; }
  .grname_statics { width: calc(100% - 40px); }

  /*  */

  /* WRAP DANH GIA KHACH HANG */
  .w-danhgiakh { z-index: 1; background: var(--c1); padding: 40px 0; position: relative; }
  .flex-danhgia { padding: 0 130px; position: relative; }
  .line-danhgia { border: 1px dotted rgba(255, 255, 255, 0.5); border-radius: 15px; position: absolute; width: 135px; top: 0; height: calc(100% - 60px); left: calc(50% - 135px / 2); }
  .box-danhgia:nth-child(even) { position: relative; top: 80px; margin-bottom: 60px; }
  .box-danhgia { width: calc(100% / 2 - 20px); }
  .desc-danhgia { width: calc(100% - 115px); background: #ffb480; color: #fff; margin-top: 5px; padding: 20px; font-size: 15px; font-family: "font1"; border-radius: 10px; }
  .desc-danhgia p.text-split { -webkit-line-clamp: 2; }
  .info-danhgia { width: 90px; }
  .pic-danhgia { margin-bottom: 5px; position: relative; }
  .pic-danhgia-left:before { content: ""; background: url(../imgs/muiten.png) no-repeat; background-size: 100% 100%; position: absolute; left: -15px; top: calc(50% - 15px); width: 10px; height: 12px; }
  .img-danhgia { border-radius: 50%; }
  .box-danhgia:nth-child(odd) { position: relative; top: 20px; }
  a.name-danhgia { color: white; font-weight: bold; font-family: "font1"; text-align: center; }
  .flex-danhgia:after { content: ""; width: 459px; height: 306px; background: url(../imgs/bg-ykkh.png) no-repeat; position: absolute; bottom: -50px; right: 0; pointer-events: none; z-index: -1; }
  p.title-1.mb-4 { font-size: 30px; text-align: center; font-weight: bold; color: white; text-transform: uppercase; font-family: "font1"; }

  /*  */
  #IMAGE548 { width: 39.4722px; height: 32.125px; }
  #IMAGE548 > .ladi-image { border-radius: 53px; }
  .ladi-image-background { background-repeat: no-repeat !important; background-position: left top !important; background-size: cover !important; background-attachment: scroll !important; background-origin: content-box !important; position: absolute; margin: 0 auto; width: 100%; height: 100%; pointer-events: none; border-radius: 20px; }
  .ladi-image-background { width: 56.5548px; height: 36.2304px; top: -1.64217px; left: -8.21085px; background: url("../imgs/comenticon.gif"); }
  #HEADLINE549 { top: 7.34px; left: 48px; }
  #HEADLINE549, #BUTTON_TEXT826 { width: 213px; }
  .ladi-group { position: relative; }
  #HEADLINE549 > .ladi-headline { font-size: 13px; line-height: 1.6; color: white; text-decoration-line: underline; }
  .ladi-group { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 20px; }
  .gr_commentnext { position: relative; display: flex; justify-content: center; align-items: center; margin: 50px 0 0; }
  a.btn-hotline { bottom: 160px; }
  .btn-frame i svg { width: 30px; }

  /*  */
  .img_statics img { width: 30px; height: 30px; object-fit: fill; }
  .tim .box-ul ul { width: 100%; padding: 0%; }
  .fix_head .flex_menu { border-bottom: 1px solid white; }
  .gr_productl.bd_pro.rightprosales img { height: 176.9px; transform: scaleY(1.3); }
  .gr_productl.bd_pro.rightprosales.proddd img { transform: scaleY(1); height: unset; }
  .gr_btniconsubmit input { width: 100%; height: 100%; position: absolute; z-index: 100; }

  /* Menu */
  .w-menu {
    position: relative;
    z-index: 999;
}
  .menu { background-color: var(--background-static); position: relative; z-index: 10; }
  .menu ul { width: 100%; padding: 0px; margin: auto; list-style: none; }
  .menu ul.menu-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .menu ul li { position: relative; z-index: 1; }
  .menu ul li.menu-line { width: 1px; height: 15px; background-color: rgba(0, 0, 0, 0.1); }
  .menu ul li h2 { margin: 0; }
  .menu ul li a { display: block; position: relative; font-size: 13px; color: #ffffff; padding: 15px 5px; font-weight: 500; text-transform: uppercase; text-decoration: none; }
  .menu ul li a.home { padding: 15px 10px; }
  .menu ul li:hover > h2 > a, .menu ul li a.active { background: #bd0100; }
  .menu ul li a.has-child { padding-right: 16px; margin-right: 8px; }
  .menu ul li a.has-child:after { content: ""; position: absolute; bottom: calc(50% - 4px / 2); right: 5px; width: 5px; height: 5px; border: 1px solid #fafafa; border-top: 0px; border-left: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .menu ul li ul { position: absolute; min-width: 250px; background-color: #fafafa; border-radius: 0.25rem; -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; }
  .menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; }
  .menu ul li ul li { padding-left: 0; padding-right: 0; }
  .menu ul li ul li a { font-size: 14px; color: #313131; border-bottom: 1px solid #ececec; padding: 10px 10px 9px 10px; text-transform: capitalize; }
  .menu ul li ul li a.has-child { margin-right: 0px; }
  .menu ul li ul li a.has-child:after { border-color: #313131; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .menu ul li ul li a.active { color: #ec2d3f; }
  .menu ul li ul li a.active.has-child:after { border-color: #ec2d3f; }
  .menu ul li ul li:last-child > a { border-bottom: 0px; }
  .menu ul li ul li:hover > a { color: #fff; background: #bd0100; }
  .menu ul li ul li:hover > a.has-child:after { border-color: #ec2d3f; }
  .menu ul li ul li ul { top: 0; left: 100%; margin-top: 0px; }