html, body {
    max-width: 100%;
    overflow-x: hidden;
    padding:0px !important;
    margin:0px;
    font-size: 16px;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
     user-select: none*/
}
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.clearfix:before, .clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.data_updating{
    margin:20px 0px;
}

.banner_page_cms{
    text-align:center;
    margin: 0 auto;
}
/*Phân trang*/
.cms_group_pagination, .cms_group_pagination_cate{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

.cms_group_pagination .page-item.active .page-link , .cms_group_pagination_cate .page-item.active .page-link  {
    z-index: 1;
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
/*End Phân trang*/

/*Tỷ lệ hình*/

/* 1x1 */
.img-1x1 {
  position: relative;
  padding-top: 100%;
  display: block;
  overflow: hidden;
}
/* 2x1 */
.img-2x1 {
  position: relative;
  padding-top: 50%;
  display: block;
  overflow: hidden;
}

/* 4x3 */
.img-4x3 {
  position: relative;
  padding-top: 75%;
  display: block;
  overflow: hidden;
}

/* 3x4 */
.img-3x4 {
  position: relative;
  padding-top: 133.3333%;
  display: block;
  overflow: hidden;
}

/* 3x2 */
.img-3x2 {
  position: relative;
  padding-top: 66.66666667%;
  display: block;
  overflow: hidden;
}

.img-2x3 {
  position: relative;
  padding-top: 150%;
  display: block;
  overflow: hidden;
}

/* 16x9 */
.img-16x9 {
  position: relative;
  padding-top: 56.25%;
  display: block;
  overflow: hidden;
}

.img-custom {
  position: relative;
  padding-top: 54%;
  display: block;
  overflow: hidden;
}

.img-1x1 img,
.img-4x3 img,
.img-3x4 img,
.img-3x2 img,
.img-16x9 img,
.img-2x3 img,
.img-2x1 img,
.img-custom img{
    transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.img-cms-dqd{
    background:#00000061;
}
/*End Tỷ lệ hình*/

/*Format nội dung chi tiết*/
.fv-content {
  color: #333;
  font-size: 17px;
  line-height: 1.6;
  padding: 0;
  text-align: justify;
}

.fv-content blockquote,
.fv-content dl,
.fv-content h1,
.fv-content h2,
.fv-content h3,
.fv-content h4,
.fv-content h5,
.fv-content h6,
.fv-content ol,
.fv-content p,
.fv-content pre,
.fv-content ul {
    min-width: 100%;
}

.fv-content hr {
    position: relative;
    margin: 4vw 0;
    display: block;
    width: 100%;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #e3e9ed;
}

.fv-content h1,
.fv-content h2,
.fv-content h3,
.fv-content h4,
.fv-content h5,
.fv-content h6 {
    margin-top: 0;
    line-height: 1.15;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

.fv-content h1 {
    margin: 10px 0px;
    font-size: 25px;
    font-weight: 700;
    color:#22313f;
}

.fv-content h2 {
    margin: 10px 0px;
    font-size: 20px;
    font-weight: 700;
}

.fv-content h3 {
    margin: .5em 0 .2em;
    font-size: 1.8rem;
    font-weight: 700;
}

.fv-content h4 {
    margin: .5em 0 .2em;
    font-size: 1.6rem;
    font-weight: 700;
}

.fv-content h5 {
    margin: .5em 0 .2em;
    font-size: 1.6rem;
    font-weight: 700;
}

.fv-content h6 {
    margin: .5em 0 .2em;
    font-size: 1.4rem;
    font-weight: 700;
}

.fv-content a {
    color: #333;
}

.fv-content a:hover {
    color: #3eb0ef;
}
.fv-content em,
.fv-content i,
.fv-content dfn
{
    font-style: italic;
}

.fv-content strong,
.fv-content b
{
    font-weight: 700;
}

.fv-content u,
.fv-content ins
{
    text-decoration: underline;
    background-color: transparent;
}

.fv-content sup {
    top: -.5em;
}

.fv-content sub {
    bottom: -.25em;
}
.fv-content sup,
.fv-content sub {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

.fv-content code, .fv-content kbd, .fv-content pre, .fv-content samp {
    font-size: 1em;
}

.fv-content code {
    padding: 0 5px 2px;
    line-height: 1em;
    font-weight: 400!important;
    background: #fdefef;
    border-radius: 3px;
    color: #630d0d;
}

.fv-content pre {
    overflow-x: auto;
    margin: 1.5em 0 3em;
    padding: 20px;
    max-width: 100%;
    border: 1px solid #333;
    color: #e5eff5;
    background: #0e0f11;
    border-radius: 5px;
}

.fv-content pre code {
    color: #efefef;
    background-color: transparent;
}

.fv-content  blockquote {
    margin: 0 0 1.5em;
    padding: 0 1.5em;
    border-left: 5px solid #3eb0ef;
}

.fv-content blockquote p:last-child {
    margin-bottom: 0;
}

.fv-content blockquote p {
    margin: 0 0 1em;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: italic;
}

.fv-content blockquote p:last-child {
    margin-bottom: 0;
}

.fv-content blockquote cite {
    font-weight: 700;
}

.fv-content abbr, .fv-content dfn {
    cursor: help;
    text-decoration: underline dotted;
    border: 0;
}

.fv-content small {
    font-size: 80%;
}

.fv-content p {
  margin: 5px 0;
  display: inline-block;
}
.fv-content video {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    width: auto;
    height: auto;
    float: initial;
}
.fv-content img{
    display: block;
    margin: 1em auto;
    max-width: 100%;
    float: initial;
    width: 100% !important;
    height: auto !important;
}
.fv-content img.auto{
    width: auto !important;
}
.fv-content dt {
    float: left;
    margin: 0 20px 0 0;
    width: 150px;
    font-weight: 500;
    text-align: right;
}

.fv-content dd {
    margin: 0 0 5px;
    text-align: left;
}

.fv-content li {
    word-break: break-word;
    list-style: inherit;
    margin: .5em 0;
    padding-left: .3em;
    line-height: 1.6em;
}

.fv-content ol,
.fv-content ul {
    padding-left: 1.3em;
    padding-right: 1.5em;
}

.fv-content ul ul {
  margin: 0;
}

.fv-content ul li {
  margin: 0;
  padding: 0;
}

.fv-content ol {
    list-style: decimal;
}

.fv-content > ul {
    list-style: disc;
}

.fv-content > ul > li > ul {
    list-style: circle;
}


.fv-content > ul > li > ul > li ul {
    list-style: square;
}


.fv-content table {
    overflow-x: auto;
    margin: unset;
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: top;
    -webkit-overflow-scrolling: touch;
}

.fv-content ul {
    margin: 1em 0;
    padding-left: 40px;
}

.fv-content table tbody {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
}

.fv-content table th {
    padding: 6px 12px;
}

.fv-content table th {
    color: #15171a;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2px;
    text-align: left;
    text-transform: uppercase;
    background-color: #f4f8fb;
}

.fv-content table td, .fv-content table th {
    padding: 6px 12px;
    border:1px solid #666;
}
/*End Format nội dung chi tiết*/
/*breadcrumbs*/
.d-breadcrumbs-cms {
    margin: 10px 0px;
    width: 100%;
    padding: 8px 0;
/*    background: #f9f9f9;*/
    padding-left: 0px;
/*    border-left: 8px solid var(--main-color);*/
}
.d-breadcrumbs-cms a {
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    font-family:Inter-breadcrumb!important;
    color: #999;
    font-weight: 300;
}

.d-breadcrumbs-cms a:after {
    position: absolute;
    content: "/";
    font: normal normal normal 14px/1 FontAwesome;
    right: -7px;
    top: 13px;
}
.d-breadcrumbs-cms a:last-child:after {
    content: none;
}

.d-breadcrumbs-cms a:hover {
    color: var(--main-color);
}


@media (max-width: 767px) {
  .d-breadcrumbs-cms {
      padding-left: 0px;
  }

  .d-breadcrumbs-cms a {
      padding: 5px 10px;
      font-size: 15px;
  }
  .d-breadcrumbs-cms a:first-child {
      padding-left: 5px;
  }
  .d-breadcrumbs-cms a:after {
    top:10px;
  }
}
/*End breadcrumbs*/

/*Danh sách bài viết*/
.container_list_post_cms .post_cms{
    margin-bottom: 40px;
}

.container_list_post_cms .post_cms:hover .title_post{
  color:var(--main-color);
}
.container_list_post_cms .post_cms .content{
    margin-top: 0px;
    line-height:30px;
}
.container_list_post_cms .post_cms .title_post {
    font-size: 20px;
    color: #22313f;
    font-weight: 500;
    margin-bottom: 6px;
}

.container_list_post_cms .post_cms .title_post:after {
    content: '';
    display: block;
    background: var(--main-color);
    height: 1px;
    width: 47px;
    margin-top: 7px;
}

.container_list_post_cms .post_cms .description {
    color: #666;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
}

.container_list_post_cms  .post_cms .view_more .more {
    padding: 7px 15px;
    color: #ffff;
    background: var(--main-color);
    border-radius: 20px;
    font-weight: 600;
}

.container_list_post_cms  .post_cms .view_more .more:hover {
    padding: 7px 15px;
    color: var(--main-color);
    background: #fff;
    border: 1px solid var(--main-color);
    border-radius: 20px;
    font-weight: 600;
}

@media screen and (max-width: 991px){
  .container_list_post_cms .post_cms .title_post{
    margin-top:15px;
  }
  .section_coupon .swiper-slide, .group_information_customer .choose .information{
    margin:15px 0px;
  }
}
/*End Danh sách bài viết*/

/*Chi tiết bải viết*/
.single_cms .s-social {
    color: #555555;
    margin-top: 29px;
    margin-bottom: 28px;
}
.single_cms .s-social .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 300;
    margin-top: -3px;
    margin-right: 4px;
}

.single_cms .s-social .ctrl {
    display: inline-block;
    vertical-align: middle;
}
.single_cms .s-social .ctrl .tcw-social-icons , .group_tag{
    display: inline-flex;
}
.single_cms .s-social .ctrl .tcw-social-icons li , .group_tag li{
    margin: -21px 5px 0px 5px;
     display: inline-flex;
}
.single_cms .s-social .ctrl .tcw-social-icons li:hover a{
  color : var(--main-color);
}

.tags_cms {
    margin:15px 0px;
}
.tags_cms a {
    display: inline-block;
    padding: 5px 10px;
    background: var(--main-color);
    color: #FFF;
    margin-right:7px;
    margin-bottom:10px;
}

.tags_cms a:hover{
  background: var(--main-color);
}
.tags_cms .tags_title{
  font-size: 15px;
  font-weight: 700;
  margin-right: 10px;
}


.l-bor-box-cms {
    border-left: solid 1px #e2e2e2;
    position: relative;
    padding-left: 27px;
    padding-top: 2px;
}
.l-bor-box-cms:before {
    content: '';
    position: absolute;
    left: -1px;
    width: 3px;
    background: var(--main-color);
    height: 50px;
}

.l-bor-box-cms .i-title {
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 34px;
}
.l-bor-box-cms .i-title:after {
    content: '';
    display: block;
    height: 1px;
    width: 50px;
    margin-top: 10px;
    background: var(--main-color);
}

.l-post-box-cms li {
    margin-bottom: 18px;
}
.l-post-box-cms li a {
    position: relative;
    padding-left: 19px;
    font-size: 16px;
    color: #999999;
    display: inline-block;
    vertical-align: middle;
}
.l-post-box-cms li a:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: solid 2px #999999;
    position: absolute;
    left: 0;
    top: 1px;
}
.l-post-box-cms li a:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    top: 5px;
    left: 4px;
    border-radius: 50%;
}
.l-post-box-cms li a:hover {
    color: var(--main-color);
}
.l-post-box-cms li a:hover:before {
    border-color: var(--main-color);
}
.l-post-box-cms li a:hover:after {
    background: var(--main-color);
}
/*End Chi tiết bải viết*/

/*Css Sidebar*/
.sidebar_cms {
    margin-left: 20px;
    margin-bottom: 40px;
}
.sidebar_cms .bor-box {
    border-left: solid 1px #e2e2e2;
    position: relative;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 35px;
}
.sidebar_cms .bor-box:before {
    content: '';
    position: absolute;
    left: -1px;
    width: 3px;
    background: var(--main-color);
    height: 50px;
}

.sidebar_cms .bor-box .i-title {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #22313f;
    margin-bottom: 34px;
}
.sidebar_cms .bor-box .i-title:after {
    content: '';
    display: block;
    height: 1px;
    width: 50px;
    margin-top: 10px;
    background: var(--main-color);
}
.sidebar_cms .cate-box ul li {
    position: relative;
}
.sidebar_cms .cate-box ul li.sub:not(:first-child){
    margin-top: 10px;
}
.sidebar_cms .cate-box ul li a {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.sidebar_cms .cate-box li a {
    font-size: 18px;
    font-weight:500;
    color: #333333;
    display: block;
    padding-bottom: 14px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 0px;
}
.sidebar_cms .cate-box li a:hover{
    color:var(--main-color);
}

.sidebar_cms .cate-box > ul > li span {
    position: absolute;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
    top: 0px;
}
.sidebar_cms .dropdown-arrow i.fa {
    color: #666666;
    font-weight: 200;
}
.sidebar_cms .cate-box .sub-cate {
    padding-left: 15px;
    display: block;
    margin-top:10px;
}
.sidebar_cms .cate-box .sub-cate li {
    border-bottom: none;
    font-size: 16px;
    color: #555555;
    display: block;
    text-transform: capitalize;
    padding-left: 16px;
}
.sidebar_cms .cate-box .sub:hover > a , .sidebar_cms .cate-box .sub-cate li:hover > a{
  color:var(--main-color);
}
.sidebar_cms .cate-box .sub-cate li a {
    border: none;
    color: #444444;
}

.sidebar_cms .sub-cate li a:after {
    content: '';
    width: 4px;
    height: 4px;
    background: #666666;
    position: absolute;
    left: 5px;
    top: 11px;
    font-size: 8px;
}
.sidebar_cms .cate-box .sub-cate .sub-cate{
    display: none;
}

.sidebar_cms .sb-post-cms .price{
    font-size:15px;
    width: 100%;
    color:#666;
}
.sidebar_cms del{
    color:#666;
}

.sidebar_cms  .img_block{
    text-align: center;
}

.percent_saleoff_sidebar{
    position: absolute;
    background: var(--main-color);
    color: #fff;
    top: 0;
    right: 5px;
    font-size: 12px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
}
.post-box-cms {
    padding-bottom: 34px;
}

.sb-post-cms {
    padding-top: 1px;
    padding-bottom: 25px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 26px;
}
.pr-2, .px-2 {
    padding-right: .5rem!important;
}

.sb-post-cms .img {
    border-radius: 3px;
    overflow: hidden;
}

.sb-post-cms .title {
    color: #22313f;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    margin-top: -5px;
    font-size: 16px;
    text-transform: initial;
    margin-bottom: 7px;
}
.sb-post-cms:hover .title{
    color: var(--main-color);
}
.sidebar_cms .group_price_cms .price span.promotion_price{
    color:var(--main-color);
}


.sidebar_cms .cate-box .dropdown-arrow {
    cursor: pointer; /* Thay đổi con trỏ khi di chuột vào mũi tên */
}
.sidebar_cms .cate-box .sub .sub-cate{
    display: none;
}
 .sidebar_cms .cate-box .sub-menu-open .sub-cate {
    display: block; /* Hiển thị sub-menu khi có lớp .sub-menu-open */
}


@media screen and (max-width:991px){
    .sidebar_cms{
        margin-left: 0px
    }

}
/*End Css Sidebar*/

/*Bài viết liên quan*/
.bor-box-related {
    margin: 20px 0px 60px 0px;
}

.bor-box-related h3 a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.bor-box-related h3 a:before {
    content: '✿';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 0;
}

.bor-box-related h3 a:hover:before {
    border-color: #d50a63;
}
.sb-post-related h3 a {
    position: relative;
    padding-left: 19px;
    font-size: 16px;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
}
.sb-post-related .ct .title {
    font-size: 16px;
    line-height: 26px;
    color: #555555;
    margin-bottom: 20px;
    font-weight: 700;
    max-height: 72px;
    margin-top: 5px;
}

.sb-post-related .ct p {
    line-height: 24px;
    color: #666666;
}
.sb-post-related img{
    width: 100%;
    height:auto;
}
.sb-post-related .img_block{
    padding:0px;
}

.bor-box-related .i-title {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 20px;
    margin-left: 10px;
}

.bor-box-related:before {
    content: '';
    position: absolute;
    left: 11px;
    width: 3px;
    background: var(--main-color);
    height: 50px;
}

.bor-box-related .i-title:after {
    content: '';
    display: block;
    height: 1px;
    width: 50px;
    margin-top: 10px;
    background: var(--main-color);
}
@media screen and (max-width: 991px) {
    .sb-post-related .img {
        float: unset;
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .sb-post-related .ct{
        margin:5px 0px;
        padding: 0px 20px;
    }
    .sb-post-related .ct .title{
        margin-bottom:10px;
    }
}
/*End Bài viết liên quan*/

/*Css phần sắp xếp*/
.sort-product-container p{
    margin: 15px 0px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #22313f;
}
.form-sort-inline{
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
    margin-bottom:20px;
}
.form-sort-label .form-sort-input {
    float: left;
    padding: 0px 8px;
    margin-right: 0px;
    border-radius: .5rem;
    min-height: 34px;
    line-height: 34px;
    background: #fff;
    text-align: center;
    border: 1px solid #E5E7EB;
    color:#22313f;
    font-weight:500;
}
.form-sort-label .form-sort-input:hover,
.form-sort-label .form-sort-input.active{
    border: 1px solid var(--main-color);
/*    background: #eafff2;*/
    color: var(--main-color);
}
.form-sort-input img {
    transition: filter 0.3s ease;
}
.form-sort-label .form-sort-input:hover svg path, .form-sort-label .form-sort-input.active svg path {
    fill: var(--main-color);
}
/*End Css phần sắp xếp*/

/*loader */
/* Absolute Center Spinner */
.loading-mask-hidden {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading-mask-hidden:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading-mask-hidden:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading-mask-hidden:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*End loader */

/*filter*/

@font-face {
  font-family: ElegantIcons;
  src: url(../fonts/elegantIcon/fonts/ElegantIcons.eot);
  src: url(../fonts/elegantIcon/fonts/ElegantIcons.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/elegantIcon/fonts/ElegantIcons.woff) format("woff"),
    url(../fonts/elegantIcon/fonts/ElegantIcons.ttf) format("truetype"),
    url(../fonts/elegantIcon/fonts/ElegantIcons.svg#ElegantIcons) format("svg");
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
  font-family: ElegantIcons;
  content: attr(data-icon);
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sb-filter .item{
    padding-left:12px;
}
.sb-filter .item.vdrop .title {
    position: relative;
    cursor: pointer;
    margin-top: 20px;
}
.sb-filter .item .title {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    font-family: Arial;
    margin-bottom: 8px;
}
.sb-filter .item.vdrop .title:before {
    font-family: ElegantIcons;
    content: "\4b";
    font-weight: 400;
    position: absolute;
    right: 0;
    font-size: 16px;
    margin-top: -1px;
}

.sb-filter .item.vdrop .title.active:before {
    font-family: ElegantIcons;
    content: "\4c";
}
.sb-filter .item.vdrop .title:before {
    font-weight: 700;
    font-size: 20px;
    margin-top: -3px;
}
.sb-filter .filter-check {
    display: flex;
    cursor: pointer;
    margin-bottom: 13px;
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center;
}
.sb-filter .filter-check input[type=checkbox], .sb-filter .filter-check input[type=radio] {
    margin: 0px 10px 0px 0px;
}

.sb-filter .item .hide-load {
    display: none;
}
.btn-filter-cate-pro{
    border: 1px solid #fff;
    background: #d80762;
    color: #fff;
    width: 50%;
    text-align: center;
}
/*filter*/
.no-pro-cate-text{
    font-weight: 600;
    font-size:18px;
}
.img-no-pro-cate{
    width: 360px;
    height:360px;
}
/*Css trang giỏ hàng*/
.cart-table , .group_information_customer{
    margin-top: 20px;
}
.cart-table .products-cart {
    overflow: auto;
}
.cart-table .table-customize {
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    display: table;
}
.cart-table .table-customize > thead > tr {
    background-color: var(--main-color);
    border-radius: 0;
}
.cart-table .table-customize > thead > tr > th {
    color: #fff;
    border-bottom: none;
    padding: 10px 14px;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid rgb(251, 224, 223);
}
.cart-table .table-customize > thead > tr > th:first-child {
    border-radius: 3px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.table-customize > tbody > tr > td {
    vertical-align: middle;
    padding: 15px;
    font-size: 16px;
    color: #333;
    border: 1px solid #efeeee;
}

.cart-table .table-customize > tbody > tr > td a {
    text-decoration: none;
    font-weight: bold;
}

.cart-table .prod-btns > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 43px;
    height: 43px;
    border-radius: 0;
}
.cart-table .prod-btns .quantity .qty {
    border-radius: 2em;
    height: 36px;
    line-height: 35px;
    padding: 5px 20px;
    text-align: center;
}
.cart-table a.remove_pro {
    margin-right: 20px;
    margin-left: 10px;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: .25rem .5rem;
    font-size: 12px;
    line-height: 1.5;
    border-radius: .2rem;

}
.cart-table .prod-btns .quantity {
    position: relative;
    width: 140px;
    font-weight:500;
}
.cart-table .single-price, .cart-table .total_price{
    color:#ca2e2a;
    font-size: 16px;
}
.cart-table .continue-shopping {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    display: inline-block;
    margin-bottom: 30px;
    padding: 30px 0;
    vertical-align: middle;
    width: 100%;
    text-align: right;
}
.cart-table .row_width{
    width: 300px;
}
.cart-table .subtotal_all {
    color: #ca2e2a;
    font-size: 20px;
}
.cart-table .shp-btn > .btn {
    margin: 15px;
    border-radius: 50px;
}
.cart-table .shp-btn a{
    background-color: #ca2e2a;
    color: #fff;
}

.cart-table .image img{
    max-width: 100px;
    max-height: 100px;
}

.cart-table .group_variant_cart{
    margin-top:7px;
    font-size: 14px;
    color:#ca2e2a;
}
.cart-table .product-title{
    color:#333;
}
@media (min-width: 1024px){
    .product-item:hover{
        box-shadow:0 7px 29px 0 rgba(99,99,110,.2);
    }
    .cart-table .products-cart tr th, .cart-table .products-cart tr td:not(:nth-child(2)) {
        text-align: center;
    }
}

@media screen and (max-width: 991px){
    .cart-table .table-responsive {
        border: 1px solid #f1eded;
    }
    .cart-table .table-responsive, .cart-table .table-responsive thead, .cart-table .table-responsive tbody, .cart-table .table-responsive th, .cart-table .table-responsive td, .cart-table .table-responsive tr {
        display: block;
    }
    .cart-table .table-responsive tr{
        margin-bottom:15px;
    }
    .cart-table .table-responsive > thead > tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .cart-table .table-responsive > tbody > tr:last-child {
        border-radius: 0 0 3px 3px;
        border-bottom: none;
    }

    .cart-table .table-responsive > tbody > tr td {
        border: none;
        border-bottom: 1px solid #f1eded;
        position: relative;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        text-align: center;
    }
    .cart-table .table-responsive > tbody > tr td:before {
        content: attr(data-title);
        position: absolute;
        top: 15px;
        left: 14px;
        width: 30%;
        padding-right: 10px;
        white-space: nowrap;
        font-size: 14px;
    }
    .cart-table .image img{
        width: 200px;
    }
    .cart-table .continue-shopping{
        text-align: center;
    }
}

/*End Css trang giỏ hàng*/

/*Trang checkout*/
.checkout_cms .nav-tabs>li.active>a, .checkout_cms .nav-tabs>li.active>a:focus, .checkout_cms .nav-tabs>li.active>a:hover{
    color:#e62e24;
    font-weight: bold;
}
.price_and_quantity{
    font-size: 16px;
    font-weight: 500;
    color: #ca2e2a;
    margin-top: 10px;
}
.group_information_customer label{
    font-weight:500;
    font-size:16px;
    margin:5px 0px;
}
.group_information_customer .note_required {
    color: #ca2e2a;
    font-weight: bolder;
    font-size:16px;
}

.group_information_customer h2 {
    font-size: 22px;
    margin: 15px 0;
}

.group_information_customer .select-item {
    padding: 12px 15px;
    color: #333333;
    border-radius: 4px;
    display: block;
    background: #fff;
    box-shadow: 0 0 0 1px #d9d9d9;
    cursor: pointer;
    font-weight:500;
}

.group_information_customer .select-item input {
    display: none;
}

.group_information_customer .select-item input:checked + .circle:before {
    border-color: #338dbc;
}
.group_information_customer .select-item input:checked + .circle:before {
    border-color: #338dbc;
}
.group_information_customer .select-item .circle:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
    border: solid 7px #ccc;
}
.group_information_customer  .choose .information {
    display: block;
    font-size: 14px;
    color: #080006;
    line-height: 30px;
}

.group_information_customer .btn-checkout-block .btn-checkout {
    padding: 10px;
    margin-top: 20px;
}
.group_information_customer .form-control{
    border: 1px solid #a7a7a7;
    font-weight:500;
    font-size:16px;
}
.icon_payment{
    width: 40px;
    height:40px;
}
/*End Trang checkout*/

/*Voucher*/
.voucher_list{
    margin-bottom:20px;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.voucher_code_item_label {
    font-size: 16px;
    color: #333;
    margin-right: 15px;
    margin-top: 8px;
    font-weight:600;
}
.voucher_code_item {
    cursor: pointer;
    padding: 3px 12px;
    border: 1px solid var(--main-color);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-color);
    position: relative;
    margin: 8px 12px 0px 0px;
    background-color: #e5eef7;
}
.voucher_code_item:after, .voucher_code_item:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: transparent var(--main-color) var(--main-color) transparent;
    border-image: initial;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%;
}
.voucher_code_item:after {
    right: -6px;
    transform: rotate(135deg);
}
.voucher_code_item:before {
    left: -6px;
    transform: rotate(-45deg);
}
.voucher_code_item span {
    line-height: 1.3;
    font-size: 15dpx;
    padding: 3px 7px;
    position: relative;
    font-weight: bold;
}
/*End Voucher*/

/*Trang liên hệ*/
.main_containt_contact .btn_submit_contact {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 10px;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-color: var(--main-color);
        color: #fff;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 35px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 20px;
    }

    .main_containt_contact .f-line p{
        margin-bottom:10px;
    }
/*End Trang liên hệ*/

/*Trang thanh toan thanh công*/
.finished_cart h1{
    font-size:25px;
}
.finished_cart .panel-title {
    font-size: 18px;
    color:#fff;
}

.finished_cart .panel-body {
    padding: 15px;
    border: 1px solid var(--main-color);
}

.finished_cart .table > thead > tr > th {
    background-color: var(--main-color);
    color:#fff;
    text-align:center;
}
.finished_cart .table > tbody > tr{
    text-align:center;
}

.finished_cart .panel-heading{
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.finished_cart .btn-block {
    font-size: 16px;
    padding: 15px;
}

.finished_cart .btn-block:hover {
    background-color: var(--main-color);
}
.finished_cart .pro_thumb{
    width: 70px;
    height:auto;
}
.finished_cart .title_checkout{
    margin-bottom:20px;
}
.finished_cart .btn-success {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
/*End Trang thanh toan thanh công*/

/*User trên top menu*/
.cms-h-user {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-left: 22px;
    cursor: pointer;
}

.cms-h-user a:hover{
  color: var(--main-color);
}
.cms-h-user .pane {
    font-size: 16px;
}

.cms-h-user .pane i {
    font-size: 13px;
}
.cms-h-user ul {
    position: absolute;
    z-index: 1000;
    text-align: left;
    top: 100%;
    background: #f2f2f2;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
    color: #787777;
    width: 180px;
    padding: 12px;
    display: none;
}

.cms-h-user ul li:first-child{
    border-bottom: 1px solid #ccc6c6;
}

.cms-h-user ul a {
    font-size: 15px !important;
    display: inline-block !important;
    padding: 2px 10px 2px 15px !important;
    color:#333 !important;
    text-transform: initial !important;
}

.cms-h-user ul a:hover{
    color:#333;
}
.submit_form{
    padding: 0px !important;
    text-align: center;
}
@media (max-width:991px){
  .cms-h-user{
    display: none;
  }
  .nav-ct .h-sign {
      display: flex;
      flex-wrap: wrap;
      color: #fff;
      align-items: baseline;
      margin: 15px;
  }
  a.link_login_res{
    margin-left:5px;
  }
  a.link_login_res:first-child{
    margin-right:5px;
  }
}
@media (min-width: 1025px){
    .cms-h-user:hover ul {
        display: block;
    }
}
/*End User trên top menu*/

/*Form search ajax*/
.wrap-suggestion {
    border: 1px solid #e2e2e2;
    background: #fff;
    position: absolute;
    top:110%;
    width: 100%;
    margin-right: 0%;
    max-height: 400px;
    overflow-y: auto;
}
.wrap-suggestion li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px dotted #ccc;
}
.wrap-suggestion li a {
    display: block;
    overflow: hidden;
    padding: 6px;
    color: #333;
    font-size: 12px;
}
.wrap-suggestion li a img {
    float: left;
    width: 60px;
    height: 60px !important;
    margin: 0 25px;
    object-fit: contain;
}
.wrap-suggestion li a h2{
  font-size: 15px;
}
.wrap-suggestion .title_search a{
  color: var(--main-color);
  font-size: 15px;
}
.wrap-suggestion .price_old{
  margin-right: 5px;
  text-decoration: line-through;
  color: #bbbbbb;
  font-weight: 600;
}
.wrap-suggestion .price{
  color:var(--main-color);
  margin-right: 10px;
  font-weight: 600;
}
.view-more-search a{
      text-align: center;
      padding: 5px;
      background: var(--main-color);
      font-size: 14px !important;
       color: #fff !important;
      cursor: pointer;
      display: block;
}

/*End Form search ajax*/

/*Gallery*/
.container_list_gallery_cms .c-album {
    margin-bottom: 30px;
}
.container_list_gallery_cms h3 {
    text-align: center;
    font-size: 15px;
    color: #FFF;
    text-transform: uppercase;
    background: var(--main-color);
    padding: 8px;
    overflow: hidden;
}
/*End Gallery*/

/*danh sách chi nhánh*/

.container_list_branch_cms .pannel {
    max-height: 100%;
    overflow-y: auto;
    padding: 20px;
}
.container_list_branch_cms .pannel {
    padding-top: 0 !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .13);
    border-radius: 10px;
}

.container_list_branch_cms .pannel>h3 {
    background-color: #fff;
    color: #4f4e4e;
    padding: 10px;
    top: 0;
    position: sticky;
    z-index: 9;
    text-align: left;
    font-weight: bold;
    text-transform: initial;
    font-size:18px;
}
.container_list_branch_cms .pannel>h3 a{
    font-size: 14px;
}

.container_list_branch_cms .list_branchs{
    margin:20px 0px;
}
.container_list_branch_cms .list_branchs:first-child{
    margin-top:5px;
}
.container_list_branch_cms .list_branchs  p{
    position: relative;
    display: inline-flex;
    align-items: start;
}
.container_list_branch_cms .list_branchs  p.phone {
    margin-right: 10px;
    display: inline-block;
    width: 45%;
}
.container_list_branch_cms .list_branchs  p.open_close_door {
    display: inline-block;
    width: 45%;
    text-align:right;
}
.container_list_branch_cms .list_branchs  p.phone img,
.container_list_branch_cms .list_branchs  p.open_close_door img{
    margin-right:5px;
}
.container_list_branch_cms .list_branchs a{
    font-weight:600;
}
.load_map #g_load_map{
    width: 100% !important;
    height: 588px !important;
    max-height:588px !important;
    border: 0;
    transition: transform 0.3s ease;
    border-radius:.5rem;
}
.load_map {
    position: relative;
    overflow: hidden;
}
#g_load_map .leaflet-popup-content{
    width: 460px !important;
}

.leaflet-popup-content .localstore_box {
    padding: 0;
    font-size: 14px;
    display: inline-flex;
}
#g_load_map .leaflet-popup-content .localstore_img {
    width: 25%;
}
.localstore_img img {
    width: 128px;
    height: 128px;
    object-fit:contain;
}
.localstore_info {
    overflow: hidden;
    width: 75%;
}
.localstore_info_phone{
    margin-right:10px;
}
.localstore_info_name{
    padding-left:25px;
}
#g_load_map .leaflet-popup-content .localstore_box .localstore_info_name>strong {
    font-size: 16px;
}
.localstore_info>ul {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}
.localstore_info>ul li {
    margin: 0 0 8px 0 !important;
    position: relative;
    padding: 0 0 0 25px;
}
/*End danh sách chi nhánh*/

/*Voucher*/
.section_coupon {
  margin-bottom: 15px;
}
.section_coupon .swiper-slide {
  width: 295px;
  margin-right: 30px;
  display: flex;
  align-items: center;
  border: 2px solid var(--main-color);
  border-radius: 8px;
  background: #fff;
}
.section_coupon .swiper-slide .image {
  min-width: 75px;
  height: 80px;
  display: flex;
  border-right: 1px solid var(--main-color);
  display: block;
  position: relative;
}
@media (max-width: 350px) {
  .section_coupon .swiper-slide .image {
    min-width: 65px;
    height: 90px;
  }
}
.section_coupon .swiper-slide .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 8px;
}
.section_coupon .swiper-slide .image:before,
.section_coupon .swiper-slide .image:after {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent var(--main-color) var(--main-color) transparent;
  border-image: initial;
  position: absolute;
  border-radius: 50%;
  left: calc(100% - 14px / 2);
}
.section_coupon .swiper-slide .image:before {
  top: -23px;
  transform: rotate(45deg);
}
@media (max-width: 321px) {
  .section_coupon .swiper-slide .image:before {
    top: -8px;
  }
}
.section_coupon .swiper-slide .image:after {
  bottom: -23px;
  transform: rotate(-135deg);
}
@media (max-width: 321px) {
  .section_coupon .swiper-slide .image:after {
    bottom: -8px;
  }
}
.section_coupon .swiper-slide .content_wrap {
  display: flex;
  flex-direction: column;
  padding: 5px;
  position: relative;
  width: 100%;
}
.section_coupon .swiper-slide .content_wrap .content-top {
  font-size: 16px;
}
.section_coupon .swiper-slide .content_wrap .content-top span {
  display: block;
  font-size: 12px;
  color: #000;
}
.section_coupon .swiper-slide .content_wrap .content-top span.name_voucher{
    font-size: 16px;
    color:var(--main-color);
    font-weight:600;
}
@media (max-width: 350px) {
  .section_coupon .swiper-slide .content_wrap .content-top {
    font-size: 14px;
  }
  .section_coupon .swiper-slide .content_wrap .content-top span {
    font-size: 10px;
  }
}
.section_coupon .swiper-slide .content_wrap .content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section_coupon .swiper-slide .content_wrap .content-bottom span {
  color: var(--main-color);
  font-size: 12px;
}
.section_coupon .swiper-slide .content_wrap .content-bottom .coupon-code {
  display: inline-block;
  color: #fff;
  background: var(--main-color);
  padding: 5px 10px;
  border-radius: 8px;
  margin-top: 5px;
  margin-left: 0px;
  min-width: 90px;
  text-align: center;
  cursor: pointer;
}
.section_coupon .swiper-slide .content_wrap .content-bottom .coupon-code:hover {
  background: #d82700;
}
.section_coupon .swiper-slide .content_wrap .info-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 14px;
  border: 1px solid var(--main-color);
  border-radius: 99px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.section_coupon .swiper-slide .content_wrap .info-button svg {
  width: 10px;
  height: 10px;
  fill: var(--main-color);
}
.section_coupon .swiper-slide .content_wrap .info-button:hover svg {
  fill: #d82700;
}
.popup-coupon {
  padding: 0 8px;
  box-sizing: border-box;
  width: 450px;
  max-height: 505px;
  height: auto;
  background: transparent;
  margin: 0 auto;
  position: relative;
  position: fixed;
  left: 50%;
  top: 10%;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
    visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: none;
  touch-action: manipulation;
  opacity: 0;
  transform: translateX(-50%);
  z-index: -1;
  min-height: 200px;
}
@media (max-width: 767px) {
  .popup-coupon {
    width: 100%;
  }
}
.popup-coupon.active {
  opacity: 1;
  z-index: 99999;
}
.popup-coupon .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px;
  background-color: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}
.popup-coupon .content .title {
  display: block;
  width: 100%;
  padding: 10px;
  background: var(--main-color);
  color: #fff;
}
.popup-coupon .content .close-popup-voucher {
  position: absolute;
  top: 8px;
  right: 10px;
}
.popup-coupon .content .close-popup-voucher svg {
  width: 15px;
  height: 15px;
  transition: transform 0.3s;
}
.popup-coupon .content .close-popup-voucher svg path {
  fill: #fff;
}
.popup-coupon .content .close-popup-voucher:hover svg {
  transform: rotate(90deg);
}
.popup-coupon .content ul {
  width: 100%;
}
.popup-coupon .content ul li {
  padding: 10px;
  display: flex;
}
.popup-coupon .content ul li:nth-child(2n + 1) {
  background-color: #f9f9f9;
}
.popup-coupon .content ul li span:first-child {
  min-width: 126px;
  display: inline-block;
  color: var(--main-color);
}

.popup-coupon {
    padding: 0 8px;
    box-sizing: border-box;
    width: 450px;
    max-height: 505px;
    height: auto;
    background: transparent;
    margin: 0 auto;
    position: relative;
    position: fixed;
    left: 50%;
    top: 10%;
/*    right: 0%;*/
/*    bottom: 0%;*/
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    box-shadow: none;
    touch-action: manipulation;
    opacity: 0;
    transform: translateX(-50%);
/*    transform: translateY(50%);*/
    z-index: -1;
    min-height: 200px;
}
.backdrop__body-backdrop___1rvky.active {
    visibility: visible;
    opacity: 0.5;
}
.backdrop__body-backdrop___1rvky {
    position: fixed;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0 !important;
    right: 0;
    bottom: 0;
    background-color: #363636;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.member_voucher{
    position: absolute;
    right: 45px;
    top: 2px;
}
/*End Voucher*/

/*Chuyên mục sản phẩm render*/
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px); /* Di chuyển xuống dưới */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Vị trí ban đầu */
    }
}

.product-item {
    animation: fadeInUp 0.5s ease forwards; /* Áp dụng hiệu ứng */
/*    margin-right: 10px*/
}


.load-more-cate{
    border: 1px solid var(--main-color);
    max-width: 150px;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}
.load-more-cate:hover{
    background: var(--main-color);
    color:#fff;
}
/*End Chuyên mục sản phẩm render*/


/*Thương hiệu*/
.block-filter-brands .brands_content {
    overflow-x: auto;
}
.block-filter-brands .brands_content .list-brand {
    display: flex;
    flex-wrap: wrap;
}
.block-filter-brands .brands_content .list-brand__item {
    font-family: Inter!important;
    align-items: center;
    border-radius: .5rem;
    display: flex;
    color:#22313f;
    justify-content: center;
    margin: 0 10px 10px 0;
    padding: 2px .5rem;
    border: 1px solid #e5e7eb;
    font-size:14px;
}

.block-filter-brands .brands_content .list-brand__item:hover {
    border: 1px solid #f36f24;
    color: #f36f24;
}
.block-filter-brands .brands_content .list-brand__item img {
    height: 40px;
    width: auto;
    object-fit: contain;
}
/*End Thương hiệu*/

/*Option*/
label.text-variant-custom {
    color: #555;
    min-width: 84px;
    height: 33px;
    width: auto;
    line-height: 33px;
    text-align:center;
    margin-left:0px;
    border:1px solid #bfc4c9;
    border-radius:.25rem;
    padding:0px 15px;
}
label.text-variant-custom.active{
    color: #eb3e32;
    border:1px solid #eb3e32;
}
label.text-variant-custom > span {
    font-size: 12px;
    font-weight: 500;
}
.swatch-element-custom{
    margin: 0px 10px;
    border-radius:5px;
}


.swatch-element-custom:not(:first-child) {
    margin-left: 0px;
}
div.text-label {
    width: 100%;
    font-size: 13px;
    color: #555;
    margin-bottom: 12px;
}
.swatch-element {
    display:inline-block;
    margin: 5px 0px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height:auto;
}
.swatch-element-custom{
    margin: 5px 5px 0px 0px !important;
}
.swatch-element-show{
    width: 35px;
}


.content_varitant_cms .swatch-element{
    display: inline-flex;
    box-shadow:0 0 0 3px #ffffff, 0 0 0 4px #cbcbcb;
    justify-content:center;
    align-items:center;
    border-radius:.15rem;
    position: relative;
    min-height:33px;
    height:33px;
    min-width:75px;
}

.swatch-element-text{
    height:23px !important;
    min-height:23px !important;
}


.swatch-element-thumbnail:has(input[type="radio"]:checked):before,.swatch-element-text:has(input[type="radio"]:checked):before{
    content: '\f058';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0px;
    top: -3px;
    color: #fff;
    z-index: 1;
    font-size: 10px;
}
.swatch-element-thumbnail:has(input[type="radio"]:checked):after,.swatch-element-text:has(input[type="radio"]:checked):after{
    content: "";
    position: absolute;
    top: -1px;
    border-top-right-radius:5px;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 25px solid #C90000;         /* tam giác màu đỏ */
    border-left: 25px solid transparent;
    color: white;                       /* màu dấu check */
    font-size: 14px;
    font-weight: bold;
    line-height: 0;
    padding: 18px 0 0 0;                /* đẩy dấu check xuống giữa tam giác */
    text-align: right;
    box-sizing: content-box;
    transform: translate(2px, -2px);    /* căn chỉnh nhẹ */
}
.content_varitant_cms .swatch-element-color{
    box-shadow:none;
}
label.color-code-variant {
    min-width: 24px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    box-shadow: 0 0 0 1px #00000000, 0 0 0 1px #00000038;
    border-radius: 50%;
    cursor:pointer;
}
label.color-code-variant.active, label.color-code-variant:hover{
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #ff5c00;
}

.name-code-variant{
    border: 1px solid #9b9191;
    padding: 10px;
    line-height: 10px;
    border-radius: 5px;
    cursor:pointer;
}

.text-variant-custom.active:before{
    content: '\f058';
    font-family: 'FontAwesome';
    position: absolute;
    right: 3px;
    top: -9px;
    color: #fff;
    z-index: 1;
    font-size: 10px;
}
.text-variant-custom.active:after{
    content: "";
    position: absolute;
    top: 2px;
    border-top-right-radius:5px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 25px solid #C90000;         /* tam giác màu đỏ */
    border-left: 25px solid transparent;
    color: white;                       /* màu dấu check */
    font-size: 14px;
    font-weight: bold;
    line-height: 0;
    padding: 18px 0 0 0;                /* đẩy dấu check xuống giữa tam giác */
    text-align: right;
    box-sizing: content-box;
    transform: translate(2px, -2px);    /* căn chỉnh nhẹ */
}
/*End Option*/
.icon_social_footer:first-child{
    margin-left:0px;
}
.icon_social_footer{
    margin: 0px 5px;
}
.img_social_footer{
    width:32px;
    height:32px;
}
.group_social_footer{
    margin-bottom:5px;
}

@media screen and (max-width:1366px) and (min-width:1280px){
    .swatch-element-show{
        width: 30px;
    }
}
.pro-detail .wrapInfo .box-tocart .actions_buy_cart {
    display: block;
}
.pro-detail .wrapInfo .box-tocart .actions_buy_cart a.buy-now {
     margin-left: 0px;
}
.pro-detail .wrapInfo .box-tocart .actions .primary {
    width: 100%;
    display: block;
    text-align:center;
    text-transform:initial;
    font-weight:500;
    border-radius:5px;
    padding: 10px 0px;
}
.pro-detail .wrapInfo .box-tocart .actions .primary p{
    margin:0px;
    font-size:15px;
}
.pro-detail p.buy-now-text{
    font-size:15px;
    font-weight:700;
}

.pro-detail p.buy-now-des{
    font-size:13px !important;
    font-weight:300;
}

/*Css nut liên hệ*/
.vka-wrapper {
    position: fixed;
    bottom: 12%;
    right: -4px;
    z-index: 9;
}

.vka-checkbox {
    display: none !important;
}

.vka {
    width: 60px;
    max-width: unset;
    height: 60px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
    background: #c31d1d;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    position: absolute;
    right: 42px;
    bottom: 65px;
    z-index: 1000;
    overflow: hidden;
    transform: rotate( 0deg );
    -webkit-transition: all .15s cubic-bezier(.15,.87,.45,1.23);
    transition: all .15s cubic-bezier(.15,.87,.45,1.23);
}

.vka-checkbox:checked~.vka {
    -webkit-transition: all .15s cubic-bezier(.15,.87,.45,1.23);
    transition: all .15s cubic-bezier(.15,.87,.45,1.23);
    width: 30px;
    height: 30px;
    right: 55px;
    bottom: 55px;
    cursor: pointer;
}

[class*=icon-cps-] {
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAB1CAYAAAAoV//gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFMzM1MDcwNDAyMTFFQ0I0OTJBMEYxN0VGQ0ExRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFMzM1MDgwNDAyMTFFQ0I0OTJBMEYxN0VGQ0ExRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUUzMzUwNTA0MDIxMUVDQjQ5MkEwRjE3RUZDQTFFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUUzMzUwNjA0MDIxMUVDQjQ5MkEwRjE3RUZDQTFFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phh/T5sAACNZSURBVHja7F0HuFXF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)!important;
    background-repeat: no-repeat;
    background-size: 148px;
}

.icon-cps-vka-menu {
    width: 50px;
    height: 50px;
    margin: 0 !important;
    background-size: 200px;
    background-position: -155px 0;
}
.vka-checkbox:checked~.vka .icon-cps-vka-menu {
    width: 20px;
    height: 20px;
    margin: 0;
    background-size: 100px;
    background-position: -79px -29px;
}

.vka-wheel {
    position: absolute;
    bottom: 18px;
    right: 18px;
    transform: scale(0);
    transform-origin: bottom right;
    /*transition: all .3s ease;*/
    z-index: 12;
}

.vka-checkbox:checked~.vka-wheel {
    transform: scale(1);
}

.vka-wheel .vka-action {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    text-decoration: none;
}

.vka-wheel .vka-action:hover {
    transform: scale(1.1);
}

.vka-wheel .vka-action-1 {
    bottom: 330px;
    right: 0;
}

.vka-button {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 10px;
    border-radius: 50%;
    background: #0f1941;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    font-size: 24px;
    color: #fff;
    transition: all 1s ease;
    overflow: hidden;
}
.vka-button img{
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.vka-wheel .icon-cps-local {
    width: 30px;
    height: 30px;
    background-position: -5px -43px;
}

.vka-wheel .icon-cps-mail {
    width: 30px;
    height: 30px;
    background-position: -8px -5px;
}

.vka-wheel .icon-cps-facebook {
    width: 30px;
    height: 30px;
    background-position: -80px -43px;
}

.vka-wheel .vka-button-1 {
    background: #EA4335;
}

.vka-wheel .vka-action-2 {
    bottom: 320px;
    right: 25px;
}

.vka-wheel .vka-button-2 {
    background: #fc4f00;
}

.vka-wheel .icon-cps-phone {
    width: 30px;
    height: 30px;
    background-position: -42px -45px;
}

.vka-wheel .vka-action-3 {
    right: 25px;
    bottom: 260px;
    cursor: pointer;
}

.vka-wheel .vka-button-3 {
    background: #4285f4;
}

.vka-wheel .vka-action-4 {
    right: 25px;
    bottom: 200px;
}


.vka-wheel .vka-action-5 {
    right: 25px;
    bottom: 140px;
}

.vka-wheel .vka-action-6 {
    right: 25px;
    bottom: 80px;

}

.vka-wheel .vka-button-6 {
    background: #7e50a0;
}
.vka-wheel .vka-button-4 {
    background: #006AFF;
}

.vka-wheel .vka-button-5{
    background: #008fe5;
}

.vka-wheel .icon-cps-chat-zalo {
    width: 30px;
    height: 30px;
    background-position: -47px -5px;
    background-size: 155px;
}

.hidden {
    display: none!important;
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.vka-checkbox:not(:checked)~.vka {
    animation-name: zoom;
    -webkit-animation-name: zoom;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    box-shadow: 0 0 0 0 #e62e24;
}



@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

.fix-toolbar.fixed{
  -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
  box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
  -webkit-animation-name: fadeInDown;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: anim_titles;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
}
.fix-toolbar{
  background:var(--main-color);
  width:100%;
  padding:10px 0px;
  bottom:0;
  position:fixed;
  z-index:500;
  height:auto;
  left:0;
  right:0;
  margin:0 auto;
  display:none;
  -webkit-box-shadow: 0 -10px 30px rgb(0 0 0 / 20%);
  box-shadow: 0 -10px 30px rgb(0 0 0 / 20%);
}
.fix-toolbar img{vertical-align:top;}
.fix-toolbar ul{display:flex;align-items:center;justify-content:space-between;padding:5px;list-style:none;margin:0;}
.fix-toolbar ul li{text-align:center;width:20%;}
.fix-toolbar ul li a{display:block;width:100%;cursor:pointer;color:#fff;}
.fix-toolbar ul li a img{height:30px;width:30px;object-fit: contain;}
.fix-toolbar ul li a span{font-weight:400;color:#fff;font-size:13px;display:none;}



@media all and (min-width: 1025px) {
  .fix-toolbar{left: unset;background:transparent;width:auto;padding:0;bottom:130px;position:fixed;z-index:500111;height:auto;right:25px;margin:0 auto;display:block;border-top:unset;}
  .fix-toolbar img{vertical-align:top;}
  .fix-toolbar ul{display:block;padding:0;list-style:none;margin:0;}
  .fix-toolbar ul li{background: #000;text-align:center;width:50px;height: 50px;display: block;margin-bottom: 10px;display:flex;align-items: center;border-radius: 50px;}
  .fix-toolbar ul li a{display:flex;flex-flow: wrap;align-items: center;justify-content: center;width:100%;height: 100%;cursor:pointer;color:#fff;}
  .fix-toolbar ul li a img{height:25px;width:auto; object-fit: contain;}
  .fix-toolbar ul li a span{font-weight:400;color:#fff;font-size:13px;display:none;}

  .fix-toolbar ul li.zalo {
      background-image: url('../images/zalo-icon.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 60px;
      background-color: unset;
  }

  .fix-toolbar ul li.zalo img {
      height: 15px;
      display: none;
  }

  .fix-toolbar ul li.sms {
      background-color: #fc4f00;
  }

  .fix-toolbar ul li.phone {
      background-color: #2CDD44;
  }

  .fix-toolbar ul li.facebook {
      background:linear-gradient(0deg, #0078ff, #00c6ff);
  }

  .fix-toolbar ul li.map {
      background-color: #EA4335;
  }
}

@media screen and (min-width: 1200px){
  .social-mobile{
    display: none;
  }
  .product-item:hover img {
      transform: translateY(-5px);
       -webkit-transform: translateY(-5px);
      transition: all .3s ease-in-out;
  }
}
@media screen and (max-width:768px){
    .vka {
        right: 22px;
        bottom: 85px !important;
    }
    .vka-wheel {
        bottom: 48px;
        right: -3px;
    }

    /*.zalo_img {
        width: 55px !important;
        height: auto;
    }*/
}
/*mobile*/

/*End Css nut liên hệ*/

.st-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.st-table td, .st-table th {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
}

.st-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.st-table tr:hover {
  background-color: #f1f1f1;
}

.st-table th {
  background-color: #f05a28;
  color: white;
  font-weight: bold;
}
.page_containt{
    margin-bottom:30px;
}
@media screen and (max-width:991px){
    .vka-checkbox:checked~.vka{
        right: 36px;
    }
}