@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");
@font-face{font-family:Schadow;font-display:swap;font-style:normal;src:url("../fonts/Schadow.woff") format("woff")}
:root{--main-color:#1975d1}
p{margin:0px}
.lang_navtop{display:flex;margin:0px 0px 0px 30px;padding:0px;list-style:none}
.lang_navtop li.cur_lang{display:flex;text-align:right;position:relative;cursor:pointer;align-items:center}
.lang_navtop li.cur_lang:hover > i{color:rgb(153,153,153);transform:rotate(180deg)}
.lang_navtop li.cur_lang i{font-size:14px;color:rgb(136,136,136);margin-left:10px;transition:all 0.5s ease 0s;line-height:0}
.lang_navtop li ul{position:absolute;top:100%;right:0px;width:145px;padding:0px;list-style:none;text-align:left;background:rgb(255,255,255);box-shadow:rgba(8,88,157,0.2) 0px 0px 7px 0px;z-index:2;transition:all 0.3s ease 0s;transform:translateY(20px);opacity:0;visibility:hidden}
.lang_navtop li ul::after,.lang_navtop li ul::before{content:"";position:absolute;top:-5px;right:28px;border-width:5px;border-style:solid;border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;border-image:initial;transform:rotate(-45deg);transition:all 0.5s ease 0s;z-index:-1;box-shadow:rgba(8,88,157,0.2) 0px 0px 7px 0px}
.lang_navtop li ul li{display:block;border-bottom:1px solid rgb(238,238,238);transition:all 0.5s ease 0s;position:relative;z-index:2;overflow:hidden;background:rgb(255,255,255)}
.lang_navtop li ul li:hover{background-color:rgb(227,242,253)}
.lang_navtop li ul li a{font-size:13px;text-align:left;line-height:initial;padding:10px 15px;display:flex;align-items:center;cursor:pointer;color:rgb(61,80,103)!important}
.lang_navtop li ul li a img{margin-right:10px}
.lang_navtop li ul li:last-child{border:0px}
.lang_navtop li:hover ul{opacity:1;visibility:visible;transform:translateY(10px)}
.dmnb__name::before,.dmnb__overlay::before,.dmspbox .dmspbox-wrap ul li a::before,.footer__baiviet ul li a::before,.menu-left-item__link::before,.menu-left-subitem__link::before,.menu__item + .menu__item::before,.spmoi .nav-item + .nav-item::before{content:"";position:absolute}
.dm-sp #danhmuc ul,.dmspbox .dmspbox-wrap ul,.footer__baiviet ul,.menu--left,.menu-left-list,.menu-left-sublist,.submenu,.submenu li ul{list-style-type:none;margin-bottom:0px;padding-left:0px}
.scrollstyle-4::-webkit-scrollbar{width:4px;height:4px}
.scrollstyle-4::-webkit-scrollbar-thumb{background:rgb(254,223,0)}
.scrollstyle-4::-webkit-scrollbar-track{background:rgb(255,239,128)}
.scrollstyle-4{}
body{font-size:14px;font-family:Roboto,sans-serif;max-width:1366px;margin:0px auto}
.container{max-width:1200px;position:relative;padding:0px}
a{color:inherit}
button{outline:none!important}
a:hover{text-decoration:none}
.title-main span{font-size:25px;color:var(--main-color);font-weight:bold}
.slick-slider .slick-next,.slick-slider .slick-prev{width:40px;height:40px;border-radius:3px;transition:all 0.3s ease 0s;background-color:rgb(238,238,238);padding-top:4px}
.slick-slider .slick-next:hover,.slick-slider .slick-prev:hover{background-color:rgb(254,223,0)}
.slick-slider .slick-next::before,.slick-slider .slick-prev::before{font-size:24px;color:rgb(51,51,51)}
.slick-slider .slick-next:hover::before,.slick-slider .slick-prev:hover::before{color:rgb(255,255,255)}
.slick-slider .slick-prev{left:20px}
.slick-slider .slick-next{right:20px}
.dm-sp #danhmuc ul li{position:relative}
.dm-sp #danhmuc ul li a{box-sizing:border-box;align-items:center;font-size:15px;color:rgb(0,0,0);font-weight:400;display:block;line-height:1;position:relative;padding:15px 15px 15px 30px}
.dm-sp #danhmuc ul li a::before{width:4px;height:4px;border-radius:100%;position:absolute;top:20px;left:15px;content:"";display:inline-block;background-color:rgb(181,181,181);margin-right:10px}
.dm-sp #danhmuc ul li a:active,.dm-sp #danhmuc ul li a:focus,.dm-sp #danhmuc ul li a:hover{color:rgb(254,223,0)}
.dm-sp #danhmuc ul li ul{position:absolute;top:0px;left:100%;display:none;min-width:100%;border:1px solid rgb(235,235,235);background-color:rgb(255,255,255)}
.dm-sp #danhmuc ul li + li{border-top:1px solid rgb(235,235,235)}
.dm-sp #danhmuc ul li:active > ul,.dm-sp #danhmuc ul li:focus > ul,.dm-sp #danhmuc ul li:hover > ul{display:block}
.menu{position:relative;top:0px;left:0px;z-index:100;margin-left:auto}
.menu-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;-webkit-box-flex:1;flex:1 1 0%;position:relative;min-height:40px}
.menu__item{transition:all 0.3s ease 0s;flex:1 1 auto;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative}
.menu__item:hover .menu__link{color:rgb(153,153,153)}
.menu__item:hover .submenu{transform:scaleY(1);visibility:visible;opacity:1}
.menu__link{font-size:15px;color:rgb(0,0,0);transition:all 0.3s ease 0s;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-transform:uppercase;padding:0px 25px;height:40px;font-weight:bold}
.menu__link.active{color:rgb(153,153,153)}
.menu--left{box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-between;z-index:50;-webkit-box-flex:1;flex:1 1 0%;margin-right:25px;position:relative}
.submenu{box-shadow:rgba(0,0,0,0.2) 0px 3px 5px 0px;transform-origin:0px 0px 0px;transition:all 0.4s ease 0s;transform:scaleY(0);position:absolute;visibility:hidden;opacity:0;min-width:200px;left:0px;top:100%}
.submenu li{transition:all 0.3s ease 0s;position:relative;background-color:rgb(0,0,0)}
.submenu li a{font-size:14px;color:rgb(255,255,255);font-weight:400;font-family:Roboto;transition:all 0.3s ease 0s;display:block;padding:10px}
.submenu li ul{box-shadow:rgba(0,0,0,0.2) 0px 3px 5px 0px;transform-origin:0px 0px 0px;transition:all 0.4s ease 0s;transform:scaleY(0);position:absolute;visibility:hidden;opacity:0;min-width:200px;top:0px;left:100%}
.submenu li:hover{background:rgb(153,153,153)}
.submenu li:hover > a{color:rgb(255,255,255)}
.submenu li:hover > ul{transform:scaleY(1);visibility:visible;opacity:1}
.submenu li + li{border-top:1px solid rgba(255,255,255,0.4)}
.doitac{padding:1.875em 0px;background-color:rgb(249,249,249)}
.doitac-slick{margin:0px -1em}
.doitac__item{padding:0px 1em}
.doitac__link{display:block}
.doitac__img{width:100%}
.dmspbox{float:left;width:23.0769%;position:relative}
.dmspbox:hover .dmspbox-wrap{transform:scaleY(1);visibility:visible;opacity:1}
.dmspbox__icon{width:46px;height:46px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid rgb(24,229,48)}
.dmspbox__text{-webkit-box-flex:1;flex:1 1 0%;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:46px;text-align:center;border-style:solid;border-color:rgb(24,229,48);border-width:1px 1px 1px 0px}
.dmspbox__title{font-size:16px;color:rgb(255,255,255);font-weight:700;font-family:Roboto,sans-serif;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:absolute;top:-3px;left:0px;width:100%;height:55px;background-color:rgb(223,22,25);margin:0px;text-transform:uppercase;cursor:pointer;padding:3px}
.dmspbox .dmspbox-wrap{transform:scaleY(0);visibility:hidden;opacity:0;position:relative;top:46px}
.dmspbox .dmspbox-wrap ul{box-shadow:rgba(0,0,0,0.2) 0px 3px 5px 0px;transform-origin:0px 0px 0px;transition:all 0.4s ease 0s;transform:scaleY(0);position:absolute;visibility:hidden;opacity:0;background-color:rgb(251,251,251);min-width:100%}
.dmspbox .dmspbox-wrap ul li{position:relative;border-bottom:1px solid rgb(230,230,230)}
.dmspbox .dmspbox-wrap ul li a{font-size:14px;color:rgb(51,51,51);font-weight:400;font-family:Roboto,sans-serif;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;transition:padding-left 0.2s linear 0s;text-decoration:none;padding:7px 0px 7px 30px;white-space:nowrap}
.dmspbox .dmspbox-wrap ul li a:active,.dmspbox .dmspbox-wrap ul li a:focus,.dmspbox .dmspbox-wrap ul li a:hover{padding-left:35px;color:rgb(254,223,0)}
.dmspbox .dmspbox-wrap ul li a::before{font-size:7px;color:inherit;font-weight:700;font-family:"Font Awesome 5 Free";position:absolute;left:15px;content:""}
.dmspbox .dmspbox-wrap ul li ul{left:100%;top:0px}
.dmspbox .dmspbox-wrap ul li:hover > ul{transform:scaleY(1);visibility:visible;opacity:1}
.dmspbox .dmspbox-wrap > ul{transform:scaleY(1);visibility:visible;opacity:1}
.clsindex .dmspbox .dmspbox-wrap > ul{display:none}
.fixed .dmspbox .dmspbox-wrap > ul{display:block}
.menu-left{z-index:41;width:23.0769%;float:left;background-color:rgb(255,255,255);border:2px solid rgb(223,22,25);padding-left:10px;position:relative}
.menu-left-list{max-height:410px;overflow-y:auto}
.menu-left-sublist{box-shadow:rgba(0,0,0,0.2) 0px 3px 5px 0px;transform-origin:0px 0px 0px;transition:all 0.4s ease 0s;transform:scaleY(0);position:absolute;visibility:hidden;opacity:0;min-width:230px;background-color:rgb(255,255,255);left:100%;top:0px}
.menu-left-subitem__link{font-size:14px;color:rgb(0,0,0);font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;display:block;border-top:1px solid rgb(115,132,148);padding:15px 20px;position:relative}
.menu-left-subitem__link::before{width:5px;height:5px;position:absolute;top:23px;left:10px;border-radius:100%;background-color:rgb(0,0,0)}
.menu-left-item{margin-right:10px}
.menu-left-item__link{position:relative;padding:15px 0px 15px 40px;display:block}
.menu-left-item__link::before{width:12px;height:15px;background-image:url("../images/slash.png");background-repeat:no-repeat;background-position:0px 0px;position:absolute;top:20px;left:10px}
.menu-left-item__name{font-size:17px;color:rgb(0,0,0);font-family:Roboto,sans-serif;transition:all 0.3s ease 0s;text-transform:uppercase}
.menu-left-item + .menu-left-item{border-top:1px dashed rgb(226,226,226)}
.menu-left-item:hover > ul{transform:scaleY(1);visibility:visible;opacity:1}
.menu-left-item:hover .menu-left-item__name{color:rgb(223,22,25)}
.header{position:relative;top:0px;left:0px;z-index:97;width:100%;background:rgb(255,255,255)}
.header-top{background-color:rgb(0,0,0);color:rgb(255,255,255);font-size:14px}
.header-top-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:40px}
.header-top--left{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;-webkit-box-flex:1;flex:1 1 0%}
.header-top__text{font-weight:400;margin:0px 50px 0px 0px}
.header-top__text i{margin-right:5px}
.header-bottom-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100px}
.logo{position:relative;top:0px;left:0px}
.logo__img{transition:all 0.3s ease 0s;max-height:100px}
#footer-map,#footer-map iframe{overflow:hidden;width:100%;height:382px}
#footer-map{display:flex;flex-wrap:wrap}
#footer-map iframe{width:50%!important}
.copyright__text{display:block}
.footer{display:block;background:url("../images/ft.png") 0px 0px / cover no-repeat;color:rgb(255,255,255)}
.footer-bottom-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px 0px 25px;align-items:baseline}
.footer__title{margin-bottom:25px;position:relative;text-transform:uppercase;font-size:18px;line-height:25px;color:rgb(255,255,255);font-weight:700;font-family:Roboto}
.footer__info{width:40%}
.footer__info-body{display:block;font-size:13px;line-height:40px;color:rgb(255,255,255);font-weight:400;font-family:Roboto}
.footer__info-body p{margin-bottom:0px}
.footer__baiviet{width:17%}
.footer__baiviet ul li a{transition:all 0.3s ease 0s;position:relative;display:flex;align-items:center;font-size:13px;line-height:30px;color:rgb(255,255,255);font-weight:400;font-family:Roboto}
.footer__baiviet ul li a:hover{color:rgb(255,255,0)}
.footer__baiviet ul li + li{margin-top:0px}
.footer__fanpage{width:189px}
.footer__fanpage #fanpage-facebook{max-height:200px;overflow:hidden}
.copyright{display:block;background:rgba(0,0,0,0.5)}
.copyright-wrap{box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;min-height:64px;position:relative;font-size:13px;line-height:16px;color:rgb(255,255,255);font-weight:400;font-family:Roboto}
@-webkit-keyframes fadeInUpSD{
	0%{opacity:0;transform:translateY(100px)}
	100%{opacity:1;transform:none}
}
.slider{background-image:url("../images/slide-bg.jpg");background-repeat:repeat;background-position:0px 0px}
.slider-wrap::after{content:"";display:table;clear:both}
.slider--right{width:68.4615%;float:right;margin-top:10px}
.search{box-sizing:border-box;display:flex;justify-content:space-between;position:relative;right:0px;z-index:100;align-items:center;margin-left:50px}
.search .icon-search{z-index:100;width:30px;height:30px;border-radius:100%;box-sizing:border-box;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;order:1;margin-bottom:0px;cursor:pointer;background-color:transparent!important}
.search .icon-search i{color:rgb(51,51,51)!important}
.search .icon-search.active{background-color:rgb(221,221,221)}
.search .icon-search.active i{color:rgb(0,0,0)}
.search .search-grid{position:absolute;top:calc(100% + 5px);right:0px;background-color:rgb(255,255,255);border:1px solid rgb(221,221,221);border-radius:5px;overflow:hidden;opacity:0;width:0px}
.search .search-grid input{color:rgb(0,0,0);width:calc(100% - 30px);height:30px;float:left;outline:0px;padding:0px 0px 0px 10px;border:0px;background:0px 0px;font-size:13px;overflow:hidden}
.search .search-grid input::-webkit-input-placeholder{color:rgba(0,0,0,0.5)}
.search .search-grid p{width:30px;height:30px;font-size:16px;color:rgb(0,0,0);font-weight:400;float:left;line-height:30px;cursor:pointer;text-align:center;margin:0px}
.mxh{box-sizing:border-box;display:flex;align-items:center}
.mxh span{font-weight:400;margin-right:10px}
.mxh a{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center}
.mxh a img{transition:all 1s ease 0s;height:32px;object-fit:cover}
.mxh a img:hover{transform:rotate(360deg)}
.mxh a + a{margin-left:10px}
.mxh--ft{z-index:100;flex-wrap:wrap;margin:20px 0px}
.mxh--ft span{font-size:15px;color:rgb(255,255,255);font-weight:700;font-family:Roboto,sans-serif;text-transform:uppercase;display:block;width:100%;margin-bottom:10px}
.mxh--ft a img{height:50px}
.mxh--ft a:hover{transform:rotate(360deg)}
.newsletter{border-bottom:1px solid rgb(255,255,255)}
.newsletter-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:34px 0px}
.newsletter--left{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;width:34.6154%}
.newsletter--left i{font-size:50px;color:rgb(255,255,255);margin-right:20px}
.newsletter__head{-webkit-box-flex:1;flex:1 1 0%}
.newsletter__title{font-size:18px;color:rgb(255,255,255);font-weight:700;text-transform:uppercase}
.newsletter__desc{font-size:15px;color:rgb(255,255,255);font-weight:400;font-family:Roboto,sans-serif}
.newsletter form{-webkit-box-flex:1;flex:1 1 0%;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-left:60px}
.newsletter form .newsletter-input{-webkit-box-flex:1;flex:1 1 0%;position:relative}
.newsletter form .newsletter-input .form-control{font-size:15px;color:rgb(255,255,255);font-weight:400;height:50px;padding:5px;background-color:transparent;border-radius:5px}
.newsletter form .newsletter-input .form-control::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}
.newsletter form .newsletter-button{margin-left:10px}
.newsletter form .newsletter-button input[type="submit"]{font-size:19px;color:rgb(255,255,255);font-weight:700;text-transform:uppercase;width:100%;line-height:50px;height:50px;padding:0px 15px;background-color:rgb(223,22,25);border-radius:5px;border:none}
.pdt{padding-top:30px}
.pdb{padding-bottom:30px}
.pdtb{padding:30px 0px}
.main-title{background-image:url("../images/idx-tit.png");background-repeat:no-repeat;background-position:0px bottom;position:relative;margin-bottom:20px;padding-bottom:30px}
.main-title.text-center{background-position:center bottom}
.main-title__name{font-size:2.375em;color:rgb(254,223,0);font-weight:700;font-family:Roboto,sans-serif;position:relative;text-transform:capitalize}
.main-title__link{color:rgb(223,22,25);display:inline-block;position:relative}
.main-title__desc{font-size:1.625em;color:rgb(0,0,0);font-family:Schadow;display:inline-block}
.btn-more{font-size:19px;color:rgb(255,255,255);font-weight:700;transition:all 0.3s ease 0s;text-transform:capitalize;display:inline-block;line-height:50px;padding:0px 20px;background-color:rgb(223,22,25);border:2px solid rgb(223,22,25);margin-top:20px}
.btn-more:hover{color:rgb(223,22,25);background-color:rgb(255,255,255)}
.about-bg{padding:30px 0px}
.about-wrap::after{content:"";display:table;clear:both}
.about-home{width:40.7692%;float:left}
.dmnb-home{width:58.4615%;float:right}
.dmnb-slick{margin:0px -1em}
.dmnb__item{padding:0px 1em}
.dmnb__link{position:relative;display:block}
.dmnb__image{position:relative;overflow:hidden}
.dmnb__img{width:100%}
.dmnb__overlay{position:absolute;inset:0px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.3)}
.dmnb__overlay::before{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;border:2px solid rgb(255,255,255)}
.dmnb__name{font-size:1.625em;color:rgb(255,255,255);font-weight:700;border:1px solid rgb(255,255,255);padding:20px 40px;line-height:1;text-transform:capitalize;text-align:center;position:relative}
.dmnb__name::before{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:2px;left:2px;border:1px solid rgb(255,255,255)}
.spmoi{padding:30px 0px}
.spmoi .nav{margin-bottom:10px}
.spmoi .nav-item{position:relative}
.spmoi .nav-item + .nav-item{margin:0px 0px 10px 60px}
.spmoi .nav-item + .nav-item::before{width:1px;height:25px;position:absolute;top:6px;left:-30px;background-color:rgb(0,0,0)}
.spmoi .nav-link{font-size:26px;color:rgb(0,0,0);font-weight:400;border-bottom:2px solid transparent;padding:0px;text-transform:capitalize;border-radius:0px}
.spmoi .nav-link.active{background-color:transparent;border-color:rgb(223,22,25);color:rgb(223,22,25)}
.spmoi .tab-content > .tab-pane{display:block;height:0px;visibility:hidden}
.spmoi .tab-content > .tab-pane.active{height:auto;visibility:visible}
.quangcao__link{display:block}
.quangcao__img{width:100%}
.video-home{padding:30px 0px}
.video-nav__item.slick-center .video-nav__link{transform:scale(1)}
.video-nav__item.slick-center .video-nav__link::before{opacity:1}
.video-nav__link{transition:all 0.3s ease 0s;transform:scale(0.8);box-shadow:rgba(0,0,0,0.2) 0px 0px 22px;padding:3px;display:block}
.video-nav__img{width:100%}
.video-nav .slick-prev{left:19%}
.video-nav .slick-next{right:19%}
.video-for{text-align:center;margin-top:20px}
.video-for__name{font-size:17px;color:rgb(0,0,0);font-weight:700;text-transform:uppercase}
.video-for__desc{font-size:15px;color:rgb(102,102,102);font-weight:400;font-family:Roboto,sans-serif;max-width:760px;margin:0px auto}
.tieuchi-bg{background-image:url("../images/tieuchi.jpg");background-repeat:no-repeat;background-position:0px 0px;background-size:cover;padding:60px 0px}
.tieuchi-slick{margin:0px -1em}
.tieuchi__item{padding:0px 1em}
.tieuchi__link{display:block;text-align:center}
.tieuchi__img{margin:0px auto}
.tieuchi__name{font-size:20px;color:rgb(255,255,255);font-weight:700;text-transform:uppercase;margin-top:10px}
.tieuchi__desc{font-size:15px;color:rgb(255,255,255);font-weight:400;display:-webkit-box;height:67.5px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.thuvien-home{padding:30px 0px}
.thuvien-home .thuvien-home-grid{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:24px;grid-template-areas:"gri1 gri3 gri4" "gri2 gri3 gri5"}
.thuvien-home .gri1{grid-area:gri1 / gri1 / gri1 / gri1}
.thuvien-home .gri2{grid-area:gri2 / gri2 / gri2 / gri2}
.thuvien-home .gri3{grid-area:gri3 / gri3 / gri3 / gri3}
.thuvien-home .gri4{grid-area:gri4 / gri4 / gri4 / gri4}
.thuvien-home .gri5{grid-area:gri5 / gri5 / gri5 / gri5}
.thuvien-home__item{margin-bottom:24px}
.thuvien-home__link{display:block}
.thuvien-home__img{width:100%}
.album-grid{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}
.album__item{box-sizing:border-box;flex:0 0 23%;margin-left:1%;margin-right:1%;margin-bottom:2%}
.album__img{width:100%}
.album__name{font-size:1em;color:rgb(0,0,0);font-weight:400;text-align:center}
.product_info .li span.active_mausac,.product_info .li span.active_size,.product_info .li span.mausac:hover,.product_info .li span.size:hover{border:1px solid rgb(238,0,0)!important}
.product_info .li.gia,.product_info .li.giakm{font-size:20px;color:red;font-weight:700;position:relative}
.product-grid{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:-0.769231%;margin-right:-0.769231%}
.slick-box-item{padding:0px 10px}
.spnoibat-main{margin:0px -10px}
.product-item{box-sizing:border-box;flex:0 0 23.4615%;margin-left:0.769231%;margin-right:0.769231%;margin-bottom:1.53846%}
.product-item__box{color:rgb(0,0,0);position:relative;height:100%;background-color:rgb(255,255,255)}
.product-item__figure{border:1px solid rgb(204,204,204);margin-bottom:10px;overflow:hidden;padding:6px}
.product-item__figure-url{display:block;overflow:hidden;position:relative}
.product-item__img{width:100%}
.product-item__info{text-align:center}
.product-item__name{font-size:1em;color:inherit;font-weight:700;font-family:Roboto,sans-serif;position:relative;margin-bottom:0px;line-height:1.5}
.product-item__name-url{transition:all 0.3s ease 0s;display:block;color:inherit;cursor:pointer}
.product-item__price{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;font-size:14px;color:rgb(102,102,102);font-weight:400;font-family:Roboto,sans-serif;margin:5px 0px;line-height:1;text-transform:capitalize}
.product-item__price span{display:inline-block;line-height:1;font-weight:700;font-size:18px;margin:0px 5px;color:rgb(223,22,25)}
.product-item__price del{margin-left:10px;display:inline-block;line-height:1}
.product-item:hover .product-item__name-link{color:rgb(122,28,46)}
.slick-box-item .product-item{-webkit-box-flex:unset;flex:unset;margin:0px;width:100%}
div.wap_pro{box-sizing:border-box;display:flex;justify-content:space-between}
.zoom_slick{width:47%}
.pr__detail--verticle .product_info{width:47%}
.pr__detail--verticle .zoom_slick{width:50%}
.pr__detail--verticle .zoom-container{box-sizing:border-box;display:flex;flex-direction:row-reverse;justify-content:space-between}
.pr__detail--verticle .zoom_slick .slick2{width:85%}
.pr__detail--verticle .zoom_slick .slick{width:13%;margin-top:0px}
.zoom_slick .slick2{border:1px solid rgb(221,221,221)}
.zoom_slick .slick{margin-top:5px}
.zoom_slick .slick img{width:95%;margin:auto;border:1px solid rgb(221,221,221);box-sizing:border-box;cursor:pointer;object-fit:cover}
.zoom_slick .slick img:hover{transition:all 1s ease 0s;border:1px solid rgb(255,102,0);opacity:0.5}
.xemgiohang{width:120px;height:30px;font-size:15px;color:rgb(232,0,25);font-weight:700;transition:all 0.4s ease 0s;display:block;line-height:30px;text-align:center;text-decoration:none;cursor:pointer;margin:7px auto 0px}
.product_info{width:50%}
.product_info .li{font-size:16px;padding:3px 0px}
.product_info .li.ten{font-size:1.2em;color:rgb(0,0,0);font-weight:700}
.product_info .li.giakm{box-sizing:border-box;display:flex;flex-wrap:wrap}
.product_info .li.giakm .tinh_phantram{width:35px;height:35px;border-radius:50%;font-size:12px;color:rgb(255,255,255);background:red;display:block;line-height:35px;text-align:center;margin-left:1em}
.product_info .li.giacu{text-decoration:line-through;font-size:1em;color:rgb(34,34,34);font-weight:400}
.product_info .li b{font-size:14px;margin-right:3px}
.product_info .li .add_to_cart{font-size:14px;color:rgb(255,255,255);transition:all 0.4s ease 0s;background:rgb(12,12,220);display:block;max-width:300px;height:40px;line-height:40px;text-align:center;text-transform:uppercase;cursor:pointer}
.product_info .li .add_to_cart i{margin-right:10px;margin-top:3px;font-size:19px}
.product_info .li .add_to_cart:hover{color:rgb(255,255,255);background:red}
.product_info .li span.size{display:inline-block;padding:2px 10px;border:1px solid rgb(221,221,221);border-radius:3px;margin-right:5px;cursor:pointer}
.product_info .li span.mausac{width:30px;height:30px;display:block;float:left;border:1px solid rgb(221,221,221);margin-right:5px;cursor:pointer;font-size:0px;background-size:cover!important}
.product_info .li input.soluong{padding:3px 0px;width:55px;border:1px solid rgb(222,222,222);text-align:center}
.pr-quickview{width:80%}
.box_detail_product{box-shadow:rgba(0,0,0,0.2) 0px 0.5rem 1rem;padding:1rem;border:1px solid rgb(238,238,238);margin:0px 0px 1rem;border-radius:5px}
div.box-tim-nc .item-nc{list-style:none;margin:0px 0px 30px;position:relative}
div.box-tim-nc .item-nc:nth-child(5n){margin-right:0px}
.boxsectionloc h2{font-size:16px;color:inherit;font-weight:400;text-transform:uppercase;box-sizing:border-box;padding:5px 10px 5px 0px;border-bottom:1px solid rgb(204,204,204);margin-bottom:14px}
.boxfilter{transition:all 0.3s ease 0s;display:block;width:100%;box-sizing:border-box}
.boxfilter .itemfilter{line-height:18px;margin:6px 0px;cursor:pointer;display:block;padding:4px 0px}
.boxfilter .checkboxfilter{width:16px;height:16px;border-radius:4px;display:flex;border:1px solid rgb(185,184,184);overflow:hidden;position:relative;margin-right:8px;cursor:pointer;background:rgb(255,255,255);float:left;margin-top:2px}
.boxfilter img{max-width:42px!important;max-height:17px!important}
.boxfilter .itemfilter.checked .checkboxfilter{background:rgb(74,144,226);border-color:rgb(74,144,226)}
.boxfilter .checkboxfilter i{margin:auto;color:rgb(255,255,255)}
.boxfilter p{display:inline-block;font-size:13px}
.boxfilter .click_xo{position:absolute;top:7px;right:5px;display:none;width:20px;text-align:right;cursor:pointer}
.boxfilter .click_xo i{font-size:15px;color:rgb(28,24,92)}
.boxfilter .click_xo:hover i{color:red}
.act-fil{height:auto}
#wap_tags{padding:9px 0px}
#wap_tags span{font-size:12px;color:rgb(255,255,255);font-weight:700;width:auto;height:22px;border-radius:4px;display:inline-block;vertical-align:text-bottom;line-height:22px;background:rgb(74,144,226);position:relative;margin-bottom:5px;margin-right:5px;cursor:pointer;padding:0px 0px 0px 5px!important}
#wap_tags span::after{width:22px;height:22px;content:"";float:right;border-radius:0px 4px 4px 0px;background:rgb(32,107,193);margin-left:5px}
#wap_tags span::before{position:absolute;right:6px;content:"";font-family:"Font Awesome 5 Free"}
#wap_tags span.delall{background:rgb(193,0,22)}
#wap_tags span.delall::after{background:rgb(152,6,23)}
.muangay.nutdathang,a.dathang.nutdathang{box-sizing:border-box;display:inline-flex;justify-content:center;font-size:16px;font-weight:700;transition:all 0.3s ease 0s;width:49%;text-transform:uppercase;background-color:rgb(254,223,0);border-radius:4px;padding:5px 10px;cursor:pointer;color:rgb(255,255,255)!important}
.muangay.nutdathang:hover,a.dathang.nutdathang:hover{background-color:rgb(203,178,0)}
.product-other__title{font-size:20px;color:rgb(0,0,0);font-weight:400;font-family:Roboto,sans-serif;margin-bottom:1em;text-align:center}
.header_bar .mxh_top{margin:0px}
.header_bar{background:var(--main-color);font-size:14px;line-height:20px;color:rgb(255,255,255);font-weight:400;font-family:Roboto}
.header_bar .container{display:flex;align-items:center;justify-content:space-between;min-height:38px}
.header_bar p{margin:0px}
.header_bar p b{color:rgb(215,0,24)}
.header_bar p i{display:inline-flex;justify-content:center;align-items:center;margin-right:10px;animation:1s ease-in-out 0s infinite normal none running h-alo-ring-ring}
@keyframes h-alo-ring-ring{
	0%{transform:rotate(0deg) 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(0deg) scale(1) skew(1deg)}
	100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
.mxh_top{display:flex;margin:15px 0px 0px;align-items:center;font-size:12px;line-height:22px;color:rgb(255,255,255);text-transform:uppercase}
.mxh_top a{display:flex;align-items:center;transition:all 0.3s ease 0s}
.mxh_top a{margin-left:10px}
.mxh_top a img{max-height:40px}
.mxh_top a:hover{transform:rotate(15deg)}
.header_bard{min-height:100px;max-width:1200px;margin:0px auto}
.menu_desktop{background:transparent;display:flex;justify-content:space-between;height:100px;position:relative}
.menu_desktop nav{flex-grow:1}
.menu_desktop nav ul{padding:0px;list-style:none;margin:0px;display:flex;height:100%}
.menu_desktop nav ul li{display:flex;height:100%;position:relative}
.menu_desktop nav ul li a{display:flex;align-items:center;height:100%;transition:all 0.3s ease 0s;padding:0px;text-transform:uppercase;font-size:15px;line-height:30px;color:rgb(99,99,99);font-weight:700;font-family:Roboto;text-align:left}
.menu_desktop nav ul li ul{position:absolute;top:100%;left:0px;width:230px;z-index:97;background:rgb(255,255,255);display:none;height:auto}
.menu_desktop nav > ul > li + li{margin-left:50px}
.menu_desktop nav ul li ul li{height:auto;padding:8px 15px}
.menu_desktop nav ul li ul li + li{border-top:1px solid rgba(255,255,255,0.2)}
.menu_desktop nav ul li ul li a{display:block;height:auto;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu_desktop nav ul li:hover > a{color:var(--main-color)}
.menu_desktop nav ul li:hover > ul{display:block}
.menu_desktop nav ul li ul li ul{top:0px;left:100%;margin:0px}
.copyright__thongke{list-style:none;padding:0px;margin:0px}
.copyright__thongke li{display:inline}
.copyright__thongke li + li::before{content:"|";margin:0px 5px}
.brandb{padding:20px 0px}
.doitac_owl a{border:1px solid rgb(238,238,238);background:rgb(255,255,255);justify-content:center;align-items:center;display:flex!important}
.doitac_owl a img{object-fit:contain;transition:all 0.3s ease 0s}
.tintucb{margin:50px 0px}
.tintucbk{display:flex;flex-wrap:wrap}
.tintucbkl{width:50%;padding-right:15px}
.tintucbkr{width:50%;padding-left:15px}
.tintucbk .tit{font-size:20px;font-weight:bold;margin-bottom:15px}
.tinnb_top{display:block;margin-bottom:15px}
.tinnb_top a{display:block}
.tinnb_top a img{max-width:300px;min-height:200px;object-fit:cover;margin-right:15px}
.tinnb_top a h3{margin:0px;font-size:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;line-height:22px;-webkit-line-clamp:2;height:calc(44px);display:-webkit-box;-webkit-box-orient:vertical}
.tinnb_top a p{margin:0px;color:rgb(51,51,51);overflow:hidden;text-overflow:ellipsis;line-height:22px;-webkit-line-clamp:3;height:calc(66px);display:-webkit-box;-webkit-box-orient:vertical}
.tinnb_top a span{display:block;margin:5px 0px;color:rgb(119,119,119);font-size:13px}
.tinnb_owl a img{max-width:100%;min-height:150px;max-height:150px;margin:0px}
.tinnb_owl a h3{margin-top:7px}
.productb{margin:50px 0px}
.productb .tit{text-align:center;font-size:20px;font-weight:bold;margin-bottom:15px}
.product_records{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;margin:2rem 0px}
.item_records{display:block;position:relative;min-width:100%}
.item_records .scale-img{border:1px solid rgb(221,221,221);box-shadow:rgb(238,238,238) 5px 5px 0px}
.ovrly23{width:100%;overflow:hidden;position:relative}
.ovrly23 img{position:relative;width:100%;top:0px;left:0px}
.ovrly23 .ovrly{position:absolute;background:rgba(0,0,0,0.5);height:100%;left:0px;top:0px;width:100%;opacity:0;transform:scale(0.5) rotateZ(180deg);transition:all 0.3s ease 0s}
.ovrly23 .buttons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ovrly23 .buttons .fa{background:rgb(255,255,255);box-shadow:rgba(0,0,0,0.3) 0px 0px 1px;border-radius:50%;color:rgba(50,50,50,0.9);display:inline-block;margin:0px 1px;line-height:40px;font-size:16px;text-align:center;text-decoration:none;width:40px;height:40px;transition:all 0.2s ease 0.3s;opacity:0}
.ovrly23:hover .ovrly{opacity:1;transform:scale(1) rotateZ(0deg)}
.ovrly23:hover .buttons .fa{opacity:1}
.item_records h3{font-size:15px;font-weight:bold;text-align:center;margin:1rem 0px 0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item_records h3:hover a{color:rgb(215,44,21)}
.item_records p{text-align:center}
.fix-nav .header_bar{display:none!important}
.fix-nav{position:fixed;top:0px;left:0px;width:100%;z-index:97;animation:0.8s ease 0s 1 normal none running slideInDown}
.keyword-autocomplete{top:100%;left:0px;z-index:97;background:rgb(255,255,255);width:100%;padding:1rem;box-shadow:rgba(0,0,0,0.1) 0px 5px 4px 0px;display:none}
.keyword-autocomplete li{margin:10px 0px 0px}
.keyword-autocomplete li a{display:flex;align-items:center}
.keyword-autocomplete li a i{margin-right:10px;color:rgb(187,187,187);font-size:16px}
.keyword-autocomplete li a:hover{color:rgb(215,44,21)}
.intro_index{padding:50px 0px;background:url("../images/bg.png") center bottom / cover no-repeat}
.intro_index_grid{display:block;width:845px;height:578px;background:url("../images/bg2.png") 0px 0px no-repeat;margin:80px auto -30px;position:relative;z-index:1}
.intro_index_content{min-width:100%;padding-top:5rem;padding-left:4rem;padding-right:4rem;column-count:2;column-gap:5rem;text-align:justify}
.tit_intro{text-transform:uppercase;font-size:36px;line-height:27px;color:rgb(25,117,210);font-weight:400;font-family:Schadow;text-align:center;background:url("../images/td.png") center bottom no-repeat;padding-bottom:30px;margin-bottom:1rem}
.btnXemthem{display:flex;margin:1rem 0px 0px;width:150px;height:44px;border-radius:5px;background-color:rgb(25,117,209);font-size:18px;line-height:23px;font-weight:400;font-family:Roboto;text-align:center;justify-content:center;align-items:center;transition:all 0.3s ease 0s;color:rgb(255,255,255)!important}
.hinhanh_intro{position:relative}
.hinhanh_intro li{position:relative;transition:all 0.5s ease 0s}
.hinhanh_intro li:nth-child(2){position:absolute;top:0px;right:0px;z-index:2;transform:translate(5rem,5rem)}
.hinhanh_intro:hover li:nth-child(2){transform:translate(0rem,0rem)}
.hinhanh_intro:hover li:nth-child(1){transform:translate(5rem,5rem);z-index:3}
.tit_p{font-size:25px;font-weight:bold;text-align:center;text-transform:uppercase;margin-bottom:1rem}
.list_tab{display:flex;justify-content:center;align-items:center;margin:1rem 0px}
.list_tab a{cursor:pointer;font-size:16px;margin:0px 1rem}
.list_tab a.active{font-weight:bold}
.wrap_blg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin:1rem 0px}
.blog-item-thumbnail{min-width:100%;position:relative;padding-bottom:2rem;box-shadow:rgb(241,241,241) 1px 8px 20px 2px}
.blog-item-thumbnail section{padding:10px}
.blog-item-thumbnail p.meta{font-size:12px;color:rgb(120,119,125);margin:0px}
.blog-item-thumbnail h3{font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0px}
.blog-item-thumbnail p.summary{color:rgb(85,85,85);overflow:hidden;text-overflow:ellipsis;line-height:25px;-webkit-line-clamp:3;height:75px;display:-webkit-box;-webkit-box-orient:vertical;margin:0px}
.blog-item-thumbnail .readmore{border-top:none;color:rgb(255,255,255);font-size:12px;margin:0px;position:absolute;right:0px;bottom:0px;background:var(--main-color);line-height:30px;height:30px;text-align:center;padding:0px 8px;border-top-left-radius:4px;border-bottom-right-radius:4px}
.blog-item-thumbnail .readmore span{transition:all 0.3s ease 0s;width:0px;opacity:0;display:inline-block}
.blog-item-thumbnail .readmore i{float:right;line-height:30px}
.blog-item-thumbnail .readmore:hover span{opacity:1;width:65px;color:rgb(255,255,255)}
.blog-item-thumbnail h3:hover a{color:var(--main-color)}
.img1{position:relative;overflow:hidden}
.img1::before{position:absolute;content:"";width:100%;height:100%;top:0px;left:0px;z-index:1;transition:all 0.5s ease-in-out 0s}
.img1::after{position:absolute;content:"";width:100%;height:100%;top:0px;left:0px;transition:all 0.5s ease-in-out 0s}
.img1:hover::before{right:50%;left:50%;width:0px;background:rgba(255,255,255,0.3)}
.img1:hover::after{height:0px;top:50%;bottom:50%;background:rgba(255,255,255,0.3)}
.aside-item{position:relative;overflow:hidden}
.dear_title{background-color:var(--main-color);font-size:18px;font-weight:bold;margin:0px;line-height:50px;position:relative;border-top-left-radius:5px;border-top-right-radius:5px;color:rgb(255,255,255);padding:0px 15px}
.blog_list_item{padding:20px 15px;border-right:1px solid rgb(236,237,232);border-bottom:1px solid rgb(236,237,232);border-left:1px solid rgb(236,237,232);border-image:initial;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.blog_list_item a{display:block}
.blog_list_item a + a{margin:1rem 0px 0px}
.blog_list_item a h3{white-space:nowrap;font-size:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis}
.blog_list_item p{font-size:13px;color:rgb(99,99,106)}
.blog_list_item a:hover h3{color:var(--main-color)}
.btnDangkytuvan{border:0px;position:fixed;top:50%;left:0px;z-index:97;background:rgb(17,17,17);color:rgb(255,255,255);width:60px;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:4px;border-radius:0px 4px 4px 0px}
.btnDangkytuvan i{font-size:24px;margin-bottom:3px;animation:1s ease 0s infinite normal none running tada}
.btnDangkytuvan p{margin:0px;font-size:10px}
.modal-header.bg1{position:relative;align-items:center;z-index:1}
.modal-header.bg1::after{content:"";background:url("../images/bg-sprinkles.svg") 0px 0px repeat;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0.2;z-index:-1}
.modal-header.bg1 .modal-title{font-weight:bold;color:rgb(215,44,21);font-size:22px}
.filter_block{display:block}
.filter_title{background-color:rgb(215,44,21);font-size:18px;font-weight:bold;margin:0px;line-height:50px;position:relative;border-top-left-radius:5px;border-top-right-radius:5px;color:rgb(255,255,255);padding:0px 15px}
.filter_block ul{border-right:1px solid rgb(236,237,232);border-bottom:1px solid rgb(236,237,232);border-left:1px solid rgb(236,237,232);border-image:initial;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:20px 15px!important}
.filter_block ul li{display:block}
.filter_block ul li + li{margin:1rem 0px 0px}
.filter_block ul li a{display:flex;align-items:center;font-size:15px;cursor:pointer}
.filter_block ul li a span{width:1rem;height:1rem;border:1px solid rgb(204,204,204);border-radius:50%;cursor:pointer;margin-right:0.5rem;position:relative;display:flex;align-items:center;justify-content:center}
.filter_block ul li a:hover{color:rgb(215,44,21)}
.filter_block + .filter_block{margin:1rem 0px 0px}
.filter_block ul li a i{width:1rem;height:1rem;margin:0px 0px 0px 0.5rem;box-shadow:rgba(0,0,0,0.2) 0px 0px 5px 0px inset}
.filter_block ul li a.checked span::before{content:"";width:0.5rem;height:0.5rem;background:rgb(215,44,21);border-radius:50%}
.member{display:flex;align-items:center}
.member span.member_avatar{width:3rem;height:3rem;border-radius:50%;background:rgb(243,243,243);display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:rgba(0,0,0,0.1) 0px 0px 1rem 0px inset;font-size:1rem;font-weight:bold;text-transform:uppercase}
.member section{width:calc(100% - 3rem);padding-left:1rem}
.member section p{margin:0px}
.member section p + p{margin:3px 0px 0px}
.member section p:nth-child(1){font-weight:bold;font-size:15px}
.member section p:nth-child(2){font-size:13px;color:rgb(170,170,170)}
.member section p:nth-child(3){color:rgb(255,209,25)}
.member_list{margin:0px;padding:0px}
.member_list li + li{border-top:1px dotted rgb(221,221,221);padding-top:1rem;margin-top:1rem}
.member p span{font-size:13px;font-weight:bold;color:rgb(43,168,50);font-family:Roboto,sans-serif;display:inline-block;margin-left:0.5rem}
#toc-content img{max-width:100%!important;height:auto!important}
.img_hover{overflow:hidden;position:relative;padding:0px;z-index:0}
.img_hover::before{position:absolute;top:0px;left:-85%;z-index:22;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);transform:skewX(-25deg)}
.img_hover:hover::before{animation:0.6s ease 0s 1 normal none running shine}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.footer__title2{font-size:30px;color:rgb(25,117,210);font-weight:400;font-family:Schadow;text-align:left;margin-bottom:10px}
.intro_index_grid::after{content:"";width:220px;height:156px;background:url("../images/bg1.png") 0px 0px no-repeat;position:absolute;top:calc(-78px);left:50%;transform:translateX(-50%)}
.tit_intro2{font-size:15px;line-height:30px;color:rgb(51,51,51);font-weight:400;font-family:Roboto}
.btnXemthem img{margin-left:13px}
.btnXemthem:hover{background:dodgerblue}
.sanpham_index{padding:50px 0px 100px;background-color:rgb(239,246,255)}
.sanpham_index_title{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}
.sanpham_index_title span{width:343px;height:80px;background:url("../images/td2.png") 0px 0px no-repeat;font-size:36px;line-height:27px;color:rgb(255,255,255);font-weight:400;font-family:Schadow;text-align:center;text-transform:uppercase;display:flex;justify-content:center;align-items:center;padding-bottom:13px}
.sanpham_index_l{width:calc(100% - 264px);padding-right:4rem}
.sanpham_index_r{width:264px}
.sanpham_index_r_aside{background-color:rgb(255,255,255);border:1px solid rgb(230,230,230)}
.sanpham_index_r_aside_td{font-size:16px;line-height:40px;color:rgb(255,255,255);font-weight:700;font-family:Roboto;text-align:center;width:250px;height:40px;background-color:rgb(213,12,12);position:relative;margin:3px 0px 0px}
.sanpham_index_r_aside_td::before{content:"";width:6px;height:46px;background:url("../images/td4.png") 0px 0px no-repeat;position:absolute;left:-6px}
.sanpham_index_r_aside_td::after{content:"";border-left:15px solid transparent;border-bottom:40px solid rgb(255,255,255);width:15px;height:40px;position:absolute;right:0px;top:0px}
.sanpham_index_r_aside ul li a{font-weight:400;font-family:Roboto;display:block;transition:all 0.3s ease 0s;font-size:14px;line-height:1.42857143;color:#424242}
.sanpham_index_r_aside ul li a::before{content:"";font-weight:900;font-family:"Font Awesome 5 Free";font-size:8px;margin-right:5px;color:rgb(255,255,255);border:1px solid rgb(255,255,255);border-radius:100%;width:14px;height:14px;display:inline-block;background-color:rgb(213 12 12);line-height:13px;text-align:center}
.sanpham_index_r_aside ul li+li{margin:5px 0 0}
.sanpham_index_r_aside ul{padding:10px 17px 17px!important}
.sanpham_index_r_aside ul li:last-child a{border:0px}
.sanpham_index_r_aside ul li a:hover{color:rgb(213 12 12)}
.spnb_owl_item1{width:calc(100% - 493px);padding-right:3rem;font-size:15px;line-height:30px;color:rgb(51,51,51);font-weight:400;font-family:Roboto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:14;display:-webkit-box;-webkit-box-orient:vertical}
.spnb_owl_item2{width:493px}
.spnb_owl_item2_tab a{font-size:16px;line-height:40px;color:rgb(49,49,49);font-weight:400;font-family:Roboto;background:url("../images/can1.png") center bottom 35px no-repeat;padding-top:30px;margin:0px 5px}
.spnb_owl_item2_tab{display:flex;justify-content:center;align-items:baseline;margin-top:1rem}
.spnb_owl_item2_tab a.active{background-image:url("../images/can2.png")}
.tieuchi_index{background:url(../images/bg3.png) 0 0 no-repeat;background-size:cover;padding-bottom:70px;position:relative;z-index:2}
.tieuchi_index .sanpham_index_title{position:relative;top:-40px;z-index:2}
.tieuchi2 ul li:nth-child(even) a{margin-right:auto;margin-left:0}
.tieuchi2 ul li+li{margin:50px 0 0}
.tieuchi2 ul li a{color:#fff;display:flex;align-items:center;max-width:575px;justify-content:space-between;margin-left:auto;margin-right:0}
.tieuchi2 ul li a p{font-size:16px;line-height:25px;color:#ffffff;font-weight:700;font-family:"Roboto";text-transform:uppercase;margin-bottom:5px}
.tieuchi2 ul li a span{font-size:15px;line-height:25px;color:#ffffff;font-weight:400;font-family:"Roboto"}
.tieuchi2 ul li a section{width:calc(100% - 70px - 26px)}
.tieuchi2 ul li:nth-child(even) a img{order:2}
.tieuchi2 ul li:nth-child(even) a section{text-align:right}
.tieuchi2 ul{width:89.7%;margin:auto!important}
.splq_index{margin:100px 0px 50px}
.splq_index .container{background:url(../images/bg4.png) 0 0 no-repeat;background-size:cover;padding:50px 0px;border-radius:5px;background-color:#1975d2}
.splq_index .sanpham_index_title{position:absolute;top:-40px;left:50%;transform:translateX(-50%)}
.spnb2_item a{padding:2rem 0;position:relative}
.spnb2_item a h3{font-size:16px;line-height:25px;color:#ffffff;font-weight:700;font-family:"Roboto";text-align:center;margin:21px 0px 0px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;transition:0.3s}
.spnb2_item a p{font-size:16px;line-height:25px;color:#ffffff;font-weight:400;font-family:"Roboto";text-align:center}
.spnb2_item a p span{font-weight:bold;color:#eb0505}
.spnb2_item a:hover h3{color:#ff0}
.spnb2_item a:before{content:"";width:1px;height:100%;background:linear-gradient(45deg,transparent,#fff,transparent);position:absolute;top:0;left:0;z-index:1}
.ykien_index1{width:calc(100% - 381px - 25px);background:url(../images/bg5.png) 0 0 no-repeat;margin-right:auto;padding-left:88px;padding-top:10px;padding-bottom:24px;padding-right:73px}
.ykien_index2{width:381px}
.ykien_index{margin:50px 0}
.ykienkhachhang a picture{width:165px;margin-right:22px}
.ykienkhachhang a section{width:calc(100% - 165px);background:url(../images/left-quote.png) top left no-repeat;padding-top:2rem}
.ykienkhachhang a{color:#fff;margin-bottom:2.5rem}
.ykienkhachhang a h3{font-size:16px;line-height:27px;color:#ffffff;font-weight:700;font-family:"Roboto";margin:0}
.ykienkhachhang a p{font-size:14px;line-height:26px;color:#ffffff;font-weight:400;font-style:italic;font-family:"Roboto";overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;margin-bottom:10px}
.ykien_index1td{font-size:16px;line-height:27px;color:#ffffff;font-weight:700;font-family:"Roboto";width:243px;height:42px;background:url(../images/td6.png) 0 0 no-repeat;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:-72px}