/*-----------------------------------------------------------------------------------
    
  CSS INDEX
  ===================

  1.0.0 Theme Default CSS (body, link color, section etc)
  2.0.0 Home CSS
    2.1.0 Header CSS
    2.2.0 Nav CSS
    2.3.0 Slider CSS
    2.4.0 Content CSS
      2.4.1 Best/Featured Products CSS
      2.4.2 New Products CSS
      2.4.3 Product By Category CSS
      2.4.4 News CSS
      2.4.5 Best News CSS
      2.4.6 News By Category CSS
      2.4.7 Slide News CSS
      2.4.8 Partner CSS
    2.5.0 Left - Right Sidebar CSS
      2.5.1 Nav CSS
      2.5.2 Advertisement CSS
      2.5.3 Video CSS
      2.5.4 Statistic CSS
      2.5.5 Search Bar CSS
      2.5.6 Viewest Products CSS
      2.5.7 Selling Products CSS
      2.5.8 Slide Image CSS
      2.5.9 News CSS
      2.5.10 Exchange Rate CSS
      2.5.11 Maps CSS
      2.5.12 Download CSS
      2.5.13 Link CSS
      2.5.14 Newsletter CSS
      2.5.15 Google Translate CSS
      2.5.16 Register CSS
      2.5.17 Support Online CSS
      2.5.18 Nav By Category CSS
      2.5.19 Facebook Plugin CSS
      2.5.20 Focus News CSS
      2.5.21 Date Now CSS    
  3.0 Footer CSS
  4.0 Shop CSS
  5.0 Shop Detail CSS
  6.0 Blog CSS
  7.0 Blog Detail CSS
  8.0 Contact CSS
  9.0 Cart CSS
  10.0 Checkout CSS
  11.0 404 CSS

-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@charset "utf-8";

/*----------------------------------------*/
/*  1.0  Theme default CSS
/*----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul,
fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, img, embed {
  margin: 0;
  padding: 0;
  outline: 0;
}
a {
  color: #4b7ae7;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
.navbar-d > ul > li.active > a, .navbar-d > ul > li:hover > a {
    border-bottom: #fff solid 5px;
    /* background: url(/candientusd/uploads/others/menu-hover.png) 0px 0px no-repeat; */
}
.navbar-d > ul > li > a:hover {
    color: #73f0ff;
}
.footer-widget-content a:hover{
  color:orange;
}
.footer-widget-content a{
  color:#fff;
}
.navbar-d > ul > li > a {
    /* padding: 18px 10px 12px; */
    text-decoration: none;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    width: 100%;
    padding-right: 16px;
    /* margin-right: 20px; */
    font-weight: bold;
    /* margin-top: -3px; */
    vertical-align: center;
    overflow: hidden;
    margin: 0 atuto;
    line-height: 20px;
    margin: auto;
    /* padding-left: 17px; */
    /* background: url(/candientusd/uploads/imgs/i-menu.png) no-repeat left center; */
}

a:active,
a:hover {
  outline: 0 none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0px solid;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  padding: 0;
  margin: 0px 0px 10px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
}
ol,
ul {
  margin: 0;
  padding: 0
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
body,
body.class_body {
  font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  background: #fff;
}
.navbar-d{
  background: #0000ff;
}
.navbar-d ul{
  background:#0000ff;
}
.bg-white {
  background: #fff;
}
.widget {
  clear: both;
}
.space-base {
  margin-bottom: 45px;
}

.aw-blog-read-more {
  display: block;
  color: #282828;
  font: 500 12px/1.55 "Roboto", "Helvetica Neue", "Arial", sans-serif;
  margin-top: 10px;
  text-transform: uppercase;
  text-decoration: underline;
}
.price-box {
  color: #F00;
  font-size: 14px;
  text-align-last: center;
  line-height: 1.4;
}
.price-box p {
  margin: 0;
  display: inline-block;
}
.price-box p.old-price {
  color: #888888;
  text-decoration: line-through;
  font-size: 13px;
  margin-right: 10px;
}
.meta-post {
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1;
}
.block-title {
  margin-bottom: 20px;
}
.block-title h3,
.block-title .h3,
.page-title.product-category h2,
.relatived-product-title .h3,
.page-title.post-category h2 {
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}
.block-title h3:before, .block-title .h3:before, .page-title.product-category h2:before, .relatived-product-title .h3:before, .page-title.post-category h2:before {
    content: "";
    position: absolute;
    z-index: 0;
    background: rgb(0, 0, 255);
    left: 0;
    right: 0;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
}
.block-title h3 span, .block-title .h3 span, .page-title.product-category h2 span, .relatived-product-title .h3 span, .page-title.post-category h2 span {
    display: inline-block;
    background: #fff;
    position: relative;
    padding: 8px 0px;
    border-radius: 44px;
    padding-right: 16px;
    color: #0000ff;
    padding-left: 13px;
    margin-left: 5px;
}
.block-title h3 a,
.block-title .h3 a {
  color: #fff;
}
.page-title,
.div-cate-detail{
  margin-bottom: 10px;
}

/*----------------------------------------*/
/* 2.0 Home CSS
/*----------------------------------------*/
/* 2.1.0 Header CSS
/* ====================================== */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	min-height: 40px;
  display: none;
}
#top .container {
	padding: 0 20px;
}
#top .language-select:hover {
  text-shadow: none;
  color: #ffffff;
  background-color: #ff9900;
  background-image: linear-gradient(to bottom, #ff9900, #ff7d00);
  background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
  background-image: linear-gradient(to bottom, #ff9900, #ff7d00);
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}

/* 2.2.0 Nav CSS
/* ====================================== */
.navbar-container .navbar {
  min-height: 1px;
  margin: 0;
}
.navbar-container .navbar-m {
  overflow: hidden;
}
.navbar-container .navbar-m .header a {
  background: #f90;
  display: block;
  padding: 14px 15px 13px 45px;
  color: #FFF;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}
.navbar-container .navbar-m .header a:before {
  position: absolute;
  top: 16px;
  left: 15px;
  display: block;
  height: 2px;
  width: 20px;
  background: #fff;
  content: '';
}
.navbar-container .navbar-m .header a:after {
  position: absolute;
  top: 22px;
  left: 15px;
  display: block;
  height: 8px;
  width: 20px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}
.navbar-container .navbar-m ul {
  display: none;
}

/* 2.3.0 Slider CSS
/* ====================================== */

/* 2.4.0 Content CSS
/* ====================================== */
/* 2.4.1 Best/Featured Products CSS
/* 2.4.2 New Products CSS
/* 2.4.3 Product By Category CSS
/* -------------------------------------- */

.products-grid .product-item {
  margin-bottom: 20px;
}
.products-grid .product-item-info {
  position: relative;
  background: #fff;
}
.products-grid .product-item-info .product-item-details {
  position: relative;
}
.product-item-details .product-name {
    margin: 10px 0;
    text-align: center;
}
.product-item-details .product-name a {
    font-size: 13px;
}
.product-item-details .product-item-description {
  margin-bottom: 10px;
}
.products-grid .item .button-holder {
  padding: 0 10px 15px;
  text-align: center;
}
.products-grid .item .button-holder button {
  overflow: visible;
  width: auto;
  padding: 3px 10px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.products-grid .item .button-holder button.btnMuaHang {
    padding-right: 30px;
    background: url(/candientusd/uploads/imgs/icon_cart.png) no-repeat right 4px center;
    background-size: 22px;
}
.products-grid .item .button-holder button:hover {
    color: #996;
}
.product-item-details .product-name a:hover {
    color: red;
    text-decoration: underline;
}
.products-grid .item .button-holder button i {
  display: inline-block;
  text-align: center;
  width: auto;
  line-height: 34px;
  background-color: #ccc;
  color: #222;
  font-size: 14px;
  padding: 0px 10px;
}

/* 2.4.4 News CSS
/* 2.4.5 Featured News CSS
/* 2.4.6 News By Category CSS
/* 2.4.7 Slide News CSS
/* -------------------------------------- */

.block-post {
  position: relative;
  list-style: none!important;
  background: #fff;
}
.block-post.block-first-post .block-post-img {
  margin-bottom: 20px;
  position: relative;
}
.block-post.block-first-post .block-post-img img {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: .9;
  width: 100%;
}
.block-post.block-first-post .block-post-content {
  padding-bottom: 20px;
}
.block-post.block-first-post h4 {
  margin: 0 auto 10px auto;
  padding: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 25px;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}
.block-post.block-other-post {
  padding-bottom: 19px;
  margin-bottom: 18px;
  border-bottom: 1px solid #DDD;
}
.block-post.block-other-post .block-post-img {
  margin: 0;
  position: absolute;
  width: 110px;
  line-height: 0;
  overflow: hidden;
}
.block-post.block-other-post .block-post-content {
  margin-left: 125px;
  min-height: 74px;
}
.block-post.block-other-post h4 {
  margin: 0 auto 10px auto;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}
.block-post.block-other-post .post-description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}

/* 2.4.4 News CSS
/* -------------------------------------- */

.news-wrap .block-post.block-other-post {
  padding-bottom: 0;
  margin-bottom: 20px;
  border-bottom: 0px;
}
.news-wrap .block-post.block-other-post:nth-child(2n) {
  padding-left: 0;
}

/* 2.5.0 Left - Right Sidebar CSS
/* ====================================== */

#left-sidebar,
#right-sidebar {
  z-index: 2;
}
.single-widget {
    background: #DDD;
    margin-bottom: 10px;
    padding-top: 10px;
    border-radius: 3px;
}
.single-widget .section-title {
    background:linear-gradient(to right, #0000ff, rgba(7, 131, 197, 0.88), rgba(141, 143, 144, 0.18));
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    cursor: pointer;
    position: relative;
    height: 37px;
    line-height: 37px;
    text-align: center;
    padding: 0px 5px;
}
.single-widget .section-title a {
  color: #fff;
}
.single-widget .content-widget {
  padding: 5px;
}

/* 2.5.1 Nav CSS
/* 2.5.18 Nav By Category CSS
/* -------------------------------------- */
.navbar-container {
    BACKGROUND-COLOR: #0000ff;
}
.class_body_t {
 background-color: #fff !improtant ;
}
/* CODE TU FIX
*/

.single-widget .content-widget ul {

} 
.single-widget .content-widget > ul {

} 
.single-widget .content-widget ul li {
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 29px;
    color: #313131;
  padding: 3px;
}
.single-widget.nav-widget .content-widget ul li {
    background: url(/candientusd/uploads/imgs/dieukhientudongsd.com-10.png) no-repeat left top 6px;
    padding-left: 26px;
    /* padding-bottom: 5px; */
}
.single-widget.search-widget {
    margin: 0;
    padding: 0;
    background: none;
}
.search-widget .content-widget {
    padding: 0;
}
.single-widget.nav-widget .content-widget ul li:after {
    content: "";
    background: url(/candientusd/uploads/imgs/menu-left-g.jpg) no-repeat bottom center;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
}
.single-widget .content-widget ul li:last-child {
  border-bottom: 0px;
}

.single-widget .content-widget ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background: #FFF;
}
.single-widget .content-widget ul > li:hover > ul {
  display: block;
}


/* 2.5.2 Advertisement CSS
/*----------------------------------------*/
.qcc1 img { max-width:125px; float:right;}
.qcc2 img { max-width:125px; float:left;}
#floating_banner_left, #floating_banner_right {
  text-align:left; 
  position:absolute; 
  overflow:hidden; 
  top: 0px; 
  left: 0px; 
  width: auto; 
  border: 0px solid #000;
}
#floating_banner_right {
  text-align: right;
}

/* 2.5.3 Video CSS
/*----------------------------------------*/


/* 2.5.4 Statistic CSS
/*----------------------------------------*/


/* 2.5.5 Search Bar CSS
/* 2.5.14 ewsletter CSS
/*----------------------------------------*/

.search-widget form,
.newsletter-widget form {
  position: relative;
}
.search-widget input[name="k"],
.newsletter-widget input[name="v"] {
    border: 1px solid #e5e5e5;
    padding: 0px 3px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 100%;
    border-radius: 5px !important;
    font-size: 12px;
    margin-top: 2px;
    padding-right: 20px;
}
.search-widget button[name="s"],
.newsletter-widget button {
    position: absolute;
    top: 3px;
    right: 0;
    padding: 1px 5px;
    background: transparent;
    border: none;
    color: #064475;
    cursor: pointer;
    font-size: 12px;
}

/* 2.5.6 Viewest Products CSS
/* 2.5.7 Selling Products CSS
/* 2.5.9 News CSS
/*----------------------------------------*/

.single-widget .content-widget .product-item,
.single-widget .content-widget .post-item {
  text-transform: none;
}
.product-item .ma-item,
.post-item .ma-item {
  margin-bottom: 10px;
}
.ma-item .post-images .post-image img {
  max-width: 83px;
}
.products-des {
    text-align: center;
}
.ma-item .products-des .product-name,
.ma-item .post-des .post-name {
  margin: 0;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}
.ma-item .products-des .product-name a,
.ma-item .post-des .post-name a {
    padding-top: 5px;
    font-size: 14px;
    color: #666;
}
.ma-item .products-des .product-name a:hover,
.ma-item .post-des .post-name a:hover {
  color: red;
}
.ma-item .products-des .price-box {
  color: #F00;
  font-size: 14px;
  line-height: 1.4;
}
.ma-item .products-des .price-box p {
  margin: 0;
  display: block;
  font-size: 13px;
}
.ma-item .products-des .price-box p.old-price {
  color: #888888;
  text-decoration: line-through;
  font-size: 12px;
}
.ma-item .post-des p {
  font-size: 12px;
  line-height: 1.4;
}

/* 2.5.8 Slide Image CSS
/*----------------------------------------*/

.single-widget .content-widget.slide-widget ul li {
    border-bottom: 0px;
}

/* 2.5.10 Exchange Rate CSS
/*----------------------------------------*/

.exchange-rate-widget table {
  width: 100%;
}
.exchange-rate-widget table th,
.exchange-rate-widget table td {
  text-align: center;
}

/* 2.5.11 Map CSS
/*----------------------------------------*/
.map-responsive {
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* 2.5.12 Download CSS
/*----------------------------------------*/

.download-widget a {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dedede;
}
.download-widget a:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}
.download-widget a i {
  margin-right: 7px;
}

/* 2.5.13 Link CSS
/*----------------------------------------*/

/* 2.5.15 Google Translate CSS
/*----------------------------------------*/

/* 2.5.16 Register CSS
/*----------------------------------------*/

/* 2.5.17 Support Online CSS
/*----------------------------------------*/

.agent-small {
  margin: 0px 0px 15px;
}
.agent-small-title {
  margin-bottom: 5px;
}
.agent-small-inner {
  display: table;
  width: 100%;
}
.agent-small-image {
  display: table-cell;
  width: 76px;
}
.agent-small-image-inner {
  border-radius: 50%;
  height: 50px;
  float: left;
  margin: 0px 16px 0px 0px;
  position: relative;
  width: 50px;
  transition: color 0.15s linear 0s;
}
.agent-small-image img {
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 50px;
  margin-top: 5px;
  margin-left: 11px;
  z-index: 2;
}
.agent-small-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: table-cell;
  padding-bottom: 12px;
  vertical-align: top;
  padding-left:38px;
}
.agent-small:last-child .agent-small-content {
  border-bottom: 0px;
}
.agent-small-yahoo,
.agent-small-skype,
.agent-small-tel {
  font-size: 12px;
  line-height: 22px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
}
.agent-small-yahoo {
  background-image: url("uploads/icon/yahoo2.png");
}
.agent-small-skype {
  background-image: url("uploads/icon/skype.png");
}
.agent-small-tel {
  background-image: url("uploads/icon/Phone.png");
}

/* 2.5.19 Facebook Plugin CSS
/*----------------------------------------*/

/* 2.5.20 Focus News CSS
/*----------------------------------------*/

/* 2.5.21 Date Now CSS
/*----------------------------------------*/
.clock {
  cursor: pointer;
  padding: 5px;
  width: 40%;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  text-align: center;
  font-weight: bold;
  font-family: "Roboto", "arial";
}
#clock {
  float: left;
  background-color: #000000;
  color: #00FF33;
  font-size: 20px;
  margin-bottom: 5px;
}
.datetime {
  text-align: center;
  margin: 8px 0;
}

/* 2.5.22 Statistic CSS
/*----------------------------------------*/
.wrap_total {
    width: 100%;
}
.wrap_total .total{
  text-align: center;
  padding: 10px 0;
}
.wrap_total .label{
  display: block;
  position: relative;
  height: 24px;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  padding: 0 0 0 10px;
  text-indent: 25px;
  line-height: 1.4;
}
.wrap_total .label:before {
  content: " ";
  width: 16px;
  height: 24px;
  position: absolute;
  left: 10px;
  top: 0px;
  background: url(uploads/icon/default-icon-total.png) no-repeat;
}
.wrap_total .online:before {
  background-position: -192px 0;
}
.wrap_total .today:before {
  background-position: -160px 0;
}
.wrap_total .week:before {
  background-position: -128px 0;
}
.wrap_total .month:before {
  background-position: -96px 0;
}
.wrap_total .total:before {
  background-position: -0 0;
}
.wrap_total .value {
  text-align: right;
  padding-right: 10px;
  font-size: 12px;
  vertical-align: top;
}
.vdigit-0, .vdigit-1, .vdigit-2, .vdigit-3, .vdigit-4, .vdigit-5, .vdigit-6, .vdigit-7, .vdigit-8, .vdigit-9 {
  width: 15px;
  height: 20px;
  background: url(uploads/icon/default-digit.png) no-repeat top left;
  text-indent: -999em;
  display: inline-block;
}
.vdigit-0{background-position:0 0;}
.vdigit-1{background-position:-30px 0;}
.vdigit-2{background-position:-60px 0;}
.vdigit-3{background-position:-90px 0;}
.vdigit-4{background-position:-120px 0;}
.vdigit-5{background-position:-150px 0;}
.vdigit-6{background-position:-180px 0;}
.vdigit-7{background-position:-210px 0;}
.vdigit-8{background-position:-240px 0;}
.vdigit-9{background-position:-270px 0;}
.sty_table_rv th {
  height: 28px;
  padding: 5px;
  background: url("uploads/icon/content_box_title.png") repeat-x scroll 0% 0% #EDEDED;
  border: 1px solid #C8C8C8;
  color: #242424;
}

/*----------------------------------------*/
/* 3.0 Footer CSS
/*----------------------------------------*/

#site-footer {
    background: #035996;
    color: #d9dada;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    padding: 40px 0 0;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
}
#site-footer .footer-top {
  margin-bottom: 30px;
}
#site-footer .footer-top .footer-block {
  margin-bottom: 20px;
}
#site-footer .footer-widget-title {
  font-size: 1.384em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
#site-footer .footer-top .footer-widget-title {
  border-bottom: 2px solid #fff;
  height: 35px;
  margin-bottom: 15px;
  margin-top: 3px;
  padding: 0 0 .67em;
}
#site-footer .footer-top .footer-widget-title>span {
  border-bottom: 2px solid #f90;
  display: inline-block;
  height: 35px;
  padding: 0;
}
#site-footer .footer-bottom {
  min-height: 50px;
  background: #303439;
  color: #989797;
  font-size: 11px;
  line-height: 50px;
}
#site-footer .footer-bottom a {
  color: #989797;
}

/*----------------------------------------*/
/*  4.0 Shop CSS
/*----------------------------------------*/

/*----------------------------------------*/
/*  5.0 Shop Detail CSS
/*----------------------------------------*/

.product-view,
.product-view .primary_block {
  margin-bottom: 30px;
}
.product-left-column {
  min-height: 380px;
}
.product-center-column {} .product-right-column {} .product-left-column #image-block {
  position: relative;
  padding: 0px;
}
.product-left-column #image-block .zoomWrapper,
.product-left-column #image-block img {
  margin: auto;
} 
#views_block {
  text-align: center;
  position: relative;
    margin-top: 20px;
}
#thumbs_list {
  position: relative;
  padding: 0px 29px;
}
#thumbs_list #thumblist {
  list-style-type: none;
  padding: 0px 1px;
  margin: 0px;
  overflow: hidden;
  position: static;
}
#thumbs_list .thumb_item {
  border: 1px solid transparent;
  margin-bottom: 2px;
}
#thumbs_list .thumb_item:hover {
  border-color: #ec243b;
}
#thumbs_list .thumb_item img {
  max-width: 100%;
  margin: auto;
}
#thumbs_list .owl-prev,
#thumbs_list .owl-next {
  position: absolute;
  top: 50%;
  left: 0px;
  bottom: 0px;
  opacity: 1;
  font-size: 0px;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  top: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12px;
  background: #FFF;
  border-radius: 50%;
}
#thumbs_list .owl-next {
  right: 0;
  left: auto;
}
#thumbs_list .owl-prev:before,
#thumbs_list .owl-next:before {
  font-family: 'FontAwesome';
  font-size: 20px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  display: block;
  text-align: center;
  border: 1px solid #b6b6b6;
  border-radius: 100%;
  font-size: 14px;
  line-height: 25px;
  height: 25px;
  color: #000;
  text-shadow: none;
}
#thumbs_list .owl-prev:before {
  content: "\f104";
}
#thumbs_list .owl-next:before {
  content: "\f105";
}
.socialsharing_product {
  margin-top: 20px;
}
.socialsharing_product ul li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
.socialsharing_product ul li .btn {
  padding: 7px 15px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  font-size: 12px;
  color: #777;
  background: #fff;
}
.socialsharing_product ul li .btn-facebook:hover {
  background-color: #435F9F;
  color: #fff;
}
.socialsharing_product ul li .btn-facebook i {
  color: #435F9F;
}
.socialsharing_product ul li .btn-facebook:hover i {
  color: #fff;
}
.socialsharing_product ul li .btn-twitter:hover {
  background-color: #00AAF0;
  color: #fff;
}
.socialsharing_product ul li .btn-twitter i {
  color: #00AAF0;
}
.socialsharing_product ul li .btn-twitter:hover i {
  color: #fff;
}
.socialsharing_product ul li .btn-google-plus:hover {
  background-color: #E04B34;
  color: #fff;
}
.socialsharing_product ul li .btn-google-plus i {
  color: #E04B34;
}
.socialsharing_product ul li .btn-google-plus:hover i {
  color: #fff;
}
.socialsharing_product ul li .btn-pinterest:hover {
  background-color: #CE1F21;
  color: #fff;
}
.socialsharing_product ul li .btn-pinterest i {
  color: #CE1F21;
}
.socialsharing_product ul li .btn-pinterest:hover i {
  color: #fff;
}
.product-center-column h1 {
  margin: 10px 0px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
  text-transform: uppercase;
}
.product-center-column .category {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  text-transform: none;
  line-height: 28px;
}
.product-center-column .category a {
  display: inline-block;
  color: #3991DB;
}
.product-center-column .product-description {
  line-height: 16px;
  margin-bottom: 15px;
  padding: 6px 0px;
  font-size: 13px;
}
.product-center-column .old-price {
  font-size: 16px;
  font-weight: 300;
  color: #999;
  text-decoration: line-through;
}
.product-center-column .price {
  font-size: 24px;
  font-weight: 300;
  color: #F00;
}
.product-center-column .quantity_wanted_p {
  width: 100%;
  margin: 20px 0;
}
.product-center-column .quantity-selector {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
  font-weight: 300;
  line-height: 30px;
  min-width: 60px;
  font-weight: 600;
}
.js-qty {
  position: relative;
  margin-bottom: 1em;
  max-width: 100px;
  min-width: 75px;
  overflow: visible;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.product-center-column .js-qty {
  float: left;
  margin-bottom: 0px;
}
.control-quantity {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0px;
  bottom: 0px;
  border: 0 none;
  background: none;
  text-align: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.control-quantity.control-minus {
  left: 0;
  border-right: 1px solid #E5E5E5;
}
.control-quantity.control-add {
  right: 0;
  border-left: 1px solid #E5E5E5;
}
.control-quantity.control-minus,
.control-quantity.control-add {
  background-color: #f90;
  color: #fff;
  font-weight: 600;
  padding: 0 5px;
}
.js-qty input[type="text"] {
  display: block;
  background: #FFF;
  font-size: 12px;
  text-align: center;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0px 25px;
  margin: 0;
  border: 1px solid #E5E5E5;
}
.product-center-column .adtocart {
  display: block;
  float: left;
  margin-left: 15px;
  padding: 0;
  background: #f90;
  color: #fff;
  text-transform: capitalize;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #ff6000;
  margin-bottom: 20px;
}
.product-center-column .adtocart .fa {
  margin-left: 10px;
  margin-right: 0px;
}
.product-center-column #AddToCartText {
  font-weight: 300;
  font-size: 12px;
  padding: 0px 10px;
}
.product-detail-tab {
  background: white;
  padding: 20px;
}
.nav-tabs {
  position: relative;
  z-index: 1;
  border-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.nav-tabs,
.nav.nav-tabs {
  margin-left: 0;
  margin-right: 0;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
}
.nav-tabs .nav-tab-item {
  width: auto;
  margin: 0 5px 0 0;
}
.nav-tabs li a {
  font: 500 14px/1.35 "Helvetica Neue", sans-serif;
  border-color: #999999;
  background: #fbfbfb;
}
.nav-tabs .nav-tab-item .switch {
  display: block;
  position: relative;
  z-index: 2;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent;
  color: #999999;
  border: 0;
  height: 40px;
  padding: 10px 10px 10px 10px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.nav-tabs .nav-tab-item.active .switch {
  border: 0;
  border-bottom: 2px solid;
}
.nav-tabs .nav-tab-item .switch:visited {
  text-decoration: none;
}
.nav-tabs .nav-tab-item:not(.disabled) .switch:active,
.nav-tabs .active.nav-tab-item .switch,
.nav-tabs .active.nav-tab-item .switch:focus,
.nav-tabs .active.nav-tab-item .switch:hover {
  background: transparent;
}
.nav-tabs .active.nav-tab-item .switch,
.nav-tabs .active.nav-tab-item .switch:focus,
.nav-tabs .active.nav-tab-item .switch:hover {
  padding-bottom: 11px;
}
.nav-tabs .active.nav-tab-item .switch {
  font-weight: 700;
  color: #282828;
  background-color: transparent;
  border-color: #282828;
}
.nav-tabs .nav-tab-item.active .switch {
  color: #282828;
}
.nav-tabs .nav-tab-item .switch:visited,
.nav-tabs .nav-tab-item .switch:hover,
.nav-tabs .nav-tab-item .switch:active {
  color: #282828;
  background: #fbfbfb;
}
.nav-tabs .nav-tab-item.active .switch,
.nav-tabs .nav-tab-item.active .switch:focus,
.nav-tabs .nav-tab-item.active .switch:hover {
  color: #282828;
  background: transparent;
  border-bottom-color: black;
}
.nav-tabs .nav-tab-item:not(.disabled).active .switch,
.nav-tabs .nav-tab-item:not(.disabled) .switch:focus,
.nav-tabs .nav-tab-item:not(.disabled) .switch:hover {
  background: transparent;
  border-bottom-color: #282828;
  color: #282828;
}
.product-view .nav-tab-content {
  padding: 15px 0 0;
}
.relatived-product-title {
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  6.0 Blog CSS
/*----------------------------------------*/

.postWrapper {
  padding-bottom: 25px;
  clear: both;
}
.postTitle {
  margin-bottom: 15px;
}
.postTitle .post-title {
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}
.postContent {
  padding-bottom: 10px;
}
/*----------------------------------------*/
/*  7.0 Blog Detail CSS
/*----------------------------------------*/

.entry-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}
.post-meta,
.post-author {
  font-size: 14px;
  line-height: 22px;
  margin: 3px 0 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.post-meta i.fa-calendar-o {
  font-size: 12px;
  top: -1px;
  position: relative;
  margin-right: 4px;
}
.post-meta li {
  padding-left: 1px;
  padding-right: 1px;
}
.post-meta li,
.post-author {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}
.post-meta > li {
  display: block;
  white-space: nowrap;
}
.single-post-page .entry-header .post-author {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
  margin-bottom: 0px;
}
.post-author-avatar {
  width: 50px;
  height: 50px;
  max-width: 50px;
  border: none;
}
.post-date a {
  color: #9B9B9B;
}
.entry-header .socialsharing_product {
  margin-bottom: 30px;
}
.entry-content .single-post-image {
  margin-bottom: 30px;
}
.fave_relatived_post {
  margin-bottom: 30px;
}
.relatived-post-title {
  margin-bottom: 20px;
}
.relatived-post-title .h3 {
  background: #2d2d2d;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 18px 25px;
  cursor: pointer;
}
.relatived-post-details .small-title {
  font-size: 18px;
  margin: 0 0 5px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}
.relatived-post-details .post-small-content {
  font-size: 13px;
}
.simply-scroll .simply-scroll-list li img {
    width: 100%;
    height: 200px!important;
    padding-bottom: 20px!important;
}

/*----------------------------------------*/
/* 8.0 Contact CSS
/*----------------------------------------*/

/*----------------------------------------*/
/* 9.0 Cart CSS
/*----------------------------------------*/

/*----------------------------------------*/
/* 10.0 Checkout CSS
/*----------------------------------------*/

.order-result {
  text-align: center;
  font-size: 15px;
}
.order-result .title-m {
  font-size: 30px;
  font-weight: bold;
  color: #f90;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.order-result .str {
  font-size: 18px;
  font-weight: bold;
}
.order-result .info {
  padding-top: 10px;
}
.order-result .info .idcode {
  background: #f90;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  padding: 10px 15px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20px;
  vertical-align: top;
}
.order-result .info .idcode strong {
  font-size: 30px;
  display: block;
  font-weight: normal;
}
.order-result .info .desc {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
}
.order-result .button {
  margin: 30px 0;
}

.orderdetail-container {
  padding: 20px 15px;
}
.order-title {
  margin: 0 0 22px;
  font-size: 13px;
}
.headline__label, .headline__value {
  display: inline-block;
  line-height: 1.3;
}
.headline__label {
  margin: 0 0 .3em;
  font-size: .86em;
  text-transform: uppercase;
}
.list-inline__2:before {
  content: '|';
  display: inline-block;
  margin: 0 1.23em;
  color: #e0e0e0;
}
.customer-detail {
  margin: 20px 0 10px;
  text-align: justify;
}
.customer-detail .customer-detail__item {
  font-size: 12px;
  line-height: 1.5;
  color: #6f6f6f;
  padding-right: 20px;
}
.customer-detail__header {
  padding: 0 0 .3em;
  margin: 0 0 .5em;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #111;
}
.product-brief__image {
	max-width: 75px;
	max-height: 75px;
}

/*----------------------------------------*/
/* 11.0.0 404 CSS
/*----------------------------------------*/

body.error404 {
  background-image: url('uploads/background/page404bg.jpg') !important;
  background-repeat: no-repeat;
  background-position: center -100px;
  background-size: 100% auto;
  color: #fff;
}
body.error404 .respone {
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
body.error404 a {
  color: #fff;
}
body.error404 a:hover {
  color: #f90;
}
body.error404 .page-404 {
  color: #fff;
  float: left;
  margin-top: 495px;
  padding-bottom: 0px;
  text-align: center;
  width: 100%;
}
body.error404 .page-404 h3 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 45px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
body.error404 .page-404 label {
  font-size: 18px;
  font-weight: normal;
  line-height: 46px;
  margin: 0;
}

.accordion .section-title:after {
  content: "\f055";
  font-family: "FontAwesome";
  font-size: 18px;
  position: absolute;
  top: 5px;
  right: 10px;
  left: auto;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: transparent;
}

/** Ad foot **/
.foot { clear: both }
.chuyende {
	position: fixed;
	bottom: -1px;
	right: 0px;
	z-index:100;
}
.chuyende img {max-width: 250px;}
.chuyende .tenchuyende {
  font: bold 12px "Tahoma";
	text-align: center;
	color:#FFFFFF;
	height: 15px;
	cursor: pointer;
}
.chuyende .tenchuyende .nut, .chuyende .tenchuyende .NutHien {
  float: right;
	background-image: url('/candientusd/uploads/others/button.gif');
	background-position: -30px 0;
	height: 15px;
	width: 30px;
}
.chuyende .tenchuyende .NutHien {
  display: none;
	background-image: url('/candientusd/uploads/others/button.gif');
	background-position: -60px 0;
}
#divchuyende{color:#FFFFFF}
#an {visibility:hidden; display: none; }

/** box language **/
a.gflag {
  background-image: url('skin/temp1/imgs/16.png');
}
a.gflag:hover {
  background-image: url('skin/temp1/imgs/16a.png');
}
a.gflag {
  vertical-align: middle;
  font-size: 16px;
  padding: 1px 0;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 14px;
}
a.gflag img {
  border: 0;
  width: 32px;
  height: 32px;
}
#goog-gt-tt {
  display: none !important;
}
.goog-te-banner-frame {
  display: none !important;
}
.goog-te-menu-value:hover {
  text-decoration: none !important;
}
body {
  top: 0 !important;
}
#google_translate_element2 {
  display: none!important;
}
.box_laguage {
  top: 0px;
  position: absolute;
}
.container {
    max-width: 1000px;
}
.content-container {
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 20px #82858c;
  	margin-bottom: 15px;
}
.adv-widget, .statistic-widget, .support-widget {
    padding-top: 0;
    border-radius: 0px 0px 3px 3px;
}
.adv-widget .content-widget a {
    display: block;
    text-align: center;
}
.selling-products-widget .simply-scroller li {
    float: none;
}
.product-top img{
  height: 180px;
}
.product-top a, .product-top img {
    max-height: 180px;
}
.product-top {
    width: 100%;
    height: 100%;
    padding: 5px;
    border: solid 1px #ccc;
}
.agent-small-title{
  text-align: center;
}
.product-top a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}
.product-top span {
    display: table;
    width: 100%;
    height: 100%;
}
.navbar-container .navbar-content {
  margin-bottom: 15px;
}
.owl-prev, .owl-next {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.owl-next {
    right: 0;
    left: initial;
}
.footer-title a {
    color: #d9dada;
    font-size: 14px;
    font-weight: bold;
}
.mn-footer a {
    color: #D9DBDA;
}
.content-widget ul,
.footer-content ul {
    list-style: outside none none;
}
.entry-content ul {
    list-style: none;
}

/** Layout Responsive **/
@media (min-width: 768px) {
  .navbar-container .navbar-m {
    display: none;
  }
}
@media (min-width: 991px) {
  
}
@media (min-width: 1200px) {
  
}
@media (max-width: 1024px) {
  
} 
@media (max-width: 768px) {
  .navbar-container .navbar-d {
    display: none;
  }
  .navbar-container .navbar-m {
    display: block;
  }
}
@media (max-width: 480px) {
  
}
@media (max-width: 320px) {
  
}
/* Support widget: nằm bên phải tiêu đề (banner) công ty
/*----------------------------------------*/
/* banner = tiêu đề công ty (trái) + widget hỗ trợ (phải) trên 1 hàng */
.banner {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 22px;
}
/* tiêu đề công ty chiếm trọn hàng trên, ảnh căn giữa */
.banner > a {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner > a img {
  width: 100%;
  height: auto;
}
/* widget nằm hàng riêng dưới banner, rộng vừa đủ dãy số rồi căn giữa */
.support-float {
  flex: 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
}
.support-float.support-widget .h3.section-title,
.support-float .section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  letter-spacing: .5px !important;
  color: #fff !important;
  background: linear-gradient(90deg, #f76b1c, #f9a825) !important;
  border-radius: 0 !important;
}
/* nội dung lấp đầy phần còn lại, căn giữa dọc để widget cao bằng banner */
.support-float .content-widget {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 4px 14px;
}
/* Tiêu đề dạng text (giống các dòng số điện thoại), không còn khung cam */
.support-float .agent-small-title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--sd-primary);
  margin-bottom: 3px;
}
.support-float .agent-small,
.support-float .agent-small-inner,
.support-float .agent-small-content {
  width: 100%;
}
.support-float .agent-small {
  margin: 0;
}
.support-float .agent-small-image,
.support-float .agent-small-image-inner,
.support-float .agent-small-image img {
  width: 80px;
  height: 80px;
}
.support-float .agent-small-image img {
  margin: 0;
}
.support-float .agent-small-content {
  border-bottom: 0;
  padding-bottom: 0;
  padding-left: 16px;
}
.support-float .agent-small-yahoo,
.support-float .agent-small-skype,
.support-float .agent-small-zalo,
.support-float .agent-small-tel {
  font-size: 15px;
  line-height: 26px;
  padding-left: 26px;
  background-size: 18px;
  white-space: normal;
}
/* Bố trí giống tiêu đề công ty: ẩn avatar, căn giữa các dòng (desktop) */
.support-float .agent-small-inner {
  justify-content: center;
}
.support-float .agent-small-image {
  display: none;
}
.support-float .agent-small-content {
  padding-left: 0;
  text-align: center;
}
/* tất cả số nằm trên đúng 1 hàng; tràn thì kéo ngang trong widget */
.support-float .agent-small-tel,
.support-float .agent-small-zalo {
  width: 100%;
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* mỗi số không bị tách giữa chừng */
.support-float .agent-small-tel a,
.support-float .agent-small-zalo a {
  white-space: nowrap;
}
/* Mobile/tablet: banner xếp dọc, widget về thanh mảnh cố định dưới đáy */
@media (max-width: 991px) {
  .banner {
    display: block;
  }
  .support-float {
    position: fixed;
    z-index: 1000;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto !important;
    padding: 6px 8px !important;
    border-radius: 0 !important;
    border-width: 1px 0 0 !important;
  }
  .support-float.support-widget .h3.section-title,
  .support-float .section-title,
  .support-float .agent-small-image {
    display: none !important;
  }
  /* giữ dòng "HỖ TRỢ KỸ THUẬT" phía trên dãy số, thu gọn cho vừa thanh dưới đáy */
  .support-float .agent-small-title {
    display: block !important;
    margin-bottom: 1px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
  .support-float .content-widget {
    padding: 0 !important;
  }
  .support-float .agent-small-inner,
  .support-float .agent-small-content {
    display: block !important;
    padding-left: 0 !important;
    text-align: center !important;
  }
  .support-float .agent-small-yahoo,
  .support-float .agent-small-skype,
  .support-float .agent-small-zalo,
  .support-float .agent-small-tel {
    display: inline-block;
    margin: 0 5px;
    font-size: 13px !important;
    line-height: 22px !important;
    padding-left: 21px !important;
    background-size: 15px !important;
    white-space: normal !important;
    max-width: 100%;
  }
  /* tel/zalo: giữ đúng 1 hàng, kéo ngang thay vì xuống dòng */
  .support-float .agent-small-tel,
  .support-float .agent-small-zalo {
    display: block !important;
    margin: 0 !important;
    width: 100%;
    white-space: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* chừa chỗ cho thanh hỗ trợ, tránh che phần cuối trang */
  #wrapper {
    padding-bottom: 82px;
  }
  /* không cho trang tràn ngang trên màn hẹp */
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }
}
@media (max-width: 420px) {
  .support-float .agent-small-title {
    font-size: 11px !important;
    line-height: 15px !important;
  }
  .support-float .agent-small-yahoo,
  .support-float .agent-small-skype,
  .support-float .agent-small-zalo,
  .support-float .agent-small-tel {
    margin: 0 3px;
    font-size: 12px !important;
    padding-left: 18px !important;
    background-size: 13px !important;
  }
}

/* Bootstrap .row clearfix pseudo-elements bị tính thành ô grid -> ô trống đầu/cuối hàng */
.products-grid ul.row::before,
.products-grid ul.row::after,
.products-grid .product-items::before,
.products-grid .product-items::after {
  display: none !important;
  content: none !important;
}

/* Panel đăng nhập (dùng chung với hệ thống Quản lý cân) */
#sd-login-panel {
  display: none;
  position: fixed;
  top: 70px;
  right: 18px;
  z-index: 2000;
  width: 290px;
  padding: 18px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}
#sd-login-panel .sd-login-title {
  font-size: 16px;
  font-weight: 700;
  color: #1b4db3;
  margin-bottom: 14px;
  text-align: center;
}
#sd-login-panel .sd-login-group { margin-bottom: 12px; }
#sd-login-panel label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #333;
}
#sd-login-panel input {
  width: 100%;
  padding: 9px 12px;
  font-size: 14px;
  border: 1px solid #d5d9e0;
  border-radius: 8px;
  outline: none;
}
#sd-login-panel input:focus { border-color: #2f7ff0; }
/* Ô mật khẩu + nút con mắt ẩn/hiện */
#sd-login-panel .sd-login-pass {
  position: relative;
}
#sd-login-panel .sd-login-pass input {
  padding-right: 40px;
}
#sd-login-panel #sd-pass-eye {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  color: #8a8f98;
  font-size: 15px;
  cursor: pointer;
}
#sd-login-panel #sd-pass-eye:hover { color: #2f7ff0; }
#sd-login-panel #sd-login-ok {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #1b4db3, #2f7ff0);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
#sd-login-panel #sd-login-ok:hover { opacity: .92; }

/* Zalo (icon SVG nội tuyến, không phụ thuộc file ngoài) */
.agent-small-zalo {
  font-size: 12px;
  line-height: 22px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='11' fill='%230068FF'/%3E%3Ctext x='24' y='31' font-family='Arial,Helvetica,sans-serif' font-size='19' font-weight='bold' fill='%23fff' text-anchor='middle'%3EZalo%3C/text%3E%3C/svg%3E");
}

/* ============================================================
   Bảng màu thống nhất (2026): navy -> xanh sáng làm màu chính,
   cam làm màu nhấn, nền xám rất nhạt. Ghi đè các chỗ còn dùng
   xanh nguyên chất #0000ff (chói, lệch tông).
   ============================================================ */
:root {
  --sd-primary: #14387d !important;
  --sd-primary-2: #2f7ff0 !important;
  --sd-accent: #f97316 !important;
  --sd-ink: #1f2937;
  --sd-line: #e3e8ef;
  --sd-bg: #f4f6fa;
}
body,
body.class_body,
body.class_body_t {
  background: var(--sd-bg) !important;
  color: var(--sd-ink);
}
/* Thanh menu: chỉ còn 1 dải gradient, bỏ nền xanh chói bên trong */
.navbar-container {
  background: linear-gradient(90deg, #14387d, #2f7ff0) !important;
}
.navbar-d,
.navbar-d ul,
.navbar-container .navbar-m .header a {
  background: transparent !important;
}
.navbar-container .navbar-m .header a {
  background: linear-gradient(90deg, #14387d, #2f7ff0) !important;
}
.navbar-d > ul > li.active > a,
.navbar-d > ul > li:hover > a {
  border-bottom-color: var(--sd-accent) !important;
}
.navbar-d > ul > li > a:hover {
  color: #ffd9b3 !important;
}
/* Tiêu đề block: bỏ dải xanh chói phía sau, dùng gradient của hệ màu */
.block-title h3:before,
.block-title .h3:before,
.page-title.product-category h2:before,
.relatived-product-title .h3:before,
.page-title.post-category h2:before {
  background: transparent !important;
}
.block-title h3 span,
.block-title .h3 span,
.page-title.product-category h2 span,
.relatived-product-title .h3 span,
.page-title.post-category h2 span {
  background: transparent !important;
  color: #fff !important;
}
/* Thẻ sản phẩm: viền nhạt, hover nhấn màu chính */
.product-top {
  border-color: var(--sd-line) !important;
  border-radius: 8px;
  background: #fff;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.product-item-info:hover .product-top {
  border-color: var(--sd-primary-2) !important;
  box-shadow: 0 6px 18px rgba(20, 56, 125, .12);
}
.product-name a {
  color: var(--sd-ink) !important;
  font-weight: 600;
}
.product-name a:hover {
  color: var(--sd-primary-2) !important;
}
/* Nút: chính = navy/xanh, phụ = cam */
.btnView {
  background: linear-gradient(90deg, #14387d, #2f7ff0) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-weight: 600;
}
.btnMuaHang {
  background: var(--sd-accent) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 600;
}
.btnView:hover,
.btnMuaHang:hover {
  opacity: .92;
}

/* ---- Tinh chỉnh layout ---- */
/* Lưới sản phẩm: auto-fit để thẻ giãn đều, không chừa cột trống ở màn rộng */
.products-grid .product-items,
.category-products .products-grid ul.row {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}
/* Menu: thu gọn khoảng cách ở laptop hẹp để không xuống 2 hàng */
@media (max-width: 1300px) {
  .navbar-container .navbar-content .navbar-d ul > li > a {
    padding: 14px 12px !important;
    font-size: 13px !important;
  }
  .navbar-container .search-widget input[type=text] {
    min-width: 150px !important;
  }
}
@media (max-width: 1100px) and (min-width: 992px) {
  .navbar-container .navbar-content .navbar-d ul > li > a {
    padding: 13px 8px !important;
    font-size: 12px !important;
  }
  .navbar-container .search-widget input[type=text] {
    min-width: 108px !important;
    padding: 8px 36px 8px 12px !important;
  }
  .navbar-container .search-widget button {
    width: 30px !important;
    height: 30px !important;
    margin-left: -34px !important;
  }
  .navbar-container .navbar-content .navbar-d ul > li:has(.search-widget) {
    margin-left: 4px !important;
  }
}
/* Widget hỗ trợ: chữ nhỏ lại ở màn hẹp cho dãy số vừa 1 hàng.
   (width:320px cũ đã bỏ - widget giờ nằm trong luồng, tự co theo nội dung) */
@media (max-width: 1400px) {
  .support-float.support-widget .h3.section-title,
  .support-float .section-title {
    min-height: 0 !important;
    font-size: 14px !important;
  }
  .support-float .agent-small-yahoo,
  .support-float .agent-small-skype,
  .support-float .agent-small-zalo,
  .support-float .agent-small-tel {
    font-size: 13px;
    line-height: 24px;
    padding-left: 22px;
    background-size: 15px;
  }
}

/* ---- Mobile: nút "Đăng nhập" nằm bên phải "MENU" ---- */
.navbar-container .navbar-m .header {
  display: flex;
  align-items: stretch;
}
.navbar-container .navbar-m .header a.navbar-m-login {
  margin-left: auto;
  padding: 14px 18px 13px;
  background: var(--sd-accent) !important;
  white-space: nowrap;
}
.navbar-container .navbar-m .header a.navbar-m-login:before,
.navbar-container .navbar-m .header a.navbar-m-login:after {
  display: none !important;
}

/* ---- Mobile: ẩn các widget sidebar không cần trên di động ---- */
@media (max-width: 768px) {
  .adv-widget,
  .nav-widget-1,
  .statistic-widget,
  .single-widget:has(.selling-products-widget) {
    display: none !important;
  }
}

/* ---- Nội dung + sidebar "Danh mục sản phẩm" giãn full màn hình ---- */
#content > #columns.container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* ---- Sidebar "Danh mục sản phẩm": ẩn mặc định, nhấn "SẢN PHẨM" mới hiện ---- */
#content #left-sidebar {
  display: none;
}
#content #content-sidebar {
  width: 100%;
}
body.sd-cat-open #content #left-sidebar {
  display: block;
}
body.sd-cat-open #content #left-sidebar .nav-widget-1 {
  display: block !important;
}
@media (min-width: 992px) {
  body.sd-cat-open #content #content-sidebar {
    width: 75%;
  }
}

/* Bỏ khung trắng bao ngoài: sidebar + nội dung đứng riêng, không nằm trong 1 div cha */
#content .content-container {
  background: none;
  padding: 0;
  box-shadow: none;
}