@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@charset "utf-8";
@font-face { font-family: 'Vladimir Script'; src: url('../fonts/VladimirScript.woff2') format('woff2'), url('../fonts/VladimirScript.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
h1, h2, h3, h4, h5, h6, p, form, ul, body { margin: 0px; padding: 0px; }
body { font-size: 14px; line-height: 1.7; font-family: "Montserrat", serif; }
.h1_tieude { position: absolute; z-index: -1; top: -2000px; }
.clear { clear: both; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.f_none { float: none !important; }
.img_max { max-width: 100%; height: auto; }
#wrapper { position: relative; overflow: hidden; }
.maxwidth { position: relative; }
.maxwidth2 { position: relative; max-width: 970px; margin: 0 auto; }
.f_right { float: right !important; }
.d_flex { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.padding0 { padding: 0px 0px !important; }
.row0 { margin: 0px 0px !important; }
.padding10 { padding: 0px 5px !important; }
.row10 { margin: 0px -5px !important; }
.padding25 { padding: 0px 12.5px !important; }
.row25 { margin: 0px -12.5px !important; }
audio { width: 100%; margin-top: 20px; }
.center { text-align: center; }
#header { right: 0; z-index: 99; padding: 10px 0; background: #fff; }
#header .maxwidth { max-width: 94%; }
#banner { position: relative; }
#banner img { width: 100%; height: auto; }

/* #logo {position: absolute;/* top: -49px; */
left: 50%; z-index: 9; width: 245px; transform: translate(-50%, 0); }
*/ #logo_m { display: none; text-align: center; }
#menu-top { position: relative; text-align: center; display: flex; justify-content: space-between; }
.menu-parent { list-style: none; position: relative; margin-bottom: 0px; display: flex; justify-content: space-between; width: 100%; align-items: center; }
.menu-parent>li { float: left; position: relative; }
.menu-parent>li:after { content: ''; position: absolute; width: 0; height: 2px; background: #2C6632; bottom: 0; left: 0; transition: all .5s; }
.menu-parent>li:hover:after, .menu-parent>li.active2:after { width: 100%; }
.icon-home { margin-top: 10px; margin-right: 15px; }
.text-a { display: inline-block; color: #333333; font-size: 15px; position: relative; padding: 5px 0px; font-weight: 600; cursor: pointer; text-transform: uppercase;    /* background: #fabb00; */    /* border-radius: 30px; */ }
.active2>a { color: #2C6632; border-radius: 30px; }
.ul-child { position: absolute; display: none; background-color: #fff; z-index: 9999; list-style-type: none; text-align: left; top: 100%; left: 0; min-width: 200px;    /* border-top: 1px solid #fabb00; */ }
.ul-child ul { position: absolute; display: none; background-color: #fff; z-index: 9999; list-style-type: none; top: -1px; left: 100%; min-width: 200px; border-top: 1px solid #2c6632; }
.ul-child li { padding: 10px 20px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #cccccc59; line-height: 18px; cursor: pointer; position: relative; text-transform: uppercase; }
.ul-child a { font-size: 14px; color: #000; line-height: 22px; white-space: nowrap; display: block; }
.ul-child li:hover { background-color: #2c6632; color: #fff; }
.ul-child li:hover>a { color: #fff; }
.menu-parent>li:hover .ul-child { display: block; }
.ul-child>li:hover>ul { display: block; }
.ul-child ul>li:hover ul { display: block; }
.so-left { right: 100% !important; left: unset !important; }
#menu-top-rp { position: relative; z-index: 9999; overflow: hidden; height: 43px; display: none; }
#content { padding: 40px 0px 40px 0px; position: relative; }
.content2 { padding-top: 60px !important; }
.noidung_contact { margin-bottom: 30px; }
.chiase { display: flex; }
.paging { margin-bottom: 20px; }
#slidernho { position: absolute; top: 12px; right: 8%; width: 542px; }
#slide_trung { position: relative; }
.noidung-slider { position: absolute; max-width: 530px; top: 0px; bottom: 0px; left: 8%; font-size: 15px; color: #fff; z-index: 9; display: flex; justify-content: center; align-items: center; }
.noidung-slider h4 { color: #ea9400; font-size: 48px; text-transform: uppercase; margin-bottom: 15px; }
.noidung-slider h5 { color: #fff; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
#slide_trung img { width: 100%; height: auto; }
#tags { list-style: none; display: block; color: #fff; font-size: 14px; border-top: 1px solid #5f5f5f; padding-top: 22px; margin-bottom: 20px; }
#tags ul { vertical-align: -webkit-baseline-middle; display: inline-block; }
#tags ul li { float: left; margin: 0px 0px 10px 20px; }
#tags a { color: #1a1a1a; font-size: 14px; position: relative; display: block; padding: 4px 20px 5px 10px; background: #d2d3d3; }
#tags a:after { content: ''; position: absolute; top: 0; left: 100%; border-top: 15px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #d2d3d3; }
#tags a:before { content: ''; position: absolute; top: 11px; right: -1px; background: #fff; width: 8px; height: 8px; border-radius: 100%; box-shadow: -1px 0px 0px #333; z-index: 9; }
#tags a:hover { text-decoration: underline; }
#content-top { position: relative; background: #f5f5f5; }
.box-gioithieu { padding: 38px 60px; background: #fff; margin-top: -101px; position: relative; z-index: 99; }
#content-right { margin: 50px 0px 20px 0px; }
.content-right { background: #fff; padding: 20px; }
#content-bot { padding: 50px 0px 30px 0px; }
#content-mid { padding: 60px 0px 60px 0px; }
#box-footer { position: relative; }
#box-footer img { float: left; margin-right: 10px; }
#box-footer p { font-size: 15px; color: #333333; margin-bottom: 12px; }
.bg-ngay { background: url(../images/bg-ngay.png); width: 78px; height: 78px; position: absolute; bottom: 0; left: 20px; color: #141414; font-size: 14px; text-align: center; }
.bg-ngay b { font-size: 25px; display: inline-block; border-bottom: 1px solid #141414; margin-top: 10px; margin-bottom: 3px; padding: 3px 10px; }
.bg-hotro img { max-width: 100%; height: auto; }
#content-left { margin: 50px 0px 30px; }
.lh-muahang { background: #23a21b; padding: 10px; color: #fff; font-size: 20px; text-align: center; position: relative; padding-left: 50px; }
.lh-muahang:after { content: ''; position: absolute; background: #ea9400 url(../images/tuvan-phone.png) center no-repeat; width: 50px; height: 50px; top: 0; left: 0; }
.list-video { background: #fff; border: 1px solid #e6e4dc; height: 40px; width: 100%; outline: none; }
.quangcao { display: block; position: relative; }
.quangcao:before { content: ''; position: absolute; background: url(../images/icon-la.png); width: 160px; height: 479px; top: -49px; left: 0; z-index: 9; }
.quangcao:after { content: ''; position: absolute; background: url(../images/icon-la2.png); width: 106px; height: 381px; top: -42px; right: 0; z-index: 9; }
.quangcao img { width: 100%; height: auto; }
.tieude-bot { background: url(../images/line-bot.jpg) center bottom repeat-x; margin-bottom: 30px; }
.tieude-bot h2 { color: #ea9400; font-size: 24px; display: inline-block; position: relative; text-transform: uppercase; background: #fff; padding-right: 20px; top: 2px; }
.bg-tieudesanpham { position: relative; margin-bottom: 50px; text-align: center; }
.bg-tieudesanpham h2 { color: #333; font-size: 30px; display: inline-block; position: relative; text-transform: uppercase; font-weight: bold; }
.bg-tieudesanpham:after { content: ''; position: absolute; background: #ea9400; width: 100px; height: 2px; margin: 0 auto; bottom: -15px; right: 0px; left: 0px; }
.bg-tieudesanpham p { color: #000; font-size: 15px; position: relative; margin-top: 5px; }
.bg-tieude { background: #5db5e8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; padding: 11px 0px; }
.bg-tieude h2 { color: #fff; font-size: 16px; text-transform: uppercase; position: relative; display: inline-block; }
.bg-tieude i { margin-right: 17px; }
.product-all { margin-bottom: 60px; }
.product-all:last-child { margin-bottom: 0px; }
.product-all:nth-child(even) .hinh-list { float: right; }
.hinh-list a { display: block; overflow: hidden; }
.hinh-list a:hover img { transform: scale(1.1); }
.product { position: relative; text-align: center; border: 1px solid #e1e1e1; padding: 1px 1px 20px 1px; margin-bottom: 21px; background: #fff; }
.product2 { position: relative; text-align: center; border: 1px solid #e1e1e1; padding: 1px 1px 20px 1px; margin: 10px; background: #fff; }
.product2:hover, .product:hover { box-shadow: 0px 0px 10px #ccc; }
.hinh-product { overflow: hidden; position: relative; margin-bottom: 10px; border: 1px solid #e1e1e1; }
.hinh-product:hover img { transform: scale(1.1); }
.xemchitiet { background: url(../images/icon-xemthem.png) 20px no-repeat; color: #8c8c8c; display: inline-block; font-size: 15px; padding: 10px 26px 10px 36px; float: right; margin-top: 10px; border: 1px solid #e0e0e0; border-right: 5px solid #e0e0e0; }
.xemchitiet:hover { text-decoration: underline; }
.icon-moi { position: absolute; background: #ea9400; width: 43px; height: 24px; top: 3px; left: 0px; color: #fff; font-size: 14px; text-transform: uppercase; border-top-right-radius: 5px; border-bottom-left-radius: 5px; pointer-events: none; z-index: 9; }
.icon-moi:before { content: ''; position: absolute; border-top: 1.6px solid transparent; border-right: 1.6px solid transparent; border-bottom: 1.6px solid #ea9400; border-left: 1.6px solid #ea9400; bottom: 100%; left: 0; }
.icon-moi:after { content: ''; position: absolute; border-top: 1.6px solid #ea9400; border-right: 1.6px solid #ea9400; border-bottom: 1.6px solid transparent; border-left: 1.6px solid transparent; top: 100%; right: 0; }
.icon-km { position: absolute; background: #cb1212; width: 43px; height: 24px; top: 3px; right: 0px; color: #fff; font-size: 14px; text-transform: uppercase; border-top-left-radius: 5px; border-bottom-right-radius: 5px; pointer-events: none; z-index: 9; }
.icon-km:before { content: ''; position: absolute; border-top: 1.6px solid transparent; border-right: 1.6px solid #cb1212; border-bottom: 1.6px solid #cb1212; border-left: 1.6px solid transparent; bottom: 100%; right: 0; }
.icon-km:after { content: ''; position: absolute; border-top: 1.6px solid #cb1212; border-right: 1.6px solid transparent; border-bottom: 1.6px solid transparent; border-left: 1.6px solid #cb1212; top: 100%; left: 0; }
.ten-product { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; }
.ten-product a { color: #000; font-size: 15px; }
.ten-product a:hover { color: #ea9400; }
.muahang { border: 1px solid #ccc; border-radius: 5px; padding: 4px 33px 4px 52px; color: #1b1b1b; font-size: 12px; display: inline-block; background: url(../images/icon-gh.jpg) 25px no-repeat; margin-top: 10px; cursor: pointer; }
.muahang:hover { text-decoration: underline; }
.phantram { background: #ea9400; color: #fff; font-size: 13px; padding: 2px 3px; position: absolute; top: 9px; right: 9px; border-radius: 3px; }
.phantram:after { content: ''; position: absolute; left: 0; bottom: -4px; border-top: 3px solid #ea9400; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #ea9400; }
.add_to_basket { color: #ea9400; font-size: 13px; border: 1px solid #ea9400; display: block; border-radius: 3px; padding: 5px; margin-top: 10px; cursor: pointer; }
.add_to_basket:hover { text-decoration: underline; }
.masp { color: #666666; font-size: 14px; }
.mota-product { color: #5c5c5c; font-size: 15px; }
.box-gia { background: #ea9400; padding: 10px 20px; border-radius: 5px; margin: 10px 0px; }
.gia-product { color: #cb1212; font-size: 15px; }
.gia-product b { color: #ea9400; }
.gia-cu { color: #a0a0a0; text-decoration: line-through; font-size: 14px; }
.gia-product2 { font-size: 20px; }
.gia-cu2 { font-size: 16px; }
.tinhtrang { color: #fff; font-size: 16px; display: inline-block; vertical-align: middle; border-left: 1px solid #fff; margin-left: 20px; padding-left: 20px; }
.tinhtrang b { text-transform: uppercase; }
.box-xemthem { text-align: center; margin-bottom: 50px; }
.xemthem { display: inline-block; color: #fff; font-size: 14px; cursor: pointer; margin-top: 10px; text-transform: capitalize; background: #fabb00; padding: 10px 20px; font-weight: normal; border: 1px solid transparent; }
.xemthem:hover { text-decoration: none; border: 1px solid #fabb00; background: #FFF; color: #fabb00 !important; }
.xemtatca { color: #fff; font-size: 13px; display: inline-block; background: #ea9400; border-radius: 3px; padding: 10px 20px; text-transform: uppercase; }
.xemtatca:hover { text-decoration: underline; }
.muangay { color: #fff; background-color: #e60002; border-radius: 5px; padding: 10px 15px; font-size: 20px; text-align: center; cursor: pointer; display: inline-block; text-transform: uppercase; margin: 10px 0px; }
.muangay i { margin-right: 10px; }
.muangay:hover { background: #23a21b; }
a { text-decoration: none; }
.bg-content { background: url(../images/bg-content.jpg) bottom repeat-x; padding-bottom: 30px; margin-bottom: 40px; }
#box-doitac { position: relative; padding: 30px 0px 30px 0px; background: #f1f1f1; }
#box-doitac img { display: inline-block; margin-right: 103px; }
#footer { position: relative; color: #fff; font-size: 14px; background: url(../images/bg-footer.png); padding: 50px 0; background-size: cover; padding-bottom: 0; }
#footer table { width: 100% !important; }
#footer img { max-width: 100%; }
.footer { margin-top: 0px !important; }
.box-mxh2 { color: #fff; font-size: 15px; margin-top: 20px; }
.box-mxh2 a { display: inline-block; margin: 12px 9px 0px 0px; }
#listlkweb { color: #4c4c4c; font-size: 14px; background: #fff; outline: none; width: 100%; height: 41px; border: none; }
.tieude-congty { color: #ea9400; font-size: 38px; margin-bottom: 25px; }
.tieude-footer { color: #333; font-size: 18px; margin-bottom: 30px; text-transform: capitalize; position: relative; }
.tieude-footer:after { content: ''; position: absolute; background: #333333; width: 55px; height: 2px; left: 0; bottom: -10px; }
.congty { margin-bottom: 30px; display: flex;    /* justify-content: space-between; */ align-items: center;    /* flex-wrap: wrap; */ }
.thongtin { margin-bottom: 30px; }
.thongtin ul { display: inline-block; margin-bottom: 15px; }
.thongtin li { margin-bottom: 5px; margin-left: 20px; list-style: square; }
.thongtin li a { font-size: 14px; color: #333; }
.thongtin li a:hover { text-decoration: underline; }
.thongke { margin-top: 5px; float: right; }
.thongke p { font-size: 13px; color: #fff; float: left; padding: 0px 10px; border-right: 1px solid #fff; line-height: 11px; }
.thongke p:last-child { padding-right: 0px; border-right: none; }
.thongke p:first-child { padding-left: 0px; }
.thongke img { margin-right: 5px; }
.thongke font { color: #fff; }
.box-fanpage { margin-bottom: 30px; }
#chinhanh { position: relative; }
.click_search { cursor: pointer; position: relative; margin-top: 30px; display: inline-block; margin-left: 20px; }
#timkiem { width: 270px; height: 35px; z-index: 99999; background: #fff; border: 1px solid #e6e6e6; right: 0px; bottom: -38px; position: absolute; display: none; }
.timkiem { height: 34px; width: 230px; color: #666666; outline: none; background: none; border: none; padding: 0px 10px; float: left; font-size: 14px; }
.bt-timkiem { border: none; background: url(../images/icon-search2.png) center no-repeat; outline: none; width: 35px; height: 35px; position: absolute; top: 0px; right: 0px; cursor: pointer; }
#timkiem_m { width: 150px; height: 30px; z-index: 999; border: none; float: right; position: relative; border-radius: 5px; border: 1px solid #ccc; background: #fff; margin-right: 10px; margin-top: 6px; }
.timkiem_m { border: none; height: 30px; width: 120px; color: #888888; outline: none; background: none; padding: 0px 10px; float: left; font-size: 12px; }
.bt-timkiem_m { border: none; background: url(../images/icon-search2.png) no-repeat; outline: none; width: 18px; height: 18px; position: absolute; top: 4px; right: 6px; cursor: pointer; }
#product-detail { margin: 30px 0px; }
#product-detail #left { text-align: center; margin-bottom: 30px; }
#product-detail #left img { max-width: 100%; height: auto; margin-bottom: 20px; }
#product-detail #right { }
#product-detail #right h1 { color: #000; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
.showhinh { margin-bottom: 10px; text-align: center; }
.tieude_lh { font-size: 30px; color: #c61130; }
.chitietsanpham { padding-bottom: 10px; position: relative; color: #4c4c4c; font-size: 14px; }
.chitietsanpham strong { }
.thongtinkh-left { margin-bottom: 30px; }
.img_bv { text-align: center; }
.thongtinkh { background: #f4f4f4; padding: 30px; }
.box-chitiet { background: #ebebeb; color: #1c1c1c; font-size: 16px; padding: 11px 20px; margin: 5px 0px; }
.box-chitiet img { margin-right: 5px; }
.mausac { }
.mausac font { height: 26px; display: grid; }
.size { line-height: 26px; }
.thuoctinh { border: 1px solid #ccc; height: 30px; min-width: 30px; padding: 1px; display: inline-block; margin-right: 5px; position: relative; text-align: center; cursor: pointer; vertical-align: middle; margin-bottom: 5px; }
.thuoctinh:hover { border: 2px solid #e5101d; padding: 0px; }
.is-active { border: 2px solid #e5101d; padding: 0px; }
.cum-thuoctinh { background: #f5f5f5; padding: 10px 10px 0px 10px; margin-bottom: 10px; }
.cum-mausize { float: left; }
.soluong { height: 26px; width: 40px; }
.ic-check { width: 0; height: 0; border-bottom: 14px solid #e5101d; border-left: 14px solid transparent; position: absolute; right: 0; bottom: 0; display: none; }
.ic-check i { font-size: 8px; color: #fff; position: relative; left: -8px; top: 5px; }
.thuoctinh>input { opacity: 0; position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100%; z-index: 1; }
.gia { font-size: 20px; padding-left: 0px; }
.gia .gia-cu { float: none; margin-left: 20px; }
.hinhgh { float: left; }
.mausize { margin: 10px 0px; display: inline-block; }
.giohang { float: right; margin-left: 100px; margin-top: 10px; position: relative; display: inline-block; }
.giohang a { color: #fff; font-size: 13px; display: block; }
.giohang a:hover { text-decoration: underline; }
.giohang span { position: absolute; background: #23a21b; font-size: 14px; color: #fff; display: inline-block; top: -5px; right: 50px; padding: 2px 8px; border-radius: 20px; }
.giohang img { float: left; margin-right: 10px; background: #fff; padding: 9px 10px 9px 8px; border-radius: 3px; }
.tintuc { position: relative; text-align: center; margin-top: 3px; }
.hinh-tintuc { margin-bottom: 20px; position: relative; display: inline-block; }
.hinh-tintuc img { border-radius: 100%; }
.hinh-tintuc:hover img { transform: rotate(360deg); }
.hinh-tintuc:after { content: ''; position: absolute; background: #ea9400; top: -3px; left: 0; right: -3px; bottom: 0; border-radius: 100%; z-index: -1; }
.tintuc h3 a { color: #d12222; font-size: 15px; display: block; margin-bottom: 10px; text-transform: uppercase; }
.tintuc h3 a:hover { color: #ea9400; }
.tintuc p { color: #333333; font-size: 14px; }
.list-tintuc { list-style: none; border-bottom: 1px dashed #cccccc; margin-bottom: 10px; padding-bottom: 10px; }
.list-news { list-style: none; margin-bottom: 18px; }
.list-news:nth-child(2n+3) { clear: both; }
.ngay_luot { font-style: italic; color: #888888; margin-bottom: 5px; }
.ngaydang { background: url(../images/icon-ngaydang.png) left top no-repeat; padding-left: 25px; display: inline-block; font-size: 14px; }
.luotxem { background: url(../images/icon-luotxem.png) left center no-repeat; padding-left: 25px; display: inline-block; margin: 5px 0px 5px 34px; }
.hinhanh { border: 1px solid #d1d1d1; padding: 13px; }
.news_left { z-index: 9; }
.news_left2 { float: right !important; }
.news_left img { }
.news_right { float: none !important; }
.news_right h3 a { color: #333333; font-size: 13px; position: relative; font-weight: bold; margin-bottom: 10px; display: block; }
.news_right h3 a:hover { color: #df0000; }
.news_right p { color: #000; font-size: 14px; }
.news-noibat { position: relative; overflow: hidden; }
.bgdate { color: #808080; font-size: 13px; background: url(../images/icon-time.png) left no-repeat; padding-left: 20px; margin-top: 10px; display: block; }
.news-noibat h3 a { color: #333333; font-size: 15px; margin-top: 15px; display: block; }
.news-noibat h3 a:hover { color: #ea9400; }
.news-noibat p { color: #5c5c5c; font-size: 15px; margin-top: 5px; }
.viewmore { color: #ea9400; font-size: 15px; border-radius: 20px; border: 1px solid #ea9400; padding: 10px 38px; float: right; margin-top: 20px; }
.viewmore:hover { text-decoration: underline; }
.ngaytao {    /* background: #f17900; */
color: #999999; font-size: 15px;    /* text-transform: uppercase; */ display: block;    /* position: absolute; */    /* top: 14px; */

/* right: 19px; */
padding: 5px; border-top: 1px solid #efefef;    /* border-width: 1 0 1 0; */ }
.ngaytao:before { content: url(../images/i-date.png); position: relative; top: 2px; margin-right: 5px; }
.ngaytao span { font-size: 12px; position: absolute; right: 10px; }
.ngaytao span.view:before { content: url(../images/view.png); position: relative; top: 1px; left: -5px; }
.box-tintuc { margin-bottom: 30px; }
.box-tintuc ul { list-style: none; }
#box-thongke { position: relative; }
#box-thongke img { float: left; margin-right: 10px; }
#box-thongke p { font-size: 14px; color: #fff; margin-bottom: 1px; }
.title_news { color: #000; margin: 0px; font-size: 25px; margin-bottom: 10px; font-weight: bold; }
.zalo-share-button { margin-right: 5px; }
.tintuc-all { }
.ta-donhang { overflow-x: auto; margin-bottom: 30px; }
.bang { border: 1px solid #ccc; border-bottom: none; }
.bang a { color: #005baa; }
.bang a:hover { color: #f00; }
.bang td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px; text-align: center; }
.bang td:last-child { border-right: none; }
.bang th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px; background: #ea9400; text-align: center; color: #fff; }
.bang th:last-child { border-right: none; }
.noidung img { max-width: 100% !important; height: auto !important; }
.noidung ul { margin: 1em; padding-left: 40px; }
.noidung p { margin: 1em 0px; }
.othernews { padding: 10px 0px; }
.othernews ul { padding: 10px 40px; }
.othernews li { position: relative; list-style: none; margin-bottom: 10px; }
.othernews li:after { content: '\f0da'; font: normal normal normal 20px/1 FontAwesome; position: absolute; left: -15px; top: 1px; color: #ea9400; }
.othernews a { color: #333333; font-size: 15px; }
.othernews a:hover { text-decoration: underline; }
.othernews font { color: #666; }
.usual { }
.usual ul.tab_content { margin: 0px; padding: 0px; display: flow-root; border-bottom: 1px solid #ea9400; height: 43px; }
.usual ul.tab_content li { float: left; list-style: none outside none; }
.usual ul.tab_content li:last-child { background: none; }
.usual ul.tab_content a { color: #333; display: block; padding: 5px 15px; font-size: 18px; }
.usual ul.tab_content a:hover { color: #333333; }
.usual ul.tab_content a.selected { border-top: 5px solid #ea9400; border-bottom: 1px solid #fff; border-left: 1px solid #ea9400; border-right: 1px solid #ea9400; color: #ea9400; cursor: default; }
.content_tab { border-left: 1px solid #ea9400; border-right: 1px solid #ea9400; border-bottom: 1px solid #ea9400; padding: 20px; position: relative; top: -1; }
.usual ul.tab_content2 { margin: 0px; padding: 0px; display: block; margin-bottom: 20px; text-align: center; max-width: 730px; margin: auto; margin-bottom: 20px; }
.usual ul.tab_content2 li { position: relative; display: inline-block; background: url(../images/line-tab.png) right center no-repeat; padding: 0px 1px 5px 5px; }
.usual ul.tab_content2 li:last-child { background: none; padding-right: 0px; }
.usual ul.tab_content2 a { color: #333333; background: #cacaca; display: block; font-size: 15px; cursor: pointer; position: relative; padding: 8px 30px; text-transform: capitalize; border-radius: 5px; }
.usual ul.tab_content2 a img { vertical-align: bottom; margin-right: 10px; }
.usual ul.tab_content2 a.selected { color: #fff; background: #fabb00; cursor: default; }
.usual ul.tab_content2 a:hover { color: #fff; background: #fabb00; }
.usual3 { border-top: 1px solid #e2e2e2; }
.usual ul.tab_content3 { margin: 0px; padding: 0px; display: block; margin-bottom: 20px; text-align: center; }
.usual ul.tab_content3 li { display: inline-block; list-style: none outside none; position: relative; margin: 0px 9px 9px 9px; }
.usual ul.tab_content3 a { color: #333333; display: block; padding: 8px 20px; font-size: 16px; cursor: pointer; position: relative; text-transform: uppercase; border: 1px solid #cccccc; }
.usual ul.tab_content3 a:hover { background: #ea9400; color: #fff; }
.usual ul.tab_content3 a.selected { background: #ea9400; color: #fff; cursor: default; }
ul.pagination { text-align: center; color: #829994; margin-top: 20px; }
ul.pagination li { display: inline-block; padding: 0 3px; margin-bottom: 5px; }
ul.pagination a { color: #959595; display: inline-block; padding: 5px 10px; border: 1px solid #cde0dc; text-decoration: none; }
ul.pagination a:hover, ul.pagination a.current { background: #ea9400; color: #fff; }
#contact { color: black; float: left; width: 500px; }
#contact table { margin: 10px 10px; }
#rib { background: #f5f5f5; position: relative; }
#rib { color: #333333; font-size: 13px; }
#rib p { float: left; margin-top: 10px; }
#rib p img { margin-right: 10px; }
.rib-email { float: right !important; }
#ngonngu { float: right; margin-left: 36px; margin-top: 28px; }
#ngonngu_mb { float: right; margin-right: 15px; margin-top: 9px; }
.ngonngu_dk {    /* margin: 0px 15px; */
line-height: initial; }
.ngonngu_dk a { display: inline-block; }
.icon-email { float: right !important; border-right: 1px solid #e5e5e5; padding-right: 13px !important; }
.box-mxh { margin-top: 0px; color: #333333; font-size: 15px; font-weight: bold; text-transform: capitalize; }
.box-mxh a { display: inline-block; padding: 10px 6px 0px 0px; }
#khachhang { padding: 0px 10px 10px 0px; }
.khachhang { text-align: center; position: relative; }
.khachhang h3 a { font-size: 18px; color: #333333; position: relative; text-transform: uppercase; margin-bottom: 5px; margin-top: 25px; border-bottom: 1px dashed #cccccc; padding: 0px 20px 15px 20px; display: block; }
.khachhang h3 a:hover { color: #ea9400; }
.khachhang p { color: #5c5c5c; font-size: 14px; }
#tieuchi { padding: 50px 0px 0px 0px; position: relative; }
.tieuchi { position: relative; text-align: center; border: 2px solid #6d6d6d; border-radius: 5px; margin-top: 70px; }
.tieuchi:after { content: ''; position: absolute; background: url(../images/after-tieuchi.png); background-size: 100% 100%; height: 24px; top: -24px; left: 0; right: 0; }
.hinh-tieuchi { position: absolute; left: 0; right: 0; top: -70px; margin: 0 auto; width: 80px; height: 80px; border-radius: 100%; border: 2px solid #6d6d6d; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 9; }
.tieuchi:hover .hinh-tieuchi { transform: rotate(360deg); }
.tieuchi h3 { font-size: 16px; color: #fff; text-transform: uppercase; background: #6d6d6d; padding: 10px; min-height: 63px; padding-top: 20px; }
.tieuchi p { color: #000; font-size: 15px; padding: 10px; min-height: 60px; }
.linhvuc { position: relative; overflow: hidden; }
.linhvuc:hover img { transform: scale(1.1); }
.linhvuc h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 25px 20px; }
.linhvuc h3:after { content: ''; position: absolute; background: #fff; top: 10px; left: 20px; right: 20px; height: 1px; }
.linhvuc h3:before { content: ''; position: absolute; background: #ea9400; top: 10px; left: 20px; width: 60px; height: 1px; z-index: 9; }
.linhvuc h3 a { display: block; color: #fff; font-size: 16px; text-transform: capitalize; }
.linhvuc:hover h3 a { color: #ea9400; }
.slogan { color: #5c5c5c; font-size: 16px; margin-top: -5px; margin-bottom: 25px; text-align: center; }
#hotline { position: absolute; top: 15px; right: 8%; }
#hotline img { float: left; position: relative; margin-right: 11px; margin-top: 16px; }
#hotline p { float: left; color: #000; font-size: 14px; position: relative; }
#hotline b { color: #d80000; font-size: 18px; }
.button { background: #ff0000; border: 1px solid #fff; border-radius: 3px 3px 3px 3px; color: #FFFFFF; padding: 5px 30px; margin-right: 5px; cursor: pointer; outline-color: #ff0000; }
.input { border: 1px #E9E9E9 solid; azimuth: center; width: 450px; margin: 0 auto; margin-bottom: 15px; line-height: 30px; height: 30px; border: 1px solid #61381; border-radius: 4px; }
.ta_noidung { border: 1px #E9E9E9 solid; azimuth: center; width: 450px; margin: 0 auto; margin-bottom: 15px; line-height: 30px; border: 1px solid #61381; border-radius: 4px; }
.tablelienhe td { vertical-align: top; }
.control-label { text-align: left !important; }
#backtotop { border: none; position: fixed; right: 15px; bottom: 58px; opacity: 0.5; z-index: 1; cursor: pointer; }
#backtotop:hover { opacity: 1; }
.list-danhmucsanpham { background: #e7e7e7; width: 250px; float: left; }
#box-cap { position: relative; display: inline-block; float: left; }
#soxuong { background: #2c2d8d; color: #fff; font-size: 20px; text-transform: uppercase; padding: 0px 21px 0px 0px; cursor: pointer; }
#soxuong i { color: #fff; font-size: 27px; padding: 12px 13px;    /* background: #6b5408; */ vertical-align: middle; margin-right: 0px; }
#box-ul { position: absolute; top: 51px; left: 0; right: 0px; background: #f4f1f3; display: none; z-index: 99; }
#nav-ul { }
.nav-li { list-style: none; border-bottom: 1px solid #cfcfcf; background: url(../images/icon-list.png) 225px 20px no-repeat; padding-bottom: 0px; margin-bottom: 0px; border-top: 1px solid #f3f3f3; }
.nav-li:hover>.nav-a { color: #ea9400; }
.nav-li:last-child { border-bottom: none; }
.nav-a { display: block; font-size: 15px; color: #000; position: relative; white-space: nowrap; text-overflow: ellipsis; line-height: 45px; padding-left: 15px; padding-right: 15px; overflow: hidden; text-align: left; }
.nav-a img { margin: 9px 20px 0px 0px; float: left; }
.nav-active { color: #0048aa !important; }
.nav-active .nav-a { color: white; }
.nav-ul-child { position: relative; border-top: 1px solid #cfcfcf; }
.nav-li-child:hover { }
.nav-li-child:hover>.nav-a2 { color: #ea9400; }
.nav-li-child { list-style: none; border-bottom: 1px solid #cfcfcf; background: url(../images/icon-list.png) 20px 20px no-repeat; padding-bottom: 0px; margin-bottom: 0px; border-top: 1px solid #f3f3f3; padding-left: 20px; }
.nav-li-child:last-child { border-bottom: none; }
.nav-li:hover .nav-ul-child { display: block; }
.nav-ul-child-child { }
.video { margin-bottom: 30px; padding: 9px 9px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.bg-video { overflow: hidden; position: relative; }
.hinh-video { overflow: hidden; position: relative; }
.hinh-video:after { content: ''; position: absolute; background: url(../images/icon-play.png) center no-repeat; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.bg-video:hover img { transform: scale(1.1); }
.ten-video { font-size: 15px; text-align: center; margin: 20px 0px; text-transform: uppercase; }
.ten-video a { color: #000; }
.ten-video a:hover { color: #ea9400; }
.tieude-noibat { margin-bottom: 30px; }
.tieude-noibat h2 { margin: 0px; color: #ffae00; font-size: 18px; text-transform: uppercase; position: relative; }
.tieude-noibat h2:after { content: ''; position: absolute; width: 33px; height: 2px; background: #393939; left: 0px; bottom: -10px; }
.tieude { margin-bottom: 20px; }
.tieude h2 { color: #fff; font-size: 18px; display: inline-block; margin: 0px; position: relative; }
#footer1 img { width: 30%; max-width: 35px; vertical-align: middle; }
#footer1 a { color: #fff; }
#content-1 { border: 1px solid #ccc; width: 115px; padding: 3px 0px 3px 3px; margin-left: 6px; height: 400px; margin-top: 40px; }
#anhien { display: none; }
#dichvu { position: relative; padding: 0px 30px 30px 8%; }
.box-dichvu:nth-child(2n+3) { clear: both; }
.dichvu { background: #d41721; position: relative; border-radius: 5px; padding: 15px; margin-bottom: 30px; }
.dichvu img { float: left; margin-right: 20px; }
.dichvu h3 { color: #fff; font-size: 16px; line-height: 21px; }
.dichvu a:hover h3 { text-decoration: underline; }
.owl-nav button { position: absolute; top: 42%; outline: none; }
.owl-nav button span { font-size: 60px; color: #ea9400; }
.owl-prev { left: -15px; }
.owl-next { right: -15px; }
#listVideo { background: #fff; height: 30px; width: 100%; outline: none; color: #333333; font-size: 13px; border: 1px solid #0b7ef4; }
.box-video { margin-bottom: 30px; }
.mota-video { background: #fff; border-right: 6px solid #ea9400; color: #333333; font-size: 15px; padding: 45px; }
.mota-video h3 { color: #040000; font-size: 39px; margin-bottom: 10px; }
fieldset { border: 3px solid #fff100 !important; padding: 35px 41px 0px 67px !important; }
legend { text-align: center; padding: 0px 10px !important; }
#newsletter { position: relative; margin-bottom: 30px; }
#newsletter h2 { font-size: 25px; color: #333; margin-bottom: 20px; position: relative; padding-left: 15px; border-left: 3px solid #fabb00; border-bottom: 1px solid #efefef; padding-bottom: 5px; }
.fanpage { margin-bottom: 30px; }
.text-nhantin { width: 380px; height: 45px; padding: 0px 10px 0px 10px; outline: none; background: #fff; border: none; color: #5c5c5c; font-size: 13px; border: none; display: inline-block; margin-bottom: 0; border-radius: 5px; border: transparent; }
.text-nhantin:nth-of-type(2n+ 1) { margin-left: 5px; }
.text-nhantin2 { float: right; }
.text-nhantin3 { width: 100%; }
.area-nhantin { width: 100%; height: 180px; padding: 10px 10px; outline: none; background: #fff; color: #333333; font-size: 13px; border: 1px solid #efefef; margin-bottom: 10px; }
::-webkit-input-placeholder { color: #333333; }
::-moz-placeholder { color: #333333; }
:-ms-input-placeholder { color: #333333; }
:-moz-placeholder { color: #333333; }
.bt-nhantin { background: #fabb00; width: 111px; height: 45px; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: bold; border: none; outline: none; cursor: pointer; display: inline-block; border-radius: 0 4px 4px 0; }
.bt-nhantin:hover { text-decoration: underline; }
.transition { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.popup { position: fixed; display: flex; justify-content: center; align-items: center; text-align: center; top: 0; left: 0; right: 0; bottom: 0; }
#copyright { color: #000; font-size: 13px; position: relative; padding: 15px 0px; background: #ffc20e; text-align: center; }
#copyright a { color: #000; font-weight: bold; }
.copy { margin-top: 30px; color: #fff; font-size: 13px; }
#contact { float: left; width: 520px; }
#box-bot { background: #ac660c; padding-top: 30px; }
.box-bot { margin-bottom: 30px; color: #fff; font-size: 14px; }
.box-bot p { padding-top: 10px; }
.box-bot img { float: left; margin-right: 15px; }
#hotro { position: absolute; right: 50px; top: 30px; }
#tuvan { float: left; margin-right: 30px; }
#box-diachi { float: left; width: 300px }
#hotro img { float: left; margin-right: 10px; }
#hotro p { display: table-row; font-size: 18px; color: #333333; text-transform: uppercase; }
#hotro font { color: #cfa357; }
#hotro b { color: #ff0000; font-size: 24px; }
#box-hotro { padding: 13px; background: #0d173d; margin-bottom: 30px; }
.box-hotro { padding-bottom: 10px; border-bottom: 1px dashed #c6c6c6; margin-bottom: 10px; }
.list-hotro { border: 2px solid #fff; padding: 13px; }
.list-hotro b { color: #790c02; font-size: 20px; font-style: italic; }
.list-hotro span { color: #555555; font-size: 15px; }
.icon-dienthoai { float: left; }
.box-hotro:last-child { border: none; margin-bottom: 0px; }
.box-hotro a { display: inline-block; }
.ten-hotro { color: #fff; font-size: 14px; display: inline-block; margin-bottom: 5px; }
.box-hotro img { margin-right: 5px; }
.dienthoai-hotro { color: #fffc00; font-size: 14px; margin-bottom: 5px; }
.mail-hotro { font-size: 14px; color: #fff; }
.icon-phone { vertical-align: baseline; }
#box-timkiem_m { background: #fabb00; height: 43px; }
#btn-lg { cursor: pointer; color: #fff; font-size: 24px; position: relative; top: 8px; left: 15px; z-index: 999; width: 75px; }
.tieude-chuyenkhoan { font-size: 20px; margin-bottom: 30px; text-transform: uppercase; }
.magiamgia { border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px; text-align: right; position: relative; padding-bottom: 20px; }
.magiamgia b { position: absolute; bottom: -5px; right: 0; }
.magiamgia input { border: 1px solid #ccc; outline: none; background: none; height: 34px; padding: 0px 10px; width: 159px; color: #ccc; }
.grid { display: grid; }
.flex { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.tb_giohang { border: 1px solid #ea9400; padding: 20px; border-radius: 5px; color: #666; }
.tuychontt { width: 49% !important; font-size: 11px !important; }
.gh-left { border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 20px; }
.img-gh { float: left; margin-right: 10px; }
.tensp-gh { color: #4a4a4a; font-size: 15px; font-weight: normal; margin: 0px; margin-bottom: 10px; }
.gia-gh { font-size: 15px; text-align: right; }
.tienhang { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.tienhang span { color: #ddd; width: calc(100% - 150px); text-align: right; float: left; }
.tienhang font { width: 150px; text-align: right; font-size: 13px; color: #4a4a4a; float: right; }
.tongtien { padding-top: 10px; text-align: right; }
.tongtien span { color: #000; font-size: 15px; }
.tongtien font { color: #da0000; font-size: 15px; }
.dathang { width: 100%; }
.goitruoc { width: 20px; height: 20px; float: left; margin: 0px !important; margin-right: 10px !important; outline: none; cursor: pointer !important; }
.tb_giohang label { outline: none; cursor: pointer !important; display: block; }
.gioitinh { float: left; margin-right: 10px; }
.tb_giohang button { width: 100%; }
.xuathd { display: none; }
.ovlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .9); z-index: 9; }
#tb_thanhcong { width: 70%; margin: 0 auto; }
.tieude_thanhcong { color: #78bc4c; font-size: 22px; font-weight: bold; text-align: center; }
.msg { display: block; text-align: center; font-size: 15px; color: #777; line-height: 30px; }
.listinfo { display: block; overflow: hidden; font-size: 14px; color: #4a4a4a; padding: 0 8px; }
.listinfo h4 { font-size: 15px; padding-top: 15px; color: #777; }
.listinfo .shipping { margin: 5px 0 0; }
.listinfo .shipping li { padding: 4px 0 4px 16px; font-size: 15px; color: #000; position: relative; line-height: 22px; margin-left: 5px; }
.listinfo .shipping li:before { color: #fe7500; content: "•"; display: inline; font-size: 16px; margin-right: 5px; position: absolute; top: 3px; left: 2px; }
.vetrangchu { text-align: center; margin: 10px 0px; }
.huydonhang { display: block; text-align: center; color: #2b8fc9; padding: 5px 10px; }
.cartinfo-title { clear: both; color: #4a4a4a; font-size: 18px; text-align: center; padding: 15px 0 10px; text-transform: uppercase; }
.box-soluong { display: inline-block; vertical-align: middle; }
.box-soluong i { float: left; padding: 0px 5px; cursor: pointer; border: 1px solid #ccc; width: 20px; text-align: center; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 25px; }
.box-soluong i:hover { background: #ccc; color: #fff; }
.plus { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.minus { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.box-soluong input { border: none; outline: none; float: left; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 25px; max-width: 50px; }
.laydiachi { text-align: center; margin-bottom: 20px; }
#laydiachi { display: none; }
.tieptuc_gh { text-align: center; margin: 10px 0px; }
.xsdiachi { color: #2b669a; cursor: pointer; display: none; padding: 0px 5px; }
.buoc { display: none; }
.tieptuc { text-align: center; margin-bottom: 20px; }
.tieptuc a { background-color: #e5101d; color: #fff; text-transform: uppercase; padding: 10px 20px; font-size: 18px; display: inline-block; border-radius: 5px; cursor: pointer; }
.buoc1 { display: block; }
.xoasp { cursor: pointer; }
.nhapthem { text-align: center; display: none; }
.capnhat_diachi { display: none; color: #2b669a; cursor: pointer; display: none; padding: 0px 5px; }
.col-ghch { display: block; padding-bottom: 10px; margin-bottom: 30px; }
.col-ghch:hover { box-shadow: 0px 0px 5px #ccc; }
.col-ghch img { max-width: 100%; height: auto; }
.logo-ghch { padding: 3px; background: #fff; width: 55px; box-shadow: 0px 0px 5px #ccc; }
.cum-ghch { text-align: center; margin-top: -25px; }
.cum-ghch h3 { color: #000; font-size: 13px; margin: 0px; margin-top: 10px; }
.cum-ghch p { color: #8c8c8c; font-size: 12px; }
.tieude-vanchuyen { text-align: center; font-weight: 500; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; }
.tieude-vanchuyen span { color: #ccc; }
.cart-content { margin: 20px 0px; }
.cart-content h3 { margin: 0px; text-align: center; font-weight: 500; font-size: 16px; text-transform: uppercase; }
.cart-content p { color: #ccc; text-align: center; margin-bottom: 0px; font-size: 12px; }
.dieuhuong { padding: 0px 0px 20px 0px; }
.dieuhuong a { font-size: 15px; color: #000; float: left; display: block; }
.dieuhuong span { font-size: 15px; color: #666; float: left; display: block; }
.dieuhuong i { margin: 0px 20px; font-size: 19px; color: #535353; float: left; margin-top: 2px; }
.dieuhuong a:hover { text-decoration: underline; }
.dieuhuong a:hover { color: #ea9400; }
.cart-mb { color: #fff; font-size: 20px; float: right; margin-top: 6px; margin-right: 15px; }
.cart-mb i { font-size: 28px; vertical-align: bottom; }
.btn-support .fa-street-view { background: rgba(30, 30, 30, 0.1) url(http://i.imgur.com/YWJeVO2.png) no-repeat center center !important; }
.support-online { position: fixed; z-index: 999; left: 15px; bottom: 50px; }
.support-online .btn-support { cursor: pointer; margin-top: 15px; cursor: pointer; }
.support-online a { position: relative; margin: 10px 10px; text-align: left; width: 40px; height: 40px; display: block; }
.support-online i { width: 40px; height: 40px; background: #0A56B0; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.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(17, 130, 252, 0.45); 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(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
.kenit-alo-circle-fill2 { width: 130px; height: 130px; -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(17, 130, 252, 0.45); opacity: .75; }
.kenit-alo-circle2 { width: 120px; height: 120px; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; position: absolute; }
.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; left: 40px; 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 font { width: 40px; height: 40px; background: #0A56B0; color: #fff; border-radius: 100%; font-size: 14px; text-align: center; line-height: 2.9; position: relative; z-index: 999; padding: 12px 7px; }
.hieuung { position: relative; overflow: hidden; }
.hieuung:after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.8s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); pointer-events: none; }
.hieuung:hover:after { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); }
.effecspcl { pointer-events: none; }
.effecspcl:after, .effecspcl:before { content: ''; display: block; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; position: absolute; }
.effecspcl:before { border-top: 1px solid #f00; border-bottom: 1px solid #f00; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); }
.effecspcl:after { border-left: 1px solid #f00; border-right: 1px solid #f00; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); }
.hieuung:hover .effecspcl { background: rgba(255, 255, 255, 0.1); box-shadow: none; }
.hieuung:hover .effecspcl:after, .hieuung:hover .effecspcl:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.grecaptcha-badge { display: none; }
.bg-goidien { color: #f00; font-size: 25px; position: fixed; bottom: 20%; left: 5px; z-index: 999; transition: all 0.8s; animation: blink 0.7s infinite; }
@keyframes blink {
0% { color: #2c08c7; }
100% { color: #fe0000; }
}
#hotline_mb { display: none; float: right; font-size: 17px; color: #fff; margin: 9px 10px 0px 0px; }
#hotline_mb b { color: #ff0; }
#btn-chat-facebook { display: block; width: 40px; height: 40px; position: fixed; right: 20px; bottom: 190px; z-index: 99999999999; }
#btn-chat-facebook span { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; }
#btn-chat-facebook span img { vertical-align: middle; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.chat-facebook-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(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.chat-facebook { 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(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
#khungchatn { position: fixed; width: 300px; height: 350px; top: 100px; right: 10px; z-index: 999999; background: #fff; border-radius: 10px; overflow: hidden; display: none; }
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 20px; bottom: 119px; z-index: 99999999999; }
#btn-zalo span { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; }
#btn-zalo span img { vertical-align: middle; position: absolute; top: 7px; left: 7px; width: 26px; height: 26px; }
#back-top { bottom: 50px; cursor: pointer; position: fixed; z-index: 99; right: 15px; }
#back-top span { width: 50px; height: 50px; display: block; background: url(../images/top_icon.png) no-repeat; background-color: #1182fc; border-radius: 50%; background-size: 100%; }
#back-top span:hover { opacity: 0.7; transition: 1s; }
#combo { background: #ea9400; color: #fff; font-size: 15px; text-transform: capitalize; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; padding: 16px 0px; z-index: 99; }
#combo a { color: #fff; }
#combo a:hover { text-decoration: underline; }
#combo img { margin-bottom: 5px; }
.tintuc_item { background: #2C6632; margin-top: 35px; margin-left: 25px; position: relative; }
.tintuc_item:after { content: 'AUSVIET FOOD'; color: #FFF; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 7.5px; transform: rotate(90deg) translate(165px, -135px); position: absolute; right: 0; top: 0; }
.tintuc_item .image { position: relative; top: -30px; border-radius: 20px; overflow: hidden; max-width: 500px; left: -25px; }
.tintuc_item .detail { padding: 0 20px 25px 18px; color: #FFF; text-align: justify; font-family: Montserrat; font-size: 17px; font-style: normal; font-weight: 500; line-height: 23px;    /* 135.294% */ }
.tintuc_item .tintuc_xemthem { color: #333333; font-size: 14px; }
.tintuc_item .tintuc_xemthem:after { content: url(../images/c1.png); position: relative; right: -8px; top: 1px; }
.tintuc_item .image { overflow: hidden; display: block; }
.tintuc_item img { transition: all 0.5s; }
.tintuc_item:hover img { transform: scale(1.2); transition: all 0.5s; }
.tintuc_item:hover h3 a { color: #c79601; transition: all 0.5s; }
.tintuc_item:hover .tintuc_xemthem { color: #c79601; transition: all 0.5s; }
.tintuc_item:hover .ngaytao { border-color: #c79601; transition: all 0.5s; }
.tintuc_item .mota { position: relative; margin-top: -20px; margin-bottom: 12px; }
.tintuc_item h3 a { color: #333333; font-size: 18px; transition: all 0.5s; }
.tintuc_item { font-size: 14px; color: #333333; }
.tintuc_item:hover { border-color: #fabb00; }
.long-title .title { background-color: #fabb00; display: inline-block; font-size: 22px; color: #FFF; min-width: 245px; padding: 8px; border-radius: 8px; text-align: center; text-transform: uppercase; position: relative; z-index: 1; }
.long-title { display: flex; justify-content: center; margin-bottom: 20px; position: relative; }
.long-title:before { content: ""; height: 1px; width: 33%; background-color: #efefef; position: absolute; top: 10px; }
.long-title:after { content: ""; height: 1px; width: 100%; background-color: #efefef; position: absolute; bottom: 10px; }
.dichvu_item { border: 1px dashed #ccc; padding: 30px; padding-top: 95px; text-align: center; }
.dichvu_item .image { position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto; width: 188px; border: 5px solid #fabb00; border-radius: 50%; background: #FFF; }
.dichvu_wrraper { padding-top: 95px; position: relative; }
.dichvu_item h3 a { color: #333; font-size: 18px; }
.dichvu_item h3 { text-align: Center; padding: 10px; padding-top: 5px; border-bottom: 1px solid #efefef; margin: 10px; }
.dichvu_item:hover .image { animation: border-radial 5s infinite; transition: all 0.5s; }
#block-dichvu { padding: 40px 0; }
@keyframes border-radial {
0% { border-color: #fabb00; }
25% { border-color: #fc0204; }
50% { border-color: #fabb00; }
75% { border-color: #fc0204; }
100% { border-color: #fabb00; }
}
.w-100 { width: 100%; }
#block-quangcao { margin-bottom: 40px; }
.product_item h3 a { color: #272727; text-align: center; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 500; line-height: 25px; height: 50px; display: block; }
.product_item h3 { text-align: center; margin: 10px 0; }
.product_item p { font-size: 14px; color: #333333; font-weight: normal; text-align: center; margin-top: 5px; }
.product_item p span { color: red; }
.product_item .detail { }
.block-dacbiet { padding: 20px 0; }
.p-0 { padding: 0 !important; }
.product_tieubieu { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;    /* margin-top: -30px; */ }
.product_tieubieu .detail { padding: 30px; }
.product_tieubieu h3 a { font-size: 28px; color: #333; }
.product_tieubieu .mota { margin: 10px 0; }
.header-title { text-align: center; margin-bottom: 30px; background: url(../images/header-title.png) bottom center no-repeat; padding-bottom: 35px; }
.header-title h2 { font-size: 30px; color: #333333; text-transform: uppercase; margin-bottom: 10px; }
.product_tieubieu a:hover { color: #df0000; }
#block-tintuc { margin-bottom: 30px; }
#topbar { background-color: #fabb00; padding: 8px 0; color: #2c6632; font-size: 15px; }
#topbar .maxwidth { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
#Topbar .diachi:before { content: url(../images/ic_marker.png); margin-right: 5px; position: relative; top: 2px; }
#Topbar .hotline:before { content: url(../images/ic_hotline.png); margin-right: 5px; position: relative; top: 2px; }
#topbar .hotline { margin-left: auto; }
.logo_footer { text-align: center; margin-bottom: 30px; }
.product_item:hover h3 a { color: #df0000; }
.product_item .image { overflow: hidden; }
.product_item img { transition: all 0.3s; }
.product_item:hover img { transform: scale(1.1); transition: all 0.3s; }
.product_item { margin-bottom: 0; border-radius: 20px; border: 1px solid #CCC; background: #FFF; overflow: hidden; padding: 10px; }
.popup { position: fixed; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 99999; display: flex; justify-content: center; align-items: center;    /* max-width: 900px; */ }
.img_pop { position: relative; max-width: 900px; height: auto; background: #fff; padding: 50px 20px 20px 20px; width: 100%; }
.popup img { width: 100%; max-width: 900px; }
img.close_button { position: absolute; right: 0px; top: 0px; cursor: pointer; z-index: 9; width: 40px; }
.row { display: flex; flex-wrap: wrap; }

/*update*/
.header-star { background: #ccc; padding: 10px 0; }
.hStar-container { }
.hStar-box { justify-content: flex-end; }
.hStar-login>div { justify-content: flex-end; }
.hStar-login { margin-right: 10px; padding-right: 10px; border-right: 1px solid #000; }
.hStar-lang { }
.member-log1 { padding: 0px 5px }
.member-log1 a { cursor: pointer; }
.member-log1 a:hover span { color: red; }
.modal-content { border: none; border-radius: 10px; overflow: hidden; }
.modal-header { background: #fabb00; position: relative; padding: 10px; }
.modal-title { color: #f00; }
.nav>li>a { position: relative; display: block; padding: 10px 15px; }
.modal-header .close { position: absolute; display: block; top: 15px; right: 20px; padding: 0; }
.register-forget { text-align: center; }
.register-remember { }
.radio-inline { padding: 0 10px; align-items: center; }
.radio-inline input { width: 15px !important; height: 15px !important; top: 5px; }
.register-gioitinh { justify-content: flex-start; padding-left: 25px; }
.register-gioitinh input { height: auto; }
#pane_login .form-group, #pane_reg .form-group { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-flow: row wrap; }

/*up*/
.member-title span a { color: #000; padding: 6px 20px; border: 1px solid #000; border-radius: 5px; display: flex; align-items: center; gap: 12px; }
.member-title span { font-size: 14px; }

/*login*/
#block-login { }
.container-login { max-width: 600px; margin: 0 auto; padding: 50px; box-shadow: 0 0 5px #9e9e9e; }
.login-title { margin-bottom: 20px; }
.login-title h2 { margin-bottom: 5px; }
.login-title p { color: red; }
.login-box { }

/*end login*/

/*===============================*/
.macode, .khoiluong, .desc-pro { text-align: center; margin-bottom: 7px }
.desc-pro { margin-top: 7px; font-size: 13px; }
.member-title svg { width: 19px; fill: #2c6632; }
.wrap-container { margin-bottom: 50px; }

/* Intro */
#gioithieu .xt { width: 150px; height: 45px; display: flex; justify-content: center; align-items: center; margin-top: 10px; border-radius: 6px; }
#gioithieu .xt a { color: #2C6632; display: flex; align-items: center; gap: 15px; font-weight: 600; }
#gioithieu .xt:hover { background-color: #ffc20e; }
#gioithieu .xt:hover a { color: #2C6632; }
.sub-intro { font-family: 'Vladimir Script'; color: #2C6632; text-align: justify; font-size: 64px; }
#gioithieu .mota { color: #333; text-align: justify; line-height: 25px; background: url(../images/gachsao.png) no-repeat bottom left; padding-bottom: 50px; }
.title-intro span { color: #493218; text-align: justify; font-family: "Vladimir Script"; font-size: 50px; }
.title-intro p { color: #FFC20E; text-align: justify; font-size: 49px; font-weight: 900; letter-spacing: 1.5px; line-height: 1; }
#gioithieu .maxwidth { display: flex; justify-content: space-between; }
.intro-left { width: 475px; }
.intro-right { width: calc(100% - 475px); display: flex; align-items: start; }
.pic-intro { max-width: 576px; margin-left: auto; border-radius: 25px; overflow: hidden; }
.title-intro { left: 0; line-height: 1; padding-top: .5rem; position: relative; text-orientation: sideways; transform: rotate(180deg); white-space: nowrap; writing-mode: vertical-rl; height: 420px; overflow: hidden; }

/* Category */
.h2-title { text-align: center; margin-bottom: 30px; }
.h2-title span { color: #2C6632; font-size: 25px; font-weight: 700; line-height: 30px; text-transform: uppercase; }
.wrap-category { background: #FFEEBD; padding: 50px 0; }
.grid-category { display: grid; grid-template-columns: repeat(7, 1fr); gap: 34px; }
a.name-category { color: #1A1A1A; text-align: center; font-size: 15px; font-weight: 500; line-height: 28px; display: block; margin-top: 10px; }
.pic-category a, .pic-category img { border-radius: 20px; overflow: hidden; }

/* 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: 25px; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 3px 3px 3px; width: 35px; height: 35px; line-height: 33px; color: #666 !important; border: 1px solid #e6e6e6; font-size: 13px; cursor: pointer; text-decoration: none !important; background-color: #ffffff; }
.pagination-ajax a.current, .pagination-ajax a:hover { color: #ffffff !important; border-color: #2c6632; background-color: #2c6632; }
.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); }
.grid-product { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.block-sp-noibat .maxwidth { border: 5px solid #FFC20E; border-radius: 20px; padding: 0 35px; padding-bottom: 35px; }
.block-sp-noibat .h2-title span { background: #FFC20E; display: inline-block; padding: 10px 65px 15px 65px; border-radius: 0px 0px 40px 40px; }

/* Am thuc */
.h2-title p { font-size: 14px; font-weight: 400; margin-top: 10px; }
.h2-title.title-ovl { background: url(../images/ausvietfood.png) center top no-repeat; padding-top: 20px; }
.wrap-product2 .maxwidth { max-width: 1920px; }

/* Video */
.wrap-video .maxwidth { display: flex; justify-content: space-between; }
.video-home { width: 545px; }
.title-video { color: var(--Secondary, #2C6632); font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase; margin-bottom: 25px; display: flex; align-items: center; gap: 50px; }
.item-video img { border-radius: 20px; overflow: hidden; }
.btn-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }

/* Criteria */
.criteria-home { width: 575px; }
.item-criteria { display: flex; align-items: center; justify-content: space-between; border-radius: 20px; border: 1px solid var(--Secondary, #2C6632); background: #FFF; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.07); width: 430px; padding: 25px 24px 17px 32px; margin-bottom: 36px; }
.item-criteria:nth-child(even) { margin-left: auto; }
.item-criteria:nth-child(4) { margin-bottom: 0; }
.img-criteria img { margin: auto; }
.img-criteria { width: 90px; }
.name-criteria { margin-bottom: 0; font-weight: 600; font-size: 17px; text-transform: capitalize; margin-bottom: 7px; -webkit-line-clamp: 1; }
.in4-criteria { width: calc(100% - 100px); }
p.desc-criteria { color: #676767; -webkit-line-clamp: 2; }
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.title-video i { flex: 1 1 auto; background: #2C6632; height: 2px; }
.view-new a { border-radius: 100px; background: var(--Orange, #FFC20E); width: 143px; height: 42px; line-height: 42px; display: inline-block; text-align: center; color: #000; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; }
.view-new a:hover { color: #2c6632; }
.grid-doitac { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; }
.doitac_item { border-radius: 15px; border: 1px solid #97B79A; background: #FFF; overflow: hidden; }
.doitac_item { text-align: center; }
.doitac_item a { display: inline-block !important; }
.wrap-doitac { background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) -11.91%, #FFEEBD 103.64%); padding: 50px 0; border-radius: 100% 100% 0 0; }
.image:hover img { transform: scale(1.2); transition: all 0.5s; }
a.image { overflow: hidden; display: block; position: relative; }
.item-video { border-radius: 20px; overflow: hidden; }

/*Rotate IMG*/
.rotate-img { -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.rotate-img:hover img { transform: scaleY(180); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; transform: rotateY(360deg);    /*transform: rotateX(360deg);transform: rotateZ(360deg);*/ }
.footer-top a { display: block; background: #fff; width: 124px; height: 124px; display: flex; align-items: center; justify-content: center; padding: 16px; border-radius: 50%; }
.footer-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 45px; }
.newsletter { width: 955px; display: flex; align-items: center; justify-content: space-between; }
.title-newsletter span { color: var(--Secondary, #2C6632); font-family: Montserrat; font-size: 22px; font-style: normal; font-weight: 700; text-transform: uppercase; }
.title-newsletter p { color: #000; }
#frm_mail { width: 495px; border-radius: 4px; background: #FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); overflow: hidden; }
.footer-info-1 { width: 385px; }
.footer-info-2 { width: 210px; }
.footer-info-3 { width: 235px; }
.footer-info-4 { width: 300px; }
.title-footer { color: var(--Secondary, #2C6632); font-family: Montserrat; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 18px; }
.footer-ul { padding: 0; margin: 0; list-style: disc; color: #000; padding-left: 20px; margin-bottom: 20px; }
.footer-ul li a { color: #000; }
.footer-bottom { display: flex; justify-content: space-between; padding-bottom: 50px; }
.footer-info { color: #000; }
.social { margin-top: 20px; }
.mb-3 { margin-bottom: 25px; }
.item-toado .iframe { position: relative; width: 100%; height: 200px; }
.item-toado .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.view-all { margin-top: 25px; }
.btn-frame { position: fixed; right: 20px; }
.btn-frame i { position: relative; z-index: 3; height: 40px; width: 40px; display: block; border-radius: 50px; }
.btn-frame svg { width: 40px; height: 40px; z-index: 3; }
.btn-messenger { bottom: 200px; height: 40px; }
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-zalo { bottom: 285px; }
.btn-frame i { width: 50px; height: 50px; border-radius: 50%; background: #005fe7; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: 0.1; border-color: #005fe7; opacity: 0.5; }
.btn-frame .zoomIn { animation-name: zoomIn; }
.btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; border-radius: 100%; border: 2px solid transparent; background-color: rgba(7, 41, 103, 0.35); opacity: 0.4; }
.btn-frame .pulse { animation-name: pulse; }
.item-amthuc { position: relative; }
.item-amthuc:hover:before, .item-amthuc:hover .overlay-amthuc { opacity: 1; visibility: visible; }
.item-amthuc:before { content: ''; position: absolute; width: 100%; height: 100%; background: #00000070; top: 0; left: 0; z-index: 10; pointer-events: none; transition: all .4s; opacity: 0; visibility: hidden; }
.overlay-amthuc { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 20px; color: #fff; text-align: center; z-index: 10; transition: all .4s; opacity: 0; visibility: hidden; pointer-events: none;}
.name-amthuc { font-weight: 500; font-size: 19px; margin-bottom: 10px;}

/* Search Responsive */
.search-res { position: relative; width: 30px; }
.search-res .icon-search { font-size: 20px; color: #fff; }
.search-res .icon-search.active { color: #fff; border-radius: 100%; }
.search-res .search-grid {position: absolute;top: 50px;right: 0px;width: 0px;height: 40px;overflow: hidden;background: #ffffff;border: 1px solid #2c6632;z-index: 2;opacity: 0;border-radius: 25px;line-height: normal;}
.search-res .search-grid p {float: left;width: 35px;height: 38px;cursor: pointer;outline: none;border: none;margin: 0px;font-size: 17px;display: block;color: var(--main-color);line-height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;}
.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: #000; }
.search-res .search-grid input::-webkit-input-placeholder { color: #313131; }
.search-res .search-grid input:-moz-placeholder { color: #313131; }
.search-res .search-grid input::-moz-placeholder { color: #313131; }
.search-res .search-grid input:-ms-input-placeholder { color: #313131; }