:root {
    --yellow: #f9cf00;
}
@font-face {
    font-family:AvoB;
    src:url("../fonts/UTM-AvoBold.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
}
a{color: #000;}
.text-dmsp{text-transform: uppercase;font-weight: bold;}
body{font-family: 'Roboto', sans-serif;font-size: 14px;overflow-x: hidden;}
i{font-family: 'Roboto', sans-serif;}
b, strong, h1, h2, h3, h4{font-family: 'Roboto', sans-serif;font-size: inherit;}
.text-yellow{color: var(--yellow);}
.navbar-light .navbar-brand,.navbar-light .navbar-nav .nav-link{color: var(--yellow);}
.offcanvas-body ul{position: initial !important;top: 0 !IMPORTANT;transform: initial !IMPORTANT;border: none;}
.offcanvas-body ul li a:after{float: right;margin-top: 0px;}
.offcanvas-body ul li a{font-weight: 500;color: #000;text-transform: uppercase;font-size: 14px;font-family: 'Roboto';padding-top: 10px;padding-bottom: 10px;}
.offcanvas-body ul li ul{padding-left: 18px;}
.offcanvas-body ul li ul li a{display: block;padding: 10px 15px;text-decoration: none;font-weight: 300;color: #fff;font-family: 'Roboto';}
.dropdown-menu{min-width: 210px;}
.nav-sub{    position: relative;}
.nav-sub ul{
    position: absolute;
    right: 0;
    top: 0;
    left: 100%;
    min-width: 100%;
    background-color: #fff;
    padding: 0;
    list-style: none;
    border: 1px solid #eee;
    box-shadow: 1px 1px 4px #00000040;
    border-radius: 3px;
    display: none;
}
.navbar-brand1ul{
    list-style: none;
    padding: 0px;
}
.nav-sub ul li a{
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
}
.nav-sub ul li a:hover{
    background-color: #006847;
    color: #fff;
}
.nav-sub:hover ul{
    display: block;
}
.nav-sub:hover>a{
    background-color: #006847;
    color: #fff;
}
.nav-link:focus, .nav-link:hover{color: #410000;}
.nav-sub-mobile>a:after{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-top: 8px;
}
.nav-sub-mobile ul{list-style: none;}
.nav-sub-mobile ul li a{text-transform: capitalize;}
.nav-top{list-style: none;padding: 0;margin-bottom: 0;}
.nav-top li:last-child a{padding-right: 0;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #fff;}
.nav-top a{color: #1b1718;display: block;padding-right: 10px;padding-left: 10px;position: relative;margin-top: 10px;margin-bottom: 10px;font-size: 14px;}
.nav-top a:after{content:"";height: 15px;position: absolute;border-left: 1px solid #000;top: 50%;transform: translateY(-50%);right: 0;}
.nav-top li:nth-child(1) a{padding-left: 0;}
.nav-top li:last-child a:after{content:"";display: none;}
.top{background-color: #e6e6e6;}

.slogan .text{position: relative;height: 35px;line-height: 35px;background-color: #FEA500;padding-left: 30px;padding-right: 30px;color: #510000;text-transform: uppercase;font-family: 'Roboto';font-size: 16px;font-weight: 700;line-height: 35px;}
.slogan .text:before{content:"";position: absolute;height: 100%;width: 37px;background: url(../images/br-left.png) no-repeat bottom right;background-size: contain;left: -37px;}
.slogan .text:after{content:"";position: absolute;height: 100%;width: 37px;background: url(../images/br-right.png) no-repeat bottom left;background-size: contain;right: -37px;}
header{background-color: #410000;padding-top: 10px;padding-bottom: 10px;}
.navbar-form input{width: 285px;font-size: 14px;background-color: #fff;border: 0px solid #10598A;height: 40px;padding: 10px 15px 10px;color: #000; border-radius: 30px !important;}
.navbar-form button{position: absolute;color: #fff;right: 0;top: 0;bottom: 0;background-color: #fff;width: 43px;border-radius: 30px}
.navbar-form input::-webkit-input-placeholder {color: #000;}
.navbar-form input:-ms-input-placeholder {color: #000;}
.navbar-form input::placeholder {color: #000;}

.form-group1 input::-webkit-input-placeholder {color: #fff;}
.form-group1 input:-ms-input-placeholder {color: #fff;}
.form-group1 input::placeholder {color: #fff;}
.navbar-form svg{margin-top: -3px;}
.logo img{height: 75px;padding: 2px;}
.right-head_hotline{border: 1px  solid #fff;padding: 4px;border-radius: 30px;color: #fff;padding-right: 25px;}
.icon-phone{width: 31px;height: 31px;background-color: #ec1c24;color: #fff;display: inline-block;text-align: center;line-height: 31px;border-radius: 50%;margin-right: 30px;}
.icon-phone svg{margin-top: -4px;}
.right-head_cart{position: relative;height: 40px;width: 40px;background-color: #10598A;border-radius: 50%;text-align: center;line-height: 40px;margin-left: 15px;}
.right-head_cart svg{color: #fff;width: 23px;height: 23px;}
.right-head_cart span{position: absolute;right: -7px;background-color: #ec1c24;color: #fff;padding: 0px 5px 2px;font-size: 13px;border-radius: 30px;line-height: 16px;}
.right-head{padding-top: 30px;}
footer{background-size: cover;background-position: center;color: #fff;line-height: 22px;}
.logo-f{border-bottom: 1px solid #9f393c;padding-bottom: 20px;}
.title-f{font-family: 'Roboto';text-transform: uppercase;position: relative;padding-bottom: 10px;font-size: 18px;font-weight: 500;}
.content-f{margin-bottom: 30px;}
.content-f ul{list-style: none;padding: 0;}
.content-f ul li{margin-bottom: 8px;}
.content-f ul li a{color: #ffff;background: url(../images/icon-right.png) no-repeat center left;padding-left: 10px;background-size: 6px;}
.map-f iframe{height: 130px;}
.mxh-f{margin-top: 15px;margin-bottom: 15px;}
.mxh-f a{display: inline-block;}
.mxh-f a.facebook{color: #4551c5;width: 40px;height: 40px;background-color: #fff;border-radius: 50%;margin-right: 15px;}
.mxh-f a.facebook svg{width: 40px;height: 40px;}
.mxh-f a.youtube{color: #fff;width: 40px;height: 40px;background-color: #fd0600;border-radius: 50%;line-height: 41px;}
.mxh-f a.youtube svg{width: 40px;height: 30px;}
.title-f:before{content:"";position: absolute;left: 0;width: 60px;height: 2px;background-color: #fff;bottom: 0;}
.name-chuyengia{
    color: #333333;
    font-weight: bolder;
    font-size: 26px;
    margin-bottom: 15px;
}
.div-tintuc{
    display: flex;
    justify-content: space-between;
    background-color: #ededed;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid var(--yellow);
}
.wrap-tintuc{
    overflow-y: auto;
}
.left-tintuc{
    width: 40%;
}
.bgr-tintuc{
    padding: 30px 0px;
}
.right-tintuc{
    width: 58%;
    background: #fff;
    padding: 0px 30px;
}
.ten-tintuc a{
    font-size: 18px;
    color: #000000;
}
.ten-tintuc{
    margin-top: 30px;
    margin-bottom: 10px;
}
.logo1{
    margin: auto 0px;
}
.right-menu{margin: auto 0px;display: flex;align-items: center;}
.logo-footer{
    text-align: center;
    margin-bottom: 10px;
}
.mxh-footer{
    text-align: center;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    margin-top: 10px;
}
.padiing-footer{
    padding-left: 90px;
}
.mxh-footer a{
    padding: 0px 4px;
}
.noidung-footer1{
    text-align: center;
    font-size: 13px;
    font-weight: 300;

}
.noidung-chuyengia{
    color: #333333;
    font-size: 16px;
}
.bgr-thongtinchuyengia{
    background: #F3F1F2;
    padding: 30px;
    margin-bottom: 27px;
}
.div-gapgochuyengia{
    margin-top: 30px;
    margin-bottom: 10px;
}
.div-gapgochuyengia a{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 800;
    background-color: #10598A;
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    color: #fff !important;
    cursor: pointer;
    border: 1px solid;
}
.div-gapgochuyengia a:hover{
    background-color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    color: #10598A !important;
    cursor: pointer;
    border: 1px solid #10598A ;
}
/*! Index*/
.bgr-menu{
    background-color: #000;
    position: sticky;
    top: 0;
    z-index: 99;
}
.item-slide img{width: 100%;max-height: 550px;object-fit: cover;}
/* .navbar-brand.active, .navbar-light .navbar-nav .nav-link.active{background-color: #e99820;} */
.why{background-color: #c27e51;padding-top: 20px !important;padding-bottom: 27px !important;}
.why_title{color: #fff;font-size: 28px;text-transform: uppercase;font-family: 'Roboto';font-weight: 700;}
.why_item{background-color: #fff;position: relative;padding: 16px;padding-left: 110px;}
.why_item_img{max-width: 80px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.why_item_content{font-size: 15px;}
.why_item_content_title{font-family: 'AvoB';text-transform: uppercase;font-size: 18px;color: #545454;margin-bottom: 5px;}
.danhmuc_home-body{padding-left: 30px;padding-right: 30px;margin-top: 50px;}
.danhmuc_home_title{color: #e99820;text-transform: uppercase;font-size: 28px;padding-bottom: 30px;background: url(../images/br-title-danhmuc.png) no-repeat center bottom;font-family: 'Roboto';font-weight: 700;}

.danhmuc_home_item_img{height: 350px;width: 100%;object-fit: cover;}
.danhmuc_home_item_img img{width: 120px;height: 120px;border-radius: 50%;margin: 0px auto;display: block;}
.danhmuc_home_item_title{display: block;text-align: center;color: #e99820;font-size: 16px;margin-top: 20px;font-weight: 300;}
.danhmuc_Swiper-next, .danhmuc_Swiper-prev{background-color: #4b2222;width: 30px !important;height: 30px !important;border-radius: 50%;}
.danhmuc_Swiper-next:after, .danhmuc_Swiper-prev:after{font-size: 16px !important;color: #fff;}
.sanpham_home{background-color: #410000;color: #e99820;}

.product_title-home_text{background: url(../images/icon-title.png) no-repeat center left;padding-left: 45px;font-size: 14px;text-transform: uppercase;padding-top: 10px;padding-bottom: 10px;font-family: 'Roboto';}
.nav_sub_pro{list-style: none;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav_sub_pro_item{color: #e99820;display: block;padding: 5px 10px;border: 1px solid;margin-right: 10px;border-radius: 30px;text-transform: uppercase;}
.nav_sub_pro_item:hover, .nav_sub_pro_item:focus{background-color: #ffb322;color: #410000;}
.title_home_pro_all{color: #e99820;display: block;padding: 5px 20px;border: 1px solid;margin-right: 10px;border-radius: 30px;text-transform: uppercase;}
.br-xam{padding-top: 20px !important;padding-bottom: 30px !important;}
.video_home_title{font-family: 'Roboto';background: url(../images/icon-title2.png) no-repeat center left;padding-left: 50px;font-size: 22px;text-transform: uppercase;padding-top: 10px;padding-bottom: 10px;font-family: 'Roboto';font-weight: 700;margin-bottom: 10px !IMPORTANT;}
.video_item{margin-bottom: 20px;}
.video_item_img{height: 200px;width: 100%;object-fit: cover;}
.video_item_big .video_item_img{height: 420px;width: 100%;}
.video_item_play{/* border: 1px solid #fff; */border-radius: 10px;background-color: red;height: 40px;text-align: center;line-height: 29px;padding-left: 8px;display: block;width: 70px;}
.video_item_play svg{width: 40px;height: 40px;color: #fff;}
.video_item_title{position: absolute;bottom: 0;background-color: #000000ad;z-index: 1;left: 0;width: 100%;padding: 10px 15px;color: #fff;font-family: Roboto;font-size: 16px;font-weight: 500;}
.video_item a{display: block;}
.item-truyenthong .video_item_img{height: 310px;}
.danhmuc_home{background-size: cover;background-position: center;padding-top: 30px !IMPORTANT;padding-bottom: 30px !important;border-bottom: 1px solid #75360b;}
.danhgia_home{background-size: cover;background-position: center;padding-top: 30px !important;padding-bottom: 30px !important;}
.danhgia_home_title{color: #e99820;text-transform: uppercase;font-size: 28px;padding-bottom: 30px;background: url(../images/br-title-danhmuc.png) no-repeat center bottom;font-family: 'Roboto';font-weight: 700;}
.tintuc_home_item{margin-bottom: 10px;}
.tintuc_home_item_img{height: 210px;width: 100%;object-fit: cover;}
.tintuc_home_item_title{font-family: 'Roboto';font-size: 15px;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 500;margin-bottom: 0;}
.tintuc_home_item_mota{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.tintuc_home_item2{border-top: 1px solid #e3dede;padding-top: 10px;}
.tintuc_home_item2_img{height: 80px;object-fit: cover;}
.item_product{padding-bottom: 10px;margin-bottom: 20px;}
.item_product_img{height: 290px;object-fit: cover;width: 100%;border-radius: 10px;}
.item_product_title{font-size: 14px;font-family: 'Roboto';margin-top: 10px;line-height: 19px;padding-left: 5px;padding-right: 5px;font-weight: 400;margin-bottom: 2px;height: 38px;}
.item_product_title a{color: #e1e1e1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
.item_product_title a:hover{color: var(--yellow);} 
.item_product_price{font-size: 16px;margin-bottom: 5px;padding-left: 5px;padding-right: 5px;color: #e99820;}
.item_product_price del{color: #ccc;font-size: 14px;margin-left: 10px;}
.item_product_f{padding-left: 5px;padding-right: 5px;}
.item_product_f ul{list-style: none;padding: 0;margin-bottom: 0;margin-left: 10px;margin-right: 10px;}
.item_product_f ul svg{color: #e99820;}
.item_product_f span{display: block;color: #e1e1e1;margin-top: 3px;}
/*san pham*/
.sodotrang{background-color: var(--yellow);padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #000;margin-bottom: 0;}
.breadcrumb a{color: #000;font-size: 15px;}
.chitiet_sp_hot{padding-top: 20px;padding-bottom: 15px;background-size: cover;background-position: center;color: #fff;}
.Swiper_sp_hot_img{width: 100%;height: 399px;border-radius: 15px;}
.chitiet_sp_hot_title{font-family: 'Roboto';color: #000;font-size: 25px;margin-top: 0;margin-bottom: 10px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-transform: uppercase;}
.chitiet_sp_hot_gia{margin-bottom: 8px;color: red;font-family: 'Roboto';font-size: 28px;font-weight: 700;}
.chitiet_sp_hot_gia del, .chitiet_sp_hot_gia span{font-family: 'Roboto';color: #fff;font-size: 16px;display: inline-block;}
.chitiet_sp_hot_gia span.sale{color: #fff;font-family: 'Roboto';font-size: 13px;background-color: #f38121;padding: 1px 7px 3px;border-radius: 30px;display: inline-block;position: relative;top: -5px;}
.chitiet_sp_hot_mota{font-size: 14px;margin-bottom: 15px;}
.chitiet_sp_hot_thongso{padding-left: 15px;margin-bottom: 7px;}
.chitiet_sp_hot_thongso li{width: 50%;float: left;margin-bottom: 7px;color: #e5e5e5;font-weight: 400;}
.chitiet_sp_hot_thongso:after{content:"";display: block;clear: both;}
.chitiet_sp_hot_tuvan_form input{background-color: transparent;border: 1px solid #fff;border-radius: 30px 0 0 30px;font-size: 14px;padding: 6px 20px 6px;color: #fff;}
.chitiet_sp_hot_tuvan_form .btn{background-color: #ffff;width: 100px;border-radius: 0 30px 30px 0;font-family: 'Roboto';font-weight: 700;}
.cart-plus-minus{width: 90px;border-radius: 26px;position: relative;/* margin-right: 15px; */}
.cart-plus-minus input{border:0;outline:0;background:none;font-weight:400;color: #000;font-size:14px;display:inline-block;height: 39px;padding: 0 30px;width: 90px;border: 1px solid #000;text-align:center;}
.cart-plus-minus .qtybutton{font-size:20px;color: #000;display:inline-block;position:absolute;top:50%;height: 16px;width:22px;background:transparent;border-radius:30px;line-height:1;cursor:pointer;text-align:center;border-radius:0;transform:translateY(-50%);margin-top: -2px;}
.fw-7001{
    font-size: 19px;
    margin-bottom: 12px;
    text-align: center;
}
.form-button-lienhe{
    text-align: center;
}
.thongtinlienhe-lienhe{
    font-size: 18px;
    font-weight: 600;
}
.chitiet_sp_hot_thongso1{
    margin-bottom: 20px;
}
.div-soluong1{
    font-size: 15px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: bold;
}
.statistical-content{
    font-size: 40px;
    font-weight: bold;
}
.div_kt1{
    display: flex;
    padding: 7px 0px;
    padding-left: 7px;
    justify-content: space-between;
}
.div_kt2{
    width: 40%;
    margin: auto 0px;
}
.div_kt3{
    width: 59%;
    margin: auto 0px;
}
.div_kt1:nth-child(odd){
    background-color: #ededed;
    
}
.statistical-name{
    font-size: 16px;
    min-height: 32px;
    padding-top: 8px;
}
.row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #ececec;
}
.statistical-content span{
    border-bottom: 2px solid;
}
.statistical{
    background: #10598A;
    color: #fff;
    margin: 20px 0px;
}
.statistical-div{
    text-align: center;
    padding: 25px 0px;
}
.map iframe{
    height: 370px;
}
.form-button button span{
    text-transform: uppercase;
}
.form-button button:hover {
    background-color: #fff;
    color: #10598A !important;
    cursor: pointer;
    border: 1px solid #10598A;
}
.img-doitac{
    height: 105px;
    object-fit: cover;
    width: 100%;
    border: 1px solid #1b478d;
    border-radius: 8px;
    padding: 5px;
}
.div-doitac{
    display: flex;
    flex-wrap: wrap;
    margin: -10px -20px;
}
.text-doitac{
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--yellow);
    text-align: center;
    margin-bottom: 30px;
}
.text-lienhe{
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ec222a;
    text-align: center;
    margin-bottom: 30px;
    text-align: center;
}
.text-lienhe a{color: var(--yellow);}
.bgr-lienheid{
    padding: 60px 0px;
}
.skiptranslate iframe{
    display: none;
}
.ten-lichsu{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.bgr-sanpham-tl{
    padding: 30px 0px;
}
.center-menu{
    margin: auto 0px;
}
.div-menu{
    display: flex;
    justify-content: space-between;
}
.left-sanpham-tl{
    width: 49%;
}
.right-sanpham-tl{
    width: 49%;
}
.div-sanpham-tl{
    display: flex;
    justify-content: space-between;
}
.right-lichsu-div{
    height: 386px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right: 50px;
    padding-left: 10px;
}
.wrap-lichsu{
    position: relative;
    padding-left: 25px;
}
.text-lichsu{text-align: center;font-size: 30px;font-weight: bold;color: var(--yellow);text-transform: uppercase;margin-bottom: 50px;}
.bgr-lichsu{padding: 40px 0px;}
.div-ten-noidung::before{content: '';position: absolute;width: 14px;height: 14px;left: -7px;background-color: #ffffff;top: 4px;border-radius: 50%;z-index: 1;border: 2px solid var(--yellow);font-weight: 500;}
.div-img-gioithieu-id{text-align: center;}
.wrap-lichsu{border-left: 1px solid #0a5289;}
.ten-gioithieu-id{font-size: 30px;color: #ec222a;font-weight: bold;text-transform: uppercase;margin-bottom: .5rem;}
.ten-gioithieu-id a{color: var(--yellow);}
.noidung-gioithieu-id{font-size: 16px;color: #000000;line-height: 24px;padding-right: 50px;margin-bottom: 15px;}
.noidung-lichsu{
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 15px;
}
.noidung-lichsu p{
    margin-bottom: 0px;
}
.div-lichsu{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.left-lichsu{
    width: 45%;
}
.right-lichsu{
    width: 52%;
}
.bgr-doitac{
    padding: 50px 0px;
}
.wrap-doitac{
    width: calc(100%/4);
    padding: 10px 20px;
}
/* ggmap */
.bgr-gioithieu{
    background-color: #fbfbfb;
    padding: 75px 0px 40px;
}
.div-gioithieu{
    display: flex;
    justify-content: space-between;
}
.left-gioithieu{
    width: 49%;
}
.right-gioithieu{
    width: 49%;
}
.flex-col{
    margin: auto 0;
}
.div-lienhe1{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}
.ten-lienhe{font-size: 17px;color: var(--yellow);text-transform: uppercase;font-weight: 500;}
.noidung-lienhe{
    font-size: 14px;
    color: #0a5289;
}
.wrap-lienhe{
    width: calc(100%/3);
    padding: 10px;
}
.div-img-ten-mota-lienhe{
    display: flex;
    justify-content: center;
}
.img-lienhe{
    width: 100%;
    height: 110px;
    width: 110px;
}
.ten-noidung-lienhe{
    margin: auto 0px;
    padding-left: 10px;
}
.bgr-footer{background-color: #000;padding: 20px 0px;}
.title-footer{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
}
.cpr{text-align: center;padding: 8px 0px;background-color: #000;color: var(--yellow);}
.title-footer1{font-size: 18px;text-transform: uppercase;margin-bottom: 15px;margin-top: 15px;}
.noidung-footer{
    font-size: 14px;
}
.noidung-footer p{
    margin-bottom: 14px;
}
.product-name {
    color: #1b478d;
}
.div-right-menu{align-items: center;}
.gg-dich-menu img{max-width: 25px;border-radius: 50%;object-fit: cover;height: 25px;}
.cart-plus-minus .dec{left: 10px;}
.cart-plus-minus .inc{right: 10px;}
.cart-btn{height: 40px;border: 1px solid #fff;padding: 8px 22px 6px;background-color: var(--yellow);color: #fff;font-size: 15px;text-transform: uppercase;}
.cart-btn:hover{background-color: #e99820;color: #260202;}
.cart-btn2{background-color: #ec1c24;padding-left: 30px;padding-right: 30px;text-transform: uppercase;}
.Swiper_quangcao_img{height: 415px;width: 100%;object-fit: cover;border-radius: 5px;}
.body-sanpham{background-color: #410000;color: #fff;padding-top: 50px;padding-bottom: 50px;margin-bottom: 30px;}
.box_danhmuc{border: 1px solid #ffad00;padding: 15px;position: relative;border-radius: 15px;margin-bottom: 30px;}
.box_danhmuc_title1{display: inline-block;font-size: 28px;text-transform: uppercase;background-color: #410000;top: -23px;position: absolute;margin: 0px auto;width: 36%;left: 0;right: 0;}
.box_danhmuc_title2{margin-bottom: 10px;margin-top: 10px;}
.box_danhmuc_title2 a{color: #fff;font-family: 'Roboto';display: block;padding-top: 10px;padding-bottom: 10px;background: url(../images/icon-title.png) no-repeat center left;padding-left: 45px;font-size: 16px;}
.box_danhmuc_title2 a:hover, .box_danhmuc_title2 a.active{font-family: 'Roboto';color: #e99820;font-weight: 700;}
.title_product_page{border-bottom: 1px solid #fff;padding-bottom: 10px;font-size: 22px;color: #e99820;position: relative;font-weight: 700;}
.title_product_page:before{content:"";position: absolute;width: 115px;height: 3px;background-color: #e99820;bottom: -2px;}
.mota_danhmuc{margin-bottom: 30px;}
.br-xemthem{ background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1)); height: 105px; left: 0;position: absolute; width: 100%;bottom: 0;padding-top: 51px;}
.btn-xemthem{border: 1px solid;border-radius: 30px;padding: 5px 30px 7px;}
.chitiet_danhmuc{transition: all 0.4s linear;margin-bottom: 30px;}
.list-tt{margin-bottom: 15px;}
.item-thuoctinh{position: relative;margin-right: 4px;}
.item-thuoctinh input{display: none;}
.item-thuoctinh span{display: block;font-size: 13px;padding: 0px 13px;border: 1px solid #efefef;color: #ffffff;min-width: 37px;text-align: center;border-radius: 33px;cursor: pointer;height: 27px;line-height: 24px;}
.item-thuoctinh span.lab_img{font-size: 0;background-size: contain;}
.item-thuoctinh span.lab_color{font-size: 0;background-size: contain;}
.item-thuoctinh input:checked + span {color: #ffffff;border: 1px solid #ec1c24;}
.thuoctinh-sp .title{padding-right: 10px;color: #fff;line-height: 26px;}
.Swiper_spct{margin-top: 10px;}
.Swiper_spct img{height: 120px;width: 100%;border-radius: 7px;border: 3px solid var(--yellow);object-fit: contain;}
.box_right_sp{background-color: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 0;}
.box_right_sp_title{background-color: #e99820;padding: 8px 6px;text-transform: uppercase;font-size: 14px;border-radius: 10px 10px 0 0;}
.box_right_sp_ct{
    color: #000;
    position: relative;
}
.box_right_sp_item{padding: 5px 10px;padding-bottom: 0px;position: relative;padding-right: 13px;font-size: 13px;}
.box_right_sp_item_title{
    color: #000;
    font-family: 'Roboto';
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: 600;
}
.noidung-chitietsanpham{
    font-size: 16px;
}
.text-chitietsanpham{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    color: #000000;
    padding: 12px 0px 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}
.div-img-danhmuc-id img{
    width: 392px;
    height: 392px;
}
.box_right_sp_item_title a{color: #000;color: red;text-decoration: revert;font-weight: 600;}
.box_right_sp_item svg{position: absolute;top: 10px;right: 8px;color: red;}
.Swiper_spct2 .Swiper_sp_hot_img{height: 400px;object-fit: contain;}
.box_tang_kem{padding: 10px;border: 1px solid #fff;border-radius: 15px;margin-top: 30px;position: relative;padding-top: 29px;}
.box_tang_kem span{position: absolute;background-color: #2a0304;display: inline-block;padding: 2px 10px 5px;top: -15px;left: 27px;color: #e99820;font-family: 'Roboto';}
.item_tangkem{margin-bottom: 10px;}
.item_tangkem img{border-radius: 13px;height: 96px;}
.item_tangkem_title{margin-top: 10px;margin-bottom: 7px;font-family: 'Roboto';font-size: 13px;}
.item_tangkem_mota{font-size: 13px;}
.list_kh{padding: 2px 15px;margin-bottom: 0;height: 89px;overflow: hidden;width: 100%;padding-left: 10px; padding-right: 10px}
.list_kh svg{margin-top: 4px;margin-right: 6px;}
.list_kh li{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: nowrap;}
.tab_sanpham .nav-item {padding-left: 2px;padding-right: 2px;}
.tab_sanpham .nav-item .nav-link{background-color: #717171;color: #fff;text-transform: uppercase;border-radius: 10px 10px 0 0;padding-top: 10px;padding-bottom: 10px;}
.tab_sanpham .nav-link.active, .tab_sanpham .show>.nav-link{background-color: #e99820;color: #000;}
.item_product-right .item_product_title a{color: #000;font-family: 'Roboto';}
.item_product-right .item_product_price del{font-size: 14px;}
.item_product-right .item_product_price{color: #e99820;}
.item_product-right .item_product_f span{color: #605d5d;}
.quangcao_sp{background: url(../images/br-quangcao.png) no-repeat center;background-size: cover;background-position: center;padding-top: 50px;padding-bottom: 50px;}
.quangcao_sp .img_sp_sale{margin-bottom: 20px;object-fit: cover;border-radius: 10px;width: 100%}
.form_dk_khuyenmai{border: 1px solid #ff9109;padding: 6px;border-radius: 10px;}
.form_dk_khuyenmai_body{background-color: #ffff;padding: 15px;border-radius: 5px;}
.form_dk_khuyenmai_title{background-color: #ff9109;margin-top: -15px;margin-left: -15px;margin-right: -15px;padding: 15px;text-align: center;margin-bottom: 30px;}
.form_dk_khuyenmai_title_head{font-family: 'Roboto';text-transform: uppercase;color: #fff;font-size: 28px;}
.btn-dk-tuvan{width: 100%;background-color: #b3000c;font-family: 'Roboto';color: #fff;padding: 10px;}
.btn-dk-tuvan svg{color: #ff9109;}
.form_dk_khuyenmai_body .form-control{border: 1px solid #eee;font-size: 14px;border-radius: 0;padding: 10px 15px;}
.form-group{margin-bottom: 17px;}
.form-group input{ width: 100%; padding: 7px 7px 7px 11px;}
.flash-sale {background-color: #717171;text-align: center;padding: 4px;margin-top: 12px;border-radius: 10px;}
.list_kh p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 13px;margin-bottom: 0;}

/*Tin tức*/
.single-smblog{position:relative;border: 1px solid #e3e3e3;padding: 5px;}
.single-smblog .blog-image img{transition:all .5s ease;width: 100%;height: 170px;object-fit: cover;}
.single-smblog .blog-image-2 img{border-radius:20px}
.single-smblog:hover .blog-image img{transform:scale(1.1)}
.smblog-content{padding: 9px;background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.smblog-content h6{font-size:15px;line-height:1.34;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.smblog-content h6:hover{color:#f8b133}
.smblog-content span{font-size:12px;text-transform:uppercase;color:#999;display:inline-block;margin-bottom: 10px;}
.smblog-content span a{color: #e99820;}
.smblog-content p{line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.smblog-content .smblog-foot{border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;padding-top: 10px;}
.smblog-content .smblog-foot .post-readmore a{font-size:14px;line-height:20px;display:inline-block;color:#222}
.smblog-content .smblog-foot .post-readmore a:hover{color:#f8b133}
.smblog-content .smblog-foot .post-date a{color:#999;font-size:14px;line-height:1.2;display:inline-block}
.smblog-content .smblog-foot .post-date a:hover{color:#f8b133}
.blog-tag{position:absolute;top:15px;left:15px}
.blog-tag a{padding:4px 12px;display:inline-block;background: #e99820;font-size:12px;line-height:16px;text-transform:uppercase;color:#fff;border-radius:2px}
.blog-tag-2 a{background:#fcbe00;color:#222}
.blog-area{background-color: #f7f7f7;}
.widget{padding: 30px 30px;border:2px solid #f3f3f3;margin-bottom:40px;background-color: #fff;}
.chitiet_sale{position: relative;width: 120%;margin-left: -27%;}
.quangcao_sp_img{width: 100%;max-width: initial;}
.quangcao_sp_sale{position: absolute;font-size: 30px;color: #fff;left: 11%;font-weight: 700;top: 7px;}
.quangcao_sp_giaban{position: absolute;bottom: 13%;right: 0;left: 0;text-align: center;}
.quangcao_sp_giaban span{display: block;line-height: 40px;font-style: italic;font-size: 16px;}
.quangcao_sp_giaban span b{font-size: 34px;display: inline-block;position: relative;top: 6px;font-style: initial;}
.quangcao_sp_giaban i{font-size: 15px;font-weight: 600;}
.quangcao_sp_title{position: absolute;color: #fff;right: 10%;font-style: italic;font-size: 17px;top: 8%;}
.content_sale ul{color: #c1c1c1;padding-top: 20px;line-height: 30px;}
.text-bvlienquan{font-size: 20px;text-transform: uppercase;font-weight: 600;margin: 10px 0px;}
.content_sale ul li:before{content: "";}
.content_sale ul li:before{content: "";}
.search-mobile{display: flex;}
.search-mobile button{color: #000;}
.head-mobile{ padding-top: 5px;padding-bottom: 5px;padding-right: var(--bs-gutter-x,.75rem);padding-left: var(--bs-gutter-x,.75rem);position: fixed;
left: 0;right: 0;top: 0;z-index: 1000;background-color: #000;align-items: center;}
.menu-mobi button{color: #000;font-size: 16px;border: 1px solid;border-radius: 0;padding: 6px 10px 5px;
margin-top: 6px;outline: none !IMPORTANT;box-shadow: none !important;}
.menu-mobi button svg{color: #fff;width: 23px;height: 23px;position: relative;top: -1px;}
.navbar-toggle {position: relative;padding: 5px 5px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar {display: block;width: 20px;height: 3px;border-radius: 1px;background-color: var(--yellow);}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.giohang-mobile{margin-top: 4px;}
.form-search-nav-mobile{margin-bottom: 0 !important;}
.form-search-nav-mobile input{margin-right: 0 !important;height: 37px;border-radius: 5px !IMPORTANT;background-color: #10598A;color: #fff !IMPORTANT;}
.dropdown-menu-search-mobile{padding: 3px;background-color: #fff;border-radius: 8px;}
.dropdown-item{color: #000;border-bottom: 1px solid #f4f4f4;}
.btn-search-mobile{margin-left: 14px;padding: 3px;background-color: transparent !important;border: none !important;margin-top: 10px;box-shadow: none !important;}
.btn-search-mobile svg{width: 25px;height: 25px;color: #10598A;}
.btn-search-mobile:after{display: none;}
.form-search{position:absolute ;right: 0;top: 100%;z-index: 99;transform: translateX(20px);opacity: 0;transition: all .6s ease;visibility: hidden;}
.form-search.show{transform: translateX(0);visibility: visible;opacity: 1;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget{padding:35px 25px}}
.sidebar-title{font-size:20px;margin-bottom:30px;border-bottom:2px solid #f3f3f3;padding-bottom:16px;line-height:1;font-family: 'Roboto';}
.featured-author p{padding:0 20px}
.featured-author h6{font-size:18px;line-height:46px;margin-bottom:0}
.featured-author-social li{display:inline-block}
.featured-author-social li a{font-size:14px;color:#222;display:inline-block;margin:0 10px}
.featured-author-social li a:hover{color:#fcbe00}
.n-sidebar-search{position:relative}
.n-sidebar-search input{padding-left:30px;padding-right:80px;background:#f5f5f5;height:60px;width:100%;border:0;outline:none}
.n-sidebar-search input::placeholder{color:#999}
.n-sidebar-search button{width:60px;height:60px;text-align:center;line-height:60px;background: #e99820;color:#fff;font-size:14px;display:inline-block;position:absolute;top:0;right:0;border: none;}
.feed-content h6{font-size: 15px;line-height:22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.feed-content h6:hover{color:#fcbe00}
.feed-number img{margin-right:20px;width:80px;height:80px;object-fit:cover;display: block;}
.btn-search{cursor: pointer;}
@media (max-width: 575px) {
.feed-number img{margin-right:0;margin-bottom:20px}}
.feed-date{font-size: 13px;color: #898888;font-style: italic;}
.feed-date i{margin-right:5px}
.n-sidebar-feed ul li{display:flex;align-items:center;padding-bottom: 20px;border-bottom:1px solid #f3f3f3;padding-top: 20px;}