/* 
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: #446084;border-color: #446084;color: #fff;}
.btn-success:hover {background-color: #446084;border-color: #446084;color: #fff;}

@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}}
/*Head*/
.box_headtop {background-color: #446084; padding: 0.3rem 0;}
.box_headtop .row{ align-items: center;}
.box_menutop {text-align:right}
.tieudethuonghieu {text-transform: uppercase; color: #fff;}
.tieudethuonghieu i{font-size:1.5em;font-weight: 600;}

.box_hotline1 {    color: #fff; 
display: inline-block;
margin-right: 2em;}
.box_hotline2 {    color: #fff; 
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: 0.6em 1em; 
text-align: center; 
border-right: 1px solid #00683A; }
#ja-header{    background-color: #fff;
-webkit-box-shadow: 0px 6px 5px 0px rgb(203 203 203 / 53%);
-moz-box-shadow: 0px 6px 5px 0px rgba(203,203,203,0.53);
box-shadow: 0px 6px 5px 0px rgb(203 203 203 / 53%);
padding: 0.5em 0;
}
#ja-header.navfixed{ 
position: sticky;
top: 0;
left: 0;
z-index: 3;
transition: all .5s;  
}
.bg_jaheader {background: #1e1e1e;}
#ja-header .main{position:relative;}
.giohang{padding-top:0.3em;} 
.sl_gh {position: relative;
color: #446084;
padding: 0.5em 1em;
display: block;
}
.sl_gh:hover {color: #446084;}
.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: #FF571C;
display: inline-block;
color: #fff;
border-radius: 50%;
text-align: center; 
position: absolute;
top: 0;
right: 0;
}
.giohang_mobile { position: absolute;right: 2%;}
.ja-search {float:left;
position: relative; 
}
.ja-search form input[type="text"]{width: 100%;
height: 38px;
font-size: 14px;
padding: 0 1em;
border-radius: 0px;
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: #F15A22;}
#load-data{position: absolute;
width: 100%;
background: #fdfdfd;
margin-top: 0px;
text-align: left;
border-radius: 0px;
z-index: 898;
padding: 0px ;
}
#load-data ul li {display: inline-block;
border-bottom: 1px solid #dfdfdf;
padding:0px;
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}
.boxmenu_main .row{align-items:center}
.menu_main{ float: left; }
.menu_main>li{display:inline-block;float:left;}
 
.menu_main>li>a{display: block; padding: 0 0.5rem;
font-size:1rem; 
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_logo {max-width:150px;float: left;}
.img_logo a{padding-top: 0 !important;}
.box_search { float: right; }

.box_menu_main {display: inline-block;float: left;}
/*Menu cấp 1*/ 
.menu_main >li > .sub-menu{ position: absolute; 
visibility: hidden;
opacity: 0;
z-index: 2;
top:100%;
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:#446084;}
.menu_main > li> .sub-menu >li > .sub-menu > li > a {font-weight: 300;
padding: 0.2em 0;
display: block;
color:#666666 }
.menu_main > li> .sub-menu >li > .sub-menu > li > a:hover {color:#446084}

/*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 #CCCCCC;
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 #CCCCCC;
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 0px 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;}
/**/

/* ======= 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;height:100%} 
.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%;margin:0.5rem} 
.hometintuc li:not(:first-child) > a { border-top: 1px solid #efefef;}
.hometintuc li a {display:block; } 
.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;
    display: flex;}
.box_maintaisaochon > div > section:not(:first-child) {
padding-left: 0;
} 
.icon_taisaochon {width: 65px; float: left;  margin-left:0.5rem;   margin-right: 1rem;
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_homesanpham{position:relative;overflow:hidden}
.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 san pham*/   
.box_hometitlesanpham{display: flex;border-bottom: 2px solid #ececec;align-items: center; margin-bottom: 1.5rem;justify-content: space-between;}
.box_hometitlesanpham h2{    position: relative;
color: #1a3150;
text-transform: uppercase;
font-weight: 600;
font-size: 1em;
padding: 1rem;
padding-bottom: 7.5px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
margin-bottom: -2px;}
.box_hometitlesanpham span{margin-right: 1rem;color: red;}
.box_shop { margin: 2em 0 0; background-color: #fff; position:relative; overflow:hidden;padding-bottom:1em} 
/* 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%;}
/**/
.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:0.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: 0.1em;
right: 0.1em;
z-index:1}
.woocommerce-Price-currencySymbol {vertical-align: super;
font-size: 0.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: 0px 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:0.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 0px !important;
}
.woocommerce-mini-cart__buttons > .checkout{background-color: #446084 !important;
margin: .5em 0 0 !important;
}
.woocommerce-mini-cart__total > strong {font-weight: 400;
}
.woocommerce-mini-cart__total > .woocommerce-Price-amount{color: #446084;
font-weight: 600;
}
.woocommerce-ordering > .orderby {padding: 0.25em 0.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: 0.8em;
padding: .3em .5em;
color: #000;
z-index: 1;
}
.onsale {background: #F28902!important;
font-weight: 700 !important;
margin: 0!important;
font-size: 0.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: 0.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 18px;
border-color: #F28902 transparent transparent transparent;
left: 0;
}
.padding-product {margin-bottom:30px}
.list-item-product {text-align: center;
padding: 10px 0px 20px;
}
.price > del > span {text-decoration: line-through;
color: #444;
font-size: 13px;
margin-right: 10px;
}
.price {display: inline-block;
font-weight: bold;
font-family: Arial;
height: 34px;
text-align: left;
width: 100%;
font-size: 1.3rem;
margin-bottom:1em;
color: red;
}
.price > ins {text-decoration: none;
}
.list-item-product > .post-title {font-size: 13px;
color: #24273e;
display: block;
padding: 9px 0px 0px;
font-weight: 600;
height: 50px;
overflow: hidden;
line-height: 20px;
margin:10px 0px }
.box_homesp {margin-bottom:2em}
.box_titlehomesp {position:relative;
display: block;
margin-bottom: 0.5em;
}
.box_titlehomesp:before {content: "";
z-index: 1;
position: absolute;
height: 0.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: 0.5em;
}
.title_homeproduct h3 {   margin-top: 1em; 
font-size: 15px;font-weight:600;
overflow: hidden;
text-overflow: ellipsis;
line-height: 23px;
-webkit-line-clamp: 2; 
display: -webkit-box;
-webkit-box-orient: vertical;height: 45px;
}
.gia_homeproduct {color:#D0021B;
font-weight: 600;
text-align: center;
font-size: .9em;margin-top:0.2em
}
.gia_homeproduct > del {margin-right: 0.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: 0.1em;
right: 0.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:0.1em}
.btl_muasp:hover,.xem_sp:hover{opacity:0.7}
.box_product {padding: 0 5px;
margin-bottom: 10px;
}
.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: 0px;
font-weight: normal;
position: relative;
line-height: 1.3em;
margin: 10px 0px 7px 0px;
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%;}

/*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:#446084}
.thongtinlienhe img{max-width:100%;
height:auto;
} 
.footer p {   
color: #333;
position: relative;
display: inline-block; margin-top: 5px;
} 
.footer p i{ font-size: 0.39em;
padding-bottom: 0.5em;
vertical-align: middle;
}
.menu_footer li a {display: block;
padding: 3px 0px;
color: #797a7d;  
}
.menu_footer li a:hover {color: #333;}
.menu_footer>li>a:before { 
    content: "\ea69";
    font-size: 0.9rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    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: #446084;
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: 0px;
top: 0px;
padding: 0.55em 1em;
border-top-right-radius: 0.2em;
border-bottom-right-radius: 0.2em;  
} 
.form_dktuvanen {margin-top:2em;margin-bottom:1em}
.social_list {margin:2rem auto 0;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:0.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: #446084 url(images/bg_category.png) no-repeat 10px 50%;
padding: 0.8em 0 0.8em 3em;
font-weight: 600;
}
.title_sidebar:before {content: "";
position: absolute;
right: 0px;
top: 0px;
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: 0.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 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.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:999;left:40px;bottom:40px}  
.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: 0.9em;}

.support-online a{position: relative; 
text-align: center;
width: 45px;display:block;
height: 45px;
border-radius: 100%;
display: block;margin-top: 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: 0.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;
display: none;
width: 180px;
margin-left: 10px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.5em;
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;}
.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:10px 10px 10px 0;border-color:transparent #ff6d34 transparent transparent;position:absolute;left:-10px;top:6px}    

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