/*============================================================================
   #Webcms
==============================================================================*/
/* Category */
#breadcrumb {
  font-size: 13px;
}
.breadcrumb-ul {
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px 0;
  list-style: none;
  border-radius: 4px;
  margin-bottom: 0;
}
.breadcrumb-ul li {
  display: inline-block;  
}
.breadcrumb-ul .actived {
  color: #757575;
  text-transform: capitalize;
}
#breadcrumb a {
  font-size: 12px;
  font-weight: 600;
  color: #333e48;
  text-decoration: none;
}
.breadcrumb-ul>li+li::before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
#main_head {
  background-color: #fff;
}
.page-title {
  margin-top: 0;
  font-weight: 300;
  text-transform: lowercase;
  font-size: 46px;
  color: #333e48;
}
h1, h2, h3, h4, h5, h6, label {
  margin: 0;
  padding: 0;
  color: #333e48;
}
.col-sm-offset-0 {
  margin-left: 0;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.page-desc {
  color: #666;
  margin-bottom: 20px;
  padding: 15px 0 22px;
}
#main {
  padding-top: 20px;
}
.widget {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-bottom: 20px;
  overflow: hidden;
}
.hide {
  display: none!important;
}
.widget-title, .toggle-tab-title {
  background: #ffe100 none repeat scroll 0 0;
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  font-weight: 600;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
}
.widget-content {
  border-top: 1px solid #e5e5e5;
  padding: 20px;
}
.widget-content ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.widget-product-cat ul li {
  margin-bottom: 10px;
}
.widget-product-cat ul a:hover {
  color: #e60000;
}
.widget-product-cat ul a {
  color: #333;
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.widget-product-cat ul .actived>a {
  color: #e60000;
}
.widget-product-cat ul ul {
  margin: 10px 0 0 20px;
}
#widget_search_brand {
  margin-bottom: 10px;
}
.form-control {  
  box-shadow: inset 0 0 0 rgb(0 0 0 / 8%);
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.widget-product-brand ul {
  max-height: 250px;
  overflow-y: auto;
}
.widget-product-brand ul li a {  
  line-height: 1.6;
  display: block;
  cursor: pointer;
  color: #333e48;
  text-decoration: none;
}
.widget-product-brand ul li span {
  width: 15px;
  height: 15px;
  border: 1px solid #b0b0b0;
  margin: 4px 10px 0 0;
  background: #fff no-repeat center;
  background-size: 95%;
  vertical-align: middle;
  float: left;
}
#product_filter {
  display: block;
  text-transform: capitalize;
  position: relative;
  background: #fafafa;
  padding: 4px 8px;
  margin-bottom: 20px;
  border-radius: 6px;
  height: 48px;
  border: 1px solid #ddd;
}
#box_count_product {
  display: inline-block;
  padding: 10px;
}
.box_filter {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  padding-right: 10px;
  font-weight: 600;
  font-size: 13px;
  margin: 7px 0;
}
label {
  display: inline-block;
  max-width: 100%;
  font-weight: 600;
}
.box_filter select {
  height: 26px;
  margin-left: 10px;
  padding: 0;
  border-color: #ccc!important;
  border-radius: 0;
  line-height: 25px;
  margin-top: -3px;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  box-shadow: none!important;
  width: auto;
  display: inline-block;
  appearance: revert;
}
.product-list img {
  width: 100%;
}
.box_pagination {
  background: #fff;
  text-align: center;
  padding: 20px 10px 10px;
  margin-bottom: 50px;
  box-shadow: 0 1px 1px rgb(180 180 180 / 50%);
} 
.box_pagination .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.box_pagination .pagination {
  margin: 10px 0;
}
.pagination>li {
  display: inline;
} 
.pagination>li>a, 
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #666;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.box_pagination .pagination li.actived a, 
.box_pagination .pagination li:hover a {
  background-color: #e60000;
  border-color: #e60000;
  color: #fff;
}
.category-description {
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #ddd;
  margin-bottom: 50px;
  line-height: 1.8;
  font-size: 14px;
  color: #012d41;
  background: #fff;
}
.category-description p {
  margin: 0 0 10px;
}
#tag a {
  text-decoration: none;
  color: #006eab;
  background-color: #def;
  margin: 0;
  padding: .125em .5em;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: .5em;
}
.show-chidren {
  display: none;
}
.actived .show-chidren {
  display: block;
}
.actited .show-chidren {
  display: block;
}

/* Danh mục page*/
.article-content {
  padding: 0 20px;
  margin: 20px 0;
}
.article-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.categories li {
  line-height: 2;
}
.categories .l-1 a {
  font-size: 20px;
  color: #000;
  text-decoration: none;
}
.categories .l-2 a {
  font-size: 16px;
  color: #111;
  text-decoration: none;  
  margin-left: 20px;
}
/* page giới thiệu*/
.page_gt h1{
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 26px;
}
.page_gt p {
  margin: 0 0 10px;
}
.page_gt h2{
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 22px;
}
.widget-product-brand ul li label {
  color: #333e48;
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
}
.no-margin {
    margin: 0px !important;
}