::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
*{margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.grecaptcha-badge{display: none;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {min-width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.video_popup {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#clickvideo{ width:100%; padding:4px 0; margin:3px 0%; border:1px solid #DDD; box-sizing:border-box;}
.addthis_native_toolbox{margin: 10px 0px;width: 100%;clear: both;border: 1px solid #ededed;padding: 10px 10px;margin-bottom: 10px;background: #f7f6f6;box-sizing: border-box;}
.addthis_native_toolbox b{float: left;font-size: 14px;text-transform: uppercase;margin-right: 10px}
#toptop {width: 37px; height: 37px;position: fixed;bottom: 30px; right: 20px;text-indent: -99999px;cursor: pointer;background: url(images/back_to_top.png) top center no-repeat;transition:0.5s;z-index:200;}
#toptop:hover{background: url(images/back_to_top.png) bottom center no-repeat;transition:0.5s;}
.clear{clear:both;}
img{max-width:100% !important; height:auto; }
div.bando img{max-width:none !important;}


.pricepro {}
.pricepro strong { color: #474747; font-size: 16px; font-weight: 500; margin-right: 15px; }
.pricepro .attr-content-pro-detail { display: flex; align-items: center; }
.pricepro .price-new-pro-detail { color: var(--color-main); font-size: 20px; }
.pricepro .price-old-pro-detail { color: #9E9E9E; font-size: 15px; margin-right: 35px; }
.pricepro .percent-pro-detail { color: #fff; font-size: 13px; padding: 1px 10px; border-radius: 2px; background: var(--color-main); }
.attr-label-pro-detail { font-weight: 500; color: #474747; margin-bottom: 5px; }
.price-new-pro-detail { font-weight: 700; font-size: 20px; color: #ff2e00; }
.price-old-pro-detail { font-weight: 500; color: #666; text-decoration: line-through; padding-left: 10px; }




.right_gh{
	margin:10px auto;
	max-width:1000px;
}
.xemthem a.fl-r {
    background: red;
}
.xemthem a{
	cursor:pointer;
}
.xemthem a:hover{
	color:#fff !important;
}
.dathang{
	
}
.xtc1{display: none;}
.iframe_map iframe{
	width:100% !important;
}
.bandoft iframe{
	width:100% !important;
	height:240px !important;
}


:root { --color-main: #041E43; --color-social: #041E43; --color-hover: #041E43;--color-hover-text: #041E43; --color-text: #041E43; --menu-border: rgb(255 255 255 / 20%); --menu-color: #fff; }
body{
	font-size: 14px; line-height: 1.5; font-family: 'Roboto',-apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.btn-zalo2 {
    background-color: #01a8da;color: #fff;width: 100%;margin-bottom: 5px
}

.btn-hotline2 {
    background-color: #33981a;color: #fff;width: 100%
}

.btn-hotline2 img, .btn-zalo2 img {
    width: 35px;
    float: left;
}

.tell3{
        position: absolute;
    top: 10px;
    right: 10px;animation: wiggle 0.6s ease-in-out infinite;
  animation-delay: 2s;
}
.pic_cs img {
  animation: wiggle 0.6s ease-in-out infinite;
  animation-delay: 2s;
}

.pic_tc:hover img {
 animation: wiggle 0.6s ease-in-out;
}

@keyframes wiggle {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(8deg); }
  50% { transform: rotate(-8deg); }
  75% { transform: rotate(4deg); }
}



.cart-header{
    position: relative;
    border:0;box-shadow: unset;background: transparent;
}
.cart-header span{

}

.cart-header .count-cart {
    position: absolute;
    background: #C41A25;
    top: 0px;
    left: 18px;
    right: inherit;
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;display: none;
}
@font-face {
    font-family: 'boldc';
    src: url('font/RobotoCondensed-Bold.ttf');
}
@font-face {
    font-family: 'uvn';
    src: url('font/UTM ViceroyJF.ttf');
}

.seo-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; opacity: 0; pointer-events: none; }
.w-clear:after { display: block; content: ""; clear: both; }

.max-width, .wrap-content { margin: 0px auto; max-width: 1300px; }
.container-custom { padding: 0px 10px; margin: 0px auto; }
img { max-width: 100%; display: inline-block; -o-object-fit: cover; object-fit: cover; }
* { box-sizing: border-box; }
a { text-decoration: none; }

.social-plugin { display: flex; margin-top: 10px; }
.scale-img { overflow: hidden; }
.scale-img img, .scale-img picture { transition: all 0.5s; }
.scale-img:hover img, .scale-img:hover picture { transform: scale(1.2, 1.2); }
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

.rows_1{-webkit-line-clamp:1;}
.rows_2{-webkit-line-clamp:2;}
.rows_3{-webkit-line-clamp:3;}
.rows_4{-webkit-line-clamp:4;}
.rows_5{-webkit-line-clamp:5;}
.rows_6{-webkit-line-clamp:6;}

.scroll-custom { overflow-y: auto; overflow-x: hidden; }
.scroll-custom::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); border-radius: 10px; background-color: #F5F5F5; }
.scroll-custom::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.scroll-custom::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #A2A3A3; }

.transition, .btn-frame .kenit-alo-circle-fill, .control-owl button, .carousel-comment-media .carousel-control a span, .menu ul li a.has-child:after, .menu ul li ul, .menu ul li:hover > ul, .scale-img img, .scale-img:hover > img, .support-online .kenit-alo-circle-fill { transition: 0.3s all; }

.item_pro{padding: 7px}

.mw_pro:hover{
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.2);
}
.mw_pro{padding: 10px 10px 23px;border-radius: 6px;text-align: center;}

.pic_pro{margin-bottom: 16px}

.pic_pro a{border-radius: 4px}
.name_pro{margin-bottom: 0px}

.name_pro a
{
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #020202;
    line-height: 20px;
    height: 40px;
}
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li { margin-bottom: 2px; }
.list-news-other li a { text-transform: none; color: #333333; }
.list-news-other li a:hover { color: var(--color-hover-text); }

.d-block{display: block!important;}

.swiper .swiper-wrapper { width: inherit; height: inherit; }
.swiper.swiper-initialized .swiper-wrapper { margin: 0; width: 100%; height: 100%; }
.swiper.swiper-initialized .swiper-slide { padding: 0; margin: 0px; overflow: hidden; }

.swiper-button-next, .swiper-button-prev { padding: 7px; background: rgb(0 0 0 / 20%); color: #fff; border-radius: 5px; }

.swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; }


.baonoidung table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; unicode-bidi: isolate; border-spacing: 2px; border-color: gray; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; overflow-y: auto; }
.baonoidung tbody { display: table-row-group; vertical-align: middle; unicode-bidi: isolate; border-color: inherit; }
.baonoidung tr { display: table-row; vertical-align: inherit; unicode-bidi: isolate; border-color: inherit; }
.baonoidung td { display: table-cell; vertical-align: inherit; unicode-bidi: isolate; border-width: 1px; }
.baonoidung ul, .baonoidung ol { list-style: auto; padding-left: 2rem; }
.baonoidung ul li, .baonoidung ol li { margin-bottom: 0.75rem; list-style-type: auto; }
.baonoidung iframe { max-width: 100% !important; }
.baonoidung img { height: auto !important; max-width: 100% !important; }
.baonoidung * { max-width: 100% !important; }
div.desc-pro-detail ul li { margin-bottom: 0.75rem; list-style-type: circle; }
div.desc-pro-detail ul li:last-child { margin-bottom: 0 !important; }
div.baonoidung ul li { margin-bottom: 0.75rem; list-style-type: disc; }
div.baonoidung ol li { margin-bottom: 0.75rem; list-style-type: decimal; }


.tonggia {
    float: right;
}
.tonggia font {
    color: red;
}
.box-giohang, .ketqua_gh .button {
    position: relative;
    z-index: 99999;
}
.button {
    background: red;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    padding: 5px 30px;
    margin-right: 5px;
    cursor: pointer;
    outline-color: red;
}
.box-giohang, .ketqua_gh .button {
    position: relative;
    z-index: 99999;
}
.button {
    background: red;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    padding: 5px 30px;
    margin-right: 5px;
    cursor: pointer;
    outline-color: red;
}
.ketqua_gh p {
    color: #72b656;
    font-weight: 700;
}
.box-giohang, .ketqua_gh .button {
    position: relative;
    z-index: 99999;
}
.box-giohang {
    background: #ededed;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.xoa_gh {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.box-giohang img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.box-giohang h2 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
    color: #1c1c1c;
    font-family: roboto;
}
.box-giohang .gia {
    color: red;
    margin-bottom: 10px;
}
.box-giohang .soluong {
    float: right;
}
.giam, .tang {
    text-align: center;
    border: 1px solid #ccc;
    width: 15px;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.share{padding:17px 15px 10px 15px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;margin-bottom: 10px}
.share b{display:block;margin-bottom:5px;}
div#wapper
{ 
  margin:auto;
  background:#fff;
  width: 100%;
}
.wap{
	max-width: 1300px;
	margin: auto;
}
.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
a{
	text-decoration: none;
}
a:hover{
	color: red;
}
img:hover{
	

}
.giamgia{
    color: #000;
    margin: 10px auto;
}
div#header
{
	position: relative;
    margin: auto;
    background: var(--color-main);

}

.search-hd{width: 50%;max-width: 538px;margin-bottom: 15px}
.search-hd p{margin-bottom: 0px;color: #fff;font-size: 14px;margin-top: 10px}
.tencty{
	color: #FF0000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    font-size: 35px;
    font-family: 'boldc';
    text-transform: uppercase;
}

.wrap-cs{max-width: 300px;width: 40%}

.pic_cs{max-width: 32px;margin: 0 auto;margin-bottom: 3px}
.pic_cs img{height: 32px}

.name_cs{
    overflow: hidden;font-size: 13px;color: #fff;line-height: 16px;height: 32px;display: block;text-align: center;max-width: 90px;margin: 0 auto
}


.wrap-header-bottom{padding: 5px 0px;position: relative;}
.wrap-header-bottom:after{position: absolute;bottom: 0;left: 0px;width: 100%;height: 1px;
content: '';
background: linear-gradient(270deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
}

.tel{padding: 3px 0px;padding-left: 56px;position: relative;}
.tel p{margin-bottom: 0px;font-size: 13px;font-weight: 500;color: #fff;text-transform: uppercase;}
.tel span{display: block;
    font-weight: 900;
font-size: 18px;
background: linear-gradient(90deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.tell1
{
        left: 11px;
    top: 9px; animation: wiggle 0.6s ease-in-out infinite;
  animation-delay: 2s;
}

.tell2{

}

.tel b {
    position: absolute;
    top: 2px;
    left: 0px;
}

.tel b svg{position: absolute;}


.chinhsach p{
	color: #FCFF00;
    font-family: 'boldc';
    font-size: 22px;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 2%;
}

.banner{
	width: 46%;
    float: left;
    margin-left: 5%;
}
.search {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
}


.banner p{
	color: #fff;
    font-size: 14px;
    margin: 1% auto;
}
.search input {
    padding: 0px 15px;
    border: none;
    background: none;
    width: calc(100% - 41px);
    outline: none;
    color: #3C3C3C;
    height: 41px;
    font-size: 14px;
}


.search span {
    height: 41px;
    text-align: center;
    color: #fff;
    line-height: 41px;
    font-size: 15px;
    display: inline-block;
    width: 41px;
}
.search i {
    font-size: 18px;
    cursor: pointer;
    color: #041E43;
}


.chinhsach{
	float: right;
    width: 28%;
    margin-top: 1%;
}
.chinhs{
	width: 37%;
    float: left;
    margin-left: 13%;
    line-height: 2;
    text-align: center;
}
.chinhsach a{
	color: #fff;
}
.chinhsach img{
	float: left;
	margin-right: 5%;
}
.hotline{
	width: 19.5%;
    float: right;
    background: url(images/bghl.png)no-repeat;
    padding: 0.5% 2%;
    margin-top: 2%;
}
.hotline span{
	color: #ED1C24;
    font-size: 13px;
    text-transform: uppercase;
}
.hotline strong{
	color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding-left: 19%;
}
.sp1{
	background: url(images/bgdc.png)no-repeat left;
    font-size: 13px;
    padding: 2px;
    padding-left: 20px;
    margin-right: 45px;
    font-family: 'a';
}	
.sp2{
	background: url('images/bgmail.png')no-repeat left;
	font-size: 13px;
    padding: 2px;
    padding-left: 20px;
    margin-right: 45px;
    font-family: 'a';
}
.sp3{
	background: url('images/bgdt.png')no-repeat left;
	font-size: 13px;
    padding: 2px;
    padding-left: 20px;
    margin-right: 45px;
    font-family: 'a';
}
.sp3 strong{
	color: red;
}
div#header a.logo
{
	display:block;
	line-height:0;
}
div#header img.logo_mobi
{
	display:none;
}
div#header a.logo img
{
	width:100%;
}
.menu_login
{
	list-style:none;
	position:absolute;
	top:5px;
	right:70px;
}
.menu_login li
{
	display:inline-block;	
}
.menu_login li a
{
	text-decoration:none;
	color:#fff;
	border-right:1px solid #fff;
	padding:0px 5px;
}

div#lang
{
	position:absolute;
	top:5px;
	right:10px;
}
div#lang a img
{
	margin-left:3px;
}
.sang_header
{
	top: 30%;
    left: 5%;
}

div.header_mobi
{
	display:none;
}
div.wap_menu
{
	position: relative;
    background: #183544;
    height: 60px;
    line-height: 60px;
    margin: auto;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}



.menu { position: sticky; top: 0; z-index: 998; width: 100%;background: var(--color-main)}


.menu .wrap-content { position: relative; }
.fix_menu { left: 0px;width: 100%;z-index: 1234;}
@keyframes animatetop{
  from{top:-300px;opacity:0}
  to{top:0;opacity:1}
}

.fix_menu .lst-pro-lefts,.n_menu .lst-pro-lefts{
    opacity: 0;visibility: hidden;
}

.n_menu.lefts_menu:hover .lst-pro-lefts{opacity: 1;visibility: visible;}
.fix_menu .lefts_menu:hover .lst-pro-lefts{opacity: 1;visibility: visible;}


.n_menu .scrollbar_menu_lss{height: 255px}


.pic_lst{
    border-radius: 8px;
}

.wrap-bd .wrap-content{
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 10px 16px 30px;background: #fff
}



.pic_mtk{margin-bottom: 11px;border-radius: 6px}

.info_mtk{

}



.left_dv{
    width: 60.332%
}

.right_vdo{width: 470px}


.title-main{margin-bottom: 20px}
.title-main>span {
    font-weight: 800;
    font-size: 26px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: var(--color-main);
    padding-left: 40px;
    background: url(images/son.png) no-repeat left center;
}


.wrap-product-tab-nb:not(:last-child){padding: 0px 0px 25px}

.img_cap1{border-radius: 6px;overflow: hidden;margin-top: 6px}

.mn_cats{}
.mn_cats ul{list-style: none;padding: 0px;margin: 0px}

.mn_cats {
    border-radius: 6px;
    background: var(--color-main);
    padding: 9px 0px 4px;
}

.mn_cats .scrollbar_menu_lss {
    height: 372px;overflow-y: auto;
   
}

.mn_cats>ul>li{padding:0px 20px;position:relative;}
.mn_cats>ul>li>span>svg{position: absolute;top: 16px;left: 0px;fill:#C6C6C6;}

.mn_cats>ul>li:hover>span>svg,.mn_cats>ul>li.active>span>svg{fill: #b88416;}




.mn_cats ul li span {
    color: #fff;
    font-size: 14px;
    display: block;
    padding-left: 10px;
    font-weight: normal;
    text-align: left !important;
    font-weight: normal;
    position: relative;
    text-transform: capitalize;position: relative;
}
.left_lst_dm{width: 280px}

.mn_cats>ul>li>span {
    position: relative;
    padding: 10px 0px;
    padding-left: 23px;
    padding-right: 5px;
    border-bottom: 0px dashed #bababa;
    line-height: 26px;
    cursor: pointer;
}
.mn_cats>ul>li:hover>span,.mn_cats>ul>li.active>span{
    background: linear-gradient(90deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.show-list{width: calc(100% - 298px)}

.grid-product{
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; 
}

.grid-news{
display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; 
}

.grid-product .mw_pro{
border: 1px solid #E5E5E5;border-radius: 6px
}
.grid-product .item_pro{padding: 0px}
.grid-news2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

a.xt{
    display: inline-block;
    font-weight: 700;
font-size: 14px;
letter-spacing: -0.02em;color: #222222
}
a.xt:hover{color: red}

.name_mtk{
font-weight: 600;
font-size: 16px;line-height: 22px;height: 44px;color: #222;margin-bottom: 2px;
}
.name_mtk:hover{color: red}

.desc_mtk{
    font-weight: 400;
font-size: 14px;color: #434343;line-height: 22px;height: 66px;
}

.wrap-tieuchi{padding: 23px 0px}

.scale-img { overflow: hidden; }
.scale-img img, .scale-img picture { transition: all 0.5s; }
.scale-img:hover img, .scale-img:hover picture { transform: scale(1.1, 1.1); }


.menu > .wrap-content{display: flex;justify-content: space-between;align-items: center;}

.menu > .wrap-content > ul {
    width: calc(100% - 280px);
}

.menu > .wrap-content > ul > li>a{line-height: 45px}

.menu > .wrap-content > ul > li { flex-grow: 1; }
.menu ul { padding: 0px; margin: 0; list-style: none; }
.menu ul li { position: relative; z-index: 99; }
.menu ul.ulmn > li { flex: auto; }
.menu ul li.line { width: 1px; height: 15px; background-color: rgba(255, 255, 255, 0.5); flex: none; }

.menu ul li a { font-size: 16px; color: #fff; margin: 0px; padding: 0; position: relative; z-index: 1; text-align: center; text-decoration: none !important; display: block; line-height: 45px; text-transform: uppercase; font-weight: 600}
.menu ul li a img { vertical-align: middle; }

.menu > .wrap-content > ul > li:hover>a{
background: linear-gradient(90deg, #b88416 0%, #e5cf62 50%, #b88416 100%);color:#000;
}

.menu ul li a.active,.menu ul li:hover > a{color:red;}

.menu > .wrap-content > ul > li>a.active{
    background: linear-gradient(90deg, #b88416 0%, #e5cf62 50%, #b88416 100%);color:#000;
}

.menu > .wrap-content > ul > li.megamenu>ul>li:hover>a{
color:red;
}

.menu ul li ul { position: absolute; min-width: 250px; left: 0; background: #fff; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.3); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all 0.5s; }
.menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all 0.7s; }
.menu ul li ul li { text-align: left; border-bottom: 1px solid rgb(173 173 173 / 32%); }
.menu ul li ul li:last-child { border-bottom: 0px; }
.menu ul li ul li a { font-size: 14px; padding: 10px; display: block; text-decoration: none !important; line-height: 20px; text-align: left; font-weight: 500; text-transform: capitalize; color: #333; }
.menu ul li ul li ul { top: 0px; left: 100%; }
.menu ul li ul li a:before { position: absolute; content: ''; top: 50%; left: 0; width: 0; height: 1px; background: red; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; visibility: hidden; opacity: 0; }


.menu > .wrap-content > ul > li.megamenu>ul{position:absolute;top:100%;left:0;width:100%;padding:20px;background:#fff;display:grid;gap:10px;box-shadow:0 3px 11px rgba(0,0,0,0.3);transform:translateY(20px);opacity:0;visibility:hidden;transition:all 0.4s;overflow-x:hidden;overflow-y:auto;max-height:300px;}
.menu > .wrap-content > ul > li.megamenu:hover >ul{transform:translateY(0);opacity:1;visibility:visible;}
.menu > .wrap-content > ul > li.megamenu{position:inherit;}
.menu > .wrap-content > ul > li.megamenu-3 >ul{grid-template-columns:repeat(3,1fr);}
.menu > .wrap-content > ul > li.megamenu-4 >ul{grid-template-columns:repeat(4,1fr);}
.menu > .wrap-content > ul > li.megamenu-5 >ul{grid-template-columns:repeat(5,1fr);}
.menu > .wrap-content > ul > li.megamenu>ul>li>a{font-weight:bold;color:#333;text-transform:uppercase;padding:0px 0;display:block;line-height: 22px}
.menu > .wrap-content > ul > li.megamenu>ul>li>ul{position:static!important;min-width:unset;box-shadow:none;background:none;transform:none;opacity:1;visibility:visible;transition:none;margin-top:8px;}
.menu > .wrap-content > ul > li.megamenu>ul>li>ul>li>a{font-weight:normal;color:#555;padding:4px 0;display:block;text-transform:capitalize;}
.menu > .wrap-content > ul > li.megamenu>ul>li>ul>li>a:hover{color:red;}
.menu > .wrap-content > ul > li.megamenu>ul>li>ul>li>ul{margin-left:15px;}
.menu > .wrap-content > ul > li.megamenu>ul>li>ul>li>ul li a{font-size:13px;color:#666;}
.menu > .wrap-content > ul > li.megamenu > ul {
    pointer-events: none;
}

.menu > .wrap-content > ul > li.megamenu:hover > ul {
    pointer-events: auto;
}



.ddsmoothmenu-v ul {margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu-v ul li a:hover {color: var(--color-main); }
.ddsmoothmenu-v ul>li>a>span.icon-plus-submenu {width: 25px; height: 25px; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid transparent; }
.ddsmoothmenu-v ul>li>a>span.icon-plus-submenu:hover{border: 1px solid var(--color-main);}
.ddsmoothmenu-v ul li {position: relative; float: none; z-index: 10!important; border-bottom: 1px solid #e7e7e7 }
.ddsmoothmenu-v ul>li.has-submenu.opened > a .icon-plus-submenu:after {-moz-transform: translateY(-50%) scale(1, 0); -ms-transform: translateY(-50%) scale(1, 0); -webkit-transform: translateY(-50%) scale(1, 0); transform: translateY(-50%) scale(1, 0); }
.ddsmoothmenu-v ul li:last-child {border-bottom: 0px solid #e7e7e7; }
.ddsmoothmenu-v ul>li.level1>ul.submenu-links li a {padding-left: 15px;padding-right: 0px }
.ddsmoothmenu-v ul li ul.submenu-links{display: none;}
.ddsmoothmenu-v ul li a {color: #333333; padding: 12px 30px 12px 0px; text-transform: uppercase; display: block; font-size: 15px;position: relative;}
.icon-plus-submenu:after, .icon-plus-submenu:before {background: rgba(9, 9, 9, 0.6); content: ''; display: block; position: absolute; margin-right: 7px; top: 50%; right: 0; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; }
.icon-plus-submenu:before {width: 9px; height: 1px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.icon-plus-submenu:after {width: 1px; height: 9px; right: 4px; transform-origin: center; -moz-transform: translateY(-50%) scale(1, 1); -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); }
.ddsmoothmenu-v>ul>li>a {}




.lefts_menu{width:270px;position:relative;z-index:1111;}

.titles_menu_left {
    color: #000;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 11px 15px 11px 17px;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0px 15px;
    border-radius: 0;
    z-index: 123;
    background: linear-gradient(90deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
}

.names-left {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 23px;
}

.lst-pro-lefts {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 45px;
    left: 0px;
    background: rgb(255, 255, 255);
    padding: 0px;
    border-radius: 0;
    border: 1px solid #bababa;
    border-top: 0px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0 0 8px 8px;

}
.scrollbar_menu_lss::-webkit-scrollbar-track {
    pointer-events: none;
}

.right_sl{width: calc(100% - 280px)}
.left_sl{width: 66.373%;overflow: hidden;border-radius: 0 0 8px 8px;}
.slideshow{padding-top: 7px}

.wrap-blog{
        border: 1px solid #B88416;
    border-top: 0px;
    border-radius: 0px 0px 8px 8px;padding: 10px 11px 12px
}

.item-news{padding-bottom: 11px;border-bottom: 1px solid #ebebeb}
.mw_tt{display: flex;justify-content: space-between;align-items: center;}
.pic_tt{max-width: 133px;border-radius: 3px;border: 1px solid #B88416;overflow: hidden;}
.info_tt{width: calc(100% - 145px)}
.name_tt{margin-bottom: 2px;
font-weight: 600;
    font-size: 14px;
    color: #222;
    line-height: 22px;
    height: 44px;
}
.name_tt:hover{color: var(--color-main);}

.desc_tt{
    font-weight: 400;
    font-size: 13px;
    color: #434343;
    line-height: 22px;
    height: 44px;
}

.best_dv{width: 53.073%}

.best_dv .mw_ser{flex-wrap: wrap;}
.best_dv .pic_ser{width: 100%;margin-bottom: 14px}
.best_dv .info_ser{width: 100%;padding-left: 0px}


.best_dv .name_ser{margin-bottom: 5px}
.best_dv .desc_ser {
    height: 44px;
}

.wrap-mtk{padding: 28px 0px}


.mw_ser{display: flex;justify-content: space-between;align-items: center;}
.pic_ser{width: 38.555%;border-radius: 6px}
.info_ser{width: calc(100% - 38.555%);padding-left: 12px}


.video-main{}


.video-main { position: relative; cursor: pointer; display: block; padding-top: calc(399 / 530 * 100%); overflow: hidden; }
.video-main iframe { position: absolute; inset: 0px; width: 100%; height: 100% !important; object-fit: cover; border-radius: 20px;}
.video-dropdown{
    position: relative;
    width: 100%;
    margin-top: 10px;
    font-size:15px;
}

.dropdown-selected {
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding: 0px 15px;
    height: 50px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    border: 0;
    background: rgba(255, 255, 255, 0.81);
    position: relative;
    max-width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: -70px;
}

.arrow{
    margin-left:6px;
    font-size:12px;
}

.lst-video-ul{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid #ccc;
    border-top:none;
    background:#fff;
    max-height:260px;
    overflow-y:auto;
    display:none;
    z-index:999;
}

.lst-video-ul li{
    padding:9px 12px;
    cursor:pointer;
    line-height:1.4;
    word-break: break-word;
}

.lst-video-ul li:hover{
    background:#f5f5f5;
}

.lst-video-ul li.active{
    background:#e5e5e5;
    font-weight:bold;
}
.lst-video-ul{
    display:none;
}

.lst-video-ul.open{
    display:block;
}
.name_video{
   display: block;
    overflow: hidden;
    height: 20px;
}


.name_ser {
    margin-bottom: 1px;
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

.name_ser:hover{color: var(--color-main);}
.item-ser{padding-bottom: 11px;border-bottom: 1px solid #ebebeb}
.desc_ser {
    font-weight: 400;
    font-size: 14px;
    color: #434343;
    line-height: 22px;
    height: 66px;
}

.name_ser:hover{color: red}


.service_scroll{width: 45.099%}


.wrap-service{padding: 0px 0px 30px}

.title_tt{display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;padding-left: 23px;position: relative;}


.wrap-productnb{padding: 0px 0px 25px}
.wrap-productnb .title-main{}
.wrap-productnb .title-main>span{position: relative;background: transparent;padding-left: 28px}


.wrap-productnb .wrap-content{
     border-radius: 8px;padding: 10px 17px 11px;border: 1px solid #B88416
}

a.btn-baogia {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    border: 1px solid var(--color-main);
    border-radius: 50px;
    color: var(--color-main);
    padding: 1px 12px;margin-top: 9px
}

a.btn-baogia:hover{
    background: var(--color-main);color: #fff
}

.wrap-productnb .title-main span b {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 13px;
    left: 8px;
    background: #D3B144;
    border-radius: 50%;
}


.wrap-productnb .ab_tab{display:flex;justify-content:center;max-width:100%;margin:0;margin-bottom:0px;}
.wrap-productnb .tab-product{text-align:center;display:flex;justify-content:flex-start;gap:6px;max-width:100%;margin-bottom:0px;white-space:nowrap;overflow-x:auto;height:48px;align-items:flex-start;}
.wrap-productnb .item-tab-product{cursor:pointer;color:#222222;padding:9px 20px;display:inline-block;border-radius:0px;border:0px solid #27A247;background:transparent;font-size:16px;font-weight:700;text-transform:none;letter-spacing: -0.02em;}
.wrap-productnb .item-tab-product:hover,.item-tab-product.active{background:transparent;color:red;}
.wrap-productnb .tab-product::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#F5F5F5;}
.wrap-productnb .tab-product::-webkit-scrollbar{height:6px;background-color:#f3f3f3;}
.wrap-productnb .tab-product::-webkit-scrollbar-thumb{background-color:var(--color-main);}



.wrap-productnb .title-main span b:before {
    background: rgba(211, 177, 68, 0.44);
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: 1;
}

.title_tt b {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: 3px;
    background: #D3B144;
    border-radius: 50%;
}

.title_tt b:before {
    background: rgba(211, 177, 68, 0.44);
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: 1;
}



.title_tt span{
    font-weight: 700;
font-size: 16px;
letter-spacing: -0.02em;color: #073D8B;text-transform: uppercase;display: flex;justify-content: flex-start;align-items: center;gap:0px 3px;
}
.title_tt a{
    font-weight: 700;
font-size: 14px;
letter-spacing: -0.02em;text-decoration: underline;color: #222222;text-transform: uppercase;
}
.right_tt{
    width: 33.04%
}
.time_tt {
    background: #D3B144;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    padding: 12px 12px;display: flex;justify-content: center;align-items: center;gap:9px;
}

.lst-pro-lefts>ul>li>ul.menu_heights{}
.lst-pro-lefts>ul>li{padding:0px 20px;}
.lst-pro-lefts>ul>li:hover{position:inherit;}
.lst-pro-lefts ul li{line-height:52px;}
.lst-pro-lefts ul{padding:0px;margin:0px;list-style:none;}
.lst-pro-lefts ul li a{color:#000;font-size:14px;display:block;padding-left:10px;font-weight:normal;text-align:left!important;font-weight:normal;position:relative;text-transform:capitalize;}
.lst-pro-lefts>ul>li>a {
    position: relative;
    padding: 4px 0px;
    padding-left: 23px;
    padding-right: 5px;
    border-bottom: 0px dashed #bababa;
    line-height: 26px;background: url(images/line1.png)no-repeat 0px 11px;
}
.lst-pro-lefts>ul>li>a:hover{background: url(images/line2.png)no-repeat 0px 11px;}

.lst-pro-lefts>ul>li:last-child>a{border-bottom: 0}

.lst-pro-lefts>ul>li:hover> a,.lst-pro-lefts>ul>li li:hover> a{color:#f00;}
.lst-pro-lefts > ul > li:hover > ul{display:block;}
.lst-pro-lefts ul li ul li a{font-weight:700;color:#000}
.lst-pro-lefts > ul > li > ul{display:none;width:100%;background:#f0f0f0;padding:20px;position:absolute;z-index:99;left:0;margin:0;list-style:none;box-sizing:border-box;min-width:896px;margin-left:0px;left:98%;top:0px}
.lst-pro-lefts > ul > li>ul>li{float:left;background:transparent;padding:0;margin:0;}
.lst-pro-lefts>ul>li>ul>.height li,.lst-pro-lefts>ul>li>ul>li{margin:0;list-style:none;width:33.33%;background:none;padding:0px 18px;float:left;margin-bottom:10px}
.lst-pro-lefts>ul>li>ul>.height li:nth-child(3n+1){clear:both;}




.lst-pro-lefts > ul > li > ul >.height li a,.lst-pro-lefts > ul > li > ul > li a{color:#777;padding:.2em 0;width:95%;display:block;border-bottom:1px solid #ccc;}
.lst-pro-lefts > ul > li > ul >.height li a:hover,.lst-pro-lefts > ul > li > ul > li a:hover{color:#e30000;}
.lst-pro-lefts > ul > li > ul >.height li > ul,.lst-pro-lefts > ul > li > ul > li > ul{display:block;padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box;}
.lst-pro-lefts > ul > li > ul >.height li > ul > li,.lst-pro-lefts > ul > li > ul > li > ul > li{float:left;width:100%;padding:10px 0;margin:0;font-size:.8em;}
.lst-pro-lefts > ul > li > ul >.height li > ul > li a,.lst-pro-lefts > ul > li > ul > li > ul > li a{border:0;}
.lst-pro-lefts > ul > li > ul >.height li > ul > li a:hover,.lst-pro-lefts > ul > li > ul > li > ul > li a:hover{color:#e30000;}
.lst-pro-lefts > ul > li > ul >.height li a,.lst-pro-lefts > ul > li > ul > li a{text-transform:uppercase;font-weight:700;display:block;text-align:left;line-height:normal;color:#333;}
.lst-pro-lefts>ul>li>ul>.height >li>ul>li>a,.lst-pro-lefts > ul > li > ul > li > ul > li a{display:block;color:#777;padding:0px;text-align:left;transition:.3s all ease 0s;text-transform:none;}
.lst-pro-lefts > ul > li > ul >.height li ul li a, .lst-pro-lefts > ul > li > ul > li ul li a{font-weight: 500}

.scrollbar_menu_lss{overflow-y:scroll;overflow-x:hidden;height:581px}
.scrollbar_menu_lss::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.scrollbar_menu_lss::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
.scrollbar_menu_lss::-webkit-scrollbar-thumb{background-color:var(--color-main);}

#style-33{overflow-y:scroll;overflow-x:hidden;height:450px}
#style-33::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
#style-33::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
#style-33::-webkit-scrollbar-thumb{background-color:var(--color-main);}


.n_menu{

}


.left_sticky {display: inline-block; width: 100%; position: sticky; top: 50px; z-index: 1; }
.block-left{padding: 0px;border: 1px solid #e7e7e7;background: #fff;margin-bottom: 20px;}
.block-left:last-child{margin-bottom: 0px;}
.bg_menu{padding: 0px 10px}



.flex-product-main { display: flex; gap: 20px;flex-direction: row-reverse;margin: 20px 0px }
.flex-product-main #left { width: 280px; border: 1px solid #f1f1f1; padding: 0px; border-radius: 5px; }
.flex-product-main #right { width: calc(100% - 280px); }




div#slider
{
    width: 100%;

}
div#left
{
	width:20%;
	float:left;
    padding-top: 2%;
}
div.tieude
{
	color: #fff;
    text-align: center;
    font-size: 16px;
    background: #183544;
    height: 39px;
    line-height: 39px;
    text-transform: uppercase;
    
}
/*div.danhmuc
{
	border-bottom:none;
}
div.danhmuc
{
	border:1px solid #183544;
	margin-bottom:15px;
}
div.danhmuc:last-child
{
	margin-bottom:0;
}
div.danhmuc ul
{
	list-style:none;
}
div.danhmuc ul li
{	
}
div.danhmuc ul li:last-child
{
	border:none;
}
div.danhmuc ul li a
{
	color: #454545;
   
    text-decoration: none;
    font-size: 14px;
    transition: 0.4s;
    display: block;
    border-bottom: 1px solid #183544;
    padding: 9px 5px 9px 23px;
    background: url(images/muiten.png) 11px 15px no-repeat;
    text-transform: uppercase;
}
div.danhmuc ul li a:hover,div.danhmuc ul li a.active
{
	color:red;
	transition:0.4s;
}
div.danhmuc ul li ul li a
{
	background: url(images/muiten.png) 22px 15px no-repeat;
	padding:9px 5px 9px 35px;
    text-transform: capitalize;
}
div.danhmuc ul li ul
{
	display: none;
}
*/




div#tinmoi
{	
}
div#tinmoi ul
{
	list-style:none;
	padding:0 10px;
}
div#tinmoi ul li
{
	border-bottom:1px dashed #DDDDDD;
	padding:10px 0;
}
div#tinmoi ul li a img
{
	width:35%;
	max-width:150px !important;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:10px;
}
div#tinmoi ul li a img:hover
{
	transition:1s;
	border:1px solid red;
}
div#tinmoi ul li h4 a
{
	text-decoration:none;
	color:#111111;
	font-size:12px;
	transition:0.4s;
	font-weight:normal;
}
div#tinmoi ul li h4 a:hover
{
	color:red;
	transition:0.4s;
}
div.load_video
{
	width:95%;
	margin:7px auto;
}

.bg-tieudesanpham {
    margin-bottom: 20px;
    text-align: center;
}
.bg-tieudesanpham h3 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    color: #2e2e2e;
    display: inline-block;
    background: url(images/bg-tieudesanpham.png) bottom no-repeat;
    font-weight: 700;
    padding-bottom: 20px;
}
.demo-gallery > ul {
    margin-bottom: 0;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
}
.demo-gallery > ul > li a {
    border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
}
.demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
            }
            .demo-gallery > ul > li a > img {
				transition: 1s;
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
			  transition: 1s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
.lightgallery{
list-style:none;
}			
.ten-sanpham {
    color: #1c1c1c;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}			
.mota-sanpham {
    font-size: 13px;
    color: #6b6b6b;
}			
.tintuc {
    width: 100%;
}

div#hotro
{
	background: url(images/bg_hotro.png) left 40px no-repeat;
}
div#hotro .phone
{
	color: #f10b0b;
    font-size: 24px;
    font-weight: bold;
    padding-top: 62px;
    padding-left: 90px;
    padding-bottom: 10px;
    margin-right: 20px;
    font-style: italic;
}
div#hotro ul
{
	list-style: none;
    border-bottom: 1px dashed #DDDDDD;
    padding: 7px;
    margin: 0px 10px;
    font-size: 13px;
}
div#hotro ul li
{
	clear: both;
    padding: 6px 0;
    color: #555555;
}
div#hotro ul li i
{
	font-size:17px;
	margin-right:8px;
	clear:both;
}
div#hotro ul li span
{
	color: #3853a4;
    font-weight: normal;
    font-size: 14px;
    margin-top: 3px;
    float: left;
}
div#hotro ul li a img
{
	margin-right: 5px;
    float: left;
	width:25px;
}

div#quangcao a img
{
	width:90%;
	max-width:300px !important;	
	border:1px solid #DDD;
	margin:5px auto;
	padding:4px;
	box-sizing:border-box;
}
div#quangcao a img:hover
{
	border:1px solid red;	
}
div#dknt
{
	max-width:350px;
}
form#frm_dknt
{
	background: #fff;
    height: 39px;
    margin: 10px 0;
}
form#frm_dknt input[type='text']
{
	width: 70%;
    padding: 0px 5px;
    float: left;
    margin-top: 11px;
    border: none;
    background: none;
    color: #000;
    outline: none;
}
form#frm_dknt input[type='button']
{
	background: url(images/gui.png)no-repeat right;
    color: #fff;
    width: 70px;
    height: 39px;
    border: none;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
    outline: none;
    padding-left: 3%;
    
    font-size: 14px;
}
.item_dknt{
	margin: 15px 0px;
    font-size: 14px;
}
form#frm_dknt textarea{
	width: 70%;
    padding: 6px 5px;
    float: right;
    border: 1px solid #DDD;
    background: #F2F2F2;
    outline: none;
    color: #000;
    outline: none;
}
div#main_content
{
	max-width:1300px;
	margin:20px auto;
}
div#right
{
	width:78.5%;
	float:right;
}
.dmc2{
	margin-bottom: 17px;
	position: relative;
}
div.tieude_giua
{
	color: #3D3D3D;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    margin: 2% auto;
}
div.wap_item .item:nth-child(4n+1){
	clear: both;
}
div.wap_item .item:nth-child(4n){
	margin-right: 0;
}
div.wap_item
{
	position:relative;
}
/*div.item
{
	width: 23%;
    margin: 2% 0;
    text-align: left;
    float: left;
    margin-right: 2%;
    position: relative;
}*/

.newshome-scroll{}

.sp_img
{
	overflow: hidden;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
}
.hinhsp{
    position: relative;
    display: block;
    border: 1px solid #DDDDDD;
}
.motasp1{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.32);
    padding: 5%;
    text-align: justify;
    overflow: hidden;
    opacity: 0;
    transition: 0.4s;
}
.hinhsp:hover .motasp1{
    opacity: 1;
}
.pzoom
{
	overflow:hidden;
}
div.item .sp_img a
{
	display:block;
	line-height:0;
}
div.item a img
{
	width:100%;
	height:100%;
}
.sp_name a
{
	text-decoration: none;
    color: #1F1F1F;
    font-size: 16px;
    display: block;
   
}
.sp_name a:hover
{
	transition:0.4s;
	color:red;
}

.sp_gia .gia
{
	color: #FF0808;
    font-size: 16px;
    
}
.sp_gia .giakm
{
	color:#666666;
	text-decoration:line-through;
}
.spgia{
	float: left;
}
.axem{
	background: #183544;
    color: #fff;
    float: right;
    padding: 10px 20px;
}
.axem:hover{
	background: #FF0000;
	color: #fff !important;
}
.axem:hover .sp_img{
	border: 1px solid #1BC6A2;
}
div#wap_footer
{
	background: url(images/bgft.png)no-repeat top center;
    padding-top: 2%;
    margin: auto;
    margin-top: 2%;
    color: #fff;
    font-size: 14px;
   
    background-size: 100% 100%;
}
div.footer
{
	border: 1px solid rgba(255, 255, 255, 0.19);
    border-right: none;
    border-left: none;
    padding: 2% 0%;
    margin: 2% auto;
}

.footer-article{
    background: var(--color-main)
    ;padding: 45px 0px 25px;
}

.footer-title{
    text-transform: uppercase; font-size: 16px; margin-bottom: 10px; font-weight: 800; color: #fff; position: relative;padding-left: 30px
}
.footer-news:nth-child(1) { width: 29.5%; }
.footer-news:nth-child(2) { width: 14%; }
.footer-news:nth-child(3) { width: 18.462%; }
.footer-news:nth-child(4) { width: 19.462%; }
#facebookComponent { height: 126px; overflow: hidden;border-radius: 12px}

#footer-map { position: relative; height: 135px; margin-top: 0px; }
#footer-map iframe { position: absolute !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important;border-radius: 12px }

.footer-title b {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: 3px;
    background: #D3B144;
    border-radius: 50%;
}

.footer-title b:before {
    background: rgba(211, 177, 68, 0.44);
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: 1;
}



.lgcn img{border-radius: 6px;}
.footer-ul { list-style: none; padding: 0px; margin: 0px; }
.footer-ul li { margin-bottom: 10px; }
.footer-ul li:last-child { margin-bottom: 0px; }
.footer-ul li a { color: #fff; font-size: 14px; }
.footer-ul li a:hover { text-decoration: none; color: #e5cf62; }

.bct{margin-top: 24px}
.social-footer{gap:7px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin-top: 26px}

.company_name{
    font-weight: 800;
font-size: 19px;background: linear-gradient(270deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-transform: uppercase;
}

.tt h3{
    font-weight: 800;
font-size: 19px;background: linear-gradient(270deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-transform: uppercase;margin-bottom: 10px
}
.tt p{margin-bottom: 0px;
font-weight: 400;
font-size: 14px;color: #fff;line-height: 30px;}
.tt p:last-child{margin-bottom: 0px}


.wrap-tukhoa{
    background: var(--color-main);padding-bottom: 10px
}
.wrap-tukhoa .wrap-content{}

.wrap-tukhoa .wrap-content>p{margin-bottom: 7px;display: flex;justify-content: flex-start;align-items: center;gap:0px 10px;color: #fff;
font-weight: 800;
font-size: 16px;text-transform: uppercase;}

.info_tags{
    font-weight: 400;
font-size: 14px;color: #fff
}


.footer-powered { padding: 15px 0px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); transition: 0.7s;background: var(--color-main) }
.footer-copyright { color: #fff; font-size: 14px; }
.footer-copyright span { text-transform: uppercase;font-weight: 700 }
.footer-copyright a { color: #fff; }
.footer-statistic { text-align: right; }
.footer-statistic span { padding-right: 10px;color: #fff }
.footer-statistic span:last-child { padding-right: 0px; }






@keyframes pulse-border{
  0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
  100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}

.sco:nth-child(3){margin-top: 10px}


div#main_footer
{
	width:36%;
	float:left;
}
div.mxh
{
	width: 21%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    margin-right: 4%;
}
div.mxh a
{
	display:inline-block;
	vertical-align:top;
	margin:0px 2px;
}
div.mxh a img
{
	
}
div.mxh a img:hover
{
	transition:1s;
	transform:rotate(360deg);
}
.phone{
	width: 15%;
    float: left;
}
.phone p{
	color: #1BC6A2;
    font-size: 20px;
    
    background: url(images/bghl.png)no-repeat left;
    padding-left: 26%;
    padding-top: 3%;
    padding-bottom: 3%;
}
.pdienthoai{
	color: #1BC6A2;
}
.hotro{
    background: linear-gradient(90deg, #b88416 0%, #e5cf62 50%, #b88416 100%);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.2s ease;
}

.hotro.relative{
    position: relative;
}
.hotro ul{
    list-style: none;padding: 0px;margin: 0px
}

.hotro li{
       flex-grow: 1;
}
.hotro li a {
    font-size: 18px;
    color: #fff;
    margin: 0px;
    padding: 0;
    position: relative;
    z-index: 1;
    text-align: center;
    text-decoration: none !important;
    line-height: 41px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    justify-content: center;
    gap: 0px 5px;
    letter-spacing: -0.02em;
    font-weight: 900;
    color: var(--color-main);
}
.hotro li a:hover{color: red}
.hotro li:not(:last-child) a{border-right:1px solid var(--color-main);}
.liimg{

}


.dknt{
	width: 31%;
    float: right;
}
div#thongke
{
	width: 17%;
    float: left;
    margin-left: 5%;
}
.pmxh{
	text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.pagination {
	list-style: none;
}

.pagination li {
	display: inline-block;
}

.pagination li a.page {
	width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    color: #777;
    background: #fff;
    margin: 0 3px;
    border-radius: 4px;
}

.pagination li.active a.page ,.pagination li a.page:hover {
    background: #0054A6;
    color: #fff;
}
div#thongke .td_ft
{
	color:#FFFF33;
	margin-bottom:7px;
	font-size:14px;
	text-transform:uppercase;
}
div#thongke ul
{
	list-style:none;
}
div#thongke ul li
{
	clear:both;
	padding:4px 0px;
}
div#thongke ul li img
{
	float:left;
	margin-right:15px;
	width:16px;
	margin-top:2px;
}
div.bandoft{
	width: 37%;
	float: right;
}
div.bandoft img{
	max-width: none !important;
}
div#map_canvas1{
	height: 240px;
}
#copy{
	background: #000;
    margin: auto;
    padding: 13px 0px;
    text-align: center;
    margin-top: 2%;
}
.copy{
	float: left;
}
.copy strong{
	color: #0854B4;
}
div.thongke
{
	float: right;
}
div.thongke ul
{
	list-style:none;
}
div.thongke ul li
{
	float: left;
	margin-left: 10px;
	padding-right: 10px;
}
.thongke span{
    border-right: 2px solid #fff;
}
.thongke span:last-child{
	border-right: none;
}
/* --------------------- Phan trang ------------------*/
div#doitac
{
	box-sizing:border-box;
	width:1200px;
	margin:auto;
}
div#doitac a img
{
	height:100px;
	margin:0 5px;
	border:1px solid #DDD;
}
/*----------------------------------------------------*/
div.wap_pro
{
	margin:15px auto;
	clear:both;
}
.zoom_slick
{
	width:45%;
	float:left;	
	text-align:center;
}
.zoom_slick .slick2
{
	border:1px solid #DDD;
}

.zoom_slick .slick
{
	margin-top:5px;
}

.zoom_slick .slick img
{
	width:95%;
	margin:auto;
	border:1px solid #DDD;
	box-sizing:border-box;
	cursor:pointer;
}
.zoom_slick .slick img:hover
{
	border:1px solid #F60;
	opacity:0.5;
	transition:1s;
}

.product_info
{
	float:right;
	list-style:none;
	width:52%;
}
.product_info li
{
	font-size:13px;
	border-bottom:1px solid #EEE;
	padding:6px 0;
}
.product_info li.ten
{
	color:#0033FF;
	font-size:18px;
}
.product_info li.giakm,.product_info li.gia
{
	font-size:15px;
	color:red;
	position:relative;
}
.product_info li.giacu
{
	text-decoration:line-through;
	color:#222222;
}
.product_info li.giakm .tinh_phantram
{
	background: red;
    color: #fff;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 50%;
    top: 0;
}

.product_info li b
{
	font-weight:normal;
	font-size:14px;
}
.xemgiohang
{
	color: #E80019;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    transition: 0.4s;
    margin: auto;
    margin-top: 7px;
}
.product_info li .dathang
{
	background: #e93b35;
    color: #fff;
    display: block;
    max-width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    transition: 0.4s;
	padding:0 10px;
}
.product_info li .dathang i
{
	margin-right:10px;
	font-size:25px;
	margin-top:3px;
}
.product_info li .dathang:hover
{
	transition:0.4s;
	background:#E00;
}
span.size {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
}
span.mausac {
    display: block;
    float: left;
    border: 1px solid #DDD;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0;
}
span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {
    border: 1px solid #EE0000;
}
input.soluong
{
	padding: 3px 0;
    width: 55px;
    border: 1px solid #dedede;
    text-align: center;
}
table#giohang input
{
	   margin:5px 0px;
}
table#giohang input.btn,.click_ajax
{   
 	background: #DC0018;
    color: #ffffff;
    padding: 7px 15px;
    border: none;
    cursor: pointer;
    margin: 5px 1px;
    border-radius: 3px;
}
  
table#tt td
{
	height:30px;
}
table#tt td input.t
{
	width:300px;
	height:20px;
	margin:3px 0px 5px 0px;
	border:1px solid #DDD;
}
table#tt td textarea
{
	width:300px;
}
table#tt span
{
	color:red;
}



.float-icon-hotline{display:block;width:40px;position:fixed;bottom:41%;right:28px;z-index:999;}
.float-icon-hotline ul{display:block;width:100%;padding-left:0;margin-bottom:0;}
.float-icon-hotline ul li{display:block;width:100%;position:relative;margin-bottom:10px;cursor:pointer;}
.float-icon-hotline ul li a#messengerButton{padding:0!important;background:0 0!important;border:0!important;}
.float-icon-hotline ul li .fa{background-color:#ed1c24;display:block;width:40px;height:40px;text-align:center;line-height:36px;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px #888;box-shadow:0 0 5px #888;color:#fff;font-weight:700;border-radius:50%;position:relative;z-index:2;border:2px solid #fff;background-size:contain!important;}
.float-icon-hotline ul li span{display:inline-block;padding:0;background-color:#ff6a00;color:#fff;border:2px solid #fff;border-radius:20px;height:40px;line-height:36px;position:absolute;top:0;right:15px;z-index:0;width:0;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;background-color:#ff6a00;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px #888;box-shadow:0 0 5px #888;font-weight:400;white-space:nowrap;opacity:0;}
@-webkit-keyframes tada{
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}

.float-icon-hotline ul li .fa-zalo {
    background: #ef0303 url(images/zalo2.png) center center no-repeat;
}

.float-icon-hotline ul li:hover span {
    width: 215px;
    padding-left: 15px;
    padding-right: 30px;
    opacity: 1;
}

/*------------------------tin tức bottom----------------------------*/

#bottom{
	margin: 3% auto;
	text-align: justify;
}
.tintucnb{
	width: 49%;
	float: left;
}
.video{
	width: 49%;
    float: right;
}
.aaa{
	width: 100%;
	float: left;
	position: absolute;
	z-index: -1;
	height: 100%;
}
.clickvaoday{
    width: 100%;
    float: left;
    min-height: 107px;
    position: relative;
    margin-bottom: 5px;
}
div.wvideo
{
	width:75%;
	float: left;
}
.vdright{
	width:24%;
	float: right;
}
.tde{
	font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(images/bgtd.png)no-repeat bottom left;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.ttleft{
	width: 34%;
	float: left;
}
.ttright{
	width: 65%;
	float: right;
}
.ttright li{
	margin-bottom: 10px;
}
.ttright ul{
	list-style: none;
}
.hinhtnb{
	width: 40%;
	float: left;
	margin-right: 10px !important;
}
.tintucnb a{
    color: #000;
}
.tdetnb a{
	color: #000;
}
/*-----------------------Giới thiệu-----------------------------*/
.gioithieu{
	margin: 3% auto;
}
.noidunggt{
	width: 52%;
    float: left;
    text-align: justify;
    color: #656565;
    font-size: 14px;
}
.noidunggt h3{
	font-size: 50px;
    font-family: 'uvn';
    font-weight: normal;
}
.noidunggt h4{
	color: #1BC6A2;
    text-transform: uppercase;
    font-size: 30px;
    
    margin-bottom: 2%;
}
.xemthem{
	margin-top: 3%;
}
.xemthem a{
	color: #fff;
    text-transform: uppercase;
    padding: 2% 6%;
    background: #183544;
}
.hinhgt{
	width: 43%;
    float: right;
    background: url(images/bghinh.png)no-repeat top left;
    padding: 2%;
    background-size: 100% 100%;
}
.dmc1{
	overflow: hidden;
    width: 55.5%;
    float: left;
    position: relative;
}
.wap_item_dmc2{
	width: 43.5%;
    float: right;
}
.dmc a{
	display: block;
	line-height: 0;
}
.dmc1 h3,.dmc2 h3{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 2px;
    background: rgba(0, 0, 0, 0.4);
    padding: 5%;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    text-align: center;
    opacity: 0;
    transition: 0.4s;
}
.dmc1:hover h3,.dmc2:hover h3{
	opacity: 1;
}
/* hover show mo ta */
.sanpham-index .cell{
		width: 20%;
	}
	.sanpham-index .cell.expanded{
		width: 40%;
	}
	div.maxwidth {margin:0 auto}
	.sanpham-index{

	}
	.sanpham-index .row{
		margin: 5px;
	}
	.sanpham-index .cell{
		padding: 5px;
		transition: all 0.5s ease;
	}
	.sanpham-index .cell .hinh-product{
		position: relative;
		text-align: left;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		overflow: hidden;
	}
	.sanpham-index .cell .hinh-product img{
		position: relative;
		text-align: left;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		max-width: 245px !important;
		
	}
	.hinh-product{
		border: 1px solid #ccc;
		height: 225px;
	}
	.sanpham-index .cell.expanded .hinh-product{
		overflow: initial;
	    height: 225px;
	    position: relative;
	    overflow: hidden;
	    border: 1px solid #1BC6A2;
	}
	.sanpham-index .cell.expanded .hinh-product .img{
		overflow: hidden;
		height: 100%;
	}

	.sanpham-index .cell .hinh-product .des{
	
		background: #FFF;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 0px;
		border: 0px solid #ebebeb;
		border-left: none;
		/* transition: all 1s; */
		/* -webkit-transition: all 1s; */
		/* -moz-transition: all 1s; */
		/* -ms-transition: all 1s; */
		position: absolute;
	    
		width: 100%;
		height: 225px !important;
		overflow: hidden;
		z-index: -1;
	}
	.hinh-product .img{position: relative;float: left;}
	.sanpham-index .cell.expanded .hinh-product .des,.sanpham-index .cell.expanded .hinh-product .img{
		/* display: block; */
		width: 50% !important;
		position: relative !important;
		z-index: 1;
	}

	.cell_phee {
		width: 25%;
		float: left;
	}

	.sanphamkm-cont-4 .cell_phee:nth-child(4n+1){
		clear: both;
	}
.box-sanpham .ten-product {
    font-size: 18px;
    margin: 0;
    color: #1c1c1c;
    margin-top: 10px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    
}
.pxtsp a{
	color: #000;
    border: 1px solid #ccc;
    text-transform: uppercase;
    padding: 10px 15px;
    
    font-size: 13px;
}
.pxtsp{
	text-align: center;
    margin: 2% auto;
}
.pxtsp a:hover{
	border: 1px solid #f00;
}
.mauthietke ul{
	list-style: none;
}
.mauthietke li{
	margin: 12px;
    text-align: justify;
    color: #636363;
    font-size: 14px;
   
}
.mauthietke a{
	color: #000;
}
/* hover show mo ta */
.box_new{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    color: #515151;
    text-align: justify;
    font-size: 14px;
   
}
.box_new:nth-child(4n+1){
    clear: both;
}
.box_new:nth-child(4n){
    margin-right: 0;
}
.box_new a{
    color: #000;
}
/*----------------------------------------------------*/
@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-moz-keyframes star {
  0% {
    -moz-transform: rotate(0) scale(0);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -moz-transform: rotate(360deg) scale(0);
  }
}
.start-animate {
		z-index: 99999999999999999 !important;
		position: absolute;
		animation: star linear 1.75s infinite;
		-moz-animation: star linear 1.75s infinite;
		-webkit-animation: star linear 1.75s infinite;
		-o-animation: star linear 1.75s infinite;
	}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}




@media (min-width: 1400px) {}
@media (max-width: 1366px) {}
@media(max-width: 1320px)
{
    .wrap-header-bottom{padding: 0px 10px}
    .wrap-tieuchi,.wrap-mtk,.footer-article{padding: 20px 0px}
    .wrap-productnb,.wrap-service{padding: 0px 0px 20px}

    .wrap-product-tab-nb:not(:last-child) {
    padding: 0px 0px 20px;
}

}

@media(max-width: 1280px)
{

}

@media(max-width: 1220px)
{
    .grid-news,.grid-product,.grid-news2{gap: 10px;}
    .scrollbar_menu_lss {
    height: 535px;
}

.mn_cats .scrollbar_menu_lss {
    height: 372px;
}

.wap_box_new{padding: 0px 10px}
   
}




@media screen and (max-width: 1198px){
.sanpham-index .cell {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}
.box-sanpham {
    position: relative;
    margin-bottom: 30px;
    font-family: robotoL;
}
.hinh-product .img {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}
.sanpham-index .cell .hinh-product .des {
    background: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 4%;
    border: 0px solid #ebebeb;
    border-left: none;
    /* transition: all 1s; */
    /* -webkit-transition: all 1s; */
    /* -moz-transition: all 1s; */
    /* -ms-transition: all 1s; */
    position: relative;
    width: 100%;
    height: 225px !important;
    overflow: hidden;
    z-index: 0;
    text-align: center;
}
.sanpham-index .cell.expanded{
        
    }
    .sanpham-index .cell.expanded .hinh-product .des, .sanpham-index .cell.expanded .hinh-product .img {
    /* display: block; */
    width: 100% !important;
    position: relative !important;
    z-index: 1;
}
.sanpham-index .cell.expanded {
    width: 25%;
}
.hinh-product {
    border: 1px solid #ccc;
    height: auto;
}
.sanpham-index .cell.expanded .hinh-product {
    overflow: initial;
    height: auto;
    position: relative;
    overflow: hidden;
    border: 1px solid #1BC6A2;
}
}
@media screen and (max-width: 1310px) {
    .chinhsach {
    float: right;
    width: 33%;
    margin-top: 1%;
}
.chinhs {
    width: 45%;
    float: left;
    margin-left: 5%;
    line-height: 2;
    text-align: center;
}
div.menu > ul > li > a {
    color: #fff;
    font-size: 15px;
    padding: 0px 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
   
}
}
@media screen and (max-width: 1170px) {
    div.menu > ul > li > a {
    color: #fff;
    font-size: 15px;
    padding: 0px 12px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
   
}

.dknt {
    width: 37%;
    float: right;
}
}
@media screen and (max-width: 1075px) {
    .pmxh {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}
.dknt {
    width: 35%;
    float: right;
}
div.mxh {
    width: 21%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    margin-right: 1%;
}
.phone {
    width: 17%;
    float: left;
}


}
@media screen and (max-width: 1026px) {
	div.menu > ul > li > a {
    color: #fff;
    font-size: 14px;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
   
}
div.tieude_giua {
    color: #3D3D3D;
    font-size: 22px;

    text-transform: uppercase;
    text-align: center;

    margin: 2% auto;
}



/*div.item {
    width: 32%;
    margin: 2% 0;
    text-align: left;
    float: left;
    margin-right: 2%;
}*/
div.wap_item .item:nth-child(4n+1) {
    clear: initial;
}
div.wap_item .item:nth-child(4n) {
    margin-right: 2%;
}
div.wap_item .item:nth-child(3n+1) {
    clear: both;
}
div.wap_item .item:nth-child(3n) {
    margin-right: 0%;
}
}

@media(max-width: 1024px)
{

    div#header{position: sticky;}
    .flex-product-main #left{display: none;}
    .fix_menu1 { left: 0px;width: 100%;z-index: 1234;top: 0px}

    .xtc1{display: block;text-align: center;
font-weight: 600;
    font-size: 14px;
    color: var(--color-main);
    padding: 1px 1px;
    margin-top: 9px;
    }
    .hotro ul li:first-child {
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes example{0%{background-color:red}25%{background-color:green}50%{background-color:red}50%{background-color:green}100%{background-color:red}}@keyframes example{0%{background-color:red}25%{background-color:green}50%{background-color:red}50%{background-color:green}100%{background-color:red}}
    .hotro ul li:first-child a{color: #ffff}
    .phone_mobi{display: none!important}
    .hotro li a {
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 20px;padding: 0px 0px
    }

    .hotro li a span{display: block;width: 100%}
    .hotro li a b{display: block;width: 100%}


    .wrap-productnb .item-tab-product{padding: 9px 11px}
    .wrap-productnb .title-main>span{padding-left: 0px}

    .time_tt{justify-content: center!important;}

    .slideshow{padding-top: 0px}
    .flex-product-main{flex-wrap: wrap;flex-direction: column-reverse;}

    .flex-product-main #left{width: 100%}
    .flex-product-main #right{width: 100%}


    .pic_pro{margin-bottom: 6px}
div.header{background: var(--color-main)!important}
.footer-copyright,.footer-statistic{width: 100%;text-align: center;}



    .footer-news:nth-child(1) { width: 100%;margin-bottom: 10px }
.footer-news:nth-child(2) { width: 100%;margin-bottom: 10px }
.footer-news:nth-child(3) { width: 100%; margin-bottom: 10px}
.footer-news:nth-child(4) { width: 100%; }


    .dropdown-selected{line-height: 20px}
    .left_dv{width: 100%}
    .right_vdo{width: 100%;margin-top: 10px}

    a.xt{display: none;}

    .mn_cats{padding: 0px}

.mn_cats .scrollbar_menu_lss {
         text-align: center;
    display: flex;
    justify-content: flex-start;
    gap: 6px;
    max-width: 100%;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow-x: auto;
    height: 48px;
    align-items: flex-start;
    }
.mn_cats>ul>li{padding: 0px}
.mn_cats .scrollbar_menu_lss::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#F5F5F5;}
.mn_cats .scrollbar_menu_lss::-webkit-scrollbar{height:6px;background-color:#f3f3f3;}
.mn_cats .scrollbar_menu_lss::-webkit-scrollbar-thumb{background-color:var(--color-main);}



    .img_cap1{display: none;}
    .left_lst_dm{width: 100%;display: none;}
    .show-list{width: 100%;margin-top: 10px}
    .flex_lst{flex-wrap: wrap;}

    .grid-product,.grid-news{grid-template-columns: repeat(3, 1fr);}

    .wrap-productnb .title-main{flex-wrap: wrap;}
    .wrap-productnb .ab_tab{width: 100%;justify-content: flex-start;}
    .right_tt{width: 100%;margin-top: 0px}
    .left_sl{width: 100%;border-radius: 0}
    .search-hd,.wrap-cs,.tel,.banner_sl{display: none;}
    .footer-powered{padding: 15px 0px 15px}
    .menu{display: none;}
    .right_sl{width: 100%;flex-wrap: wrap;}

}



@media screen and (max-width: 960px) {
	.sanpham-index .cell .hinh-product img {
    position: relative;
    text-align: left;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    max-width: 100% !important;
    height: auto !important;
}
	div#main_content
	{
		width:97%;
	}
	div#footer
	{
		width:97%;
	}
	div#slider
	{
		width:100%;
		padding:0;
		border:none;
	}
	div#danhmuc
	{
		display:none;
	}
	div#right
	{
		width:100%
	}
	div#left
	{
		width:100%;
	}
	div.item
	{
		
	}
	div#main_footer
	{
		width: 70%;
    padding-left: 1%;
	}
	div#thongke
	{
		width: 25%;
	}
	div.thongke_an
	{
		display:none;
	}
	div.tt_lh
	{
		width:100%;
	}
	div.bando
	{
		width:100%;
	}
	.menu_login {
		display:none;
	}	
    .axem {
    background: #1BC6A2;
    color: #fff;
    float: right;
    padding: 10px 20px;
   
}
div.bandoft {
    width: 100%;
    float: left;
    margin-top: 2%;
}
}
@media screen and (max-width: 935px) {
div.menu > ul > li > a {
    color: #fff;
    font-size: 13px;
    padding: 0px 8px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
   
}
.dmc1 h3, .dmc2 h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 2px;
    background: rgba(0, 0, 0, 0.4);
    padding: 5%;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    text-align: center;
    opacity: 0;
    transition: 0.4s;
}
.dmc2 {
    margin-bottom: 5px;
    position: relative;
}
div.mxh {
    width: 48%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    margin: 1%;
}
.phone {
    width: 48%;
    float: left;
    margin: 1%;
}

.dknt {
    width: 48%;
    float: left;
    margin: 1%;
}
}
@media screen and (max-width: 885px) {
.banner {
    width: 50%;
    float: left;
    margin-left: 1%;
}
}
@media screen and (max-width: 855px) {
    div.header{
        display: block;
    }
    

div.wap_menu{
    display: none;
}
.banner {
    width: 46%;
    float: left;
    margin-left: 2%;
}
.tencty {
    color: #FF0000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    font-size: 28px;
    font-family: 'boldc';
}
.chinhsach {
    float: right;
    width: 38%;
    margin-top: 1%;
}
.chinhs {
    width: 48%;
    float: left;
    margin-left: 2%;
    line-height: 2;
    text-align: center;
    display: none;
}
#main_content{
    padding: 5px;
}
.noidunggt h3 {
    font-size: 30px;
    font-family: 'uvn';
    font-weight: normal;
}
.noidunggt h4 {
    color: #1BC6A2;
    text-transform: uppercase;
    font-size: 20px;
    
    margin-bottom: 1%;
}
.gioithieu {
    margin: 0% auto;
    margin-bottom: 2%;
}
.hinhgt {
    width: 47%;
    float: right;
    background: url(images/bghinh.png)no-repeat top left;
    padding: 2%;
    background-size: 100% 100%;
}
}
@media screen and (max-width: 770px){
.sanpham-index .cell {
        width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 2%;
    text-align: center;
}
.sanpham-index .cell.expanded {
    width: 50%;
    text-align: center;
}
.sanphamkm-cont-4 .cell_phee:nth-child(4n+1) {
    clear: initial;
}
.sanphamkm-cont-4 .cell_phee:nth-child(2n+1) {
    clear: both;
}
.spgia {
    float: none;
}

.box_new {
    width: 48%;
    float: left;
    margin-right: 4%;
    color: #515151;
    text-align: justify;
    font-size: 14px;
   
}
.box_new:nth-child(4n+1) {
    clear: initial;
}
.box_new:nth-child(4n) {
    margin-right: 4%;
}
.box_new:nth-child(2n+1) {
    clear: both;
}
.box_new:nth-child(2n) {
    margin-right: 0;
}
.zoom_slick
    {
        width:85%;
        max-width:400px;
        float:none;
        margin:auto;
    }
    .product_info
    {
        width:100%;
        margin-top:10px;padding: 0px 10px
    }
}

@media(max-width: 768px)
{

    .grid-news2{grid-template-columns: repeat(1, 1fr);}
    .grid-product,.grid-news{grid-template-columns: repeat(2, 1fr);}
    .best_dv{width: 100%;margin-bottom: 10px}
    .service_scroll{width: 100%}
}

@media screen and (max-width: 740px) {


.chinhsach p {
    color: #FCFF00;
    font-family: 'boldc';
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0%;
}
.chinhsach {
    float: left;
    width: 100%;
    margin-top: 0%;
    /* text-align: center; */
}
}
@media screen and (max-width: 660px){
div#main_footer {
    width: 60%;
    padding-left: 1%;
}
div#thongke {
    width: 34%;
}
}
@media screen and (max-width: 603px) {
	
	.xemthem a{
		    color: #fff;
    text-transform: uppercase;
    padding: 1% 3%;
    font-size: 12px;
	}
	
	div#header a.logo
	{
		display:none;
	}
	div#header img.logo_mobi
	{
		display:block;
		margin:auto;
		width:100%;
	}
	div.item
	{
		
	}
	
	.gh_an
	{
		display:none;
	}
    .noidunggt {
    width: 100%;
    float: left;
    text-align: justify;
    color: #656565;
    font-size: 13px;
}
.hinhgt {
    width: 100%;
    float: right;
    background: url(images/bghinh.png)no-repeat top left;
    padding: 2%;
    background-size: 100% 100%;
    text-align: center;
    margin-top: 3%;
}
.dmc1 {
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}
.wap_item_dmc2 {
    width: 100%;
    float: left;
    margin-top: 2%;
}
.pmxh {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.box_new a {
    color: #000;
    font-size: 15px;
}
.box_news a img {
    float: none;
    margin: auto;
    width: 100%;
    max-width: 100% !important;
    transition: 1s;
    border: 1px solid #DCDCDC;
}
.box_news {
    width: 48%;
    float: left;
    margin-right: 4%;
    text-align: justify;
    margin-bottom: 2%;
}
}

@media(max-width: 576px)
{

    .name_pro a {

    font-size: 14px;
    line-height: 18px;
    height: 36px;
}


    .wrap-productnb .wrap-content,.wrap-bd .wrap-content{padding: 5px}
    .mw_pro{padding: 10px}
    a.btn-baogia {

    font-size: 12px;}
    .title-main>span{font-size: 20px}
    .wrap-productnb .title-main>span{padding-left: 0px}
    .wrap-productnb .title-main>span>b{display: none;}

    .grid-product{grid-template-columns: repeat(2, 1fr);}

    .grid-news{
        grid-template-columns: repeat(1, 1fr);
    }
    
}



@media screen and (max-width: 500px) {

.banner {
    width: 98%;
    float: left;
    margin-left: 1%;
    text-align: center;
}
.dknt {
    width: 98%;
    text-align: center;
}

#dknt{
     max-width: 350px;
    margin: auto;
}

div#main_footer {
    width: 98%;
    padding-left: 1%;
    text-align: center;
}
div#thongke {
    width: 98%;
    margin: 1%;
    text-align: center;
}

}
@media screen and (max-width: 460px) {
	div.item
	{
		text-align: center;
	}
	div.tieude_giua
	{
		font-size:14px;
	}	
	div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password']
	{
		width:100%;
	}
	div.frm_lienhe .item_lienhe select
	{
		width:100%;
	}
	.map_description
	{
		width:100%;
	}
	.box_news a img
	{
		
	}
	div.frm_lienhe .item_lienhe p
	{
		width:100%;
	}
	.othernews ul.phantrang
	{
		margin-left:0px;
	}
	.box_news h3 a {
		font-size:14px;
	}
    .tencty {
    color: #FF0000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    font-size: 22px;
    font-family: 'boldc';
}
.search span {
    width: 28%;
    float: right;
    background: #1BC6A2;
    height: 37px;
    text-align: center;
    color: #fff;
    line-height: 37px;
    font-size: 15px;
    
}
div.mxh {
    width: 98%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    margin: 1%;
    text-align: center;
}
.phone p {
    color: #1BC6A2;
    font-size: 20px;
    
    background: none;
    padding-left: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
    text-align: center;
}
.phone {
    width: 98%;
    float: left;
    margin: 1%;
    text-align: center;
}
.sp_name a {
    text-decoration: none;
    color: #1F1F1F;
    font-size: 14px;
    display: block;
   
}
.sp_gia .gia {
    color: #FF0808;
    font-size: 14px;
    
}
.othernews .cactinkhac {
    font-size: 16px;
    color: #0066FF;
}
}
@media screen and (max-width: 360px) {
    div#tabs ul#ultabs li {
    float: left;
    color: #000;
    background: #fff;
    padding: 8px 5px;
    margin-right: 10px;
    cursor: pointer;
    border-bottom: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
}
@media screen and (max-width: 320px) {
}