*{
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/font/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/font/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_bold';
    src: url('../fonts/font/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/font/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'UTMHanzel';
    src: url('../fonts/font/UTMHanzel.woff2') format('woff2'),
        url('../fonts/font/UTMHanzel.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN_Poppins';
    src: url('../fonts/font/SVN-Poppins.woff2') format('woff2'),
        url('../fonts/font/SVN-Poppins.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN_Poppins_medium';
    src: url('../fonts/font/SVN-PoppinsMedium.woff2') format('woff2'),
        url('../fonts/font/SVN-PoppinsMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN_Poppins_semibold';
    src: url('../fonts/font/SVN-PoppinsSemiBold.woff2') format('woff2'),
        url('../fonts/font/SVN-PoppinsSemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mulish_black';
    src: url('../fonts/font/Mulish-Black.woff2') format('woff2'),
        url('../fonts/font/Mulish-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/font/UTMHelvetIns.woff2') format('woff2'),
        url('../fonts/font/UTMHelvetIns.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mulish_extrabold';
    src:
        url('../fonts/font/Mulish-ExtraBold.woff2') format('woff2'),
        url('../fonts/font/Mulish-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: 'Mulish_regular';
    src: url('../fonts/font/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/font/Mulish-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'UTMEdwardian';
    src: url('../fonts/font/UTMEdwardian.woff2') format('woff2'),
        url('../fonts/font/UTMEdwardian.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'UTMAmericanSans';
    src: url('../fonts/font/UTMAmericanSans.woff2') format('woff2'),
        url('../fonts/font/UTMAmericanSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli_semibold';
    src: url('../fonts/font/Muli-SemiBold.woff2') format('woff2'),
        url('../fonts/font/Muli-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Mulish_bold';
    src: url('../fonts/font/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/font/Mulish-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand_regular';
    src: url('../fonts/font/Quicksand-Regular.woff2') format('woff2'),
        url('../fonts/font/Quicksand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_black';
    src: url('../fonts/font/Roboto-Black.woff2') format('woff2'),
        url('../fonts/font/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_medium';
    src: url('../fonts/font/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/font/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}




body{font-family: 'Roboto';font-size: 14px; color: #333; background: #fff;}
p{margin: 0}
ul{margin-bottom: 0px}
h4{font-size: 0rem}
a:hover{color: #ffffff}
/* header */
.flex{display: flex;flex-wrap: wrap;align-items: center;}
.box-slide{position:relative;}
.sologan{width: 50%;}
.info-header i{padding-right: 10px;font-size: 13px;color: #333333;}
.info-header1{font-size: 15px;font-family:'Mulish_black';}
.social li{padding: 0px 5px;list-style: none;}
.header-top{padding: 2px 0px;border-bottom: 1px solid #d9d9d9a3;}
.social li a{position: relative;top: 2px;}
.info-header{padding-right: 20px;}
.hotline-header{background: url(../images/image/call2.png) no-repeat left center;padding-left:70px;}
.hotline-header p{font-size: 20px;color: #ea4335;}
.header-bottom{padding: 9px 0px;}
.hotline-header .hl{font-size: 15px;color: #4f5666;font-family: 'Roboto_bold';margin-bottom: 3px;}


/* menu */
.menu ul li a{font-family:'Roboto_bold';line-height: 1;}
.box_menu{background-color:#1b2d55;position: relative;z-index: 9;}
.dm_title p {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Roboto_bold';
}
.hdanhmucdrops{
    background-color: #da251c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    cursor: pointer;
    padding: 13px 0px;
    width: 270px;
    margin-top: 5px;
}
.dm_title img{padding-right: 10px;}
.dm_title{justify-content: center;}
.menu{padding-left: 20px;}



.hdanhmucdrops > .nicescl{display:none;top:100%;position: relative;}
.click-icon-menu{height: 100%;margin-bottom: 0px;border: dashed 1px #e4daa1;border-left: none;border-radius: 0px 50px 50px 0px;position: relative;}
.click-icon-menu > span i{position: unset;}
.click-icon-menu span{ height: 100%;width: 100%; padding:0px 20px;}
.click-icon-menu span i{margin-right: 10px;position: relative;color: #313131;}
.hdanhmucdrops ul{padding:0;margin:0;list-style:none;text-align:left;background-color:#fff;}
.hdanhmucdrops .nicescl{position:absolute;box-sizing:border-box;width:100%;left:0;top:100%}
.hdanhmucdrops ul.content{overflow:auto;font-size:14px; max-height: 350px;}
.hdanhmucdrops li a{display:inline-flex;align-items: center; width: 100%;position: relative;padding:14px 15px ; font-size: 15px; color: #4c4c4c;  text-transform: capitalize;border-bottom: dashed 1px #e4daa1}
.hdanhmucdrops li a img{margin-right: 10px;}
.hdanhmucdrops ul ul{-webkit-transform:scaleX(0);transform:scaleX(0);width:100%;display:none;position:absolute;left:calc(100% - 7px);left:-moz-calc(100% - 7px);left:-webkit-calc(100% - 7px); z-index: 9999;}
.hdanhmucdrops ul ul li { position: relative;}
.hdanhmucdrops ul > li:hover > ul{display:block;-webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.hdanhmucdrops ul > li:last-child{border-bottom:none}
.hdanhmucdrops ul ul ul{left:100%;top:0!important}
.hdanhmucdrops i.right { position: absolute;  right: 13px; font-size: 20px;}
.hdanhmucdrops i.left { font-size: 6px; margin-right: 10px;}
.hdanhmucdrops li:hover > a{color:red;}
.hdanhmucdrops .fa-angle-right:before{font-size: 15px;}
/* .hdanhmucdrops li:last-child a{border-bottom: none;} */
@-webkit-keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}


.nicescl1{z-index: 99;}
.slideshow{width: calc(100% - 270px);padding-left: 10px;padding-top: 10px;}
.flex1{display: flex;flex-wrap: wrap;}
.hdanhmucdropsjs {max-width: 270px;width: 100%;position: relative;}
/* .hdanhmucdropsjs::after{position: absolute;left: 0px;right: 0px;background: url(../images/image/xe.png)no-repeat;content: "";width: 270px;height: 73px;bottom: 0px;} */
.hdanhmucdropsjs .nicescl{position:absolute;box-sizing:border-box;width:100%;left:0;height: 445px;}
.hdanhmucdropsjs ul.content{overflow:auto;font-size:14px; max-height: 445px;}
.hdanhmucdropsjs li a{display:inline-flex;align-items: center; width: 100%;position: relative; padding:14px 15px ; font-size: 15px; color: #4c4c4c;  text-transform: capitalize;border-bottom: dashed 1px #e4daa1;}
.hdanhmucdropsjs li a img{margin-right: 10px;}
.hdanhmucdropsjs ul ul{-webkit-transform:scaleX(0);transform:scaleX(0);width:100%;display:none;position:absolute;left:calc(100% - 7px);left:-moz-calc(100% - 7px);left:-webkit-calc(100% - 7px); z-index: 9999;background-color: #fff;}
.hdanhmucdropsjs ul ul li { position: relative;}
.hdanhmucdropsjs ul > li:hover > ul{display:block;-webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.hdanhmucdropsjs ul > li:last-child{border-bottom:none}
.hdanhmucdropsjs ul ul ul{left:100%;top:0!important}
.hdanhmucdropsjs i.right { position: absolute;  right: 13px; font-size: 20px;}
.hdanhmucdropsjs i.left { font-size: 6px; margin-right: 10px;}
.hdanhmucdropsjs li:hover > a{color: red;}
.hdanhmucdropsjs .fa-angle-right:before{font-size: 15px;}
.ul_none li{list-style: none;}
.hdanhmucdropsjs .singletext img{position: relative;top: -2px;}
.hdanhmucdropsjs{background-color: #fff;}

.hdanhmucdrops ::-webkit-scrollbar, .hdanhmucdropsjs ::-webkit-scrollbar { width: 2px;}
.hdanhmucdrops ::-webkit-scrollbar-track, .hdanhmucdropsjs ::-webkit-scrollbar-track { background: #8d3f28; }
.hdanhmucdrops ::-webkit-scrollbar-thumb, .hdanhmucdropsjs ::-webkit-scrollbar-thumb {background: #8d3f28; }
.hdanhmucdrops ::-webkit-scrollbar-thumb:hover, .hdanhmucdropsjs ::-webkit-scrollbar-thumb:hover {background: #8d3f28;}
.sl_l{width: 70.58%;padding-right: 10px;}
.slide_r{width: 29.42%;}
.box_items_banner{padding: 5px 0px;}
.slide_r{margin: -5px 0px;}
.box_slide{background-color:#e6e6e6;}


/* tieuchi */
.noidung{background-color:#e6e6e6 ;}
.tieuchi_vi{font-size:15px;color: #333333;font-family:'Roboto_bold';margin-bottom: 10px;border-bottom: 1px dotted #d9d9d9;padding-bottom: 10px;}
.tieuchi_mt{font-size:13px;color: #333333;line-height: 1.5;}
.tieuchi{padding: 30px 0px;}
.img_tieuchi{flex-shrink: 0;}
.tieuchi_title{flex: 1;padding-left: 15px;}
.box_tieuchi{padding: 10px;border-radius: 100px;background-color: #fff;}


/* dichvu */
.box_dv{padding: 50px 30px;box-shadow: 0px 0px 8px #888888;}
.grid-page{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px 20px}
.grid-page1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 13.33px 13.33px}
.grid-page2{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 25px 25px}

.name-dichvu{font-size: 16px;color: #da251c;font-family: 'Roboto_bold';}
.info-dichvu{padding: 20px 10px;text-align: center;border: 1px dotted #d9d9d9;}
.name-dichvu{margin-bottom: 10px;}
.xt{font-size:13px;color: #da251c;margin-top: 10px;}
.desc-dichvu{color: #000;}
.box_dv{background: #fff;}


/* sanpham */
.dm1 li{list-style: none;}
.li_a{list-style: none;}
.li_a a{font-size: 25px;color: #000;font-family: 'Roboto_black';cursor: pointer;}
.dm1{justify-content:center;}
.li1{padding: 0px 10px;}
.li_a .active{color: red;}
.product{border: 1px solid #d9d9d9;padding: 10px;text-align: center;}
.sanpham_index{margin:30px 0px}


/* sanpham_index */
.img_list{width: 21.6%;}
.content_sp{width: 77.4%;}
.box_sp_index{justify-content: space-between;}
.title_top_sp{justify-content: space-between;padding: 16px 10px;background-color: red;}
.title_top_sp span{font-size:15px;color: #fff;font-family: 'Roboto_black';text-transform: uppercase;}
.xtc{font-size:13px;color: #ffff;;}
.content_sp{border: 3px solid red;}
.lh{color: #1b2d55;}
.lh span{font-size:15px;color: #1b2d55;padding-left: 5px;font-family: 'Roboto_black';}
.content_sp{background-color: #fff;}
.content_sp .paging-product-category{padding: 20px 20px;}
.wrap-product.wrap-content{margin-bottom: 40px;}
.wrap-product.wrap-content:nth-child(2n+1) .box_sp_index{flex-direction: row-reverse;}
.wrap-product.wrap-content:nth-child(2n+1) .title_top_sp{background-color:#1b2d55;}
.wrap-product.wrap-content:nth-child(2n+1) .content_sp{border: 3px solid #1b2d55;}

/* dm2 */
.dm2{justify-content: center;margin-top: 20px;}
.dm2 li a{font-size: 14px;color: #4c4c4c;width: 260px;line-height: 45px;text-align: center;border: 1px solid #d9d9d9;display: inline-block;}
.dm2 li + li{margin-left: 10px;}
.dm2 li .active{background-color: red;color: #fff;}


/* gioithieu */
.gioithieu_left{width: 27%;text-align: center;}
.gioithieu_left1{padding: 40px 30px;background-color: #0189e1;margin-right:-70px;position: relative;z-index: 1;}
.gioithieu_left{border: 2px dotted #67bfc7;padding: 10px;}
.gioithieu_right{width:73%;}
.doinet{font-size: 36px;color: #ffffff;font-family:'UTMEdwardian';}
.doinet1{font-size: 18px;color: #ffffff;font-family:'Mulish_regular';}
.gioithieu_vi{font-size:35px;color: #ffffff;font-family:'UTMAmericanSans';margin-top: 10px;margin-bottom: 10px;}
.gioithieu_mota{color: #ffffff;text-align: justify;}
.xemthem{font-size:15px;color: #ffffff;height: 45px;width: 150px;line-height: 45px;text-align: center;display: inline-block;margin-top: 30px;border: 1px solid #ffffff;}
.gioithieu{padding: 60px 0px;}
.box_ab:nth-child(1) { grid-column: 1 / 5; grid-row: 1 / 3}
.box_ab:nth-child(2) { grid-column: 5 / 8; grid-row: 1 / 2;}
.box_ab:nth-child(3) { grid-column: 5 / 8; grid-row: 2 / 3;}
.qc_sl {display: grid;grid-template-columns: repeat(7, 1fr);grid-gap:5px;}

/* danhmuc */
.danhmuc_list{position: relative;}
.danh_muc_title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;padding:0px 20px}
.danhmuc_vi{font-size: 24px;color: #ffffff;font-family:'Muli_semibold' ;}

/* sanpham_banchay */
.noidung_top{padding-bottom: 20px;text-align: center;}
.title_h2{font-size:30px;color: #1b2d55;font-family:'Roboto_black';}
.slogan1{font-size:14px;color: #000;font-family:'Mulish_regular';margin-bottom: 15px;margin-top: 5px;}
.sanpham_banchay{padding: 60px 0px;}
.name-product{font-size: 15px;color:#333333;margin-top: 20px;margin-bottom: 5px;}
.price-product{margin-bottom: 5px;}
.gia{color: #555555;}

/* .danhmuc_list */





.danhmuc_sanpham {justify-content: center;}
.li_a {padding: 0px 5px;}
.danhmuc_sanpham li a.active {background-color: #0189e1;color: #ffffff!important;}
a:not([href]):not([class]){color: unset;}
.danhmuc_sanpham li a {font-size: 16px;color: #0189e1!important;font-family: 'Quicksand_regular';padding: 8.5px 24px;display: inline-block;border-radius: 30px;border: 1px solid #0189e1;text-transform: uppercase;cursor: pointer;}
.danhmuc_sanpham li {list-style: none;}
.wrap-content.space_sp{margin-bottom: 30px;}
.danhmuc_sanpham_index{margin-top: 40px;}

/* album */
.box_ab1:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2}
.box_ab1:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3;}
.box_ab1:nth-child(3) { grid-column: 2 / 3; grid-row: 1 / 3;}
.box_ab1:nth-child(4) { grid-column: 3 / 4; grid-row: 1 / 2;}
.box_ab1:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3;}
.qc_sl1 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:10px;}
.album_anh{padding: 60px 0px;background: url(../images/image/bck_album.png)no-repeat;background-size: cover;}
.album_gallery{display: none;}
.info-product{text-align: center;}
.addcart{cursor: pointer;}
.modal-header{background-color:#0189e1;color: #ffffff;}
.zoom_hinh{position: relative;}
.line_index{margin-top: 10px;}
.album_vi1{font-size:17px;color: #ffffff;font-family:'BeVietnam_light';}
.mau{color: #ffffff;}

/* cambhan */
.img_camnhan{width:53%;border-radius: 100px;position: relative;}
.img_camnhan::after{content: "";position: absolute;border: 1px solid #d9d9d9;top: 0px;left: 5px;right: -5px;bottom: 0px;border-radius: 180px;}
.box_title_camnhan{width:52%;background-color: #0189e1;text-align: center;padding: 0px 20px;border-radius:100px;margin-left: -20px;z-index: -1;}
.flex1{display: flex;}
.box_title_camnhan{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;}
.box_title_camnhan::after{content: "";position: absolute;border: 1px solid #d9d9d9;top: 0px;left: -10px;right:5px;bottom: 0px;border-radius: 180px;}
.camnhan_noidung{font-size: 14px;color: #ffff;font-family:'Muli_regular';line-height: 2;margin:10px 0px;}
.duan_vi{font-size: 20px;color: #ffff;font-family:'iCielBCPacificonormal';line-height: 2;}
.duan_mota{font-size: 14px;color: #ffff;font-family:'Muli_regular';}
.camnhanhachhang_index{padding:40px 0px;}
.camnhan_id_box{position: relative;}
.camnhan_id_box .owl-dots{margin-top: 20px;}
.camnhan_id_box .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: red;}
.camnhan_id_box .control-owl button.owl-prev{left: -60px;}
.camnhan_id_box .control-owl button.owl-next{right: -60px;}
.camnhan_id_box .control-owl{top: calc(50% - 45px/2);}


/* //LIENHEBAOGIA */
.lienhe_baogia{background: url(../images/image/nen2.png)no-repeat;background-size: cover;}
.box_baogia{justify-content: space-between;}
.form_lienhe .input-contact{margin-top: 15px;}
.form-contro1{padding: 1.5rem 0.75rem;}
.form-contro2{padding: 1.375rem 0.75rem;height: 50px;}
.btn1{font-size: 15px;color: #ffffff;font-family: "SVN_Poppins_semibold";height: 50px;width: 100%;text-align: center;background-color: #d50008;border:none}
.form_lienhe{text-align: center;}
.lienhe_baogia{padding: 50px 0px;}
.btn1:hover{background-color: #7c440a;transition: all 0.3s;}
.wrap-content_detail{border: 1px dotted #d9d9d9;padding: 30px 50px 30px 50px;}
.trang{color: #fff;}

/* tintuc */
.tintuc_index{width:51%;}
.video_index{width:46%;}
.box_tintuc_video{justify-content: space-between;}
.newshome-scroll{width:calc(100% - 44.5%);height:400px;overflow:hidden;width: 100%}
.newshome-scroll ul li{margin-bottom:15px!important;}
.newshome-normal{display:block;}
.tintuc_img{width: 18%}
.tintuc_title{width: 82%;padding-left: 30px;}
.tintuc_box{display: flex;flex-wrap: wrap;align-items: center;}
.tintuc_top{font-family:'Roboto_black';font-size:15px;color:#1b2d55}
.tintuc_title1{font-family:Roboto;font-size: 14px;color:#575757;text-align: justify;}
.tintuc_img{border-radius: 50%;overflow: hidden;}
.ngaythang{font-size: 12px;color: #6f6f6f;margin: 10px 0px;}
.xemthem_vi{font-size:13px;color: #000;text-decoration: underline;text-align: end;margin-top: 10px;}
.tintuc_video{padding: 75px 0px;}
.tintuc_box{border: 1px dotted #d9d9d9;padding: 10px 20px;border-radius: 10px;}
.desc_title{font-size: 13px;color: #666666;font-style: italic;}
.tintuc_desc{font-size: 13px;color: #1b2d55;font-style: italic;}
.xemthem_vi img{margin: unset!important;margin-left: auto!important;}
.tintuc_top{margin-top: 15px;margin-bottom: 5px;}
.box_tt{background: url(../images/image/nhay1.png)no-repeat top right;}
.title_h2.cn{margin-bottom: 30px;}
.title_h2.cn img{position: relative;top: -4px;}
.tintuc_video{background-color: #1b2d55;padding: 50px 0px;}


/* bnlog_tintuc */
.ngay_tt{font-size: 15px;color: #666666;}
.n_tt{font-size:18px;color: #666666;}
.n_mt{font-size: 14px;color: #737373;line-height:1.5;}
.tt_xt{font-size: 14px;color:#da251c;margin-top: 10px;}
.box_tt_index{padding: 25px;background-color: #fff;}
.ngay_tt{margin-top: 20px;}
.n_tt{margin: 7px 0px;}
.ngay_tt .fas{color: red;padding-right: 5px;}
.ngay_tt span{color: red;}
.box_tintuc{padding: 50px 0px;}

/* doitac */
.doitac_left{padding: 53px 0px;background-color: red;width: 11%;clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);text-align: center;}
.doitac_right{padding-left: 30px;width: 88%;padding-right: calc(100% - 1300px)/2;}
.doitac{font-size: 24px;color:#ffffff;font-family:'UTMHanzel';transform: rotate(90deg);}
.duan_tieubieu{padding-bottom: 70px;}
.box_doitac_item{border:1px solid #d9d9d9;}
.doitac_index{background-color: #efefef;}
.doitac_index{padding: 50px 0px;}


/* footer */
.box_footer{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-news:nth-child(1){width: 36%;}
.footer-news:nth-child(2){width: 20%;}
.footer-news:nth-child(3){width: 28%;}
.title-footer{font-size:28px;font-family:'Mulish_bold';color:#fff;margin-bottom: 20px;}
.footer_icon li {list-style: none;padding: 6px 0px;}
.footer_icon ul li{display: flex;align-items: center;}
.footer_icon li span{color: #ffff}
.copyright,.statistic{font-size: 14px}
.list_icon ul {display: flex;}
.list_icon ul li img{margin-right: 10px;max-width: 46px}
.list_icon ul li {list-style: none}
.chinh_sach{margin-bottom:30px;;font-family:'Mulish_bold';font-size: 15px;color:#ffff;position: relative;}
.chinh_sach::after {content: "";position: absolute;width: 30px;height: 1px;bottom: -20px;left: 0px;background-color: #ffffff;}
.footer_icon img{padding-right: 10px;}
.box_footer{padding: 60px 0px;}
.footer-article{background: url('../images/image/footer1.png') no-repeat;background-size: cover;}
.list_icon{margin-top: 10px;}
.footervi{font-size: 13px;color: #fff;}
.mxh{color: #fff;font-family: 'Roboto_bold';margin-right: 10px;}

/* trangtrong */
.title-main span{text-transform:uppercase;font-size:36px;display: inline-block;color:#da251c;font-family: 'UTMHanzel';}
.title-main1 span{font-size:26px;display: inline-block;color: #da251c;font-family: 'Roboto_bold';}
.wrap-detail{padding-bottom: 40px;padding-top: 20px;}
.gird_duan{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 26.67px 26.67px}
.title-main1{text-align: center;margin-bottom: 20px;}
.gird-product{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 26.67px 26.67px}
.news-desc{text-align: justify;}
.news-image span{border-radius: 10px;overflow: hidden;}
.news-name a{color:#333;font-size:16px;font-family: 'Roboto_bold';line-height: 1.6;}
.list-news-other li a{color:#0189e1 ;}
.list-news-other li {margin-bottom: 2px;list-style: none;padding: 3px 0px;font-family: auto;}
.list-news-other li a:hover{color: #7c440a;transition: all 0.3s;}
.cart-product span{width: unset;}
.cart1{text-align: center;}
.cart1 span{float: unset;display: inline-block;margin-top: 5px;padding: 7px 20px;background-color:#0189e1;}

/* hover */
.xemthem:hover{background-color:red;transition: all 0.3s;color: #ffffff;}
.sanpham_list_vi:hover,.name-product:hover{color: red;transition: all 0.3s;}
.dm1 li a:hover{color:red!important;transition: all 0.3s;}
.duan_vi:hover,.tintuc_top:hover{color: red;transition: all 0.3s;}
.xemthem_vi:hover{color: #7c440a;transition: all 0.3s;}
.footer-ul li a:hover{color: red;transition: all 0.3s;}
.fixed{position: fixed;left: 0px;right: 0px;top: 0px;z-index: 99;}
.header-bottom.fixed{animation:fadeInDown; animation-duration: 1.5s;}
.danhmuc_sanpham li a:hover{background-color:#0189e1;transition: all 0.3s;color: #ffffff!important;}
.xemthem_vi:hover{color: red;transition: all 0.3s;}
.img-hover img:hover{transition: all 0.3s;transform: translateY(-5px);}
.img-hover img{transition: all 0.3s;}
.listvideos {width: 100%;padding: 10px 0px;}
.video-main {height: 400px;}
.video-name{font-size: 18px;text-transform: uppercase;font-family: 'Roboto_bold';text-align: center;}
.footer-tags{background-color:#da251c;}
.footer-title{font-size: 15px;color: #fff;padding-right: 10px;margin-bottom: 0px;}
.btn.btn-sm{width: 170px;text-align: center;background-color: #fff;border-radius: 30px!important;color: #000;padding: 10px 0px;}
.rounded{border-radius: unset;}
.right-pro-detail_1{padding: 20px 10px;border: 1px solid #d9d9d9;}
.right-pro-detail_1 .tieuchi_vi{padding-bottom: 0px;margin-bottom: 5px;margin-bottom: 10px;border-bottom: none;}
.right-pro-detail_1 .tieuchi_item{margin-bottom:5px;}
.img_tc{text-align: center;}
.btn {
    background: #1b2d55;
    border: solid 1px #1b2d55;
    color: #fff;
    padding: 5px 10px;
    line-height: 1.5;
    width: 100%;
    border-radius: 5px;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}
.btn span {
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}
.btn:hover{
    box-shadow: none;
    outline: none;
    background-color: #fff;
    border-color:#1b2d55;
    color:#1b2d55!;
}

.img_tc{margin-top: 20px;}
.img_tieuchi img{transform:rotate(0deg);transition: all 0.3s;}
.img_tieuchi:hover img{transform:rotate(360deg);}
.xt:hover,.xtc:hover,.tt_xt:hover{color: #1b2d55;transition: all 0.3s;}
.dm2 li a:hover{background-color: red;transition: all 0.3s;color: #fff!important;}
.n_tt:hover{color: red;transition: all 0.3s;}
.btn.btn-sm:hover{background-color: #1b2d55;color: #fff;transition: all 0.3s;}


.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
  }
  .hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility 0.5s;
    left: 0;
    bottom: 0;
    display: block;
  }
  .hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
  }
  .hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
  }
  .hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: 180px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
  }
  .hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
  }
  .hotline-bar > a:hover,
  .hotline-bar > a:active {
    color: #fff;
  }
  @-webkit-keyframes phonering-alo-circle-anim {
    0% {
      -webkit-transform: rotate(0) scale(0.5) skew(1deg);
      -webkit-opacity: 0.1;
    }
    30% {
      -webkit-transform: rotate(0) scale(0.7) skew(1deg);
      -webkit-opacity: 0.5;
    }
    100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      -webkit-opacity: 0.1;
    }
  }
  @-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
      -webkit-transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.6;
    }
    50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.6;
    }
    100% {
      -webkit-transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.6;
    }
  }
  @-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  }
  .btn.btn-sm{font-weight: 100;font-size: 12px;}