@charset 'utf-8';
@import url(../hn_css/bootstrap.min.css);
@import url(../hn_css/all.min.css);
@import url(../hn_css/jquery.fancybox.min.css);
@import url(../hn_css/owl.carousel.min.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);
body{font-family:'Open Sans',sans-serif;font-size:15px;background:#f4f4f4;line-height:22px}
.hn-header{background-color:#4285F4;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.75);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.75);box-shadow:0 1px 3px 0 rgba(0,0,0,.75);position:fixed;z-index:9998;width:100%;padding:.5rem 0;top:0;height:65px;max-height:65px}
.hn-header .header-menu-mobile{float:left;width:calc(40px + 5px);max-width:40px;position:relative;top:12px;font-size:1.7rem}
.hn-header .header-logo{float:left;width:calc(10% + 5px);max-width:10%;position:relative;top:2px}
h2 {
  font-size: 30px;
  font-weight: 600;
  position: relative;
  /*display: inline-block;*/
  animation: color-change-h2 2s infinite alternate;
}

@keyframes color-change-h2 {
  0% {
    color: #4285f4;
  }
  33% {
    color: #ea4335;
  }
  66% {
    color: #fbbc05;
  }
  100% {
    color: #34a853;
  }
}
h3 {
  color: #fbbc05;
  font-size: 20px;
  font-weight: 550;
}
h4 {
  color: #34a853;
  font-size: 17px;
  font-weight: 400;
}
blockquote {
  margin: 20px 0;
  padding: 10px;
  border-left: 2px solid #4285f4;
  background-color: #f5f5f5;
  font-style: italic;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}
/* Start Header */
/*.hn-header .header-logo img{max-height:45px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}*/
/*.hn-header .header-logo img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}*/
.hn-header .header-logo img {
  max-height: 45px;
  -webkit-animation: sparkleAnimation 2s infinite;
  animation: sparkleAnimation 2s infinite;
}

@keyframes sparkleAnimation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* End Header */

.hn-header .header-danhmucsanpham{float:left;width:calc(20% + 5px);max-width:20%;position:relative;top:.8rem;cursor:pointer;font-size:1rem}
.hn-header .header-danhmucsanpham .danhmucsanpham-list{display:none!important;width:250px}
.hn-header .header-danhmucsanpham .danhmucsanpham-list.open{color:#666;max-height:calc(80vh - 10px);display:block!important;background-color:#f3f3f3;font-size:.8rem;margin-top:1rem;border:1px solid #eee;overflow:auto;padding-left:0;box-shadow:0 4px 4px rgba(0,0,0,.25)}
.hn-header .header-danhmucsanpham .danhmucsanpham-list:after,.hn-header .header-danhmucsanpham .danhmucsanpham-list:before{border-style:solid;border-width:0 10px 13px;content:"";height:0;position:absolute;left:14px;right:14px;width:0;margin-top:1.3rem}
.hn-header .header-danhmucsanpham .danhmucsanpham-list:after{border-color:transparent transparent #eee;top:5px}
.hn-header .header-danhmucsanpham .danhmucsanpham-list:before{border-color:transparent transparent #eee;top:5px}
.hn-header .header-danhmucsanpham .danhmucsanpham-list.open li{list-style:none;padding:3px 0;font-weight:700;border-bottom:1px solid #eee;padding:.4rem .7rem}
.hn-header .header-danhmucsanpham .danhmucsanpham-list.open li a{color:#333}
.hn-header .header-danhmucsanpham .danhmucsanpham-list.open li a:hover{color:#428bca}
.hn-header .header-danhmucsanpham .danhmucsanpham-list.open li ul{text-transform:none;padding-left:0;font-weight:400;margin-bottom:0}
.hn-header .header-danhmucsanpham .danhmucsanpham-list.open li ul li{border:0;text-transform:none;font-weight:400;display:-webkit-box;background:url(/hn_images/panel-subtitle.gif) no-repeat top 2px left;padding-left:20px;padding-top:0;padding-bottom:0}
.hn-header .header-timkiem{float:left;width:calc(40% + 5px);max-width:40%;margin-top:calc(.2rem + 5px)}
.hn-header .header-timkiem-mobile{float:left;max-width:50px;margin-top:calc(.5rem + 5px);font-size:1.5rem;margin-left:2rem}
.hn-header .header-timkiem-mobile-content{background-color:#fff;padding:1rem;position:fixed;top:55px;width:100%;left:0;display:none}
.hn-header .header-timkiem-mobile-content.open{display:block;box-shadow:0 2px 1px #dedfe0}
.hn-header .header-login{margin-top:calc(.1rem + 5px);float:right}
.hn-header .header-login>a{margin-left:5px}
.hn-header .header-login .header-login-thanhvien a{color:#333}
.hn-header .header-login .header-login-thanhvien img{height:35px;max-height:35px}
.hn-header .header-login .header-cart{font-size:12px;color:#ec5252;width:50px;position:relative;top:.4rem;right:1.5rem}
.hn-header .header-login .header-cart .count{color:#30851b;font-weight:700;position:absolute;top:-15px;right:-10px;border:1px solid #ddd;border-radius:50%;width:20px;height:20px;text-align:center;background-color:#fff;line-height:1.3}
button.btn-link{text-decoration: none!important;}
.hn-chiase{border-bottom:1px solid #e1e1e1;padding-bottom:20px;margin-bottom:20px}
.hn-chiase span{width:auto;float:left;text-transform:uppercase;text-align:left;padding-top:5px;padding-right:10px}
.hn-chiase span:after{clear:both;content:"";display:block}
.hn-chiase ul{list-style:none;float:left;padding:0;margin:0}
.hn-chiase ul li{float:left;box-sizing:border-box;margin-right:10px}
.hn-chiase:after{content:"";display:table;clear:both}
.hn-chiase .btn-sm{padding:5px 10px}
.hn-noidungmoi .noidungmoi-item{border:1px solid #ddd;padding:1rem;margin-bottom:1rem}
.hn-noidungmoi .noidungmoi-item p{color: #007bff;font-weight: 700}
.hn-noidungmoi .noidungmoi-item .noidungmoi-item-img{text-align:center;height:110px;max-height:110px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center;margin-bottom:10px}
.hn-menu-chantrang{background:#fff;padding:2rem 0 .5rem;color:#000}
.hn-menu-chantrang a{color:#333}
.hn-menu-chantrang h5{text-transform:uppercase;font-weight:700;font-size:1rem}
.hn-menu-chantrang ul{padding-left:0;list-style:none;margin-top:1rem;margin-bottom:1.3rem}
.hn-tinmoitrangchu{margin:1rem 0;background-color:#fff;padding:1.5rem 1.5rem .5rem}
.hn-tinmoitrangchu .tinmoitrangchu-big .tinmoitrangchu-big-img{height:400px;max-height:400px;overflow:hidden;position:relative;margin-bottom:1rem}
.hn-tinmoitrangchu .tinmoitrangchu-big .tinmoitrangchu-big-img .hnimg{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:all 1s}
.hn-tinmoitrangchu .tinmoitrangchu-big .tinmoitrangchu-big-img .hnimg:hover{transform:scale(1.2)}
.hn-tinmoitrangchu .tinmoitrangchu-big h2{font-size:1.1rem;font-weight:700}
.hn-tinmoitrangchu .tinmoitrangchu-small{max-height:490px;overflow-y:auto}
.hn-tinmoitrangchu .tinmoitrangchu-small ul{list-style:none;padding-left:0;padding-right:1rem}
.hn-tinmoitrangchu .tinmoitrangchu-small ul li{border-bottom:1px dotted #ccc;padding-bottom:.8rem;margin-bottom:.8rem;font-weight:600}
.hn-tinmoitrangchu .tinmoitrangchu-small ul li a:hover{color:#ec5252}
.hn-tinmoitrangchu .tinmoitrangchu-big h2 a,.hn-tinmoitrangchu .tinmoitrangchu-small ul li a{color:#333}
.hn-trinhchieu{margin-bottom:1.5rem;margin-top:65px}
.hn-trinhchieu .trinhchieu-item{width:100%;height:100%px;max-height:1080px}
.hn-trinhchieu .trinhchieu-item img{width:100%;max-width:100%;height:100%;max-height:100%}
.hn-iframe{padding:0;margin:0;position:fixed;top:0;left:20px;right:20px}
.hn-iframe .iframe-logo{padding:1.5rem;width:120px;margin:auto}
.hn-iframe .iframe-logo img{max-width:100%}
.hn-iframe .iframe-banner img{max-width:100%;border-radius:10px}
.hn-iframe iframe{height:100vh;width:100%}
.hn-xemtintuc-iframe{height:100vh;width:100%;margin-bottom:20px}
.hn-khachhangtiemnang .khachhangtiemnang-item{border:1px dashed #ddd;padding:1.5rem;margin:1.5rem 0;border-left:3px solid #39f}
.hn-khachhangtiemnang .khachhangtiemnang-item p{margin-bottom:.1rem}
.hn-khachhangtiemnang .khachhangtiemnang-item p span{font-weight:600}
.hn-khachhangtiemnang .khachhangtiemnang-item p.tenkhachhang{font-size:1.1rem;font-weight:700;color:#39f;margin-bottom:.5rem}
.hn-khachhangtiemnang .khachhangtiemnang-item .dienthoai{line-height:1.4;margin:1.1rem 0}
.hn-khachhangtiemnang .khachhangtiemnang-item .dienthoai p{margin-bottom:0}
.hn-khachhangtiemnang .khachhangtiemnang-item .dienthoai span{font-size:1.7rem;font-weight:700;color:#ed1c24}
.hn-khachhangtiemnang .khachhangtiemnang-item .dienthoai small{display:block;font-size:.8rem;color:#39f}
.hn-khachhangtiemnang .khachhangtiemnang-item .btn{font-size:.7rem;margin-top:.3rem}
.hn-rss h3{font-size:1rem;font-weight:700;margin:10px 0}
.hn-rss h3 a{color:#333}
.hn-rss ul{padding-left:25px;margin:0;list-style:none}
.hn-rss ul li{margin:5px 0}
.hn-rss i{color:#f93;padding-right:3px}
.hn-danhmucsanpham{position:relative;margin-bottom:-10px}
.hn-danhmucsanpham .danhmucsanpham-tieude{margin-bottom:.7rem;position:relative}
.hn-danhmucsanpham .danhmucsanpham-tieude h2{font-size:1.4rem;font-weight:600;display:inline-table;margin-bottom:0}
.hn-danhmucsanpham .danhmucsanpham-tieude h2 a{color:#333}
.hn-quangcao{margin-bottom:2.5rem;overflow:hidden;position:relative}
.hn-quangcao img{width:100%;max-width:100%;height:auto;transition:all 1s}
.hn-quangcao img:hover{transform:scale(1.1)}
.hn-danhmucsanpham.trangchu{border:1px solid #f93;margin:2rem 0 1.5rem 0;padding:1rem;border-radius:0.2rem;}
.hn-danhmucsanpham.trangchu .danhmucsanpham-tieude{position:relative;background-color:#f93;padding:.5rem 1rem;top:-2rem;margin:0;border-radius:0.2rem;}
.hn-danhmucsanpham.trangchu .danhmucsanpham-tieude h2{font-size:1.1rem;font-weight:600;margin-bottom:0}
.hn-danhmucsanpham.trangchu .danhmucsanpham-tieude a{color:#fff}
.hn-danhmucsanpham.trangchu .danhmucsanpham-tieude .danhmucsanpham-tieude-btn{float:right}
.hn-danhmucsanpham.trangchu .owl-nav .owl-next i,.hn-danhmucsanpham.trangchu .owl-nav .owl-prev i{background-color:#f93;color:#fff;border-radius:5px;font-size:1.5rem}
.hn-danhmucsanpham.trangchu .owl-nav .owl-next i{margin-left:-3.1rem}
.hn-danhmucsanpham.trangchu .owl-nav .owl-prev i{margin-right:-3.1rem}
.hn-danhmucsanpham.trangchu .owl-nav .owl-next.disabled i,.hn-danhmucsanpham.trangchu .owl-nav .owl-prev.disabled i{background-color:#fc9}
.hn-danhmucsanpham .option-right{position:absolute;right:0;bottom:0}
.hn-danhmucsanpham .option-right ul{padding:0;margin-bottom:0}
.hn-danhmucsanpham .option-right li{display:inline-table;padding-left:20px;text-transform:none;font-size:.9rem}
.hn-danhmucsanpham .option-right li a{color:#666}
.hn-danhmucsanpham .option-right li a.select{color:#005cc4;font-weight:600}
.hn-danhmuccon{margin:1rem 0}
.hn-danhmuccon a{background-color:#428bca;padding:.2rem .5rem;border-radius:3px;color:#fff;margin-bottom:5px;display:inline-block;margin-right:2px;font-size:.75rem}
.owl-nav .owl-prev{left:-4%}
.owl-nav .owl-next{right:-4%}
.owl-nav .owl-next,.owl-nav .owl-prev{position:absolute;text-align:center;border-radius:0;top:calc(30% + 5px);outline:0;border:0}
.owl-nav .owl-next i,.owl-nav .owl-prev i{font-size:2rem;color:#ccc;padding:10px}
.col-md-20{max-width: 20%;flex: 0 0 20%;padding-right: 10px;padding-left: 10px;}
.hn-listsanpham .row{margin-left:-5px!important;margin-right:-5px!important}
.hn-listsanpham .col-6,.hn-listsanpham .col-lg-3,.hn-listsanpham .col-md-4,.hn-listsanpham .col-xl-20,.hn-listsanpham .col-lg-20{padding-left:5px!important;padding-right:5px!important}
.hn-listsanpham .listsanpham-item{position:relative;overflow:hidden;height:300px;margin-bottom:10px;background-color:#fff;border-radius:7px;border:1px solid #ececec}
.hn-listsanpham .listsanpham-item:hover{box-shadow:0 2px 2px rgba(0,0,0,.25)}
.hn-listsanpham .listsanpham-item .listsanpham-item-img{position: relative;text-align:center;height:120px;max-height:120px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.hn-listsanpham .listsanpham-item .listsanpham-item-img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.hn-listsanpham .listsanpham-item .listsanpham-item-img .bieutuong{position: absolute;bottom:12px;right:15px}
/* Start Hiệu ứng icon sp */
/*.hn-listsanpham .listsanpham-item .listsanpham-item-img .bieutuong img{max-height:35px;width: auto!important}*/
.hn-listsanpham .listsanpham-item .listsanpham-item-img .bieutuong img {
    max-height: 35px;
    width: auto !important;
    animation: rotate360 5s linear infinite; /* Thực hiện animation liên tục */
}

@keyframes rotate360 {
    from {
        transform: rotateY(0deg); /* Góc xoay ban đầu */
    }
    to {
        transform: rotateY(360deg); /* Góc xoay 360 độ */
    }
}
/* End hiệu ứng icon sp */
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin{padding:7px 6px}
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .tensanpham{line-height:20px;height:50px;max-height:50px;overflow:hidden;font-size:14px;font-weight:600}
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .mota{height:25px;max-height:25px;color:#999;margin-bottom:.5rem;font-size:.8rem;white-space:nowrap}
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .gia{position:relative;font-size:.85rem}
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .gia span.giaban{color:#da251c;font-weight:700;font-size:1rem}
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .gia span.giaban .giaban-old{color:#333;font-weight:300;font-size:.8rem}
/* Số % khuyến mãi */
/*.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .gia span.giaban .giaban-tyle{font-weight:400;font-size:1.3rem}*/
.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .gia span.giaban .giaban-tyle {
  font-weight: 400;
  font-size: 0.8rem;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 3px;
  background-color: #ea4335;
  color: white;
  padding: 0 2px;
}


/* End */
.hn-listsanpham .listsanpham-item a{color:#333}
/* Hiệu ứng */
/*.hn-listsanpham .listsanpham-item .text{position: absolute;top:7px;left:6px;background-color: #FFCC00;padding:.01rem .4rem;color: #333;z-index: 999;font-size:10.5px;border-radius: 3px}*/
.hn-listsanpham .listsanpham-item .text {
    position: absolute;
    top: 7px;
    left: 6px;
    padding: 0.01rem 0.4rem;
    color: #fff;
    z-index: 999;
    font-size: 10.5px;
    border-radius: 3px;
    animation: colorChange 2s infinite alternate;
}
@keyframes colorChange {
    0% {
        background-color: #4285f4;
    }
    35% {
        background-color: #ea4335;
    }
    70% {
        background-color: #fbbc05;
    }
    100% {
        background-color: #34a853;
    }
}
/*End*/
.hn-listsanpham .listsanpham-item .demnguoc{position:absolute;top:7px;right:2px;color: #333;z-index: 999;font-size:10px;line-height:1.5}
.hn-listsanpham .listsanpham-item .demnguoc span{word-wrap: break-word!important;border-radius:3px;background-color:#f9f9f9;word-wrap:break-word;margin-right:3px;width:20px;display: inline-table;padding:.2rem;line-height:1.1}
.hn-sanphamlienquan .sanphamlienquan-item{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
.hn-sanphamlienquan .sanphamlienquan-item:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.hn-sanphamlienquan .sanphamlienquan-item img{width:100%;height:auto}
.hn-sanphamlienquan .sanphamlienquan-item h3{font-size:1.1rem;font-weight:700;line-height:1.6}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-img{width:100%;height:100px;max-height:100px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-tensanpham{height:60px;max-height:60px}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-tensanpham a{color:#333}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-thongtin span{display:block;color:#999}

.hn-sanphamlienquan .sanphamlienquan-item .text{position: absolute;top:7px;left:6px;background-color: #FFCC00;padding:.01rem .4rem;color: #333;z-index: 999;font-size:10.5px;border-radius: 3px}
.hn-sanphamlienquan .sanphamlienquan-item .demnguoc{position:absolute;bottom:7px;right:10px;color: #333;z-index: 999;font-size:10px;line-height:1.5}
.hn-sanphamlienquan .sanphamlienquan-item .demnguoc span{word-wrap: break-word!important;border-radius:3px;background-color:#f9f9f9;word-wrap:break-word;margin-right:3px;width:20px;display: inline-table;padding:.2rem;line-height:1.1}


.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-gia{font-size:.8rem;margin-top:.5rem;font-weight:700;color:#da251c;text-align:right}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-gia sup{font-weight:300}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-gia .sanphamlienquan-item-gia-old{color:#333;font-weight:300;font-size:.6rem}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-khuyenmai{text-align:right;font-size:1.3rem;margin-top:.2rem}
.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-khuyenmai img{max-width:20px;max-height:20px}
.popover{width:270px;max-width:270px}
.hn-introsanpham .introsanpham-tieude{font-size:1.1rem;font-weight:700}
.hn-introsanpham .introsanpham-noidung{margin:.5rem 0}
.hn-introsanpham .introsanpham-noidung span.ngaydang{margin-bottom:.5rem;color:#999;font-size:.7rem;display:block}
.hn-introsanpham .introsanpham-noidung ul{list-style:none;padding-left:0;margin-bottom:0;color:#333}
.hn-introsanpham .introsanpham-noidung ul>li::before{font-family:"Font Awesome 5 Free";font-weight:600;padding-right:0;content:"\f0da";padding-right:5px}
.hn-introsanpham .introsanpham-khuyenmai{background-color:#f9f9f9;padding:10px;margin-top:.7rem;max-height:200px;overflow-y:auto}
.hn-introsanpham .introsanpham-khuyenmai p.tieude{color:#d0021b;font-weight:600;margin-bottom:.4rem}
.hn-introsanpham .introsanpham-btn{margin-top:1rem;text-transform:uppercase}
.hn-boxdathang p{margin-bottom:5px}
.hn-boxdathang .mahoadon{margin:1rem 0}
.hn-boxdathang .mahoadon{font-size:18px}
.hn-boxdathang .mahoadon span{font-size:22px;font-weight:700;display:block;margin-top:7px}
.hn-boxdathang ul{padding-left:0;margin-bottom:0;list-style:none}
.hide{display:none}
.hn-dathangmobile{background-color:#fff;border-top:1px solid #ccc;padding:1rem;position:fixed;bottom:0;width:100%;z-index:999}
.hn-dathangmobile .btn{font-size:.6rem}
.hn-chantrang{background:#4285F4;color:#fff;padding:30px 0 20px}
.hn-chantrang .chantrang-item{margin-bottom:10px}
.hn-chantrang .chantrang-item h5{font-weight:700;font-size:1rem;color:#f3b605}
.hn-chantrang .chantrang-item .list-menu{max-height:110px;overflow:hidden}
.hn-chantrang .chantrang-item ul{list-style:none;padding-left:0;margin-bottom:0}
.hn-chantrang .chantrang-item li{margin-bottom:5px}
.hn-chantrang .chantrang-item li a{color:#fff}
.hn-chantrang .chantrang-thongtin{margin-bottom:10px}
.hn-chantrang .chantrang-thongtin h3{font-size:16px;font-weight:600;line-height:25px;margin-bottom:2px;text-transform:uppercase;color:#f3b605}
.hn-chantrang .chantrang-thongtin p{margin-bottom:1px}
.hn-chantrang .chantrang-thongtin p a{color:#fff}
.hn-chantrang .chantrang-thongtin p i{color:#f3b605;margin-right:3px}
.hn-chantrang .chantrang-thongtin p i.fa-phone{transform:scaleX(-1);margin-left:-3px}
.hn-chantrang .chantrang-dathongbao{margin-top:1rem}
.hn-copyright{background-color:#222;padding:10px 0;color:#fff}
.hn-copyright a{color:#fff}
.hn-copyright .copyright-nhacungcap{text-align:right}
.offcanvas-collapse{position:fixed;top:55px;bottom:0;width:100%;padding-right:1rem;padding-left:1rem;overflow-y:auto;background-color:#f9f9f9;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(100%);transform:translateX(100%);font-size:.9rem}
.offcanvas-collapse a{color:#333}
.offcanvas-collapse .nav-link{padding-bottom:0}
.offcanvas-collapse .nav-item{font-weight:700}
.offcanvas-collapse .nav-item ul{list-style:none;padding-left: 0;margin-bottom:0}
.offcanvas-collapse .nav-item ul li{padding-top:.3rem;font-weight:500}
.offcanvas-collapse.open{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);background-color:#fff}
.hn-ketnoi{margin-top:10px}
.hn-ketnoi a{padding:6px;width:30px;height:30px;font-size:16px;color:#fff;display:inline-block;text-align:center;line-height:15px;margin-right:3px;margin-bottom:3px}
.hn-ketnoi a:hover{opacity:.8}
.hn-ketnoi .facebook{background-color:#4b6daa}
.hn-ketnoi .zalo{background-color:#2d93e2}
.hn-ketnoi .zalo img{max-width:100%}
.hn-ketnoi .twitter{background-color:#269abc}
.hn-ketnoi .youtube{background-color:#e50002}
.hn-ketnoi .instagram{background-color:#6a453b}
.hn-ketnoi .pinterest{background-color:#cb2027}
.hn-ketnoi .linkedin{background-color:#0066CC}
.hn-ketnoi .tumblr{background-color:#006699}
.hn-dangkycongtacvien{background:#53b0d9 url(/hn_images/hn-congtacvien.png) no-repeat right 5% bottom -1px;padding:5rem;color:#fff;font-size:1.5rem;border-radius:5px;margin-top:.5rem}
.hn-dangkycongtacvien p{margin-bottom:.1rem}
.hn-dangkycongtacvien h4{margin-bottom:.1rem;font-size:3.5rem;font-weight:600;text-transform:uppercase}
.hn-dangkycongtacvien .btn{margin-bottom:.1rem}
.hn-box .box-item{background-color:#fff;margin-bottom:1rem;padding:0.5rem}
.hn-box .box-item .box-item-tieude{background-color:#fff;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}
.hn-box .box-item .box-item-tieude h2{font-size:1rem;margin:0;font-weight:700}
.hn-phuongthucthanhtoan{margin-top:2rem}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item{border:1px solid #eee;padding:1rem;margin:5px;}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item:hover{background-color:#f9f9f9;cursor:pointer}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item h3{font-size:1.2rem;font-weight:700}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item img{margin:1rem 0;max-height:50px}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item span.tenchinhanh{display:block;color:#999;margin-bottom:1rem}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item p.sotk{font-size:1.1rem;margin-bottom:.3rem;font-weight:700}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-item p.chutk{font-size:.9rem}
.hn-phuongthucthanhtoan .phuongthucthanhtoan-maqr img{max-height:300px;margin:1rem auto}
fieldset{border:1px solid #eee;padding:15px;border-radius:5px;margin:10px 0}
legend{border-bottom:0;width:auto;padding:0 10px;font-size:15px;font-weight:700;margin-bottom:0}
.hn-sodu{width:30%;margin:1rem auto 2rem;border:1px solid #eee;padding:1rem;border-radius:5px}
.hn-sodu p.sodu{font-size:1.3rem;margin-bottom:.2rem;font-weight:700}
.hn-page{margin-top:30px}
.hn-page .page-link{padding:.3rem .6rem;outline:0}
.hn-xemsanpham{margin-top:65px}
.hn-xemsanpham .xemsanpham-tieude{background-color:#097890;padding:1.5rem 0;color:#fff;margin-bottom:1rem}
.hn-xemsanpham .xemsanpham-tieude-thongtin .tensanpham{margin:1.2rem 0 1.5rem}
.hn-xemsanpham .xemsanpham-tieude-thongtin .tensanpham h1{font-size:2rem;line-height:1.3;font-weight:700}
.hn-xemsanpham .xemsanpham-tieude-thongtin .thongtinsanpham span{margin-right:30px}
.hn-xemsanpham .xemsanpham-tieude-thongtin .demnguoc span{margin-right:0}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-thongso ul{list-style:none;padding-left:0;margin-bottom:0}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-thongso ul>li{width:48%;margin-bottom:5px;display:inline-table;margin-right:10px}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-thongso ul>li::before{font-family:"Font Awesome 5 Free";font-weight:600;padding-right:0;content:"\f111";padding-right:5px;font-size:.6rem;color:#f3b605}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .xemsanpham-chitiet-trinhchieu-menu{padding:1.2rem 1rem}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .xemsanpham-chitiet-trinhchieu-menu a{color:#333;border:1px solid #ccc;border-radius:4px;padding:5px 10px;margin-left:5px}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .xemsanpham-chitiet-trinhchieu-menu a.active{font-weight:700;background-color:#097890;color:#fff;border-color:#097890}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .carousel-item{height:350px;max-height:350px;text-align:center}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .carousel-item img{max-width:100%;height:100%;max-height:100%}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .xemsanpham-chitiet-trinhchieu-noidung iframe{height:350px;width:100%;margin-bottom:-6px;border:0}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude{margin-bottom:4px;margin-top:1.5rem}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude a{padding:.5rem 1rem;color:#333;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#fff}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude a:hover{background-color:#fabc04}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude a.active{background-color:#fabc04;font-weight:700}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude.hn-fix{position:fixed;top:40px;z-index:9;background-color:#fff;width:100%;padding:1rem;left:0}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude.hn-fix a{padding:.5rem 1rem;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#f63}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude.hn-fix a:hover{background-color:#069}
.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-mota .xemsanpham-chitiet-mota-tieude.hn-fix a.active{background-color:#069;font-weight:700}
.hn-menu-icon{margin-bottom:1rem}
.hn-menu-icon .menu-icon-item{border:3px solid #eee;background-color:#fff;padding:5px;text-align:center;border-radius:5px;margin:5px 0;color:#1697d1}
.hn-menu-icon .menu-icon-item:hover{background-color:orange;border-color:#fff;color:white;}
.hn-menu-icon .menu-icon-item img{max-height:30px;margin:10px 0}
.hn-menu-icon .menu-icon-item img:hover{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
.hn-doitac{margin-top:2rem;margin-bottom:0}
.hn-doitac .doitac-item{height:90px;margin-bottom:2rem;border:1px solid #eee;border-radius:5px;text-align:center;padding:.5rem;background-color:#fff}
.hn-doitac .doitac-item img{height:90px;max-height:100%;width:auto;margin:auto;max-width:100%}
.hn-xemsanpham .xemsanpham-gia{position:relative;top:-55px;background-color:#fff;padding:2rem 1rem 1.5rem;border:1px solid #ccc;border-radius:5px;z-index:1;max-height:520px;overflow-y:auto}
.hn-xemsanpham .xemsanpham-gia.fix{position:fixed;top:80px;width:356px;z-index:99}
.hn-xemsanpham .xemsanpham-gia .btn{margin:10px 0}
.hn-xemsanpham .xemsanpham-gia .giaban{font-size:1.5rem;font-weight:600;margin-bottom:30px;color:orange;}
.hn-xemsanpham .xemsanpham-gia .giaban sup{font-weight:300}
.hn-xemsanpham .xemsanpham-gia .giaban .giaban-old{color:#333;font-weight:300;font-size:1rem}
.hn-xemsanpham .xemsanpham-gia .khuyenmai{padding:10px;margin-bottom:10px;border:1px dashed #f4b500;background-color:#fff4d2;border-radius:5px}
.hn-xemsanpham .xemsanpham-gia .khuyenmai p.tieude{color:#28a745;font-weight:600;margin-bottom:.4rem}
.hn-xemsanpham .xemsanpham-gia .khuyenmai p.tieude img{max-width:15px;max-height:15px}
.hn-xemsanpham .xemsanpham-gia .thongtin{margin-top:1.5rem}
.hn-xemsanpham .xemsanpham-gia .thongtin ul{list-style:none;padding-left:0;margin-bottom:0;color:#333}
.hn-xemsanpham .xemsanpham-gia .thongtin ul>li::before{font-family:"Font Awesome 5 Free";font-weight:600;padding-right:0;content:"\f0da";padding-right:5px}
.hn-xemsanpham .xemsanpham-gia .magiamgia p{margin-bottom:0}
.hn-xemsanpham .xemsanpham-gia .magiamgia .btn{margin:0}
.hn-xemsanpham .xemsanpham-gia .magiamgia .btnxoa{padding:.3rem .5rem;font-size:.7rem}
.hn-xemsanpham .xemsanpham-gia .chiase p{text-transform:uppercase;text-align:left;display:block;margin-bottom:-5px}
.hn-xemsanpham .xemsanpham-gia .chiase ul{padding:0;margin:0}
.hn-xemsanpham .xemsanpham-gia .chiase ul li{display:inline-table;box-sizing:border-box;margin-right:2px;vertical-align:middle}
.hn-xemsanpham .xemsanpham-gia .chiase ul li .zalo-share-button{margin-top:6px!important}
.hn-xemsanpham .xemsanpham-gia .chiase ul li .btn{font-size:.6rem;padding:2px 5px;width:21px;height:20px;text-align:center}
.hn-xembaiviet p{margin-bottom:7px}
.hn-xembaiviet img{max-width:100%;height:auto;margin:10px 0}
.hn-xembaiviet iframe{border:0;width:100%;margin:10px 0}
.hn-xembaiviet .xembaiviet-tieude{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:12px}
.hn-xembaiviet .xembaiviet-tieude h2{font-size:1.4rem;margin-bottom:0}
.hn-xembaiviet .xembaiviet-tieude span.ngaydang{color:#9b9b9b;display:block;margin-top:5px}
.hn-xembaiviet .xembaiviet-chiase{border-bottom:1px solid #f3f3f3;margin-bottom:20px;padding-bottom:11px}
.hn-xembaiviet .xembaiviet-chiase span{width:60px;float:left;text-transform:uppercase;text-align:left}
.hn-xembaiviet .xembaiviet-chiase span:after{clear:both;content:"";display:block}
.hn-xembaiviet .xembaiviet-chiase ul{list-style:none;float:left;padding:0;margin:0}
.hn-xembaiviet .xembaiviet-chiase ul li{float:left;box-sizing:border-box;margin-right:5px}
.hn-xembaiviet .xembaiviet-chiase ul li .zalo-share-button{height:22px!important}
.hn-xembaiviet .xembaiviet-chiase ul li .zalo-share-button iframe{margin:2px 0 0}
.hn-xembaiviet .xembaiviet-chiase ul li .btn{font-size:.7rem;padding:1px 5px}
.hn-xembaiviet .xembaiviet-chiase ul li .btn i{padding-right:2px}
.hn-xembaiviet .xembaiviet-chiase:after{content:"";display:table;clear:both}
.hn-xembaiviet .xembaiviet-noidung{line-height:24px;margin-top:20px;text-align:justify;}
.hn-xembaiviet .xembaiviet-noidung ol,.hn-xembaiviet .xembaiviet-noidung ul{padding-left:20px;margin-bottom:7px}
.hn-xembaiviet .xembaiviet-noidung ul li{list-style:disc;margin-left:10px;margin-bottom:4px}
.hn-xembaiviet .xembaiviet-noidung ol li{list-style:decimal;margin-left:20px;margin-bottom:4px}
.hn-xembaiviet .xembaiviet-noidung h4{font-size:17px;font-weight:600;margin:10px 0}
.hn-xembaiviet .xembaiviet-noidung img{max-width:100%;height:auto;margin:10px 0;border:0px solid #eee;padding:2px}
.hn-thanhvien{margin-top:65px}
.hn-thanhvien .thanhvien-head{background-color:#097890;padding:1.5rem 0 .3rem;color:#fff}
.hn-thanhvien .thanhvien-head h3{font-weight:700}
.hn-thanhvien .thanhvien-head .thanhvien-head-menu{margin-top:1.7rem}
.hn-thanhvien .thanhvien-head .thanhvien-head-menu i{margin-right:.3rem}
.hn-thanhvien .thanhvien-head .thanhvien-head-menu a{padding:.5rem;color:#333;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;margin-right:.2rem}
.hn-thanhvien .thanhvien-head .thanhvien-head-menu a:hover{background-color:#fff;color:#333}
.hn-thanhvien .thanhvien-head .thanhvien-head-menu a.active{background-color:#fff;color:#333}
.hn-thanhvien .thanhvien-content{background-color:#fff;padding:2rem 1rem}
.hn-thanhvien .thanhvien-content .table tr td,.hn-thanhvien .thanhvien-content .table tr th{padding:.5rem}
.hn-thanhvien .thanhvien-content .badge{padding:.2rem}
.hn-thanhvien .thanhvien-content h4{font-size:1.3rem;font-weight:700}
.hn-page{margin-top:30px}
.hn-page .page-link{padding:.3rem .6rem}
.breadcrumb{background-color:transparent;padding:0}
.breadcrumb a{color:#0eadc3}
.breadcrumb-item.active{color:#0eadc3}
.breadcrumb-item+.breadcrumb-item::before{padding-right:.4rem;color:#0eadc3;content:"»"}
.hn-sodoxem{background-color:#e4e4e4;margin-top:65px;padding:.9rem 0;display:flex;margin-bottom:1.5rem}
.hn-sodoxem ul{list-style:none;margin-bottom:0;padding-left:0}
.hn-sodoxem li{display:inline-table}
.hn-sodoxem .sodoxem-item a{color:#0eadc3}
.hn-sodoxem .sodoxem-item.active{color:#999}
.hn-sodoxem .sodoxem-item+.sodoxem-item::before{padding-left:.1rem;padding-right:.3rem;color:#0eadc3;content:"»"}
.form-group{margin-bottom:.6rem}
.form-group label{font-weight:700;margin-bottom:2px}
.form-group small{display:block;margin-top:-7px;margin-bottom:2px}
.form-group label span{color:#f44455;font-weight:700}
.form-control{height:calc(2rem + 6px);border-radius:0}
.hn-cotdoc{position:relative}
.hn-cotdoc .cotdoc-item{background-color:#fff;margin-bottom:1rem;border:1px solid #eee;padding:15px}
.hn-cotdoc .cotdoc-item .cotdoc-item-tieude{text-transform:uppercase;font-size:.9rem;padding:0 0 10px;color:#333;font-weight:700;border-bottom:1px solid #eee;margin-bottom:10px}
.hn-cotdoc .cotdoc-item .cotdoc-item-noidung{padding:15px}
.hn-danhmuc>ul{padding-left:0;margin-bottom:0;list-style:none}
.hn-danhmuc>ul>li{padding-bottom:7px;cursor:pointer;font-size:.9rem;position:relative}
.hn-danhmuc>ul>li:last-child{padding-bottom:0}
.hn-danhmuc>ul>li a:before{font-family:"Font Awesome 5 Free";content:"\f105";opacity:.7;font-weight:900;margin-right:5px;color:#f67052}
.hn-danhmuc>ul>li a:hover{color:#f67052}
.hn-danhmuc>ul>li a{color:#333;display:block}
.hn-danhmuc>ul>li [data-toggle=collapse]:after{content:' ';border:solid;border-width:0 2px 2px 0;padding:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:5px;right:5px}
.hn-danhmuc>ul>li [aria-expanded=true]:after,.hn-danhmuc>ul>li [data-toggle=collapse]:not(.collapsed):after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);top:7px;right:5px}
.hn-danhmuc>ul>li>.hn-danhmuc-dropdown{display:none;padding-left:0;margin-bottom:0;margin-top:8px;list-style:none}
.hn-danhmuc>ul>li>.hn-danhmuc-dropdown.show{display:block}
.hn-danhmuc>ul>li>.hn-danhmuc-dropdown>li{padding-left:25px;padding-bottom:8px;display:-webkit-box;background:url(/hn_images/panel-subtitle.gif) no-repeat top 2px left 7px}
.hn-danhmuc>ul>li>.hn-danhmuc-dropdown>li:last-child{padding-bottom:0}
.hn-danhmuc>ul>li>.hn-danhmuc-dropdown>li a:before{content:''}
.hn-danhmuctintuc .danhmuctintuc-tieude{margin-bottom:1rem}
.hn-danhmuctintuc .danhmuctintuc-tieude h2{font-size:1.4rem;font-weight:600;display:inline-table;margin-bottom:0}
.hn-danhmuctintuc .danhmuctintuc-item{margin-bottom:20px;border-bottom:1px dotted #eee;padding-bottom:10px}
.hn-danhmuctintuc .danhmuctintuc-item .danhmuctintuc-item-img{text-align:center;height:110px;max-height:110px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center;margin-bottom:10px}
.hn-danhmuctintuc .danhmuctintuc-item h3{padding:0;margin:0;font-size:1rem;line-height:1.5rem;font-weight:700}
.hn-danhmuctintuc .danhmuctintuc-item h3 a{color:#333}
.hn-danhmuctintuc .danhmuctintuc-item .ngaydang{color:#999}
.hn-danhmuctintuc .danhmuctintuc-item .ngaydang span{padding-right:10px}
.hn-danhmuctintuc .danhmuctintuc-item .mota{font-size:14px;line-height:26px;margin-top:10px}
.hn-tinkhac{border-top:1px dashed #ddd;padding-top:1.5rem;margin-top:2rem}
.hn-tinkhac h4{font-size:1rem;font-weight:700;margin-bottom:13px}
.hn-tinkhac ul{list-style:none;padding-left:0;margin-bottom:0}
.hn-tinkhac ul>li a{color:#333}
.hn-tinkhac ul>li span{color:#999}
.hn-tinkhac ul>li:before{font-family:"Font Awesome 5 Free";content:"\f0da";opacity:.7;font-weight:900;margin-right:5px;color:#f67052}
.hn-tintucmoi .tintucmoi-item{margin:10px 0;border-bottom:1px dotted #eee;padding-bottom:10px}
.hn-tintucmoi .tintucmoi-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.hn-tintucmoi .tintucmoi-item img{width:100%;height:auto;margin-top:5px;display:block}
.hn-tintucmoi .tintucmoi-item p{padding:0;margin:0;font-size:.9rem;font-weight:600}
.hn-tintucmoi .tintucmoi-item p a{color:#333}
.hn-tintucmoi .tintucmoi-item p a:hover{color:#ec5252}
.hn-tintucmoi .tintucmoi-item span{color:#666;padding-top:5px;display:block}
.hn-tintucmoi .tintucmoi-item span.ngaydang{color:#9b9b9b;font-size:.7rem}
.hn-lienhe .form-group label{font-weight:700;margin-bottom:2px}
.hn-lienhe .form-group label span{color:#f44455;font-weight:700}
.hn-lienhe .lienhe-thongtinlienhe h4{color:#f34125;font-size:18px;font-weight:600;line-height:1.4}
.hn-lienhe .lienhe-thongtinlienhe h4 span{color:#333;display:block;font-size:14px;font-weight:300;padding-bottom:5px}
.hn-lienhe .lienhe-thongtinlienhe p{margin-bottom:3px}
.hn-lienhe .lienhe-thongtinlienhe p i{width:20px;height:20px;border-radius:50%;text-align:center;line-height:18px;border:1px solid #333;margin-right:5px}
.hn-lienhe .lienhe-thongtinlienhe p i.fa-phone{transform:scaleX(-1)}
.hn-lienhe .lienhe-thongtinlienhe a{color:#000}
.hn-lienhe .hnthongbaolienhe p{margin-top:10px;margin-bottom:10px}
.hn-lienhe .lienhe-bando{margin-top:20px}
.hn-lienhe .lienhe-bando iframe{width:100%;height:300px;max-width:100%;max-height:300px;border:0}
.hn-sanphamcotdoc .sanphamcotdoc-item{margin:10px 0;border-bottom:2px dotted #eee;padding-bottom:10px;position:relative}
.hn-sanphamcotdoc .sanphamcotdoc-item:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.hn-sanphamcotdoc .sanphamcotdoc-item .sanphamcotdoc-item-tyle{position: absolute;top:9px;left:5px;background-color: #FFCC00;padding:.01rem .3rem;color: #333;font-size:.6rem;border-radius: 3px;z-index: 999;line-height: 1.5}
.hn-sanphamcotdoc .sanphamcotdoc-item .sanphamcotdoc-item-img img{width:100%;max-width:100%;height:auto;margin-top:5px}
.hn-sanphamcotdoc .sanphamcotdoc-item a{color:#333}
.hn-sanphamcotdoc .sanphamcotdoc-item a:hover{color:#288ad6}
.hn-sanphamcotdoc .sanphamcotdoc-item .sanphamcotdoc-item-gia span.giagoc{color:#898989;text-decoration:line-through;display:block;margin-bottom:-.3rem}
.hn-sanphamcotdoc .sanphamcotdoc-item .sanphamcotdoc-item-gia span.giaban{color:#da1818;font-weight:700}
.hn-text-line-through{text-decoration:line-through}
.hn-giohang{background-color:#fff}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item{margin-bottom:1rem;border-bottom:1px dotted #ccc;padding-bottom:1rem;font-size:.9rem}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item:last-child{border-bottom:0;margin-bottom:0}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item .btn-xoa{font-size:11px;padding:0;background-color:transparent;border:0;color:#333;display: block;margin-bottom:1rem}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item .btn i.far{vertical-align:top}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item .tensp{margin-bottom:5px}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item .giasp{text-align:right;line-height: 1.2}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item .giasp .giaban{color:#d0021b;font-weight: 700}
.hn-giohang .giohang-listsanpham .giohang-listsanpham-item .giasp .giagoc{text-decoration: line-through;display:block}
.hn-giohang .giohang-tonggiohang{font-size:14px;border-top:1px solid #eee;padding-top:1rem}
.hn-giohang .giohang-tonggiohang span{font-weight:700}
.hn-giohang .giohang-tonggiohang .tonggiohang-khuyenmai{font-size:1rem}
.hn-giohang .giohang-tonggiohang .tonggiohang-tongthanhtoan{font-size:1.2rem;color:#d0021b}
.hn-login{padding:2rem;justify-content:center;padding:15px;width:100%}
.hn-login .login-content{background-color:#fff;padding:2rem;border-radius:7px;width:100%}
.hn-login .login-content .login-content-brand img{max-height:60px}
.hn-login .login-content .login-content-brand h4{text-transform:uppercase;font-size:1.4rem;font-weight:600;margin:1.5rem 0}
.hn-login .login-content .login-content-form{margin-top:1rem}
.hn-login .login-content .login-content-form p{margin-bottom:0}
.hn-login .login-content .login-content-form .btn{margin-top:.8rem}
.hn-login .login-content .login-content-form .form-group{margin-bottom:10px}
.hn-login .login-content .login-content-form .form-control{padding:20px;font-size:1rem}
.hn-login .login-content .login-content-form .hnthongbaodangky{margin-top:.6rem}
.hn-login .login-content .login-content-footer{margin-top:1rem;font-size:.9rem}
.hn-login .login-content .login-content-footer span{display:block}
.hn-login .login-footer{margin:1rem 0;font-size:.7rem}
.dropdown-menu .dropdown-item i{padding-right:5px}
.carousel-control-next,.carousel-control-prev{top:calc(40% + 5px);bottom:unset;background-color:#333;width:calc(2rem + 5px);height:15%;display:none}
.carousel:hover .carousel-control-next,.carousel:hover .carousel-control-prev{display:flex}
.alert{padding:5px 15px}
.modal-content{border:0}
.hn-box-call{background:#f34125;position:fixed;bottom:184px;height:30px;line-height:30px;padding:0;color:#fff;left:0;z-index:99999}
.hn-box-call i{font-size:15px;line-height:30px;width:30px;height:30px;text-align:center;float:left;padding-right:5px}
.hn-box-call a{color:#fff;font-size:15px;font-weight:700;text-decoration:none}
.hn-box-call a .info-call{display:none}
.hn-box-call a:hover .info-call{display:block;width:140px;text-align:center;padding-right:10px}
.hn-call{background-color:transparent;cursor:pointer;height:100px;position:fixed;transition:visibility .5s ease 0s;width:100px;z-index:200!important;top:initial!important;bottom:5rem;left:10px}
.hn-call-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running hn-call-circle-anim;background-color:transparent;border:2px solid rgba(30,30,30,.4);border-radius:100%;height:100px;left:0;opacity:.1;position:absolute;top:0;transform-origin:50% 50% 0;transition:all .5s ease 0s;width:100px}
.hn-call-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running hn-call-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:70px;left:15px;position:absolute;top:15px;transform-origin:50% 50% 0;transition:all .5s ease 0s;width:70px}
.hn-call-ph-img-circle{border:2px solid transparent;border-radius:100%;height:50px;left:25px;opacity:.7;position:absolute;top:25px;transform-origin:50% 50% 0;width:50px}
.hn-call.hn-call-hover,.hn-call:hover{opacity:1}
.hn-call.hn-call-active .hn-call-ph-circle{animation:1.1s ease-in-out 0s normal none infinite running hn-call-circle-anim!important}
.hn-call.hn-call-static .hn-call-ph-circle{animation:2.2s ease-in-out 0s normal none infinite running hn-call-circle-anim!important}
.hn-call.hn-call-hover .hn-call-ph-circle,.hn-call:hover .hn-call-ph-circle{border-color:#84cc5c;opacity:.5}
.hn-call.hn-call-blue.hn-call-hover .hn-call-ph-circle,.hn-call.hn-call-blue:hover .hn-call-ph-circle{border-color:#f34125;opacity:1}
.hn-call.hn-call-blue .hn-call-ph-circle{border-color:#b7e19f;opacity:1}
.hn-call.hn-call-hover .hn-call-ph-circle-fill,.hn-call:hover .hn-call-ph-circle-fill{background-color:rgba(154,214,122,.9)}
.hn-call.hn-call-blue.hn-call-hover .hn-call-ph-circle-fill,.hn-call.hn-call-blue:hover .hn-call-ph-circle-fill{background-color:#f34125}
.hn-call.hn-call-blue .hn-call-ph-circle-fill{background-color:rgba(154,214,122,.9)}
.hn-call.hn-call-hover .hn-call-ph-img-circle,.hn-call:hover .hn-call-ph-img-circle{background-color:#84cc5c}
.hn-call.hn-call-blue.hn-call-hover .hn-call-ph-img-circle,.hn-call.hn-call-blue:hover .hn-call-ph-img-circle{background-color:#f34125}
.hn-call.hn-call-blue .hn-call-ph-img-circle{background-color:#84cc5c;transform:scaleX(-1)}
@keyframes hn-call-circle-anim{
	0%{opacity:.1;transform:rotate(0) scale(.5) skew(1deg)}
	30%{opacity:.5;transform:rotate(0) scale(.7) skew(1deg)}
	100%{opacity:.6;transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes hn-call-circle-img-anim{
	0%{transform:rotate(0) scale(1) skew(1deg)}
	10%{transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{transform:rotate(25deg) scale(1) skew(1deg)}
	30%{transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{transform:rotate(25deg) scale(1) skew(1deg)}
	50%{transform:rotate(0) scale(1) skew(1deg)}
	100%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes hn-call-circle-fill-anim{
	0%{opacity:.2;transform:rotate(0) scale(.7) skew(1deg)}
	50%{opacity:.2;transform:rotate(0) scale(1) skew(1deg)}
	100%{opacity:.2;transform:rotate(0) scale(.7) skew(1deg)}
}
.hn-call-ph-img-circle i{animation:1s ease-in-out 0s normal none infinite running hn-call-circle-img-anim;font-size:27px;line-height:49px;padding-left:10px;color:#fff}
@keyframes hn-call-ring-ring{
	0%{transform:rotate(0) scale(1) skew(1deg)}
	10%{transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{transform:rotate(25deg) scale(1) skew(1deg)}
	30%{transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{transform:rotate(25deg) scale(1) skew(1deg)}
	50%{transform:rotate(0) scale(1) skew(1deg)}
	100%{transform:rotate(0) scale(1) skew(1deg)}
}
.hn-loading{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);z-index:99999;display:none}
.hn-loading:target{opacity:1;pointer-events:auto}
.hn-loading .content-loading{background-color:#fff;color:#333;position:absolute;top:0;left:0;bottom:0;right:0;width:120px;height:50px;text-align:center;margin:auto;border-radius:5px;padding-top:11px}
.hn-loading .content-loading i{display:block}
.hn-lendautrang{padding:4px 10px;position:fixed;bottom:170px;right:40px;color:#fff;text-align:center;z-index:999999;font-size:20px}
.hn-chat-fb{position:fixed;bottom:115px;right:37px;z-index:999999}
.hn-chat-zalo{position:fixed;bottom:65px;right:37px;z-index:999999}
.hn-timkiem-mobile .form-control{border-radius:5px}
.modal{z-index:9999}
.modal-header{background-color:#097890;color:#fff;border-bottom:0}
::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#999}
@media (min-width:1200px){
	.col-xl-20,.col-lg-20{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width:1024px) and (max-width:1536px){
	.hn-listsanpham .listsanpham-item .listsanpham-item-img{height:100px;max-height:100px}
}
@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){
	.navbar-toggler{border:0}
	.dropdown-item{padding:.2rem 1rem}
	.hn-listsanpham .listsanpham-item{height:395px}
	.hn-listsanpham .listsanpham-item .listsanpham-item-img{height:190px;max-height:190px}
	.hn-trinhchieu .trinhchieu-item{height:260px;max-height:260px}
	.hn-xemsanpham .xemsanpham-gia.fix{width:216px}
	.hn-xemsanpham .xemsanpham-gia .btn{font-size:.7rem}
	.hn-header .header-timkiem{float:left;width:calc(40% + 5px);max-width:40%}
}
@media (min-width:320px) and (max-width:480px){
	.hn-tinmoitrangchu .tinmoitrangchu-big .tinmoitrangchu-big-img{height:250px;max-height:250px}
	.hn-dangkycongtacvien{background-image:none}
	.hn-dangkycongtacvien h4{font-size:3rem}
	.navbar-collapse{margin-top:10px}
	.hn-listsanpham .listsanpham-item{height:330px}
	.hn-listsanpham .listsanpham-item .listsanpham-item-img{height:110px;max-height:110px}
	.hn-listsanpham .listsanpham-item .listsanpham-item-thongtin .tensanpham{height:65px;max-height:65px}
	.owl-carousel .owl-item img{width:auto!important}
	.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-thongso ul>li{width:100%}
	.hn-chat-fb,.hn-chat-zalo{right:10px}
	.hn-lendautrang{right:12px}
	.hn-copyright.mb4{margin-bottom:4rem}
	.hn-copyright,.hn-copyright .copyright-nhacungcap{text-align:center}
	.hn-header .header-login .btn{font-size:.3rem}
	.navbar-toggler{border:0;padding:0}
	.navbar-nav{max-height:500px;overflow:auto;margin-top:.5rem}
	.dropdown-menu{border:0}
	.dropdown-item{padding:.2rem 1rem}
	.hn-lienhe .lienhe-bando iframe{width:100%;max-height:200px}
	.hn-trinhchieu .trinhchieu-item{height:140px;max-height:140px}
	.hn-xemsanpham .xemsanpham-gia{position:initial;margin-bottom:1rem}
	.hn-xemsanpham .xemsanpham-gia.fix{position:inherit;width:100%}
	.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-tensanpham{margin-top:.5rem}
	.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .carousel-item{height:200px;max-height:200px}
	.hn-xemsanpham .xemsanpham-chitiet .xemsanpham-chitiet-trinhchieu .xemsanpham-chitiet-trinhchieu-noidung iframe{height:200px}
	.hn-danhmucsanpham .option-right{position:inherit;margin-top:5px}
	.hn-danhmucsanpham .option-right li:first-child{padding-left:0}
	.hn-sanphamlienquan .sanphamlienquan-item .sanphamlienquan-item-img{height:150px;max-height:150px}
	.hn-danhmuctintuc .danhmuctintuc-item .danhmuctintuc-item-img{height:160px;max-height:160px}
}