html { scroll-behavior: smooth; height: 100%; width: 100%; }
li.dropdown-user:hover ul.user-menu { display: block; }
.popupdeal .form-control { margin-bottom: 15px; }
.modal-dialog { margin: 100px auto !important; }
#popmua { display: none; width: 400px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 15px; align-items: center; position: fixed; bottom: 215px; left: -400px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px -1px; }
#popmua .mfp-close { width: 20px; height: 20px; line-height: 20px; font-size: 18px; }
#popmua .popimg { flex: 0 0 50px; font-size: 20px; }
#popmua .popimg img { width: 100%; padding-right: 15px; }
#popmua .poptime { color: rgb(59, 105, 158); text-transform: uppercase; font-size: 75%; padding-left: 15px; }
.categoreNew .boxnews_title { width: 100%; }
.categoreNew #imageshover-new { width: 100%; }
.categoreNew .boxnews_mota { width: 100%; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { cursor: default; color: rgb(97, 189, 91) !important; background: none !important; }
a, a:visited { color: inherit; cursor: pointer; }
.two-cols > ul.dropdown-menu > li { float: left !important; }


.btn-primary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); }
a:focus, a:hover { color: rgb(97, 189, 91); }
ul, li { text-decoration: none; list-style: none; }
select, input, textarea, img { height: auto; max-width: 100% !important; }
.full100 { width: 100%; }
#menu_accor { background-color: rgb(128, 196, 28); color: rgb(255, 255, 255); font-size: 14px; margin: 7px 0px 10px; padding: 8px 0px; text-align: center; text-transform: uppercase; }
#menu_accor1 { display: block; text-align: right; padding: 10px; }
.iconmenu { position: absolute; top: 9px; right: 20px; }
*, blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0px; padding: 0px; }
#dk_nhanmail span, #menu_accor, #prodhot_info, #sp_moi #list_title, .according_parent, .btnsubmit, .title-register, .title_order, .tvsp_title { text-transform: uppercase; }
.flexslider { margin: 0px; float: right !important; }
.flexslider img { float: left; width: 715px; height: 457px; margin-top: 5px; }
#imageshover-new { border: 1px solid rgb(204, 204, 204); }
#imageshover-new a { position: relative; height: 0px; overflow: hidden; display: block; padding-bottom: 60%; }
#imageshover-new a img { width: 100%; position: absolute; left: 0px; height: auto; top: 0px; bottom: 0px; right: 0px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] { color: rgb(255, 255, 255); font-size: 25px; margin: 5px; padding: 4px 7px; background: rgb(214, 214, 214); display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-carousel .owl-prev { left: 1px; }
.owl-carousel .owl-next { right: 1px; }
.owl-carousel .owl-next, .owl-carousel .owl-prev { position: absolute; top: 40%; height: 30px; margin: auto !important; }
.owl-carousel .owl-nav [class*="owl-"] { background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); width: 30px; height: 60px; line-height: 42px; border-radius: 0px; text-align: center; padding: 7px !important; }
.bg_box { margin-bottom: 10px; background-color: rgb(255, 255, 255); float: left; padding-bottom: 10px; width: 100%; }
.clear { clear: both; }
.footer { background-color: rgb(255, 255, 255); margin: 10px auto auto; overflow: hidden; padding-bottom: 10px; }
.footer-title h2 { background-image: url("../images/arrow_list.png"); background-repeat: no-repeat; background-size: contain; color: red; font-size: 17px; font-weight: 400; line-height: 25px; margin-bottom: 9px; padding: 3px 0px 2px 38px; width: 200px; text-transform: capitalize; text-align: left; border-bottom: 1px solid rgb(221, 221, 221); margin-top: 20px; }
.nhantin { text-align: left;margin: 20px 0px; }
.box_content { clear: both; color: rgb(102, 102, 102); line-height: 20px; text-align: left; }
.menu-footer-1-container > ul > li, .menu-footer-2-container > ul > li, .menu-footer-3-container > ul > li { background-image: url("../images/lib-v2.png"); background-repeat: no-repeat; background-position: 5px center; font-size: 12px; line-height: 20px; list-style-type: none; padding: 2px 0px 0px 15px; color: rgb(155, 155, 155) !important; }
.menu-footer-1-container > ul > li > a, .menu-footer-2-container > ul > li > a, .menu-footer-3-container > ul > li > a { margin-bottom: 5px; color: rgb(102, 102, 102); font-size: 14px; clear: both; }
.menu-footer-1-container > ul > li > a:hover, .menu-footer-2-container > ul > li > a:hover, .menu-footer-3-container > ul > li > a:hover { color: rgb(128, 196, 28); text-decoration: none; }
#camket_muahang_mobi, #content_menu_mobi, #form_mobi, #icon_dt1, #icon_dt2, #info_detail_mobi, #menu_mobi, #sanpham_hot_mobi, .according_box { display: none; }
#quangcao { width: 240px; float: right; margin-left: 5px; }
#quangcao img { height: 149px; margin: 5px 0px 0px; width: 250px; }
#menu_qua { display: none; }
#cty_img, .bg_box:nth-child(2n) { background-color: rgb(255, 255, 255); clear: both; }
.boxnews_title { color: rgb(102, 102, 102); font-size: 14px; font-weight: 700; padding: 3px; height: 40px; text-align: left; line-height: 1.5; margin-bottom: 2px; min-height: 60px; }
.boxnews_title > a { text-decoration: none; }
.boxnews_title > a:hover { color: rgb(8, 145, 21); }
.boxnews_mota { line-height: 20px; overflow: hidden; padding: 5px; height: 90px; text-align: justify; }
.hot_icon { position: absolute; left: -2px; top: 1px; z-index: 9; width: auto !important; height: inherit !important; margin: 0px auto !important; }
#dk_email, #ft_fb, #ft_ttlh { color: rgb(102, 102, 102); }
#ft_ttlh { font-size: 13px; margin: 8px 0px 20px; }
#ft_ttlh span { color: red; }
.owl-item .item .prodbox_anh { height: 100px; margin-top: 18px; width: 150px; }
.form_dangnhap .background { background-color: rgb(239, 248, 255); padding: 20px; }
div.login_form div.row input.text { border: 1px solid rgb(216, 211, 208); border-radius: 3px; height: 32px; outline: 0px; padding-left: 5px; padding-right: 5px; width: 197px; }
div.re_form div.row input.text, div.re_form1 div.row input.text { border: 1px solid rgb(216, 211, 208); border-radius: 3px; height: 32px; outline: 0px; padding-left: 5px; padding-right: 5px; width: 199px; }
.ddsmoothmenu ul li ul li:hover { }
.footer-side { width: 100%; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }
.moreproduct { display: block; overflow: hidden; width: 100%; max-width: 1200px; margin: 10px auto 0px; text-align: center; }
.moreproduct a { padding: 5px 10px; font-size: 14px; color: rgb(115, 175, 57); display: inline-block; margin-right: 10px; border: 1px solid rgb(115, 175, 57); border-radius: 4px; text-decoration: none; margin-bottom: 5px; }
.keyword { display: block; overflow: hidden; width: 100%; margin: 10px auto 0px; text-align: center; }
.keyword span { display: inline-block; font-size: 13px; color: rgb(169, 169, 169); padding: 10px 5px 10px 10px; vertical-align: middle; }
.keyword a { padding: 10px 5px 10px 10px; font-size: 13px; color: rgb(153, 153, 153); display: inline-block; vertical-align: middle; text-decoration: none; }
.keyword a:hover { color: rgb(102, 102, 102); }
ul.dropdown-menu > li:hover a { color: rgb(128, 196, 28); }
ul.dropdown-menu > li:hover > a::before { visibility: visible; }
ul.dropdown-menu > li > a { position: relative; z-index: 10; padding-left: 30px; }
ul.dropdown-menu > li:hover > a { padding-left: 30px; color: rgb(255, 255, 255); background-color: rgb(128, 196, 28); }
.copyrights { text-align: center; border-top: 1px solid rgb(204, 204, 204); padding-top: 10px; padding-bottom: 40px;}
section { text-align: left; padding-left: 5px; padding-right: 5px; }
.lin .group_tuvan { border-radius: 0px; padding: 0px; margin: 0px auto; width: 210px; display: none; }
.lin .group_tuvan p { text-align: center; float: inherit; padding-top: 5px; }
.lin .group_tuvan .wpcf7-form { display: inline-block; margin: 0px; padding: 0px; }
.nav-tabs.nav-justified { background-color: rgb(128, 196, 28) !important; }
.nav-tabs.nav-justified > li > a { color: rgb(255, 255, 255); }
.nav-tabs.nav-justified > .active > a { color: rgb(0, 0, 0); }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: rgb(228, 116, 116); }
.nav-tabs > li > a { border-right: 1px solid rgb(255, 255, 255); }
.the-article-notification { width: 1000px; left: 50%; margin-left: -500px; position: fixed; bottom: 0px; padding: 0px; height: 50px; background: rgb(255, 255, 255); border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(225, 225, 225); border-right-color: rgb(225, 225, 225); border-left-color: rgb(225, 225, 225); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; z-index: 999; }
.the-article-notification .btnNextArticle { padding-left: 60px; padding-right: 30px; }
.the-article-notification .btnNextArticle::before { width: 50px; height: 50px; background: rgb(247, 247, 247); font: 18px/50px FontAwesome; text-rendering: auto; content: ""; text-align: center; -webkit-font-smoothing: antialiased; display: block; margin: 0px 10px 0px 0px; position: absolute; top: 0px; left: 0px; }
.the-article-notification a { display: block; width: 100%; height: 100%; padding: 0px; font-family: sans-serif; font-size: 14px; color: rgb(51, 51, 51); line-height: 50px; text-align: left; -webkit-font-smoothing: antialiased; position: relative; }
.the-article-notification .btnNextArticle a span.thetitle { text-align: left; width: 100%; height: 100%; font-family: sans-serif; font-size: 14px; font-weight: bold; -webkit-font-smoothing: antialiased; background-color: white; }
.the-article-notification .btnNextArticle a span.theauthor { color: rgb(255, 0, 0); font-weight: bold; }
.the-article-notification .btnNextArticle a span.thecom { color: rgb(97, 189, 91); font-style: italic; }
.dmca { margin: 8px 0px; }
ul.social { text-align: left; padding: 0px; }
ul.social li { line-height: 50px; display: inline-block; }
ul.social li i { font-size: 50px; }
ul.social li span { top: -10px; line-height: 2px; position: relative; }
ul.social li.google i { color: rgb(205, 51, 45); }
ul.social li.facebook i { color: rgb(59, 89, 152); }
ul.social li.youtube i { color: rgb(205, 51, 45); }
ul.social li.twitter i { color: rgb(0, 172, 238); }
ul.social li a { float: right; padding-left: 10px; }
ul.social li a:hover { font-weight: bold; text-decoration: none; }
ul.social li.google:hover i, ul.social li.google:hover a { color: rgb(205, 51, 45); }
ul.social li.facebook:hover i, ul.social li.facebook:hover a { color: rgb(59, 89, 152); }
ul.social li.youtube:hover i, ul.social li.youtube:hover a { color: rgb(205, 51, 45); }
ul.social li.twitter:hover i, ul.social li.twitter:hover a { color: rgb(0, 172, 238); }
.sticky { left: 0px; top: 0px; animation: 0.5s ease 0s 1 normal none running navigationFlipIn; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px -1px; width: 100% !important; position: fixed !important; z-index: 9999 !important; }
.sticky .logo-bottom-shape { visibility: visible !important; opacity: 1 !important; }
.required { color: red; padding: 0px; }
.comment-notes .required { padding-left: 0px; padding-top: 3px; }
header #navbar:last-child .dropdown-menu > li i { position: absolute; float: left; right: 0px; top: 10px; }
header #navbar:last-child .dropdown-menu > li i { position: absolute; float: left; left: 0px; top: 10px; right: inherit; transform: rotate(180deg); }
header #navbar:last-child .dropdown-menu > li .dropdown-menu { left: -250px; top: 0px !important; }
.inside-key-footer a { color: rgb(204, 204, 204); font-size: 11px; padding: 0px; }
.inside-key-footer a + a { border-left: 1px solid rgb(204, 204, 204); padding-left: 5px; margin-left: 3px; font-size: 11px; }
#theo-doi div.wpcf7-mail-sent-ok { color: rgb(255, 255, 255); float: left; border: none; }
#theo-doi #mc-embedded-subscribe:hover { background: rgb(0, 112, 160); transition: all 0.5s ease 0s; }
.clearbutton { width: 25%; float: left; }
#theo-doi #mc-embedded-subscribe { cursor: pointer; border: 0px; background: rgb(212, 10, 16); padding: 10px; color: rgb(255, 255, 255); width: 100%; border-radius: 5px; transition: all 0.5s ease 0s; }
#theo-doi #mc_embed_signup_scroll { width: 75%; float: left; }
#theo-doi .mc-field-group { width: 48%; float: left; margin-right: 2%; }
#theo-doi label { display: block !important; }
#theo-doi #mce-EMAIL, #theo-doi #mce-FNAME { width: 100%; border: 0px; border-radius: 5px; padding: 10px; color: rgb(51, 51, 51); }
.wrap { width: 1080px; margin: auto; }
#theo-doi #mc_embed_signup { width: 75%; margin: auto; }
h2.theo-doi-blog { font-size: 25px; color: rgb(255, 255, 255); margin-bottom: 20px; line-height: 1.5; }
#theo-doi { float: left; width: 100%; background: rgb(140, 201, 74); margin-bottom: 15px; padding: 50px 0px; text-align: center; }
.wysiwyg-content ul span { color: rgb(115, 175, 57); font-weight: bold; line-height: 40px; }
.moreproduct a:hover { color: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0); }
.wysiwyg-content ul a { background-color: rgb(0, 151, 0); color: rgb(255, 255, 255); display: inline-block; font-weight: bold; padding: 3px; }
.wysiwyg-content ul a:hover { background-color: rgb(255, 0, 0); }
ul.social { margin-top: 10px; }
ul.social li i { font-size: 40px; }
ul.social li { line-height: 30px; display: inline-block; }
.footer-items h3 { text-align: center; }
.footer-items h3.background { position: relative; z-index: 1; }
.footer-items h3.background::before { border-top: 2px solid rgb(223, 223, 223); content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 95%; z-index: -1; }
.footer-items h3.background span { background: rgb(255, 255, 255); }
.footer-items h3.double::before { border-top: none; }
.footer-items h3.double::after { border-bottom: 1px solid rgb(140, 201, 74); box-shadow: red 0px 1px 0px 0px; content: ""; margin: 0px auto; position: absolute; top: 45%; left: 0px; right: 0px; width: 95%; z-index: -1; }
.footer-items h3 span { font-family: Chantilly; font-size: 20px; color: rgb(255, 0, 0); line-height: 1; text-shadow: rgb(255, 249, 249) 1px -1px 0px; }
.wysiwyg-content ul li.heightline { line-height: 35px; }
ul.social { margin-top: 20px; }
.uudiem h2.uudiem { text-align: center; font-size: 24px; }
.uudiem .col:hover i { animation: 1s ease 0s 1 normal none running bounce; }
.uudiem .col:hover h3 { animation: 1s ease 0s 1 normal none running flash; }
.icon-ud i { transition: all 0.3s ease 0s; }
.widget_uudiem { float: left; width: 100%; margin-bottom: 10px; overflow: hidden; }
.uudiem .col { float: left; width: 33.3333%; padding: 20px; text-align: center; position: relative; }
.uudiem .col.col1 { background: rgb(140, 201, 74); }
.uudiem .col.col2 { background: rgb(252, 0, 1); }
.uudiem .col.col3 { background: rgb(140, 201, 74); }
.uudiem span.icon-ud { font-size: 50px; color: rgb(255, 255, 255); }
.uudiem h3.title-ud { margin: 10px 0px 0px; padding: 0px; color: rgb(255, 255, 255); font-size: 18px; transition: all 0.3s ease 0s; }
span.rowud { position: absolute; top: 0px; right: 0px; width: 5px; height: 100%; background: rgb(255, 255, 255); z-index: 99; }
#topcontrol { z-index: 9999999;position: fixed; bottom: 105px; left: 5px; opacity: 0;width:40px; height:40px; cursor: pointer; }
.homeproduct { clear: both; background: rgb(255, 255, 255); display: flex; flex-flow: row wrap; flex: 1 1 100%; margin-bottom: 15px; }
.homeproduct li.feature { width: 39.917%; }
.homeproduct li { float: left; position: relative; width: 19.917%; overflow: hidden; border-right: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); }
.homeproduct li.feature a { padding: 0px; }
.homeproduct li a { display: block; overflow: hidden; background: rgb(255, 255, 255); padding: 10px 0px; }
.homeproduct li.feature img { width: 480px; height: 222px; margin: 0px 0px 14px; }
.homeproduct a > img { transition: all 0.2s ease-in-out 0s; }
.homeproduct li img { display: block; width: 180px; height: 180px; margin: 15px auto; }
.homeproduct li h3 { padding: 0px 10px; color: rgb(51, 51, 51); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font: 14px/18px Helvetica, Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif; }
.homeproduct li .price { display: block; overflow: hidden; padding: 5px 10px 10px; }
.homeproduct li.feature .price { float: left; }
.homeproduct li span { display: inline-block; overflow: hidden; font-size: 12px; color: rgb(102, 102, 102); text-decoration: line-through; vertical-align: middle; }
.homeproduct li strong { display: inline-block; vertical-align: middle; overflow: hidden; font-size: 14px; color: rgb(225, 12, 0); line-height: 15px; margin-right: 15px; }
.homeproduct li .badge { width: 40px; height: 40px; position: absolute; top: 5px; right: 5px; background: url("../images/deal-badge@2x.png") 0% 0% / contain; padding: 0px; line-height: 40px; font-weight: 300; font-style: italic; z-index: 1; }
.homeproduct li.feature label { left: auto; right: 10px; top: auto; bottom: 53px; }
.homeproduct li label.installment { background: rgb(242, 137, 2); }
.homeproduct li label { display: inline-block; position: absolute; top: 187px; left: 10px; font-size: 11px; color: rgb(255, 255, 255); font-weight: 600; background: rgb(63, 184, 70); border-radius: 2px; padding: 0px 5px; height: 18px; }
.navigat { display: block; overflow: hidden; background: rgb(255, 255, 255); float: left; width: 100%; }
.navigat > .viewallcat { float: right; }
.navigat h2 { float: left; font-size: 16px; color: rgb(51, 51, 51); font-weight: 600; padding: 14px 10px; text-transform: uppercase; margin: 0px; }
.navigat div { float: right; overflow: hidden; }
.navigat a { display: inline-block; vertical-align: middle; font-size: 14px; color: rgb(40, 138, 214); padding: 14px 15px; }
.homeproduct li .promo { display: block; padding: 0px 10px; margin: 0px; }
.homeproduct li .promo img { display: block; width: 30px; height: 30px; float: left; margin: 0px; }
.homeproduct li .promo p { font-size: 12px; color: rgb(51, 51, 51); line-height: 1.4; width: 165px; float: left; margin-left: 10px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.btn_buynow { display: inline-block; text-align: center; overflow: hidden; padding: 5px 0px; width: 85px; margin: 0px 5px 0px 0px; cursor: pointer; font-size: 10px; color: rgb(128, 196, 28); text-transform: uppercase; border: 1px solid rgb(128, 196, 28); border-radius: 3px; background: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
li.feature .btn_buynow { background: -webkit-linear-gradient(top, rgb(150, 216, 53), rgb(128, 196, 28)); color: rgb(255, 255, 255); }
.buttonbuy { margin-top: 10px; text-align: center; padding: 3px 0px; float: left; width: 100%; }
li.feature .buttonbuy { float: right; width: auto; margin-top: 0px; }
.buttonbuy:hover .btn_buynow { background: -webkit-linear-gradient(top, rgb(150, 216, 53), rgb(128, 196, 28)); color: rgb(255, 255, 255); }
.viewall { display: none; }
[class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] { background-image: url("https://cdn.thegioididong.com/v2015/Content/desktop/images/V4/icondesktop@1x.png?v=001"); background-repeat: no-repeat; display: inline-block; height: 30px; width: 30px; line-height: 30px; vertical-align: middle; }
.filter li .criteria, .filter li .selected { display: inline-block; overflow: hidden; color: rgb(40, 138, 214); padding-left: 10px; cursor: pointer; line-height: 40px; }
.filter li .feature { text-align: left; right: 0px; width: 500px; }
.filter li .feature::before, .filter li .feature::after { left: 90%; }
.filter li .feature .closefilter { top: 5px; right: -5px; }
.filter li .feature i { margin-left: -20px; }
.filter li .feature label { padding-left: 20px; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: rgb(241, 241, 241); }
::-webkit-scrollbar-thumb { background: rgb(128, 196, 28); }
::-webkit-scrollbar-thumb:hover { background: rgb(128, 196, 28); }
.menu_left:hover .menuleft { display: block !important; }
#menu_thanhphan li a { text-transform: uppercase; font-weight: bold; font-size: 12px; }
#menu_thanhphan { display: none; }
img { max-width: 100%; }
ul, ol { margin: 0px; padding: 0px; text-decoration: none; list-style: none; }
body { background-color: rgb(240, 240, 240); }
.section_tab_product .tab-content { clear: left; padding: 0px; border-left: 1px solid rgb(221, 221, 221); border-bottom: none; border-right: none; }
.product-hightlight .product-price .last-price { font-size: 15px; color: rgb(255, 0, 0); }
.flexslider { margin: 0px 0px 10px !important; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: inherit !important; }
.nav-tabs > li > a:hover { border-color: inherit !important; background-color: inherit !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(253, 69, 37); background-color: rgb(255, 255, 255); border-width: initial; border-style: none; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-color: transparent; cursor: default; }
.nav-tabs > li > a { border: none; }
.nav-tabs { border: none; }
form { margin-bottom: 0px; }
.owl-carousel .owl-item img { display: block; width: inherit; padding: 0px; }
.breadcrumb li a:hover span, .breadcrumb li.active, .breadcrumb li strong { color: rgb(248, 107, 71); font-weight: 400; }
.article-date-create .line { border-left: 1px solid rgb(169, 169, 169); border-right: 1px solid rgb(227, 228, 228); margin-left: 10px; margin-right: 10px; }
.panel-group .panel { margin-bottom: 0px; border-radius: 4px; }
a:hover, a:active, a:focus { color: rgb(219, 74, 57); text-decoration: none; }
.top-product-detail .product-price .line { border-left: 1px solid rgb(184, 184, 184); border-right: 1px solid rgb(235, 235, 235); margin: 0px 10px; }
.top-sales-item-price .last-price { font-size: 13px; }
.last-price { display: inline-block; overflow: hidden; font-size: 18px; color: rgb(208, 2, 27); vertical-align: middle; margin-right: 5px; font-weight: bold; }
.sale-price { font-size: 16px; color: rgb(102, 102, 102); font-weight: normal; text-decoration: line-through; display: inline-block; overflow: hidden; vertical-align: middle; margin-right: 5px; }
.sale-price > b { font-size: 14px; display: inline-block; vertical-align: text-bottom; color: rgb(208, 2, 27); margin-left: 5px; text-decoration: none; font-weight: 400; }
.product-description .nav-tabs { border-bottom: 2px solid rgb(221, 221, 221); }
.product-description .nav-tabs > li { margin-bottom: -2px; height: 55px; }
.product-description .nav-tabs > li.active > a, .product-description .nav-tabs > li.active > a:focus, .product-description .nav-tabs > li.active > a:hover { background-color: transparent; border-top: unset; border-right: unset; border-left: unset; border-image: unset; border-bottom: 2px solid rgb(45, 45, 45); color: rgb(45, 45, 45); }
.product-description .nav-tabs > li > a { font-size: 16px; text-transform: uppercase; color: rgb(169, 169, 169); height: 55px; border: unset; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.product-description .tab-content { border-right: 1px solid rgb(225, 225, 225); border-bottom: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-top: unset; background: border-box border-box; }
.details-product .tab-content { opacity: 1; visibility: visible; height: unset; overflow: hidden; }
.product-description .tab-content > .tab-pane { padding: 39px 25px; }
.comment-message .form-control { font-size: 11px !important; }
label[for] { cursor: pointer; }
.filter-item--check-box .fa { margin-right: 5px; width: 14px; margin-left: 1px; }
.owl-prev { position: absolute; top: 41%; left: -5px; padding: 7px 11px !important; color: rgb(149, 149, 149) !important; background-color: rgb(255, 255, 255) !important; border: 1px solid rgb(225, 225, 225) !important; }
.owl-next { position: absolute; top: 41%; right: -3px; padding: 0px !important; color: rgb(149, 149, 149) !important; background-color: rgb(255, 255, 255) !important; border-top: 1px solid rgb(225, 225, 225) !important; border-bottom: 1px solid rgb(225, 225, 225) !important; border-left: 1px solid rgb(225, 225, 225) !important; border-image: initial !important; border-right: none !important; }
.owl-next:hover, .owl-next:focus { color: rgb(255, 255, 255) !important; background-color: rgb(160, 203, 0) !important; border-top: 1px solid rgb(229, 229, 229) !important; border-bottom: 1px solid rgb(229, 229, 229) !important; border-left: 1px solid rgb(229, 229, 229) !important; border-image: initial !important; border-right: none !important; }
.modal-content { position: relative; background-color: rgb(255, 255, 255); border: none; border-radius: 6px; box-shadow: none; background-clip: padding-box; outline: 0px; width: 100%; }
.grid { list-style: none; margin: 0px; padding: 0px; }
.sticky { left: 0px; top: 0px; animation: 0.5s ease 0s 1 normal none running navigationFlipIn; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px -1px; width: 100% !important; position: fixed !important; z-index: 9999 !important; }
form { margin-bottom: 0px; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute;top: 0px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0px 0px 18px 10px; color: rgb(255, 255, 255); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0px; -webkit-appearance: none; display: block; outline: none; padding: 0px; z-index: 1046; box-shadow: none; }
.mfp-close-btn-in .mfp-close { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); margin-top: 1px; margin-right: 1px; }
button.mfp-close { color: rgb(255, 255, 255); margin-right: 1px; background-color: rgb(0, 0, 0) !important; }
#popupCartModal .modal-content { border-radius: 0px; }
#popupCartModal button.close { right: 10px; top: 5px; position: absolute !important; }
#popupCartModal .modal-content .col-sm-6 { padding: 10px 30px 0px; }
#popupCartModal h3 { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
#popupCartModal h3 i { font-style: normal; color: rgb(255, 89, 148); }
#popupCartModal .modal-body { position: relative; padding: 15px 0px; }
#popupCartModal .media .thumb-1x1 { width: 100px; text-align: center; }
#popupCartModal .product-new-price { color: rgb(255, 89, 148); margin-top: 6px; font-size: 16px; font-weight: 400; }
#popupCartModal .modal-content .modal-right { text-align: left; background: rgb(248, 248, 248); padding-bottom: 30px; min-height: 235px; }
#popupCartModal h3 { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
#popupCartModal h3 i { font-style: normal; color: rgb(255, 89, 148); }
#popupCartModal .total_price { font-size: 16px; padding: 10px 0px 5px; margin-bottom: 20px; }
#popupCartModal .modal-dialog, #quick-view-product .modal-dialog { width: 850px; border-radius: 0px; }
#popupCartModal button.close { color: rgb(219, 4, 80); opacity: 1; }
#popupCartModal .block_add_to_cart { position: relative; background: rgb(255, 255, 255); margin: 0px auto; border-radius: 2px; transition: all 0.3s ease-in-out 0s; opacity: 1; transform: scale(1); }
#popup-cart-desktop { background: rgb(255, 255, 255); float: none; margin: 0px auto; position: relative; }
.popup-cart-left { width: 50%; float: left; background-color: rgb(255, 255, 255); padding: 5px; }
.popup-cart-thead { font-size: 20px; color: rgb(160, 203, 0); }
.block_add_to_cart i { margin-right: 10px; }
.popup-cart-product { margin-top: 15px; }
.popup-cart-pro-img { width: 148px; height: 148px; float: left; display: flex; justify-content: center; align-items: center; border: 1px solid rgb(229, 229, 229); }
.popup-cart-pro-img img { max-width: 100%; height: auto; }
.popup-cart-pro-des { margin-left: 170px; display: flex; flex-direction: column; justify-content: center; min-height: 50px; overflow-wrap: break-word; }
.popup-cart-pro-name { position: relative; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; max-height: 7.67em; overflow: hidden; text-overflow: ellipsis; font-size: 14px; margin-top: 0px; margin-bottom: 0px; }
.popup-cart-pro-price { font-size: 16px; }
.popup-cart-right { width: 50%; float: right; background-color: rgb(245, 245, 245); padding: 25px 30px; }
.popup-cart-title { font-size: 20px; font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 5px; }
.popup-cart-num-pro { font-size: 16px; color: rgb(110, 110, 110); }
.popup-cart-right ul { padding-left: 0px; list-style-type: none; margin-bottom: 12px; }
.popup-cart-right ul li { border-bottom: 1px solid rgb(215, 215, 215); line-height: 50px; }
.popup-cart-price { font-family: "Open Sans", sans-serif; font-size: 16px; }
.popup-cart-right ul li:last-child { border-bottom: none; }
.popup-cart-checkout { float: left; background-color: rgb(248, 107, 71); padding: 12px 30px; cursor: pointer; color: rgb(255, 255, 255) !important; }
.pop-cart-continue { color: rgb(248, 107, 71); line-height: 40px; background-color: transparent; cursor: pointer; float: left; margin-right: 10px; }
#popupCartModal button.mfp-close { }
.modal-dialog { margin: 100px auto !important; }
.formg .form-control { height: 40px; margin-bottom: 10px; border: 1px solid rgb(249, 165, 12); width: 100%; line-height: 16px; }
.offer-banner-section .offer-inner .col a.thumb-image { display: block; overflow: hidden; position: relative; margin: 5px auto; padding: 6px; border-radius: 50%; box-sizing: border-box; width: 240px; height: 240px; }
.offer-banner-section .offer-inner .col img { width: 100%; height: 100%; border-radius: 50%; }
.offer-banner-section .offer-inner .col .over { display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; cursor: pointer; transition: all 0.5s ease-in-out 0s; }
.offer-banner-section .offer-inner .col:hover .over { box-shadow: rgba(226, 207, 130, 0.32) 0px 0px 0px 300px inset, rgba(0, 0, 0, 0.1) 0px 1px 2px; }
.offer-banner-section .offer-inner .col .title { margin-top: 20px; text-align: center; }
.offer-banner-section .offer-inner .col .title a { color: rgb(229, 211, 135); font-size: 20px; }
.group_tuvan { background: rgb(254, 177, 0); display: inline-block; border-radius: 8px; padding: 5px 5px 10px; margin-top: 10px; }
.group_tuvan p { float: left; font-size: 13px; font-weight: bold; }
.group_tuvan .red_color { float: left; color: red; }
.group_tuvan .line2 { margin-left: 17px; }
.tuvanbox, .textdt { margin: 10px 0px 0px 10px; float: left; width: 150px !important; border: 1px solid rgb(221, 221, 221) !important; border-radius: 0px !important; height: 30px !important; padding: 0px 0px 0px 5px !important; }
.tuvanbox, .senddt { float: left; margin-top: 10px; height: 30px; width: 35px; color: rgb(255, 255, 255) !important; font-size: 14px !important; border: none !important; padding: 0px 6px !important; background: rgb(255, 52, 20) !important; border-radius: 0px 5px 5px 0px !important; }
.popupdeal .form-control { margin-bottom: 15px; }
.homeproduct.sliderproduct li {
    width: 100%;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}
.title_main_left {
    background-color: #fc0001;
    background-image: url(../images/cat-name.png);
    color: #fff;
    font-size: 17px;
    padding: 11px 0 10px 40px;
    width: 240px;
    float: left;
    height: 40px;
    background-repeat: no-repeat;
    background-position: left center;
}
#topcart {
    background-image: url(../images/icon_giohang.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 15px;
    margin: 0;
    width: 50px;
    margin-right: 20px;
    text-align: center;
    position: absolute;
}
.checkout-card li{
    display: inline-block;
    margin-right: 15px;
}
.checkout-card li i{
    font-size: 28px;
}
.login_mb {
    position: absolute;
    right: 13px;
    top: 16px;
    font-size: 25px;
    border-radius: 50px;
    height: 20px;
    width: 22px;
    border: 1px solid #fff;
}
.boxnews_title>a {
    text-decoration: none;
    clear: both;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 14px;
}
.login_mb .open {
    display: block !important;
}
@-webkit-keyframes navigationFlipIn{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes navigationFlipIn{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.knh-homepage{background:#fff;position:relative;margin-top:10px;}
.listcate{margin-top:25px;}
.listcate>h2{display:inline-block;margin-right:15px;font-size:22px;color:#333;letter-spacing:0;}
.listcate>h2 a{font-size:inherit;color:#333;font-weight:bold;}
.listcate [class^="iconhome-"],.listcate [class*="iconhome-"]{background-image:url(https://cdn.tgdd.vn/dmx2016/Content/images/v4/icon-home-pc.v201912312350.png);background-repeat:no-repeat;display:inline-block;}
.listcate .iconhome-yt{display:inline-block;position:absolute;top:39%;left:0;right:0;margin:auto;background-position:0 -113px;width:52px;height:37px;z-index:5;cursor:pointer;}
.listcate .cate-all{background:#8cc94a;border-radius:2px;padding:3px 10px;font-size:12px;color:#fff;font-weight:bold;position:absolute;right:13px;bottom:30px;}
.listcate .cate-all:after{content:'';width:0;right:0;border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;transform:rotate(-90deg);}
.listcate .cate{padding:10px;}
.listcate .cate img{vertical-align:middle;width:335px;height:421px;object-fit:cover;object-position:left;}
.listcate .cate.cnt{display:inline-block;overflow:hidden;}
.listcate .cate.cnt .fl,.listcate .cate.cnt .fr{flex:1;}
.listcate .cate.cnt .fl{margin-right:20px;height:auto;overflow:hidden;width:54%;float:left;}
.listcate .cate.cnt .fl>a{position:relative;display:block;}
.listcate .cate.cnt .fl>a img{width:100%;height:auto;max-height:360px;}
.listcate .cate.cnt .fl>a>p{display:-webkit-box;cursor:pointer;color:#333;padding:5px 0;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:35px;font-weight:bold;font-size:16px;}
.listcate .cate.cnt .fr{height:auto;width:44%;display:inline-block;}
.listcate .cate.cnt .fr .zone-youtube{position:relative;width:150px;}
.listcate .cate.cnt .fr .zone-youtube img{display:block;opacity:1;width:100%;}
.listcate .cate.cnt .fr .zone-youtube i{top:0;bottom:0;-moz-transform:scale(.6);zoom:.6;}
.listcate .cate.cnt .fr .zone-news{position:relative;width:150px;    border: 1px solid #ccc;}
.listcate .cate.cnt .fr .zone-news img{width:100%;}
.listcate .cate.cnt .fr img{height:66px;}
.listcate .cate.cnt .fr .group3{max-height:375px;}
.listcate .cate.cnt .fr .group3>a{display:inline-flex;padding-bottom:3px;position:relative;overflow:hidden;width:100%;}
.listcate .cate.cnt .fr .group3>a:nth-child(2n){margin-right:0;}
.listcate .cate.cnt .fr .group3>a:not(:last-child){border-bottom:1px solid #ededed;}
.listcate .cate.cnt .fr .group3>a:not(:first-child){padding-top:3px;}
.listcate .cate.cnt .fr .group3>a>P{display:-webkit-box;width:calc(86% - 20px);cursor:pointer;font-size:14px;color:#333;padding:5px 10px;line-height:18px;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:50px;}
@media screen and (max-width:1024px){
    .listcate .cate.cnt .fr .zone-youtube{width:129px;}
    .listcate .cate.cnt .fr img{height:54px;}
    .listcate .cate.cnt .fr .group3>a{margin-bottom:1px;}
    .listcate .cate.cnt .fr .group3>a>p{padding:0 10px 5px;}
}
.icon_fix{right:0px;top:170px;position:fixed;z-index:999;}
.icon_fix li a{display:block;position:relative;z-index:3;background-size:cover;width:50px;height:50px;float:right;margin-top:10px;}
.icon_fix li:hover .aml-tooltiptext {
    visibility: visible;
    opacity: 1;
}
.aml-tooltiptext {
    background-color: rgba(29, 36, 62, 1);
    color: #fff;
}
.aml-tooltiptext {
    visibility: hidden;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    top: calc(50% - 16px);
    z-index: 1;
    opacity: 0;
    transition: opacity .5s;
    right: 120%;
}
.aml-tooltiptext::after {
    content: "";
    position: absolute;
    left: 100%;
    border-color: transparent transparent transparent #1D243E;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
}
.icon_fix li a:hover {
    text-decoration: none !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);
    width: 50px;
    height: 50px;
    background-size: 100%!important;
    border-radius: 50%!important;
}
header .wraphead .logo a{
    position: relative;
}
.logo a:after{
    font-family: arial;
    font-size: 12px;
    color: #fff;
    content: "Since 2009";
    position: absolute;
    bottom: -11px;
    right: -3px;
    font-style: italic;
    text-shadow: none;
}