/* 
Theme Name: diamondgroup 
Description: Dự án được phát triển bởi diamondgroup.vn - Hotline: 0333 079 379 
Theme URI: http://diamondgroup.vn 
Author: diamondgroup.com.vn - Hotline: 0333 079 379 
Author URI: http://diamondgroup.vn 
Version: 2022 
Text Domain: diamondgroup.vn*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;
padding:0;
border:0;}
strong{font-weight:600;}
b{font-weight:bold;}
ul, ol{list-style:none;}
ul.newer,ul.older{list-style:inside none circle;margin-left:5px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse !important;border-spacing:0;width: 100% !important;}
html, body{font-family:sans-serif;position:relative;scroll-behavior: smooth;font-size:15px}
#bg_home {    background-color: #efefef;}
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus{color:#333;text-decoration: none !important;}
a, *{outline:none !important;}
h1{font-size:17px;}
h2{font-size:16px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}
hr{border-top:1px solid #e5e6e7;}
p{line-height:1.6em;}
input, select, textarea{border:1px solid #cbcbcb;}
.post-content table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
img {max-width:100%;height:auto}
.title_home {position: fixed;left: -50%;font-size: 1px;}
.padding-left {padding-left:0;}
.padding-right {padding-right:0}
.nopadding{padding-left:0;
padding-right:0}
.display-apad {display:none}
.margin-top {margin-top:20px}
.wrap{clear:both;}
table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
.btn-success {background-color: #525252;border-color: #525252;color: #fff;}
.btn-success:hover {background-color: #525252;border-color: #525252;color: #fff;}

@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}}
/*Head*/
.box_headtop{background-color:#525252}
.box_menutop{text-align:right}
.tieudethuonghieu{text-transform:uppercase;color:#fff}
.tieudethuonghieu i{font-size:1.5em;font-weight:600}
.box_hotline1{color:#fff;margin-top:.5em;display:inline-block;margin-right:2em}
.box_hotline2{color:#fff;margin-top:.5em;display:inline-block}
.box_hotline1 span,.box_hotline2 span{font-weight:600}
.box_hotline1:hover,.box_hotline2:hover{color:#fff}
.menu_top li{display:inline-block;border-right:1px solid #399669}
.menu_top li a{color:#fff;display:block;padding:.6em 1em;text-align:center;border-right:1px solid #00683A}
#ja-header{    background-color: #fff;
    -webkit-box-shadow: 0 6px 5px 0 #e3e3e3;
    -moz-box-shadow: 0 6px 5px 0 rgba(203,203,203,0.53);
    box-shadow: 0 6px 5px 0 #e3e3e3;
    padding: .8em 0;}
#ja-header .row{align-items:center}
#ja-header.navfixed{position:sticky;top:0;z-index:8;width:100%}
.bg_jaheader{background:#1e1e1e}
#ja-header .main{position:relative}
.sl_gh{position:relative;color:#525252;padding:.5em 1em;display:block}
.sl_gh:hover{color:#525252}
.icon_soluong{font-size:2em;width:30px;height:30px;z-index:0;background:url(images/icon.png) top left no-repeat;background-size:90%;background-position:0 25%;display:block;float:right}
.soluong{width:1.5em;height:1.5rem;background:#000;display:inline-block;color:#fff;border-radius:50%;text-align:center;position:absolute;top:0;right:0}
.ja-search{float:left;position:relative}
.ja-search form input[type="text"]{width:100%;height:38px;font-size:14px;padding:0 1em;border-radius:0;box-sizing:border-box;border-radius:20px}
.ja-search form input::placeholder{color:#666}
.ja-search form input::-webkit-input-placeholder{color:#666}
.ja-search form input::-moz-placeholder{color:#666}
.ja-search form input::-ms-input-placeholder{color:#666}
.ja-search form input:focus{color:#666}
.ja-search form button{height:38px;width:50px;display:inline-block;position:absolute;top:0;right:0;border:none;background:none}
#search_submit i{font-size:1.3rem;color:#000}
#load-data{position:absolute;width:100%;background:#fdfdfd;margin-top:0;text-align:left;border-radius:0;z-index:898;padding:0}
#load-data ul li{display:inline-block;border-bottom:1px solid #dfdfdf;padding:0;width:100%}
#load-data ul li:hover{background:#d8d8d82b}
#load-data ul li a{color:#333;padding:5px 10px;display:block}
.img_proseach{width:45px;height:auto;float:left;margin:0 10px 0 0}
#load-data ul li h3{font-size:12px;font-weight:600;line-height:15px}
#load-data > ul > li > a > span{font-size:12px;width:auto;height:18px}
.boxmenu_main{position:relative}
.menu_main{float:left;margin-top:1.6em}
.menu_main>li{display:inline-block;float:left;padding:0 1.5em 10px}
.menu_main>li>a{display:block;font-size:1em;text-align:center;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.menu_main > li> a:hover,.menu_main> li> a:focus,.menu_main >li> a:active,.menu_main >li:hover>a,.menu_main >li.current-menu-item >a{color:#F00000}
.box_menu_main{display:inline-block;float:left;margin-left:3em}
/*Menu cấp 1*/ 
.menu_main >li > .sub-menu{position:absolute;visibility:hidden;opacity:0;z-index:2;top:3.8em;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;left:15px;right:15px;background:rgba(255,255,255,1)}
.menu_main >li:hover > .sub-menu{visibility:visible;opacity:1}
.menu_main >li > .sub-menu > li{width:33.3%;float:left}
.menu_main > li > .sub-menu > li > a{display:block;padding:10px 5px 10px 10px;font-size:13.5px}
.menu_main >li > .sub-menu li a:hover{color:#525252}
.menu_main > li> .sub-menu >li > .sub-menu > li > a{font-weight:300;padding:.2em 0;display:block;color:#666}
.menu_main > li> .sub-menu >li > .sub-menu > li > a:hover{color:#525252}
/*Menu cấp 1 dọc*/
.menu_main >.menudoc > .sub-menu{width:270px;position:absolute;visibility:hidden;opacity:0;z-index:10;top:3.8em;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;left:15px;border:1px solid #CCC;background-color:#F9F9F9;min-height:372px}
.menu_main >.menudoc:hover > .sub-menu{visibility:visible;opacity:1}
.menu_main >.menudoc > .sub-menu > li{display:block;width:100%}
.menu_main >.menudoc > .sub-menu > li.current-menu-item > a{background-color:#fff}
.menu_main >.menudoc > .sub-menu > li > a{border-bottom:1px solid #ECECEC;display:block;position:relative;background-color:#F9F9F9;font-size:15px;padding:10px 5px 10px 10px}
.menu_main >.menudoc > .sub-menu > li > a:hover{background-color:#fff}
.menu_main >.menudoc > .sub-menu > li > a:after{content:"";border:1px solid #6F6F6F;border-width:0 2px 2px 0;display:inline-block;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;top:17px;right:13px}
.menu_main >.menudoc > .sub-menu > li > .sub-menu{visibility:hidden;opacity:0;width:900px;min-height:370px;position:absolute;z-index:2;top:0;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;left:100%;background:#fff;border:1px solid #CCC;border-left:none}
.menu_main >.menudoc > .sub-menu > li:hover > .sub-menu{visibility:visible;opacity:1}
.menu_main >.menudoc > .sub-menu > li > .sub-menu >li{width:33.3%;float:left;display:block}
.menu_main >.menudoc > .sub-menu > li > .sub-menu >li > a{padding:10px 5px 0 10px;font-size:14px}
/*Dọc cấp 3*/
.menu_main >.menudoc > .sub-menu > li > .sub-menu > li.menu-item-has-children > a{text-transform:uppercase}
.menu_main >.menudoc > .sub-menu > li > .sub-menu > li >.sub-menu > li > a{padding: 10px 5px 0px 10px;
font-size: 14px;
font-weight: 300; 
display: block;
color: #666666;}
/**/
.bread{font-size:1rem;padding:1em 0}
.anshowroom{display:none}
.box_showroom{margin-top:2em;margin-bottom:2em}
.img_showroom{width:100%;margin-bottom:1.5em}
.img_showroom:hover{opacity:.7}
.icon_poup{position:relative;display:block}
.icon_poup:before{position:absolute;content:"";width:3em;height:3em;text-align:center;line-height:3em;float:left;background:#fff url(images/next.png) top left no-repeat;background-size:40%;background-position:50%;bottom:.1em;right:.1em;z-index:1}
.woocommerce-Price-currencySymbol{vertical-align:super;font-size:.8em}
.cart-widget{position:absolute;top:50px;right:0;background-color:#fff;z-index:99;width:260px;padding:5px;border:1px solid #ddd;box-shadow:0 1px 5px rgba(0,0,0,.15)}
.cart-widget h2{text-align:center;margin:0;font-size:16px;text-transform:uppercase;color:#f50303}
.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a{font-weight:500;font-size:13px}
ul.product_list_widget li{list-style:none;padding:10px 0 5px 75px;position:relative;overflow:hidden;vertical-align:top;line-height:1.33}
ul.product_list_widget li+li{border-top:1px solid #ececec}
ul.product_list_widget li img{top:10px;position:absolute;left:0;width:60px;height:60px;margin-bottom:5px;object-fit:cover;object-position:50% 50%}
.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{list-style:none;padding:10px 20px 5px 45px;position:relative;overflow:hidden;vertical-align:top;line-height:1.33}
.woocommerce ul.product_list_widget li >.quantity{border:none}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{opacity:.8}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{color:#fff!important}
.woocommerce .star-rating{color:#ffe210}
.woocommerce p.stars a{color:#ffe210}
.woocommerce-mini-cart-item > a.remove{display:block;width:20px;height:20px;font-size:15px!important;line-height:20px!important;border-radius:100%;color:#ccc!important;font-weight:700;text-align:center;border:1px solid currentColor;position:absolute;right:0;z-index:9}
.woocommerce-mini-cart__total.total{text-align:center;padding:10px 0;border-top:1px solid #ececec;border-bottom:2px solid #ececec;margin-bottom:.5em}
.woocommerce-mini-cart__buttons > .wc-forward{font-size:12px!important;color:#fff!important;display:block!important;background-color:#1e1e1e!important;border-radius:0!important;text-align:center;padding:10px 0!important}
.woocommerce-mini-cart__buttons > .checkout{background-color:#525252!important;margin:.5em 0 0!important}
.woocommerce-mini-cart__total > strong{font-weight:400}
.woocommerce-mini-cart__total > .woocommerce-Price-amount{color:#525252;font-weight:600}
.woocommerce-ordering > .orderby{padding:.25em .5em;background-color:#fff;border:1px solid #aaa;width:100%}
.color-head .woocommerce-breadcrumb,.color-head a{color:#fff!important;font-size:15px}
.tragop{position:absolute;left:.5em;top:.5em;background:#ffdc00;font-size:.8em;padding:.3em .5em;color:#000;z-index:1}
.onsale{background:#000!important;font-weight:700!important;margin:0!important;font-size:.8em!important;padding:.1rem .3rem!important;position:absolute!important;width:37px;height:25px;color:#fff!important;text-align:center!important;left:10px;top:10px!important;line-height:37px!important;-moz-user-select:none;cursor:default;z-index:2!important;border-radius:0!important;min-width:unset!important;min-height:unset!important;left:auto!important}
.onsale:before{content:"HOT";font-size:.7em;display:block;position:absolute;top:-10px;left:0;width:100%;text-align:center;font-weight:400}
.onsale:after{top:100%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-style:solid;border-width:10px 18px 0;border-color:#000 transparent transparent;left:0}
.padding-product{margin-bottom:30px}
.list-item-product{text-align:center;padding:10px 0 20px}
.price > del{text-decoration:none}
.price > del > span{text-decoration:line-through;color:#444}
.price{font-weight:700;font-size:1.5rem;color:red;display:flex}
.price > ins{text-decoration:none}
.list-item-product > .post-title{font-size:13px;color:#24273e;display:block;padding:9px 0 0;font-weight:600;height:50px;overflow:hidden;line-height:20px;margin:10px 0}
.box_homesp{margin-bottom:2em}
.box_titlehomesp{position:relative;display:block;margin-bottom:.5em}
.box_titlehomesp:before{content:"";z-index:1;position:absolute;height:.01em;width:100%;background:#99999959;bottom:15px;left:0}
.box_titlehomesp h2{text-transform:uppercase;font-size:1.5em;background:#fff;position:relative;display:table;z-index:2;padding-right:2em;padding-left:.5em}
.title_homeproduct h3{margin-top:1em;text-align:center;font-size:15px;overflow:hidden;text-overflow:ellipsis;line-height:23px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;height:45px}
.gia_homeproduct{color:red;display:flex;font-weight:600; margin-top:.2em;    justify-content: center;}
.gia_homeproduct > del{margin-right:.8em;color:#9f9f9f}
.gia_homeproduct > ins{text-decoration:none;font-weight:600}
.btl_xemtcduan{display:table;margin:0 auto}
.btl_xemtcduan a{position:relative;padding:10px;font-size:15px;text-transform:uppercase;color:#939393;clear:both;display:table;margin:2em auto}
.btl_xemtcduan a:before{background:#e1e1e1;content:"";top:0;left:0;position:absolute;width:75px;height:100%;transition:width .5s cubic-bezier(.77,0,.175,1);z-index:-1}
.btl_xemtcduan:hover a:before{width:100%}
.btl_xemtcduan a:hover{color:#fff}
.box_imghomesanpham{position:relative;text-align:center}
.box_mua{position:absolute;bottom:.1em;right:.1em;z-index:1}
.xem_sp{width:2em;height:2em;text-align:center;line-height:2em;float:left;background:#ececec url(images/eye.png) top left no-repeat;background-size:60%;background-position:50%}
.xem_sp span{height:2em;display:block}
.btl_muasp{width:2em;height:2em;text-align:center;line-height:2em;float:left;background:#ececec url(images/cart.png) top left no-repeat;background-size:60%;background-position:50%;margin-left:.1em}
.btl_muasp:hover,.xem_sp:hover{opacity:.7}
.box_productmain{margin-bottom:2rem;padding:0 0.5rem}
.box_product{padding:0 5px;height:100%}
.spacer-product{position:relative;display:block;margin:0;color:#666;background:#fff;border-radius:3px;text-decoration:none;transition:transform .35s;overflow:hidden;border:1px solid rgba(0,0,0,.1);padding-bottom:15px}
.sanpham-img{margin:0 auto;display:block;position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease}
.sanpham-img:hover img{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}
@-webkit-keyframes flash {
0%{opacity:.4}
100%{opacity:1}
}
@keyframes flash {
0%{opacity:.4}
100%{opacity:1}
}
.sanpham-img img{width:100%}
.title_product{display:block}
.title_product h3{text-align:center;color:#555;padding:0;font-weight:400;position:relative;line-height:1.3em;margin:10px 0 7px;display:block;font-weight:600}
.content_homesp{font-size:1.5em;text-align:justify}
.product-price{text-align:center;font-weight:600;font-size:1em}
.product-price del{color:#666}
.product-price del span{font-weight:400}
.product-price ins{margin-left:20px;text-decoration:none}
.lb_gia{color:#666}
.nhatv{color:red;text-align:center}
.box_spchild > .added_to_cart{display:none!important}
.box_spmain{margin-bottom:1.2em}
.box_spchild{height:100%;position:relative;display:block;margin:0;padding:10px;color:#666;background:#fff;border-radius:3px;text-decoration:none;transition:transform .35s;overflow:hidden;border:1px solid rgba(0,0,0,.1)}
.footer{background-color:#fff;border-top:1px solid #CACACA;padding:1em 0 0;margin-top:1em}
.dcmuahang{border:none;background:transparent;padding:0;width:100%}


/* ======= slider ======*/
.box_slidemain {overflow:hidden;margin-top:20px}
.slider_top {    padding: 10px 0; clear:both}
.slide-caption {    font-size: 1em; }
.slide-caption1 {    font-size: 11px;  } 
/*Home tin tức*/  
.box_hometituc {background-color:#fff;} 
.box_titlehometintuc {
width: 144px;
float: left;
padding: 10px 20px 10px 10px;
background: #FF571C;
line-height: 1.3em;
font-size: 15px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
text-align: center;
position: relative;
margin: 0;
}
.box_titlehometintuc:hover{color:#fff}
.box_titlehometintuc:after {
content: '';
width: 0;
height: 0;
border-right: 12px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}

.hometintuc li { display:block;float:left;width:100%} 
.hometintuc li:not(:first-child) > a { border-top: 1px solid #efefef;}
.hometintuc li a {display:block;padding:8px 10px} 
.hometintuc li a > img {
width: 100px;
height: 57px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
float: left;
margin-right: 10px;
}
.hometintuc li a > h3{ font-size: 15px;
color: #333;
line-height: 1.3em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 37px;
display: -webkit-box;
-webkit-box-orient: vertical;}
.ngaydang {font-size: 12px;color: #8C8C8C;display: block;margin-top: 7px;}


div.ring {  
position: absolute;
border-radius: 55px;
padding: 20px;
transform: scale(.25);
-ms-transform: scale(.25);
-webkit-transform: scale(.25);
-o-transform: scale(.25);
-moz-transform: scale(.25);
-webkit-transform-origin: center;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: center;
}
.ping {
top: -0.3em;
right: 1em;
border: solid #FF571C 3px;
-moz-animation-duration: 2s;
-webkit-animation-duration: 2s;
-moz-animation-name: ping;
-webkit-animation-name: ping;
}

@-webkit-keyframes ping {
from {
transform: scale(.25);
-ms-transform: scale(.25);
/* IE 9 */
-webkit-transform: scale(.25);
/* Safari and Chrome */
-o-transform: scale(.25);
/* Opera */
-moz-transform: scale(.25);
/* Firefox */
opacity: 1;
}
to {
transform: scale(1);
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari and Chrome */
-o-transform: scale(1);
/* Opera */
-moz-transform: scale(1);
/* Firefox */
opacity: 0;
}
}
.ringring {
right: 2em;
top: 0.8em;
width: 15px;
height: 15px;
position: absolute;
text-decoration: none; 
border-radius: 55px;
border: dotted 3px;
-moz-animation-duration: .6s;
-webkit-animation-duration: .6s;
-moz-animation-name: breathe;
-webkit-animation-name: breathe;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-direction: alternate;
-moz-animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-delay: 0s;
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
}
@-webkit-keyframes breathe {
from {
border-color:#ff571c52;
background-color:#ff571c52;
}
to {
border-color:#FF571C;
background-color:#FF571C;
}
}

/*Tại sao chọn*/
.box_maintaisaochon {margin-top:1.2em} 
.box_taisaochon {background-color: #fff; padding: 0.8em 0.5em 0.8em 0;}
.box_maintaisaochon > div > section:not(:first-child) {
padding-left: 0;
} 
.icon_taisaochon {width: 65px; 
float: left;
text-align: center;}
.icon_taisaochon  img{	 
height: 37px;
display: inline-block; }
.box_taisaochon a {
display: block;
font-size: 13px;
text-transform: uppercase; 
line-height: 18px; }
/*Home sản phẩm bán chạy*/
.box_spbanchay {margin-top:2em; margin-bottom:2em}  
.content_homespbanchay {font-size: 1.5em; text-align: justify;}
.gia_homespbanchay {    background: #4d4d4d;
padding: 0.75em 1em;
float: right;
color: #facd1c;
font-size: 1.2em;
font-weight: 600;}
.gia_homespbanchay del{color:#fff;    margin-right: 1em;}
.gia_homespbanchay ins{text-decoration:none}

.boxcontent_homespbanchay,.img_sanphambanchay	{position:relative}
.tbl_muasanphambanchay { background: #fff;
text-transform: uppercase;
font-size: 1.5em;
padding: 0.5em 1em; 
color: #444;
float: left;}
.tbl_muasanphambanchay:hover {background:#facd1c; 
color: #fff;}

.box_giaaddcart	{ bottom: 20%; 
z-index: 2; 
width: 75%;  
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;}
/*Home sản phẩm*/  
.navbar-header {padding: 0.3em 0;}
.tab-content>.active {opacity:1} 
.box_hometitlespbanchay h2{      position: relative;
color: #1a3150;
text-transform: uppercase; margin: 1em 0.5em;
font-weight: 600;font-size: 1em;}
.title_firt_pro h2{      position: relative;
color: #1a3150;
text-transform: uppercase; 
padding-left: 5px;
font-weight: 600;font-size: 1em;}
.title_firt_pro h1{      position: relative;
color: #1a3150;
text-transform: uppercase; 
padding-left: 5px;
font-weight: 600;font-size: 1em;}
.shop_tabnav { position: relative; margin: 10px 0;  
min-height: 35px;}	
.box_shop { margin: 2em 0 0;position:relative; overflow:hidden;padding-bottom:1em}
.shop-tab li a {
display: inline-block;
padding: 5px 15px; 
color: #000; 
float: left;
font-size: 13px;
font-weight: 600;
}
.shop-tab {float:right;    display: inline-block !important;border-bottom: 0;}
.shop-tab li { display: inline-block;}
.shop-tab a.active  {    background-color: transparent!important; color:#FF5722 !important ;}

.view-all {float: right; line-height: 20px;}
.title-link span.xemthem::after {
border-color: transparent #FF5722;
border-style: solid;
border-width: 4px 0 4px 5px;
content: "";
position: absolute;
right: 0;
top: 38%;
}	
.view-all a.title-link {
color: #000;
padding: 5px 8px;
float: left;
font-size: 13px;
font-weight: 600;
}
.title-link span.xemthem {
padding: 3px 8px 3px 0;
position: relative; color:#FF5722
}


/* Flashing */
.sanpham-img:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
.title_product {display:block}
.content_homesp {font-size: 1.5em;
text-align: justify;}
.product-price {     text-align: center;
font-weight: 600;
color: #d40500;
font-size: 1em;
width: 50%;
float: left; }
.product-price del{    color: #666;   }
.product-price del span{ font-weight: 400;}
.product-price ins{  margin-left: 20px;   text-decoration: none; }
.lb_gia {color: #666;}
.btl_chonmua {     font-size: 0.8rem;
color: #fff;
padding: 0.6rem 0.7rem;
border-radius: 2rem;
background: #ef1000;
margin: 0.2rem auto 0px;
text-transform: uppercase;} 
.btl_chonmua:hover {color: #fff;background:#ef1000} 
.nhatv {    color:red; text-align:center} 
.box_spchild > .added_to_cart{display:none !important}
.btl_chonmua i {    width: 20px;
height: 20px;
background: #fff;
color: #ef1000;
line-height: 20px;
text-align: center;
border-radius: 50%;}
/*Footer*/
.footer h4{font-size:13.5px;font-weight:600;color:#333;text-transform:uppercase;position:relative;margin:0;padding-top:1em;text-align:left}
.footer h4 i{color:#525252}
.footer p{ color:#333;position:relative;margin-top:0.6rem} 
.thongtinlienhe{margin-bottom:2rem}
.menu_footer li a{display:block;padding:3px 0;color:#797a7d; }
.menu_footer li a:hover{color:#333}
.menu_footer>li>a:before{content:"\f0da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);margin-right:5px;color:#797a7d}
.menu_footer li a:hover,.menu_footer li a:focus,.menu_footer li a:active{color:#333}
.back-to-top{background:#525252;position:fixed;bottom:10%;right:1%;width:2.5em;height:2.5em;border-radius:5px}
.back-to-top i{display:block;font-size:18px;color:#fff;text-align:center;line-height:2.1em}
.boxinput_mailkm{position:relative;width:100%;margin-top:1em}
.boxinput_mailkm span input{height:2.86em}
.btn_dkkm{position:absolute;right:0;top:0;padding:.7em 1em;border-top-right-radius:.2em;border-bottom-right-radius:.2em}
.form_dktuvanen{margin-top:2em;margin-bottom:1em}
.social_list{margin:0 auto;display:table}
.social_list li{float:left}
.social_list li a{display:block;width:35px;height:35px;margin-right:1.5em;text-align:center;border-radius:50%}
.social_list li a:hover{opacity:.8}
.icon_facebook{background:#006fc7}
.icon_youtube{background:#f40808}
.icon_instagram{background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433',endColorstr='#bc1888',GradientType=1)}
.social_list li a i{color:#fff;font-size:1.2em;line-height:35px}
.copyright{padding:10px;text-align:center;border-top:1px solid #CACACA;margin-top:2em;background-color:#f6f6f6}
.copyright a{color:#333;font-weight:600}
.bd-sidebar{margin-bottom:2em;border:1px solid #ddd;padding:10px}
.box_sidebar{padding-bottom:30px;position:relative;background:#fff;overflow:hidden}
.box_sidebar img{width:100%;height:auto}
.title_sidebar{position:relative;text-transform:uppercase;border-bottom:1px solid #ebebeb;display:inline-block;width:100%;font-size:13px;color:#fff;background:#525252 url(images/bg_category.png) no-repeat 10px 50%;padding:.9em 0 .9em 3em;font-weight:600}
.title_sidebar:before{content:"";position:absolute;right:0;top:0;background:url(images/shadow-heading.png) top right no-repeat;z-index:11;height:38px;width:80px}
.title_sidebar a{color:#fff}
.list-post{margin-bottom:20px}
.title_ct{font-size:13px;padding-left:0}
.title_spsidebar h3{font-size:13px;line-height:1.5rem;display:block;font-weight:600}
.pad-top-bottom{padding:.5em 0 1em;border-bottom:1px solid #ededed}
.box-prosidebar{border:1px solid #ededed;border-bottom:none}
.product-img{position:relative;overflow:hidden;display:block}
.product-img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.product-img img{width:100%;height:100%;object-fit:scale-down;display:block;margin:auto;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transition:all all .2s ease-in-out ease;-moz-transition:all all .2s ease-in-out ease;-ms-transition:all all .2s ease-in-out ease;-o-transition:all all .2s ease-in-out ease;transition:all all .2s ease-in-out ease}
.box_hotro p{text-align:center;padding-top:10px}
.box_sidebartinlienquan{border-bottom:1px solid #ddd}
.box_tinlienquan{padding-bottom:10px;padding-top:10px;border-left:1px solid #ddd;border-right:1px solid #ddd}
.fb_iframe_widget span{overflow:hidden}
/*Hỗ trợ*/
.rollOut{animation-name:rollOut}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes pulse {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(255,255,255,.2)}
70%{-webkit-box-shadow:0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 60px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@-webkit-keyframes arcontactus-pulse {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
50%{opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.support-online{position:fixed;z-index:99;left:30px;bottom:30px}
.support-online a.hotro_phone{background-color:#4EB625}
.support-online a.hotro_facebook{background-color:#0084ff}
.support-online a.hotro_zalo{background-color:#18b6fd}
.support-online a > svg{margin-top:.9em}
.support-online a{position:relative;text-align:center;width:45px;display:block;height:45px;border-radius:100%;display:block;margin-bottom:1em}
.support-online a .box_iconsvg{background-color:#ff6d34;position:relative;text-align:center;width:45px;height:45px;border-radius:100%}
.support-online a .box_iconsvg >svg{margin-top:.8em;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
@-webkit-keyframes quick-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
.animated.infinite{animation-iteration-count:infinite}
.animated.infinite{animation-iteration-count:infinite}
.pulse{animation-name:pulse}
.animated{animation-duration:1s;animation-fill-mode:both}
.zoomIn{animation-name:zoomIn}
.alo-circle-fill{width:65px;height:65px;top:-10px;left:-10px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .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:#ff6d34a1;opacity:.75}
.alo-circle{width:60px;height:60px;top:-7px;left:-7px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);border-color:#ff6d34;opacity:.5}
.support-online a span{border-radius:2px;text-align:center;background:#ff6d34;padding:6px 5px 6px 0;display:none;width:130px;margin-left:20px;position:absolute;color:#fff;z-index:999;top:.3em;left:43px;transition:all .2s ease-in-out 0;-moz-animation:headerAnimation .7s 1;-webkit-animation:headerAnimation .7s 1;-o-animation:headerAnimation .7s 1;animation:headerAnimation .7s 1;border-top-right-radius:2rem;border-bottom-right-radius:2rem}
.support-online .btn-support{cursor:pointer}
.support-online a:hover span{display:block}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:18px 18px 18px 0;border-color:transparent #ff6d34 transparent transparent;position:absolute;left:-18px;top:0}
/**/
::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{ color:#999;}
/**/
::-webkit-scrollbar{width:20px;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;}
::-webkit-scrollbar-thumb{background:#9E9E9E;border-radius:10px;}