@charset "utf-8";
/* CSS Document*/
/****
* bullet: d8bba3
****/
:root {
  --color: #3f3f3f;
  --color-main: #3f3f3f;
  --color-hover: #00483d;
  --color-red: #1d4254;
  --bgbar: #00483d;
  --bgnav: #1d4254;
  --ftitle: 'SFDisplay', sans-serif;
  --freset: 'SFDisplay', sans-serif;
  --ftitle-spacing: .3px;
}

.row {
  --bs-gutter-x: 1.8rem;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

.row.gx-2 {
  --bs-gutter-x: .5rem;
}

html {
  overflow-x: hidden;
}

body,
html {
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: none;
  -moz-overflow-scrolling: none;
}

body {
  position: relative;
  font: 400 14px/24px var(--freset);
  color: RGB(0, 8, 28);
  overflow-x: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

body.page-cart #bg-main {
  background: #FFF;
}

body.modal-fixed {
  overflow: hidden;
  position: fixed;
  width: 100vw;
}

/* Bounce To Right */
.readmore,
.hover-black,
.btn-readmore,
.hover,
.hover-main {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: none;
}

.readmore,
.hover-black,
.btn.hover,
.btn.hover-main {
  border-radius: .25rem;
  overflow: hidden;
}

.readmore::before,
.hover-black::before,
.hover:before,
.hover-main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-hover);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-readmore:before {
  background: var(--color);
}

.readmore::before,
.hover-main::before {
  background: var(--color-hover);
}

.hover-black::before {
  background: #000;
}

.readmore:hover, .readmore:focus, .readmore:active,
.hover-black:hover, .hover-black:focus, .hover-black:active,
.btn-readmore:hover, .btn-readmore:focus, .btn-readmore:active,
.hover:hover, .hover:focus, .hover:active,
.hover-main:hover, .hover-main:focus, .hover-main:active {
  color: white;
}

.readmore:hover::before, .readmore:focus:before, .readmore:active:before,
.hover-black:hover::before, .hover-black:focus:before, .hover-black:active:before,
.btn-readmore:hover::before, .btn-readmore:focus:before, .btn-readmore:active:before,
.hover:hover:before, .hover:focus:before, .hover:active:before,
.hover-main:hover:before, .hover-main:focus:before, .hover-main:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn-readmore {
  position: relative;
  background: var(--color-hover);
  color: #FFF;
  font-size: 17px;
  line-height: 22px;
  padding: 14px 35px;
  overflow: hidden;
}

.btn-readmore .fa {
  margin-left: 10px;
}

.btn-readmore.btn-xs {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding: 8px 25px 7px;
  min-width: 140px;
  border-radius: 25px;
}

.btn-outline-viewall {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-color: var(--color-red);
  --bs-btn-border-color: var(--color-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-red);
  --bs-btn-hover-border-color: var(--color-red);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  box-shadow: 0 .25rem .25rem rgba(var(--bs-body-color-rgb), .075);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn-outline-viewall i {
  margin-left: .25rem;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn-outline-viewall:hover {
  box-shadow: 0 .25rem .5rem rgba(var(--bs-body-color-rgb), .15);
}

.btn-outline-viewall:hover i {
  transform: translateX(8px);
}

/*****************/
a {
  text-decoration: none;
}

img {
  width: auto;
  height: auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.pos_static {
  position: static;
}

.pos_rel {
  position: relative;
}

.figure {
  margin: 0;
}

.img-full {
  display: block;
  width: 100%;
  height: auto;
}

.bg-gray {
  background: #EAEAEA !important;
  color: #000;
}

.bg-gray .figure-caption {
  color: #000;
  padding: 6px 15px;
}

[type=number]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button {
  /* opacity:1; */
  -webkit-appearance: none;
  margin: 0;
}

.hide_arrow::-webkit-outer-spin-button,
.hide_arrow::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

[type=number],
.hide_arrow {
  -moz-appearance: textfield; /* Firefox */
}

div[type=button],
p[type=button],
a[type=button] {
  border-radius: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
}

.tooltip {
  z-index: 99;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25;
}

.hr {
  border-color: #CCC;
  margin-top: 20px;
  margin-bottom: 35px;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.5)
}

.btn-full {
  width: 100%
}

/************/
/************/
.line-limit {
  --line-clamp: 2;
  /* --line-height */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  max-height: calc(var(--line-height, 24px) * var(--line-clamp));
  line-height: var(--line-height, 24px);
}

.line-limit--3 {
  --line-clamp: 3;
}

.line-limit--4 {
  --line-clamp: 4;
}

.line-limit--5 {
  --line-clamp: 5;
}

.line-limit--6 {
  --line-clamp: 6;
}

/************/

.text_user_limit {
  max-width: 65px;
}

.text-right {
  text-align: right;
}

/************/
.f-title {
  font-family: var(--ftitle);
  font-weight: 700;
  letter-spacing: .5px;
}

.clearfix {
  clear: both;
}

.text-cap {
  text-transform: capitalize !important;
}

.text-upp {
  text-transform: uppercase;
}

.transition {
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.trans_dis {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

.img-hover-zoom .img-zoom {
  transition: all 0.7s ease-in-out 0s;
  -webkit-transition: all 0.7s ease-in-out 0s;
  -moz-transition: all 0.7s ease-in-out 0s;
}

.img-hover-zoom:hover .img-zoom {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.text_hide {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bold-300 {
  font-weight: 300 !important;
}

.bold-0 {
  font-weight: 400 !important;
}

.bold-500,
.b500 {
  font-weight: 500 !important;
}

.bold {
  font-weight: bold !important;
}

.overflow {
  overflow: hidden;
}

.margin-page {
  margin-top: 30px;
  margin-bottom: 30px;
}

.color-main,
.color-main.dcontent {
  color: var(--color-main);
}

.color-red {
  color: var(--color-red);
}

.color-hover {
  color: var(--color-hover);
}

.text-black {
  color: #000;
}

.text-red {
  color: var(--color-red) !important;
}

.text-lg {
  font-size: 130%;
}

.hr {
  margin: 30px 0;
  padding: 0;
}

.hr-red {
  border-color: var(--color-red);
}

.record-empty {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 2rem;
}

.bg-none {
  background: none !important;
}

.bg-red {
  background-color: var(--color-red) !important;
}

/**********************/
.fs15 {
  font-size: 15px !important;
}

/**********************/
#pagination {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

#pagination > * {
  margin: 0 5px;
  position: relative;
  height: 34px;
  min-width: 34px;
  line-height: 24px;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  background-color: #FFF;
  border-color: #666;
  color: #000;
  transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
}

#pagination > *:last-child::after {
  display: none;
}

#pagination b {
  color: #FFF;
  font-weight: 500;
  background-color: var(--color-hover);
  border-color: var(--color-hover);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

#pagination a:hover {
  border-color: var(--color-hover);
  color: var(--color-hover);
  background: none;
  transform: translateY(-3px);
}

#pagination.pagination--simple > * {
  color: var(--color-red);
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 26px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-color: var(--color-red);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;

}

#pagination.pagination--simple a:hover {
  background-color: var(--color-red);
  color: #fff;
  transform: none;
}

/*************
*************/
#button-share {
  margin: 15px 0 30px;
  padding: 10px;
  text-align: left;
  background: #f4f4f4;
}

#button-share .header {
  font-weight: 600;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  line-height: 23px;
  color: #000;
}

#button-share > a {
  display: inline-block;
  vertical-align: middle;
}

#button-share .share-item {
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  margin-left: 10px;
  display: inline-block;
  padding-right: 10px;
  background: #de4501;
  line-height: 23px;
}

#button-share a:last-child .share-item {
  margin-right: 0;
}

#button-share .share-item b {
  font-weight: bold;
}

#button-share .share-item i {
  background: #FFF;
  display: inline-block;
  padding: 6px 10px 7px 7px;
  margin: 0 10px 0 0;
  color: #373c43;
  text-align: center;
  color: #5d72a4;
  width: 28px;
  font-size: 12px;
}

#button-share .share-item i:after {
  border: medium solid transparent;
  content: " ";
  pointer-events: none;
  height: 0;
  position: absolute;
  left: 28px;
  top: 50%;
  width: 0;
  border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #fff;
  border-width: 5px;
  margin-top: -5px;
}

#button-share .share-item:hover i {
  background: #000;
  color: #FFF
}

#button-share .share-item:hover i:after {
  border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}

/********/
#button-share .share-sheet {
  background: #ec1e25;
}

#button-share .share-sheet i {
  background: #000;
  color: #FFF;
}

#button-share .share-sheet i::after {
  border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}

.bg-fb,
#button-share .share-fb {
  background: #5d72a4;
}

.color-fb,
#button-share .share-fb i {
  color: #5d72a4;
}

.bg-twitter,
#button-share .share-twitter {
  background: #00baff;
}

.color-twitter,
#button-share .share-twitter i {
  color: #00baff;
}

.bg-pinterest,
#button-share .share-pinterest {
  background: #f20000;
}

.color-pinterest,
#button-share .share-pinterest i {
  color: #f20000;
}

.bg-link,
#button-share .share-link {
  background: #2f70b0;
}

.color-link,
#button-share .share-link i {
  color: #2f70b0;
}

.bg-youtube {
  background: #F00;
}

.color-youtube {
  color: #F00;
}

.bg-instagram,
#button-share .share-instagram {
  background: rgb(38, 38, 38);
}

/*********************
*************/
.header__action_mobile {
  display: none;
}

.header__action_mobile_hotline {
  display: block;
  width: 36px;
  height: 34px;
  background: url(img/icon-header-hotline.png) no-repeat center;
  background-size: auto 25px;
  filter: brightness(0) invert(1);
}

.header__action_logo_mobile {
  border: none;
  background: #FFF;
  padding: 5px;
  border-radius: .25rem;
}

.header__action_logo_mobile > a {
  display: block;
}

.header__action_logo_mobile img {
  height: 20px;
}

.btn__action_mobile {
  border: none;
  background: none;
  padding: 5px 5px;
  font-size: 23px;
  line-height: 1;
  color: #222;
}

.btn__action_mobile img {
  height: 30px;
}

.header__fsearch .btn__action_mobile {
  padding: 3px 0;
  color: #FFF;
  line-height: 30px;
  background: none;
}

.header__logo__cart {
  position: relative;
  overflow: hidden;
  background: rgba(233, 233, 233);
  border: 1px solid #FFF;
  font-size: 21px;
  width: 40px;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  display: block;
  color: #222;
}

.header__logo__cart > span {
  position: absolute;
  right: 2px;
  top: 3px;
  z-index: 1;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background: var(--color-red);
  color: #FFF;
  padding: 4px 5px 3px 6px;
  text-align: center;
  border-radius: 15px;
}

/**************/
.outline-none {
  outline: none;
}

#header-sticky-wrapper,
#hlogo__container-sticky-wrapper,
#undefined-sticky-wrapper {
  height: auto !important;
}

.is-sticky #header,
.is-sticky .header__nav__container {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  z-index: 9000 !important;
}

.is-sticky .navigation > li.nav-logo {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.3s ease-in 0s;
  -moz-transition: opacity 0.3s ease-in 0s;
  -webkit-transition: opacity 0.3s ease-in 0s;
}

.hlogo__container > .row {
  padding-bottom: .5rem;
}

/*********************
*************/
#header {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  font-size: 14px;
  padding: 0px;
  margin: 0;
  background: #FFF;
  /*background: #1d4254;*/
  background-size: cover;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}

/*********/
.header__logo {
  margin: 10px 0;
}

.header__logo img {
  max-height: 60px;
  display: inline-block;
  transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}

/*************/
.header__fsearch {
  padding-left: 2rem;
  padding-right: 0;
}

.header__fsearch > .row {
  margin-left: 0;
  margin-right: 0;
}

.header__action__fsearch {
  position: relative;
  padding-left: 0;
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  border: 2px solid var(--color-hover);
  border-radius: 12px;
  overflow: hidden;
  height: 42px;
  background: var(--color-hover);
}

.header__action__fsearch input {
  display: block;
  border: none;
  background: rgb(255, 255, 255);
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 3px 50px 3px 15px;
}

.header__action__fsearch button {
  background: none;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 50px;
  text-align: center;
  padding: 0 0;
  color: #8D8D8D;
  font-size: 21px;
}

.header__action__fsearch button:hover {
  color: var(--color-red);
}

.header__action__fsearch input:focus {
  outline: none;
  box-shadow: none;
}

/***************/
.header__action__fsearch_quick {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  width: 100%;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  -webkit-transition: max-height 0.3s ease;
}

.header__action__fsearch_quick ul,
.header__action__fsearch__container:focus-within .header__action__fsearch_quick {
  max-height: 550px;
}

.header__action__fsearch_quick ul {
  margin: 0 32px;
  list-style-type: none;
  padding: 0px 0px;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0 .5rem 1rem #00000026;
}

.header__action__fsearch_quick ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #DDD;
  border-top: none;
  background: #FFF;
}

.header__action__fsearch_quick ul li:first-child {
  border-top: 1px solid var(--color-hover);
}

.header__action__fsearch_quick ul li:last-child {
  border-radius: 0 0 6px 6px;
}

.header__action__fsearch_quick a {
  display: block;
  color: inherit;
  padding: 11px 13px 10px;
  font-size: 13px;
  line-height: 1.2;
}

.header__action__fsearch_quick a:hover {
  color: var(--color-red);
}

.header__action__fsearch_quick img {
  width: 50px;
}

.header__action__fsearch_quick .title {
  font-size: 14px;
  margin-bottom: 3px;
  line-height: 18px;
  font-weight: 500;
}

.header__action__fsearch_quick .price {
  color: var(--color-hover);
}

.header__action__fsearch_quick .price s {
  display: inline-block;
  margin-left: 5px;
  color: #000;
}

/***************/
.header__action {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 20px;
  font-weight: 500;
}

.header__action__item {
  padding: 1px 16px;
  margin: 0;
  list-style-type: none;
  /*color: white;*/
}

.header__action__item > a {
  position: relative;
  padding-left: 46px;
  min-height: 40px;
  text-align: left;
  color: inherit;
  display: block;
  text-decoration: none;
}

.header__action__item > a::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  min-height: 100%;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  /*filter: invert(1);*/
}

.header__action__item > a b {
  display: block;
  clear: both;
  color: var(--color-hover);
  word-break: normal;
  /*color: white;*/
}

.header__action__item a:hover {
  text-decoration: none;
  color: var(--bs-primary);
}

.header__action__icon_checkorder::before {
  background: url('../front/img/icon-header-delivery.png') no-repeat center;
  background-size: auto 30px;
}

.header__action__icon_tintuc::before {
  background: url('../front/img/newspaper.png') no-repeat center;
  background-size: auto 30px;
}

.header__action__icon_order::before {
  background: url('../front/img/icon-header-cart.png') no-repeat center;
  background-size: auto 30px;
}

.header__action__icon_store::before {
  background: url('../front/img/icon-header-store-2.png') no-repeat center;
  background-size: auto 35px;
}

.header__action__icon_user::before {
  background: url('../front/img/user.png') no-repeat center;
  background-size: auto 35px;
}

.header__action__icon_hotline::before {
  background: url('../front/img/icon-header-hotline.png') no-repeat center;
  background-size: auto 30px;
}

.header__action__icon_menu::before {
  background: url('../front/img/menu-bars.svg') no-repeat center;
  background-size: auto 30px;
}

.header__action__icon_service::before {
  background: url('../front/img/icon-header-service.svg') no-repeat center;
  background-size: auto 30px;
}

/***************/
.header__nav__container {
  display: block;
  background: var(--bgnav);
  width: 100%;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

.navigation {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  /*--*/
  display: flex;
  /*justify-content: space-between;*/
  justify-content: center;
}

.navigation > li,
.header__navsub > li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.navigation > li {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.navigation li.no-border {
  border: none;
}

.navigation a {
  color: #FFF;
  position: relative;
  padding: 9px 10px 3px;
  display: block;
  text-decoration: none;
}

.navigation a span {
  font-size: large;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*max-width: 65px;*/
  position: relative;
  vertical-align: middle;
  /*padding-bottom: 2px;*/
  padding: 10px 30px;
}

.navigation a span::before {
  position: absolute;
  left: 50%;
  bottom: -2px;
  z-index: 1;
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #FFF;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.navigation a:hover span::before {
  width: 100%;
}

.navigation a:hover {
  color: #FFF;
  text-decoration: none;
}

.navigation li.selected {
  background: rgba(0, 0, 0, 0.2)
}

.navigation img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  object-fit: contain;
  object-position: center;
  margin-right: 3px;
  transform: translateY(-2px);
}

.navigation .fa {
  margin-right: 7px;
  font-size: 17px;
  color: rgb(255, 255, 255, .98);
  transform: translateY(1px);
}

/***************/
.navigation > li.nav-logo {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s;
  -moz-transition: opacity 0.3s ease-out 0s;
  -webkit-transition: opacity 0.3s ease-out 0s;
  vertical-align: top;
}

.navigation > li.nav-logo > a {
  padding: 0 0 3px
}

.navigation > li.nav-logo span {
  line-height: 1;
  padding: 0;
  border-radius: 1px;
}

.navigation > li.nav-logo span::before {
  display: none;
}

.navigation > li.nav-logo img {
  height: 45px;
  width: auto;
  object-fit: cover;
  object-position: center;
  transform: none;
  margin: 0;
}

/***************/
.navigation .arrow:before {
  bottom: -3px;
  left: 50%;
  z-index: 9;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.navigation .arrow:before {
  border-color: #FFF;
  border-bottom-color: #FFF;
  border-width: 7px;
  margin-left: -7px;
}

.navigation > .arrow:hover:before {
  opacity: 1;
}

.navigation li:hover .header__navsub {
  transition: opacity 0.5s ease-in;
  display: block;
  opacity: 1;
}

.header__navsub {
  opacity: 0;
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  z-index: 1550;
  width: 245px;
  text-align: left;
  padding: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  background: rgba(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 28px 0px;
  font-weight: normal;
  color: #000;
  font-size: 11px;
  line-height: 20px;
  transition: all 0.3s ease-out;
}

.header__navsub__container {
  position: relative;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}

.header__navsub__container > li {
  clear: both;
  display: block;
  margin: 0;
  padding: 2px 15px 2px 20px;
  text-align: left;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.header__navsub__container li::after {
  display: none;
}

.header__navsub__container li:last-child {
  border: none;
}

.header__navsub__container li:hover {
  color: var(--color-hover);
  border: none;
}

.header__navsub__container a {
  border: none;
  display: block;
  padding: 4px 0 !important;
  margin: 0 0 !important;
  color: #000;
  font-family: var(--ftitle);
  font-weight: normal;
  font-size: 15px;
  text-transform: none;
  line-height: 21px;
}

.header__navsub__container a:hover {
  color: var(--color-red) !important;
}

/***************/
.header__navsub_right {
  left: auto;
  right: 0;
  max-width: 220px;
}

/**************/
.header__navsub__container li:hover .header__navsubctl {
  transition: max-width 0.35s ease-in;
  max-width: 100%;
  width: 100%;
}

.header__navsub__container li:hover {
  background: #eee;
}

.header__navsubctl {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 8;
  max-width: 0;
  min-height: 100%;
  text-align: left;
  background: #f8f8f8;
  padding: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 28px 0px;
  font-weight: normal;
  color: #000;
  font-size: 11px;
  line-height: 20px;
  transition: all 0.3s ease-out;
  overflow: hidden;
}

.header__navsubctl li {
  min-width: 245px;
  display: block;
  padding-left: 33px;
  position: relative;
}

.header__navsubctl li::before {
  position: absolute;
  left: 15px;
  top: 12px;
  font-size: 7px;
  color: #000;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f111";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/***************/
#footer {
  font-size: 13px;
  line-height: 18px;
  color: #000;
  position: relative;
  padding: 0px;
  color: var(--color);
  background: #fff;
}

.footer_intro {
  border-top: 1px solid #CCC;
  padding-top: 20px;
}

.footer__navigation {
  padding-bottom: 15px;
}

.footer_intro > .container.row {
  margin: 0 auto;
}

#footer a {
  color: inherit;
}

#footer a:hover {
  color: var(--color-hover);
}

.footer__title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: var(--ftitle);
  letter-spacing: var(--ftitle-spacing);
}

.footer__titlesub {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 5px;
}

.footer_info address,
.footer_info p {
  font-size: 13px;
  line-height: 20px;
  color: #000;
  margin-bottom: 8px;
}

.footer_info p > b {
  font-weight: normal;
}

/******/
.footer_nav a {
  color: inherit;
}

.footer_ul:not(.row) {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer_ul li {
  clear: both;
  display: block;
  margin-bottom: 8px;
  vertical-align: middle;
  text-transform: capitalize;
}

.footer_ul.row {
  padding: 0;
}

.footer__title a:hover,
.footer_ul a:hover {
  color: var(--color-red);
  text-decoration: none;
}

#footer a[href*=mailto] {
  color: var(--bs-blue);
  text-transform: none;
  font-size: 15px;
}

#footer a[href*=mailto] b {
  clear: both;
  display: block;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: .15rem;
  color: var(--color);
  text-decoration: none;
}

#footer a[href*=mailto]:hover {
  color: var(--color-hover);
}

.footer_ul {
  font-size: 14px;
  font-weight: 300;
}

.footer_ul .fa,
.footer_ul .fab {
  margin-right: 5px;
  min-width: 13px;
  font-size: 14px;
}

.footer_ul .fa-facebook-square {
  color: rgb(93, 114, 164);
}

.footer_ul .fa-youtube {
  color: RGB(255, 0, 0);
}

.footer_ul .fa-map-marker-alt {
  color: blue
}

.footer_ul .fa-phone-alt {
  color: rgb(255, 108, 0)
}

.footer_ul .icon-zalo {
  background: url('../front/img/icon-zalo.png') no-repeat left 0;
  background-size: contain;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.footer-img-payment {
  max-width: 100%;
  height: 75px;
  object-fit: contain;
  object-position: top left;
}

.footer_ul--icon li {
  position: relative;
  background: url('../front/img/icon-send-right.png') no-repeat left 4px;
  background-size: 10px auto;
  padding-left: 18px;
}

.footer_nav--contact {
  padding-left: 2rem;
}

.footer__navigation--link {
  padding-right: 3rem;
}

/**************/
.footer_infotext {
  text-align: center;
  padding-bottom: 10px;
}

#footer .footer_text {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 5px;
}

#footer .footer_text p {
  margin-bottom: 3px;
}

#footer .footer_text p:last-child {
  margin-bottom: 0;
}

/*************/
.footer_social {
  margin: 0 -5px .5rem;
  padding: 0px 0px;
  list-style-type: none;
  line-height: 22px;
  text-transform: capitalize;
}

.footer_social li {
  display: inline-block;
  margin: 5px 0px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

.footer_social .fab {
  font-size: 17px;
  vertical-align: middle;
}

.footer_social a {
  display: inline-block;
  text-align: center;
  color: #FFF !important;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  vertical-align: middle;
  opacity: .9;
}

.footer_social a:hover {
  transform: translateY(-5px);
  color: #FFF;
  opacity: 1;
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.footer_social img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
}

.footer_social .onlinegov {
  width: auto;
  background: none;
  border-radius: 0;
}

.footer_social .onlinegov img {
  height: 32px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

/*****************************/
.footer-boxitem-action {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: .75rem;
}

.footer-boxitem-action-item {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: .35rem;
  overflow: hidden;
  box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075);
  padding: .35rem .75rem;
  text-transform: capitalize;
  font-size: 13px;
  line-height: 20px;
  background-color: #fff;
  text-align: center;
}

.footer-boxitem-action-item b.icon-phone {
  position: relative;
  display: block;
  margin-top: .05rem;
  color: var(--color-red);
  min-height: 22px;
  padding-left: 15px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
}

.footer-boxitem-action-item b.icon-phone::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 18px;
  height: 18px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 25px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f879';
  font-size: 13px;
  transform: rotate(30deg);
}

.footer-boxitem-action-item--link {
  display: block;
  position: relative;
  line-height: 16px;
  padding: .5rem .35rem .5rem 46px;
  background-color: #fff;
  text-align: center;
}

.footer-boxitem-action-item--link::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  min-height: 100%;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.footer-boxitem-action-item--link.header__action__icon_store::before,
.footer-boxitem-action-item--link.header__action__icon_checkorder::before {
  background-size: auto 26px;
}

.footer-boxitem-action-item--link b {
  clear: both;
  display: block;
  font-weight: normal;
}

/*****************************/
.footer_keysearch {
  border-top: 1px solid #999;
  margin-top: .5rem;
  padding-top: .75rem;
  text-align: left;
}

.footer_keysearch .row .mb-3:last-child {
  margin-bottom: 0 !important
}

.footer_keysearch a {
  display: inline-block;
  padding: 2px 10px 2px 0;
  margin-right: 12px;
  margin-bottom: 4px;
  position: relative;
  line-height: 18px;
}

.footer_keysearch a::after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #000;
  transform: translateY(-50%);
}

.footer_keysearch div a:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer_keysearch div a:last-child::after {
  display: none;
}

/*****************************/
#footer .home-tieuchi {
  margin: 0;
  box-shadow: none !important;
  padding-top: 25px;
}

/*************
#fixaction_icon{
	position: fixed; right: 42px; bottom: 130px; z-index: 999;
	margin: 0; padding: 0; list-style-type: none;
}
#fixaction_icon li{
	margin: 0 0 10px; padding: 0; list-style-type: none;
	clear: both; display: block;
	transform: translateX( 100%);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	border-radius: 4px 0 0 4px; overflow: hidden;
}
#fixaction_icon li:hover{
	transform: translateX( 46px);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#fixaction_icon li:last-child{
	margin-bottom: 0;
}
#btn-scrolltop,
#fixaction_icon a,
#fixaction_icon button{
	display: block;	color: #FFF;
	line-height: 32px;
	height: 38px; overflow: hidden;
	text-transform: capitalize;
}
#btn-scrolltop:hover,
#fixaction_icon a:hover{
	text-decoration: none;
}
#fixaction_icon li i{
	display: inline-block;
	height: 38px; min-width: 42px; line-height: 38px;
	text-align: center;
	border-right: 1px solid #FFF;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#fixaction_icon li span{
	display: inline-block;
	padding-left: 5px; padding-right: 10px;
	font-size: 14px; font-weight: 600;
	letter-spacing: 0px;
	min-width: 70px;
	text-align: left;
}
#fixaction_icon .fa{
	font-size: 19px; line-height: 34px;
	transform: translateY(1px);
}
#fixaction_icon li.cart a{
	background: var( --bs-blue);
	border-radius: 4px;
}
#fixaction_icon li.cart a img{
	display: inline-block;
	height: 36px;
	padding:4px 10px;
}
#btn-scrolltop{
	position: relative;
	border: none; background: #111;
	padding: 0; margin: 0;
	text-align: left; width: 100%
}
#btn-scrolltop b{
	background: #111;
	display: inline-block;
}
#btn-scrolltop img{
	display: inline-block;
	width:auto; height:38px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none;
}
#btn-scrolltop span{
	background: #000;
}
#fixaction_icon li.cart,
#fixaction_icon .hotline{
	display: none;
}
#fixaction_icon .store span{
	display: inline-block;
}
#fixaction_icon .hotline button{
	border: none; color: var( --color-hover);
	background: #eee;	padding: 0;
	min-width: 50px; text-align: center;
	border-radius: 4px;
}
#fixaction_icon .store{
	background: var( --color-red)
}
***************/
/*************/
.owl-theme .owl-nav {
  margin: 0 !important;
}

.owl-theme .owl-dots {
  margin-bottom: 0;
  width: 80%;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
}

.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  background: #fff;
  margin-top: 0;
  margin-bottom: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  border-radius: 16px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--color-red);
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 46px;
}

/***********************
************/
#bg-main {
  position: relative;
  z-index: 1;
  background-color: rgb(241, 240, 241);
  color: #000;
  text-align: center;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #CCC;
}

.breadcrumb {
  background: none;
  padding: 12px 0px 10px;
  margin: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  color: inherit;
  letter-spacing: 0.5px;
}

.breadcrumb a,
.breadcrumb-item + .breadcrumb-item::before {
  color: #000;
}

.breadcrumb a:hover {
  color: var(--color-hover);
  text-decoration: none;
}

/***********************
************************
***********************/
.post__container {
  padding: 1.5rem 2rem 2rem 0;
}

.page-thread #bg-main {
  margin-bottom: 0;
}

.navthread__container {
  position: relative;
  background-color: #f6f6f6;
  padding-top: 2rem;
  padding-bottom: 3rem;
  padding-left: 1.25rem;
  min-height: 100%;
  padding-right: 30px;
  border-left: 1px solid #ddd;
  width: 28%;
}

.navthread__container::before {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  content: "";
  display: block;
  background-color: #f6f6f6;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

/***********************
************************
***********************/
/**********
.leftnav__container{
	background: rgb(95, 119, 153);
	margin: 0 0 15px; padding: 0px; list-style-type: none;
	clear: both; display: block;
	line-height: 1.4; font-size: 14px;
	border: 1px solid rgb(228, 228, 228);
}
.leftnav__container li{
	clear: both;
	padding: 2px 10px; margin: 0; list-style-type: none;
	display: block;
	position: relative;
	border-top: 1px solid rgb(228, 228, 228);
}
.leftnav__container li:first-child{
	border-top: none;
}
.leftnav__container a{
	display: block; padding: 9px 0;
	color: #FFF;
}
.leftnav__container .selected a{
	color: #FFF; font-weight: bold;
}
.leftnav__container li.selected::after{
	position: absolute; left: -1px; top: 0;
	content: ""; display: block;
	width: 5px; height: 100%;
	background: var( --color-red)
}
.leftnav__container a:hover{
	text-decoration: none;
		color: #Ff0;
}

************/
.leftnavsub__container {
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
  clear: both;
  display: block;
}

.leftnavsub__item,
.leftnavsub__container li {
  clear: both;
  position: relative;
  padding: 0 15px 0 16px;
  margin: 0;
  list-style-type: none;
  display: block;
  position: relative;
  line-height: 20px;
}

.leftnavsub__item::before,
.leftnavsub__container li::before {
  position: absolute;
  left: 0;
  top: 11px;
  width: 15px;
  height: 15px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f111";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 7px;
}

.leftnavsub__item a,
.leftnavsub__container a {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
}

.leftnav__title {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.4;
  padding-left: 15px !important;
  margin: 10px 0 !important;
  background: #ededed;
}

.collection-item {
  padding-left: 33px !important;
}

.collection-item::before {
  left: 15px;
}

.leftnavsub__item.selected::before,
.leftnavsub__container li.selected::before {
  color: var(--color-red);
}

/***********************
************************
***********************/
.leftnav_thread {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.4;
}

.leftnav_thread__title {
  font-size: 17px;
  line-height: 24px;
}

.leftnav_thread__list {
  margin: 0;
  padding: 0 0 0 15px;
}

.leftnav_thread__list li {
  margin-bottom: 12px;
}

.leftnav_thread__list a {
  color: inherit;
}

.leftnav_thread__list a:hover {
  text-decoration: none;
  color: var(--color-hover);
}

.leftnav_thread__list .selected,
.leftnav_thread__list .selected a {
  color: red;
}

/***********************
************************
***********************/
.post-title {
  font-size: 27px;
  font-weight: normal;
  line-height: 26px;
  margin: 0px 0 15px;
  padding: 0 0 0px;
  color: var(--color-main);
}

.title-page {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0px 0 15px;
  padding: 0 0 0px;
  color: #111;
}

.title-page a {
  color: inherit;
  text-decoration: none;
}

.titlesub-page {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0px 0 5px;
  padding: 0 0 0px;
  color: #000;
}

.page-quote,
.quote-page {
  margin: 0 auto 20px;
  padding: 0;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  color: #000
}

.dcontent,
.dcontent pre {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
  text-align: left;
}

.dcontent pre {
  word-wrap: break-word; /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0;
  margin-bottom: 15px;
}

.dcontent a {
  color: var(--color-red);
  text-decoration: none;
}

.dcontent a:hover {
  color: var(--color-hover);
  text-decoration: none;
  border-bottom: 1px dotted var(--color-hover);
}

.dcontent a.btn {
  padding-top: .5rem;
  color: #FFF;
  background: var(--color-hover);
  font-size: 14px;
  font-weight: bold;
}

.dcontent img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
}

.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6 {
  line-height: 120%;
}

.dcontent img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
}

.dcontent h1 {
  font-size: 115%;
  line-height: 170%;
}

.dcontent h2 {
  font-size: 110%;
  font-weight: bold;
  line-height: 160%;
}

.dcontent h3 {
  font-size: 105%;
  font-weight: bold;
  line-height: 150%;
}

.dcontent h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}

.dcontent h5 {
  font-size: 95%;
  font-weight: normal;
  line-height: 95%;
}

.dcontent h6 {
  font-size: 90%;
  font-weight: normal;
  line-height: 90%;
}

.dcontent p {
  margin-bottom: 15px;
}

.dcontent img,
.dcontent iframe {
  max-width: 100%;
}

.dcontent p:last-child,
.dcontent ul li p:last-child {
  margin: 0 !important;
}

.dcontent table {
  border-collapse: collapse !important;
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 20px;
}

.dcontent table > thead > tr > th,
.dcontent table > tbody > tr > th,
.dcontent table > tfoot > tr > th,
.dcontent table > thead > tr > td,
.dcontent table > tbody > tr > td,
.dcontent table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
}

.dcontent table > thead > tr > th {
  vertical-align: bottom;
  background-color: #EEE;
}

.dcontent li {
  margin-bottom: 5px;
}

.dcontent-sm {
  font-size: 14px;
  line-height: 24px;
}

.dcontent-sm p {
  margin-bottom: 10px;
}

.dcontent .dcontent-btn {
  padding: .4rem 1rem;
  background-color: var(--color-hover);
  color: #FFF;
  border-color: var(--color-hover);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  min-width: 220px;
  text-align: center;
}

.dcontent .dcontent-btn:hover {
  color: #FFF;
  box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}

.dcontent .dcontent-figcaption {
  padding: 12px 15px 10px;
  background: #f2f2f2;
  text-align: center;
}

/********************/
.image-center {
  text-align: center;
}

.image-captioned {
  display: inline-block;
  border: 1px solid #EEE;
}

.image-captioned figcaption {
  background-color: #eee;
  padding: .5rem;
}

/*****************/
.dcontent .dcontent-h2 {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.4;
}

.dcontent .dcontent-h3 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4;
}

.dcontent .dcontent-h4 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}

.dcontent .dcontent-h5 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.4;
}

.dcontent .dcontent-h6 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.4;
}

.dcontent .dcontent-btn1,
.dcontent .dcontent-btn2,
.dcontent .dcontent-btn3 {
  position: relative;
  display: inline-block;
  color: RGB(255, 255, 255);
  font-size: 14px;
  font-weight: bold;
  padding: .6rem 15px;
  margin-bottom: .75rem;
  border-radius: 35px;
  min-width: 220px;
  text-align: center;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.dcontent .dcontent-btn1 a,
.dcontent .dcontent-btn2 a,
.dcontent .dcontent-btn3 a {
  color: #FFF;
  text-decoration: none;
}

.dcontent .dcontent-btn1 {
  background: var(--color-hover);
  color: #FFF;
}

.dcontent .dcontent-btn2 {
  text-align: center;
  background: #111;
  color: #FFF;
}

.dcontent .dcontent-btn3 {
  text-align: center;
  background: var(--bs-blue);
  color: #FFF;
}

.dcontent .dcontent-btn1:hover,
.dcontent .dcontent-btn2:hover,
.dcontent .dcontent-btn3:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  transform: translateY(-1px);
  color: #FFF !important;
}

.dcontent .dcontent-btn1 a:hover,
.dcontent .dcontent-btn2 a:hover,
.dcontent .dcontent-btn3 a:hover {
  color: #FFF;
  text-decoration: none;
  border: none;
}

/***************************
***************************/
.owl-theme .owl-nav {
  margin: 0 !important;
}

.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  z-index: 99;
  min-width: 25px;
  min-height: 25px;
  margin: 0;
  border: none;
  background: none;
  text-align: right;
  overflow: hidden;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover {
  background: none;
}

/*******************
********************************/
.homebanner_ver__boxgroup {
  position: relative;
}

.homebanner_ver__group {
  position: absolute;
  top: 0;
  left: 50% !important;
  transform: translateX(-50%);
}

.homebanner_ver__group.is_scrollfix {
}

.homebanner-ver {
  position: absolute;
  max-width: 150px;
}

.homebanner-ver.ver-left {
  left: 0;
  transform: translateX(-100%);
}

.homebanner-ver.ver-right {
  right: 0 !important;
  left: auto !important;
  transform: translateX(100%);
}

/*******************
********************************/
/************************/
#modal_popup .close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  transform: translateY(-100%);
  background: var(--color-red);
  color: #FFF;
  display: block;
  opacity: 1;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3;
  padding: 6px 8px;
  border-radius: 0;
}

#modal_popup .modal-content {
  background: none;
  padding-bottom: 12vh;
  box-shadow: none;
  border: none;
}

/*********************
**********************

body.menu-open{
	overflow:hidden;
}
#btn_menu_close{
	position:fixed; left:80%; top:0; display:none; z-index: 1;
	padding:0 20px; height:53px;
	border:none; background:#FFF; color:#000;
	border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;
	box-shadow:0 0 10px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#btn_menu_close .fa{
	color:#000; font-size:30px;
}
#btn_menu_close:hover, #btn_menu_close:focus, #btn_menu_close:active{
	background-color:#ec1e25;
}
#btn_menu_close:hover .fa, #btn_menu_close:focus .fa, #btn_menu_close:active .fa{
	color:#FFF;
}
#menu_mobile{
	position:fixed; left:-100%; top:0; z-index:9999;
	width:100%; height:100vh; overflow-x:hidden; overflow-y:scroll;
	background: rgba( 0, 0, 0, .3); color:#000;
	font-size: 14px; line-height: 24px;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:80%; min-height:100vh;
	padding-bottom: 23vh;
	float:left; background:#f6f6f6;
	position:relative;
}
#menu_mobile a{
	color: inherit;
}
#menu_mobile .accordion-header{
	padding: 8px 5px 8px 10px;
	background: none;
}
#menu_mobile .accordion-item{
	border-bottom: 1px solid #DDD;
}
#menu_mobile .accordion-button{
	padding: 0; vertical-align: middle;
	border: none;	background: none; outline: none;
}
#menu_mobile .accordion-button:focus{
	box-shadow: none; outline: none;
	color: inherit;
}
#menu_mobile .accordion-button::after{
	background-size: 1rem;
}
#menu_mobile .menuxs__title{
	font-size: 15px; font-family: var( --ftitle);
	letter-spacing: 1px;
	font-weight: 400; line-height: 20px;
}
#menu_mobile .accordion-header .xsheader__img{
	display: inline-block;
	padding: 5px; text-align: center;
	height: 38px; width: 38px;
	object-fit: contain; object-position: center;
	border-radius: 50%; overflow: hidden;
	background: var( --color-hover);
	margin-right: 10px;
	vertical-align: middle;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
#menu_mobile .accordion-header img{
	display: inline-block;
	object-fit: contain; object-position: center;
	height: 28px; width: 28px;
}
#menu_mobile .header_icon > .fa,
#menu_mobile .accordion-header a > .fa{
	display: inline-block;
	padding: 7px; text-align: center;
	height: 38px; width: 38px;
	object-fit: contain; object-position: center;
	border-radius: 50%; overflow: hidden;
	background: var( --color-hover); color: #FFF;
	margin-right: 10px;	vertical-align: middle;
	font-size: 17px; line-height: 24px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
#menu_mobile .accordion-header a{
	color: inherit;
}
.menuxs__logo .accordion-header{
	background: #FFF !important;
	padding-top: 10px !important; padding-bottom: 10px !important;
}
#menu_mobile .menuxs__logo img{
	display: inline-block;
	height: 52px; width: auto;
	background: none;
	padding: 0; border-radius: 0;
	box-shadow: none;
}
#menu_mobile .menuxs__order span{
		display: inline-block; vertical-align: middle;
		line-height: 17px;
		font-size: 13px;
}
#menu_mobile .accordion-body{
	background: #FFF;
	border-top: 1px solid #DDD;
	border-left: 5px solid var( --color-hover);
	padding: .75rem 1rem .7rem 5px;
}
.menu-nav{
	padding-left: 25px;
	margin: 0;
	font-size: 13px; line-height: 20px
}
.menu-nav li{
	margin-bottom: 6px;
	padding-left: 5px;
}
.menu_pro_nav{
	margin-bottom: 15px;
}
*********************/
/***********************/
.accordion-header_accordion {
  display: flex;
  flex-wrap: wrap
}

.accordion-header_accordion > button {
  border: none;
  background: none;
  flex: 0 0 auto;
  width: 40px;
}

.accordion-header_accordion > button:not( .collapsed) .fa::before {
  content: "\f077";
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

/***********************/
.overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url(img/loader.gif) no-repeat center rgba(0, 0, 0, .3);
}

/****************************************/
.prodetail__boxtechnology .specification {
  border-bottom: 1px solid #CCC;
  line-height: 20px;
  font-size: 13px;
}

.prodetail__boxtechnology .specification:nth-child(2n) {
  background: #f7f7f7;
}

.specification > .spec-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0;
}

.specification > .spec-item .label {
  position: relative;
  width: 100%;
  padding: 10px;
  -ms-flex: 0 0 135px;
  flex: 0 0 135px;
  max-width: 135px;
  text-align: left;
  font-weight: 500;
  border-right: 1px solid #CCC;
}

.specification > .spec-item .value {
  position: relative;
  width: 100%;
  padding: 10px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

/***************/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/***************************************/
.parse_boxitem {
  margin-bottom: 15px;
}

.parse_product_contaniner {
  background: #f6f6f6;
  padding: 0 10px 10px;
}

.parse_product_contaniner .parse_content {
  margin: 0;
  padding: .75rem .25rem;
}

.parse_product {
  background: #FFF;
  border: 1px solid RGB(221, 221, 221);
  border-bottom-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
}

.parse_product .probox__title {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}

.parse_product .probox__img {
  background: #FFF;
}

.parse_product .proitem {
  padding: 10px 8px;
}

.parse_product a:hover {
  text-decoration: none;
  border-bottom: none;
}

.fb_comments {
  background: #f8f8f8;
  padding: .5rem;
  border: 1px solid #EEE;
}

.fb_iframe_widget_fluid_desktop iframe {
  width: 100% !important;
}

.fb_dialog iframe {
  right: 80px !important
}

.tooltip .tooltip-arrow::before {
  border-top-color: var(--color-hover);
}

.tooltip .tooltip-inner {
  background: var(--color-hover);
}

/*******************************/
.fixedpage-action {
  position: fixed;
  z-index: 1990;
  right: .35rem;
  bottom: 80px;
}

.fixedpage-action .dropdown-menu {
  background: none;
  border-radius: 0;
  border: none;
  min-width: 0;
  width: 110px;
  display: block;
  position: relative;
}

.fixedpage-action .dropdown-menu > li:not( :last-child) {
  margin-bottom: .75rem;
}

.fixedpage-action .dropdown-item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .35rem .35rem;
  background-color: khaki;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: 0 .2rem .35rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.fixedpage-action .dropdown-item svg {
  width: 26px;
  height: 26px;
}

.fixedpage-action .dropdown-item span {
  width: calc(100% - 26px);
  padding-left: .35rem;
  line-height: 1.25;
}

.fixedpage-action .dropdown-item b {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-transform: capitalize;
  font-family: var(--ftitle);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.fixedpage-action small {
  display: block;
  clear: both;
  font-size: 9px;
  color: #555;
}

.fixedpage-action .dropdown-item:hover {
  border-color: var(--bs-primary);
}

.fixedpage-action .dropdown-item:hover b {
  color: var(--bs-primary);
}

/***2022-11-29***********************/
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1380px;
  }
}

/***************************************************************
***************************************************************
***************************************************************/
.mobile-navigation {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2500;
  display: block;
  width: 100%;
  background-color: #fff;
  display: none;
  border-radius: .5rem .5rem 0 0;
}

.mobile-navigation-navgroup {
  background-color: #fff;
  position: relative;
  z-index: 1050;
  border-top: 1px solid #C5C5C5;
  padding-top: .25rem;
  padding-bottom: .25rem;
  border-radius: .5rem .5rem 0 0;
  box-shadow: 0 -.25rem .5rem rgba(var(--bs-body-color-rgb), .15);
}

.mobile-navigation-navgroup-ul {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-navigation-navgroup-li {
  margin: 0;
  padding: 0.15rem .65rem;
  list-style-type: none;
  flex: 1 0 0%;
}

.mobile-navigation-navlink {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  background: none;
  border: none;
  text-align: center;
  font-size: 11px;
  text-transform: capitalize;
  line-height: 18px;
  color: var(--color);
}

.mobile-navigation-navlink::before {
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background-size: auto 20px;
}

.mobile-navigation-navlink--home::before {
  background: url('../front/img/icon-home.svg') no-repeat center top;
}

.mobile-navigation-navlink--category::before {
  background: url('../front/img/icon-category.svg') no-repeat center top;
}

.mobile-navigation-navlink--store::before {
  background: url('../front/img/icon-store.svg') no-repeat center top;
}

.mobile-navigation-navlink--tin-tuc::before {
  background: url('../front/img/newspaper-outline.svg') no-repeat center top;
}

.mobile-navigation-navlink--cart::before {
  background: url('../front/img/icon-cart.svg') no-repeat center top;
}

.mobile-navigation-navlink--other::before {
  background: url('../front/img/icon-dots.svg') no-repeat center center;
}

/*.mobile-navigation-navlink:hover::before,*/
.mobile-navigation-navlink.active::before {
  filter: invert(14%) sepia(98%) saturate(4402%) hue-rotate(346deg) brightness(80%) contrast(115%);
}

/*.mobile-navigation-navlink:hover,*/
.mobile-navigation-navlink.active {
  color: var(--color-red);
}

/*****************/
.offcanvas-mobilenav-wrapper {
  --bs-offcanvas-height: 100vh;
  --padding-bottom: 60px;
  top: 0;
  padding-top: 45px;
}

#mobilenav-tabmain {
  flex: 0 0 auto;
  width: 90px;
  border-right: 1px solid #9F9F9F;
  padding-bottom: var(--padding-bottom);
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

#mobilenav-contentmain {
  flex: 1 0 0;
  width: auto;
  overflow: hidden;
  overflow-y: auto;
  height: 100vh;
  padding-bottom: var(--padding-bottom);
}

/*****************/
.mobilenav-tabmain-wrapper {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 3rem;
}

#mobilenav-tabmain .nav-link {
  padding: .5rem .25rem .45rem;
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
  background: none;
  border-radius: 0;
  border: none;
  border-top: 1px solid #9F9F9F;
  color: var(--color);
  font-size: 12px;
  line-height: 15px;
}

#mobilenav-tabmain .nav-link--ctl {
  font-weight: bold;
  text-transform: uppercase;
  border-top: none;
}

#mobilenav-tabmain .nav-link figure {
  display: block;
  width: 100%;
  margin-bottom: .25rem;
}

#mobilenav-tabmain .nav-link img {
  display: inline-block;
  height: 40px;
  width: 40px;
  object-fit: cover;
  object-position: center top;
  border: 1px solid rgb(187, 187, 187);
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--bgbar);
}

#mobilenav-tabmain .nav-link.active {
  background-color: rgba(255, 124, 139, 0.3);
  color: var(--color-red);
}

#mobilenav-tabmain .nav-link.active img {
  border-color: var(--color-red);
  background-color: var(--bgbar);
}

/*******************/
.mobilenav-content-boxitem {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.mobilenav-content-boxitem > li {
  margin: 1.5rem 0 0;
  padding: 0 .65rem;
  list-style-type: none;
  flex: 0 0 auto;
  width: calc(100% / 3);
}

.mobilenav-content-boxitem-navlink {
  display: block;
  color: var(--color);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

.mobilenav-content-boxitem-navlink-img {
  display: block;
  margin-bottom: .25rem;
}

.mobilenav-content-boxitem-navlink img {
  display: inline-block;
  width: auto;
  height: 48px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgb(187, 187, 187);
  background-color: #fff;
  object-fit: cover;
  object-position: center top;
}

/*****************/
.offcanvas-other {
  padding-bottom: var(--padding-bottom) !important;
}

.offcanvas-other .footer__title {
  margin-bottom: .5rem !important;
  font-size: 15px;
}

.offcanvas-other .footer-boxitem-action {
  --bs-gutter-x: .5rem;
  --bs-gutter-y: .75rem;
  margin-bottom: 1rem !important;
}

.offcanvas-other .footer__navigation--link {
  padding-right: calc(var(--bs-gutter-x) * .5);
}

.offcanvas-other .footer-boxitem-action-item {
  font-size: 12px;
  padding: .35rem .35rem;
}

.offcanvas-other .footer-boxitem-action-item--link {
  padding-left: 36px;
}

.offcanvas-other .footer-boxitem-action-item--link::before {
  width: 36px;
}

.offcanvas-other .footer-boxitem-action-item--link.header__action__icon_store::before,
.offcanvas-other .footer-boxitem-action-item--link.header__action__icon_checkorder::before {
  background-size: auto 20px;
}

.offcanvas-other .header__action__icon_service::before {
  background-size: auto 26px;
}

.offcanvas-other a {
  color: var(--color);
}

.offcanvas-other .footer-boxitem-action > * {
  width: calc(100% / 3);
}

.offcanvas-other .footer_infotext {
  display: none;
}

.offcanvas-other .footer_social_payment,
.offcanvas-other .footer_nav {
  display: block !important;
}

.offcanvas-other .footer_nav--contact {
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.offcanvas-other .footer_nav_boxitem {
  border: 1px solid #BCBCBC;
  border-radius: .35rem;
  padding: .75rem;
  margin-bottom: .75rem;
}

.offcanvas-other .footer_ul.mb-4 {
  margin-bottom: 0 !important;
}

.offcanvas-other .footer_ul > li:last-child {
  margin-bottom: 0;
}

.offcanvas-other .footer-img-payment {
  height: 36px;
}

.offcanvas-other .footer_ul--icon li {
  padding-left: 18px;
}

.offcanvas-other .footer_ul--icon li {
  background-position: left 7px;
}

/*****************************/
.mobile-navigation-widget {
  padding: .75rem .65rem 1rem;
  line-height: 20px;
  border-radius: .5rem .5rem 0 0;
  /* box-shadow: 0 -.25rem .5rem rgba(var(--bs-body-color-rgb),.15); */
  overflow: hidden;
}

.mobile-navigation-widget--cartinfo .cart_btnitem-red {
  border-radius: 28px;
  font-size: 14px;
  padding: .55rem .75rem;
}

/***********************************/
.widget--prodetail-action {
  transform: translateY(100%);
  transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
}

.widget--prodetail-action.active {
  transform: translateY(0%);
}

.widget--prodetail-action .mobile-navigation-navgroup {
  display: none;
}

.widget-prodetail-action-wrapper {
  --bs-gutter-x: 1rem;
  margin-left: 0;
  margin-left: 0;
  background-color: #fff;
  position: relative;
  z-index: 1050;
  border-top: 1px solid #C5C5C5;
  box-shadow: 0 -.25rem .5rem rgba(var(--bs-body-color-rgb), .15);
  padding: .5rem 0 !important;
  margin: 0 !important;
  border-radius: .5rem .5rem 0 0;
  align-items: center;
  justify-content: center;
}

.widget-prodetail-action-wrapper .prodetail-faction {
  flex: 1 0 0%;
  padding-left: 0;
  display: block !important;
}

.widget-prodetail-action-wrapper .prodetail-faction .pdinfo_faddcart_btngroup {
  --bs-gutter-x: .5rem;
}

.widget-prodetail-action-wrapper .pdinfo_faddcart_btngroup {
  margin-bottom: 0;
}

.widget-prodetail-action-wrapper .pdinfo_faddcart_btngroup > * {
  flex: 1 0 0%;
  width: auto;
  order: 2;
}

.widget-prodetail-action-wrapper .pdinfo_faddcart_btngroup > [class*=col] {
  margin: 0 !important;
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}

.widget-prodetail-action-wrapper .pdinfo_faddcart_btngroup > *:first-child {
  order: 3;
}

.widget-prodetail-action-wrapper .pdinfo_faddcart__btn {
  padding: .35rem .75rem;
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  border-radius: 22px;
}

.widget-prodetail-action-wrapper .pdinfo_faddcart__btn b {
  background: none;
  padding-left: 0;
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  min-height: 0;
}

.widget-prodetail-action-wrapper .addtocart__complete,
.widget-prodetail-action-wrapper .pdinfo_faddcart__btn span {
  display: none !important;
}

/***********************************/
#offcanvasWidgetProdetailAddcart {
  --bs-offcanvas-zindex: 1550;
  --bs-offcanvas-height: auto;
  max-height: 70vh;
  overflow-y: auto;
  border-radius: .5rem .5rem 0 0;
  box-shadow: 0 -.25rem .5rem rgba(var(--bs-body-color-rgb), .15);
}

#offcanvasWidgetProdetailAddcart .offcanvas-body {
  padding-bottom: .5rem;
}

#offcanvasWidgetProdetailAddcart .offcanvas-title {
  font-size: 17px;
}

#offcanvasWidgetProdetailAddcart .prodetail__price > s,
#offcanvasWidgetProdetailAddcart .prodetail__price .price {
  font-size: 16px;
}

#offcanvasWidgetProdetailAddcart .prodetail_pricebox_buyonline {
  font-size: 13px;
  line-height: 20px;
}

#offcanvasWidgetProdetailAddcart .faddcart-qtygroup {
  width: 140px;
}

#offcanvasWidgetProdetailAddcart .faddcart-qtygroup input {
  width: 60px;
}

.widget-prodetail-formaction-submit {
  --bs-btn-disabled-bg: var(--color-red);
  --bs-btn-disabled-border-color: var(--color-red);
  --bs-btn-disabled-color: #fff;

  display: block;
  width: 100%;
  border: none;
  background-color: var(--color-hover);
  color: RGB(255, 255, 255);
  box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075);
  padding: .65rem .75rem;
  font-size: 15px;
  text-transform: uppercase;
  height: 100%;
  border-radius: 22px;
}

.widget-prodetail-formaction-submit b {
  display: none;
  font-weight: 500;
}

.widget-prodetail-formaction-submit[value=addtocart] b[data-value="addtocart"] {
  display: block;
}

.widget-prodetail-formaction-submit[value=buynow] b[data-value="buynow"] {
  display: block;
}

/***********************************/
.toast {
  --bs-toast-bg: #fff;
  --bs-toast-padding-y: .3rem;
  --bs-toast-font-size: 13px;
}

.toast-header img {
  height: 16px;
  width: 16px;
  object-position: center;
  object-fit: contain;
}

/***********************************/
@media (min-width: 992px) {
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-2, .gy-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-2, .gx-2 {
    --bs-gutter-x: 0.5rem;
  }
}

@media (min-width: 992px) {
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
}

@media (min-width: 1200px) {
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
}

