@charset "utf-8";

/* CSS Document */
@import url("css/fonts.css");
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; margin: 0; }
body { position: relative; line-height: 1.5; margin: 0; padding: 0; font-size: 14px; font-family: 'Gilroy'; font-weight: 400; color: #333333; }
img { max-width: 100%; height: auto; vertical-align: middle; }
iframe { max-width: 100%; }
.grecaptcha-badge { display: none !important; }
a { text-decoration: none; outline: none; }
a:hover, a:focus { color: unset; outline: none; }
ul { visibility: visible; }
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.slick-slider .slick-slide > div { }
.clearfix { float: none; clear: both; }
.clearfix:before { content: ""; display: table; }
.clearfix:after { content: ""; clear: both; }
.table-responsive { width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }

/* Tiêu đề chính */
.title-main { text-align: center; margin-bottom: 40px; position: relative; }
.title-main::after { position: absolute; content: ''; background: url(images/title-main-af.png) no-repeat; width: 97px; height: 17px; left: 50%; transform: translateX(-50%); bottom: -20px; }
.title-main span { color: #0B62A5; font-size: 32px; font-weight: 800; text-transform: uppercase; }
#main { width: 100%; position: relative; z-index: 1; }
#info { width: 100%; position: relative; padding: 40px 0px; }
.box-detail { width: calc(100% - 260px) }
#info .noidung_detail { display: block; width: 100%; }
#info .noidung_detail .ngaydang { font-size: 14px; font-weight: 400; font-style: italic; }
#info .noidung_detail .noidung * { max-width: 100%; height: auto; }
#info .noidung_detail a.donwload { color: #cc0000; font-size: 15px; display: block; margin-bottom: 20px; font-weight: 400; }
#info .noidung_detail a.donwload i { background: #cc0000; color: #fff; padding: 10px 11px; font-size: 20px; border-radius: 50%; margin-right: 5px; }
#info .noidung_detail .noidung { margin: 10px 0; }
#info .noidung_detail .img_new { display: table; margin: 20px auto; max-width: 1200px; height: 100%; }
.addthis_inline_share_toolbox { width: 100%; display: inline-flex; }
.margin_auto { width: 1200px; margin: 0 auto; }
.margin_auto2 { width: 1090px; margin: 0px auto; }
#container { position: relative; width: 100%; background: #ffff; }
.bando iframe { width: 100%; display: block; position: relative; }
#popup { width: 60%; display: none; }
#popup h4 { padding: 20px 0px; font-weight: 700; font-size: 30px; color: #da0000; margin: 0; text-align: center; text-transform: uppercase; }
#popup input, #popup textarea { padding: 10px; width: 100%; border: 1px solid #dddddd; font-weight: 400; border-radius: unset; }
#popup p { padding: 5px 0px 5px 0px; margin: 0; width: 100%; display: inline-block; }
.loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }
#sanpham .loading { bottom: 5%; top: unset; }
.updating { width: 100%; text-align: center; color: #000000; font-weight: 400; font-size: 14px; text-transform: uppercase; padding: 10px 0; background: rgba(204, 204, 204, 0.5); border-radius: 10px; }
.khung_flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.khung_flex.flex_center { align-items: center; }
.khung_flex.flex_end { align-items: flex-end; }
.khung_flex.flex_star { align-items: flex-start; }

/**/
#google_language_translator { max-height: 40px; overflow: hidden; }
.goog-te-gadget .goog-te-combo { padding: 5px }

/*Face right*/
.face_right { position: fixed; width: 350px; transition: 0.5s; display: flex; justify-content: space-between; z-index: 10; bottom: 130px; left: 15px; }
.face_right.active { right: 0px; z-index: 999999999; }
.face_right .img_face { width: 50px; padding: 0; }
.face_right .rowf_right { width: 290px; }
.fanpage_right { position: fixed; bottom: 300px; right: -303px; width: 355px; transition: 0.5s; display: flex; flex-wrap: wrap; z-index: 100; }
.fanpage_right.active { right: 0px; }
.fanpage_right .img_fanpage { width: 55px; padding: 0; }
.fanpage_right .rowf_right { width: 300px; }

/* MXH */
.mangxh { position: relative; margin: 0 0 0 90px; }
.mangxh h4 { display: block; font-size: 14px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 0 10px 0 0px; }
.mangxh a { display: inline-block; padding: 0 10px 0 0; }
.mangxh a:hover img, .danhmuc_l li:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }

/* Header */
#header { position: relative; width: 100%; }
.header { padding: 10px 0; }
.header .margin_auto { width: 1100px; }
#logo { position: relative; }
#inf_header { background: #0B62A5; padding: 10px 0px; color: #fff; }
.box-header { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.inf_header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.box-header-left span { }
.diachi { margin-right: 30px; }
.box-header-left span i { display: inline-block; margin-right: 5px; }
.inf_header p { display: inline-block; color: #333333; font-size: 14px; font-weight: 400; padding: 0 0 0 20px; }
.inf_header span { display: block; font-weight: 400; font-size: 14px; color: #666666; text-align: right; }
.hotline { color: #333; background: url(images/hotline.png) no-repeat left center; padding: 0 0 0 50px; min-height: 32px; font-weight: 600; }
.hotline span { display: block; font-size: 17px; font-weight: 700; color: #D50000; }

/*menu bar*/
nav.menu_top > ul > li.icon ul li a, nav.menu_top > ul > li.icon ul li { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
nav.menu_top > ul { list-style: none; margin: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 0; justify-content: space-between; }
nav.menu_top > ul > li.icon > a { color: #333; font-size: 15px; position: relative; font-weight: 500; display: block; text-decoration: none; text-transform: uppercase; z-index: 3; }

/* nav.menu_top > ul > li.icon:after {
   position: absolute;
   content: '';
   background: #db0104;
   width: 1px;
   height: 100%;
   right: 0;
   top: 0;
} */
nav.menu_top > ul > li.icon { position: relative; list-style: none; text-align: center; padding: 12px 20px; }
#hamburger { display: block; width: 30px; height: 23px; position: relative; margin-left: 10px; }
#hamburger:before, #hamburger:after, #hamburger span { background: #D50000; 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; }
nav.menu_top > ul > li.icon:nth-child(8):after { display: none; }
nav.menu_top > ul > li.icon.active, nav.menu_top > ul > li.icon:hover { background: #D50000; }
nav.menu_top > ul > li.icon.active a, nav.menu_top > ul > li.icon:hover a { color: #fff; }
nav.menu_top > ul > li.active > a:after, nav.menu_top > ul > li:hover > a:after { display: none; }
nav.menu_top > ul > li.icon > a img { position: relative; padding: 0 20px 5px 0px; }
nav.menu_top > ul > li.icon > ul > li:hover>a, nav.menu_top > ul > li.icon > ul > li > ul > li:hover>a, nav.menu_top > ul > li.icon > ul > li > ul > li > ul > li:hover>a { color: #D50000 !important; }

/*=============== Dropdown ===================*/
nav.menu_top > ul > li.icon ul { visibility: hidden; list-style: outside none none; margin: 0; min-width: 269px; padding: 0; position: absolute; z-index: 9999999; top: 100%; left: 0; text-indent: 0; display: none; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
nav.menu_top > ul > li.icon:hover > ul, nav.menu_top > ul > li.icon ul li:hover > ul { visibility: visible }
nav.menu_top > ul > li.icon ul li { display: table; padding: 0; width: 100%; opacity: 0; z-index: 999; background: #fff; position: relative; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); border-top: 1px solid #d6d6d6; }
nav.menu_top > ul li.icon:hover > ul > li, nav.menu_top > ul > li.icon ul li:hover > ul li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
nav.menu_top > ul > li.icon ul li a { color: #333 !important; font-size: 14px; height: auto; text-align: left; width: 100%; font-weight: 500; display: inline-block; text-decoration: none; padding: 10px; }
nav.menu_top > ul > li.icon:hover ul li { color: #1a1a1a; }
nav.menu_top > ul > li.icon ul ul { left: 100%; top: -1px;    /* -webkit-transform: skew(0deg); */ }
nav.menu_top > ul > li.icon-menu { cursor: pointer; display: none; }
nav.menu_top > ul > li.icon-menu i.fa-bars { color: #fff; font-size: 30px; }
nav.menu_top > ul > li.search { border: none; padding: 0; margin: 0 0 0 10px; }

/*datlich*/
#datlich { display: none; width: 60%; }
#popup h2.title_lh { font-family: UTMAvoBold; text-align: center; font-size: 35px; text-transform: uppercase; color: #ab7b1a; }
#fixed_datlich { position: fixed; right: -115px; bottom: 400px; text-align: center; background: #daa245; padding: 12px 30px; border-radius: 5px; z-index: 20; transform: rotate(-90deg); font-family: UTMAvo; cursor: pointer; }
#fixed_datlich .title { margin: 0px; }
#fixed_datlich a { font-size: 14px; font-weight: 400; text-transform: uppercase; color: #fff; }
#fixed_datlich img { display: block; margin: 0px auto; }

/* Menu left */
.menu_top { }
#mainmenu.fixed .left, #mainmenu.no-index .left { display: none; }
#menu_left { width: 270px; position: relative; }
#menu_left h4 { width: 100%; cursor: pointer; text-transform: uppercase; background: #e31119 url(images/danhmuc.png) no-repeat 15px center; position: relative; text-align: center; padding: 13px 0px; }
#menu_left h4 a { color: #fff; font-size: 17px; font-weight: 700; padding: 0 0 0 30px; }
#menu_left h4 i { color: #fff; padding-left: 20px; }
#menu_left .left { position: absolute; top: 100%; left: 0; z-index: 2; display: block; width: 100%; background: #f3f3f3; }
.menu_left { width: 100%; position: relative; }
.danhmuc .hotro { padding: 10px; }
.danhmuc .hotro ul { padding: 0; text-align: left; }
.danhmuc .hotro ul li:first-child { color: #f000; font-size: 22px; font-family: UTMHelvetIns; font-weight: 400; background: url(images/ic_hl.png) no-repeat left 15px; padding: 0 0 0 30px; }
.danhmuc .hotro ul li.hotline:nth-child(2) { color: #333333; font-size: 15px; background: url(images/ic2.png) no-repeat left center; padding: 0 0 0 30px; margin: 5px 0px; }
.danhmuc .hotro ul li.email { font-size: 15px; color: #333; background: url(images/ic_mail.png) no-repeat left center; padding: 0 0 0 30px; }
.danhmuc .hotro ul li span { margin-right: 5px; font-size: 13px; color: #000000; font-weight: 700; border-bottom: 1px solid #000; }
.danhmuc .img_ht { width: 100%; }
.danhmuc { width: 100%; display: inline-block; position: relative; background: #fff; margin-bottom: 30px; border-top: none; }
.danhmuc:first-child { }
.danhmuc ul { list-style: none; }
.danhmuc h4 { position: relative; font-size: 24px; color: #fff; background: url(images/danhmuc.png) no-repeat top center; text-align: left; text-transform: uppercase; padding: 5px 0 8px 50px; font-weight: normal; }
.danhmuc .phone { text-align: center; padding: 15px 10px 10px 10px; border-bottom: 1px dashed #50a302; }
.danhmuc .phone p { font-family: 'Muli', sans-serif; font-size: 15px; color: #333333; font-weight: 400; display: inline-block; text-align: left; background: url(images/phone.png) no-repeat left center; padding: 0 0 0 50px; }
.danhmuc .phone span { display: block; font-weight: 900; font-size: 20px; color: #da0003; }
.danhmuc .info { padding: 10px 20px; }
.danhmuc .info a { display: block; padding: 5px 0px; word-break: break-all; font-size: 13px; font-weight: 500; color: #333333; }
.danhmuc .info a.dienthoai { font-weight: 700; color: #ff0000; }
.danhmuc .info .mxh { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 5px 0px; }
.danhmuc .info .mxh p { padding: 0 0 0 20px; font-size: 14px; font-weight: 500; color: #383838; text-transform: uppercase; }
.danhmuc .info .mxh a { display: inline-block; padding: 0 9px 0 0; }

/*  */
.slick_hinhanh { display: none; }
.slick_hinhanh .hinhanh h3 a { font-family: 'Muli', sans-serif; font-size: 14px; font-weight: 700; color: #333333; padding: 0px 5px; }
.hinhanh:hover h3 a { color: #50a302; }

/*  */
.menu_left ul::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.menu_left ul::-webkit-scrollbar { width: 5px; height: 5px; }
.menu_left ul::-webkit-scrollbar-button { width: 0px; height: 0px; }
.menu_left ul::-webkit-scrollbar-track { background-color: #c3c3c3; }
.menu_left ul::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.menu_left ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px; }
.menu_left ul::-webkit-scrollbar-corner { background-color: #ffffff; }
.menu_left ul::-webkit-resizer { background-color: #666; }
.menu_left ul { list-style: none; }
.menu_left > ul { list-style-type: none; width: 100%; padding: 0; margin: 0; max-height: 430px; overflow: auto; border: 2px solid#e31119; border-top: none; }
.menu_left > ul > li:last-child { border-bottom: 0; }
.menu_left ul li a { color: #3e3e3e; font-size: 14px; font-weight: 700; position: relative; display: block; padding: 14px 10px 14px 35px; border-bottom: 1px solid #cacaca; text-transform: uppercase; }
.menu_left ul li a:after { position: absolute; content: ''; background: url(images/li.png) no-repeat left center; padding: 7px; left: 15px; top: 50%; transform: translateY(-50%); }
.menu_left ul li:hover > a { color: #e31119; }
.menu_left ul li { width: 100%; background: #f3f3f3; list-style: none; }
.menu_left ul li i.fa { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.menu_left > ul > li > ul { border-left: 0; }
.menu_left ul li > ul { position: absolute; width: 100%; height: auto; left: calc(100% + 1px); transition: 0.5s all; display: none; padding: 0; background: #f7f7f7; margin: 0; top: 0; padding: 0; }
.menu_left ul li > ul > li > ul { left: 100%; }
.menu_left ul li:hover > ul { display: block; transition: 0.5s all; }
.menu_left ul.menu_left_child li a { }
#menu_left:hover .left, .detail:hover .left { display: block !important; }

/*  */
.product-left { padding: 10px; }
.item-left { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; }
.item-left .item-content { width: calc(100% - 85px); }
.item-left .item-content:hover h3 a { color: #f00 }
.item-left .item-content h3 a { color: #333; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; }
.item-left .item-content .price { color: #b11b30; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 13px; }
.item-left .item-content .price_s { color: #757575; font-size: 12px; text-decoration: line-through; font-weight: 400; margin: 0 10px 0 0px; }

/*  */
ul.box-tintuc { padding: 0px 10px; }
ul.box-tintuc li { margin: 10px 0px; }
ul.box-tintuc li a { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #333; }
ul.box-tintuc li:hover a { color: #f00; }

/* Main menu */
#mainmenu { position: relative; width: 100%; border: 1px solid #E6E6E6; background: #fff; }
#mainmenu.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 0; margin: 0; }
.danhmucsanpham { width: 270px; border: 1px solid #E6E6E6; border-top: none; border-bottom: none; }
.danhmucsanpham a { display: inline-flex !important; align-items: center; }
.danhmucsanpham a i { display: inline-block; margin-right: 15px; }

/* Title */
.title_h2 { margin-bottom: 20px; }
.title_h2 h2 { position: relative; text-align: center; padding-bottom: 20px; margin-bottom: 10px; font-size: 35px; color: #ef0104; font-weight: normal; text-transform: uppercase; z-index: 1; }
.title_h2 h2:after { position: absolute; content: ''; width: 167px; height: 15px; background: url(images/at.png) no-repeat bottom center; bottom: 0; left: 50%; transform: translateX(-50%); }
.title_h2 p { font-size: 14px; color: #666666; font-weight: 400; text-align: center; }
.title { text-align: center; padding-bottom: 20px; }
.title h4, .title h2 { font-size: 26px; color: #141414; position: relative; font-weight: 700; display: inline-block; text-transform: uppercase; }
.title.white h2, .title.white h4, .title.white p { color: #ffffff; }
.title.white h2, .title.white h4 { background: url(images/title_w.png) no-repeat bottom center; }
.icon_sp .item h2 a { position: relative; list-style: none; font-size: 15px; padding: 10px 0px; cursor: pointer; text-align: center; font-weight: 400; color: #000; line-height: 1; }
.icon_sp .item h2 a:hover { color: #57a028; }
.img_sp { -webkit-filter: grayscale(100%); ilter: grayscale(100%); display: table; margin: 0px auto; }
.img_sp:hover img { color: #fff; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }
.img_sp:hover { -webkit-filter: grayscale(0%); ilter: grayscale(0%); }

/* Slider */
#slider { width: 100%; position: relative; z-index: 1; }
#slider img { width: 100%; }
.slick-prev { left: 0px !important; }
.slick-next { right: 0px !important; }
.amazingslider-title-1 { display: none !important; }

/* gioithieu */
#gioithieu { position: relative; padding: 80px 0; background: #EFEFEF; }
.box_gioithieu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.gioithieu_l { width: calc(100% - 50% - 30px); }
.gioithieu_l label { color: #333; font-size: 18px; font-weight: 700; text-transform: capitalize; padding-left: 65px; position: relative; }
.gioithieu_l label::after { position: absolute; content: ''; background: #0B62A5; width: 60px; height: 2px; left: 0; top: 50%; transform: translateY(-50%) }
.gioithieu_l h2 { position: relative; font-size: 32px; color: #D50000; font-weight: 800; text-transform: uppercase; padding-bottom: 15px; }
.gioithieu_l h2 strong { color: #f5000a; font-weight: 900; }
.gioithieu_l .noidung { font-size: 15px; font-weight: 400; color: #444444; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 7; max-height: 175px; display: -webkit-box; text-align: left; -webkit-box-orient: vertical; margin-top: 20px; }
.xemthem-gioithieu { border: 1px solid #0B62A5; background: #0B62A5; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 12px 40px; display: inline-block; margin-top: 20px; position: relative; overflow: hidden; text-decoration: none; z-index: 1; cursor: pointer; }
.xemthem-gioithieu:hover { color: #0B62A5; }
.xemthem-gioithieu::after { content: ''; width: 20%; opacity: 0; left: 0; top: 0; background: rgba(255, 255, 255, 1); position: absolute; height: 100%; transition: all .2s; z-index: -1; }
.xemthem-gioithieu:hover::after { width: 100%; opacity: 1; }
.gioithieu_r { position: relative; width: 50%; }
.slick_box { display: none; width: 540px; margin: 0px 0px 0px auto; }
.slick_item { display: none; margin: 0px -5px; width: 520px; margin: 0px auto 0px 0px; position: absolute !important; bottom: 40px; left: 0; }
.slick_item .slick-slide { margin: 0px 5px; }
.slick_item .slick-slide img { border: 2px solid #fff; }
.gt_r { position: absolute; right: -6%; top: 50%; transform: translateY(-50%); color: #fff; font-size: 40px !important; cursor: pointer; }
.gioithieu-img img { width: 100%; }
.gioithieu-img { position: relative; padding-right: 15px; z-index: 1; }
.gioithieu-img::after { position: absolute; content: ''; border: 4px solid #0B62A5; width: 90%; height: 105%; top: 50%; transform: translateY(-50%); right: 0; z-index: -1; }

/* tieuchi */
#tieuchi { padding: 60px 0px; background: #0B62A5; color: #fff; }
.tieuchi_slick { display: none; margin: 0px -10px; }
.tieuchi_slick .slick-slide { margin: 0px 10px; }
.tieuchi-item { display: flex; align-items: center; justify-content: space-between; }
.tieuchi-img { width: 70px; }
.tieuchi-infor { width: calc(100% - 70px - 10px); }
.tieuchi-infor p { font-size: 16px; }
.tieuchi-infor p.text-split { -webkit-line-clamp: 1 }
.tieuchi img { display: table; margin: 0px auto; }
.tieuchi-name span { font-size: 32px; font-weight: 800; }
.tieuchi .noidung { text-align: center; }
.tieuchi:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }

/* dichvu */
#dichvu-res { display: none; padding: 40px 0 }
#dichvu { position: relative; padding: 40px 0px; text-align: center; }
.box-dichvu { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 80px; }
.dichvu { text-align: center; }
.dichvu-img { position: relative; }
.dichvu-img img { width: 100%; }
.dichvu-img::after { position: absolute; content: ''; background: linear-gradient(0deg, rgba(205, 231, 255, 0) 0%, rgba(147, 203, 255, 1) 100%); height: 100%; width: 110%; left: 50%; transform: translateX(-50%); top: 40px; z-index: -1; }
.dichvu-img a { display: inline-block; }
.dichvu-infor { padding: 10px; text-align: center; }
.dichvu-infor h3 { margin-bottom: 10px; }
.dichvu-infor h3 a { color: #333; font-weight: 500; font-size: 15px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; }
.dichvu-infor p { color: #464646; font-weight: 500; line-height: 30px; height: 90px; overflow: hidden; text-transform: lowercase; }
.dichvu:hover h3 a { color: #D50000; }
.xemthem-dichvu { display: inline-block; color: #333; transition: all 0.3s }
.xemthem-dichvu:hover { color: #D50000; }
.xemthem-dichvu i { width: 40px; height: 40px; background: #D50000; border-radius: 50%; display: inline-flex; align-items: center; color: #fff; margin-left: 10px; }
a.load_dv { border: 1px solid #CA1F27; background: #CA1F27; color: #fff; font-size: 14px; border-radius: 5px; font-weight: 700; text-transform: uppercase; padding: 12px 40px; display: inline-block; margin-top: 20px; position: relative; overflow: hidden; text-decoration: none; z-index: 1; cursor: pointer; }
a.load_dv::after { content: ''; width: 20%; opacity: 0; left: 0; top: 0; background: rgba(255, 255, 255, 1); position: absolute; height: 100%; transition: all .2s; z-index: -1; }
a.load_dv:hover { color: #CA1F27; }
a.load_dv:hover::after { width: 100%; opacity: 1 }

/* Thanh cuộn */
.scroll-list { max-height: 500px; overflow-y: auto; height: 500px; overflow-x: hidden; }
.scroll-list::-webkit-scrollbar { width: 1px; }
.scroll-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px  #D50000; }
.scroll-list::-webkit-scrollbar-thumb { background-color: #D50000; outline: 2px solid #D50000; }

/*  */
#hinhanh { position: relative; padding: 40px 0px; }
#hinhanh .title_h2 { color: #ef0104; background: url(images/at_ha.png) no-repeat bottom center; }
.grid-container { display: grid; grid-template-columns: 1200px; grid-template-rows: 300px 300px; grid-gap: 0px 10px; grid-template-areas: "col-top""col-b"; }
.col-top { display: grid; grid-template-columns: 450px 360px 370px; grid-template-rows: 300px; grid-gap: 1px 10px; grid-template-areas: "item-t1 item-t2 item-t3"; grid-area: col-top; }
.item-t1 { grid-area: item-t1; }
.item-t2 { grid-area: item-t2; }
.item-t3 { grid-area: item-t3; }
.col-b { display: grid; grid-template-columns: 360px 370px 450px; grid-template-rows: 300px; grid-gap: 0px 10px; grid-template-areas: "item-b1 item-b2 item-b3"; grid-area: col-b; }
.item-b1 { grid-area: item-b1; }
.item-b2 { grid-area: item-b2; }
.item-b3 { grid-area: item-b3; }
.item-hinhanh h3 { position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%); font-size: 17px; font-weight: 700; text-transform: uppercase; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; }
.item-hinhanh:hover h3 { opacity: 1; visibility: visible; transition: 0.3s ease-in-out; }
#hinhanh a.xemthem { display: table; margin: 0px auto; font-weight: 400; font-size: 14px; color: #fff; border: 1px solid; padding: 10px 25px; border-radius: 5px; margin-top: 25px; background: #ef0104; text-transform: uppercase; }
#hinhanh a.xemthem:hover { background: transparent; color: #ef0104; transition: 0.3s all; }

/* ykien */
#congtrinh { position: relative; padding: 40px 0px; }
.ct_r { position: absolute; right: -3%; top: 50%; color: #333; transform: translateX(-50%); font-size: 65px !important; cursor: pointer; }
.ct_l { position: absolute; left: -1%; top: 50%; color: #333; transform: translateX(-50%); font-size: 65px !important; cursor: pointer; }
.congtrinh-gird { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.congtrinh_slick { display: none; margin: 0px -10px; }
.congtrinh_slick .slick-slide { margin: 0px 10px; }
.noidung-congtrinh { padding: 20px; text-align: center; }
.noidung-congtrinh h3 a { color: #fff; font-weight: 500; font-size: 18px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; height: 25px; display: -webkit-box; text-align: center; -webkit-box-orient: vertical; }
.congtrinh:hover h3 a { color: #db0104; }
.congtrinh-item { position: relative; border-radius: 10px; }
.congtrinh-item .scale-img { border-radius: 10px; }
.congtrinh-item:hover .noidung-congtrinh { transition: all 1s; height: 100%; align-content: center; justify-content: center; text-align: center; }
.congtrinh-item .noidung-congtrinh:before, .congtrinh-item .noidung-congtrinh:after { position: absolute; content: ''; top: 10px; left: 10px; right: 10px; bottom: 10px; transition: all 2s; }
.congtrinh-item .noidung-congtrinh:before { border-top: solid 1px #fff; border-bottom: solid 1px #fff; transform: rotateX(90deg); }
.congtrinh-item .noidung-congtrinh:after { border-left: solid 1px #fff; border-right: solid 1px #fff; transform: rotateY(90deg); }
.congtrinh-item:hover .noidung-congtrinh:before { transform: rotateX(0deg); transition: all 2s; }
.congtrinh-item:hover .noidung-congtrinh:after { transform: rotateY(0deg); transition: all 2s; }
.congtrinh-item .noidung-congtrinh { margin: 0; position: absolute; left: 0; right: 0; bottom: 0; padding: 35px 40px 15px; background-image: linear-gradient(to bottom, transparent, #00a9e4); color: #fff; font-size: 16px; height: 40%; display: flex; flex-wrap: wrap; align-content: end; pointer-events: none; transition: all 1s; text-align: center; justify-content: center; }
.congtrinh-item img { width: 100% }

/* box-new  */
.box-new { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 26px; }
.box-new .new { position: relative; }
.box-new .new .noidung { padding: 20px 10px; }
.box-new .new .noidung h3 a { color: #333333; font-weight: 700; font-size: 15px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; height: 25px; display: -webkit-box; text-align: center; -webkit-box-orient: vertical; text-transform: uppercase; }
.box-new .new .noidung p { text-align: center; font-size: 15px; color: #333333; font-weight: 400; }
.box-new .new:hover h3 a { color: #1a67af; }

/*  */
.gt_detail { width: calc(100% - 300px); display: flex; flex-wrap: wrap; justify-content: space-between; }
.kygui_detail { width: 50%; }
.gt_detail .form_lh { width: 47%; margin: 0; }

/*-----CART-------*/
.giohang_fixed { position: fixed; right: -34px; bottom: 410px; text-align: center; padding: 3px; z-index: 99; transform: rotate(270deg); text-transform: uppercase; border: 2px solid #2d1711; cursor: pointer; }
.giohang_fixed a { font-size: 12px; font-weight: 700; color: #fedc86; display: block; background: #2d1711; padding: 20px 20px 20px 20px !important; }
.giohang_fixed .giohang { padding: 0; }
.giohang_fixed .giohang i { color: #fedc86; font-size: 30px; padding: 0px 15px 0 0px; transform: rotate(90deg); }
.giohang_fixed .giohang span { color: #e31119; background: #f3ebd6; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 10px; position: absolute; bottom: 27px; right: 20px; font-weight: 700; transform: rotate(90deg); }
.cart_fix { position: fixed; bottom: 230px; right: 15px; background: #e10000 url(images/cart.png) no-repeat center; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; }
.cart_fix span { position: absolute; width: 20px; height: 20px; border-radius: 50%; text-align: center; font-size: 13px; color: #ffffff; background: #000000; line-height: 20px; top: 0; right: 0; }

/* Product detail */
.product-detail .product { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
.khung_product_detail { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.khung_product_detail .daxem { width: 250px; }
.khung_product_detail .daxem h4 { font-family: SFUFuturaBook; font-size: 14px; color: #ffffff; text-transform: uppercase; text-align: center; background: #000000; padding: 10px 0; font-weight: 100; }
.khung_product_detail .daxem .bao_sp { display: none; }
.khung_product_detail .daxem .sp { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; }
.khung_product_detail .daxem .sp > a { width: 80px; }
.khung_product_detail .daxem .sp .noidung { width: calc(100% - 90px); font-size: 13px; color: #333333; }
.khung_product_detail .daxem .sp .noidung .giaban { color: #f000; }
.khung_product_detail .daxem .sp .noidung .giacu { text-decoration: line-through; }
.khung_product_detail .daxem .sp h3 a { font-size: 13px; color: #333333; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 500; }
.slick_daxem { border: 1px solid #dddddd; padding: 5px; border-top: 0; }
.slick_daxem .slick-slide { margin: 5px 0; }
.frame_images { padding: 0; position: relative; width: 580px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.MagicZoom { width: 100%; text-align: center; background: #ffffff; }
.app-figure { width: 100%; }
.selectors { width: 100%; margin: 0; position: relative; }
.list_carousel #foo3 i { font-size: 25px; font-weight: 500; }
.list_carousel { width: 100%; position: relative; }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel #foo3 { margin: 0 20px; }
.list_carousel .slick-slide { margin: 0 5px; }
.pd_l { position: absolute; top: 50%; left: -4%; transform: translatey(-50%); z-index: 99; font-size: 25px !important; cursor: pointer; background: #acacac; border-radius: 50%; width: 45px; height: 45px; display: flex !important; justify-content: center; align-items: center; color: #fff; }
.pd_r { position: absolute; top: 50%; z-index: 99; right: -4%; cursor: pointer; font-size: 25px !important; transform: translatey(-50%); background: #acacac; border-radius: 50%; width: 45px; height: 45px; display: flex !important; justify-content: center; align-items: center; color: #fff; }
.pd_l:hover, .pd_r:hover { background: #3aa824; transition: 0.2s background; }
.dml { position: absolute; left: -2%; transform: translateY(-50%); z-index: 10; top: 50%; cursor: pointer; color: #ccc; font-size: 62px !important; }
.dmr { position: absolute; top: 50%; right: -2%; transform: translateY(-50%); z-index: 10; cursor: pointer; color: #ccc; font-size: 62px !important; }
.foo3_l { position: absolute; left: -4%; transform: translateY(-50%); z-index: 10; top: 50%; cursor: pointer; }
.foo3_r { position: absolute; top: 50%; right: -4%; transform: translateY(-50%); z-index: 10; cursor: pointer; }
.list_carousel li { display: none; }
.list_carousel li img { display: block; }
.list_carousel li a { text-decoration: none; }
.list_carousel li a h3 { color: #835410; text-align: center; font-weight: 500; margin-top: 10px; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.pager { width: 320px; text-align: center; }
.pager a { margin: 0 5px; text-decoration: none; }
.pager a.selected { text-decoration: underline; }
.timer { background-color: #999; height: 6px; width: 0px; }
.prev13 { width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0, -50%); }
.next13 { width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.png) no-repeat; top: 50%; right: 0; transform: translate(0, -50%); }
.caroufredsel_wrapper { width: 100% !important; }

/* Khung thong tin */
#container_product { width: 100%; margin: 20px 0 0 0; }
#container_product .noidung_tab { width: 100%; display: block; margin-bottom: 20px; }
div#container_product #tabs { overflow: hidden; background: #f2f2f2; display: flex; border: 1px solid #ebebeb; border-bottom: 0; position: relative; list-style: none; margin: 0; padding: 0; }
div#container_product #tabs li { text-transform: uppercase; }
div#container_product #tabs li.active { background: #ffffff; border-bottom: none; position: relative; border-top: 2px solid #000000; top: 0px; }
div#container_product #tabs li { padding: 8px 20px; background: #eeeeee; list-style: none; text-align: center; }
div#container_product #tabs li a { color: #000000; font-size: 14px; text-decoration: none; cursor: pointer; font-weight: 700; }
.inf-tt { width: calc(100% - 480px); display: flex; flex-wrap: wrap; justify-content: space-between; }
.khung_thongtin { width: calc(100% - 605px); }
.inf-tt .tt { width: calc(100% - 490px); }
.khung_thongtin_ajax { width: 100%; }
.khung_thongtin > a { background: #70eea0; color: #ffffff; padding: 5px 30px; display: inline-block; margin: 10px 0; text-transform: uppercase; cursor: pointer; }
.khung_thongtin .addthis_inline_share_toolbox { width: 100%; }
.khung_thongtin > div { font-weight: 400; font-size: 14px; color: #000; padding: 10px 0; width: 100%; border-top: 1px solid #e6e6e685; position: relative; }
.khung_thongtin .gia .giaban { color: #e10001; font-weight: 700; }
.khung_thongtin .giacu { text-decoration: line-through; color: #999999; font-size: 12px; }
.khung_thongtin > div.inf_item { font-weight: 400; font-size: 13px; width: 100%; }
.khung_thongtin > div.inf_item p { margin-bottom: 6px; }
.khung_thongtin > div.inf_item i { color: #e10001; }
.khung_thongtin > div.detail_chinhsach ul { padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5px 10px; width: 60%; }
.detail_chinhsach ul li { list-style: none; }
.detail_chinhsach ul li a { margin: 0 0 0 10px; color: #888; font-size: 13px; font-weight: 400; }
.detail_chinhsach ul li:hover a { text-decoration: underline; color: #e10001; }
.detail_chinhsach ul li:hover i { color: #e10001; }
.detail_chinhsach ul li i { color: #888; }
.khung_thongtin > div p span { font-weight: 500; }
.khung_thongtin > .size { display: inline-flex; align-items: center; cursor: pointer; flex-wrap: wrap; }
.khung_thongtin > .size:hover { color: #f172ac; }
.khung_thongtin > .size span { display: inline-block; border: 1px solid #f172ac; padding: 2px 8px; margin: 0 0 0 5px; cursor: pointer; color: #f172ac; border-radius: 2px; }
.khung_thongtin > .size span:hover, .khung_thongtin > .size span.active { background: #f172ac; color: #ffffff; }
.khung_thongtin > .color span { margin: 0 0 0 5px; position: relative; cursor: pointer; border: 1px solid #dddddd; padding: 2px; }
.khung_thongtin > .color span img { vertical-align: middle; margin-right: 5px; }
.khung_thongtin > .color span.active { border: 1px solid #f172ac; }
.khung_thongtin > .color span.active:after { content: ''; position: absolute; bottom: 0; right: 0; color: #fff; font-size: 13px; border-bottom: 14px solid #EB038D; border-left: 14px solid transparent; width: 0; }
.khung_thongtin div p a { font-size: 14px; color: #006a48; }
.khung_thongtin h1 { font-size: 18px; color: #333; font-weight: 900; text-transform: uppercase; padding: 0 0 10px 0; }
.khung_thongtin b { font-weight: 100; margin: 0 10px 0 0; font-weight: 500; }
.khung_thongtin span.price_s { text-decoration: line-through; color: #555555d4; margin: 0 0 0 5px; }
.khung_thongtin span.price_n { color: #fc7a221c; font-size: 17px; font-weight: 700; }
.khung_thongtin .dathang { background: #d00; color: #fff; padding: 5px 20px; border-radius: 20px; margin: 10px 0; display: inline-block; font-weight: 500; font-size: 14px; cursor: pointer; text-transform: uppercase; }
.khung_thongtin .dathang:hover { background: #047c24; }
.khung_thongtin p.masp, .khung_thongtin p.luotxem { font-size: 14px; font-weight: 500; }
.khung_thongtin p.masp span, .khung_thongtin p.luotxem span { font-weight: 400; font-size: 13px; }
.plugin a { font-size: 14px; color: #333333; font-weight: 400; margin: 0 20px 0 0; }
.plugin a:hover { color: #f03495; }
.dky-phone form { display: flex; flex-wrap: wrap; margin-top: 10px; }
.dky-phone input[type=tel] { padding: 5px 10px; font-size: 14px; color: #333333; font-weight: 400; width: 300px; max-width: 100%; }
.dky-phone input[type=submit] { padding: 0 20px; background: #000000; color: #ffffff; border: none; margin: 0 0 0 10px; cursor: pointer; }
.dky-phone input[type=submit]:hover { background: #f03495; }
#social-air-sp { display: inline-flex; }
#social-air-sp img { display: inline-block !important; }
.zalo-share-button { position: relative; width: 30px !important; height: 30px !important; margin: 0 0 0 5px; }
.zalo-share-button img { width: 30px !important; }
#sanpham .xemthem { position: relative; text-transform: unset; font-weight: 400; font-size: 17px; display: table; color: #171717; margin: 20px auto; padding: 10px 40px 10px 30px; border: 1px solid #dbdbdb; border-radius: 4px; }
#sanpham .xemthem:after { position: absolute; content: "\f18e"; font-family: fontAwesome; right: 15px; top: 10px; }
#sanpham .xemthem:hover { font-weight: 500; border-color: #171717; z-index: 12; transition: 0.2s ease-in-out; }
#sanpham a.load_star { position: relative; display: table; margin: 0px auto; padding: 5px 20px; background: rgb(0, 153, 189); background: linear-gradient(90deg, rgba(0, 153, 189, 1) 0%, rgba(0, 121, 150, 1) 50%, rgba(0, 90, 111, 1) 100%); margin-top: 10px; color: #fff; font-weight: 500; cursor: pointer; }

/* buy product detail */
.khung_product_detail .input-number {    /*for absolutely positioning spinners*/
position: relative; padding: 5px; padding-right: 25px; }
.khung_product_detail .input-number::-webkit-inner-spin-button, .khung_product_detail .input-number::-webkit-outer-spin-button { opacity: 1; }
.khung_product_detail .input-number::-webkit-outer-spin-button, .khung_product_detail .input-number::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button !important; width: 25px; position: absolute; top: 0; right: 0; height: 100%; }
.khung_product_detail .input-number[type=number]::-webkit-inner-spin-button { opacity: 1; }
.input-number { padding: 8px 8px; border: 1px solid #c9c9c9; width: 50px; margin: 0 0 0 7px; }
.add_to_cart { width: 100%; margin: 10px 0px; }
.add_to_cart a { display: inline-block; font-size: 13px; color: #ffffff; border-radius: 3px; cursor: pointer; font-weight: 500; }
.add_to_cart a.buy { background: #2d1711 url(images/icon_add_cart_white.svg) no-repeat 10px center; background-size: 30px; padding: 8px 10px 8px 40px; }
.add_to_cart a.muangay { background: #e31119 url(images/icon_buy_now.svg) no-repeat 10px center; background-size: 20px; padding: 8px 10px 8px 40px; }

/* Share gia soc */
#giasoc { padding: 10px; border-radius: 5px; background: #eaaf2d; overflow: unset; display: none; text-align: center; }
#giasoc .buy_giasoc { background: #ffffff url('images/hot.gif') no-repeat 10px center; padding: 10px 10px 10px 80px; color: #000000; font-weight: 400; border-radius: 5px; cursor: pointer; margin: 0 0 10px 0; cursor: pointer; }
#giasoc .buy_giathuong { background: #000000; color: #ffffff; display: table; margin: 0 auto; padding: 8px 30px; cursor: pointer; font-weight: 500; }
#giasoc .buy_giathuong:hover { background: #f000; color: #ffffff; }
#giasoc .fancybox-close-small { background: #ffffff; border-radius: 50%; width: 30px; height: 30px; right: 0; top: -15px; right: -15px; }
#giasoc .fancybox-close-small:after { width: 20px; height: 20px; top: 1px; }

/* video */
#video { padding: 40px 0px; }
.video { width: 37%; }
.box_video { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
.video h3 a { color: #333; font-size: 14px; padding-top: 10px; display: block; }
.select_video #video_lienquan { font-family: 'Muli', sans-serif; font-size: 14px; width: 100%; font-weight: 400; padding: 10px; margin-top: 10px; border: 1px solid #ddd; }
.slick_video { display: none; margin: 0px -5px; }
.slick_video .slick-slide { margin: 0px 5px; }
.slick_video .vi { position: relative; }
.ws_images { position: relative; }
.video a.vi { position: relative; }
.slick_video .vi:after { position: absolute; content: ''; background: url(images/yt.png) no-repeat center; width: 50px; height: 50px; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/*search*/
#timkiem { position: relative; width: 720px; }
.frm_timkiem { position: relative; width: 100%; z-index: 2; box-shadow: #0b62a53a 0px 2px 8px 0px; border-radius: 30px; display: flex; justify-content: space-between; padding: 5px; }
.frm_timkiem input { position: relative; font-size: 12px; color: #999999; border: none; border-radius: 30px 0 0 30px; padding: 8px 15px; outline: none; background: #fff; width: calc(100% - 110px); height: 35px; font-weight: 400; }
.frm_timkiem input.show { opacity: 1; width: 250px; border-radius: 30px; border: 1px solid #eee; margin-right: 10px; }
.frm_timkiem button { width: 110px; background: #D50000; border-radius: 30px; border: none; color: #fff; font-weight: 600; }
.frm_timkiem input::-webkit-input-placeholder { color: #979797; }
.frm_timkiem input:-moz-placeholder { color: #979797; }
.frm_timkiem input::-moz-placeholder { color: #979797; }
.frm_timkiem input:-ms-input-placeholder { color: #979797; }

/* danhmuc */
#danhmuc_list { position: relative; padding: 40px 0px; background: #f2f2f2; }
#danhmuc_list .box_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; text-align: center; }
#danhmuc_list .box_list .col .item_list.active { background: #dddfe2; }
#danhmuc_list .box_list .col h3 { font-size: 16px; padding: 10px; font-weight: 400; color: #fff; text-transform: uppercase; background: #0a45ab url(images/img/li.png) no-repeat calc(100% - 20px) center; }
#danhmuc_list .box_list .col .content { max-height: 300px; overflow: auto; list-style-type: none; display: none; }
#danhmuc_list .box_list .col .content ul { list-style: none; text-align: left; padding: 0px 0 0 20px; margin-top: 5px; }
#danhmuc_list .box_list .col .content ul li a { position: relative; color: #111; font-size: 14px; font-weight: 400; width: 100%; line-height: 25px; padding-left: 15px; }
#danhmuc_list .box_list .col .content ul li a:before { content: "\f105"; font-family: fontAwesome; position: absolute; left: 0; }
#danhmuc_list .box_list .col .content ul li:hover a { color: #0a45ab; }

/* Menu danh muc left */
.isfixed { position: -webkit-sticky !important; position: sticky !important; top: 70px; }
.danhmuc_l { width: 100%; max-height: 500px; overflow: auto; padding: 0 10px; border: 1px solid #d7d7d7; }
.danhmuc_l::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.danhmuc_l::-webkit-scrollbar { width: 5px; height: 5px; }
.danhmuc_l::-webkit-scrollbar-button { width: 0px; height: 0px; }
.danhmuc_l::-webkit-scrollbar-track { background-color: #c3c3c3; }
.danhmuc_l::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.danhmuc_l::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px; }
.danhmuc_l::-webkit-scrollbar-corner { background-color: #ffffff; }
.danhmuc_l::-webkit-resizer { background-color: #666; }
.danhmuc_l li a { position: relative; font-size: 15px; font-weight: 500; color: #1d1d1d; width: 100%; display: inline-block; text-transform: uppercase; word-break: break-all; padding: 10px 10px 10px 40px; border-bottom: 1px solid #ececec; }
.danhmuc_l li { position: relative; }
.danhmuc_l li a:after { position: absolute; content: ''; background: url(images/li.png) no-repeat left center; width: 10px; height: 10px; left: 20px; top: 18px; border-radius: 50%; }
.danhmuc_l li:last-child a { border-bottom: 0; }
.danhmuc_l li.active > a, .danhmuc_l li:hover > a, .danhmuc_l li:hover > a:after { color: #e31119; }
.danhmuc_l li > i { position: absolute; right: 10px; top: 10px; background: #ffffff; color: #000000; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; transition: 0.5s all; font-size: 20px; }
.danhmuc_l li > ul { display: none; margin: 0; padding: 0; list-style: none; }
.danhmuc_l li > ul li a { font-weight: 400; text-indent: 10px; font-size: 14px; text-transform: none; border: none; }
.danhmuc_l li > ul li { padding: 0 0 0 20px; border-bottom: 1px solid #ededed; }
.danhmuc_l li > ul li:last-child { border: none; }

/* sp new */
.slick_new { padding: 10px; }
.slick_new .slick-slide { margin: 5px 0px; }
.slick_new .item { border: 1px solid #ddd; }
.slick_new .item h3 a { line-height: 20px; -webkit-line-clamp: 1; max-height: 20px; }

/* HTTT */
.hotro_right { position: fixed; top: 20%; left: -300px; z-index: 100; width: 345px; display: flex; flex-wrap: wrap; transition: 0.5s all; }
.hotro_right.active { left: 0; }
.hotro_right #img { display: inline-block; position: relative; width: 45px; cursor: pointer; }
.hotro_right div.hotline_r { bottom: 0px; padding: 0px 10px; background-color: #ffde00; color: #d00000; font-size: 17px; font-weight: bold; width: 100%; text-align: center; }
.hotro_right .noidung_20 { display: none; width: 100%; background-color: #FFF; border-left: 1px solid #d00000; border-top: 1px solid #d00000; padding: 5px; }
.hotro_tt img { display: block; }
.hotro_bt { width: calc(100% - 45px); display: inline-block; padding: 10px; background: #ffffff; border: 1px solid #dddddd; }
.hotro_bt p b { color: #444444; font-size: 13px; font-weight: 100; display: inline-block; }
.hotline_bt { width: 100%; background: url(images/hotline.png) no-repeat; text-indent: 70px; margin-bottom: 10px; }
.hotline_bt p { font-size: 27px; color: #d50000; }
.yahoo_top { text-align: center; margin: 5px 0px 0px 0px; }
.yahoo p.hinh a { display: inline-block; margin: 0 10px 0 0; }
.yahoo p.hinh a img { width: 30px; }
.yahoo .dienthoai { color: #333; }
.yahoo .email { color: #333; padding: 2px 0px 2px 40px; background: url(images/email.png) no-repeat 10px 7px; }
.yahoo p b { color: #f000; font-weight: 100; }
.visit_hidden { visibility: hidden; height: 0; }
.title_service h4 { margin-bottom: 10px; font-size: 14px; text-transform: uppercase; }
.tinkhac, .share { width: 100%; margin: 0; background: rgba(128, 128, 128, 0.15); padding: 10px 20px; border-radius: 5px; margin-top: 10px; }
.share p { font-weight: 700; margin-bottom: 10px; }
.tinkhac ul { margin: 0; padding: 0; }
.tinkhac ul li { width: 100%; line-height: 25px; list-style: none; display: inline-flex; align-items: baseline; }
.tinkhac ul li:hover { margin-left: 10px; transition: 0.5s ease-in-out; }
.tinkhac li a { color: #333; font-size: 13px; font-weight: 400; text-indent: 10px; display: inline-block; }
.tinkhac li a img:hover { opacity: 0.5; }
.tinkhac li a i { margin-right: 20px; }
.tinkhac li a:hover { opacity: 0.9; transition: 0.2s; }
.xemnhieu { width: 193px; border: 1px solid #FF8A00; background: url(images/left_cham.png) repeat-y; }
ul.pagination { text-align: center; color: #829994; }
ul.pagination li { display: inline-block; padding: 0 3px; }
ul.pagination a { color: #333; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #e6e6e6; font-size: 12px; border-radius: 5px; width: 30px; height: 30px; }
ul.pagination a:hover, ul.pagination a.current { background: #e31119; color: #fff; }
.page_info { display: none !important; }

/* Paging */
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 0.875rem; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }

/* Paging Ajax */
.pagination-ajax { text-align: center; margin-top: 20px; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 3px 3px 3px; width: 30px; height: 30px; line-height: 30px; color: #666 !important; border: 1px solid #e6e6e6; font-size: 13px; cursor: pointer; text-decoration: none !important; background-color: #ffffff; text-align: center; }
.pagination-ajax a.current, .pagination-ajax a:hover { color: #ffffff !important; border-color: #0B62A5; background-color: #0B62A5; }
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next { text-indent: -9999px; position: relative; background-color: #ffffff !important; }
.pagination-ajax a.first:before, .pagination-ajax a.last:before, .pagination-ajax a.prev:before, .pagination-ajax a.next:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.pagination-ajax a.first:before { background-image: url(images/page-first.png); }
.pagination-ajax a.last:before { background-image: url(images/page-last.png); }
.pagination-ajax a.prev:before { background-image: url(images/page-prev.png); }
.pagination-ajax a.next:before { background-image: url(images/page-next.png); }

/* ========== Content pagination ========== */
.paging { width: 100%; text-align: center; margin: 10px 0px 0px 0px; }
.paging .pagination { margin: auto; float: unset; width: auto !important; text-align: center; margin: 20px 0px; }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li { display: inline-block; margin: 5px 2px; }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px; }
.pages li a:hover { background: #f6f6f6; }
.pages li .active { background: url(../images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852; }
.pages li .active:hover { background: #2a313d; }

/* Thong ke */
.thongke span { text-transform: capitalize; }
.line-thongke { padding: 0 10px; }

/* Thanh title */
.thanh_title { width: 100%; position: relative; margin: 0 0 30px 0; background: url(images/title.png) no-repeat left bottom; padding: 0 0 15px 0; }
.thanh_title h2, .thanh_title h4 { font-size: 21px; font-weight: 100; display: inline-block; color: #222222; font-family: SVNAvoBold; text-transform: uppercase; }
.thanh_title p { font-size: 16px; color: #555555; font-weight: 400; }
.thanh_title.white h2, .thanh_title.white h4, .thanh_title.white p { color: #ffffff; }
.thanh_title.white:after { background: #ffffff; }

/*quang cao*/
#quangcao { position: relative; }
#quangcao:after { position: absolute; content: ''; background: url(images/ic.png) no-repeat right; width: 143px; height: 193px; right: 0; bottom: -110px; }
.slick_quangcao { display: none; }
.qc2 { width: 810px; overflow: hidden; clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); }
.slick_quangcao img { width: 100%; object-fit: cover; }

/*dieu huong*/
.dieuhuong { width: 100%; padding: 10px 20px; position: relative; margin-bottom: 15px; background: rgba(128, 128, 128, 0.15); }
.dieuhuong a { color: #000000; font-size: 15px; font-weight: 400; padding: 0px 10px; position: relative; text-transform: capitalize; }
.dieuhuong a:first-child { padding: 0 10px 0 0; }
.dieuhuong a:first-child i { margin-right: 5px; font-size: 16px; color: #191919; font-weight: 100; }
.dieuhuong i { position: absolute; left: -3px; top: 1px; color: #000; }
.dieuhuong a:last-child, .dieuhuong a:hover { color: #e31119; }
.dieuhuong a:last-child:before { display: none; }
.noidung_tt { width: calc(100% - 380px); }
.noidung_tt .hinhanh { margin-bottom: 20px; }

/*Tab*/
.khung_tab { width: 100%; display: none; }
.khung_tab.active { display: block; }
.tags_sp a { display: inline-block; font-size: 14px; color: #333333; padding: 5px 10px; border: 1px solid #dddddd; margin: 0 0 5px 0; }
.tags_sp a:hover { color: #ed1c24; border-color: #ed1c24; }

/*  */
.box_sanpham { width: 100%; position: relative; }
.owl_sp { display: none; width: 100%; z-index: 1; margin: 0px -10px; }
.owl_sp .slick-slide { margin: 0px 10px; }

/* product */
#product { position: relative; padding-bottom: 40px; }
.box-product { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.product-row > div { padding: 20px 0; }
.w-product-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.w-product-title h2 { font-size: 22px; font-weight: 800; text-transform: uppercase; color: #fff; background: #0B62A5; border-radius: 0 30px 30px 0; padding: 10px 50px 10px 20px; }
.w-product-title span { flex: 1 1 auto; border-bottom: 1px solid #CACACA; }
.w-product-title a { color: #333333; display: inline-block; margin-left: 10px }
.tab-list { position: relative; text-align: center; padding: 0 0 10px 0; white-space: nowrap; margin: 30px 0px; max-width: 1200px; overflow: auto; }
.tab-list li.active, .tab-list li:hover { color: #e31119; }
.tab-list li span { transform: skew(24deg); position: relative; display: block; padding: 10px 40px; }
.tab-list li { position: relative; display: inline-block; color: #fff; font-size: 20px; font-weight: 400; padding: 14px 43px; cursor: pointer; margin: 0 5px; text-transform: uppercase; border: 1px solid; border-radius: 50px; }
.tab-list li a { color: #666666; font-size: 14px; font-weight: 400; cursor: pointer; }
.tab-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #fff; background-color: #fff; }
.tab-list::-webkit-scrollbar { width: 2px; background-color: #fff; }
.tab-list::-webkit-scrollbar-thumb { height: 1px; border-radius: 1px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3); background-color: #e31119; }
.tab-list::-webkit-scrollbar { width: 5px; height: 3px; }
.box-khung { width: calc(100% - 300px); }
.box-khung .khung { padding-bottom: 25px; }
.title_sp { position: relative; font-size: 30px; color: #ef0104; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; padding-bottom: 10px; }
.title_sp:before { position: absolute; content: ''; background: url(images/at_sp.png) no-repeat left bottom; width: 78px; height: 4px; bottom: 0; left: 0; z-index: 1; }
.title_sp:after { position: absolute; content: ''; border-bottom: 1px solid #c9c9c8; right: 0; bottom: 0; width: 92%; }
.box-product a.load_product { display: table; margin: 0px auto; font-weight: 900; cursor: pointer; font-size: 14px; color: #fff; border: 1px solid; padding: 8px 34px; margin-top: 25px; background: #f5000a; text-transform: uppercase; }
.box-product a.load_product:hover { background: transparent; color: #e31119; transition: 0.3s all; }
.item .img { position: relative; }
.item:hover .logo_hv { opacity: 1; visibility: visible; }
.item .logo_hv { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: #ffffff80; transition: all 0.5s; z-index: 1; }
.item .logo_hv img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; }
.item .img .icon { position: absolute; top: 20px; right: 20px; color: #fff; background: url(images/sale.png) no-repeat center; background-size: cover; border-radius: 5px; width: 54px; height: 56px; display: flex; justify-content: center; align-items: center; }
.item .img .icon img { display: inline-block !important; margin: 0 0 0 5px; }
.item .img:before { opacity: 0; position: absolute; top: 0; left: -75%; z-index: 22; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.item:hover .img:before { opacity: 1; -webkit-animation: shine .6s; animation: shine .6s; }
.box-product .khung:nth-child(even) .item-list { grid-column: 2; grid-row: 1; }
@-webkit-keyframes shine {
    100% { left: 125%; }
}
@keyframes shine {
    100% { left: 125%; }
}

/* .item a.buy{color: #fffefe;position: relative;cursor: pointer;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 21px;} */
.item a.buy:hover { color: #fff; background: #ff0000; transition: 0.2s ease-in-out; }
.item a.buy img { display: unset !important; margin-right: 5px; width: unset; }
.item:hover a.buy { opacity: 1; transition: 0.5s all; }
.item { transition: 0.5s all; position: relative; transition: border 1s; overflow: hidden; border: 1px solid #ececec; }
.item .noidung .bds p { padding-top: 5px; font-size: 14px; font-weight: 400; color: #333333; }
.item .noidung .bds p span { color: #ff0000; font-weight: 500; }
.item .sale_off:after, .frame_images.sale_off:after { position: absolute; content: attr(data-sale); top: 10px; right: 10px; background: url(images/sale.png) no-repeat center; color: #fff; z-index: 5; width: 49px; height: 49px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; font-style: italic; }
.frame_images .sale { top: 14px; }
.item .sale p, .frame_images .sale p { font-size: 13px; transform: rotate(-90deg); background: #c40f1d; padding: 6px 13px; text-transform: uppercase; font-weight: 500; }
.item .sale p.new, .frame_images .sale p.new { background: #fac112; }
.item strong { font-weight: 400; color: #8b8b8b; }
.item .gia label { color: #666666; font-weight: 400; }
.item .gia { font-size: 13px; color: #333; font-weight: 500; text-align: center; }
.item .giaban { color: #ef0104; }
.item .giacu { font-size: 12px; font-weight: 400; color: #999; text-decoration: line-through; margin: 0 0 0 5px; }
.item h3 { position: relative; width: 100%; }
.item .noidung { position: relative; width: 100%; padding: 5px; }
.item .box-gia { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 10px; }
.item .box-gia:after { position: absolute; content: ''; background: #f00; width: 94%; height: 1px; bottom: 3px; right: 0; }
.box-gia a.xemthem { background: url(images/xemthem.png) no-repeat left center; display: inline-block; font-size: 13px; color: #fff; font-weight: 700; padding: 10px 50px 10px 15px; }
.item-product .noidung { text-align: center; padding: 15px 10px; }
.item h3 a { color: #333; font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; line-height: 22px; -webkit-line-clamp: 2; height: 44px; display: -webkit-box; text-align: center; -webkit-box-orient: vertical; margin: 5px 0px; text-transform: capitalize; }
.item:hover h3 a { color: #d60c0c; }
.lienhe-sanpham { display: inline-block; padding: 5px 15px 8px 15px; border: #D50000 1px solid; border-radius: 5px; color: #D50000; margin-top: 10px; }

/* Tab product */
.tab_show { display: block !important; border: 1px solid #ebebeb; border-top: 0; padding: 10px; width: 100%; background: #ffffff; position: relative; z-index: 1; }
.tab_hidden { display: none; }
.noidung_ta * { max-width: 100%; }

/* Tint tức*/
#tintuc { padding: 50px 0; background: #EFEFEF; }
.tintuc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.tintuc_slick { display: none; margin: 0 -10px; }
.tintuc_slick .slick-slide { margin: 0 10px; }
.item_tintuc { background: #fff; }
.item_tintuc img { width: 100%; }
.noidung-tintuc { padding: 15px 10px; }
.noidung-tintuc span { font-size: 14px; color: #686868; }
.noidung-tintuc h3 a { font-size: 16px; font-weight: 700; text-transform: capitalize; color: #333; height: 69px; display: inline-block; transition: all 0.3s; }
.noidung-tintuc h3 a:hover { color: #0B62A5; }
.xemthem-tintuc { color: #D50000; font-weight: 700; display: inline-block; margin-top: 10px; text-transform: uppercase; }
.xemthem-tintuc span { color: #D50000; display: inline-block; margin-right: 17px; }

/* nhan tin */
.nhantin { padding: 40px 0; }
.tinnhan-row { display: flex; align-items: center; justify-content: space-between; }
.tinnhan-left { width: 40%; }
.tinnhan-right { width: calc(100% - 40% - 30px); }
.tinnhan-title h4 { font-size: 28px; font-weight: 700; text-transform: uppercase; color: #0B62A5; }
.tinnhan-title p { color: #333333; }
.form-tinnhan { display: flex; align-items: center; justify-content: space-between; }
.form-tinnhan input { border-radius: 30px; height: 55px; border: none; }
.form-tinnhan input[type ='email'] { width: calc(100% - 150px - 30px); box-shadow: #0b62a53a 0px 2px 8px 0px; padding: 5px 15px; }
.form-tinnhan input[type ='submit'] { width: 150px; background: #0B62A5; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; transition: all 0.4s }
.form-tinnhan input[type=submit]:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.nhantin form .input::-webkit-input-placeholder, .nhantin form textarea::-webkit-input-placeholder { color: #666666; }
.nhantin form .input:-moz-placeholder, .nhantin form textarea:-moz-placeholder { color: #666666; }
.nhantin form .input::-moz-placeholder, .nhantin form textarea::-moz-placeholder { color: #666666; }
.nhantin form .input:-ms-input-placeholder, .nhantin form textarea:-ms-input-placeholder { color: #666666; }

/*footer*/
#footer { width: 100%; position: relative; border-top: 1px solid #CACACA; color: #333; }
.footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 40px 0px; }
.w-dichvu-ft { width: 20%; }
.fanpage { width: 340px; }
.footer .title_f { position: relative; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #ffffff; }
.footer-title { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; position: relative; }
.footer-title::after { position: absolute; content: ''; background: #333; height: 2px; width: 50px; left: 0; bottom: -15px; }

/* Dịch vụ footer */
.dichvu-ft a { display: block; color: #333; font-size: 15px; margin-bottom: 20px; transition: all 0.3s; }
.dichvu-ft a:hover { color: #D50000; }

/* Tags sp */
#tag { position: relative; background: #EFEFEF; }
.tag { padding: 50px 0; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.tag h4 { font-weight: 500; color: #212020; font-size: 15px; }
.tag ul { padding: 0; }
.tag ul li { position: relative; list-style: none; display: inline-block; padding: 0px 3px; }
.tag ul li:last-child:after { display: none; }
.tag ul li a { font-weight: 400; font-size: 15px; color: #333; display: inline-block; padding: 7px 10px; border-radius: 5px; border: 1px solid #BABABA; margin: 3px; }
.tag ul li a:hover { text-decoration: underline; }

/*  */
.thongtin_ft { width: 45%; }
.thongtin_ft .noidung { color: #333; font-weight: 400; font-size: 17px; }
.w-logo-footer { display: flex; align-items: center; margin-bottom: 20px; }

/*  */
.thoigian { width: 250px; }
.thoigian .noidung { font-size: 15px; font-weight: 400; }
.map { position: relative; width: 100%; display: flex; }
.map iframe { width: 100%; height: 450px; }

/*chinhanh*/
.box_chinhanh { position: relative; min-height: 90px; }
.box_chinhanh .list_chinhanh { position: absolute; padding: 0; left: 110px; top: 0px; }
.box_chinhanh .list_chinhanh li { position: relative; background: #ef0104; color: #fff; cursor: pointer; display: inline-block; padding: 10px; }
.box_chinhanh .list_chinhanh li:last-child { margin: 0; }
.box_chinhanh .list_chinhanh li.active { background: #f8ac07; }
.box_chinhanh .list_chinhanh h3 { font-size: 13px; text-transform: uppercase; font-weight: 700; display: block; }
.box_chinhanh .list_chinhanh p { font-size: 14px; font-weight: 400; }
.box_chinhanh .list_map { width: 100%; }
.box_chinhanh .list_map .item-map { display: none; }
.box_chinhanh .list_map .item-map iframe { display: block; width: 100%; max-height: 400px; }
.box_chinhanh .list_map .item-map.active { display: block; }

/* coppy */
.coppy { background: #0B62A5; color: #fff; padding: 15px 0; }
.coppy span { font-weight: 500; text-transform: uppercase; }
.coppy a { color: #fff; text-transform: uppercase; }

/* back to top  */
#back-to-top { position: fixed; bottom: 50px; right: 15px; z-index: 10; }
#back-to-top a { color: #333; font-size: 30px; font-weight: 600; background: rgba(218, 218, 218); border-radius: 10px; width: 50px; height: 50px; padding-bottom: 1px; display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: all 0.3s; }
#back-to-top a:hover { background: rgb(160, 160, 160) }
#back-to-top .back-circle { height: 50px; width: 50px; }
#back-to-top .back-circle .circle { border: 1px solid #034790 !important; }

/* fanpage */
#fanpage { background-size: cover; }
#fanpage .title_h2 { text-align: left; padding: 20px 0px; }
#fanpage .title_h2 h2 { color: #fff; }
#fanpage .fanpage { padding: 20px 0px; width: 425px; display: table; margin: 0px 45%; }
.slogan-fanpage { margin-bottom: 15px; font-size: 15px; }

/*--------------lk website---------------------*/
.lienket { position: fixed; color: #ffffff; left: 15px; bottom: 100px; z-index: 99; }
.lienket label { text-transform: uppercase; font-size: 15px; font-weight: 700; }
.lienket a { display: block; margin: 0 0 5px 0; }
.lienket a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }
.lienket_r { position: fixed; right: 10px; bottom: 250px; }
.lienket_r a { display: block; margin: 10px 0; }

/* contact */
.khung_contact { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 20px 0; }
.khung_contact .noidung_detail { margin-bottom: 20px; }
.khung_contact .bando { width: 100%; margin-top: 20px; }
.khung_trai, .khung_phai { width: 48%; }
.thongtin_ct2 { display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid #4267b2ba; }
.thongtin_lh { width: 100%; padding: 0px 40px 20px 0px; }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { max-width: 100%; width: 100%; margin: 0 auto; text-align: center; }
.form_lh h4 { font-weight: 700; font-size: 30px; color: #ef0104; margin: 0; text-align: center; text-transform: uppercase; }
.form_lh p.mxn { width: 100%; }
.form_lh p.mxn > b { padding: 0px 20px 0px 0px; }
.form_lh p.mxn input { width: 100px; }
.form_lh p { padding: 5px 0px 5px 0px; margin: 0; width: 100%; display: inline-block; }
.form_lh p input, .form_lh p textarea { padding: 10px; width: 100%; border: 1px solid #dddddd; font-weight: 400; border-radius: unset; }
.form_lh p label { width: 120px; }
.form_lh p button { border: 0px; background: #000; padding: 10px 20px; margin: 0; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: 500; }
.form_lh p button:hover { background: #000000; }
.form_van input { width: 100%; padding: 5px; }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00 }
.form_contact { padding: 0 0 10px 0; }
#form_contact input { padding: 5px; }

/* Album */
.box_album { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
.box_album img { width: 100%; }
.box_album .album { display: block; position: relative; }
.box_album .img span i { position: absolute; content: ''; color: #fff; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; opacity: 0; visibility: hidden; }
.box_album .img:hover span i { opacity: 1; visibility: visible; transition: 0.3s ease-in-out; }
.album h3 { color: #333; font-size: 15px; text-transform: capitalize; display: block; padding-top: 10px; }
.album:hover h3, .album:hover h3 a { color: #ef0104; }
.khung_album img { display: block; }
.khung_album_images { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.hinhanh_detail { margin-top: 20px; }
.slick_ab { display: none; margin: 10px -10px 0 -10px; }
.slick_ab .slick-slide { margin: 0 10px; }

/*--------------tags---------------------*/
.tags span { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 400; }
.tags a { color: #333333; font-size: 12px; padding: 4px 10px; margin: 0 3px 6px 0; border: 1px solid #dddddd; border-radius: 20px; display: inline-block; }
.tags a:hover { color: #f00; border-color: #f00; }

/*-----------------end tags-----------------------*/

/* Doitac */
#doitac { padding: 40px 0px; background: #f8f8f8; }
.owl_doitac { display: none; }
.owl_doitac .slick-slide { margin: 0px 10px; }
.doitac { border: 1px solid #d6d6d6; }
.doitac h3 { font-family: UTMAvo; color: #fff; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: normal; padding-bottom: 30px; }
.ic-doitac { display: flex; flex-wrap: wrap; justify-content: space-between; }

/*++++++++++LEFT+++++++++++*/
.sp-detail { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
div#left { width: 265px; position: relative; z-index: 1; }
.product_detail { width: calc(100% - 285px); }
.product_detail .product { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
.product_detail .product .item, .owl_sp .item { }

/*Hover images*/
.hover_img { width: 100%; overflow: hidden; }
.hover-z { z-index: 1; border: 8px solid #fff; }
.hover_img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff5e; content: ''; z-index: 10; -webkit-transition: -webkit-transform .6s; transition: transform .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_img: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); }

/* Zoom In #1 */
.hover_zoom { position: relative; overflow: hidden; display: block; }
.hover_zoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; position: relative; }
.hover_zoom:hover img { -webkit-transform: scale(1.09); transform: scale(1.09); }
.hover1:before { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.hover1:after { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.hover1:hover:before, .hover1:hover:after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); }

/* Service detail */
.box-svdetail { width: 780px; }
.fotorama { display: table; margin: 0px auto; margin-bottom: 30px; }
.service_detail { display: flex; flex-wrap: wrap; justify-content: space-between; }
.box_service { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
.box_service.box4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin: 20px 0; }
.box_service .service { transition: 0.5s all; }
.box_service .service:hover .arrows_left, .box_service .service:hover .arrows_right { opacity: 1; }
.box_service .service .img { margin: 0 0 5px 0; overflow: hidden; }
.box_service .service .arrows_right { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all; }
.box_service .service .arrows_left { position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all; }
.box_service .service .noidung { width: 100%; }
.box_service .service .noidung span.date { font-size: 11px; color: #666; background: url(images/date.png) no-repeat left center; padding: 0 0 0 20px; }
.box_service .service .noidung a.xemthem { float: right; margin-top: 10px; -webkit-box-shadow: 2px 2px 6px #585454; box-shadow: 2px 2px 6px #585454; color: #fff; background: #817f80; font-size: 12px; text-transform: capitalize; font-weight: 400; padding: 5px 15px; }
.box_service .service .khung > a { display: block; margin: 0 0 5px 0; }
.box_service .service img { display: block; }
.box_service .service h3 { width: 100%; position: relative; }
.box_service .service h3 a { font-size: 14px; color: #000000; font-weight: 700; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; height: 25px; display: -webkit-box; -webkit-box-orient: vertical; }
.box_service .service:hover h3 a { color: #ef0104; }
.box_service .service p { font-size: 13px; color: #333333; width: 100%; font-weight: 400; padding: 0; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 5; height: 125px; display: -webkit-box; -webkit-box-orient: vertical; text-align: justify; }
.box_service .service p.ngaydang { font-size: 12px; -webkit-line-clamp: 1; max-height: 25px; font-style: italic; }
.owl_tinkhac { margin: 20px -10px 0 -10px; display: none; }
.owl_tinkhac .slick-slide { margin: 0 10px; }
.owl_tinkhac .service { display: none; }
.bao_hinhanh { position: relative; overflow: hidden; margin: 5px 0px; }
.baiviet2_it h3 { width: 100%; position: relative; }
.baiviet2_it h3 a { font-size: 14px; color: #000000; font-weight: 700; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; }
.baiviet2_it:hover h3 a { color: #1a67af; }
.baiviet2_it p { font-size: 13px; color: #333333; width: 100%; font-weight: 400; padding: 0; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; max-height: 75px; display: -webkit-box; -webkit-box-orient: vertical; text-align: justify; }
.tieude_hinhanh { text-align: center; }
.tieude_hinhanh h4 { font-family: 'Noto Sans', sans-serif; font-size: 15px; padding: 10px 0px; color: #313131; }
.bao_hinhanh:hover .tieude_hinhanh { bottom: 0px; transition: 0.5s all; opacity: 1; visibility: visible; margin-bottom: 0px; }

/*Xem them*/

/*goidien*/

/* .toolbar {
   display: inline-block;
   width: 100%;
   left: 0;
   bottom: 0;
   position: fixed;
   z-index: 9999999;
   height: auto;
   display: none;
}

.toolbar ul {
   list-style: none;
   padding: 0;
}

.toolbar ul li {
   text-align: center;
   float: left;
   width: calc(100% / 4);
   line-height: 1;
}

.toolbar ul li a {
   display: inline-block;
   width: 100%;
}

.toolbar ul li a span {
   font-family: 'Roboto',sans-serif;
   font-weight: 400;
   color: #ffffff;
   font-size: 13px;
   display: block;
}

.toolbar ul li a img {
   height: 15px;
   width: auto;
   margin-bottom: 5px;
}

.wrap_multiphone {
   display: none;
   position: absolute;
   bottom: 60px;
   left: 10px;
   border-radius: 10px;
   border: 1px solid #ddd;
   padding: 5px 20px;
   background: #fff;
}

.wrap_multiphone a {
   color: #333 !important;
   display: block;
   line-height: 25px !important;
}

@media(max-width: 920px) {
   .toolbar {
       display: block;
   }
} */

/*zalo*/
.zalo { display: block; width: 41px; height: 41px; position: fixed; right: 20px; bottom: 200px; z-index: 10; }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }

/**/
.support-online { position: fixed; z-index: 999; right: 0; bottom: 140px; }
@media only screen and (max-width:992px) {
    .support-online { display: block }
}
.support-online a { position: relative; margin: 20px 20px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; right: 50px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; transform: rotate(180deg); position: absolute; right: -10px; top: 10px; }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }
.support-online .btn-support { cursor: pointer; }
.sms i { background: red }
.call-now i { background: green }
.mes i { background: orange }
.menu_mobile { position: relative; display: none; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: 100%; }
.menu_mobile .header_mm, .menu_mobile .search, .menu_mobile .menu_top { width: calc(100% / 3); }
.menu_mobile nav.menu_top > ul > li.sanpham { display: block !important; }

/**/
.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; }
}

/* Code animation */
@keyframes example {
    0% { right: 0; top: (50% - 280px); }
    50% { right: calc(100% - 230px); top: 0; }
    100% { right: 0; top: (50% - 280px); }
}
#menu { display: none; }
#logo-res { display: none; text-align: center; }

/* Toolbar */
.modal-body .toolbar { display: block; position: relative; }
.toolbar { width: 100%; bottom: 0px; position: fixed; z-index: 500; left: 0px; display: none; -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -moz-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -ms-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -o-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); }
.toolbar.is-active .list-phone { display: block; -webkit-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; }
.toolbar .list-phone { position: absolute; bottom: 100%; left: 30px; opacity: 0; transform: scale(0); transform-origin: 50% 100%; display: none; }
.toolbar .list-phone a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background: #fff; max-width: 240px; width: 180px; padding: 10px 20px; margin: 10px 0; border-radius: 50px; padding-right: 30px; }
.toolbar .list-phone svg { max-width: 30px; max-height: 30px; }
.toolbar .list-phone span { display: block; width: calc(100% - 40px); color: #333; font-weight: 700; }
.toolbar .phone { position: relative; width: 50px; height: 50px; z-index: 99; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin: 0 0px -25px 30px; transition: transform .2s ease-in-out; }
.toolbar .phone a { color: #333; display: block; position: relative; }
.toolbar .phone a:before, .toolbar .phone a:after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 30px; height: 3px; border-radius: 2rem; background-color: #D50000; opacity: 0; transition: opacity .2s ease-in-out; }
.toolbar .phone a:after { transform: translate(-50%, -50%) rotate(45deg); }
.toolbar .phone svg { max-width: 27px; max-height: 27px; display: block; position: relative; fill: #D50000; }
.toolbar.is-active .phone { transform: rotate(-180deg); }
.toolbar.is-active .phone svg { opacity: 0; }
.toolbar.is-active .phone a:before, .toolbar.is-active .phone a:after { opacity: 1; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; --size: 33px; -webkit-mask: radial-gradient(var(--size) at 55px 0px, #0000 99%, #fff 101%) 100%; background: #fff; padding: 10px 0; padding-left: 100px; border-radius: 10px 10px 0px 0px; }
.toolbar ul li { text-align: center; width: 25%; line-height: 1; }
.toolbar ul li a { display: block; width: 100%; font-size: 27px; color: #ffff; }
.toolbar ul li .icon { position: relative; margin: 0 auto; text-align: center; }
.toolbar ul li a span { display: none; font-weight: 400; font-size: 11px; margin-top: 5px; color: #333; text-transform: capitalize; }
.toolbar ul li a img, .toolbar ul li svg { max-height: 30px; fill: #D50000; width: 100%; }
.toolbar .phone svg { animation: tada 1.2s infinite; fill: #D50000; }
.tada { animation: tada 1.2s infinite; }
.lang-toolbar { display: flex; justify-content: center; align-items: center; }
.toolbar ul li.lang-toolbar a { display: inline-block; width: unset; margin: 0px 2px; font-size: unset; }
.toolbar ul li.lang-toolbar a img { height: 10% !important; }
.ex6 path { fill: none; stroke: #D50000; stroke-width: 0.5; stroke-dasharray: 1500; stroke-dashoffset: 1500; -webkit-animation: dash 5s ease forwards; animation: dash 5s ease forwards; }
@-webkit-keyframes dash {
    to { fill: #D50000; stroke-dashoffset: 0; }
}
@keyframes dash {
    to { fill: #D50000; stroke-dashoffset: 0; }
}
@keyframes tada {
    0% { transform: scaleX(1) }
    10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
    to { transform: scaleX(1) }
}
@keyframes quickShow {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: scale(1); }
}
.check-toolbar { display: none; position: fixed; right: 30px; bottom: 100px; width: 18px; height: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99; }
.check-toolbar label { position: absolute; bottom: 0; left: 6px; width: 6px; height: 50px; border-radius: 32px; background: linear-gradient(to bottom, #b3b3b3, #e6e6e6); cursor: pointer; transition: all 0.3s ease; opacity: 0.7; box-shadow: 0 0 2px #dfe1e2; }
.check-toolbar label:after { content: ''; position: absolute; bottom: 1px; left: -3px; width: 12px; height: 20px; border-radius: 3px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; }
.check-toolbar input[type="checkbox"]:checked + label { background: #D50000; opacity: 1; }
.check-toolbar input[type="checkbox"]:checked + label:after { transform: translateY(-29px); }
.check-toolbar label:hover { background: linear-gradient(to bottom, #b3b3b3, #e6e6e6); }
.check-toolbar label:hover:after { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.yep { position: absolute; top: 0px; left: -6px; width: 30px; height: 50px; opacity: 0; }

/*---------------------------------*/
@media (max-width:1200px) {
    .margin_auto { width: 100%; padding: 0 15px; }
}
@media (max-width:1025px) {
    #back-to-top { display: none; }
    .frm_timkiem button i { font-size: 18px; color: #D50000; }
    #mainmenu { display: none; }
    .zalo, .js-facebook-messenger-box { display: none !important; }
    .check-toolbar { display: block; }
    .head-bottom { height: 70px; position: fixed !important; top: 0px; left: 0px; right: 0px; z-index: 999; box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%); padding: 5px 10px; }
    .show-toolbar { padding-top: 70px; transition: 0.7s; }
    .hidden-toolbar { padding-top: 0px; transition: 0.7s; }
    .hidden-toolbar .toolbar-app { transform: translateY(120%); transition: 0.7s; }
    .hidden-toolbar .head-bottom { transform: translateY(-120%); transition: 0.7s; }
    .show-toolbar .toolbar-app { transform: translateY(0); transition: 0.7s; }
    .show-toolbar .head-bottom { transform: translateY(0); transition: 0.7s; }
    .btn-frame { display: none; }
    .menu { display: none; }
    .menu-res { display: block; }
    .toolbar { display: block; }
    .scrollToTop, #messages-facebook { display: none !important; }
    .toolbar { display: block; }
    #logo-res { display: block; }
    .menu_mobile { padding: 0 15px; }
    nav.menu_top > ul > li.icon > a { color: #fff; }
    .box-dichvu { grid-gap: 10px; }
    .dichvu { padding: 8px; background: linear-gradient(0deg, rgba(205, 231, 255, 0) 0%, rgba(147, 203, 255, 1) 100%); }
    .dichvu-img::after { display: none; }
    .fotorama { display: block; width: 100%; }
    #mainmenu { width: 100%; height: 70px; }
    #mainmenu nav.menu_top > ul > li { display: none; margin: 0px auto; padding: 0; }
    #mainmenu nav.menu_top > ul > li:after { display: none; }
    .khung_trai, .khung_phai { width: 100%; }
    .khung_thongtin { width: 100%; margin-top: 40px; }
    .frame_images { width: 100%; }
    .menubar { position: relative; width: 100%; }
    div#left { display: none; }
    .product_detail { width: 100%; }
    #header .header_mm a { display: block; transform: unset; top: unset; position: relative; }
    .inf_header { width: 100%; padding: 0px 10px; justify-content: center; }
    .hotline { display: table; margin: 0px auto; }
    .coppy { width: 100%; }
    .product .item img { width: 100%; }
    #bottom { padding: 40px 10px; }

    /*  #mainmenu nav.menu_top > ul > li.search{display:block;position:absolute;right: 2px;top: 4px;} */
    .menu_mobile { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; background: #fff; }
    #inf_header, .header { display: none; }
    .menu_mobile .header_mm, .menu_mobile .search, .menu_mobile .menu_top { width: calc(100% / 3); }
    .menu_mobile nav.menu_top > ul > li.sanpham { display: block !important; }
    #timkiem { width: 80%; margin: 0px 0px 0px auto; }
    nav.menu_top > ul > li.icon ul { min-width: 200px; }
    #timkiem_m { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 5; }
    .frm_timkiem input { opacity: 0; width: 0; transition: opacity 0.5s, width 0.5s; }
    .menu-res { display: block; }
    .tintuc_slick { display: none; margin: 0 -5px; }
    .tintuc_slick .slick-slide { margin: 0 5px; }
    .thongtin_ft { width: 100%; margin-bottom: 25px; }
    .w-dichvu-ft { width: 40%; }
    .fanpage { width: 50%; }
    .title-main span { font-size: 28px; }
    .frm_timkiem button { position: absolute; cursor: pointer; outline: none; border: none; padding: 10px; z-index: 2; right: 20px; top: 6px; width: unset; background: transparent; color: rgb(202, 199, 199); }
    .frm_timkiem { box-shadow: unset; }
    .frm_timkiem input { opacity: 0; width: 0; transition: opacity 0.5s, width 0.5s; border-radius: 30px; }
    .icon.active a { padding: 5px 10px; border-radius: 20px !important; display: inline-block; }
    #dichvu-res { display: block; }
    #dichvu { display: none; }
}
@media (max-width:900px) {
    .gioithieu_l { width: 100%; }
    .gioithieu_r { width: 100%; margin-top: 50px; }
    .w-product-title h2 { padding: 5px 25px 5px 10px; font-size: 16px; }
    .gioithieu_l h2 { font-size: 25px; padding-bottom: 5px; }
    .gioithieu_l label { font-size: 15px; }
    #gioithieu { padding: 40px 0 }
    .xemthem-gioithieu { font-weight: 500; padding: 8px 25px; }
    .tinnhan-row { display: block; }
    .tinnhan-left { width: 100%; }
    .tinnhan-right { width: 100%; margin-top: 20px; }
    .tintuc-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
}
@media (max-width:800px) {
    .box-dichvu { grid-template-columns: repeat(2, 1fr); }
    .dichvu-img a { display: block; }
    .product-grid { grid-template-columns: repeat(3, 1fr); }
    .tieuchi-name span { font-size: 20px; }
    .congtrinh-gird { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}
@media (max-width:785px) {
    .map { display: block; }
    .map iframe { width: 100%; }
    #footer { background-position: unset; }
    .thongtin_ft { width: 100%; }
    .fanpage { width: 100%; margin-top: 40px; }
    .mangxh { width: 100%; padding: 10px 0px; margin: 0; }
    .coppy .khung_flex { justify-content: center; }
    .box_tintuc { width: 100%; }
    .video { width: 100%; margin-top: 40px; }
    #gioithieu:after { width: 100%; }
    #inf_header { text-align: center; }
    #back-to-top { display: none !important; }
    .coppy p { width: 100%; margin: 0; }
    .coppy ul { width: 100%; margin: 0; text-align: center; }
    .noidung-tintuc h3 a { font-size: 13px; height: 59px; }
    .xemthem-tintuc { font-weight: 400; }
    .form-tinnhan { display: block; }
    .form-tinnhan input[type ='email'] { width: 100%; }
    .form-tinnhan input[type ='submit'] { width: 100%; margin-top: 20px; }
    .product_detail .product { grid-template-columns: repeat(2, 1fr); }
    .tinnhan-title h4 { font-size: 22px; }
}
@media (max-width:600px) {
    .w-product-title h2 { font-size: 15px; font-weight: 600; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    .item h3 a { font-size: 14px; }
    .lienhe-sanpham { padding: 3px 10px 5px 10px; }
    .w-dichvu-ft { width: 100%; margin-bottom: 25px; }
    .fanpage { width: 100%; }
    .footer { text-align: center; }
    .w-logo-footer { justify-content: center; }
    .footer-title { display: inline-block; }
    .tintuc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:460px) {
    .title-main span { font-size: 25px; }
    .congtrinh-gird { grid-template-columns: repeat(1, 1fr); gap: 10px; }
}
@media (max-width:330px) {
    .product_detail .product, .box-dichvu, .box_service { grid-template-columns: repeat(1, 1fr); }
    .tintuc-grid { grid-template-columns: repeat(1, 1fr); }
    .product-grid { grid-template-columns: repeat(1, 1fr); }
    .item img { width: 100%; }
    .item_tintuc img { width: 100%; }
    #inf_header { display: none; }
}

.slide-show { position: relative; width: 100%; min-height: 100px; background: #000; aspect-ratio: 1366/550; overflow: hidden; }
.slide-show video { position: absolute; inset: 0; object-fit: contain; width: 100%; height: 100%; top: 0; }