.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:45px;height:45px;line-height:45px;text-align:center;position:fixed;bottom: 30px;right: 10px;cursor:pointer;background:white;transition:0.5s;z-index:200;border-radius:50%;color:#fff;transform:rotate(-90deg);font-size:47px;color:#DA251C}
#toptop i{margin-left:-1px;margin-top:-1px}
.js-facebook-messenger-box{right:10px !important}

img{max-width:100%!important;height:auto}
div.bando img{max-width:none!important}
div.map iframe{max-width:100%!important}
.hidden_mobi{display:block}
.hidden_destop{display:none}
.zoom_hinh {
    overflow: hidden;
}
.zoom_hinh img {
    transition: all 0.5s ease 0s !important;
}
.zoom_hinh:hover img {
    transform: scale(1.2) ;
}

div#wapper{margin:auto;min-width:320px;background:#fff;overflow: hidden;}
div.wap_thongtin{background:#DA251C;font-size:13px}
div.footer-info p{margin-bottom: 0;}
div.thongtin{max-width:1200px;margin:auto;height:42px;line-height:42px;position:relative;font-size:14px}
div.thongtin span{display:inline-block;vertical-align:top;margin-right:4%}
div.mxh_top a{}
div.thongtin i{margin-right:6px;font-size:17px}
div.mxh_top{position:absolute;top:0px;right:0px;background:url(../images2/nutvuong.png)no-repeat 0px;padding-left:10px}
div.mxh_top a img{height:17px;margin:0px 8px;position:relative;top:2px}
div.header{position:relative;font-size: 14px;}
div.header a.logo{display:block;line-height:0}
div.header .logo_mobi{display:none}
div.header a.logo img{width:100%}
.menu_login{list-style:none;position:absolute;top:5px;right:110px}
.menu_login li{display:inline-block}
.menu_login li a{text-decoration:none;color:#c8000d;border-right:1px solid #fff;padding:0px 5px;font-weight:bold}
div#lang{position:absolute;top:5px;right:10px}
div#lang a img{margin-left:3px;height:20px}
.sang_header{top:30%;left:5%}
div.slider{margin:auto;overflow:hidden}
div.left{width:240px;float:left}
div.tieude{color:#fff;text-align:center;background:#01518c;height:39px;line-height:39px;font-weight:bold;text-transform:uppercase;font-family:'tieude';font-size:15px}
div#danhmuc{border-bottom:none}
div.danhmuc{border:1px solid #d6d6d6;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;font-family:'menu';text-decoration:none;font-size:14px;transition:0.4s;display:block;border-bottom:1px solid #DDD;padding:9px 5px 9px 23px;background:url(../images2/muiten.png) 11px 15px no-repeat}
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(../images2/muiten.png) 22px 15px no-repeat;padding:9px 5px 9px 35px}
div#danhmuc ul li ul{display:none}
div.item_tin{border-bottom:1px dashed #DDDDDD!important;padding:10px 10px}
div.item_tin .img_news{width:35%;max-width:150px;border:1px solid #d6d6d6;float:left;margin-right:10px}
div.item_tin .name_news a{text-decoration:none;color:#111111;font-size:13px;transition:0.4s}
div.tinmoi .name_news a:hover{color:red;transition:0.4s}
div.load_video{width:95%;margin:7px auto}
div.hotro{background:url(../images2/bg_hotro.png) left 40px no-repeat}
div.hotro .phone{color:#f10b0b;font-size:24px;font-weight:bold;padding-top:62px;padding-left:80px;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 img{width:90%!important;max-width:300px!important;border:1px solid #DDD;margin:5px auto;padding:4px;box-sizing:border-box}
div#quangcao img:hover{border:1px solid red}
div#dknt{max-width:350px}
form#frm_dknt{background:#fff;height:40px;margin:10px 0}
form#frm_dknt input[type='text']{width:75%;padding:0px 8px;float:left;margin-top:12px;border:none;background:none;outline:none;color:#000;outline:none}
form#frm_dknt input[type='button']{background:red;color:#fff;width:70px;height:40px;line-height:40px;border:none;cursor:pointer;float:right;outline:none;font-weight:bold}
div.main_content{margin:0px auto}
div.right{width:calc(100% - 255px);float:right}
div.tieude_giua{color:#fff;font-size:14px;text-transform:uppercase;text-align:left;font-size:18px;font-family:'tieudeindex';position:relative;margin-bottom:12px;background:#DA251C;padding:8px 0px;padding-left:20px;margin-top:20px;border-radius:4px}
div.wap_item{position:relative;text-align:center;}
div.wap_item{display:grid;grid-template-columns:repeaT(4,1fr);grid-gap:20px}
div.wap_item_tt{display:grid;grid-template-columns: repeaT(4,1fr);grid-gap: 24px;}
div.item{width:calc(91% /4);margin:calc(9% /8);text-align:center;display:inline-block;vertical-align:top;background:#fff;padding-bottom:10px}
div.wap_item_tt .item{text-align:center;display:inline-block;vertical-align:top;background:#fff;padding-bottom:10px;width: 100%;}
div.item .sp_img{overflow:hidden;margin-bottom:10px}
div.item .sp_img a{display:block;line-height:0}
div.item a img{width:100%;height:100%}
div.item .sp_name a{text-decoration:none;color:#222222;font-weight:normal;font-size:15px;text-transform:capitalize;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
div.item .sp_name a:hover{transition:0.4s;color:red}
div.wap_tintuc{}
div.bao_tintuc{max-width:1200px;margin:0px auto}
div.tintuc{width:32%;float:left}
div.video{width:32%;float:left;margin-left:2%}
div.fanpage{width:32%;float:right;overflow:hidden}
div.tieude2{border-bottom:1px solid #01518c;font-family:'tieude';font-size:22px;padding-bottom:5px;position:relative;margin-bottom:15px;text-transform:uppercase}
div.tieude2:before{content:'';height:3px;width:80px;position:absolute;background:#01518c;left:0;bottom:0}
div.item_tnb{border-bottom:1px dashed #DDDDDD!important;padding:10px 0}
div.item_tnb .img_news{width:35%;max-width:150px!important;border:1px solid #d6d6d6;float:left;margin-right:10px}
div.item_tnb .name_news a{text-decoration:none;color:#111111;font-size:14px;transition:0.4s;margin-bottom:5px;display:block}
div.item_tnb .name_news a:hover{color:red;transition:0.4s}
div.wap_pro{clear:both;margin:30px 0}
.zoom_slick{width:40%;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:57%}
.product_info li{font-size:13px;border-bottom:1px solid #EEE;padding:10px 0}
.product_info li.ten{color:#000;font-size:18px;font-family:'tieudeindex';text-transform:uppercase}
.product_info li.giakm,.product_info li.gia{font-size:15px;color:red;position:relative;font-family:'tieude'}
.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:30%;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:15px;transition:0.4s;margin:auto;margin-top:7px;text-decoration:none}
.product_info li .add_to_cart{background:#e93b35;color:#fff;display:block;max-width:300px;height:40px;line-height:40px;text-align:center;text-transform:uppercase;cursor:pointer;font-size:14px;transition:0.4s}
.product_info li .add_to_cart i{margin-right:10px;font-size:19px;margin-top:3px}
.product_info li .add_to_cart: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}
.tbl_giohang{text-align:center;background:#f1f1f1;width:100%;font-size:13px;margin-bottom:20px;border:1px solid #DDD;border-collapse:collapse;padding:1px}
.tbl_giohang td{border:1px solid #e2e2e2}
.tbl_giohang .dong_gh{background:#fff}
.tbl_giohang .img_gh{height:50px}
.tbl_giohang .xoa_gh{cursor:pointer;color:#000000;font-size:17px}
.tbl_giohang .xoa_gh:hover{color:red}
.tbl_giohang .sl_gh{text-align:center;border:1px solid #DDD;padding:3px 5px;width:60px}
.tbl_giohang .tongtien_gh{background:#F0F0F0;text-align:right;line-height:50px;padding-right:20px;font-size:15px;font-weight:bold;color:#000000}
.tieptuc{padding:10px 25px;background:#ee0303;border:none;color:#fff;margin:10px 0px;font-size:13px;cursor:pointer;box-sizing:border-box;text-transform:uppercase}
.click_ajax2{padding:10px 25px;background:#111111;border:none;color:#fff;margin:10px 0px;font-size:13px;cursor:pointer;box-sizing:border-box;text-transform:uppercase}
@-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)}
}
.tbl_banggia{width:100%;border-collapse:collapse;font-size:14px;text-align:center;font-size:13px}
.tbl_banggia th{font-size:15px;background:#e8e8e8}
.tbl_banggia th,.tbl_banggia td{border:1px solid #d2d2d2;padding:10px 1%}
.chinhsach{width:24%;float:left;padding-left:40px;margin-right:30px;margin-left:20px;background:url(../images2/line_ft.png)left center no-repeat,url(../images2/line_ft.png)right center no-repeat}
.ten_ft{text-transform:uppercase;font-size:18px;margin-bottom:10px;color:#D9241B;font-family:tieudeindex}
.chinhsach ul li{margin-bottom:10px}
.chinhsach ul li a{font-size:14px;color:#ffffffa3}
.item_dangky_dk input{width:100%;padding:8px 0px;background:#fff;border:none;padding-left:10px}
.item_dangky_dk{margin-bottom:10px;width:49.6%;display:inline-block;vertical-align:top}
.ten_fo{color:#fff;text-align:center;margin-top:19px;font-size:18px;font-weight:bold;margin-bottom:10px}
.in_k_dk{width:100%;background:#F0F0F0;height:60px;padding-left:10px;border:none}
.item_dangky_dk_k input{background:red;height:31px;line-height:31px;text-align:center!important;color:#fff;font-size:17px;border:none;width:50px}
.item_dangky_dkhai input{width:100%;padding:8px 0px;background:#fff;border:none;padding-left:10px}
.item_dangky_dkhai{margin-bottom:10px;width:100%;display:inline-block;vertical-align:top}
.bao_form_dk{position:relative}
.item_dangky_dk_k{top:0px;right:0px}
.themdkdk{width:100%!important}
.gia_hhh{font-size:14px;margin-top:8px}
.hhh_left{width:49%;float:left;color:#00000075;text-decoration:line-through}
.hhh_right{width:49%;float:right;color:#d23734;font-weight:bold}
.tinh_phantram_2{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:10px;top:10px}
.laylink{height:40px;border-bottom:1px solid #DDD;line-height:40px;margin-bottom:10px}
.laylink ul{}
.laylink ul li{display:inline-block;vertical-align:top}
.laylink ul li a{color:#0000008c;text-transform:uppercase;font-family:menu;font-size:13px}
.xeo{background:url(../images2/xeo.png)center no-repeat;width:6px;height:40px;margin:0px 5px}
.laylink ul li a:hover{color:#F7931E}
.bt_trai{width:23px;height:23px;margin-right:3px;border:1px solid #dedede;background:#fff;margin-left:10px}
.bt_phai{width:23px;height:23px;margin-right:3px;border:1px solid #dedede;background:#fff}
.bao_chiduong{position:fixed;width:85px;height:85px;right:50px;bottom:125px}
.baonuah{position:relative;width:85px;height:85px}
.baonuah:before{content:'';border:1px solid #00aff2;width:60px;height:60px;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:1s ease-in-out 0s normal none infinite running tora}
.baonuah:after{content:'';width:50px;height:50px;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:1s ease-in-out 0s alternate none infinite running torahai;background-color:rgba(0,175,242,0.5);z-index:-1}
.chiduong{background:#00aff2;width:50px;height:50px;position:relative;text-align:center;line-height:50px;border-radius:50%;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}
.chiduong a{color:#fff;font-size:24px}
.chiduong a i{animation:1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim}
@keyframes ring-alo-circle-img-anim{
	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)}
}
@keyframes tora{
	from{width:60px;height:60px;opacity:1}
	to{width:85px;height:85px;opacity:0}
}
@keyframes torahai{
	from{width:50px;height:50px}
	to{width:60px;height:60px}
}
div.wap_item_2{position:relative;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap}
div.item_2{width:calc(90% /4);margin:calc(10% /8);text-align:center;display:inline-block;vertical-align:top}
div.item_2 .sp_img{overflow:hidden;border:1px solid #DDDDDD;box-shadow:5px 5px 0px #f2f2f2;margin-bottom:10px}
div.item_2 .sp_img a{display:block;line-height:0}
div.item_2 a img{width:100%;height:100%}
div.item_2 .sp_name a{text-decoration:none;color:#222222;font-weight:normal;font-size:15px;display:block}
div.item_2 .sp_name a:hover{transition:0.4s;color:red}
div.wap_item_3{position:relative;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap}
div.item_3{width:calc(90% /4);margin:calc(10% /8);text-align:center;display:inline-block;vertical-align:top}
div.item_3 .sp_img{overflow:hidden;border:1px solid #DDDDDD;box-shadow:5px 5px 0px #f2f2f2;margin-bottom:10px}
div.item_3 .sp_img a{display:block;line-height:0}
div.item_3 a img{width:100%;height:100%}
div.item_3 .sp_name a{text-decoration:none;color:#222222;font-weight:normal;font-size:15px;display:block}
div.item_3 .sp_name a:hover{transition:0.4s;color:red}
.wap_tintuc{width:64%;float:left}
.motin{width:49%;float:left}
.nhieutin{width:49%;float:right}
.wap_video{width:34%;float:right}
div#tinmoi{}
div#tinmoi ul{list-style:none}
div#tinmoi ul li{padding-bottom:15px}
div#tinmoi ul li a img{border:1px solid #d6d6d6;float:left;margin-right:10px;padding:4px}
div#tinmoi ul li a img:hover{transition:1s;border:1px solid red}
div#tinmoi ul li h4 a{text-decoration:none;color:#000;font-size:13px;transition:0.4s;font-weight:normal;font-family:tieude;display:block;padding-bottom:3px}
div#tinmoi ul li h4 a:hover{color:red;transition:0.4s}
.mota_tin{font-size:12px;color:#2f2f2fc7;text-align:justify}
.box_tin{width:100%}
.box_tin h3 a{display:block;text-decoration:none;color:#000;font-size:14px;transition:0.4s;font-weight:normal;font-family:tieude;display:block;padding-bottom:3px}
.box_tin h3 a:hover{color:#F00;transition:0.4s}
.box_tin a.chitiet{color:#00F}
.box_tin a{text-decoration:none}
.box_tin a img{width:100%;margin-bottom:10px;transition:1s;border:1px solid #DCDCDC}
.box_tin a img:hover{opacity:0.4;transition:1s}
.box_tin .mota{font-size:13px;color:#2f2f2f}
.xthemb{border:2px solid #333333;width:130px;text-align:center;padding:10px;margin-top:15px}
.xthemb:hover{background:#ccc}
.xthemb a{color:#2f2f2f;font-size:13px;text-transform:uppercase;text-decoration:none}
.css_img{width:46%;float:left}
.css_img img{width:93%;margin:auto;min-height:95px}
.video2 iframe{margin-left:0px;height:281px}
div#clickvideo{width:100%}
div#video select{line-height:25px;height:25px;width:100%;border:1px solid #CCC;border-radius:3px;margin:5px auto}
.bap_bap{display:flex;justify-content:space-between;flex-wrap:wrap}
.bap_left{width:21%;background:#DA251C;text-align:center;font-family:tieudeindex;font-size:14px;color:#fff}
.gg_1{background:#F6F6F6;color:#000000bd;font-size:30px;height:72%;padding-top:22%}
.gg_2{padding-top:6px}
.bap_right{width:75%;height:110px;overflow:hidden}
.motabap{color:#2f2f2fb3;text-align:justify;font-size:13px;height:59px;overflow:hidden}
.chinhsach ul{list-style:none}
.chinhsach ul li a:hover{color:yellow}
div.copy-right{background:#DA251C;padding:15px 0px;color:#fff;font-size:13px}
div.copy-right .cop-l{width:48%;float:left}
div.copy-right .cop-r{text-align:right;float:right;background:url(../images2/kk.png)no-repeat 0px 1px;padding-left:21px}
div.copy-right .cop-r span{}
.wap_1200{/* width:88%; */margin:auto}
.khoangcach{width:234px;height:75px;z-index:49!important}
.khoangcach a{padding:0px!important}
.logo_menu{position:absolute;top:-42px}
.none{display:none}
.mota_congtrinh{font-size:13px;color:#00000094;padding:0px 10px}
.them_ut{border:1px solid #eee}
.gia_f{font-size:13px}
.gia_f span{color:#DA251C;font-family:menu}
.chaymenu{position:fixed!important;top:0px!important;background:#fff!important;z-index:999!important;height:60px!important;line-height:60px!important;left:0px!important}
.chaymenu .logo_menu{top:0px;text-align:center}
.chaymenu img{width:60%}
.code-schema-events .item{width:unset!important;margin:unset!important;text-align:unset!important;display:unset!important;background:unset!important;padding:unset!important;color:#fff;font-size:13px;}
.code-schema-events .item a{color:#fff;}
.code-schema-events{margin:10px 0 0;line-height:2;}
.code-schema-events .item a:hover{color:#ffffffa3;}
/* css custom */
.wrap-content{max-width: 1300px;margin: auto;}
/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.scale-img:hover > img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/* header */
.header{
    padding: 10px 0 15px;
}
.header .wrap-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo_hd{}
.right_hd{
    width: 80%;
}
.info_sup{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.left_sup{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65%;
}
.left_sup p{
    min-height: 26px;
    margin-bottom: 0;
}
.e-hd{
    background: url(../images2/email.png) no-repeat center left;
    padding-left: 36px;
}
.time-hd{
    background: url(../images2/icon_time.png) no-repeat center left;
    padding-left: 30px;
}
.left_sup p span{
    font-family: 'bodybold';
}
.social_hd{
    display: flex;
    align-items: center;
    grid-gap: 12px;
}
.social_hd li{list-style:none}
.social_hd a{}
.main_hd{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 7px;
}
.main_hd .wrap-content{}
.search{
    width: 100%;
    max-width: 620px;
    display: flex;
    align-items: center;
    position: relative;
}
.search input{
    width: calc(100% - 140px);
    height: 50px;
    border: 1px solid #e6e6e6;
    padding: 0 40px;
    font-family: 'body';
}
.search >p{
    width: 140px;
    height: 50px;
    background: var(--maincolor);
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: 'bodybold';
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid transparent;
    margin-bottom: 0;
}
.search >p:hover{background:none;border-color: var(--maincolor);color: #000;}
.hotline_hd{
    display: flex;
    align-items: center;
}
.hotline_hd:before{content:'';width:37px;height:37px;background: url(../images2/icon_hot.png) no-repeat;margin-right: 10px;ebkit-animation: shake-anim 1s infinite ease-in-out;-moz-animation: shake-anim 1s infinite ease-in-out;-ms-animation: shake-anim 1s infinite ease-in-out;-o-animation: shake-anim 1s infinite ease-in-out;animation: shake-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hotline_hd p{
    font-size: 15px;
    margin-bottom: 0;
}
.hotline_hd span{
    font-size: 20px;
    font-family: 'bodybold';
    color: var(--maincolor);
}
/* Menu */
.main_menu{
    width: 100%;
    background: #181818;
}
.fixed{position:fixed;top:0;z-index:100;width:100%;}
.fixed .main_hd{
   padding: 5px 0;
	margin-top:0
}
.menu_w >ul { width: 100%; padding: 0px; margin: auto; list-style: none; display: flex; }
.menu_w >ul >li { position: relative; z-index: 99; flex-grow: 2; display: flex; align-items: center; justify-content: center; padding-right: 1px; }
.menu_w >ul >li.li-home{display: none}
.menu_w >ul >li:first-child{background:var(--maincolor);min-width: 310px;}
.menu_w >ul >li:first-child >a >span{font-size:17px;font-family:'bodybold';}
.menu_w >ul >li:first-child >a >span img{margin-right:20px;vertical-align: middle;}
.menu_w >ul >li:first-child:hover >a{color:#fff}
.menu_w >ul >li:first-child ul li a{display:flex;align-items: center;}
.menu_w >ul >li:first-child ul li a img{margin-right:10px;border-radius:50%}
.menu_w >ul >li ul li { position: relative; }
.menu_w ul li:last-child { justify-content: flex-end; }
.menu_w ul li a {display: block;position: relative;z-index: 1;text-decoration: none !important;color: #fff;text-align: center;}
.menu_w >ul >li >a span {font-size: 16px;margin: 0px;line-height: 55px;text-align: center;display: inline-block;position: relative;z-index: 10;text-transform: uppercase;}
.menu_w >ul >li a i { font-size: 11px; }
.menu_w > ul > li:hover >a, .menu_w > ul > li a.active {color: var(--maincolor);font-family: 'bodybold';}
.menu_w > ul > li:first-child:hover >a, .menu_w > ul > li:first-child a.active{color: #fff}
.menu_w ul li ul { position: absolute; min-width: 220px; width: 100%; background: #fff; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); -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 .5s; top: 100%; left: 0; margin: 0; padding: 0; list-style: none; }
.menu_w 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 .7s; }
.menu_w ul li ul li a { text-align: left; border-top: 1px solid #efefef; line-height: 22px; font-size: 14px; color: #000; padding: 6px 15px; }
.menu_w ul li ul li a span { text-transform: capitalize; font-size: 13.5px; }
.menu_w ul li ul li ul { top: 0px; left: 100%; }
.menu_w ul li ul >li:hover >a {background: var(--maincolor);color: #fff;}
/* filter cate */
.filter_cate{background:#e2e2e2;padding: 25px 0;}
.filter_cate .wrap-content{display:flex;align-items:center;justify-content: space-between;}
.filter_cate .wrap-content >p{
    font-size: 25px;
    font-family: 'bodybold';
    margin-bottom: 0;
}
.box_filter_cate{
    width: 78%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.left_filter{
    width: calc(100% - 114px);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
}
.item_filter{}
.item_filter select{
    background: #fff;
    width: 100%;
    height: 55px;
    border: 0;
    font-family: 'body';
    padding: 0 10px;
    color: #333;
    border-radius: 5px;
    font-size: 13px;
    appearance: auto;
}
.item_filter select:focus{border:none !important}
.item_filter select option{}
.btn_filter a{width: 102px;line-height: 53px;background:var(--maincolor);color: #fff !important;font-family: 'bodybold';font-size: 17px;text-transform: uppercase;border-radius: 5px;display: block;text-align: center;border: 1px solid transparent;}
.btn_filter a:hover{
    border-color: var(--maincolor);
    background: none;
    color: #000;
}
.tool_box{}
/* tim kiem tu khoa */
.res-autosearch { position: absolute; width: 100%; top: calc(100% + 5px); left: 0; z-index: 102; background: #fff; }
.count-autosearch { padding: 5px 10px; border: 1px solid #ccc; border-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 14px; color: #333; }
.count-autosearch label { margin: 0 }
.count-autosearch span { background: #d61a1a; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 3px; cursor: pointer; border: 1px solid transparent; }
.count-autosearch span:hover { background: none; color: #000; border-color: #eb3237; }
.list-result-autosearch { list-style: none; padding: 0; max-height: 300px; overflow: auto; border: 1px solid #ccc; }
.list-result-autosearch::-webkit-scrollbar { width: 2px; }
.list-result-autosearch::-webkit-scrollbar-track { background: #ddddddf2 }
.list-result-autosearch::-webkit-scrollbar-thumb { background: #ccc; }
.list-result-autosearch li { padding: 5px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #F0F0F0; }
.list-result-autosearch li >a { border: 1px solid #ccc; }
.list-result-autosearch li .content { width: calc(100% - 65px); }
.list-result-autosearch li .content h3 a {font-size: 14px;color: #333;font-family: 'bodybold';}
.list-result-autosearch li .content .price-search { display: flex; align-items: center; margin-top: 2px; }
.list-result-autosearch li .content .price-search p {color: #eb3237;font-family: 'bodybold';}
.list-result-autosearch li .content .price-search span {font-size: 13px;text-decoration: line-through;color: #787878;margin-left: 10px;}
.list-result-autosearch li .content .price-search .price { font-size: 14px; color: #d61a1a; }
.list-result-autosearch li .content .price-search .price-giagoc { font-size: 13px; color: #666666; text-decoration: line-through; margin: 0 0 0 10px; }
.list-result-autosearch li:hover .content h3 a { color: #d61a1a; }
/* quang cao */
.images_qc{
    padding-top: 5px;
}
.slick_quangcao a{
    display: block;
}
.slick_quangcao a img{width:100%;}
.w-100{width: 100%;}
/* gioi thieu */
.about_m{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 70px;
}
.about_m .wrap-content >p{
    font-size: 30px;
    text-transform: uppercase;
}
.about_m .wrap-content >span{
    display: block;
    font-size: 35px;
    font-family: 'bodybold';
    color: var(--maincolor);
    text-transform: uppercase;
}
.content_gt{
    margin-top: 20px;
}
.view_gt{
    margin-top: 30px;
}
.view_gt  a{
    width: 210px;
    line-height: 46px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    text-align: center;
    position: relative;
}
.view_gt a:after{content:'';width: 230px;height:100%;background: url(../images2/gach_xt.png) no-repeat;position: absolute;bottom: -4px;left: -4px;background-size: 100% 100%;}
.view_gt a span{width: 100%;line-height: 46px;display:block;background: var(--maincolor);z-index: 1;transform: skew(-30deg);position: relative;}
.view_gt a span i{
    display: inline-block;
    transform: skew(25deg);
}
.view_gt a span:hover{background:#f4505d}
.item_cate h3 a:hover,.desc_pro h3 a:hover,.desc_news h3 a:hover,.item_ft a:hover{color:var(--maincolor)}
/* san pham cate */
.product_cate{
    background: #f7f7f7;
    padding-bottom: 50px;
}
.title-main{
    width: 100%;
    display: inline-block;
    margin-bottom:1.5rem;
    background: var(--maincolor);
    padding: 8px 20px;
    border-radius: 4px;
}
.title-main span{
    display: inline-block;
    font-family: 'tieudeindex';
    text-transform:uppercase;
    color: #fff;
    font-size: 18px;
}
.title-main p{
    font-size: 15px;
    margin-top: 2px;
}
.title-index{
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    text-align: center;
    margin-bottom:1.5rem;text-align:center
}
.title-index span{
    display: block;
    font-family: 'bodybold';text-transform:uppercase;color:var(--maincolor);font-size: 30px;
}
.title-index p{
    font-size: 15px;
    margin-top: 2px;
}
.box_cate{padding:0 60px}
.slick_product_cate{
    margin:0 -12px
}
.slick_product_cate .slick-slide{
    margin:0 12px
}
.item_cate{
    text-align: center;
}
.item_cate >a{border: 1px solid #d9d9d9;display: inline-flex;border-radius: 25px;overflow: hidden;}
.item_cate h3{
    font-weight: initial;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
.item_cate h3 a{
    font-size: 15px;
    color: #000;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* san pham ban chay */
.product_sale{}
.slick_product_sale{
    margin:0 -10px
}
.slick_product_sale .slick-slide{
    margin:0 10px;
    display: grid !important;
    grid-gap: 20px 0;
}
.grid_pro{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}
.item_pro{
    border: 1px solid #e6e6e6;
    padding: 9px;
    text-align: center;
    position: relative;
}
.box-product{}
.box-product span.new-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 33px;
    height: 33px;
    background: url(../images2/icon.png) no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;z-index: 9;
    font-family: 'bodybold';
}
.desc_pro{}
.desc_pro h3{
    margin: 0;
    padding: 0;
    font-weight: initial;
    margin-top: 25px;
}
.desc_pro h3 a{
    color: #000;
    font-size: 15px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 45px;
}
.price_pro{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.price_pro p{
    font-size: 30px;
    font-family: 'bodybold';
    color: var(--maincolor);
    display: flex;
    align-items: flex-end;
}
.price_pro p i{font-style:initial;font-size:17px;font-family: 'body';display: inline-block;margin-bottom: 4px;margin-left: 5px;}
.price_pro span{
    font-size: 16px;
    margin-left: 15px;
    color: #939393;
    text-decoration: line-through;
    display: inline-flex;
}
.price_pro span i{font-style:initial;font-family: 'body';display: inline-block;margin-bottom: 4px;margin-left: 2px;}
.price_pro_km{
    display: flex;
    justify-content: center;
    margin: 5px 0;
}
.price_pro_km p{font-size: 30px;
    font-family: 'bodybold';
    color: var(--maincolor);
    display: flex;
    align-items: flex-end;}
.price_pro_km p i{font-style:initial;font-size:17px;font-family: 'body';display: inline-block;margin-bottom: 4px;margin-left: 5px;}
.why_m{background: url(../images2/bg_visao.jpg) no-repeat;background-size: cover;background-position: top left;color: #fff;padding-bottom: 110px;}
.product_moi{padding-bottom:70px}
.why_m .title-index span{color:#fff}
.box_visao ul{margin:0;padding:0;list-style:none;width:100%;max-width:370px;display: grid;grid-gap: 60px 0;}
.box_visao{display:flex;justify-content:space-between;margin-top: 100px;align-items: center;}
.img_vs p{font-size:17px;font-family:'bodybold';width: calc(100% - 90px);}
.img_vs{display:flex;align-items:center;justify-content: space-between;margin-bottom: 5px;}
.img_visao{width:100%;max-width:476px;display: flex;justify-content: center;position: relative;align-items: center;}
.img_visao img{z-index:1;border-radius:50%}
.img_visao:after{content:'';width:100%;height:422px;background:url(../images2/gach_vs.png) no-repeat;position:absolute;background-size: 100% 100%;}
.desc_vs{-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 25px;font-size: 14px;}
.left_vs li{text-align:right}
.left_vs li img{order:1}
.social_ft{display: flex;align-items: center;grid-gap: 10px;}
.social_ft a{border-radius: 50%;overflow: hidden;}
/* bottom */
.bottom_m{
    padding-bottom: 50px;
}
.bottom_m .wrap-content{display:flex;justify-content: space-between;}
.news_m{width:100%;max-width:645px}
.tit_bt{display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #cdcdcd;position: relative;margin-bottom: 20px;padding-bottom: 5px;}
.tit_bt span{font-size: 30px;font-family: 'bodybold';color: var(--maincolor);text-transform: uppercase;}
.tit_bt a{color:#000;font-size:14px;font-style:italic}
.tit_bt:after{content:'';width:40px;height:1px;background:var(--maincolor);position:absolute;bottom: -1px;left:0}
.item_news{display: flex !important;align-items:center;justify-content: space-between;}
.item_news >a{width:255px;display: inline-flex;}
.desc_news{width: calc(100% - 270px);}
.desc_news h3{
    font-weight: initial;
}
.desc_news h3 a{
    font-size: 15px;
    color: #000;
    font-family: 'bodybold';
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.desc_news span{display:block;font-size: 15px;color: #7a7a7a;font-style: italic;}
.desc_news p{
    font-size: 14px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 15px;
}
.slick_news{margin:-8px 0}
.slick_news .slick-slide{margin:8px 0}
.video_m{width:100%;max-width:625px}
#video_load { margin: 0px 0px 0px 0px; background: url(../images2/bg_pro.png) repeat; width: 100%; }
#video_load .object { background: #fff; width: 100%; }
.select_video {width: 100%;margin-top: 5px;}
.select_video select {width: 100%;padding: 23px;outline: none;color: #5c5c5c;font-weight: 500;text-indent: 5px;font-size: 14px;border: 1px solid #d6d6d6;}
.select_video::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; border-radius: 10px; }
.select_video::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.select_video::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #FFF; background-image: -webkit-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); }
/* doi tac */
.partner_m{background:#f2f2f2;padding-bottom: 40px;}
.slick_partner{margin:0 -8px}
.slick_partner .slick-slide{margin:0 8px;display: grid !important;grid-gap: 16px 0;}
.slick_partner a{
    display: inline-flex !important;
    background: #fff;
}
/* footer */
#footer{color: #fff;}
.main_ft{background:url(../images2/bg_footer.jpg) no-repeat;background-size:cover;background-position:top left;padding-top: 50px;padding-bottom: 40px;}
.main_ft .wrap-content{display:flex;justify-content:space-between}
.info_ft{width:100%;max-width: 400px;}
.post_ft{width:100%;max-width:210px}
.fan_Ft{width:100%;max-width: 355px;}
.thanh_ft{font-size:15px;font-family: 'bodybold';text-transform: uppercase;position: relative;margin-bottom: 20px;padding-bottom: 10px;}
.thanh_ft:after{content:'';width:37px;height:1px;background:#505050;position: absolute;bottom: 0;left: 0;}
.item_ft a{display:block;color: #fff;margin-bottom: 15px;font-size: 14px;}
.copy_ft{
    background: var(--maincolor);
    padding: 16px 0;
    font-size: 14px;
}
.copy_ft .wrap-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copy_ft ul{
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.copy_ft ul li{
    margin-left: 10px;
}
.map_ft iframe{display:block;width:100%;height:435px}
.flex_tit{
    display: flex;
    align-items: center;
    padding-right: 20px;
    justify-content: space-between;
}
.flex_tit select{font-family: 'body';max-width: 130px;border: 0;padding: 3px 5px;border-radius: 3px;}
/* Mmenu */
.menu-res { z-index: 100; background: var(--background-static); position: relative; display: none; }
.menu-bar-res { height: 50px; padding: 0px 15px; }
#hamburger { display: none; width: 30px; height: 23px; position: relative; margin-left: 10px; }
#hamburger:before, #hamburger:after, #hamburger span { background: var(--maincolor); content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.menu-mobile-opened #hamburger:before, .menu-mobile-opened #hamburger:after { top: 10px; }
.menu-mobile-opened #hamburger span { left: -50px; opacity: 0; }
.menu-mobile-opened #hamburger:before { transform: rotate(45deg); }
.menu-mobile-opened #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
/* 4 NUT TIEN ICH  */
#contact_fixed {height: 137px;position: fixed;bottom: -92px;left: 0px;right: 0px;margin: auto;background:var(--maincolor);padding: 5px 0px;box-sizing: border-box;z-index: 1000;display: none;}
div.phone_list { width: 100%; float: left; padding: 10px; text-align: center; box-sizing: border-box; }
div.phone_list p { display: inline-block; padding: 5px 10px; background: #D90000; text-align: center; font-size: 18px; margin-bottom: 10px; border-radius: 10px; margin: 0px 10px 10px; color: #FF0; line-height: 30px; }
#contact_fixed ul { width: 100%; float: left; padding: 0px !important; margin: 0px !important; list-style: none; }
#contact_fixed ul li { width: 20%; float: left; text-align: center; }
#contact_fixed ul li img { display: block; margin: auto; max-height: 18px; }
#contact_fixed ul li a {color: #fff;text-transform: capitalize;font-size: 14px;}
.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/* rotate img */
.rotate_img:hover { transform: rotate(360deg); transition: all 1s ease 0s; }
.chatzalo{right: 10px !important}
/* hover light img */
.hover_light1 { position: relative; overflow: hidden; }
.hover_light1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); }
.hover_light1:hover:before { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); }
@-moz-keyframes shake-anim {
    0% { transform: rotate(0) scale(1) skew(1deg) }
    10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
    100% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes shake-anim {
    0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes shake-anim {
    0% { -o-transform: rotate(0) scale(1) skew(1deg) }
    10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -o-transform: rotate(0) scale(1) skew(1deg) }
    100% { -o-transform: rotate(0) scale(1) skew(1deg) }
}
.shake-anim { -webkit-animation: shake-anim 1s infinite ease-in-out; -moz-animation: shake-anim 1s infinite ease-in-out; -ms-animation: shake-anim 1s infinite ease-in-out; -o-animation: shake-anim 1s infinite ease-in-out; animation: shake-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.box_container{width: 100%;max-width: 1300px;margin: auto;}
.tit_range{
    margin-top: 20px;
    font-size: 16px;
}
.tit_range i{font-size: 13px;margin-right: 5px;}
.box-filter-range{
    padding: 0 50px 0 20px;
    width: calc(100% - 120px);
}
.btn-fil{
    font-size: 14px;
    background: var(--maincolor);
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    display: block;
    margin-top: 15px;
    cursor: pointer;
    border: 1px solid transparent;
}
.btn-fil:hover{background:none;border-color:var(--maincolor);color: #000;}
.flex_range{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
/* Slideshow */
.slideshow { position: relative; }
.slideshow a { display: block; cursor: pointer; }
.slideshow a img { width: 100%; }
.slideshow:hover .control-slideshow { opacity: 0.3; }
.slideshow .control-slideshow:hover { opacity: 0.8; }
.control-slideshow { opacity: 0; position: absolute; z-index: 2; top: calc(50% - 50px/2); width: 35px; height: 50px; text-align: center; line-height: 50px; font-size: 25px; cursor: pointer; margin: 0px; background-color: #000000; border-radius: 3px; }
.control-slideshow i { color: #ffffff; }
.prev-slideshow { left: 20px; padding-right: 3px; }
.next-slideshow { right: 20px; padding-left: 3px; }
#myVideo { position: relative; width: 100%; height: 715px; background-size: 100% 100%; background-color: black; background-image: /* our video */ ; background-position: center center; background-size: contain; object-fit: cover; z-index: -1; }
.content-main h1,.content-main h2,.content-main h3, .content-main h4{
    margin: initial;
}
.content-main *{
}
/* css responesive */
@media(max-width:1200px) {
    .wrap-content { max-width: 100%; padding: 0 10px !important; }
    .hotline_hd:before{display: none}
    .hotline_hd{max-width: 150px;}
}
@media(max-width:1024px) { 
	.info_sup,.hotline_hd,.main_menu{display: none}
	.header >.wrap-content{
    flex-flow: column;
    padding: 0 !important;
}
.search{max-width: calc(100% - 40px);}
	.right_hd{width:100%;padding: 0 0px 0px 0px;}
	.logo_hd{zoom:0.7;}
	.filter_cate .wrap-content{flex-wrap:wrap}
	.filter_cate .wrap-content >p{
    font-size: 22px;
}
.box_filter_cate{width:100%;margin-top:10px}
	.box_cate{
    padding: 0;
}
.about_m .wrap-content >span,.title-main span,.tit_bt span{font-size: 2.5em !important;}
	.about_m .wrap-content >p{
    font-size: 20px;
}
.box_visao{flex-wrap:wrap;margin-top: 20px;}
	.box_visao ul{max-width:100%;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
	.img_visao{display:none}
	.left_vs li{text-align:left}
	.left_vs li img{order:initial}
	.why_m{padding-bottom:60px}
	.bottom_m .wrap-content{flex-wrap:wrap}
	.news_m,.video_m{max-width:100%}
	.tit_bt{margin-top:40px}
.main_ft .wrap-content{flex-wrap: wrap;}
	.info_ft{max-width:49%}
	.post_ft,.fan_Ft{max-width:49%}
.copy_ft .wrap-content{flex-flow:column;text-align:center;align-items:center}
.grid_pro{grid-template-columns:repeat(2,1fr)}
.main_hd .wrap-content{
    display: flex;
    align-items: center;
}
#hamburger{margin:0;display:block;z-index: 9;}
.box_container{width: 100%;padding: 10px;margin-top: 0}
div.wap_item{width: 100%;margin:0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 10px;}
div.item{width:100%}
.tt_lh,.bando{width: 100%;}
div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password'], div.frm_lienhe .item_lienhe select{width: 100%;
}
.chatzalo,.js-facebook-messenger-box.animated{
	display: none;
}
	#toptop{bottom:70px;}
	#contact_fixed{display:block}
	.fixed_re{position:fixed;top:0;z-index:100;width:100%;background: #fff;}
	.fixed_re .main_hd{margin;0;margin-top: 0;padding: 5px 0;}
	.header{
    padding: 0;
}
}
@media(max-width:1001px) {
}
@media(max-width:990px) { }
@media(max-width:768px) {
	.about_m .wrap-content >span,.title-main span,.tit_bt span,.price_pro_km p{font-size: 2.2em !important;}
	.left_filter{
    grid-template-columns: repeat(2,1fr);
}
	.filter_cate .wrap-content >p{text-align:center;width:100%}
	.price_pro p,.price_pro_km p{font-size:2em}
	.logo_hd{
    display: block;
}
	.zoom_slick{width:100%;float:initial}
	.product_info{width:100%;float:initial;margin-top:20px}
	.footer{margin-bottom: 39px !important}
	.pagination li{margin: 0 5px 5px 5px !important;}
	.menu_mobi_add ul li.li-home{display: block;}
	.menu_mobi_add ul li.li-danhmuc{display: none}
}
@media(max-width:767px) {
	.box-filter-range{
    padding: 0 50px 0 50px;
    width: calc(100% - 110px);
}
}
@media(max-width:600px) { }
@media(max-width: 576px) {
.info_ft,.post_ft, .fan_Ft{max-width:100%}
	.box_visao ul{
    grid-template-columns: repeat(1, 1fr);
}
.left_filter{width:100%}
	.box_filter_cate{flex-wrap:wrap}
	.btn_filter a,.btn_filter{width:100%}
	.btn_filter{
    margin-top: 10px;
}
	.btn_filter a{
    line-height: 40px;
    font-size: 16px;
}
	.item_filter select{
    height: 40px;
}
.about_m{padding-top:40px;padding-bottom: 40px;}
.title-main{/* margin-top:40px; */}	
	.product_cate,.product_moi,.why_m,.bottom_m{padding-bottom:40px}
.about_m .wrap-content >span, .title-main span, .tit_bt span,.title-index span{
    font-size: 1.8em !important;
}
	.price_pro p,.price_pro_km p,.price-new{font-size: 1.6em !important;}
	.title-main p{font-size:14px}
	.item_news >a{
    width: 170px;
}
	.desc_news{width:calc(100% - 180px)}
	.desc_news p{
    margin-top: 5px;
    -webkit-line-clamp: 2;
}
	.desc_news span{font-size:14px}
	.about_m .wrap-content >p{font-size: 17px;}
	.search >p{height:45px;line-height: 45px;font-size: 14px;width: 110px;}
	.search input{height: 45px;width: calc(100% - 110px);}
 }
@media(max-width:400px) {
}
@media(max-width:369px) { }
@media(max-width:320px) { }