@charset "UTF-8";
/*-------variables--------*/
:root {
  --font-size-title-first-home: 20px;
  --font-size-title-second-home: 32px;
  --font-size-description-home: 18px;
  --font-size-body: 16px;
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --font-size-title-first-home: 18px;
    --font-size-title-second-home: 24px;
    --font-size-description-home: 16px;
  }
}

@media (max-width: 767px) {
  :root {
    --font-size-title-first-home: 16px;
    --font-size-title-second-home: 24px;
    --font-size-description-home: 14px;
  }
}

/*--------------------------------------------------------------------------------
1. GENERAL
--------------------------------------------------------------------------------*/
@font-face {
  font-family: "FontAwesome";
  src: url(fontawesome.eot);
  src: url(fontawesome.eot)
      format("embedded-opentype"),
    url(fontawesome.woff)
      format("woff"),
    url(fontawesome-webfont.ttf)
      format("truetype"),
    url(fontawesome-webfont.svg)
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fa {
  font-family: "FontAwesome" !important;
}

@media (min-width: 767px) and (max-width: 1360px) {
  .add-to-cart-section .fa {
    padding-right: 0px;
  }
}

html {
  border: 0;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
}

img {
  max-width: 100%;
}

@media (max-width: 767px) {
  html {
    overflow-x: hidden;
  }
}

body {
  border: 0;
  position: initial !important;
  line-height: 1.4;
  font-size: var(--font-size-body);
  text-align: initial;
  font-family: Roboto, sans-serif;
  color: #453536;
  background-color: #fff;
}

/* 1.2 - HTML5 Elements */
article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* 1.3 - Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #453536;
  margin: 0 0 13px 0;
  font-weight: 500;
  line-height: 1.2;
}

.template-collection h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 13px;
  line-height: 18px;
}

h5 {
  font-size: 12px;
  line-height: 18px;
}

h6 {
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #453536;
  /*font-family: 'montserrat', sans-serif;*/
}

b,
strong {
  font-weight: 700;
}

.btn:focus {
  box-shadow: none;
}

svg {
  vertical-align: initial;
}

/* 1.4 - link */
#article .col-article .article-content-desc a {
  color: #e1a100;
}

#article .col-article .article-content-desc a:hover {
  color: #ffce53;
  text-decoration: underline;
}

a {
  color: #453536;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: #d29f13;
}

a:active,
a:focus {
  outline: none;
  color: #453536;
}

button:focus,
input:focus {
  outline: none;
}

button.add-toCart[disabled],
button[disabled] {
  cursor: default;
  opacity: 0.7;
}

.link {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

/* 1.5 - List  */
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* 1.6 - Tables */
table {
  width: 100%;
  border-spacing: 0;
}

table tr td {
  border-top: 1px solid #e7e7e7;
}

table tr td,
table tr th {
  padding: 10px;
  text-align: left;
}

table tr td:first-child,
table tr th:first-child {
  padding-left: 0px;
}

table tr td:last-child,
table tr th:last-child {
  padding-right: 0px;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

/* 1.7 - button */
.btn-box {
  display: inline-block;
  position: relative;
  outline: 0;
  font-style: normal;
  font-weight: 500;
  padding: 15px 25px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #d29f13;
  border-radius: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  overflow: hidden;
}
.btn-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn-box.dark {
  background-color: #d29f13;
  border-color: #d29f13;
}
.btn-box.btnred {
  background-color: #d29f13;
}
@media (min-width: 768px) {
  .btn-box:hover.dark {
    color: #453536;
  }
  .btn-box:hover.btnred {
    color: #d29f13;
  }
  .btn-box:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.sitebox-recaptcha {
  padding: 0;
  color: #898989;
  text-align: left;
  font-size: 13px;
  clear: both;
}
.sitebox-recaptcha a {
  color: #2962ff;
}

.site-overlay {
  background: rgba(225, 225, 225, 0.05);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 88;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms linear;
}

.locked-scroll .site-overlay {
  opacity: 1;
  visibility: visible;
}

/* lazyload img*/
img.owl-lazy:not([src]) {
  visibility: hidden;
}

.aspect-ratio img:not([src]) {
  visibility: hidden;
}

.aspect-ratio {
  position: relative;
  display: block;
}
.aspect-ratio .ls-blur-up-is-loading,
.aspect-ratio .lazyload:not([src]) {
  visibility: hidden;
}
.aspect-ratio .ls-blur-up-img {
  /*position: absolute;top: 0;left: 0;
		width: 100%;height: 100%;display: block;
		font-family: "blur-up: auto", "object-fit: cover";object-fit: cover;
		filter: blur(10px);opacity: 1;transition: opacity 800ms, filter 1200ms;
		&.ls-inview.ls-original-loaded {opacity: 0;	filter: blur(5px);}*/
}

/* 1.8 - animation css3 */
@-webkit-keyframes marginLeft {
  0% {
    background-position: 20%;
  }
  100% {
    background-position: 90%;
  }
}

@keyframes marginLeft {
  0% {
    background-position: 20%;
  }
  100% {
    background-position: 90%;
  }
}

@-webkit-keyframes slideshowFade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes slideshowFade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scaleBannerService {
  to {
    box-shadow: 0 0 0 72px rgba(232, 76, 61, 0);
  }
}

@keyframes scaleBannerService {
  to {
    box-shadow: 0 0 0 72px rgba(232, 76, 61, 0);
  }
}

.product-detail h3 a,
.list-article-content .article-list-item .article-excerpt-title a,
.sidebox_wrapper .sidebox_content-list .item-article .post-content h3 a {
  white-space: initial;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

/* 1.9 - Form control */
.form-control {
  height: initial;
  font-size: 14px;
  color: #453536;
  background: transparent;
  border: 1px solid #ebeded;
  padding: 10px 15px;
  -webkit-appearance: none;
}
.form-control:focus {
  outline: 0;
  border-color: #d29f13;
  box-shadow: none;
}

@media (max-width: 767px) {
  .main-body {
    overflow: hidden;
  }
}

.layout-pageNot h1 span {
  display: block;
  color: #fff;
  font-size: 170px;
  font-weight: bold;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
    0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
    0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
    0 20px 20px rgba(0, 0, 0, 0.15);
}

@media (min-width: 1200px) {
  .container-fluid,
  .container-fluid-mb {
    max-width: -webkit-fill-available;
    padding: 0 25px;
  }
  .container-fluid-mb.wrap-pagination1 {
    padding: 0 25px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .container-fluid-mb.wrap-pagination1 {
    padding: 0 15px;
  }
}

@media (min-width: 1366px) {
  .container-fluid,
  .container-fluid-mb {
    padding: 0 25px;
  }
}

/*--------------------------------------------------------------------------------
2. HEADER
--------------------------------------------------------------------------------*/
.announcement-bar {
  padding: 10px 0;
}
.announcement-bar .top-widget-holder a {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: none;
}
.announcement-bar .top-widget-holder a:not(:first-child) {
  margin-left: 20px;
}
.announcement-bar .top-widget-holder a:hover {
  color: #d29f13;
}
.announcement-bar .top-widget-holder a i.fa:before {
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  margin-right: 5px;
}
.announcement-bar .top-bar-follow p {
  margin: 0;
}
.announcement-bar .top-bar-follow a {
  text-transform: uppercase;
}
.announcement-bar .top-bar-follow a:not(:first-child) {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #d4d4d4;
}
@media (max-width: 991px) {
  .announcement-bar {
    display: none;
  }
}

.flexContainer-header {
  /*>div[class*="wrapper-header-"]{padding: 0 10px;}*/
}
.flexContainer-header > div[class*="wrapper-header-"] {
  padding: 0;
}
@media (max-width: 991px) {
  .flexContainer-header > div.wrapper-header-icon {
    padding-left: 0;
  }
  .flexContainer-header > div.wrapper-header-logo {
    padding: 0 5px;
  }
  .flexContainer-header > div[class*="wrapper-header-"] {
    position: initial;
    width: initial;
  }
}

.main-header {
  border-bottom: 1px solid #ededed;
}
.main-header .navigation-header {
  position: relative;
  background: #fff;
  z-index: 99;
  width: 100%;
}
.main-header .navigation-header.hSticky {
  opacity: 0;
  visibility: hidden;
}
.main-header .navigation-header.hSticky.hSticky-down {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  border-bottom: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}
.main-header .navigation-header.hSticky.hSticky-down.hSticky-up {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}
.main-header .navigation-header.hSticky.hSticky-down .announcement-bar {
  display: none;
}
.main-header .navigation-header.hSticky.hSticky-down .main-nav {
  text-align: center;
}
@media (min-width: 992px) {
  .main-header .navigation-header:not(.hSticky-down) .header_dropdown_content {
    top: calc(100% + 15px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-header .navigation-header:not(.hSticky-down) .wrap-logo h1,
  .main-header .navigation-header:not(.hSticky-down) .wrap-logo a {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .main-header
    .navigation-header.hSticky-down
    #main-nav-linklist
    .nav-linklist
    > .nav-bar-item {
    padding: 20px 0;
  }
  .main-header .navigation-header.hSticky-down .wrap-logo h1,
  .main-header .navigation-header.hSticky-down .wrap-logo a {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .main-header .navigation-header.hSticky-down .search-bar-mobile {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    border-top: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    padding: 0px 90px 0px 50px;
  }
  .main-header .navigation-header.hSticky-down .search-bar-mobile .search-box {
    visibility: visible;
  }
  .main-header
    .navigation-header.hSticky-down
    .search-bar-mobile
    .smart-search-wrapper {
    top: calc(100% + 8px);
  }
}
.main-header:not(.mainHeader_temp_2)
  .navigation-header.hSticky-down
  .wrapper-header-logo {
  display: none;
}
@media (min-width: 992px) {
  .main-header:not(.mainHeader_temp_2)
    .navigation-header.hSticky-down
    .header-inner {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
  }
  .main-header:not(.mainHeader_temp_2)
    .navigation-header.hSticky-down
    .header-nav-sticky {
    display: -webkit-flex;
    display: flex;
    -webki-align-items: center;
    align-items: center;
  }
  .main-header:not(.mainHeader_temp_2)
    .navigation-header.hSticky-down
    .wrap-logo-sticky {
    display: block;
    max-width: 18%;
    padding: 5px 0;
  }
  .main-header:not(.mainHeader_temp_2)
    .navigation-header.hSticky-down
    .menu-desktop {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    padding-right: 130px;
  }
  .main-header:not(.mainHeader_temp_2)
    .navigation-header.hSticky-down
    .wrapper-header-icon {
    visibility: visible;
    width: initial;
    max-width: initial;
    flex: unset;
  }
}
.main-header.mainHeader_tempPr .wrapper-header-nav .backto-page.icon-nav {
  display: none;
}
.main-header .wrap-logo h1,
.main-header .wrap-logo a {
  font-size: 32px;
  font-weight: bold;
  color: #d29f13;
  margin: 0;
}
.main-header .wrap-logo a img {
  max-height: 40px;
}
.main-header .wrap-logo-sticky {
  display: none;
}
@media (min-width: 992px) {
  .main-header .navigation-header .wrap-logo-sticky,
  .main-header .navigation-header .wrap-logo {
    min-width: 180px;
  }
  .main-header .navigation-header.hSticky-down .wrap-logo img {
    max-height: 55px;
  }
  .main-header .header-inner {
    padding: 20px 0 15px;
  }
  .main-header .wrapper-header-icon {
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-header #main-nav-linklist .nav-linklist > .nav-bar-item {
    margin: 0 10px;
  }
}
@media (max-width: 991px) {
  .main-header .header-inner {
    padding: 10px 0;
    position: relative;
  }
  .main-header.mainHeader_tempPr .wrapper-header-nav .icon-nav {
    display: inline-block;
    vertical-align: middle;
  }
  .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page {
    display: inline-block;
  }
  .main-header.mainHeader_tempPr
    .navigation-header.hSticky-down
    .backto-page
    .backto-page-history {
    display: block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 5px;
  }
  .main-header.mainHeader_tempPr
    .navigation-header.hSticky-down
    .backto-page
    .backto-page-history
    svg {
    width: 30px;
    height: 35px;
    fill: #000;
  }
  .main-header.mainHeader_tempPr
    .navigation-header.hSticky-down
    .header-action-icon
    .wrap-search {
    display: block;
  }
  .main-header.mainHeader_tempPr
    .navigation-header.hSticky-down
    .search-bar-mobile {
    display: none !important;
  }
  .main-header.mainHeader_tempPr
    .navigation-header.hSticky-down
    .header_dropdown_content.site_menu_mobile
    .box-triangle {
    left: 48px;
  }
}
@media (max-width: 767px) {
  .main-header .wrap-logo {
    /*a img{max-height: 50px;max-width: 180px;}*/
  }
  .main-header .wrap-logo h1,
  .main-header .wrap-logo a {
    font-size: 26px;
  }
}

/* Trai fix menu */
.main-header {
  border-bottom: 1px solid #ededed;
}
.main-header .header-bottom {
  position: relative;
  z-index: 1;
  width: 100%;
}
.main-header .header-bottom.hSticky {
  opacity: 1;
}
.main-header .header-bottom.hSticky.hSticky-down {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  border-bottom: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}
.main-header .header-bottom.hSticky.hSticky-down.hSticky-up {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}

@media (max-width: 991px) {
  .locked-scroll {
    overflow: hidden;
  }
  .locked-scroll .main-header .navigation-header,
  .locked-scroll .main-header .navigation-header.hSticky-down {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.header-action-icon .wrap-cart .count-holder {
  position: absolute;
  top: 0;
  right: -2px;
  font-size: 11px;
  text-align: center;
  min-width: 18px;
  line-height: 18px;
  color: #fff;
  border-radius: 50%;
  background: #d29f13;
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .header-action-icon .wrap-cart .count-holder {
    top: 0;
    right: 0;
    min-width: 16px;
    line-height: 16px;
  }
}

.header-action {
  margin-left: 10px;
}
.header-action a.header-action-toggle {
  display: block;
  position: relative;
  font-size: 13px;
  color: #333;
}
.header-action .box-action-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 30px;
  height: 35px;
  text-align: center;
}
.header-action .box-action-icon svg {
  width: 22px;
  height: 35px;
  fill: #000;
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.header-action.show-action .header_dropdown_content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear,
    -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1),
    transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1),
    transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear,
    -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.header-action.show-action
  #account-popover
  .popover-panel_list
  .popover-panel.is-selected {
  visibility: visible;
}
.header-action.show-action .box-action-icon .svg--icon,
.header-action.show-action .box-action-icon .count-holder {
  opacity: 0;
  transform: scale(0);
}
.header-action.show-action .icon-state .box-icon--close {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
@media (max-width: 991px) {
  .header-action {
    /*&.wrap-search{display: none;}
		&.wrap-search{display: block;}*/
  }
}
@media (min-width: 767px) {
  .header-action {
    /*&.wrap-search{display: none;}*/
  }
  .header-action.wrap-search {
    display: none;
  }
}

.icon-state .box-icon--close {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.icon-state .box-icon--close svg {
  width: 20px;
  height: 35px;
  color: #fff;
}

.search-bar-mobile {
  padding: 5px;
}
.search-bar-mobile form.searchform input.searchinput {
  height: 32px;
  padding: 3px 40px 3px 8px;
  border-radius: 30px;
  background: #f3f5f6;
  font-size: 12px;
}
.search-bar-mobile form.searchform .btn-search {
  width: 35px;
  height: 32px;
  line-height: 32px;
  background: transparent;
  border-radius: 0;
}
.search-bar-mobile form.searchform .btn-search svg {
  width: 14px;
  height: 32px;
  opacity: 0.5;
  fill: initial;
}
.search-bar-mobile form.searchform .btn-search span {
  display: block;
  width: 35px;
  height: 32px;
}
.search-bar-mobile form.searchform .btn-search span.search-close {
  display: none;
}
.search-bar-mobile form.searchform .btn-search span.search-close svg {
  width: 20px;
  fill: #d29f13;
  opacity: initial;
}
.search-bar-mobile form.searchform.expanded .btn-search span.search-icon {
  display: none;
}
.search-bar-mobile form.searchform.expanded .btn-search span.search-close {
  display: block;
}
.search-bar-mobile .smart-search-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

/*------------------- Header-template-01 ---------------------*/
.announcement_bar_temp01 {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.announcement_bar_temp01 a {
  color: #000000;
}

.mainHeader_temp_1 .navigation-header .main-nav {
  text-align: center;
}

.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .header-inner {
  background: #f4b0b0;
}

.mainHeader_temp_1
  .navigation-header:not(.hSticky-down)
  .header-action-icon
  .header-action
  .box-action-icon
  svg {
  fill: #ffffff;
  color: #ffffff;
}

.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .wrap-logo h1,
.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .wrap-logo a {
  color: #ffffff;
}

.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .hamburger-menu svg {
  color: #ffffff;
}

/*------------------- Header-template-02 ---------------------*/
.announcement_bar_temp02 {
  background: #d29f13;
  border-bottom: 1px solid #d29f13;
}
.announcement_bar_temp02 a {
  color: #ffffff;
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .header-inner {
  background: #ffffff;
}

.mainHeader_temp_2
  .navigation-header:not(.hSticky-down)
  .header-action-icon
  .header-action
  .box-action-icon
  svg {
  fill: #866d4b;
  color: #866d4b;
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .wrap-logo h1,
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .wrap-logo a {
  color: #866d4b;
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .hamburger-menu svg {
  color: #866d4b;
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .wrapper-header-menu {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.mainHeader_temp_2
  .navigation-header:not(.hSticky-down)
  .f-nav
  .f-nav-one
  > li {
  padding: 0 0;
}
.mainHeader_temp_2
  .navigation-header:not(.hSticky-down)
  .f-nav
  .f-nav-one
  > li
  > a {
  color: #866d4b;
}
.mainHeader_temp_2
  .navigation-header:not(.hSticky-down)
  .f-nav
  .f-nav-one
  > li
  > a:hover {
  color: #d29f13;
}
.mainHeader_temp_2
  .navigation-header:not(.hSticky-down)
  .f-nav
  .f-nav-one
  > li
  > a:after {
  background-color: #866d4b;
}

@media (min-width: 992px) {
  .mainHeader_temp_2 .navigation-header .header-inner {
    padding: 0;
  }
  .mainHeader_temp_2 .navigation-header .wrapper-header-logo {
    /*padding: 6px 15px;max-width: 22%;*/
  }
}

@media (max-width: 991px) {
  .mainHeader_temp_2 .navigation-header .flexContainer-header {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .mainHeader_temp_2 .navigation-header.hSticky-down .wrapper-header-logo {
    display: none;
  }
}

/*------------------- Header-template-03 ---------------------*/
.announcement_bar_temp03 {
  background: #d29f13;
  border-bottom: 1px solid #d29f13;
}
.announcement_bar_temp03 a {
  color: #ffffff;
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-inner {
  background: #ffffff;
}

.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .header-action-icon
  .header-action
  .box-action-icon
  svg {
  fill: #453536;
  color: #453536;
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrap-logo h1,
.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrap-logo a {
  color: #453536;
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .hamburger-menu svg {
  color: #453536;
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .header-panel-bottom
  .desk-search-wrap {
  position: relative;
  width: 400px;
}
.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .header-panel-bottom
  .desk-search-wrap
  .smart-search-wrapper {
  position: absolute;
  top: calc(100% + 5px);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .header-panel-bottom
  .desk-search-wrap
  form.searchform
  input.searchinput {
  height: 32px;
  line-height: 30px;
}
.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .header-panel-bottom
  .desk-search-wrap
  form.searchform
  .btn-search {
  width: 40px;
  height: 32px;
}
.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .header-panel-bottom
  .desk-search-wrap
  form.searchform
  .btn-search
  svg {
  height: 32px;
}

.mainHeader_temp_3
  .navigation-header:not(.hSticky-down)
  .wrapper-header-icon
  .header-action-icon
  .wrap-search {
  display: none;
}

.mainHeader_temp_3 .navigation-header.hSticky-down .header-search-wrap {
  display: none;
}

.mainHeader_temp_3
  .navigation-header.hSticky-down
  .wrapper-header-icon
  .box-action-text {
  display: none;
}

.mainHeader_temp_3 .navigation-header .flexContainer-header {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .wrapper-header-logo {
    padding: 0 15px;
    max-width: 25%;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .wrapper-header-icon {
    padding: 0 15px;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    #main-nav-linklist
    .nav-linklist {
    text-align: left;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    #main-nav-linklist
    .nav-linklist
    > .nav-bar-item {
    margin: 0 30px 0 0;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .wrapper-header-icon
    .header-action {
    position: relative;
    margin-left: 25px;
  }
  .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text {
    display: inline-block;
    vertical-align: middle;
    color: #453536;
    padding-left: 5px;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .box-action-text_name-title {
    font-size: 14px;
    display: block;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .box-action-text_name {
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .box-action-text_name
    i {
    margin-left: 5px;
    line-height: 1.4;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .box-action-text_name-account {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
  }
  .mainHeader_temp_3 .navigation-header.hSticky-down .flexContainer-header {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .mainHeader_temp_3 .navigation-header.hSticky-down .wrap-hotline,
  .mainHeader_temp_3 .navigation-header.hSticky-down .wrap-email {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    #main-nav-linklist
    .nav-linklist
    > .nav-bar-item {
    margin: 0 15px 0 0;
  }
  .mainHeader_temp_3
    .navigation-header:not(.hSticky-down)
    .header-panel-bottom
    .desk-search-wrap {
    width: 350px;
  }
}

@media (max-width: 991px) {
  .mainHeader_temp_3 .navigation-header .wrapper-header-icon .box-action-text {
    display: none;
  }
  .mainHeader_temp_3 .navigation-header .wrap-hotline,
  .mainHeader_temp_3 .navigation-header .wrap-email {
    display: none;
  }
}

/*------------------- Menu Desktop ---------------------*/
.scroll-body-up .f-nav .f-nav-one > li.onMega .f-nav-two {
  top: 73.2px !important;
}


@media (max-width: 991px) {
  .f-nav .f-nav-one > li > a > svg {
    display: none;
  }
}
.f-nav .f-nav-one > li > a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #d29f13;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .f-nav .f-nav-one > li > a {
    font-size: 12px;
  }
}
.f-nav .f-nav-one > li:hover > a {
  /*color: $colorHover;
					&:after{width: calc(100% - 2px);}*/
}
.f-nav .f-nav-one > li:hover > a svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.f-nav .f-nav-one > li:hover > ul {
  opacity: 1 !important;
  visibility: visible !important;
  margin-top: 0 !important;
}
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-1,
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-2,
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-3,
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-4 {
  width: 25%;
}
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-1 li,
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-2 li,
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-3 li,
.f-nav .f-nav-one > li.onMega.onMega-2 .f-nav-two .flex-all.flex-4 li {
  width: 100%;
}
.f-nav .f-nav-one > li.onMega .f-nav-two {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  background: #fff;
  min-width: 140px;
  margin-top: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  display: flex;
}
@media (min-width: 1200px) {
  .f-nav .f-nav-one > li.onMega .f-nav-two {
    padding: 10px 60px 10px 70px;
  }
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all.flex-1 {
  width: 20%;
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all.flex-2 {
  width: 40%;
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all.flex-2 > li {
  width: 50%;
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all.flex-3 {
  width: 20%;
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all.flex-4 {
  width: 20%;
}
.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all > li > a {
  font-weight: 600;
  color: #866d4b;
}
.f-nav .f-nav-one > li.onMega .f-nav-two li {
  position: relative;
}
.f-nav .f-nav-one > li.onMega .f-nav-two li a {
  padding: 9px 15px 9px 15px;
  text-align: left;
  display: block;
  font-size: 14px;
  text-transform: none;
}
.f-nav .f-nav-one > li.onMega .f-nav-two li a svg {
  display: none;
}
.f-nav .f-nav-one > li.onMega .f-nav-two li a img {
  max-width: 100%;
  height: auto;
}

.f-nav .f-nav-one > li:not(.onMega) .f-nav-two li a svg {
  position: absolute;
  top: 12%;
  right: 7px;
  width: 15px;
  fill: #453536;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: right 0.5s ease;
  -moz-transition: right 0.5s ease;
  transition: right 0.5s ease;
}
.f-nav .f-nav-one > li:not(.onMega) .f-nav-two li:hover a svg {
  right: 0;
}
.f-nav .f-nav-one > li:not(.onMega) .f-nav-two li:hover > ul {
  opacity: 1 !important;
  visibility: visible !important;
  margin-top: 0 !important;
}
.f-nav .f-nav-one > li:not(.onMega) .f-nav-two li > .f-nav-three {
  position: absolute;
  top: 0;
  left: 100%;
  background: #fbfbfb;
  min-width: 140px;
  margin-top: 30px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  width: 225px;
}

/*------------------- Humburger-menu ---------------------*/
.wrapper-header-nav {
  margin-left: -5px;
  margin-right: 10px;
}
.wrapper-header-nav .hamburger-menu {
  display: block;
  position: relative;
  width: 30px;
  height: 35px;
  text-align: center;
  cursor: pointer;
}
.wrapper-header-nav .icon--hamburger-mobile {
  width: 20px;
  height: 35px;
  color: #fff;
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .wrapper-header-nav.show-action .icon--hamburger-mobile {
    opacity: 0;
    transform: scale(0);
  }
}

/*------------------- Action icon header ---------------------*/
.header_dropdown_content {
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  top: 100%;
  z-index: 999;
  /*min-width: 300px;*/
  border-radius: 3px;
  color: #453536;
  background: #fff;
  /*border: solid 1px #dfe3e8;*/
  -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: opacity 0.25s ease-in-out,
    -webkit-transform 0.25s ease-in-out, visibility 0.25s ease-in-out,
    max-height 0s linear 0.25s;
  -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.25s ease-in-out,
    visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out,
    visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
  will-change: transform;
}
.header_dropdown_content .box-triangle {
  position: absolute;
  right: 9px;
  bottom: calc(100% - 1px);
  margin: 0;
  width: 30px;
  height: 14px;
  text-align: center;
}
.header_dropdown_content .box-triangle svg {
  width: 25px;
  -webkit-filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
}
.header_dropdown_content .site-nav-container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 12px;
  overflow: hidden;
  min-height: 100%;
  padding: 25px 15px 15px;
}
.header_dropdown_content.site_cart .mini-cart_scroll {
  margin: 5px 0;
  padding-right: 10px;
}
.header_dropdown_content.site_search .box-triangle {
  right: 89px;
}
.header_dropdown_content.site_search .titlebox-search {
  font-size: 15px;
  text-transform: uppercase;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #dee2e6;
  color: #453536;
}
.header_dropdown_content.site_account .box-triangle {
  right: 49px;
}
.header_dropdown_content.site_menu_mobile {
  width: 95vw;
  height: 100vh;
}
.header_dropdown_content.site_menu_mobile .box-triangle {
  left: 9px;
}
@media screen and (min-width: 992px) {
  .header_dropdown_content {
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  }
  .header_dropdown_content.site_cart {
    max-height: none;
    /*width: 470px;*/
    width: 100%;
    height: auto;
  }
  .header_dropdown_content.site_cart .mini-cart_scroll {
    max-height: 350px;
    overflow-y: auto;
  }
  .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .header_dropdown_content.site_cart
    .mini-cart_scroll::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .header_dropdown_content.site_cart
    .mini-cart_scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(105, 105, 105, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  .header_dropdown_content.site_cart
    .mini-cart_scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
  }
  .header_dropdown_content.site_search {
    width: 400px;
  }
  .header_dropdown_content.site_account {
    /*width: 335px;*/
  }
  .header_dropdown_content.site_account.site-account--info {
    width: 250px;
    min-width: 250px;
  }
}
@media (max-width: 991px) {
  .header_dropdown_content {
    /*.site-nav-container{
			width: 100vw;
			height: 100vh;
			overflow-y: auto;
			padding-bottom: 250px;
		}*/
  }
}

/*------------------- mini cart ---------------------*/
.site_cart .mini-cart_alert-wrapper .title-box {
  font-size: 15px;
  text-transform: uppercase;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
  padding: 6px 15px;
  background: #f3f5f6;
  color: #453536;
  border-radius: 30px;
}

.site_cart .mini-cart_line-item {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 15px 0;
}

.site_cart .mini-cart_line-item + .mini-cart_line-item {
  border-top: 1px dotted #dee2e6;
}

.site_cart .mini-cart_image-wrapper {
  width: 90px;
  margin-right: 15px;
}
.site_cart .mini-cart_image-wrapper img {
  border: 1px solid #dee2e6;
}

.site_cart .mini-cart_item-wrapper {
  position: relative;
  width: calc(100% - 90px);
  padding-right: 30px;
}

.site_cart .mini-cart_product-title {
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 5px;
}

.site_cart .mini-cart_product-variant {
  display: block;
  font-size: 12px;
  margin: 5px 0 10px;
  opacity: 0.66;
  text-transform: uppercase;
}

.site_cart .mini-cart_product-quantity {
  display: inline-block;
  background: #f3f5f6;
  text-align: center;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1;
  margin-right: 12px;
  font-weight: 500;
}

.site_cart .mini-cart_product-price {
  font-weight: 600;
}

.site_cart .mini-cart_product-remove-item {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1;
}

.site_cart .mini-cart_empty-state {
  padding: 70px 0 60px 0;
  text-align: center;
  margin-right: -10px;
}
.site_cart .mini-cart_empty-state svg {
  margin-bottom: 10px;
}
.site_cart .mini-cart_empty-state p {
  font-size: 16px;
  line-height: 1.7;
}

.site_cart .mini-cart_total-recap {
  padding: 15px 0 5px;
  border-top: 1px solid #dee2e6;
}

.site_cart .mini-cart_price-total-line span {
  font-size: 14px;
}

.site_cart .mini-cart_price-total-line #total-view-cart {
  font-weight: bold;
  font-size: 16px;
  color: #d29f13;
}

.site_cart .mini-cart_button-container {
  margin-top: 15px;
}
.site_cart .mini-cart_button-container a {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 10px;
}
.site_cart .mini-cart_button-container a.link-to-cart {
  margin-right: 10px;
}
.site_cart .mini-cart_button-container a.link-to-checkout {
  margin-left: 10px;
}

/*------------------- mini account ---------------------*/
#account-popover.site-account--info .site-nav-container {
  padding: 25px 0;
}

#account-popover .site-account-infor {
  font-size: 14px;
}
#account-popover .site-account-infor_header {
  text-align: center;
  border-bottom: 1px solid #dee2e6;
  padding: 0 0 10px;
  margin-bottom: 10px;
}
#account-popover .site-account-infor_header h2 {
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}
#account-popover .site-account-infor_list li {
  margin-bottom: 5px;
}
#account-popover .site-account-infor_list li:last-child {
  margin-bottom: 0;
}
#account-popover .site-account-infor_list li span {
  display: block;
  padding: 8px 20px;
  font-size: 15px;
  color: #282c2d;
  font-weight: 500;
}
#account-popover .site-account-infor_list li a {
  display: block;
  padding: 5px 20px 5px 13px;
  position: relative;
  margin-left: 20px;
}
#account-popover .site-account-infor_list li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 45%;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
}

#account-popover .popover-panel_list {
  position: relative;
  overflow: hidden;
}
#account-popover .popover-panel_list .popover-panel {
  width: 100%;
  visibility: hidden;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: -moz-transform 500ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
#account-popover .popover-panel_list .popover-panel.is-selected {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}
#account-popover .popover-panel_list .popover-panel_default {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}
#account-popover .popover-panel_list .popover-panel_sliding {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}
#account-popover .popover-panel_list .popover_header {
  padding: 0 0 15px 0;
}
#account-popover .popover-panel_list .popover_header .popover_title {
  margin-bottom: 8px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
}
#account-popover .popover-panel_list .popover_header .popover_legend {
  margin-bottom: 0;
}
#account-popover .popover-panel_list .form-input-wrapper {
  position: relative;
}
#account-popover
  .popover-panel_list
  .form-input-wrapper_labelled
  .form-field_text {
  padding: 15px 20px 3px;
  display: block;
  border-radius: 30px;
  width: 100%;
  border: 1px solid #d4d6d8;
  color: #453536;
  line-height: normal;
  height: 48px;
  -webkit-appearance: none;
  resize: none;
  font-size: 14px;
}
#account-popover
  .popover-panel_list
  .form-input-wrapper_labelled
  .form-field_text:focus
  + .form-floating_label,
#account-popover
  .popover-panel_list
  .form-input-wrapper_labelled
  .form-field_text.is-filled
  + .form-floating_label {
  -webkit-transform: translateY(-6px) scale(0.8);
  -moz-transform: translateY(-6px) scale(0.8);
  transform: translateY(-6px) scale(0.8);
}
#account-popover
  .popover-panel_list
  .form-input-wrapper_labelled
  .form-field_text:focus {
  border-color: #d29f13;
}
#account-popover
  .popover-panel_list
  .form-input-wrapper_labelled
  .form-floating_label {
  position: absolute;
  left: 20px;
  top: 0;
  line-height: 48px;
  font-size: 14px;
  transform: scale(1);
  transform-origin: left top;
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}
#account-popover .popover-panel_list .form-submit {
  width: 100%;
}
#account-popover .popover-panel_list .popover-secondary-action {
  margin: 16px 0 10px;
}
#account-popover .popover-panel_list .popover-secondary-action p > .link {
  color: #285cec;
  transition: color 0.2s ease-in-out;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  outline: none;
}

/*------------------- menu mobile ---------------------*/
#mb-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}
#mb-menu .menuList-sub {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-bottom: 150px;
  background: #fff;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
#mb-menu .menuList-sub.sub-child {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#mb-menu .menuList-sub.sub-child.mm-subopened {
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
#mb-menu .menuList-sub.mm-opened,
#mb-menu .menuList-sub.mm-sub,
#mb-menu .menuList-sub.mm-sub-3 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#mb-menu .menuList-sub li {
  position: relative;
}
#mb-menu .menuList-sub li a {
  display: block;
  padding: 15px 25px 15px 10px;
  /*text-transform: capitalize;*/
  outline: none;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  font-weight: 500;
  /*color: $colorFullPage;*/
}
#mb-menu .menuList-sub li a i svg {
  width: 8px;
  height: 12px;
}
#mb-menu .menuList-sub li a:focus {
  background-color: #efefef;
}
#mb-menu .menuList-sub li:not(.comeback) a i {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #757575;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mb-menu .menuList-sub.item-lever li a {
  font-weight: 300;
  text-transform: none;
  color: #453536;
}
#mb-menu .menuList-sub.item-lever li.comeback a {
  text-transform: uppercase;
}
#mb-menu .menuList-sub.item-lever li.comeback a i {
  font-size: 15px;
  padding-right: 10px;
  font-weight: 700;
}
#mb-menu .main_help .mobile_menu_section {
  padding: 15px;
}
#mb-menu .main_help .mobile_menu_section p {
  font-size: 15px;
  line-height: 1.85;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  color: #333;
}
#mb-menu .main_help .mobile_menu_section .mobile_menu_help {
  color: #677279;
  display: flex;
  align-items: center;
}
#mb-menu .main_help .mobile_menu_section .mobile_menu_help svg {
  margin-right: 16px;
  width: 24px;
  height: 24px;
}
#mb-menu .main_help .mobile_menu_section .mobile_menu_help a {
  border-bottom: 0 !important;
  text-transform: none !important;
}

/*------------------- Home slider ---------------------*/
@-webkit-keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}

#home-slider {
  overflow: hidden;
  z-index: 0 !important;
}
#home-slider .owl-nav button {
  position: absolute;
  top: 50%;
  z-index: 2;
  padding: 0;
  color: #888;
  font-size: 0;
  text-align: center;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#home-slider .owl-nav button.owl-prev {
  left: 35px;
  font-size: 0 !important;
}
#home-slider .owl-nav button.owl-prev:hover {
  left: 25px;
}
#home-slider .owl-nav button.owl-next {
  right: 35px;
  font-size: 0 !important;
}
#home-slider .owl-nav button.owl-next:hover {
  right: 25px;
}
#home-slider .owl-nav button svg {
  width: 0px;
  height: 0px;
  fill: #fff;
  color: #fff;
}
#home-slider .owl-dots {
  position: absolute;
  bottom: 28px;
  text-align: center;
  width: 100%;
}
#home-slider .owl-dots .owl-dot {
  display: inline-block;
}
#home-slider .owl-dots .owl-dot span {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
  border: 2px solid #fff;
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
#home-slider .owl-dots .owl-dot.active span {
  background: #fff;
}
#home-slider .slider-content-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#home-slider .slider-content-text .wrap-content-slider .title-content-slider p {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  margin: 0 auto 15px;
  opacity: 0;
}
#home-slider
  .slider-content-text
  .wrap-content-slider
  .title-content-slider
  h2 {
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0;
  margin: 0 auto 15px;
  opacity: 0;
  line-height: 1.4;
}
#home-slider .slider-content-text .wrap-content-slider .button_content_box {
  display: inline-block;
  padding-top: 15px;
  opacity: 0;
}
#home-slider .slider-content-text .wrap-content-slider .button_content_box a {
  padding: 16px 45px;
}
#home-slider .owl-item.active .slider-image {
  /*img{-webkit-animation: zoom 25s;animation: zoom 25s;}*/
  
}
#home-slider .owl-item.active .slider-content-text .wrap-content-slider p {
  animation: 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.1s 1 forwards
    slideshowFade;
}
#home-slider .owl-item.active .slider-content-text .wrap-content-slider h2 {
  animation: 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.3s 1 forwards
    slideshowFade;
}
#home-slider
  .owl-item.active
  .slider-content-text
  .wrap-content-slider
  .button_content_box {
  animation: 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.3s 1 forwards
    slideshowFade;
}
@media (min-width: 992px) {
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .title-content-slider
    h2 {
    max-width: 900px;
    min-width: 900px;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .title-content-slider
    p {
    max-width: 400px;
    min-width: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .title-content-slider
    p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .title-content-slider
    h2 {
    font-size: 18px;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .button-content-slider {
    padding-top: 0;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .button-content-slider
    a {
    padding: 15px 25px;
  }
}
@media (max-width: 767px) {
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .title-content-slider
    p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .title-content-slider
    h2 {
    font-size: 18px;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .button-content-slider {
    padding-top: 0;
  }
  #home-slider
    .slider-content-text
    .wrap-content-slider
    .button-content-slider
    a {
    padding: 12px 25px;
  }
  #home-slider .owl-dots {
    top: 500px;
    display: none;
  }
}

/*--------------------------------------------------------------------------------
3. INDEX
--------------------------------------------------------------------------------*/
.mainContent-theme .section[class*="section-"] {
  margin-bottom: 30px;
  position: relative;
}

.mainContent-theme .section-banner + .section-banner {
  margin-top: -50px;
}

@media (max-width: 767px) {
  .mainContent-theme #section-collection-home {
    padding-top: 10px;
  }
  .section[class*="section-"] {
    margin-bottom: 0px !important;
  }
  .section6 {
    padding-bottom: 0px !important;
  }
}

.wrapper-banner-introproduct .banner-introproduct-title_first {
  font-size: var(--font-size-title-first-home);
  display: block;
  margin: 0 0 10px;
  font-weight: 400;
  line-height: 1.3;
}

.wrapper-banner-introproduct .banner-introproduct-title_second {
  font-size: var(--font-size-title-second-home);
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
}

.wrapper-banner-introproduct .banner-introproduct-desc {
  font-size: var(--font-size-description-home);
  line-height: 1.5;
  font-weight: 300;
  margin: 0;
  padding-top: 15px;
  letter-spacing: 0.2px;
}

.wrapper-banner-introproduct .banner-introproduct-button {
  margin-top: 25px;
}

.wrapper-banner-introproduct .banner-introproduct-contact {
  margin-top: 25px;
}

@media (max-width: 992px) {
  .wrapper-banner-introproduct .banner-introproduct {
    /*&-image{margin-bottom: 20px;}*/
    padding: 1.5rem 0 !important;
  }
  .wrapper-banner-introproduct .banner-introproduct {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .wrapper-banner-introproduct .banner-introproduct {
    /*&-image{margin-bottom: 20px;}*/
    padding: 1.5rem 10px !important;
  }
  .wrapper-banner-introproduct .banner-introproduct {
    text-align: center;
  }
}

.wrapper-banner-introproduct.introproduct-1 {
  background: #ffffff;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .wrapper-banner-introproduct.introproduct-1 {
    padding-top: 0;
  }
}

.wrapper-banner-introproduct.introproduct-2 {
  background: #d1e2e8;
  padding: 30px 0;
}

.wrapper-banner-introproduct.introproduct-3 {
  background: #f5f5f5;
}

.wrapper-banner-introproduct.introproduct-4 {
  background: #e1e6ea;
}

.wrapper-banner-introproduct.introproduct-5 {
  background: #fdf1f3;
}

.wrapper-heading-home {
  margin-bottom: 5px;
  padding: 0 0 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  /*border-bottom: 1px solid #ccc;*/
}
.wrapper-heading-home h2 {
  /*@include heading-title-second;*/
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
}
.wrapper-heading-home span.titleH-first {
  font-size: var(--font-size-title-first-home);
  display: block;
  margin: 0 0 10px;
  font-weight: 400;
  line-height: 1.3;
}
.wrapper-heading-home p {
  margin: 0;
  font-size: 14px;
  /*text-decoration: underline;*/
  font-style: italic;
}

.wrapper-banner-testimonials {
  padding: 0 15px;
  background: #e1e6e7;
}
.wrapper-banner-testimonials .slider-banner-testimonials {
  padding: 20px 200px;
  overflow: hidden;
}
.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button {
  position: absolute;
  top: 50%;
  z-index: 2;
  padding: 0;
  color: #888;
  font-size: 0;
  text-align: center;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.wrapper-banner-testimonials
  .slider-banner-testimonials
  .owl-nav
  button.owl-prev {
  left: 120px;
}
.wrapper-banner-testimonials
  .slider-banner-testimonials
  .owl-nav
  button.owl-prev:hover {
  left: 100px;
}
.wrapper-banner-testimonials
  .slider-banner-testimonials
  .owl-nav
  button.owl-next {
  right: 120px;
}
.wrapper-banner-testimonials
  .slider-banner-testimonials
  .owl-nav
  button.owl-next:hover {
  right: 100px;
}
.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button svg {
  width: 50px;
  height: 50px;
  fill: #000;
  color: #000;
}
.wrapper-banner-testimonials .slider-banner-testimonials .owl-dots {
  margin: 25px 0 0;
}
.wrapper-banner-testimonials .slider-banner-testimonials .owl-dots .owl-dot {
  display: inline-block;
}
.wrapper-banner-testimonials
  .slider-banner-testimonials
  .owl-dots
  .owl-dot
  span {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
  border: 2px solid #fff;
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.wrapper-banner-testimonials
  .slider-banner-testimonials
  .owl-dots
  .owl-dot.active
  span {
  background: #d29f13;
  border-color: #d29f13;
}
.wrapper-banner-testimonials .banner-testimonials-title_frist {
  font-size: var(--font-size-title-first-home);
  display: block;
  margin: 0 0 10px;
  font-weight: 400;
  line-height: 1.3;
}
.wrapper-banner-testimonials .banner-testimonials-title_second {
  font-size: var(--font-size-title-second-home);
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
}
.wrapper-banner-testimonials .banner-testimonials-desc {
  font-size: var(--font-size-description-home);
  line-height: 1.5;
  font-weight: 300;
  margin: 0;
  padding-top: 15px;
  letter-spacing: 0.2px;
}
@media (min-width: 992px) {
  .wrapper-banner-testimonials .banner-image-testimonials {
    border-left: 10px solid #fff;
  }
  .wrapper-banner-testimonials .banner-image-testimonials_content {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper-banner-testimonials .slider-banner-testimonials {
    padding: 45px 115px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-prev {
    left: 50px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-prev:hover {
    left: 40px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-next {
    right: 50px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-next:hover {
    right: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper-banner-testimonials .slider-banner-testimonials {
    padding: 15px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-prev {
    left: 25px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-prev:hover {
    left: 15px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-next {
    right: 25px;
  }
  .wrapper-banner-testimonials
    .slider-banner-testimonials
    .owl-nav
    button.owl-next:hover {
    right: 15px;
  }
}
@media (max-width: 767px) {
  .wrapper-banner-testimonials .slider-banner-testimonials {
    padding: 30px 15px;
  }
  .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav {
    display: none;
  }
}

.wrapper-collection-2 .row .product-colmnloop,
.wrapper-collection-3 .row .product-colmnloop {
  padding: 0;
}

.product-loop.product-horizontal {
  margin-bottom: 35px;
  padding: 0 15px;
}
.product-loop.product-horizontal .product-inner {
  box-shadow: none;
}
.product-loop.product-horizontal .product-image {
  width: 90px;
}
.product-loop.product-horizontal .product-image .product-sale {
  top: 2px;
  left: 2px;
  font-size: 10px;
  padding: 0 2px;
}
.product-loop.product-horizontal .product-image a {
  border: 1px solid #f3f3f3;
}
.product-loop.product-horizontal .product-detail {
  width: calc(100% - 90px);
  padding: 8px 0 0 15px;
}
.product-loop.product-horizontal .product-detail h3 {
  font-size: 14px;
}
.product-loop.product-horizontal .product-detail .block-pro-sold-out {
  display: block;
  font-size: 12px;
  color: #d29f13;
  font-weight: 600;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .product-loop.product-horizontal {
    margin-bottom: 15px;
  }
}

.wrapper-service-home {
  background: #e8e6dd;
  padding: 15px 15px 0;
  overflow: hidden;
}
.wrapper-service-home .item {
  margin-bottom: 15px;
  padding: 0 10px 0;
}
.wrapper-service-home .item .item-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  color: #d29f13;
  border: 4px solid #d29f13;
  text-align: center;
  margin-right: 15px;
  padding: 12px;
}
.wrapper-service-home .item .item-wrapper {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: -webkit-calc(100% - 80px);
  max-width: -moz-calc(100% - 80px);
  max-width: calc(100% - 80px);
}
.wrapper-service-home .item .item-wrapper-title h2 {
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  padding-bottom: 5px;
}
.wrapper-service-home .item .item-wrapper-title h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  border-radius: 50% 50%;
  box-shadow: 0px 0px 2px #fff;
  background: #fff;
  opacity: 0.6;
}
.wrapper-service-home .item .item-wrapper-content p {
  margin: 0;
}
.wrapper-service-home .item:hover .item-icon:before {
  position: absolute;
  content: "";
  opacity: 0.8;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1px;
  width: 1px;
  z-index: 9;
  border: 1px solid transparent;
  border-radius: 1px;
  box-shadow: 0 0 0 0 #d29f13;
  background-color: #d29f13;
  transition: scaleBannerService 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  backface-visibility: hidden;
  -moz-animation: scaleBannerService 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: scaleBannerService 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: scaleBannerService 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
}
@media (max-width: 1199px) {
  .wrapper-service-home .item .item-wrapper-title h2:before {
    left: 0;
    transform: initial;
  }
}
@media (max-width: 767px) {
  .wrapper-service-home .item {
    margin-bottom: 15px;
  }
}

#collection-two-slide .owl-nav button,
#collection-three-slide .owl-nav button {
  position: absolute;
  top: 40%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background-color: transparent;
  font-size: 0;
  outline: none;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#collection-two-slide .owl-nav button.owl-prev,
#collection-three-slide .owl-nav button.owl-prev {
  left: 0;
  background-image: url(../../../1000409858/1000615297/14/arrow-left.png);
}
#collection-two-slide .owl-nav button.owl-prev.disabled,
#collection-three-slide .owl-nav button.owl-prev.disabled {
  display: none;
}
#collection-two-slide .owl-nav button.owl-prev.disabled + .owl-next,
#collection-three-slide .owl-nav button.owl-prev.disabled + .owl-next {
  animation: marginLeft 1.2s ease-in-out infinite;
  animation-direction: normal;
}
#collection-two-slide .owl-nav button.owl-next,
#collection-three-slide .owl-nav button.owl-next {
  right: 0;
  background-image: url(../../../1000409858/1000615297/14/arrow-right.png);
}
#collection-two-slide .owl-nav button.owl-next.disabled,
#collection-three-slide .owl-nav button.owl-next.disabled {
  display: none;
}

.owl-carousel {
  width: initial;
}
.owl-carousel .owl-item img {
  width: auto !important;
  text-align: center;
  margin: auto;
}

.effect-banner {
  position: relative;
}
.effect-banner .effect-banner-image {
  display: block;
}
.effect-banner .effect-banner-image:before,
.effect-banner .effect-banner-image:after {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  content: "";
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.effect-banner .effect-banner-image:before {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
.effect-banner .effect-banner-image:after {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.effect-banner:hover .effect-banner-image {
  /*&:before,&:after{
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);
			}*/
}

/*--------------------------------------------------------------------------------
PRODUCT LOOP
--------------------------------------------------------------------------------*/
.image-container {
  position: relative;
  width: 100%;
  height: auto;
}

a.image-hover-group .image-first-holder,
a.image-hover-group .image-second-holder {
  transition: opacity 0.5s ease-in-out;
}

a.image-hover-group .image-second-holder {
  display: none;
  opacity: 0;
}

a.image-hover-group:hover .image-first-holder {
  opacity: 0;
}

a.image-hover-group:hover .image-second-holder {
  display: flex;
  opacity: 1;
}

.product-loop {
  margin-bottom: 15px;
}
.product-loop .product-image {
  position: relative;
  overflow: hidden;
}
.product-loop .product-image .product-sale,
.product-loop .product-image .sold-out {
  position: absolute;
  top: 10px;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  background: #d29f13;
  padding: 1px 8px;
}
.product-loop .product-image .product-sale {
  left: 10px;
}
.product-loop .product-image .sold-out {
  background: #d29f13;
  right: 10px;
}
.product-loop .product-image .image-second-holder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  overflow: hidden;
}
@media (min-width: 992px) {
  .product-loop:not(.product-horizontal) .product-inner:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(69, 79, 89, 0.15);
    -moz-box-shadow: 0 5px 10px 0 rgba(69, 79, 89, 0.15);
    box-shadow: 0 5px 10px 0 rgba(69, 79, 89, 0.15);
  }
  .product-loop .product-inner {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .product-loop .product-inner .product-image {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  .product-loop .product-inner:hover .product-image .image-first-holder {
    opacity: 0;
    visibility: hidden;
  }
  .product-loop .product-inner:hover .product-image .image-second-holder {
    opacity: 1;
    visibility: visible;
  }
  .product-loop .product-inner:hover .product-image .image-first-holder,
  .product-loop .product-inner:hover .product-image .image-second-holder {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
}

.product-detail {
  padding: 10px;
  border-top: none;
}
.product-detail p.pro-name {
  font-size: 15px;
  margin: 0 0 8px;
  font-weight: initial;
}
.product-detail h3 {
  font-size: 15px;
  margin: 0 0 8px;
  font-weight: initial;
}
.product-detail h3 a {
  color: #453536;
  font-weight: 400;
  font-family: Roboto, sans-serif !important;
}
.product-detail h3 a:hover {
  color: #d29f13;
}
.product-detail .box-pro-prices .block-pro-price {
  margin-bottom: 0;
}
.product-detail .box-pro-prices .block-pro-price.highlight .pro-price {
  color: #d4a41e;
}
.product-detail .box-pro-prices .block-pro-price .pro-price-contact {
  color: #f94c43;
  font-weight: 500;
}
.product-detail .box-pro-prices .block-pro-price .pro-price {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.product-detail .box-pro-prices .block-pro-price .pro-price-del {
  color: #878c8f;
  text-decoration: line-through;
  margin-left: 7px;
  font-weight: 300;
  font-size: 12px;
}

@media (max-width: 767px) {
  .content-product-list_vertical .product-loop:nth-child(odd) {
    padding-right: 7.5px;
  }
  .content-product-list_vertical .product-loop:nth-child(even) {
    padding-left: 7.5px;
  }
}

/*--------------------------------------------------------------------------------
PRODUCT LOOP SPECIAL
--------------------------------------------------------------------------------*/
.product-loop-special {
  margin-bottom: 50px;
}
.product-loop-special .product-col-right {
  padding: 0 0 0 30px;
}
.product-loop-special .product-col-right .product-width {
  max-width: 280px;
  margin: auto;
}
@media (min-width: 768px) {
  .product-loop-special .product-col-right {
    padding: 0 80px;
  }
}
.product-loop-special .product-detail {
  padding: 20px 0;
}
.product-loop-special .action .btn-box {
  width: 100%;
  padding: 10px 5px;
  font-size: 12px;
}

/*--------------------------------------------------------------------------------
4. FOOTER
--------------------------------------------------------------------------------*/
.main-footer-inner {
  background: #ffffff;
  border-top: 1px solid #ffffff;
}

.footer-wrapper {
  padding: 40px 0 30px;
  color: #866d4b;
}

.footer-block_title {
  position: relative;
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #453536;
  font-weight: 500;
}

.footer-linklist {
  margin-bottom: 15px;
}
.footer-linklist li {
  display: block;
  position: relative;
  line-height: 1.5;
  padding: 5px 0;
}
.footer-linklist li a {
  position: relative;
  overflow: hidden;
  color: #866d4b;
  padding-left: 15px;
}
.footer-linklist li a:hover {
  color: #d29f13;
}
.footer-linklist li a:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  background: #866d4b;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.social-media_item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}
.social-media_item > a {
  position: relative;
  display: block;
  background: #ebebeb;
  color: #858585;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.social-media_item .tooltip {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 5px 10px;
  border-radius: 40px;
  font-size: 9px;
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.social-media_item .tooltip:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 0;
  height: 0;
  border: solid;
  border-width: 8px 8px 0 8px;
  border-color: transparent;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
.social-media_item:hover .tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
}

.social-media_item--facebook .tooltip {
  background: #3b5998;
  color: #fff;
}
.social-media_item--facebook .tooltip:after {
  border-top-color: #3b5998;
}

.social-media_item--facebook:hover a {
  background: #3b5998;
  color: #fff;
}

.social-media_item--youtube .tooltip {
  background: #f70000;
  color: #fff;
}
.social-media_item--youtube .tooltip:after {
  border-top-color: #f70000;
}

.social-media_item--youtube:hover a {
  background: #f70000;
  color: #fff;
}

.social-media_item--pinterest .tooltip {
  background: #d94645;
  color: #fff;
}
.social-media_item--pinterest .tooltip:after {
  border-top-color: #d94645;
}

.social-media_item--pinterest:hover a {
  background: #d94645;
  color: #fff;
}

.social-media_item--twitter .tooltip {
  background: #1c9cea;
  color: #fff;
}
.social-media_item--twitter .tooltip:after {
  border-top-color: #1c9cea;
}

.social-media_item--twitter:hover a {
  background: #1c9cea;
  color: #fff;
}

.social-media_item--instagram .tooltip {
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  color: #fff;
}
.social-media_item--instagram .tooltip:after {
  border-top-color: #dc2743;
}

.social-media_item--instagram:hover a {
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  color: #fff;
}

@media (max-width: 767px) {
  .main-footer .footer-wrapper {
    padding: 20px 0;
  }
  .main-footer .footer-block_content {
    display: none;
  }
  .main-footer .plus-button {
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
  }
  .main-footer .plus-button:before,
  .main-footer .plus-button:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: currentColor;
    transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out,
      -webkit-transform 0.35s ease-in-out;
  }
  .main-footer .plus-button:before {
    width: 10px;
    height: 2px;
    opacity: 1;
  }
  .main-footer .plus-button:after {
    width: 2px;
    height: 10px;
  }
  .main-footer .footer-block_title {
    font-size: 14px;
    padding: 12px 0;
    text-transform: uppercase;
    margin: 0;
  }
  .main-footer .footer-block_title.active .plus-button:before,
  .main-footer .footer-block_title.active .plus-button:after {
    webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .main-footer .footer-block_title.active .plus-button:before {
    opacity: 0;
  }
}

.footer-block_bottom {
  background: #ffffff;
  padding: 20px 0;
  border-top: 1px solid #eeeeee;
}
@media (min-width: 768px) {
  .footer-block_bottom .footer-bottom-copyright {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .footer-block_bottom {
    text-align: center;
  }
}

.footer-bottom-contact {
  text-align: left;
}
.footer-bottom-contact a {
  display: inline-block;
  line-height: 1.7;
  font-size: 14px;
}
.footer-bottom-contact a i.fa:before {
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-right: 8px;
}
@media (min-width: 992px) {
  .footer-bottom-contact a:not(:last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .footer-bottom-contact {
    margin-bottom: 10px;
  }
  .footer-bottom-contact a {
    margin: 0 0 6px;
    display: block;
  }
}

.footer-block_bottom p,
.footer-block_bottom a {
  margin-bottom: 0;
  color: #866d4b;
}

.footer-block_bottom a:hover {
  color: #d29f13;
}

.logo-footer {
  margin-bottom: 30px;
}
.logo-footer img {
  max-width: 180px;
}

#footer .footer-wrap .footer-wrap-item .footer-wrap-item-info-list li {
  list-style: none !important;
}

/*------------------------------Search form , search auto---------------------*/
form.searchform {
  position: relative;
}
form.searchform input.searchinput {
  background: #fff;
  color: #453536;
  border: 1px solid #ebebeb;
  width: 100%;
  height: 42px;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 65px 5px 15px;
  margin: 0;
  display: inline-block;
  border-radius: 30px;
  -webkit-appearance: none;
  appearance: none;
}
form.searchform input.searchinput:focus {
  border: 1px solid #d29f13;
  background: #fff;
  outline: none;
}
form.searchform .btn-search {
  width: 80px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  padding: 0;
  top: 0px;
  right: 0px;
  background: #d29f13;
  border: 0;
  /*border-radius: 0 3px 3px 0;*/
  border-radius: 30px;
}
form.searchform .btn-search svg {
  width: 18px;
  height: 42px;
  fill: #fff;
}

.smart-search-wrapper {
  background: transparent;
  width: 100%;
  float: left;
  clear: both;
  z-index: 100;
  background: #fff;
}
.smart-search-wrapper .item-ult {
  padding: 10px;
  border-bottom: 1px dotted #dfe0e1;
  clear: both;
  width: 100%;
  float: left;
}
.smart-search-wrapper .item-ult .thumbs {
  width: 40px;
  display: inline-block;
  text-align: right;
}
.smart-search-wrapper .item-ult .title {
  position: relative;
  width: calc(100% - 40px);
  padding-right: 5px;
  text-align: left;
  float: left;
  line-height: 20px;
  margin-top: 0;
}
.smart-search-wrapper .item-ult .title a {
  font-size: 12px;
  /*text-overflow: ellipsis;
				overflow: hidden;
				white-space: pre;*/
  float: left;
  width: 100%;
  margin-bottom: 4px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.smart-search-wrapper .item-ult .title p {
  line-height: 15px;
  font-size: 12px;
  font-weight: 500;
  float: left;
  margin: 0;
}
.smart-search-wrapper .item-ult .title p del {
  font-size: 11px;
  font-weight: 400;
  margin-left: 5px;
  color: #797979;
}

.resultsMore {
  width: 100%;
  float: left;
}
.resultsMore a {
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 10px 0;
  font-weight: 600;
}

/*------------------------------Search page---------------------*/
.layout-searchPage .heading-page h1:after {
  content: "";
  display: block;
  width: 33px;
  height: 2px;
  background: #000;
  margin: 15px auto;
}

.layout-searchPage .expanded-message h2 {
  font-weight: 600;
  font-size: 20px;
}

.layout-searchPage .search-field {
  max-width: 600px;
  margin: 0 auto;
}
.layout-searchPage .search-field .search-box {
  width: calc(100% - 55px);
  outline: none;
  height: 45px;
  padding: 0 20px;
  background: #ededed;
  border: 0;
  box-shadow: none;
}
.layout-searchPage .search-field .btn-search-page {
  width: 55px;
  height: 45px;
  line-height: 45px;
  background: #000;
  border: 0;
  outline: none;
  cursor: pointer;
}
.layout-searchPage .search-field .btn-search-page svg {
  width: 15px;
  height: 45px;
  fill: #fff;
}

@media (max-width: 767px) {
  .layout-searchPage .search-list-results .product-loop:nth-child(odd) {
    padding-right: 7.5px;
  }
  .layout-searchPage .search-list-results .product-loop:nth-child(even) {
    padding-left: 7.5px;
  }
}

/*------------------------------Breadcrumd---------------------*/
.breadcrumb-content-inner .breadcrumb-arrows {
  padding: 8px 0 10px;
  background: transparent;
  border-radius: 0;
  margin: 0;
  text-align: center;
}
.breadcrumb-content-inner .breadcrumb-arrows > li {
  font-size: 14px;
  color: #453536;
}
.breadcrumb-content-inner .breadcrumb-arrows > li + li:before {
  padding: 0 3px 0 7px;
  color: #ccc;
  content: "/\00a0";
}

.breadcrumb-shop {
  /*background: #fff;*/
}
.breadcrumb-shop .breadcrumb {
  padding: 5px 25px 5px 0;
  background: transparent;
  border-radius: 0;
  margin: 0;
  align-items: baseline;
}
.breadcrumb-shop .breadcrumb > li {
  font-size: 12px;
  text-transform: uppercase;
}
.breadcrumb-shop .breadcrumb > li a {
  color: #453536;
}
.breadcrumb-shop .breadcrumb > li a:hover {
  color: #d29f13;
}
.breadcrumb-shop .breadcrumb > li + li:before {
  padding: 0 3px 0 7px;
  color: #d29f13;
  content: "›";
  font-size: 17px;
}
.breadcrumb-shop .breadcrumb > li strong {
  font-weight: 400;
}
@media (max-width: 767px) {
  .breadcrumb-shop {
    /*background: #fff; */
  }
  .breadcrumb-shop .breadcrumb {
    padding: 0;
  }
  .breadcrumb-shop .breadcrumb > li {
    font-size: 10px;
  }
}

/*------------------------------Pagination---------------------*/
#pagination {
  margin: 30px 0;
}
#pagination .pagination {
  margin: 0;
  padding: 0;
  justify-content: center;
  -webkit-justify-content: center;
}
#pagination .pagination > li {
  display: inline-block;
  vertical-align: middle;
}
#pagination .pagination > li:not(:last-child) {
  margin-right: 8px;
}
#pagination .pagination > li > span,
#pagination .pagination > li a {
  position: relative;
  float: left;
  line-height: 33px;
  text-decoration: none;
  color: #333e48;
  background-color: #fff;
  border: 1px solid #dee2e6;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 0 !important;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
}
#pagination .pagination > li > span.current,
#pagination .pagination > li a.current {
  background-color: #d29f13;
  border-color: #d29f13;
  color: #fff;
}
#pagination .pagination > li > a:hover,
#pagination .pagination > li > a:focus,
#pagination .pagination > li > span:hover,
#pagination .pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #d29f13;
  border-color: #d29f13;
}

/*--------------------------------------------------------------------------------
5. BLOG
--------------------------------------------------------------------------------*/
.heading-page h1 {
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 25px;
}

@media (max-width: 767px) {
  .heading-page {
    text-align: center;
  }
}

.list-article-content .pd-item-article {
  margin-bottom: 30px;
}

.list-article-content .no-post {
  font-size: 16px;
}

.list-article-content .article-list-item {
  border: 1px solid #ebebeb;
  box-shadow: 0 1px 4px rgba(128, 128, 128, 0.11);
  height: 100%;
  text-align: center;
}
.list-article-content .article-list-item .article-excerpt-image {
  overflow: hidden;
  display: block;
}
.list-article-content .article-list-item .article-excerpt-image img {
  transition: transform 0.2s ease-out;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1000 / 525;
}
.list-article-content .article-list-item .article-excerpt-content {
  padding: 15px;
}
.list-article-content .article-list-item .article-excerpt-meta {
  font-size: var(--font-size-body);
  display: inline-block;
  color: #453536;
  margin-bottom: 15px;
}
.list-article-content .article-list-item .article-excerpt-title {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 1.2;
}
.list-article-content .article-list-item .article-excerpt-readmore {
  display: inline-block;
  font-weight: 500;
}
.list-article-content .article-list-item .article-excerpt-readmore svg {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.list-article-content .article-list-item .article-excerpt-readmore svg path {
  transition: -webkit-transform 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
    opacity 125ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
    opacity 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.list-article-content
  .article-list-item
  .article-excerpt-readmore
  svg
  path:first-child {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.list-article-content
  .article-list-item
  .article-excerpt-readmore
  svg
  path:last-child {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.list-article-content
  .article-list-item
  .article-excerpt-readmore:hover
  svg
  path:first-child,
.list-article-content
  .article-list-item
  .article-excerpt-readmore:hover
  svg
  path:last-child {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.list-article-content .article-list-item:hover .article-excerpt-image img {
  /*-moz-transform: scale(1.1, 1.1) rotate(2deg);
				-webkit-transform: scale(1.1, 1.1) rotate(2deg);
				-o-transform: scale(1.1, 1.1) rotate(2deg);
				transform: scale(1.1, 1.1) rotate(2deg);*/
  transform: scale(1.02);
}

@media (min-width: 576px) and (max-width: 767px) {
  .list-article-content .col-lg-6:nth-child(even) {
    padding-left: 7.5px;
  }
  .list-article-content .col-lg-6:nth-child(odd) {
    padding-right: 7.5px;
  }
}

.list-article-content {
  margin-bottom: 40px;
}
.list-article-content .no-post {
  font-size: 16px;
}
.list-article-content .article_image a {
  overflow: hidden;
  display: block;
}
.list-article-content .article_image a img {
  /*-webkit-transition: all 1.5s;
					-moz-transition: all 1.5s;
					-ms-transition: all 1.5s;
					-o-transition: all 1.5s;
					transition: all 1.5s;*/
}
.list-article-content .article:hover .article_image a img {
  /*transform: scale(1.26);-webkit-transform: scale(1.26);
				-ms-transform: scale(1.26);-o-transform: scale(1.26);
				-moz-transform: scale(1.26);opacity: 0.8;*/
}
.list-article-content .blog-post-title {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0;
}
.list-article-content .blog-post-content {
  line-height: 1.5;
}
.list-article-content .blog-post-meta {
  color: #999;
}
.list-article-content .blog-post-meta > span:not(:last-child):after {
  content: "/";
  padding-left: 4px;
}

.sidebox_wrapper {
  position: relative;
}
.sidebox_wrapper .sidebox_title h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #dee2e6;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.sidebox_wrapper .sidebox_title h3 span {
  margin-left: 20px;
  display: none;
}
.sidebox_wrapper .sidebox_content-list .item-article {
  padding: 10px 0;
  border-bottom: 1px dashed #dee2e6;
  margin: 0;
}
.sidebox_wrapper .sidebox_content-list .item-article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.sidebox_wrapper .sidebox_content-list .item-article .post-image {
  display: inline-block;
  width: 25%;
}
.sidebox_wrapper .sidebox_content-list .item-article .post-content {
  width: calc(100% - 25%);
  float: right;
  padding: 5px 15px 5px 20px;
}
.sidebox_wrapper .sidebox_content-list .item-article .post-content h3 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 500;
}
.sidebox_wrapper .sidebox_content-list .item-article .post-meta {
  font-size: 13px;
  margin: 0;
}
.sidebox_wrapper .sidebox_content-tagged {
  padding: 20px 0 0;
}
.sidebox_wrapper .sidebox_content-tagged a {
  border: 2px solid #dee2e6;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebox_wrapper .sidebox_content-tagged a:hover {
  background: #d29f13;
  border-color: #d29f13;
  color: #fff;
}
.sidebox_wrapper .sidebox_content-follow-us {
  padding: 20px 0 0;
}
.sidebox_wrapper .sidebox_content-follow-us .social-icon-blog {
  display: inline-block;
}
.sidebox_wrapper .sidebox_content-follow-us .social-icon-blog a {
  border: 2px solid #dee2e6;
  background-color: #fff;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
}
.sidebox_wrapper .sidebox_content-follow-us .social-icon-blog a:hover {
  background: #d29f13;
  border-color: #d29f13;
  color: #fff;
}
@media (max-width: 991px) {
  .sidebox_wrapper {
    border: 1px solid #dee2e6;
  }
  .sidebox_wrapper .sidebox_content {
    display: block;
  }
  .sidebox_wrapper .sidebox_title h3 span {
    display: inline-block;
    position: absolute;
    right: 10px;
    line-height: 1.3;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
  }
  .sidebox_wrapper .sidebox_title.active span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
  }
}

.menuList-links {
  margin: 0;
}
.menuList-links > li {
  position: relative;
  border-bottom: 1px dashed #dee2e6;
}
.menuList-links > li:last-child {
  border-bottom: 0;
}
.menuList-links > li > a {
  position: relative;
  display: block;
  padding: 12px 0;
  font-weight: 500;
  font-size: 15px;
}
.menuList-links > li.has-submenu span.icon-plus-submenu {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid transparent;
}
.menuList-links > li.has-submenu span.icon-plus-submenu:hover {
  border: 1px solid #dee2e6;
}
.menuList-links li {
  position: relative;
}
.menuList-links li ul.submenu-links {
  display: none;
}
.menuList-links li ul.submenu-links li a {
  color: #252a2b;
  position: relative;
  font-size: 13px;
  display: block;
  padding: 8px 0 8px 0px;
}
.menuList-links li.has-submenu.opened > a .icon-plus-submenu:after {
  -moz-transform: translateY(-50%) scale(1, 0);
  -ms-transform: translateY(-50%) scale(1, 0);
  -webkit-transform: translateY(-50%) scale(1, 0);
  transform: translateY(-50%) scale(1, 0);
}
.menuList-links li.has-submenu.level0 ul.submenu-links {
  border-top: 1px dashed #dee2e6;
}
.menuList-links li.has-submenu.level0 ul.submenu-links li a {
  padding-left: 12px;
}
.menuList-links li.has-submenu.level1 ul.submenu-links li a {
  padding-left: 22px;
}
.menuList-links li.has-submenu.level2 ul.submenu-links li a {
  padding-left: 32px;
}

.icon-plus-submenu:before,
.icon-plus-submenu:after {
  background: rgba(9, 9, 9, 0.6);
  content: "";
  display: block;
  position: absolute;
  margin-right: 7px;
  top: 50%;
  right: 0;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.icon-plus-submenu:before {
  width: 9px;
  height: 1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-plus-submenu:after {
  width: 1px;
  height: 9px;
  right: 4px;
  transform-origin: center;
  -moz-transform: translateY(-50%) scale(1, 1);
  -ms-transform: translateY(-50%) scale(1, 1);
  -webkit-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1);
}

/*--------------------------------------------------------------------------------
6. ARTICLE
--------------------------------------------------------------------------------*/
.wrapper-content-article .article-heading_title {
  font-size: 22px;
  margin: 0 0 10px;
}

.wrapper-content-article .article-heading_info {
  margin-top: 5px;
  margin-bottom: 15px;
}
.wrapper-content-article .article-heading_info li {
  opacity: 0.7;
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 600;
}
.wrapper-content-article .article-heading_info li i {
  margin-right: 5px;
}

.wrapper-content-article .article-meta-tags_title {
  font-weight: 500;
}

.wrapper-content-article .article-meta-tags .article-meta_tag {
  opacity: 0.8;
  font-style: italic;
  font-size: 14px;
}

.wrapper-content-article .article-post-nav {
  font-size: 15px;
  font-weight: 500;
}
.wrapper-content-article .article-post-nav span a {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-content-article .article-post-nav span svg {
  width: 12px;
  height: 12px;
  color: #453536;
}
.wrapper-content-article .article-post-nav span.left svg {
  margin-right: 5px;
}
.wrapper-content-article .article-post-nav span.right svg {
  margin-left: 5px;
}

.article-comment {
  margin-bottom: 40px;
}
.article-comment_title h2 {
  font-size: 20px;
}
.article-comment_form .subtext {
  color: #453536;
  padding: 12px 15px;
}
.article-comment_user-author {
  font-size: 14px;
  font-style: normal;
  text-transform: capitalize;
  margin: 13px 0;
}

/*--------------------------------------------------------------------------------
7. PAGE
--------------------------------------------------------------------------------*/
.layoutPage-about-one .section-about-headtitle {
  position: relative;
  text-align: center;
}
.layoutPage-about-one .section-about-headtitle img {
  object-fit: cover;
  min-height: 150px;
  object-position: center center;
}
.layoutPage-about-one .section-about-headtitle .headtitle-block {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layoutPage-about-one .section-about-headtitle .headtitle-block h1 {
  font-size: 30px;
  color: #453536;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 15px 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .layoutPage-about-one .section-about-headtitle .headtitle-block h1 {
    font-size: 22px;
    margin: 10px 0;
  }
}

.layoutPage-about-one .breadcrumb-shop {
  background: transparent;
}
.layoutPage-about-one .breadcrumb-shop .breadcrumb-arrows {
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
}

.wrapper-page-content .wrapbox-content-page {
  padding-bottom: 30px;
}
.wrapper-page-content .wrapbox-content-page ul {
  list-style-type: initial;
  padding-left: 40px;
  margin-bottom: 15px;
}

.wrapper-page-content .banner-image-page a {
  display: block;
  overflow: hidden;
}
.wrapper-page-content .banner-image-page a img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.wrapper-page-content .banner-image-page a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.layout-pageContact .heading-page-contact h2 {
  font-size: 25px;
}
.layout-pageContact .heading-page-contact h2:after {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: #252a2b;
  margin: 15px 0;
}

.layout-pageContact .description-contact p {
  margin-bottom: 15px;
  font-weight: 400;
  text-transform: none;
  font-size: 15px;
  letter-spacing: 0;
}

.layout-pageContact .wrapper-info-contact span {
  text-transform: uppercase;
  font-size: 15px;
  color: #333;
  font-weight: 500;
}

.layout-pageContact .wrapper-info-contact .info-contact_left {
  width: 35%;
}

.layout-pageContact .wrapper-info-contact .info-contact_right {
  width: calc(100% - 35%);
}
.layout-pageContact .wrapper-info-contact .info-contact_right p {
  font-weight: 600;
  color: #453536;
}

.layout-pageContact .wrapper-info-contact .list-info-contact li {
  margin-bottom: 15px;
}

.banner-contact-header {
  position: relative;
}
.banner-contact-header .banner-contact-header_title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner-contact-header .banner-contact-header_title h1 {
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 1px;
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .banner-contact-header .banner-contact-header_title h1 {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .layout-searchPage .search-list-results .product-loop {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  .wrapper-collection-1 .content-product-list .product-loop,
  .wrapper-collection-3 .content-product-list .product-loop {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/*--------------------------------------------------------------------------------
8. PAGE CART
--------------------------------------------------------------------------------*/
.layoutPage-cart .heading-page-cart h1 {
  font-size: 25px;
  font-weight: 600;
}
.layoutPage-cart .heading-page-cart h1:after {
  content: "";
  display: block;
  margin: 20px auto;
  width: 50px;
  height: 3px;
  background: #5c5c5c;
}

.wrapbox-content-cart .expanded-message {
  font-size: 18px;
}

.wrapbox-content-cart .line-item {
  width: 100%;
  padding: 15px 0;
}

.wrapbox-content-cart .line-item-container {
  border-bottom: 1px solid #dee2e6;
}

.wrapbox-content-cart .title-count-cart {
  font-size: 16px;
  background: #f3f5f6;
  padding: 10px 15px;
}
.wrapbox-content-cart .title-count-cart span {
  font-weight: 500;
}

.wrapbox-content-cart .line-item-image_wrapper {
  max-width: 100px;
}

.wrapbox-content-cart .line-item-product_body {
  position: relative;
}

.wrapbox-content-cart .line-item_title h3 {
  font-size: 16px;
  font-weight: 500;
}

.wrapbox-content-cart .line-item_quantity .qty-btn {
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  background: #fff;
  color: #999999;
  -webkit-appearance: none;
}

.wrapbox-content-cart .line-item_quantity .item-quantity {
  width: 35px;
  height: 25px;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wrapbox-content-cart .line-item_price span strong {
  font-weight: 500;
}

.wrapbox-content-cart .line-item_price del {
  font-size: 12px;
}

.wrapbox-content-cart .line-item_remove-item-cart {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #000;
}

.wrapbox-content-cart .reponsive-cart-noted {
  background: #f3f5f6;
  padding: 10px 15px;
}
.wrapbox-content-cart .reponsive-cart-noted .checkout-note .note-label {
  font-size: 15px;
  font-weight: 500;
}
.wrapbox-content-cart .reponsive-cart-noted .checkout-note .form-control {
  background: #fff;
}

@media (max-width: 767px) {
  .wrapbox-content-cart .line-item_title h3 {
    font-size: 14px;
  }
  .wrapbox-content-cart .line-item-image_wrapper {
    max-width: 70px;
  }
}

.policy_return h3 {
  font-size: 15px;
  color: #453536;
  line-height: 1.5;
  font-weight: 500;
}

.policy_return .list-group > li {
  position: relative;
  line-height: 25px;
}
.policy_return .list-group > li:before {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\f178";
  font-size: 10px;
  position: absolute;
  left: 0;
  opacity: 1;
}

.wrap-order-summary .order-title {
  font-size: 20px;
}

.wrap-order-summary .order-total {
  font-size: 16px;
}
.wrap-order-summary .order-total span {
  color: #d29f13;
  font-size: 24px;
  font-weight: 500;
}

.wrap-order-summary .order-short-description p {
  font-size: 13px;
}

.wrap-order-summary .order-action-checkout a {
  font-size: 15px;
  background: #d29f13;
  padding: 10px 0;
}
.wrap-order-summary .order-action-checkout a:hover {
  background: #fff;
  color: #453536 !important;
  border: 1px solid #d29f13;
}

.wrap-order-summary .countine_order_cart {
  font-size: 16px;
  color: #453536;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrap-order-summary .order-title {
    font-size: 16px;
  }
  .wrap-order-summary .order-total span {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------------------------
9. COLLECTION
--------------------------------------------------------------------------------*/
.collection-heading-page .title {
  font-size: 30px;
}

.collection-sortby {
  position: relative;
}
.collection-sortby-title .title-sort {
  display: inline-block;
  text-transform: capitalize;
  color: #453536;
  font-size: 16px;
  cursor: pointer;
  padding-right: 5px;
}
.collection-sortby-title .sort-by-icon {
  height: 30px;
  display: block;
}
.collection-sortby-title .sort-by-icon svg {
  width: 30px;
  height: 30px;
  fill: #453536;
  transition: transform 0.3s ease-in;
}
.collection-sortby-custom_option .custom-select-menu > li {
  position: relative;
  padding: 4px 25px 4px 15px;
  cursor: pointer;
}
.collection-sortby-custom_option .custom-select-menu > li span {
  display: block;
  color: #453536;
}
.collection-sortby-custom_option .custom-select-menu > li:hover {
  background: #f3f5f6;
  color: #000;
}
.collection-sortby-custom_option .custom-select-menu > li:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 9px;
  margin: auto;
  z-index: 1;
  width: 12px;
  height: 6px;
  border: 1.5px solid #453536;
  border-top-style: none;
  border-right-style: none;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -moz-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
}
.collection-sortby-custom_option .custom-select-menu > li.active {
  font-weight: 600;
}
.collection-sortby-custom_option .custom-select-menu > li.active:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  -moz-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}
.collection-sortby-custom_option .collection-sortby-close_mb {
  display: none;
}
@media (min-width: 992px) {
  .collection-sortby-custom_option {
    position: absolute;
    top: 130%;
    right: 0;
    width: 200px;
    background: #fff;
    padding: 10px 0 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    z-index: 99;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .collection-sortby.open-sort .collection-sortby-custom_option {
    opacity: 1;
    visibility: visible;
    top: 130%;
  }
  .collection-sortby.open-sort1 .collection-sortby-custom_option {
    opacity: 1;
    visibility: visible;
    top: 130%;
  }
}
@media (max-width: 991px) {
  .collection-sortby-custom_option .custom-select-menu {
    padding: 10px 0 10px 0;
  }
  .collection-sortby-custom_option .custom-select-menu > li {
    margin-bottom: 5px;
    padding-right: 35px;
  }
}

.collection-options-filter span.options-filter-title {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  padding-right: 5px;
  font-size: 13px;
  color: #453536;
  text-transform: uppercase;
  font-weight: 400;
}

.collection-options-filter .options-filter-box-icon {
  position: relative;
}
.collection-options-filter .options-filter-box-icon svg {
  width: 30px;
  height: 30px;
  fill: #453536;
  display: block;
}
.collection-options-filter .options-filter-box-icon .icon-filter-close {
  display: none;
}

.collection-options-filter.filters-open
  .options-filter-box-icon
  .icon-filter-collections {
  display: none;
}

.collection-options-filter.filters-open
  .options-filter-box-icon
  .icon-filter-close {
  display: block;
}

.sidebar-filter-close {
  display: none;
}

.collection-temp1
  .wrapper-layered-filter
  .layered-filter-group
  .filter-group-subtitle.group-layered
  span.icon-control {
  transform: rotate(180deg);
}

.collection-temp1
  .wrapper-layered-filter
  .layered-filter-group
  .filter-group-subtitle
  span.icon-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  display: block;
  transition: transform 0.4s ease-in-out;
}

@media (min-width: 992px) {
  .collection-temp1
    .wrapper-layered-filter
    .layered-filter-group
    .filter-group:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 0;
    border: 0;
  }
  .collection-temp1
    .wrapper-layered-filter
    .layered-filter-group
    .filter-group-subtitle {
    border: 1px solid #dee2e6;
    padding: 10px 15px;
  }
  .collection-temp1
    .wrapper-layered-filter
    .layered-filter-group
    .filter-group-content {
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
  }
  .collection-temp1
    .wrapper-layered-filter
    .layered-filter-group
    .filter-group-content
    .checkbox-list {
    padding: 10px 15px;
  }
}

@media (min-width: 991px) {
  .collection-temp1
    .wrapper-layered-filter
    .layered-filter-group
    .filter-group-subtitle
    span.icon-control {
    display: none;
  }
}

@media (max-width: 991px) {
  .collection-temp1 .banner-collection-header {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.collection-temp2 .collection-options-filter {
  -webkit-transition: -webkit-flex 300ms ease-in-out;
  transition: flex 300ms ease-in-out;
}
@media (min-width: 1200px) {
  .collection-temp2 .collection-options-filter.filters-open {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

@media (min-width: 1200px) {
  .collection-temp2 .collection-options-desktop {
    padding-left: 10px;
  }
}

@media (min-width: 992px) {
  .collection-temp2 .collection-content-page.affix-filter #loader {
    position: fixed;
    top: 45%;
    bottom: 50%;
  }
  .collection-temp2 .collection-list-product #loader {
    position: absolute;
    top: 5%;
    left: 50%;
    right: 50%;
    bottom: 0;
    display: none;
    text-align: center;
    background: url(loader.gif)
      no-repeat;
    width: 65px;
    height: 65px;
    background-position: center;
    background-size: cover;
  }
  .collection-temp2 .filter-active .collection-siderbar-filter {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: initial;
  }
  .collection-temp2 .collection-siderbar-filter {
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
    width: initial;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease-in, visibility 0.5s ease-in;
    transition: opacity 0.5s ease-in, visibility 0.5s ease-in;
  }
  .collection-temp2 .collection-siderbar-filter .collection-filter {
    background: #fff;
    padding: 10px;
    top: 0;
  }
  .collection-temp2 .collection-option-sticky {
    display: none;
  }
  .collection-temp2
    .collection-content-page.affix-filter
    .collection-option-sticky {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: cener;
    align-items: center;
    padding-bottom: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collection-temp2
    .filter-active.collection-content-page.affix-filter
    .collection-sortby-title
    .title-sort {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75px;
  }
  .collection-temp2 .collection-content-page.affix-filter #loader {
    top: 30%;
  }
}

@media (min-width: 992px) {
  .collection-temp2 .wrapper-list-collection .product-loop {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 991px) {
  .wrapper-mainCollection .collection-heading-page .title {
    font-size: 20px;
  }
  .wrapper-mainCollection .collection-option-sticky {
    display: none;
  }
  .collection-options-desktop_filter {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .collection-options-desktop_sort-by {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .collection-heading_options {
    padding-right: 10px;
  }
  .collection-siderbar-filter .collection-filter .wrapper-layered-filter {
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    padding: 10px 15px 20px 15px;
    max-height: 60vh;
  }
  .collection-siderbar-options_mb {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    background: #fff;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    flex: unset;
    overflow-x: hidden;
    border-radius: 10px 10px 0 0;
  }
  .collection-siderbar-options_mb .collection-options_fixed-mb {
    background: #fff;
    padding: 15px 50px;
    text-align: center;
    border-bottom: 2px solid #ebebeb;
  }
  .collection-siderbar-options_mb
    .collection-options_fixed-mb
    .sidebar-options-close {
    display: inline-block;
  }
  .collection-siderbar-options_mb
    .collection-options_fixed-mb
    .sidebar-options-close
    span.sidebar-options-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .collection-siderbar-options_mb
    .collection-options_fixed-mb
    .sidebar-options-close
    .back-icon {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .collection-siderbar-options_mb
    .collection-options_fixed-mb
    .sidebar-options-close
    .back-icon
    svg {
    width: 15px;
    height: 30px;
    fill: #453536;
  }
}

@media (max-width: 991px) {
  body.open-filter {
    overflow: hidden;
  }
  body.open-filter .collection-siderbar-filter {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  body.open-filter .site-overlay {
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.25);
    z-index: 999;
  }
}

body.open-sort .collection-sortby-title .sort-by-icon svg {
  transform: rotate(180deg);
}

@media (max-width: 991px) {
  body.open-sort {
    overflow: hidden;
  }
  body.open-sort .collection-sortby-custom_option {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  body.open-sort .site-overlay {
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.25);
    z-index: 999;
  }
}

@media (max-width: 767px) {
  .product-list-filter .product-loop:nth-child(odd) {
    padding-right: 7.5px;
  }
  .product-list-filter .product-loop:nth-child(even) {
    padding-left: 7.5px;
  }
}

/*---------------------------------------Filter-----------------------------------------*/
@media (max-width: 991px) {
  .filter-group-content {
    display: none;
  }
}

.wrapper-layered-filter .layered-filter-group {
  padding-bottom: 0;
}
.wrapper-layered-filter .layered-filter-group .filter-group {
  margin-bottom: 0;
}
.wrapper-layered-filter .layered-filter-group .filter-group-subtitle {
  display: block;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 10px 10px;
  color: #453536;
  text-transform: uppercase;
  cursor: pointer;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-subtitle
  span.icon-control {
  display: none;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 27px;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li
  input[type="checkbox"] {
  position: absolute;
  top: 6px;
  left: 0px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  outline: none;
  background: #fff;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li
  input[type="checkbox"]:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  margin: auto;
  z-index: 1;
  width: 10px;
  height: 5px;
  border: 1.5px solid #fff;
  border-top-style: none;
  border-right-style: none;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -moz-transform: rotate(-45deg) scale(0, 0);
  -ms-transform: rotate(-45deg) scale(0, 0);
  -o-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li
  input[type="checkbox"]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #dee2e6;
  cursor: pointer;
  border-radius: 2px;
  transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li
  input[type="checkbox"]:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  -moz-transform: rotate(-45deg) scale(1, 1);
  -ms-transform: rotate(-45deg) scale(1, 1);
  -o-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li
  input[type="checkbox"]:checked:after {
  background: #d29f13;
  border: 1px solid #d29f13;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li
  label {
  cursor: pointer;
  position: relative;
  margin: 0;
  background: #fff;
  font-size: 14px;
  width: 100%;
  padding: 5px 0px 5px;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li:hover {
  color: #d29f13;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li:hover
  input[type="checkbox"]:after {
  border-color: #d29f13;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content
  .checkbox-list
  li:last-child {
  margin-bottom: 0;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content.filter-color
  .checkbox-list
  li {
  margin: 0 12px 15px 0;
  float: left;
  padding: 0;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content.filter-color
  .checkbox-list
  li
  input[type="checkbox"] {
  display: none;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content.filter-color
  .checkbox-list
  li
  input[type="checkbox"]:checked
  + label:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 6px;
  height: 6px;
  width: 12px;
  z-index: 99;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content.filter-color
  .checkbox-list
  li
  label {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  float: left;
  font-size: 0;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content.filter-size
  .checkbox-list
  li {
  margin: 0 12px 10px 0;
  display: block;
  padding: 0;
}
.wrapper-layered-filter
  .layered-filter-group
  .filter-group-content.filter-size
  .checkbox-list
  li
  label {
  position: initial;
  padding-left: 25px;
}
@media (max-width: 991px) {
  .wrapper-layered-filter .layered-filter-group .filter-group:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
  }
}

.layered_filter_tags .filter_tags {
  position: relative;
  display: none;
  line-height: 22px;
  border-radius: 12px;
  margin: 0 10px 15px 0;
  color: #453536;
  background: #fff;
  border-radius: 12px;
  font-size: 13px;
  padding: 0px 35px 0px 10px;
}
.layered_filter_tags .filter_tags.opened {
  display: inline-block;
}
.layered_filter_tags .filter_tags span.filter_tags_remove {
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  border: 1px solid #d29f13;
  border-radius: 50%;
  background: #d29f13;
  cursor: pointer;
  text-align: center;
}
.layered_filter_tags .filter_tags span.filter_tags_remove svg {
  stroke: #fff;
  width: 8px;
  display: inline-block;
  vertical-align: 4.5px;
}
.layered_filter_tags .filter_tags.filter_tags_remove_all {
  cursor: pointer;
}
.layered_filter_tags .filter_tags.filter_tags_remove_all span {
  color: #333;
  border-bottom: 1px solid #333;
}

.collection-alert-no {
  font-size: 18px;
}

@media (min-width: 992px) {
  .siderbar-filter-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease;
  }
}

/*---------------------------------------Swatch-----------------------------------------*/
/* Setting variant màu sắc */
.swatch .swatch-element.color label.do {
  background: #ff0000;
}

.swatch .swatch-element.color label.vang {
  background: #ffff05;
}

.swatch .swatch-element.color label.cam {
  background: #f5b505;
}

.swatch .swatch-element.color label.xanh-duong {
  background: #5100ff;
}

.swatch .swatch-element.color label.xanh-la {
  background: #3cfa08;
}

.swatch .swatch-element.color label.nau {
  background: #753a3a;
}

.swatch .swatch-element.color label.xanh {
  background: #267a0b;
}

.swatch .swatch-element.color label.hong {
  background: #db999b;
}

.select-swatch .swatch {
  width: 100%;
  float: left;
}
.select-swatch .swatch input {
  display: none;
}
.select-swatch .swatch .header-swatch {
  font-size: 14px;
  font-weight: bold;
  color: black;
  display: block;
}
.select-swatch .swatch .header-swatch span {
  font-size: 12px;
  display: inline-block;
  font-weight: 500;
  color: #3966b8;
  font-size: 90%;
  margin-left: 3px;
}
.select-swatch .swatch .select-swap {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 0;
}
.select-swatch .swatch .swatch-element {
  position: relative;
  display: inline-block;
  margin-right: 12px;
}
.select-swatch .swatch .swatch-element label {
  position: relative;
  cursor: pointer;
  float: left;
  margin: 0;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 30px;
  white-space: nowrap;
  text-transform: uppercase;
}
.select-swatch .swatch .swatch-element.color label {
  padding: 0;
  overflow: hidden;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  -webkit-box-shadow: 0px 0px 0px 1px #dee2e6;
  -moz-box-shadow: 0px 0px 0px 1px #dee2e6;
  -o-box-shadow: 0px 0px 0px 1px #dee2e6;
}
.select-swatch .swatch .swatch-element.color label.sd {
  -webkit-box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff,
    0 0 0 5px #333e48;
  -moz-box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
  -o-box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
  box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
}
.select-swatch .swatch .swatch-element.color span {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
  font-size: 0;
}
.select-swatch .swatch .swatch-element:not(.color).soldout label {
  opacity: 0.4;
  filter: alpha(opacity=40);
  pointer-events: none;
}
.select-swatch .swatch .swatch-element:not(.color) label:before {
  width: 17px;
  height: 17px;
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 5px;
  content: "";
  border-radius: 50%;
  margin-bottom: -4px;
}
.select-swatch .swatch .swatch-element:not(.color) label:after {
  content: "\f00c";
  font-family: "FontAwesome" !important;
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 10px;
  color: #fff;
  display: none;
  z-index: 2;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.select-swatch .swatch .swatch-element:not(.color) label.sd:before {
  background: #000;
  border-color: #000;
}
.select-swatch .swatch .swatch-element:not(.color) label.sd:after {
  display: block;
}
.select-swatch .swatch .swatch-element:hover .tooltip {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}
.select-swatch .swatch .tooltip {
  position: absolute;
  left: 50%;
  bottom: 100%;
  display: block;
  min-width: 60px;
  margin-left: -30px;
  margin-bottom: 15px;
  padding: 4px 8px;
  color: #fff;
  background: #000;
  font-size: 11px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: inherit;
}
.select-swatch .swatch .tooltip:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  display: block;
  width: 100%;
  height: 20px;
}
.select-swatch .swatch .tooltip:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}

/*--------------------------------------------------------------------------------
10. PRODUCT
--------------------------------------------------------------------------------*/
.product-content-image .product-container-gallery {
  overflow: hidden;
}

.product-content-image .wrapbox-image .productGallery_slider {
  position: relative;
}

.product-content-summary .product-heading h1 {
  font-size: 24px;
  margin: 10px 0 5px;
}

.product-content-summary .product-heading #pro_sku {
  font-size: 12px;
  color: #a3a5a7;
  margin-right: 20px;
}

.product-content-summary .product-heading .pro-soldold {
  color: #dea554;
  font-weight: bold;
}

.product-content-summary .product-price {
  border-top: 1px dotted #dee2e6;
  border-bottom: 1px dotted #dee2e6;
}
.product-content-summary .product-price .pro-sale {
  display: inline-block;
  padding: 6px 7px;
  margin-right: 10px;
  background: #efefef;
  font-weight: 600;
  font-size: 13px;
  color: red;
  text-transform: uppercase;
}
.product-content-summary .product-price .pro-price {
  font-size: 18px;
  opacity: 0.92;
  font-weight: bold;
  color: #d29f13;
}
.product-content-summary .product-price del {
  font-size: 14px;
  color: #777a7b;
  padding-left: 10px;
  font-weight: 500;
}

.product-content-summary .product-variants .selector-actions {
  float: left;
  width: 100%;
}
.product-content-summary .product-variants .selector-actions .quantity-area {
  width: 170px;
  float: left;
  height: 45px;
}
.product-content-summary
  .product-variants
  .selector-actions
  .quantity-area
  .qty-btn {
  background: #fff;
  float: left;
  border: 1px solid #fff;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  outline: none;
  height: 45px;
  width: 40px;
  text-align: center;
  border-radius: 0;
  font-size: 20px;
}
.product-content-summary
  .product-variants
  .selector-actions
  .quantity-area
  .quantity-selector-input {
  background: #fff;
  font-weight: 400;
  height: 45px;
  padding: 0;
  text-align: center;
  width: 90px;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
  border-radius: 0;
  float: left;
  -webkit-appearance: none;
  font-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.product-content-summary .product-variants .selector-actions .wrap-addcart {
  width: calc(100% - 180px);
  float: left;
  padding-left: 15px;
}
.product-content-summary
  .product-variants
  .selector-actions
  .wrap-addcart
  .add-to-cartProduct {
  width: 100%;
  font-weight: 600;
  border-radius: 30px;
}

.product-content-summary .product-available {
  margin-bottom: 15px;
}
.product-content-summary .product-available .txt-inventory {
  color: #d29f13;
  /*font-weight: bold;*/
  font-size: 16px;
  margin: 0 0 -18px;
}

.product-content-summary .product-service .infoList-service li {
  padding: 4px 0 20px 40px;
  position: relative;
}
.product-content-summary .product-service .infoList-service li span {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 30px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .product-content-summary .product-heading h1 {
    font-size: 18px;
    margin: -5px 0 5px;
  }
  .product-content-summary .product-variants .selector-actions {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .product-content-summary
    .product-variants
    .selector-actions
    .quantity-area
    .qty-btn {
    /*background: #f3f5f6;*/
  }
}

.product-tabs .product-description .tab-content {
  padding-top: 20px;
  padding-bottom: 5px;
}

.product-tabs
  .product-description
  .panel-toggle-wrap:not(.content-outer-open).applied-height
  .content-outer {
  position: relative;
}
.product-tabs
  .product-description
  .panel-toggle-wrap:not(.content-outer-open).applied-height
  .content-outer:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 100px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff 100%);
}

.product-tabs .product-description .panel-toggle-wrap .content-toolbar {
  text-align: center;
}
.product-tabs
  .product-description
  .panel-toggle-wrap
  .content-toolbar
  .content-toggle {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 5px;
  border: 1px solid #d29f13;
  color: #d29f13;
  font-size: 14px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}
.product-tabs
  .product-description
  .panel-toggle-wrap
  .content-toolbar
  .content-toggle
  span {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  margin: 0 5px;
}
.product-tabs
  .product-description
  .panel-toggle-wrap
  .content-toolbar
  .content-toggle:before {
  content: "\f196";
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  margin: 0 5px;
  line-height: 1.2;
}
.product-tabs
  .product-description
  .panel-toggle-wrap
  .content-toolbar
  .content-toggle:hover {
  background-color: #d29f13;
  color: #fff;
}

.product-tabs
  .product-description
  .panel-toggle-wrap.content-outer-open
  .content-outer {
  max-height: 100% !important;
}

.product-tabs
  .product-description
  .panel-toggle-wrap.content-outer-open
  .content-toolbar {
  padding-top: 15px;
}

.product-tabs
  .product-description
  .panel-toggle-wrap.content-outer-open
  .content-toggle:before {
  content: "\f147";
}

@media (min-width: 768px) {
  .product-tabs .product-description .tab-alignment {
    border-bottom: 3px solid #dee2e6;
  }
  .product-tabs .product-description .tab-alignment .tab-item .tab-title {
    padding: 0 20px 10px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    color: #282828;
    border: 0;
    border-bottom: 3px solid transparent;
    background-color: transparent;
    margin-bottom: -2px;
  }
  .product-tabs
    .product-description
    .tab-alignment
    .tab-item
    .tab-title.active {
    color: #d29f13;
    border-color: #d29f13;
  }
  .product-tabs .product-description .tab-alignment .tab-item:hover .tab-title {
    color: #d29f13;
    border-color: #d29f13;
  }
}

.product-tabs .product-description .show-tab-dropdown {
  display: none;
}

@media (max-width: 767px) {
  .product-tabs .product-description {
    position: relative;
  }
  .product-tabs .product-description .show-tab-dropdown {
    display: block;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    background: #d29f13;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-weight: 600;
    text-align: center;
  }
  .product-tabs .product-description .show-tab-dropdown:after {
    content: "\f107";
    vertical-align: middle;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    float: right;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .product-tabs .product-description .show-tab-dropdown:after {
    display: none;
  }
}

@media (max-width: 767px) {
  .product-tabs
    .product-description
    .show-tab-dropdown.active
    + .tab-alignment {
    opacity: 1;
    visibility: visible;
  }
  .product-tabs .product-description .tab-alignment {
    display: initial;
    position: absolute;
    padding: 10px;
    left: 0;
    right: 0;
    min-width: 150px;
    background: #fff;
    top: 35px;
    z-index: 3;
    border: 0;
    border-top: 2px solid #d29f13;
    -moz-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
  }
  .product-tabs .product-description .tab-alignment .tab-title {
    border: 0;
    padding: 10px 5px;
  }
  .product-tabs .product-description .tab-alignment .tab-title.active {
    color: #d29f13;
  }
  .product-tabs .product-description .tab-content {
    clear: both;
  }
}

.product-description .product-tab {
  border-top: 1px solid #dee2e6;
}
.product-description .product-tab-title {
  position: relative;
}
.product-description .product-tab-title h2 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding: 18px 0;
  cursor: pointer;
}
.product-description .product-tab-title:before,
.product-description .product-tab-title:after {
  content: "";
  display: block;
  position: absolute;
  margin-right: 25px;
  top: 50%;
  right: 0;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.product-description .product-tab-title:before {
  width: 13px;
  height: 1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(9, 9, 9, 0.6);
}
.product-description .product-tab-title:after {
  width: 1px;
  height: 13px;
  right: 6px;
  background: rgba(9, 9, 9, 0.6);
  transform-origin: center;
  -moz-transform: translateY(-50%) scale(1, 1);
  -ms-transform: translateY(-50%) scale(1, 1);
  -webkit-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1);
}
.product-description .product-tab-description {
  display: none;
  padding: 0 0 20px;
}
.product-description .product-tab.opened .product-tab-title h2 {
  font-weight: bold;
}
.product-description .product-tab.opened .product-tab-title:after {
  -webkit-transform: translateY(-50%) scale(1, 0);
  -moz-transform: translateY(-50%) scale(1, 0);
  -ms-transform: translateY(-50%) scale(1, 0);
  transform: translateY(-50%) scale(1, 0);
}

.product-sharing {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.product-sharing .sharing_icon_circle {
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: block;
  border-radius: 50%;
  text-align: center;
  color: rgba(28, 27, 27, 0.5);
  background: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
}
.product-sharing .sharing_icon_circle .sharing_primary_state,
.product-sharing .sharing_icon_circle .sharing_secondary_state {
  display: block;
  -webkit-transition: opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1),
    -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.125, 1);
  transition: opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1),
    -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.125, 1);
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1),
    opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1),
    opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1),
    -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}
.product-sharing .sharing_icon_circle .sharing_primary_state svg,
.product-sharing .sharing_icon_circle .sharing_secondary_state svg {
  height: 35px;
  width: 14px;
  display: block;
  line-height: 35px;
  margin: auto;
}
.product-sharing .sharing_icon_circle .sharing_primary_state svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.product-sharing .sharing_icon_circle .sharing_secondary_state {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
.product-sharing a {
  position: absolute;
  display: block;
  top: 50px;
  right: 3px;
  width: 30px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -ms-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
.product-sharing a svg {
  height: 30px;
  line-height: 30px;
  width: 18px;
  display: block;
  margin: auto;
}
.product-sharing a span.toollip-txt {
  border-radius: 2px;
  text-align: center;
  background: #1c1b1b;
  padding: 0 8px;
  visibility: hidden;
  opacity: 0;
  margin-right: 10px;
  position: absolute;
  top: 0px;
  right: 40px;
  z-index: 999;
  color: #ffffff;
  font-size: 10px;
  white-space: nowrap;
  -ms-transition: all 200ms linear 250ms;
  -webkit-transition: all 200ms linear 250ms;
  transition: all 200ms linear 250ms;
}
.product-sharing a span.toollip-txt:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0px 7px 7px;
  border-color: transparent transparent transparent #1c1b1b;
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.product-sharing a:hover {
  background: #3b5999;
}
.product-sharing a:hover svg {
  fill: #fff;
}
.product-sharing.sharing-active .sharing_icon_circle {
  background: #1c1b1b;
  color: #fff;
}
.product-sharing.sharing-active .sharing_icon_circle .sharing_primary_state {
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.product-sharing.sharing-active .sharing_icon_circle .sharing_secondary_state {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product-sharing.sharing-active a {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.product-sharing.sharing-active a span.toollip-txt {
  visibility: visible;
  opacity: 1;
  margin-right: 0;
}

.productDetail_style_01 .product-thumb {
  margin-bottom: 5px;
  padding-left: 8px;
}
.productDetail_style_01 .product-thumb .product-thumb-item {
  position: relative;
  height: 10px;
  width: 10px;
  padding: 0;
  border: 2px solid #dee2e6;
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.productDetail_style_01 .product-thumb a.active.product-thumb-item {
  /*border: $colorMain;*/
  background: #d29f13;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.productDetail_style_01 .product-sharing-scroll {
  position: relative;
  right: 5px;
  top: 0;
  margin: 10px 0 50px;
}
.productDetail_style_01 .product-sharing-scroll a span.toollip-txt {
  left: 40px;
  right: initial;
}
.productDetail_style_01 .product-sharing-scroll a span.toollip-txt:before {
  left: -5px;
  right: initial;
  border-width: 7px 7px 7px 0px;
  border-color: transparent #1c1b1b transparent transparent;
}

@media (min-width: 992px) {
  .productDetail_style_01 .product-gallery-item {
    border: 1px solid #dee2e6;
    display: block;
  }
  .productDetail_style_01 .productGallery_thumb {
    width: 45px;
    padding-right: 10px;
    z-index: 2;
  }
  .productDetail_style_01 .productGallery_slider {
    width: calc(100% - 45px);
    z-index: 1;
    position: initial;
  }
  .productDetail_style_01 .product-gallery:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 991px) {
  .productDetail_style_01 .product-container-gallery {
    position: relative;
  }
}

.productDetail_style_02 .product-container-gallery {
  position: relative;
}

@media (min-width: 992px) {
  .productDetail_style_02 .product-gallery {
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
  .productDetail_style_02 .product-gallery:nth-of-type(2n + 1) {
    padding-right: 5px;
  }
  .productDetail_style_02 .product-gallery:nth-of-type(2n) {
    padding-left: 5px;
  }
  .productDetail_style_02 .product-gallery a {
    border: 1px solid #dee2e6;
  }
}

.productDetail_style_03 .productGallery_thumb {
  width: 90px;
  padding-right: 15px;
}

.productDetail_style_03 .productGallery_slider {
  width: calc(100% - 92px);
}

.productDetail_style_03 .product-list-lazy {
  opacity: 0;
  transition: opacity 0.5s ease-in;
  -webkit-transition: opacity 0.5s ease-in;
}
.productDetail_style_03 .product-list-lazy.slick-initialized {
  opacity: 1;
}

.productDetail_style_03 .productList-slider button.slick-arrow {
  background-color: #fff !important;
  border-radius: 30px;
  opacity: 0.7;
  -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  border: 0;
  cursor: pointer;
  z-index: 5;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.productDetail_style_03 .productList-slider button.slick-arrow.slick-prev {
  left: 10px;
}
.productDetail_style_03
  .productList-slider
  button.slick-arrow.slick-prev.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.productDetail_style_03
  .productList-slider
  button.slick-arrow.slick-prev:before {
  content: "\f104";
  font-size: 13px;
}
.productDetail_style_03 .productList-slider button.slick-arrow.slick-next {
  right: 10px;
}
.productDetail_style_03
  .productList-slider
  button.slick-arrow.slick-next.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.productDetail_style_03
  .productList-slider
  button.slick-arrow.slick-next:before {
  content: "\f105";
  font-size: 13px;
}
.productDetail_style_03 .productList-slider button.slick-arrow:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 35px;
}

.productDetail_style_03 .productList-slider ul.slick-dots {
  position: relative;
  text-align: center;
  margin: 10px 0;
}
.productDetail_style_03 .productList-slider ul.slick-dots li {
  display: inline-block;
  line-height: 17px;
}
.productDetail_style_03 .productList-slider ul.slick-dots li button {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-width: 2px;
  background: #dbd9d9;
  border: 1px solid #fff;
  font-size: 0;
  outline: none;
  cursor: pointer;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out,
    transform 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out,
    transform 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}
.productDetail_style_03
  .productList-slider
  ul.slick-dots
  li.slick-active
  button {
  background: #333;
  transform: scale(1.3);
}

.productDetail_style_03 .product-thumb .product-thumb-item {
  display: block;
  border: 1px solid #f3f3f3;
  margin-bottom: 8px;
  border-radius: 5px;
}
.productDetail_style_03 .product-thumb .product-thumb-item:hover {
  border-color: #d29f13;
  border-radius: 5px;
}

.productDetail_style_03 .product-thumb.slick-current .product-thumb-item {
  border-color: #d29f13;
}

.productDetail_style_03 .product-thumb.slick-current .product-thumb-item img {
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
  .productDetail_style_03 .productGallery_thumb {
    width: 110px;
  }
  .productDetail_style_03 .productGallery_slider {
    width: calc(100% - 110px);
  }
}

@media (max-width: 767px) {
  .productDetail_style_03 .productGallery_thumb {
    display: none;
  }
  .productDetail_style_03 .productGallery_slider {
    width: 100%;
  }
}

.productDetail-related .productRelated-title h2 {
  font-size: 28px;
  margin: 0 0 25px;
}

.productDetail-related
  .productRelated-content
  .content-product-list
  .product-loop {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.productDetail-related
  .productRelated-content
  .content-product-list.owl-loaded
  .product-loop {
  display: block;
  opacity: 1;
}

.productDetail-recently-viewed .productViewed-title h2 {
  font-size: 28px;
  margin: 0 0 25px;
}

.productDetail-recently-viewed .productViewed-content_list .product-loop {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.productDetail-recently-viewed
  .productViewed-content_list.owl-loaded
  .product-loop {
  display: block;
  opacity: 1;
}

@media (max-width: 767px) {
  .productDetail-recently-viewed {
    border-top: 1px solid #dee2e6;
    margin-top: 24px;
  }
}

.productDetail-information .sliderOwl-product .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  margin: 0px;
  font-size: 0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  outline: none;
  text-align: center;
  display: inline-block;
  background: transparent;
}
.productDetail-information .sliderOwl-product .owl-nav button.owl-prev {
  left: 0;
}
.productDetail-information
  .sliderOwl-product
  .owl-nav
  button.owl-prev.disabled {
  opacity: 0;
}
.productDetail-information .sliderOwl-product .owl-nav button.owl-prev:before {
  content: "\f104";
  font-family: "FontAwesome";
  font-size: 33px;
  display: inline-block;
  color: #000;
}
.productDetail-information .sliderOwl-product .owl-nav button.owl-next {
  right: 0;
}
.productDetail-information
  .sliderOwl-product
  .owl-nav
  button.owl-next.disabled {
  opacity: 0;
}
.productDetail-information .sliderOwl-product .owl-nav button.owl-next:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 33px;
  display: inline-block;
  color: #000;
}

.productDetail-information .sliderOwl-product .owl-dots {
  position: relative;
  text-align: center;
  margin: 10px 0;
}
.productDetail-information .sliderOwl-product .owl-dots .owl-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #dbd9d9;
  transform: scale(1);
  transition: transform 0.2s ease-in;
}
.productDetail-information .sliderOwl-product .owl-dots .owl-dot.active {
  background: #333;
  transform: scale(1.3);
}

@media (max-width: 991px) {
  .productDetail-information .owl-carousel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
  }
  .productDetail-information .owl-carousel.owl-loaded {
    opacity: 1;
    visibility: visible;
  }
}

#owlProductRelated button,
#listViewed button,
.noritake-conetent button {
  position: absolute;
  top: 40%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background-color: transparent;
  font-size: 0;
  outline: none;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#owlProductRelated button.owl-prev,
#listViewed button.owl-prev,
.noritake-conetent button.owl-prev {
  left: 0;
  background-image: url(../../../1000409858/1000615297/14/arrow-left.png);
}
#owlProductRelated button.owl-prev.disabled,
#listViewed button.owl-prev.disabled,
.noritake-conetent button.owl-prev.disabled {
  display: none;
}
#owlProductRelated button.owl-next,
#listViewed button.owl-next,
.noritake-conetent button.owl-next {
  right: 0;
  background-image: url(../../../1000409858/1000615297/14/arrow-right.png);
}
#owlProductRelated button.owl-next.disabled,
#listViewed button.owl-next.disabled,
.noritake-conetent button.owl-next.disabled {
  display: none;
}

@media (min-width: 768px) {
  #owlProductRelated button.owl-prev,
  #owlProductRelated button.owl-next,
  #listViewed button.owl-prev,
  #listViewed button.owl-next,
  .noritake-conetent button.owl-prev,
  .noritake-conetent button.owl-next {
    opacity: 0;
    background-color: #fff;
    background-size: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
    box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  }
  #owlProductRelated button.owl-prev,
  #listViewed button.owl-prev,
  .noritake-conetent button.owl-prev {
    left: 60px;
  }
  #owlProductRelated button.owl-next,
  #listViewed button.owl-next,
  .noritake-conetent button.owl-next {
    right: 60px;
  }
  #owlProductRelated:hover button.owl-prev,
  #owlProductRelated:hover button.owl-next,
  #listViewed:hover button.owl-prev,
  #listViewed:hover button.owl-next,
  .noritake-conetent:hover button.owl-prev,
  .noritake-conetent:hover button.owl-next {
    opacity: 1;
  }
  #owlProductRelated:hover button.owl-prev,
  #listViewed:hover button.owl-prev,
  .noritake-conetent:hover button.owl-prev {
    left: 15px;
  }
  #owlProductRelated:hover button.owl-next,
  #listViewed:hover button.owl-next,
  .noritake-conetent:hover button.owl-next {
    right: 15px;
  }
}

@media (max-width: 767px) {
  #owlProductRelated,
  #listViewed,
  .noritake-conetent {
    margin-right: -15px;
    margin-left: -15px;
  }
  #owlProductRelated button.owl-prev.disabled + .owl-next,
  #listViewed button.owl-prev.disabled + .owl-next,
  .noritake-conetent button.owl-prev.disabled + .owl-next {
    animation: marginLeft 1.2s ease-in-out infinite;
    animation-direction: normal;
  }
}

@media (min-width: 992px) {
  .product-content-image .product-gallery-item .product-image-feature {
    /*cursor: zoom-in;*/
  }
  .productDetail_style_01 .product-content-image .product-container-gallery {
    overflow: initial;
  }
}

/* scroll body sticky siderbar*/
@media (min-width: 992px) {
  .stickyProduct-gallery,
  .stickyProduct-detail {
    /*position: -webkit-sticky;
		position: sticky;
		top: 30px;*/
  }
  .blog-aside-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .wrap-order-summary.sticky-cart-order {
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease;
  }
}

@media (min-width: 992px) {
  body.scroll-body-up .siderbar-filter-sticky {
    top: 45px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease;
  }
  body.scroll-body-up .stickyProduct-gallery,
  body.scroll-body-up .stickyProduct-detail,
  body.scroll-body-up .blog-aside-sticky {
    top: 45px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease;
  }
}

@media (min-width: 768px) {
  body.scroll-body-up .wrap-order-summary.sticky-cart-order {
    top: 45px;
  }
}

/*--------------------------------------------------------------------------------
ADDTHIS ** SHARING
--------------------------------------------------------------------------------*/
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge {
  right: 12px !important;
}

.addThis_listSharing {
  position: fixed;
  bottom: 85px;
  z-index: 999;
  right: -15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.addThis_listSharing.is-show {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.addThis_listSharing .addThis_item {
  margin-bottom: 5px;
  margin-right: 24px;
}
.addThis_listSharing .addThis_item .addThis_item--icon {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text {
  position: absolute;
  top: 4px;
  right: 55px;
  z-index: 9;
  height: 32px;
  line-height: 26px;
  padding: 3px 10px;
  width: auto;
  border-radius: 5px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: black;
  visibility: hidden;
  opacity: 0;
  -ms-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  -ms-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.addThis_listSharing .addThis_item .addThis_item--icon:hover {
  text-decoration: none;
  opacity: 0.9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}
.addThis_listSharing .addThis_item .addThis_item--icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.actionToolbar_mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  height: 45px;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  background: #fff;
  padding: 5px 10px;
}
.actionToolbar_mobile ul.actionToolbar_listing li {
  width: 20%;
}
.actionToolbar_mobile ul.actionToolbar_listing li a {
  display: block;
  color: #696969;
  font-size: 12px;
  text-align: center;
  position: relative;
}
.actionToolbar_mobile ul.actionToolbar_listing li a svg {
  fill: #696969;
  /*width: 25px;
					height: 35px;*/
}
.actionToolbar_mobile
  ul.actionToolbar_listing
  li.actionToolbar_chatbot
  a
  .messenger_absolute {
  margin-top: -25px;
}
.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg {
  width: 44px;
  height: 44px;
}

@media (max-width: 767px) {
  .mainfooter-toolbar {
    padding-bottom: 45px;
  }
  .mainfooter-product {
    padding-bottom: 60px;
  }
  .selector-actions_bottom-mb {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 8px 10px;
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
  }
  .layoutProduct_scroll.scroll-down .selector-actions_bottom-mb {
    padding-bottom: 8px;
  }
  .layoutProduct_scroll.scroll-down .actionToolbar_product {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .actionToolbar_product {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

/* - Harafunnel mobile */
.harafunnel-mb {
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 9999;
  width: 65px;
  height: 65px;
  padding: 8px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 150ms linear;
}
.harafunnel-mb:hover {
  box-shadow: 0 5px 24px rgba(0, 0, 0, 0.3);
}
.harafunnel-mb a {
  display: block;
}
.harafunnel-mb a svg {
  width: 100%;
  height: 100%;
}

/* - Modal contact form */
.modal-addThis {
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity 0.35s linear;
  -o-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}
.modal-addThis.fade .modal-dialog {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.modal-addThis.fade.show .modal-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.modal-contactform .modal-header h4.modal-title {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}

.modal-contactform .modal-header button.close {
  width: 30px;
  padding: 0;
  margin-right: -10px;
  margin-top: -9px;
  font-size: 26px;
  height: 30px;
}

.modal-contactform .modal-body.body-popupform .form-control {
  background: #f3f5f6;
  border-radius: 0;
}
.modal-contactform .modal-body.body-popupform .form-control:focus {
  background: #fff;
}

.modal-contactform .modal-body.body-popupform .btnSubmit-modal {
  padding: 10px 28px;
}

@media (min-width: 768px) {
  .modal-contactform .modal-dialog {
    max-width: 605px;
  }
}

/* modal-succes */
.modal-succesform .modal-body .modal-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #d29f13;
}

.modal-succesform .modal-body p:not(.modal-title) {
  font-size: 15px;
  margin: 10px 0 5px;
}

.modal-succesform .modal-body p.txtloading {
  color: #aaa;
  font-size: 14px;
}

@media (min-width: 768px) {
  .modal-succesform .modal-dialog {
    max-width: 450px;
  }
}

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.modal-icon.sweet-alert {
  padding-top: 15px;
}

.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in;
}

.sweet-alert .sa-icon.sa-success {
  width: 80px;
  height: 80px;
  border: 4px solid #4cae4c;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  -moz-transform-origin: 0px 60px;
  -o-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* - Modal popup contact form */
.modal-popupContact {
  color: #333;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity 0.35s linear;
  -o-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}

.modal-popupContact .close-popup-contact {
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  border-radius: 50%;
  opacity: 1;
  text-align: center;
  outline: none;
}

.modal-popupContact .close-popup-contact svg {
  display: block;
  margin: auto;
  height: 30px;
  width: 14px;
  text-align: center;
  fill: #f3f3f3;
}

.modal-popupContact .close-popup-contact:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-popupContact.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-popupContact.fade .modal-dialog-centered {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

@media (min-width: 767px) {
  .modal-popupContact.fade.show .modal-dialog-centered {
    opacity: 1;
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@media (max-width: 767px) {
  .modal-popupContact.fade.show .modal-dialog-centered {
    opacity: 1;
    -webkit-transform: scale(0.9) !important;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.modal-popupContact.popupBanner .modal-content {
  background-color: transparent;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.modal-popupContact.popupForm .modal-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  display: unset;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #e6e6e6;
  border: none;
}

.modal-popupContact.popupForm .modal-content.lazyloaded {
  background-image: url(popup_contact_bkg.jpg);
}

.modal-popupContact.popupForm .modal-content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f3f3f3;
  opacity: 0.75;
  width: 58%;
}

.modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
  position: relative;
  padding: 50px 25px;
  float: right;
  width: 58%;
}

.title-popup-contact {
  font-size: 24px;
  margin: 0px 0px 10px;
  font-weight: 500;
}

.message-popup-contact {
  margin-bottom: 25px;
}

.title-adv-popup-contact {
  font-size: 14px;
  margin-bottom: 5px;
}

.list-adv-popup-contact li {
  list-style-type: disc;
  margin-left: 25px;
  font-size: 14px;
}

.popup-form-customer .input-group {
  width: 100%;
  display: block;
  margin-bottom: 0;
}

.popup-form-customer .input-group input {
  width: 100%;
  margin-bottom: 15px;
  height: 45px;
  padding: 10px 20px;
  line-height: 25px;
  background: #fff;
  border: 1px solid #e7e7e7;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.popup-form-customer button.input-group-addon {
  width: 100%;
  margin-bottom: 15px;
  height: 45px;
  padding: 10px 20px;
  line-height: 25px;
}

.popup-form-customer .input-group .input-group-addon {
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border-color: #d29f13;
}

.popup-form-customer .input-group .input-group-addon:hover,
.popup-form-customer .input-group .input-group-addon:focus {
  background-color: #fff;
  border-color: #d29f13;
  color: #d29f13;
}

.popup-form-customer .succes-popup {
  font-size: 13px;
  min-height: 25px;
  visibility: hidden;
  margin: 0;
  text-align: center;
}

.popup-form-customer .succes-popup.error {
  visibility: visible;
  color: red;
}

.popup-form-customer .succes-popup.success {
  visibility: visible;
  color: #27a208;
}

@media (min-width: 768px) {
  .modal-popupContact .modal-dialog-centered {
    max-width: 650px;
  }
}

@media (max-width: 767px) {
  .modal-popupContact.popupForm .modal-content:before,
  .modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
    width: 100%;
  }
}

.f-b-500 {
  font-weight: 500;
}

.f-b-700 {
  font-weight: 700;
}

.productDetail_style_03 .productList-slider ul.slick-dots {
  bottom: 0;
}

@media (max-width: 767px) {
  .template-product .product-label {
    top: 55px !important;
  }
  .template-product .productList-slider-trai li {
    border: 1px solid #e9e9e9;
  }
  .template-product .productDetail-related .product-label {
    top: 35px !important;
  }
}

@media (min-width: 767px) {
  .productDetail-related .noritake-conetent {
    overflow-x: visible !important;
  }
}

@media (max-width: 767px) {
  .productDetail-related .noritake-conetent {
    padding-top: 10px;
  }
}

.template-product .productDetail-information .product-label-image img {
  position: absolute;
  width: 60px;
  z-index: 99;
}

.template-product .productDetail-information .product-label-image {
  right: 12.5px;
  top: -5px;
}

.template-product
  .productDetail-information
  .product-label-image.image-halloween
  img {
  width: 75px !important;
}

@media (min-width: 767px) and (max-width: 991px) {
  .template-product .productDetail-information .product-spider {
    width: 60px;
    top: 1px;
    left: 125px;
  }
  .template-product .productDetail-information .product-label-image {
    right: 34px;
    top: -10px;
  }
}

.template-product ul.productList-slider picture img {
  border: 1px dashed #ddd;
}

.product-spider {
  display: table;
  position: absolute;
  top: 11px;
  left: 0px;
  z-index: 2;
  width: 33px;
}

.template-collection .product-spider {
  top: 0;
}

.template-collection .product-label-image {
  width: 35px;
  right: -3px;
  top: -8px;
}

@media (max-width: 767px) {
  .template-collection .product-label-image {
    top: -8px !important;
    right: -3px !important;
  }
}

.template-collection .product-loop .product-image {
  overflow: visible;
}

.template-product .product-spider {
  width: 33px;
  top: 1px;
  left: 116px;
}

.template-product .noritake-conetent .product-loop .product-image {
  overflow: visible !important;
}

.template-product .noritake-conetent .product-spider {
  width: 33px;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .template-product .noritake-conetent .product-label-image {
    right: -4px !important;
    top: -9px !important;
  }
  .template-product .noritake-conetent .product-label-image img {
    width: 35px !important;
  }
}

.template-product .noritake-conetent .product-label-image {
  right: -3px;
  width: 35px;
  top: -9px;
}

.template-product .product-gallery.one .product-spider {
  left: 0px;
}

.template-product .product-content-image .product-container-gallery {
  overflow: visible;
}

@media (max-width: 767px) {
  .template-product .product-container-gallery-trai .product-spider {
    top: 21px !important;
    left: 0px !important;
    width: 33px !important;
  }
  .template-product .product-container-gallery-trai .product-label-image {
    top: 13px;
    right: 16px;
  }
  .product-spider {
    top: 0 !important;
    left: 0 !important;
  }
  .template-index .product-label-image {
    top: -9px !important;
    right: -3px !important;
  }
  .product-label-image {
    top: -8px !important;
    right: -9px !important;
  }
}

.product-label-image {
  display: table;
  position: absolute;
  text-align: center;
  top: 2px;
  right: -2px;
  z-index: 2;
  width: 35px;
}

.product-label-image .onsale {
  float: left;
  /*background: #d29f13;*/
  background: red;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  /*height: 22px;*/
  height: auto;
  line-height: 22px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  /*width: 45px;*/
  width: auto;
  border-radius: 0;
  min-height: auto;
  border: 0;
}

.product-label-image .onsale:before {
  border: 5px solid red;
  border-color: transparent transparent red red;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  bottom: 0;
  content: "";
}

.product-label-image .onsale:after {
  border: 5px solid red;
  border-color: red transparent transparent red;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
}

.product-label {
  display: table;
  position: absolute;
  text-align: center;
  top: 34px;
  right: -28px;
  z-index: 2;
  min-width: 100px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product-label .onsale {
  float: left;
  background: red;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 22px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  width: 45px;
  border-radius: 0;
  min-height: auto;
  border: 0;
}

.product-label .onsale:before {
  border: 5px solid red;
  border-color: transparent transparent red red;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  bottom: 0;
  content: "";
}

.product-label .onsale:after {
  border: 5px solid red;
  border-color: red transparent transparent red;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
}

/* Tạo miếng gấp góc trên bên phải */
.product-label .onsale .corner-fold {
  position: absolute;
    top: -20px;
    right: 55px;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-top: 5px solid red;
    border-bottom: 30px solid transparent;
    transform: rotate(90deg);
    z-index: 15;
}

.f-nav .f-nav-one > li.onMega .f-nav-two.hide {
  display: none;
}

@media (min-width: 992px) {
  .banner-introproduct-image > picture > img {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  #section-collection-home {
    padding: 0 15px;
  }
  #section-collection-home .product-loop:last-child,
  #section-collection-three .product-loop:last-child {
    display: none;
  }
  .wrapper-banner-introproduct .banner-introproduct-image {
    margin-bottom: 0;
  }
  .wrapper-banner-introproduct .introproduct-4 .col-12.col-md-5 {
    padding-left: 0;
  }
  .wrapper-banner-introproduct .banner-introproduct {
    padding-right: 10px !important;
  }
  #section-banner-home-frist
    .col-12.col-md-5.order-2.order-md-0
    .banner-introproduct {
    padding-right: 5px !important;
    padding-left: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.smart-search-wrapper .item-ult .title .pro-vendor-search {
  color: #d29f13;
  font-weight: bold;
  font-size: 11px;
}

.sc-bk-button-1 .wrapper-banner-introproduct .banner-introproduct-button {
  border: 2px solid #d29f13 !important;
  color: #ffffff !important;
  background: #d29f13 !important;
}
.sc-bk-button-1 .wrapper-banner-introproduct .banner-introproduct-button:hover {
  border: 2px solid #d29f13 !important;
  color: #000000 !important;
  background: #f5f5f5 !important;
}

.sc-bk-button-2 .wrapper-banner-introproduct .banner-introproduct-button {
  border: 2px solid #d29f13 !important;
  color: #ffffff !important;
  background: #d29f13 !important;
}
.sc-bk-button-2 .wrapper-banner-introproduct .banner-introproduct-button:hover {
  border: 2px solid #d29f13 !important;
  color: #453536 !important;
  background: #ffffff !important;
}

.sc-bk-button-3 .wrapper-banner-introproduct .banner-introproduct-button {
  border: 2px solid #453536 !important;
  color: #453536 !important;
  background: #fdf1f3 !important;
}
.sc-bk-button-3 .wrapper-banner-introproduct .banner-introproduct-button:hover {
  border: 2px solid #d29f13 !important;
  color: #d29f13 !important;
  background: #ffffff !important;
}

.zoomContainer {
  z-index: 1 !important;
}

@media (min-width: 767px) {
  .qua-tang-sale-page .owl-carousel .owl-nav button.owl-prev {
    top: 45%;
    left: 30px;
  }
  .qua-tang-sale-page .owl-carousel .owl-nav button.owl-next {
    top: 45%;
    right: 30px;
  }
  .qua-tang-sale-page .btn-readmore-product {
    margin-top: 20px;
  }
}

.qua-tang-sale-page .products-item {
  float: left;
  text-align: center;
  margin: 7.5px;
  padding: 0 0 15px;
  border: 1px solid #cccc;
  border-radius: 5px;
  transition: all 350ms ease-in-out 0ms;
  scroll-snap-align: start;
}

.qua-tang-sale-page .owl-carousel .owl-nav button.owl-next::before,
.qua-tang-sale-page .owl-carousel .owl-nav button.owl-prev::before,
.template-product .owl-carousel .owl-nav button.owl-next::before,
.template-product .owl-carousel .owl-nav button.owl-prev::before {
  content: "";
}

.qua-tang-sale-page .products-item .products-item-img img {
  height: fit-content;
  object-fit: scale-down;
}

.qua-tang-sale-page .products-item .products-item-title {
  width: 100%;
  float: none;
  margin: 15px auto 0px;
  font-size: 16px;
  font-weight: 600;
  color: #d29f13;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qua-tang-sale-page__banner {
  position: relative;
  height: 100%;
  width: 100%;
  background: url(../../1000727098/14/banner-qua-tang.jpg)
    no-repeat;
  background-size: cover;
  padding: 30vh 0;
  margin-bottom: 0;
}
.qua-tang-sale-page__banner::before {
  content: "";
  background: #d29f130f;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.qua-tang-sale-page__banner--nha-hang {
  background: url(../../1000727098/14/banner-nha-hang-min.jpg)
    no-repeat;
  background-size: cover;
}
.qua-tang-sale-page__banner--qua-tang-doanh-nghiep {
  background: url(../../1000727098/14/qua-tang-doanh-nghiep-banner.jpg)
    no-repeat;
  background-size: cover;
  background-position: 0 -290px;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__banner {
    padding: 15vh 0;
    background-position: -95px 0;
  }
  .qua-tang-sale-page__banner--nha-hang {
    background-position: -75px 0;
  }
  .qua-tang-sale-page__banner--qua-tang-doanh-nghiep {
    background-position: -75px 0;
  }
}

.qua-tang-sale-page__video {
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc {
    padding-bottom: 30px;
  }
  .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc__title {
    justify-content: center !important;
    font-size: 22px;
    margin-bottom: 13px;
  }
  .qua-tang-sale-page__video
    .qua-tang-sale-page__sections__desc__title::before {
    display: none;
  }
  .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc__description {
    justify-content: center !important;
    text-align: center !important;
  }
}
.qua-tang-sale-page__video__items
  iframe
  body
  .ytp-cued-thumbnail-overlay-image {
  background-size: contain !important;
}

.qua-tang-sale-page__heading {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.qua-tang-sale-page__heading__title {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 3.5em;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__heading__title {
    font-size: 2em;
  }
}
.qua-tang-sale-page__heading__sub-title {
  font-size: 24px;
  text-align: center;
  color: #fff;
  line-height: inherit;
  line-height: 2;
}

.qua-tang-sale-page__three-col {
  padding-bottom: 30px;
  padding-top: 30px;
}
.qua-tang-sale-page__three-col .item-three-col {
  margin-bottom: 30px;
}
.qua-tang-sale-page__three-col .item-three-col__title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-align: center;
  margin: 15px auto;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__three-col .item-three-col__title {
    font-size: 18px;
  }
}
.qua-tang-sale-page__three-col .item-three-col__desc {
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  font-weight: 300;
}
.qua-tang-sale-page__three-col .item-three-col__image--nha-hang {
  max-height: 440px;
}
.qua-tang-sale-page__three-col .item-three-col__image--nha-hang img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 440px;
}

.qua-tang-sale-page__heading-sections {
  padding: 30px 0;
  background-color: #eeede9;
  text-align: center;
  margin-bottom: 0;
}
.qua-tang-sale-page__heading-sections__title {
  text-transform: uppercase;
  font-size: 28px;
}
.qua-tang-sale-page__heading-sections__title--en {
  font-family: "Passions Conflict", cursive;
  font-size: 18em;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__heading-sections__title--en {
    font-size: 24px;
  }
}
.qua-tang-sale-page__heading-sections__sub-title {
  font-size: 15px;
  max-width: 870px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 5px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__heading-sections {
    padding: 30px 15px;
  }
  .qua-tang-sale-page__heading-sections__title {
    font-size: 22px;
  }
  .qua-tang-sale-page__heading-sections__sub-title {
    font-size: 15px;
  }
}

.qua-tang-sale-page__sections {
  background: #f3e4cf;
  padding-bottom: 30px;
}
.qua-tang-sale-page__sections .row {
  display: flex;
  align-items: center;
}
.qua-tang-sale-page__sections__desc__title {
  font-size: 28px;
  font-weight: 500;
  color: #333;
  margin: 15px auto;
  text-transform: uppercase;
  display: flex;
  position: relative;
  justify-content: left;
  padding-left: 10px;
}
.qua-tang-sale-page__sections__desc__title::before {
  content: "";
  background: #d29f13;
  position: absolute;
  width: 3px;
  height: 100%;
  left: -5px;
}
.qua-tang-sale-page__sections__desc__title-en {
  font-size: 85px;
  font-weight: 500;
  color: #333;
  margin: 15px auto 0;
  text-transform: unset;
  display: flex;
  justify-content: left;
  font-family: "Passions Conflict", cursive;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__sections__desc__title {
    font-size: 18px;
    justify-content: left;
  }
  .qua-tang-sale-page__sections__desc__title-en {
    font-size: 60px;
    justify-content: left;
  }
}
.qua-tang-sale-page__sections__desc__description {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__sections__desc__description {
    text-align: justify;
  }
}
.qua-tang-sale-page__sections__images img {
  width: 100%;
  object-fit: scale-down;
}
.qua-tang-sale-page__sections--section-2 {
  background: #f2e9e9;
}
.qua-tang-sale-page__sections--section-4 {
  background: #ebebeb;
}

.qua-tang-sale-page__banner-footer img {
  width: 100%;
  object-fit: cover;
}

.qua-tang-sale-page__form {
  padding: 75px 0 126px;
  background: url(../../1000727098/14/qua-tang-4.jpg)
    no-repeat;
  background-size: cover;
}
.qua-tang-sale-page__form__item {
  background: #d29f1380;
}
.qua-tang-sale-page__form__item .ztb-cf-content .ztb-head-title {
  margin-bottom: 30px !important;
}
.qua-tang-sale-page__form--nha-hang {
  background: url(../../1000727098/14/banner-contacts-nha-hang.jpg)
    no-repeat;
  background-size: cover;
}
.qua-tang-sale-page__form--qua-tang-doanh-nghiep {
  background: url(../../1000727098/14/qua-tang-doanh-nghiep-banner-contacts.jpg)
    no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__form--qua-tang-doanh-nghiep {
    background-position: -455px 0;
  }
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__form {
    padding: 30px 0;
  }
  .qua-tang-sale-page__form__heading {
    font-size: 24px;
    text-align: center;
  }
}

.qua-tang-sale-page__products-related,
.qua-tang-sale-page__products-best {
  padding-top: 30px;
}

.qua-tang-sale-page .btn-dang-ky-qua-tang {
  margin: 15px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qua-tang-sale-page .btn-dang-ky-qua-tang__link {
  padding: 10px 30px;
  position: relative;
  color: #fff;
  font-size: 16px;
  background: #000;
  border-radius: 4px;
  transition: all 500ms ease;
  cursor: pointer;
  border: 1px solid #d29f13;
  text-transform: uppercase;
}
.qua-tang-sale-page .btn-dang-ky-qua-tang__link:hover {
  background: #d29f13;
}

.qua-tang-sale-page__product-related {
  padding: 30px 0;
}
.qua-tang-sale-page__product-related__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  flex-direction: column;
}
.qua-tang-sale-page__product-related__heading__title {
  color: #d29f13;
  text-transform: uppercase;
}
.qua-tang-sale-page__product-related__heading__title-en {
  font-size: 150px;
  font-weight: 500;
  color: #333;
  margin: 15px auto;
  font-family: "Passions Conflict", cursive;
}
@media screen and (max-width: 767px) {
  .qua-tang-sale-page__product-related__heading__title {
    font-size: 22px;
  }
}
.qua-tang-sale-page__product-related .products-item-title {
  margin: 30px auto 0;
}
.qua-tang-sale-page__product-related .products-item-img img {
  height: 273px;
  object-fit: scale-down;
}

.qua-tang-sale-page .btn-readmore-product {
  display: flex;
  justify-content: center;
  align-items: center;
}
.qua-tang-sale-page .btn-readmore-product__link {
  padding: 15px 30px;
  position: relative;
  color: #fff;
  font-size: 16px;
  background: #000;
  border-radius: 4px;
  transition: all 500ms ease;
  cursor: pointer;
  border: 1px solid #d29f13;
  text-transform: uppercase;
}
.qua-tang-sale-page .btn-readmore-product__link:hover {
  background: #d29f13;
}

@media screen and (max-width: 767px) {
  .qua-tang-sale-page__video__items iframe {
    height: 300px;
  }
}

/*-------------------------------------------------------------------------------
/* Trai code Giao diện */
.section {
  overflow: hidden;
}

.section9 {
  margin-top: 0 !important;
}

.owl-carousel.owl-drag .owl-item .product-loop-slide {
  transition: box-shadow 0.3s;
}

.owl-carousel.owl-drag .owl-item .product-loop-slide:hover {
  box-shadow: 0px 0px 10px -1px;
}

.section-collection .owl-carousel .owl-item img {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  /* Thay đổi độ mờ với hiệu ứng chuyển tiếp */
}

@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

.section-collection .fade-effect {
  animation: fadeInOut 0.3s ease-in-out;
}

.section-collection .box-shadow-effect {
  box-shadow: 0px 0px 10px -1px;
  /* Hiệu ứng box-shadow khi hover */
}

.owl-dot {
  background-color: #000;
}

.passions-conflict {
  font-family: "Passions Conflict" !important;
}

@media (max-width: 767px) {
  #mb-menu .menuList-sub.item-lever li a strong {
    font-weight: 500;
  }
}

@media (min-width: 991px) {
  #mb-menu {
    top: -11px;
  }
}

@media (max-width: 767px) {
  #mb-menu .menuList-sub.item-lever li .ol-s strong {
    font-weight: 300 !important;
  }
  #mb-menu .menuList-sub.item-lever li .ol-s {
    padding-left: 30px !important;
  }
  .and-sw {
    font-weight: 500 !important;
  }
  .fqwe-a {
    display: inline-flex;
    margin: 0 !important;
    text-transform: uppercase;
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
  }
  .x-wqp {
    font-weight: 500 !important;
  }
}

.navigation-header {
  padding: 10px 0 15px !important;
}

.navigation-header .row {
  align-items: flex-end;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-header .wrap-logo a img {
    max-height: 40px;
  }
}

@media (max-width: 767px) {
  .main-header .wrap-logo a img {
    max-height: 30px;
  }
  .navigation-header .fixed_filter {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .fixed_filter {
    display: none !important;
  }
}

.desktop-filter
  .layered-filter-group
  .filter-group
  .filter-group-block
  .filter-group-subtitle
  span {
  font-weight: 400 !important;
}

.f-nav .f-nav-one > li.onMega .f-nav-two .flex-all.flex-4 > li:hover > a {
  color: #d29f13;
}

.menu-desktop {
  display: none;
}

.main-header {
  border-bottom: none !important;
}

.header-bottom {
  background-color: #d29f13;
  display: flex;
  align-items: center;
}

.header-bottom .inner {
  position: relative;
  max-width: 1920px;
  min-width: 991px;
  margin: 0 auto;
}

#site-menu-handle svg {
  transition: transform 0.3s ease-out;
}

#site-menu-handle:hover svg {
  transform: scale(1.2);
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
  .innerInfoFooter form input::placeholder {
    font-size: 10px !important;
  }
  .image-icon {
    width: 28px !important;
  }
  .wrap-pagination1
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    font-size: 10px !important;
  }
  .icon-box {
    margin: 0 auto;
  }
  .icon-box.b1 {
    border-left: 1px solid #eee;
  }
  .icon-box.b2 {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .icon-box.b3 {
    border-right: 1px solid #eee;
  }
  .passions-conflict {
    font-size: 4vh;
    margin-bottom: 0;
    padding-bottom: 0px;
    text-align: left;
  }
  .section5 .text-description {
    font-size: 2.4vw;
    color: #453536;
    border-left: 3px solid #d29f13;
    padding-left: 10px;
    text-transform: uppercase;
    margin-bottom: 1.5rem !important;
    text-align: left;
    font-family: "Montserrat";
    font-weight: 500;
  }
  .section5 .banner-introproduct-image {
    box-shadow: 7px 5px 16px 3px;
  }
  .section9 .banner-introproduct-image {
    box-shadow: 7px 5px 16px 3px;
  }
  .section9 .banner-introproduct-image img {
    width: 100%;
  }
  .section5 .introproduct-5 {
    padding: 30px 30px;
  }
  .section5 .wrapper-banner-introproduct .banner-introproduct {
    padding: 30px 15px 30px 30px !important;
  }
  .section9 .wrapper-banner-introproduct .banner-introproduct {
    padding: 30px 15px 30px 30px !important;
  }
  .section5 .right {
    padding-right: 35px;
  }
  .section9 .right {
    padding-right: 35px;
  }
  .section9 .text-description {
    font-size: 2.4vw;
    color: #453536;
    border-left: 3px solid #d29f13;
    padding-left: 10px;
    text-transform: uppercase;
    margin-bottom: 1.5rem !important;
    text-align: left;
  }
  .section5 .text-1 {
    font-size: 16px;
  }
  .section9 .text-1 {
    font-size: 16px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .main-header .header-bottom {
    padding: 0 0 0 10px;
    height: 30px;
  }
  .wrap-search {
    display: none;
  }
  img {
    user-select: none;
  }
}

.section5 {
  background-color: #eeede9;
  margin-bottom: 0 !important;
}

.section5 .introproduct-5 {
  padding: 0;
  background: none;
}

.section5 .left {
  padding: 0;
}

.section6 {
  background-color: #eeede9;
  padding-bottom: 30px;
  margin-bottom: 0;
}

.mainContent-theme .section-collection .sold-out {
  position: absolute;
  top: 20px;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  background: #d29f13;
  padding: 1px 8px;
  right: 10px;
}

/* Trai Desktop Css min-width: 991px */
@media (min-width: 767px) {
  .section8 .product-loop-slide {
    margin: 10px 0;
  }
  .section6 .product-loop-slide {
    margin: 10px 0;
  }
  .section6 .product-loop-slide {
    margin: 10px 0;
  }
  .section1 .product-loop-slide {
    margin: 10px 0;
  }
  .section2 .product-loop-slide {
    margin: 10px 0;
  }
  .section3 .product-loop-slide {
    margin: 10px 0;
  }
  .owl-dots {
    text-align: center;
    padding-top: 5px;
  }
  .section-collection .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
    /* width: 150px; */
  }
  .section-collection .owl-dots button.owl-dot.active {
    background-color: #866d4b !important;
  }
  .section-collection .owl-dots button.owl-dot:focus {
    outline: none;
  }
}

@media (min-width: 991px) {
  .section8 {
    margin-bottom: 30px !important;
  }
  .section1 .owl-carousel .owl-nav button.owl-prev,
  .section1 .owl-carousel .owl-nav button.owl-next {
    top: 30%;
  }
  .section10 {
    margin-bottom: 0 !important;
    padding: 30px 0px 30px;
  }
  .section10 .wrapper-heading-home {
    padding: 0 0 20px !important;
  }
  .section9 {
    margin-bottom: 0 !important;
  }
  .section9 .introproduct-5 {
    padding: 45px 60px 45px;
  }
  .section9 .text-description.left {
    padding-left: 10px;
    text-align: left;
    border-left: 3px solid #d29f13;
    font-family: "Montserrat";
    font-weight: 500;
  }
  .section9 .text-description.right {
    padding-right: 10px;
    text-align: right;
    border-right: 3px solid #d29f13;
  }
  .section9 .text-description {
    font-size: 1.8vw;
    color: #453536;
    text-transform: uppercase;
  }
  .section9 .text-1,
  .section9 .text-2,
  .section9 .text-3 {
    font-size: 1.5vw;
    text-align: center;
  }
  .section5 .banner-introproduct {
    padding: 0 30px 0 15px;
  }
  .section5 .banner-introproduct-image {
    box-shadow: 7px 5px 16px 3px;
  }
  .section9 .banner-introproduct-image {
    box-shadow: 7px 5px 16px 3px;
  }
  .desktop-menu-icon .box-triangle {
    left: 18px !important;
  }
  .section5 .introproduct-5 {
    padding: 45px 60px;
  }
  .icon-box.b1 {
    border-left: 1px solid #eee;
  }
  .icon-box.b2 {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .icon-box.b3 {
    border-right: 1px solid #eee;
  }
  .main-header .header-bottom {
    padding: 0 15px 0 15px;
    height: 30px;
  }

  .header_dropdown_content.site_menu_mobile {
    width: 20vw;
    height: fit-content;
  }
  #mb-menu {
    overflow: unset;
  }
  #mb-menu .menuList-sub {
    top: 1px;
  }
  #mb-menu .menuList-sub li a {
    display: block;
    padding: 9px 25px 9px 15px;
    text-transform: capitalize;
    outline: none;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    font-weight: 400;
  }
  .item-lever {
    display: none;
    top: 0;
  }
  .mobile-menu-icon {
    display: none;
  }
  .site_account .box-triangle {
    right: 40px !important;
  }
  .site_cart .box-triangle {
    right: 0px !important;
  }
  #ajaxSearchResults-mb {
    padding-top: 10px;
  }
  .infoContent p {
    margin-top: -10px;
    margin-bottom: 30px;
  }
  .innerInfoFooter {
    margin: 20px 0 5px;
  }
  .innerInfoFooter .col-footer-1 {
    text-align: left;
  }
  .passions-conflict {
    font-size: 8vh;
    margin-bottom: 0;
    padding-bottom: 0px;
  }
  .section5 .text-description {
    font-size: 1.8vw;
    color: #453536;
    border-left: 3px solid #d29f13;
    padding-left: 10px;
    text-transform: uppercase;
    margin-bottom: 2rem !important;
    font-family: "Montserrat";
    font-weight: 500;
  }
  .section5 .text-1 {
    font-size: 1.5vw;
    text-align: center;
  }
  .section5 .text-2 {
    font-size: 1.2vw;
    text-align: justify;
  }
  .row.ba-cot {
    margin-bottom: 0 !important;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px 80px 40px;
  }
  .row.ba-cot .col-md-4 {
    text-align: center;
  }
  .row.ba-cot .col-md-4 img {
    width: 15vh;
    height: 9vh;
  }
  v {
    text-align: center;
    padding-top: 15px;
  }
}

.button-trai {
  text-align: center;
}

.button-trai .btn,
.btn-collection-add-to-cart,
.btn.submitcomment {
  border-radius: 30px;
}

.button-trai button a {
  color: #fff;
}

.top_icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../../../../file.hstatic.net/200000296482/file/header-icon_454e1fa2d07e4b24809e93d506747668.gif);
  background-repeat: no-repeat;
  background-size: 100px;
}

.container-fluid {
  padding: 0 15px !important;
}

@media (min-width: 600px) and (max-width: 1024px) {
  .container-fluid {
    padding: 0 10px !important;
  }
  .breadcrumb-content-inner {

  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .layout-productDetail .breadcrumb-shop .breadcrumb {
    margin-top: 10px!important;
  }
}

.container-fluid.f1 {
  max-width: 1920px;
}

.container-fluid.f2 {
  background-color: #d29f13;
  max-width: 1920px;
}

.wrap-pagination1 {
  background-color: #fff;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  z-index: 5;
}

.wrap-swiper-button {
  margin: 0;
  box-sizing: border-box;
  position: relative;
}

.wrap-pagination1 .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
}

.wrap-pagination1
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: #fff;
  text-align: left;
  line-height: 26px;
  padding: 12px 10px;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  border-radius: 0;
  font-style: italic;
  color: #777777;
}

.main_section.main_section_box {
  text-align: center;
  padding: 0 25px 30px;
  position: relative;
  z-index: 5;
}

.section_title {
  text-align: center;
  margin: 30px 0 30px 0;
}

.section_title h2.main-h2 {
  font-family: "Montserrat";
  font-weight: 500;
  text-transform: uppercase;
  color: #d29f13;
}

.wrap-box {
  display: flex;
}

@media (min-width: 991px) {
  .wrap-box {
    margin: 0 -10px;
  }
}

.main_section_box .in-box {
  /*float: left;*/
  width: 12.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}

.main_section_box .in-box a {
  display: block;
  color: #1d1d1b;
}

.main_section_box .in-box a span {
  position: relative;
  display: block;
}

.main_section_box .in-box a span img {
  width: 100%;
}

.wrap-box h3 {
  font-size: 15px;
  font-weight: 400;
  margin: 15px 0 10px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .wrap-box h3 {margin: 10px 0 10px;}
}

.wrap-box img {
  width: 125px;
  transition: transform 0.2s;
}

.wrap-box img:hover {
  transform: scale(1.1);
  cursor: pointer;
}

.image-icon {
  width: 33px;
}

.icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.header-action-icon.d-flex.justify-content-end {
  align-items: center;
}

.search-input-trai {
  border-radius: 30px !important;
}

.row.flex-nowrap.flexContainer-header {
  margin: 0;
}

@media (max-width: 767px) {
  .flexContainer-header .col-md-4:first-child {
    display: none;
  }
  .navigation-header .wrapper-header-icon {
    padding: 0 10px 0 0;
  }
  .section9 .wrapper-banner-introproduct .banner-introproduct-image {
    margin-bottom: 0;
    padding: 30px 15px 0 5px;
  }
  .section9 .wrapper-banner-introproduct .banner-introproduct-image img {
    box-shadow: 7px 5px 16px 0px;
  }
  .section5 .wrapper-banner-introproduct .banner-introproduct-image {
    margin-bottom: 0;
    padding: 30px 15px 0 5px;
  }
  .section5 .wrapper-banner-introproduct .banner-introproduct-image img {
    box-shadow: 7px 5px 16px 0px;
  }
  .section9 .wrapper-banner-introproduct .banner-introproduct-image img {
    box-shadow: 7px 5px 16px 0px;
  }
  .header-action .box-action-icon {
    height: 30px !important;
  }
  .header-action .box-action-icon svg {
    height: 30px !important;
  }
  .row.flex-nowrap.flexContainer-header {
    margin: 0;
  }
  .icon-box.b1,
  .icon-box.b2,
  .icon-box.b3 {
    /*border: none;*/
  }
  .section5 .mb5 {
    display: flex;
    flex-direction: column-reverse;
  }
  .section5 .mb5 .passions-conflict {
    font-size: 50px;
    text-align: left;
    margin-bottom: -15px !important;
  }
  .section5 .mb5 .text-description {
    font-size: 19px;
    margin: 15px 0px 20px 10px;
    padding-left: 10px;
    border-left: 3px solid #d29f13;
    text-align: left;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 500;
  }
  .section5 .mb5 .text-1 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1.6rem;
  }
  .section5 .mb5 .text-2 {
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    margin-left: 15px;
    margin-right: 15px;
  }
  .section9 .mb9 {
    display: flex;
    flex-direction: column-reverse;
  }
  .section9 .mb9 .banner-introproduct {
    padding: 0 !important;
  }
  .section9 .mb9 .passions-conflict {
    font-size: 50px;
    text-align: left;
    margin-bottom: -15px !important;
  }
  .section9 .mb9 .text-description {
    font-size: 19px;
    margin: 15px 0px 20px 10px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
  }
  .section9 .mb9 .text-1 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1.6rem;
  }
  .section9 .mb9 .text-2 {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1.6rem;
  }
}

.wrap-menu > li.all-li {
  display: flex;
  align-items: center;
}

#account-popover .btn-box,
.site_cart .btn-box {
  border-radius: 30px;
}

/* Thiết kế các mũi tên */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  outline: none;
  transition: all 0.3s ease-in-out !important;
  opacity: 0.5 !important;
}

@media (max-width: 767px) {
  .template-product .owl-carousel .owl-nav button.owl-prev,
  .template-product .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #000;
    border: none;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    outline: none;
    transition: all 0.3s ease-in-out;
    opacity: 0.5 !important;
  }
}

/* Thiết kế mũi tên prev */
.owl-carousel .owl-nav button.owl-prev {
  left: 10px;
}

/* Thiết kế mũi tên next */
.owl-carousel .owl-nav button.owl-next {
  right: 10px;
}

.owl-carousel .owl-nav button.owl-prev::before {
  content: "\2190";
  /* Mã Unicode của mũi tên trái */
}

.owl-carousel .owl-nav button.owl-next::before {
  content: "\2192";
  /* Mã Unicode của mũi tên phải */
}

.owl-carousel .owl-nav button.owl-prev::before,
.owl-carousel .owl-nav button.owl-next::before {
  font-size: 20px;
  color: #000;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 576px) and (max-width: 767px) {
  .navbar-social-1 img {
    height: auto !important;
  }
  .icon-social {
    height: 100% !important;
  }
}

@media (min-width: 991px) {
  .news-grid {
    display: grid;
    grid-template-columns: 8fr 4fr;
    /* chiều rộng bên trái là 8 phần, bên phải là 4 phần */
    grid-template-rows: repeat(4, 1fr);
    /* chia grid thành 4 hàng bằng nhau */
    gap: 15px;
    /* khoảng cách giữa các phần tử */
  }
  .news-grid .news-item.news-main img {
    width: 100%;
  }
  .news-grid .heading-left,
  .news-grid .heading-right {
    padding-top: 0px;
    margin: 0;
  }
  .news-grid .heading-right {
    font-size: 15px;
    font-weight: 400;
  }
  .news-grid .heading-left {
    font-size: 19px;
    font-weight: 400;
    padding: 15px 0 0;
  }
  .news-secondary h2 {
    padding-left: 15px;
  }
  .news-main {
    /* grid-column: 1 / span 2;  chiếm 2 cột đầu tiên (tương đương với 8 phần) */
    grid-row: 1 / span 4;
    /* chiếm 3 hàng */
    padding-right: 15px;
    border-right: 1px solid #eee;
  }
  .news-secondary:nth-of-type(1) {
    grid-column: 2 / span 1;
    /* bắt đầu từ cột thứ 2 (tương đương với 1 phần) */
    /*grid-row: 1 / span 1; /* chiếm 1 hàng */
  }
  .news-secondary:nth-of-type(2) {
    grid-column: 2 / span 1;
    /* bắt đầu từ cột thứ 2 (tương đương với 1 phần) */
    /*grid-row: 2 / span 1; /* chiếm 1 hàng */
  }
  .news-secondary:nth-of-type(3) {
    grid-column: 2 / span 1;
    /* bắt đầu từ cột thứ 2 (tương đương với 1 phần) */
    /*grid-row: 3 / span 1; /* chiếm 1 hàng */
  }
  .news-secondary:nth-of-type(4) {
    grid-column: 2 / span 1;
    /* bắt đầu từ cột thứ 2 (tương đương với 1 phần) */
    /*grid-row: 4 / span 1; /* chiếm 1 hàng */
  }
  .item-article {
    display: flex;
    align-items: stretch;
  }
  .post-image a {
    position: relative;
  }
  .post-image a img {
    width: 100%;
    height: auto;
  }
  .post-content {
    margin-left: 15px;
  }
  .navbar-social-1 img {
    height: 40px;
  }
}

.layout-pageNot {
  height: auto;
  padding: 70px;
}

.pos-relative {
  position: relative !important;
}

.product-loop-slide {
  border: 1px dashed #ccc;
}

.template-product .product-loop {
  border: 1px dashed #ccc;
}

@media (min-width: 767px) and (max-width: 991px) {
  .main_section.main_section_box {
    padding: 0 7px 25px;
  }
  .wrap-box h3 {
    font-size: 15px;
    line-height: 1.3;
  }
  .navbar-social-1 img {
    height: 100%;
  }
  .icon-social {
    height: 100% !important;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .main-header .header-bottom {
    padding-left: 15px;
  }
  .wrap-menu {
    overflow-y: hidden;
    overflow-x: auto;
    height: 30px;
  }
  .wrap-menu > .menu-title {
    margin: 0 15px 0 0;
  }
}

@media (min-width: 767px) {
  #section-collection-home .owl-carousel .owl-nav button.owl-prev::before,
  #section-collection-home .owl-carousel .owl-nav button.owl-next::before {
    font-size: 24px;
    color: #000;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
  }
}

@media (min-width: 991px) and (max-width: 1200px) {
  .container-fluid-mb {
    padding: 0 30px !important;
  }
}

@media (min-width: 767px) {
  .camket-dt {
    display: none !important;
  }
  .container-fluid-mb.pro-dt {
    padding: 0 35px;
  }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    top: 33%;
  }
  .owl-carousel .owl-nav button.owl-prev {
    transition: left 0.3s;
  }
  .owl-carousel .owl-nav button.owl-next {
    transition: right 0.3s;
  }
  .owl-carousel .owl-nav button.owl-prev:hover {
    left: 5px;
  }
  .owl-carousel .owl-nav button.owl-next:hover {
    right: 5px;
  }
}

/*-------------------------------------------------*/
/* Trai moble */
@media (max-width: 767px) {
  #article .article-content-desc p {
    text-align: justify;
    font-size: 16px !important;
  }
  #article .article-content-desc h2 {
    font-size: 20px !important;
  }
  #article .wrapper-content-article h1.article-heading_title {
    font-size: 24px !important;
  }
  .navbar-social-1 img {
    height: 40px;
  }
  .section9 .text-description.left {
    padding-left: 10px;
    text-align: left;
    border-left: 3px solid #d29f13;
    font-family: "Montserrat";
    font-weight: 500;
  }
  .section9 .text-description.right {
    padding-right: 10px;
    padding-left: 0;
    text-align: right;
    border-right: 3px solid #d29f13;
    margin: 15px 10px 20px 0;
  }
  #sectionInfoFooter {
    padding: 20px 0 0;
  }
  .template-collection #sectionInfoFooter {
    padding: 0;
    margin-bottom: 20px;
  }
  .template-collection h1 {
    font-size: 24px;
  }
  .header_dropdown_content.site_menu_mobile {
    width: 100vw;
    height: auto;
  }
  #mb-menu {
    overflow: unset;
  }
  .header_dropdown_content.site_menu_mobile .box-triangle {
    left: 4px;
  }
  .owl-carousel {
    position: unset !important;
  }
  #home-slider .owl-nav button {
    top: 22%;
    display: none;
  }
  #account-popover {
    width: 100%;
  }
  #account-popover .btn-box,
  .site_cart .btn-box {
    border-radius: 30px;
  }
  .search-bar-mobile.d-block {
    display: none !important;
  }
  .desktop-menu-icon,
  .desktop {
    display: none;
  }
  #mb-menu .menuList-sub {
    overflow: unset;
  }
  .section_title h2.main-h2 {
    font-size: 18px;
  }
  .search-bar-mobile.header-action {
    display: none;
  }
  .main-header .header-bottom {
    padding-left: 10px;
  }
  .header-bottom::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6%;
    height: 100%;
    background: linear-gradient(to right, rgba(210, 159, 19, 0), #d29f13);
  }
  .wrap-menu {
    overflow-y: hidden;
    overflow-x: auto;
    height: 30px;
  }
  .scrolling::-webkit-scrollbar {
    height: 2px;
  }
  .scrolling::-webkit-scrollbar-thumb {
    background-color: #866d4b;
  }
  .wrap-menu > .menu-title {
    margin: 0 25px 0 0;
  }
  .wrap-menu > .menu-title > a {
    font-size: 16px;
    line-height: 2.3;
  }
  .wrap-menu > li > a:hover {
    color: #fff;
    font-weight: 400;
  }
  .container-fluid {
    padding: 0 10px 0 10px !important;
  }
  .container-fluid-1 {
    padding: 0 10px 0 10px !important;
  }
  .main_section_box .in-box {
    width: 22.5%;
  }
  .wrap-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -3px;
  }
  .wrap-box h3 {
    font-size: 13px;
    line-height: 1.3;
  }
  .wrap-menu::-webkit-scrollbar {
    height: 2px;
    background-color: #d29f13;
  }
  .wrap-menu::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: none;
  }
  .icon-box {
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px 0 10px;
  }
  .icon-box-mb {
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 0 5px;
    display: flex;
    align-items: center;
    /*flex-direction: row;
    padding: 5px 0 5px;
    display: flex;
    align-items: center;*/
  }
  .image-icon-mb {
    width: 30px;
  }
  .wrap-pagination1 {
    /*border-bottom: none!important;*/
  }
  .wrap-pagination1
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    /*text-align: center;
    line-height: 15px;
    padding: 10px 10px 0;
		font-size: 10px;*/
    text-align: center;
    line-height: 13px;
    padding: 0px 25px 0 5px;
    font-size: 10px;
  }
  .search-bar-mobile.d-block.d-lg-none {
    display: none !important;
  }
  .wrapper-heading-home h2 {
    font-size: 17px;
    text-align: left;
    line-height: 17px;
    font-weight: 500;
  }
  .wrapper-heading-home p {
    font-size: 12px;
  }
  .site_search .box-triangle {
    right: 91px !important;
  }
  .site_account .box-triangle {
    right: 51px !important;
  }
  .site_cart .box-triangle {
    right: 11px !important;
  }
  .container-fluid-mb f1 {
    margin: 0 15px;
  }
  .container-fluid-mb.f1 {
    padding: 0 0px 0 10px;
    width: 100%;
    position: relative;
  }
  .container-fluid-mb.f1.wrap-pagination1 {
    padding-left: 0;
  }
  .container-fluid-mb.f1 .wrap-swiper-button {
    width: 100%;
    overflow-x: auto;
  }
  .container-fluid-mb.f1::after {

  }
  .container-fluid-mb.f1 .wrap-swiper-button::-webkit-scrollbar {
    height: 0px;
  }
  .container-fluid-mb.f1 .wrap-swiper-button::-webkit-scrollbar-thumb {
    border-radius: 2px;
  }
  .main_section.main_section_box {
    padding: 0 10px 30px;
  }
  .camket-mb {
    display: none !important;
  }
  .camket-dt {
    display: flex !important;
    width: max-content;
    overflow-x: auto;
  }
  .main_section_box .in-box {
    width: 25%;
    padding: 3px;
  }
  .section_title {
    text-align: center;
    margin: 30px 0 25px 0;
  }
  .row.footer-top-trai {
    padding: 0;
    margin: 0 10px 0 15px;
  }
  .column_trai.w6 {
    width: 60%;
    padding-bottom: 0;
  }
  .column_trai.w4 {
    width: 40%;
  }
  .column_trai.w6.top,
  .column_trai.w4.top {
    padding-bottom: 0;
  }
  .column_trai.w6.bot,
  .column_trai.w4.bot {
    padding-top: 1px;
  }
  .column_trai {
    padding: 5px 0;
    text-align: left;
    list-style: none;
    font-size: 12px;
    justify-content: flex-start;
  }
  .column_trai:before {
    /*content: "·";
    font-size: 50px;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 5px;*/
  }
  .wrap-pagination1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    padding-left: 10px;
  }
  /*----------------------------------------------------------*/
  /* footer-mb */
  .innerInfoFooter .contact-form {
    padding: 0;
  }
  .container-fluid-mb .col-footer-1 {
    padding: 20px 25px 0;
    /*margin: 0 0 30px 0;*/
  }
  .container-fluid-mb .col-footer-2 {
    padding: 20px 25px 0;
    /*margin: 0 0 30px 0;*/
  }
  .container-fluid-mb .col-footer-3 {
    padding: 0px 25px 0;
    /*margin: 0 0 30px 0;*/
  }
  #sectionInfoFooter h4 {
    font-size: 14px;
  }
  #sectionInfoFooter p.heading-h4 {
    font-size: 15px;
  }
  .titleHotline a {
    font-size: 24px;
  }
  .link-showroom-home img {
    padding-bottom: 5px;
  }
  /*----------------------------------------------------------*/
  /* product-slider-mb */
  .container-fluid-mb.pro {
    padding: 0;
  }
  .wrapper-heading-home {
    padding: 0;
    margin: 0 10px;
  }
  .container-fluid-mb.pro .owl-stage {
    margin-left: 10px;
  }
  #content-product-list-0 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  #content-product-list-0::-webkit-scrollbar {
    height: 2px;
    background-color: none;
  }
  #content-product-list-0::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: none;
  }
  .noritake-conetent {
    display: flex;
  }
  .noritake-conetent .product-loop {
    flex: 0 0 43%;
    margin-right: 10px;
  }
  .noritake-conetent .product-loop:first-child {
    margin-left: 10px;
  }
  #content-product-list-0 .product-loop-slide {
    flex: 0 0 43%;
    margin-right: 10px;
  }
  #content-product-list-0 .product-loop-slide:first-child {
    margin-left: 10px;
  }
  #content-product-list-0 .pro-vendor {
    font-size: 12px;
  }
  /*#content-product-list-0 .pro-vendor a {
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	}*/
  #content-product-list-0 .product-detail .pro-name {
    font-size: 13px;
  }
  #content-product-list-0
    .product-detail
    .box-pro-prices
    .block-pro-price
    .pro-price {
    font-size: 13px;
  }
  .product-detail {
    padding: 5px;
  }
}

@media (min-width: 767px) {
  #collection .product-loop {
    margin-bottom: 15px;
    padding: 0 7.5px;
  }
}

#collection .form-collection-add-to-cart {
  margin: 10px 0;
}

#collection .product-loop .product-inner {
  border: 1px dashed #ccc;
}

span.pro-vendor a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.box-pro-detail {
  text-align: center;
}

@media (max-width: 767px) {
  .section10 .row.blog-list {
    margin-top: 10px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .section10 {
    margin: 0;
    padding: 0 15px;
  }
  .section10 .blog-list .article-right .post-image {
    
  }
  .section10 .blog-list .article-right .post-content .heading-right {
    font-size: 12px !important;
  }
  .section10 .blog-list .blog-right .article-date-right {
    font-size: 10px;
    margin: 0;
    color: #ccc;
  }
  .innerInfoFooter {
    padding: 20px 10px 15px;
  }
  .footer-text-line li {
    font-size: 12px !important;
  }
  .column_trai {
    font-size: 10px !important;
  }
  #sectionInfoFooter .footer-wrap-item-info-list li p {
    font-size: 12px !important;
  }
  .innerInfoFooter .contact-form {
    width: 100%;
  }
}

@media (min-width: 767px) {
  .icon-social {
    margin-right: 10px;
    height: 30px;
  }
  #sectionInfoFooter .footer-text-line {
    display: flex;
    flex-direction: column;
  }
  #sectionInfoFooter .container-fluid-mb .col-footer-2 {
    padding: 0 !important;
  }
  .section10 {
    margin: 0;
  }
  .section10 .blog-list .blog-left {
    border-right: 1px solid #eee;
  }
  .section10 .blog-list .blog-left .article-date-left {
    font-size: 12px;
    margin: 0;
    color: #ccc;
  }
  .section10 .blog-list .blog-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .section10 .blog-list .article-right {
    display: flex;
  }
  .section10 .blog-list .article-right .post-image {
    flex: 0 0 45%;
  }
  .section10 .blog-list .article-right .post-content {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
  }
  .section10 .blog-list .article-right .post-content .heading-right {
    font-size: 15px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 0 !important;
  }
  .section10 .blog-list .article-left img {
    object-fit: cover;
    aspect-ratio: 1000 / 525;  
  }
  .section10 .blog-list .article-left .heading-left {
    font-size: 20px;
    padding: 1rem 0 0.4rem;
    line-height: 1.2;
    margin-bottom: 0;
  }
  .section10 .blog-list .blog-right .article-date-right {
    font-size: 12px;
    margin: 0;
    color: #ccc;
  }
  #sectionInfoFooter h4 {
    font-size: 14px;
  }
  .container-fluid-mb.f2.footer-mb-trai {
    padding: 0 10px !important;
  }
  .container-fluid-1 {
    padding: 20px 25px 20px;
    margin-top: 5px;
    background-color: #f8f6f3;
    border-bottom: 1px solid #e1ded9;
  }
  .innerInfoFooter {
    display: flex;
  }
  .innerInfoFooter .col-xs-12.col-sm-4.site-animation {
    padding: 0 20px;
  }
  .navbar-social {
    display: flex;
    margin: 5px 0;
  }
  .navbar-social-1 {
    display: flex;
    margin: 5px 0;
  }
  .navbar-social li:nth-child(1) {
    margin-left: 0;
  }
  .navbar-social li .fa {
    margin: 0px 10px 0px 0px;
    font-size: 20px;
    padding: 5px 5px 5px 0;
  }
  .navbar-social li .fa-zalo {
    background: transparent
      url(../../../../file.hstatic.net/1000003969/file/logo_zalo_vector_black_min_432cfad5ff584769a4b9d4f44d24b3d4.png)
      no-repeat scroll 0 0 / cover;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: 3px;
    vertical-align: middle;
  }
  .navbar-social li:hover .fa-zalo {
    background: transparent
      url(../../../../file.hstatic.net/1000360430/file/logo-zalo-vector.png) no-repeat
      scroll 0 0 / cover;
  }
  .navbar-social li:hover:nth-child(1) .fa {
    color: #3b5998;
  }
  .navbar-social li:hover:nth-child(2) .fa {
    color: #7b472c;
  }
  .navbar-social li:hover:nth-child(3) .fa {
    color: #cc181e;
  }
  .titleHotline a {
    font-size: 35px;
  }
  .link-showroom-home img {
    padding-bottom: 15px;
  }
  .footer-top {
    background-color: #a5a2a2;
    position: relative;
    z-index: 0;
  }
  .row.footer-top-trai {
    display: flex;
    justify-content: center;
    /* căn giữa theo chiều ngang */
    align-items: center;
    /* căn giữa theo chiều dọc */
    padding: 0 10px;
    margin: 0;
  }
  .row.footer-top-trai li {
    text-transform: uppercase;
  }
  .column_trai {
    width: 20%;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .column_trai:before {
    /*content: "·";
		font-size: 50px;
		vertical-align: middle;
		line-height: 20px;
		padding-right: 5px;*/
  }
  .store_bellow_link {
    font-style: italic;
    text-decoration: underline;
  }
  .footer-bot {
    background-color: #f8f6f3;
    padding: 10px 0 10px;
  }
  .footer-bot .footer-bot-trai {
    text-align: center;
  }
  .footer-bot .footer-bot-trai p {
    font-style: italic;
    font-size: 13px;
    margin-bottom: 0;
  }
  .innerInfoFooter .contact-form {
    /*display: flex;
		margin: 0 0 25px 0;
		max-width: 55%;*/
  }
  .innerInfoFooter form input {
    /*width: 100%;
		padding: 5px 0px 5px 15px;
		font-size: 10px;
		border-radius: 50px 0 0 50px;
		border: 2px solid #ccc;*/
    width: 100%;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
  }
  .innerInfoFooter form input[type="email"]::placeholder {
    color: #c5c3c0;
    font-style: italic;
  }
  .innerInfoFooter form button {
    /*text-transform: uppercase;
		padding: 0 20px;
		background: #d29f13;
		color: #fff;
		font-weight: 500;
		font-size: 12px;
		border: none;
		width: 50%;
		border-radius: 50px;
		margin-left: -45px;*/
    text-transform: uppercase;
    position: absolute;
    background: 0;
    outline: 0;
    border: 0;
    /*top: 49%;*/
    right: 0;
    padding: 0 20px;
    background: #d29f13;
    border: 1px solid #d29f13;
    height: 100%;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
    border-radius: 20px;
  }
  .search-bar-mobile {
    padding: 0;
  }
  #inputSearchAuto-mb::placeholder {
    font-family: "Roboto", sans-serif !important;
  }
  #sectionInfoFooter .footer-wrap-item-info-list li p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 0.7rem;
  }
  .footer-text-line li {
    display: inline-flex;
    align-items: baseline;
  }
  .footer-text-line li .fa-phone:before {
    font-size: 15px;
    line-height: 1.3;
    color: #d29f13;
  }
  .footer-text-line li .fa-envelope:before {
    font-size: 12px;
    color: #d29f13;
  }
  .footer-text-line li p {
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 13px;
  }
  .article-left .aspect-ratio img,
  .article-right .post-image img {
    transition: transform 0.2s ease-out;
    aspect-ratio: 1000 / 525;
    object-fit: fill;
  }
  .article-left .aspect-ratio:hover img {
    transform: scale(1.02);
    overflow: hidden;
  }
  .article-right .post-image:hover img {
    transform: scale(1.05);
    overflow: hidden;
  }
  .article-left .aspect-ratio,
  .article-right .post-image {
    overflow: hidden;
  }
  .social img {
    transition: transform 0.2s ease-out;
  }
  .social:hover img {
    transform: scale(1.05);
    overflow: hidden;
  }
  .su-trang .product-detail {background-color: #fff}
}

@media (max-width: 767px) {
  .icon-social {
    margin-right: 10px;
    height: 30px;
  }
  .payment-icon {
    margin: 0 0 10px 0 !important;
  }
  .footer-text-line li {
    display: inline-flex;
    align-items: baseline;
  }
  .footer-text-line li .fa-phone:before {
    font-size: 15px;
    color: #d29f13;
  }
  .footer-text-line li .fa-envelope:before {
    font-size: 12px;
    color: #d29f13;
  }
  .footer-text-line li p {
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 14px;
  }
  .heading-right {
    margin-bottom: 0 !important;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .section10 {
    margin: 10px !important;
    padding-top: 10px;
  }
  .section10 .wrapper-heading-home {
    margin: 0;
  }
  .section10 .blog-list .blog-left .article-date-left {
    font-size: 12px;
    margin: 0;
    color: #ccc;
  }
  .section10 .blog-list .blog-right .article-date-right {
    font-size: 10px;
    margin: 0;
    color: #ccc;
  }
  .section10 .blog-list .article-right {
    display: flex;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
  }
  .section10 .blog-list .blog-right {
    /*height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;*/
  }
  .section10 .blog-list .article-right .post-image {
    flex: 0 0 35%;
  }
  .section10 .blog-list .article-right .post-content {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
  }
  .section10 .blog-list .article-left .heading-left {
    font-size: 18px;
    margin: 1rem 0 0;
  }
  .section10 .blog-list .blog-left .article-date-right {
    font-size: 12px;
    margin: 0;
  }
  #sectionInfoFooter h4 {
    font-size: 14px;
  }
  .innerInfoFooter {
    display: flex;
  }
  .innerInfoFooter .col-xs-12.col-sm-4.site-animation {
    padding: 0 20px;
  }
  .navbar-social {
    display: flex;
    margin: 5px 0;
  }
  .navbar-social-1 {
    display: flex;
    margin: 5px 0;
  }
  .navbar-social li:nth-child(1) {
    margin-left: 0;
  }
  .navbar-social li .fa {
    margin: 0px 10px 0px 0px;
    font-size: 20px;
    padding: 5px 5px 5px 0;
  }
  .navbar-social li .fa-zalo {
    background: transparent
      url(../../../../file.hstatic.net/1000003969/file/logo_zalo_vector_black_min_432cfad5ff584769a4b9d4f44d24b3d4.png)
      no-repeat scroll 0 0 / cover;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: 3px;
    vertical-align: middle;
  }
  .navbar-social li:hover .fa-zalo {
    background: transparent
      url(../../../../file.hstatic.net/1000360430/file/logo-zalo-vector.png) no-repeat
      scroll 0 0 / cover;
  }
  .navbar-social li:hover:nth-child(1) .fa {
    color: #3b5998;
  }
  .navbar-social li:hover:nth-child(2) .fa {
    color: #7b472c;
  }
  .navbar-social li:hover:nth-child(3) .fa {
    color: #cc181e;
  }
  .titleHotline a {
    font-size: 35px;
  }
  .link-showroom-home img {
    padding-bottom: 15px;
  }
  .footer-top {
    background-color: #a5a2a2;
    position: relative;
    z-index: 0;
  }
  .row.footer-top-trai {
    display: flex;
    justify-content: center;
    /* căn giữa theo chiều ngang */
    align-items: center;
    /* căn giữa theo chiều dọc */
    padding: 0 10px 0;
    margin: 0;
    text-transform: uppercase;
    justify-content: flex-start;
    
  }
  .row.footer-top-trai li {
    text-transform: uppercase;
  }
  .column_trai {
    width: 25%;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
  }
  .column_trai:before {
    /*content: "·";
		font-size: 50px;
		vertical-align: middle;
		line-height: 20px;
		padding-right: 5px;*/
  }
  .store_bellow_link {
    font-style: italic;
    text-decoration: underline;
  }
  .footer-bot {
    background-color: #f8f6f3;
    padding: .5rem 1rem;
    margin-bottom: 60px;
  }
  .footer-bot .footer-bot-trai {
    text-align: center;
    line-height: 1.2;
  }
  .footer-bot .footer-bot-trai p {
    font-style: italic;
    font-size: 12px;
    margin: 0;
  }
  .innerInfoFooter .contact-form {
    display: flex;
    margin: 0 0 10px 0;
  }
  .innerInfoFooter form input {
    width: 100%;
    padding: 5px 0px 5px 15px;
    font-size: 13px;
    border-radius: 50px 0 0 50px;
    border: 1px solid #ccc;
  }
  .innerInfoFooter form input[type="email"]::placeholder {
    color: #c5c3c0;
    font-style: italic;
  }
  .innerInfoFooter form button {
    text-transform: uppercase;
    padding: 0 20px;
    background: #d29f13;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    border: none;
    width: 50%;
    border-radius: 50px;
    margin-left: -45px;
  }
  .search-bar-mobile {
    padding: 0;
  }
  #inputSearchAuto-mb::placeholder {
    font-family: "Roboto", sans-serif !important;
  }
  #sectionInfoFooter .footer-wrap-item-info-list li p {
    margin-left: 5px;
    font-size: 14px !important;
  }
}

navbar-social-1 img {
  height: 40px;
}

.innerInfoFooter form input::placeholder {
  font-size: 13px;
}

.footer-text-line li {
  font-size: 13px;
  line-height: 1.4;
}

.payment-icon {
  display: flex;
  margin: 0 0 20px 0;
}

.payment-icon li {
  margin-right: 10px;
}

.payment-icon img {
  width: 40px;
}

#sectionInfoFooter .footer-wrap-item-info-list li {
  display: inline-flex;
}

#sectionInfoFooter .footer-wrap-item-info-list li p {
  margin-left: 5px;
  font-size: 13px;
}

.fa-map-marker:before {
  font-size: 18px;
  line-height: 1.3;
  color: #d29f13;
}

#sectionInfoFooter h4 {
  margin-bottom: 10px !important;
  font-weight: 400;
}

#sectionInfoFooter p.heading-h4 {
  margin-bottom: 10px !important;
}

#mb-menu .menuList-sub {
  padding-bottom: 0;
  overflow: unset;
  height: auto;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
  max-width: 100% !important;
}

.footer-text-line-test {
  display: flex;
}

.footer-text-line-test p {
  margin: 0;
}

/*-----------------------------
/* icon share */
@media (max-width: 991px) {
  .cpanel-action {
    display: none;
  }
}

#collection .cpanel-action {
  padding: 0;
  top: 45px;
}

#collection .cpanel-action li {
  list-style-type: none !important;
  margin-left: 0 !important;
}

.cpanel-action {
  margin: 0 auto 30px;
  padding: 90px 0 0 0;
  list-style: none;
  position: -webkit-sticky;
  position: sticky;
  top: -45px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.cpanel-action li:not(:first-of-type) {
  margin: 8px 0 0;
}

.cpanel-action li.line::before {
  content: "";
  display: block;
  width: 32px;
  margin: 0 auto;
  padding-top: 8px;
  border-top: 1px solid #e3e6e8;
}

.cpanel-item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  color: #fff;
  font-size: 28px;
  transition: all 0.3s;
}

.cpanel-item:active {
  transform: translateY(4px);
}

.cpanel-item:active svg {
  background: #eee none;
}

.cpanel-item:active:hover {
  box-shadow: none;
}

.cpanel-item.print {
  margin-top: 18px;
}

.cpanel-item.print.comment-empty {
  margin-top: 8px;
}

.cpanel-item svg {
  background: #fff none;
  border: 1px solid #e4e4e4;
  border-radius: 100px;
}

#collection .cpanel-item svg {
  background: #eeede9 none;
  border: 1px solid #b5b5b5;
  border-radius: 100px;
}

.cpanel-item:hover {
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.05);
}

.cpanel-item.link {
  position: relative;
}

.cpanel-item.link .tooltiptext {
  width: 70px;
  background: #fff none;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 105px;
  margin-left: -60px;
  font-size: 14px;
  border: 2px solid #ccc;
  font-weight: 400;
}

.cpanel-item.link .tooltiptext:after {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-color: #ccc;
  border-width: 2px 2px 0 0;
  width: 10px;
  height: 10px;
  top: 10px;
  left: -6px;
  transform: rotate(-137deg);
}

.cpanel-item.comment {
  background-color: transparent;
  color: #999;
  font-size: 35px;
}

.cpanel-item.comment span {
  height: 16px;
  padding: 1px 4px;
  background: #e7f0eb;
  border-radius: 4px;
  color: #0f6c32;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -10px;
  text-indent: 0;
  font-size: 11px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", "Arial", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  line-height: 140%;
  font-weight: 600;
  z-index: 1;
}

.cpanel-item.bookmark {
  background-color: transparent;
  color: #999;
  font-size: 35px;
}

.cpanel-item.donate {
  font-size: 28px;
}

.cpanel-item.donate:hover {
  background: #1a7900 none;
}

/*-----------------------------------------------------
/* blog css */
@media (max-width: 767px) {
  .singular-footer.horizontal .social-pin {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
    position: static;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .singular-footer.horizontal .cpanel-action {
    padding-top: 0;
    margin-top: -10px;
    margin-bottom: 0;
  }
  .singular-footer.horizontal ul li {
    margin: 0 5px;
  }
  a.xem-tat-ca {
    background-color: #f2f2f2;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-size: 15px;
    color: #d58a00;
    font-weight: 500;
  }
  a.xem-tat-ca:after {
    content: "···";
    margin-left: 5px;
    font-size: 30px;
    vertical-align: middle;
    line-height: 20px;
  }
  .xem-tat-ca > span {
    text-transform: center;
  }
  #blog .blog-main {
    border-bottom: 1px solid #f1f1f1;
  }
  .blog-child .col-blog-child {
    padding: 10px 0 0 0;
  }
  #blog .blog-all .heading-page.heading-page-child {
    margin-top: 15px;
  }
  .van-hoa-nghe-thuat:before {
    /*content: '';
    position: absolute;
    bottom: 0;
    right: auto;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    z-index: 9;*/
  }
  #blog .fisrt-child-article {
    display: flex;
  }
  #blog .fisrt-child-article p {
    margin-bottom: 0.5rem;
  }
  #blog .fisrt-child-article a {
    flex: 0 0 35%;
  }
  .list-article-content .article-list-item .article-excerpt-title a {
    -webkit-line-clamp: 2 !important;
  }
  .sidebar-blogs.blog-aside-sticky {
    display: none;
  }
  .wrapper-content-article .article-heading_info li,
  .wrapper-content-article .article-heading_info li a {
    color: #868686;
    font-weight: 500;
  }
  #blog .heading-page.heading-page-child h1 {
    font-size: 20px;
    line-height: 1;
  }
  #blog .heading-page.heading-page-child h1 a {
    color: #d29f13;
  }
  #blog .blog-child .row.row-heading-blog-child {
    margin: 0;
  }
  #blog .heading-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    margin: 0 0 10px 0;
  }
  #blog .heading-page h1 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 5px 10px 0px;
    font-weight: 500;
    color: #d29f13;
    font-family: "Montserrat";
  }
  #blog .heading-page.heading-page-child {
    border-bottom: none !important;
    margin-top: 10px;
  }
  #blog .list-article-content {
    margin: 0 !important;
  }
  #blog .list-article-content .article-list-item {
    border: none;
    box-shadow: none;
    text-align: left !important;
  }
  #blog .list-blog-verticle article {
    display: flex;
  }
  #blog .list-blog-verticle .article-list-item .article-excerpt-image {
    flex: 0 0 35%;
  }
  #blog
    .list-article-content
    .article-list-item.child-article
    .article-excerpt-content {
    padding: 0px 0px 0px 15px;
  }
  #blog .child-article .date {
    font-size: 13px;
    color: #ccc;
    font-weight: 400;
    margin-right: 10px;
  }
  #blog .list-article-content .pd-item-article.child-article {
    margin-bottom: 0 !important;
    border-top: 1px solid #f1f1f1;
    padding: 10px 0 10px;
  }
  #blog
    .list-article-content
    .article-list-item.main-article
    h2.article-excerpt-title {
    font-size: 24px;
    margin-bottom: 0.5rem;
  }
  #blog
    .list-article-content
    .article-list-item.child-article
    h2.article-excerpt-title {
    margin-bottom: 0 !important;
  }
  #blog
    .list-article-content
    .article-list-item.main-article
    .article-excerpt-content {
    padding: 15px 0px 0px 0;
  }
  #blog .list-article-content .pd-item-article {
    padding: 0;
  }
  #blog .blog-child .col-blog-child {
    padding: 0;
  }
  #blog .date,
  #article .date {
    font-size: 13px;
    color: #ccc;
    font-weight: 400;
  }
  #blog
    .list-article-content
    .article-list-item
    .article-excerpt-title.main-article {
    font-size: 28px;
    text-align: left;
    margin-bottom: 0;
  }
  #blog .list-article-content .pd-item-article {
    margin-bottom: 0 !important;
  }
  #blog .article-excerpt-desc_content {
    text-align: left;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  #blog .list-blog-verticle .article-excerpt-desc {
    display: none;
  }
}

#article .article-content-desc img {
  margin-bottom: 0.5rem !important;
  width: 100%;
}

@media (min-width: 767px) and (max-width: 991px) {
  #blog .date,
  #article .date {
    font-size: 13px;
    color: #ccc;
    font-weight: 400;
  }
  .singular-footer.horizontal .social-pin {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
    position: static;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .singular-footer.horizontal .cpanel-action {
    padding-top: 0;
    margin-top: -15px;
  }
  .singular-footer.horizontal ul li {
    margin: 0 5px;
  }
  a.xem-tat-ca {
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
  }
  .xem-tat-ca > span {
    text-transform: center;
  }
  #blog .blog-main {
    border-bottom: 1px solid #f1f1f1;
  }
  #blog .wrapper-content-blogs {
    margin-bottom: 30px;
  }
  #blog .blog-all .col-sidebar {
    padding: 0;
  }
  #blog .van-hoa-nghe-thuat .list-blog-verticle .article-excerpt-desc_content {
    font-size: 14px;
    margin-bottom: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  #blog
    .blog-child
    .list-article-content
    .pd-item-article.child-article:first-child {
    border-top: none;
  }
  #blog .heading-page.heading-page-child {
    border-bottom: none !important;
    padding: 0;
  }
  #blog .blog-child .row.row-heading-blog-child .col-blog-child {
    padding: 0;
  }
  #blog .blog-all .row-blog-all {
    margin: 0;
  }
  #blog
    .blog-main
    article.child-article
    .article-excerpt.article-excerpt-content {
    padding: 15px 0;
  }
  #blog
    .blog-main
    article.child-article
    .article-excerpt.article-excerpt-content
    p {
    margin-bottom: -10px;
    margin-top: -10px;
  }
  #blog .blog-main .pd-item-article .child-article {
    margin-right: 10px;
  }
  #blog .blog-all .blog-main .main-article {
    padding: 0;
  }
  #blog .blog-border-top {
    padding: 0 15px !important;
  }
  #blog .child-article .article-excerpt-desc_content {
    font-size: 16px;
    text-align: left;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0;
  }
  #blog .main-article .article-excerpt-desc_content {
    font-size: 16px;
    text-align: left;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .sidebar-blogs.blog-aside-sticky {
    display: none;
  }
  #article .wrapper-content-article h1.article-heading_title {
    font-size: 24px !important;
  }
  #blog .breadcrumb-shop .breadcrumb {
    padding: 5px 0;
  }
  .wrapper-content-article .article-heading_info li,
  .wrapper-content-article .article-heading_info li a {
    color: #868686;
    font-weight: 500;
  }
  #article .article-content-desc h2 {
    font-size: 22px !important;
  }
  #article .article-content-desc p {
    text-align: justify;
    font-size: 18px !important;
  }
  #blog .heading-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    margin: 0 0 10px 0;
  }
  #blog .heading-page h1 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 5px 10px 0px;
    font-weight: 500;
    color: #d29f13;
    font-family: "Montserrat";
  }
  #blog .heading-page h1 a {
    color: #d29f13;
  }
  #blog .list-article-content .article-list-item {
    border: none;
    box-shadow: none;
    text-align: left !important;
  }
  #blog
    .list-article-content
    .article-list-item.main-article
    h2.article-excerpt-title {
    font-size: 24px;
    margin-bottom: 0.5rem;
  }
  #blog
    .list-article-content
    .article-list-item.main-article
    .article-excerpt-content {
    padding: 15px 0px 0px 0;
  }
  #blog .list-article-content .pd-item-article.child-article {
    margin-bottom: 0 !important;
    padding: 10px 0 10px 0;
  }
  #blog
    .blog-main
    .list-article-content
    .article-list-item
    .article-excerpt-title {
    margin: 0 0 5px !important;
  }
  #blog .list-article-content .pd-item-article {
    margin-bottom: 0;
  }
  #blog .list-article-content {
    margin-bottom: 0;
  }
  #blog .list-blog-verticle article {
    display: flex;
  }
  #blog .list-blog-verticle .article-list-item .article-excerpt-image {
    flex: 0 0 35%;
  }
  #blog
    .list-blog-verticle
    .article-list-item
    .article-excerpt-title.child-article {
    font-size: 18px;
  }
  #blog .list-blog-verticle .article-list-item .article-excerpt-content {
    padding-top: 0;
    padding-bottom: 0;
  }
  .van-hoa-nghe-thuat:before {
    /*content: '';
    position: absolute;
    bottom: 0;
    right: auto;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    z-index: 9;*/
  }
  a.xem-tat-ca {
    background-color: #f2f2f2;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-size: 15px;
    color: #d58a00;
    font-weight: 500;
  }
  a.xem-tat-ca:after {
    content: "···";
    margin-left: 5px;
    font-size: 30px;
    vertical-align: middle;
    line-height: 20px;
  }
  #blog .blog-all .heading-page.heading-page-child {
    margin-top: 15px;
  }
  #blog .child-article .date.mb {
    display: none;
  }
}

@media (min-width: 991px) {
  .singular-footer.horizontal .social-pin {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
    position: static;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .singular-footer.horizontal .cpanel-action {
    padding-top: 0;
    margin-top: -15px;
  }
  .singular-footer.horizontal ul li {
    margin: 0 5px;
  }
  a.xem-tat-ca {
    background-color: #f2f2f2;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-size: 15px;
    color: #d58a00;
    font-weight: 500;
  }
  a.xem-tat-ca:after {
    content: "···";
    margin-left: 5px;
    font-size: 30px;
    vertical-align: middle;
    line-height: 20px;
  }
  .xem-tat-ca > span {
    text-transform: center;
  }
  /*.van-hoa-nghe-thuat:before {
		content: '';
    position: absolute;
    bottom: 0;
    right: auto;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    z-index: 9;
    border-bottom: 1px solid #f1f1f1;
	}
	
	.tin-tuc-su-kien:before {
		content: '';
    position: absolute;
    bottom: 0;
    right: auto;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    z-index: 9;
    border-bottom: 1px solid #f1f1f1;
	}
	
	.decor-sap-xep:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: auto;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    z-index: 9;
    border-bottom: 1px solid #f1f1f1;
	}*/
  #blog .blog-all .col-sidebar {
    padding-right: 0;
  }
  #blog .blog-heading-page .col-heading-page {
    padding: 0 0 5px 0;
  }
  .blog-child .col-blog-child {
    padding: 10px 0 0 0;
  }
  #blog .blog-main {
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f1f1;
  }
  #blog .heading-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #blog .heading-page.heading-page-child {
    border-bottom: none !important;
    padding: 0;
  }
  #blog .heading-page.heading-page-child h1 {
    font-size: 22px;
    line-height: 1;
  }
  #blog .heading-page.heading-page-child h1 a {
    color: #d29f13;
  }
  #blog .row-breadcrumb .col-breadcrumb,
  #article .row-breadcrumb .col-breadcrumb {
    padding: 0;
  }
  #blog .breadcrumb-shop .breadcrumb {
    padding: 5px 0 5px;
  }
  #blog .sidebox_wrapper .sidebox_content-list .item-article {
    padding: 5px 0;
  }
  #blog .sidebox_wrapper .sidebox_content-list .item-article .post-content {
    width: 100%;
    padding: 0;
  }
  #blog .sidebox_wrapper .sidebox_content-list .item-article .post-image {
    flex: 0 0 35%;
  }
  #blog .wrapper-content-blogs {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  #blog .heading-page {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    margin: 10px 0 5px 0;
  }
  #blog .heading-page h1 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 5px 10px 0px;
    font-weight: 500;
    color: #d29f13;
    font-family: "Montserrat";
  }
  #article .wrapper-content-article {
    /*margin-top: 1rem;*/
  }
  #article .wrapper-content-article .col-article {
    padding: 0;
  }
  #article .sidebox_wrapper .sidebox_content-list .item-article {
    padding: 5px 0;
  }
  .sidebox_wrapper .sidebox_content-list .item-article:first-child {
    padding-top: 0;
  }
  #article .sidebox_wrapper .sidebox_content-list .item-article .post-content {
    width: 100%;
    padding: 0;
  }
  #article .sidebox_wrapper .sidebox_content-list .item-article .post-image {
    flex: 0 0 100px;
  }
  #article .heading-page h1 {
    font-size: 18px;
    text-transform: uppercase;
  }
  #blog .list-article-content .article-list-item {
    border: none;
    box-shadow: none;
    text-align: left !important;
  }
  #blog
    .list-article-content
    .article-list-item
    .article-excerpt-title.main-article {
    font-size: 28px;
    text-align: left;
    margin-bottom: .5rem;
  }
  #article .wrapper-content-article .article-heading_title {
    font-size: 28px;
    text-align: left;
    margin: 10px 0 0;
  }
  #article .wrapper-content-article h2 {
    font-size: 24px;
  }
  #blog .list-article-content .article-list-item .article-excerpt-content {
    padding: 15px 15px 0 0;
  }
  #blog
    .list-article-content
    .article-list-item
    .article-excerpt-title.child-article {
    font-size: 16px;
    text-align: left;
  }
  #blog .article-excerpt-title.child-article {
    margin: 0;
  }
  #blog .list-article-content .pd-item-article {
    padding: 0;
    margin: 0 0 0px 0;
  }
  #blog .list-article-content .pd-item-article.child-article {
    padding-right: 10px;
  }
  #blog
    .list-article-content
    .article-list-item
    .article-excerpt-title.child-article
    a {
    -webkit-line-clamp: 2;
  }
  #blog
    .blog-child
    .list-article-content
    .article-list-item
    .article-excerpt-title.child-article
    a {
    -webkit-line-clamp: 1;
  }
  #blog .sidebox_wrapper .sidebox_content-list .item-article .post-content h3 {
    font-weight: 500;
  }
  #blog .article-excerpt-desc_content {
    font-size: 16px;
    text-align: left;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  #blog .sidebox_wrapper .sidebox_content,
  #article .sidebox_wrapper .sidebox_content {
    /*max-height: 470px;
		overflow-y: auto;
		border: 1px solid #f3f3f3;*/
  }
  .sidebox_content::-webkit-scrollbar {
    width: 4px;
    height: 6px;
  }
  .sidebox_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #eee;
    /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.8);*/
  }
  #blog .sidebox_wrapper .sidebox_title .htitle,
  #article .sidebox_wrapper .sidebox_title .htitle {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
  #article p {
    text-align: justify;
  }
  .sidebar-blogs.blog-aside-sticky {
    /*background-color: #eeede9;*/
  }
  .sidebar-blogs.blog-aside-sticky .sidebox_wrapper {
    padding: 0 0 3px 0px;
  }
  .wrapper-content-article .article-heading_info li,
  .wrapper-content-article .article-heading_info li a {
    color: #868686;
    font-weight: 500;
  }
  #blog .date,
  #article .date {
    font-size: 13px;
    color: #ccc;
    font-weight: 400;
  }
  #article .comment-form .btn-box {
    padding: 10px 15px;
  }
  #blog .list-blog-verticle {
    display: flex;
  }
  #blog .list-blog-verticle article {
    display: flex;
  }
  #blog .list-blog-verticle .article-excerpt-content {
    padding-left: 15px !important;
  }
  #blog .list-blog-verticle .article-list-item .article-excerpt-image {
    flex: 0 0 25%;
  }
  #blog
    .list-blog-verticle
    .article-list-item
    .article-excerpt-title.child-article {
    font-size: 18px;
  }
  #blog .list-blog-verticle {
    border-top: 1px solid #f1f1f1;
    padding: 10px 0 0;
  }
  #blog .list-blog-verticle .pd-item-article {
    margin: 0 0 10px 0 !important;
  }
  #blog .list-blog-verticle .article-excerpt-desc_content {
    font-size: 14px;
    margin-bottom: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  #blog .list-blog-verticle .article-list-item .article-excerpt-content {
    padding-top: 0;
  }
  #blog .list-blog-verticle .article-excerpt-desc {
    padding-top: 10px;
  }
  #blog .blog-child .list-article-content {
    margin-bottom: 0;
  }
  #blog .blog-child .list-blog-verticle {
    border-top: none;
    /*border-bottom: 1px solid #f1f1f1;*/
    padding: 10px 0 0;
  }
  #blog .blog-child .list-article-content .pd-item-article.child-article {
    border-top: 1px solid #f1f1f1;
    padding: 10px 0 0;
  }
  #blog
    .blog-child
    .list-article-content
    .pd-item-article.child-article:first-child {
    border-top: none;
    padding: 0 0 0;
  }
  .waiting-product-tag {
    padding-top: 15px;
  }
  #blog .child-article .date.mb {
    display: none;
  }
}

/* Collections and pages trai css */
@media (min-width: 991px) {
  #collection .singular-footer.horizontal .cpanel-action {
    margin-top: 0;
  }
  #collection .col-lg-8 img {
    margin-bottom: 0.5rem !important;
    width: 100%;
  }
  #collection .sidebar-blogs .item-article, .template-product .sidebar-blogs .item-article {
    border-bottom: 1px dashed #dee2e6;
    padding: 5px 0;
  }
  .template-page .sidebar-blogs .item-article {
    border-bottom: 1px dashed #dee2e6;
    padding: 9px 0;
  }
  #collection .collection-heading_title_02 {
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #d29f13;
    font-family: "Montserrat";
  }
  #collection .sidebar-blogs .item-article .post-content h3 {
    margin: 0 0 5px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  #collection .sidebar-blogs .item-article p.post-meta, .template-product .sidebar-blogs .item-article p.post-meta {
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    margin: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .template-page .sidebar-blogs .item-article p.post-meta {
    font-weight: 500;
    text-align: left;
    font-size: 13px;
    margin: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  #collection .sidebox_content .post-image, .template-product .sidebox_content .post-image {
    flex: 0 0 100px !important;
  }
  .template-page .sidebox_content .post-image {
    flex: 0 0 115px !important;
  }
  .desktop-filter .layered-filter-group {
    margin-right: 30px !important;
  }
  .collection-breadcrumb .breadcrumb-shop .breadcrumb,
  .template-search .breadcrumb-shop .breadcrumb {
    padding: 5px 25px !important;
  }
  .collection-breadcrumb .breadcrumb-shop {
    background-color: #f3f5f6 !important;
  }
  .wrapper-mainCollection {
    margin-top: 0.5rem;
  }
  .wrapper-mainCollection .breadcrumb-shop {
    margin-bottom: 0.5rem;
  }
  .collection-heading_title .title {
    text-transform: uppercase;
    font-size: 30px;
    color: #d29f13;
    text-align: center;
    font-weight: 400;
    margin-top: 20px;
  }
  /*.wrapper-mainCollection .collection-heading_title .heading-collection {
		display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    margin: 0 0 10px 0;
	}
	
	.wrapper-mainCollection .collection-heading-page h1.title {
		font-size: 20px;
    text-transform: uppercase;
    margin: 5px 10px 0px;
    font-weight: 400;
    color: #d29f13;
	}*/

  .wrapper-mainCollection .collection-heading-page h1.title {
    letter-spacing: 1px;
  }
  .desktop-filter {
    margin: 0 !important;
    z-index: 2 !important;
  }
  .desktop-filter .layered-filter-group .filter-group {
    width: 100% !important;
  }
  .collection-sortby .collection-sortby-title .title-sort {
    padding: 0 !important;
  }
  .collection-sortby {
    padding: 0 !important;
  }
  .collection-sortby .collection-sortby-title .title-sortx {
    font-size: 16px !important;
    cursor: pointer;
    margin-right: 5px;
  }
  .collection-sortby .collection-sortby-title {
    justify-content: right !important;
    cursor: pointer;
  }
  .desktop-filter
    .layered-filter-group
    .filter-group
    .filter-group-block
    .filter-group-subtitle {
    justify-content: space-between !important;
  }
  .desktop-filter .layered-filter-group {
    justify-content: flex-end !important;
  }
  .filter-group-subtitle:hover + span {
    color: #d29f13;
  }
  .desktop-filter
    .layered-filter-group
    .filter-group
    .filter-group-block
    .filter-group-content {
    padding: 0px 0px 0 5px !important;
    margin: 0px 0px 10px !important;
    background: #f1f1f1 !important;
  }
  .wrapper-layered-filter
    .layered-filter-group
    .filter-group-content
    .checkbox-list
    li
    label {
    background: #f1f1f1 !important;
  }
  .desktop-filter
    .layered-filter-group
    .filter-group
    .filter-group-block
    .filter-group-subtitle
    span {
    font-weight: 500 !important;
  }
  #icon-minus-1,
  #icon-minus-2,
  #icon-minus-3,
  #icon-minus-4,
  #icon-minus-5,
  #icon-minus-6,
  #icon-minus-7 {
    display: none;
  }
  .collection-sortby-custom_option {
    width: 250px !important;
  }
  .collection-sortby {
    float: right !important;
  }
  #mb-menu .menuList-sub.sub-child {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  
  .collection-description {
    margin: 0 !important;
  }
  .content-description h2:nth-child(1) {
    margin-bottom: 1.3rem !important;
    font-size: 28px !important;
  }
  #collection .collection-description h2 {
    font-size: 24px;
  }
}

@media (min-width: 991px) {
  .title-bst {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .content-description {
    padding: 0 !important;
  }
  .title-bst {
    padding-left: 0;
    padding-right: 0;
  }
  .collection-description {
    margin: 0 !important;
  }
  #collection .col-lg-8 img {
    margin-bottom: 0.5rem !important;
  }
  #collection .collection-heading_title_02 {
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #d29f13;
    font-family: "Montserrat";
  }
  .wrapper-mainCollection .breadcrumb-shop .breadcrumb {
    padding: 5px 0 5px;
  }
  /*.wrapper-mainCollection .collection-heading_title .heading-collection {
		display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    margin: 0 0 10px 0;
	}
	
	.wrapper-mainCollection .collection-heading-page h1.title {
		font-size: 20px;
    text-transform: uppercase;
    margin: 5px 10px 0px;
    font-weight: 400;
    color: #d29f13;
	}*/
  .wrapper-mainCollection .collection-heading-page h1.title {
    font-family: "montserrat";
    font-weight: 500;
  }
  .wrapper-mainCollection .collection-heading-page p.title {
    font-family: "montserrat";
    font-weight: 500;
  }
  .collection-heading_title .title {
    text-transform: uppercase;
    font-size: 30px;
    color: #d29f13;
    text-align: center;
    font-weight: 400;
    margin-top: 20px;
  }
  .f-nav.nav-wrap-menu .f-nav-one > li > a {
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
  }
  .f-nav.nav-wrap-menu .f-nav-one > li > a:hover {
    color: #ccc;
  }
  .f-nav.nav-wrap-menu {
    width: -webkit-fill-available;
  }
}

.collection-description {
  background-color: #eeede9;
}

.sidebox_wrapper .sidebox_title h3 {
  font-family: "Montserrat";
}

.sidebox_wrapper .sidebox_title p.trai-title-sidebar {
  font-family: "Montserrat";
}

#collection .product-loop button.btn-collection-add-to-cart.after {
  margin: 0;
  padding: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .content-description h2:nth-child(1) {
    margin-bottom: 1.3rem !important;
    font-size: 24px !important;
  }
  #collection .collection-description h2 {
    font-size: 22px;
  }
  #collection .collection-description p {
    text-align: justify;
    font-size: 18px !important;
  }
  #collection .collection-heading_title_02 {
    padding: 0 0 5px 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    font-size: 21px !important;
    text-transform: uppercase;
    font-weight: 500;
    color: #d29f13;
    font-family: "Montserrat";
  }
  .collection-description {
    margin: 10px 0 0;
    background-color: #eeede9;
    padding: 0;
  }
  .collection-description .title-bst {
    padding-left: 0 !important;
  }
  #collection .singular-footer.horizontal .cpanel-action {
    margin-bottom: 20px;
  }
  #collection .col-lg-8 {
    padding: 0;
  }
  #collection .col-lg-8 img {
    margin-bottom: 0.5rem !important;
  }
  .collection-sortby .collection-sortby-title .title-sort {
    font-size: 13px !important;
    text-transform: uppercase;
  }
  #collection .breadcrumb-shop .breadcrumb {
    padding: 0 !important;
    z-index: 0;
  }
  #collection .breadcrumb-shop .breadcrumb-list,
  .template-cart .breadcrumb-list {
    margin-left: 10px;
    padding-bottom: 4px;
  }
  #collection .collection-breadcrumb {
    margin-top: 0px;
    background-color: #f3f5f6 !important;
  }
  .wrapper-mainCollection .collection-heading_title .heading-collection {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 5px 0;
    /*border-bottom: 1px solid #ccc;
    border-left: 3px solid #d29f13;
    margin: 0 0 10px 0;*/
  }
  .wrapper-mainCollection .collection-heading-page h1.title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 10px 15px;
    color: #d29f13;
    text-align: center;
    font-family: "montserrat";
    font-weight: 500;
    line-height: 1.4;
  }
  .wrapper-mainCollection .collection-heading-page p.title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 10px 15px;
    font-weight: 400;
    color: #d29f13;
    text-align: center;
    font-family: "montserrat";
    font-weight: 500;
  }
  .f-nav.nav-wrap-menu .f-nav-one > li > a {
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
  }
  .f-nav.nav-wrap-menu .f-nav-one > li > a:hover {
    color: #ccc;
  }
  .f-nav.nav-wrap-menu {
    width: -webkit-fill-available;
    margin-right: 39px;
  }
  .wrap-menu {
    align-items: baseline !important;
  }

  .sidebar-collection .post-content {
     margin-left: 15px;
  }

}

#blog .heading-page.heading-page-child h1 a {
  font-family: "Montserrat";
  font-weight: 500;
}



.wrapper-heading-home h2 a {
  font-family: Montserrat;
  font-weight: 500;
  color: #d29f13;
}

.notification-message {
  margin: auto 1rem;
  padding: 0.2rem 0.6rem;
  background: #fff;
  color: #d29f13;
  border-radius: 0.25rem;
  position: absolute;
  right: -250%;
  top: 58%;
  display: none;
  border: 1px solid #d29f13;
  font-size: 15px;
}

.notification-message.notify {
  display: block;
}

.notification-message-1 {
  margin: auto 1rem;
  padding: 0.2rem 0.6rem;
  background: #fff;
  color: #d29f13;
  border-radius: 0.25rem;
  position: absolute;
  right: 70px;
  bottom: 65px;
  display: none;
  border: 1px solid #d29f13;
  font-size: 15px;
}

.collection-heading-page {
  height: 100% !important;
}

.notification-message-1.notify-1 {
  display: block;
}

.dropdown .btn-secondary {
  border: none !important;
}

.dropdown .btn {
  line-height: inherit !important;
}

.dropdown .btn.btn-secondary.dropdown-toggle {
  color: #453536;
  background-color: #fff;
  padding-bottom: 0;
}

.dropdown .btn-secondary.dropdown-toggle:focus {
  border: none !important;
}

@media (min-width: 767px) {
  #collection .wrapper-list-collection .btn-box {
    padding: 11px;
    font-size: 11px;
    line-height: 7.5px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
}

@media (max-width: 767px) {
  #collection .wrapper-list-collection .btn-box {
    padding: 12px;
    font-size: 9px;
    line-height: 5px;
    margin-top: 5.5px;
    margin-bottom: 5px;
  }
}

@media (max-width: 323px) {
  #collection .wrapper-list-collection .btn-box {
    padding: 9px;
    font-size: 7px;
    line-height: 5px;
  }
}

#blog .van-hoa-nghe-thuat .pd-item-article.child-article:first-child,
#blog .tin-tuc-su-kien .pd-item-article.child-article:first-child,
#blog .sap-xep-decor .pd-item-article.child-article:first-child {
  border-top: none;
}

.column_trai a {
  color: #fff;
  font-weight: 400;
  padding-left: 5px;
}

.column_trai .fa.fa-circle {
  font-size: 7px;
}

.main-header .header-bottom {
  z-index: 12 !important;
}

.product-loop.trai {
  display: none;
}

.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
  display: none;
}

#collection .btn-boxx {
  display: inline-block;
  position: relative;
  outline: 0;
  font-style: normal;
  font-weight: 500;
  padding: 10px 25px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #d29f13;
  border-radius: 5px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 767px) {
  #collection .btn-boxx {
    margin-bottom: 10px;
  }
}
@media (min-width: 767px) {
  #collection .btn-boxx {
    margin-bottom: 20px;
  }
}
#collection .btn-boxx:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eeede9;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#collection .btn-boxx.dark {
  background-color: #d29f13;
  border-color: #d29f13;
}
#collection .btn-boxx.btnred {
  background-color: #d29f13;
  border-color: #d29f13;
}
@media (min-width: 767px) {
  #collection .btn-boxx:hover {
    background-color: #3e8e41;
  }
}

#collection .btn-boxx.btnred {
  background-color: #fff !important;
  color: #d58a00;
}

#loadmore {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  color: #d58a00;
  font-size: 15px !important;
  border-radius: 5px;
  box-shadow: 0 3px 5px -3px #666;
}

#loadmore:hover {
  background-color: #3e8e41;
  transform: translateY(4px);
  box-shadow: none;
}

#loadmore:after {
  content: "···";
  margin-left: 5px;
  font-size: 30px;
  vertical-align: middle;
  line-height: 20px;
}

#loading-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.spinner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#menu-desktop-icon,
#menu-mobile-icon {
  display: none;
}

.no-zoom {
  touch-action: manipulation;
  -ms-touch-action: manipulation;
  touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.sidebox_content.trai .post-content h3 a {
  color: #d29f13;
}

.sidebox_content.trai .post-content p.trai-title {
  margin: 0px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.sidebox_content.trai .post-content p.trai-title a {
  color: #d29f13;
  white-space: initial;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-align: left;
}

.layout-productDetail button.btn-collection-add-to-cart.before {
  margin: 5px 0;
  max-width: 160px;
}

form.form-collection-add-to-cart {
  display: none;
}

#collection .form-collection-add-to-cart {
  margin: 5px 0 !important;
  scale: 0.9 !important;
}

.add-to-cart-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1.5px;
}

.quantity-area {
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #e9eaec;
  border-radius: 30px;
  overflow: hidden;
  margin-right: 5px;
}

@media (min-width: 991px) {
  .quantity-area.trai .qty-btn.minus {
    padding-left: 15px !important;
    height: 45px !important;
  }
  .quantity-area.trai .qty-btn.plus {
    padding-right: 15px !important;
    height: 45px !important;
  }
}

@media (max-width: 767px) {
  .layout-productDetail button.btn-collection-add-to-cart.before {
    max-width: 140px;
    padding: 5px 10px;
    font-size: 10px;
  }
  .add-to-cart-section {
    /*justify-content: space-between;*/
  }
  .quantity-area {
    max-width: 170px;
  }
}

@media (min-width: 767px) {
  .quantity-area {
    max-width: 170px;
  }
}

.quantity-area .qty-btn.minus-btn {
  height: 30px;
  width: 30px;
  background: #fff;
  color: var(--shop-color-text);
  opacity: 0.75;
  border: 0;
  outline: none;
  padding: 0 5px;
}

.quantity-area .quantity-input {
  width: calc(100% - 60px);
  height: 30px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  background: #fff;
  color: #9c9c9c;
  border: 0;
}

.quantity-area .qty-btn.plus-btn {
  height: 30px;
  width: 30px;
  background: #ffffff;
  color: var(--shop-color-text);
  opacity: 0.75;
  border: 0;
  outline: none;
  padding: 0 5px;
}

button.btn-collection-add-to-cart.after {
  margin: 5px 0;
}

p.countdown {
  text-align: center;
  margin-top: 20px;
}

.sweet-alert-h2 {
  color: #575757;
  font-size: 30px;
  font-weight: 600;
  text-transform: none;
  margin: 25px 0;
  line-height: 40px;
  display: block;
  text-align: center;
}

p.sweet-alert-p {
  font-size: 16px;
  font-weight: 300;
  float: none;
  margin: 0;
  line-height: normal;
  text-align: center;
}

.modal-footer.trai {
  justify-content: center;
}

.mua-tiep {
  background-color: #f1f1f1;
  border-radius: 30px;
  border: none;
}

@media (max-width: 767px) {
  .mua-tiep {
    padding: 10px;
    font-size: 12px;
  }
  .den-gio-hang {
    padding: 10px;
    font-size: 12px;
  }
}

.den-gio-hang {
  border-radius: 30px;
}

.notice-red {
  text-align: center;
}

#colect-descr {
  background-color: #eeede9;
}

@media (max-width: 767px) {
  .list-collection .collection-loop {
    flex: 0 0 50%;
    max-width: 50%;
    border: 1px solid #fff;
    border-top: none;
    border-left: none;
    padding: 0;
  }
  .list-collection .collection-loop .effect-banner-image {
    padding: 20px;
  }
  .list-collection .collection-loop p {
    margin-bottom: 0;
    text-align: center;
    padding: 0 5px 15px 5px;
  }
  .sidebar-collection {
    display: block !important;
    margin-top: 30px;
  }
  .sidebar-collection .sidebox_wrapper {
    border: none;
  }
  .sidebar-collection .sidebox_wrapper .sidebox_title h3 {
    text-align: left;
    padding: 5px 5px 5px 10px;
    border-left: 3px solid #d29f13;
    color: #d29f13;
    font-size: 20px;
  }
  .sidebar-collection .trai {
    padding: 10px 0 10px;
    /*border-bottom: 1px dashed #dee2e6;*/
  }
  .sidebar-collection .post-image {
    flex: 0 0 25%;
  }
  .collection .sidebar-collection .post-content {
    padding: 0px 0px 0px 15px;
  }
  .sidebox_wrapper .sidebox_content-list .item-article .post-content {
    padding: 5px 0 5px 15px !important;
  }
  .sidebar-collection .post-content h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .sidebar-collection p.post-meta {
    margin-bottom: 0;
    line-height: 1.2;
    text-align: left !important;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .sidebar-collection .post-meta a {
    font-size: 16px;
  }
  .sidebox_content.trai .trai5,
  .sidebox_content.trai .trai6,
  .sidebox_content.trai .trai7 {
    display: none !important;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .list-collection .collection-loop {
    flex: 0 0 25%;
    max-width: 25%;
    border: 1px solid #fff;
    border-top: none;
    border-left: none;
    padding: 0;
  }
  .list-collection .collection-loop .effect-banner-image {
    padding: 20px;
  }
  .list-collection .collection-loop p {
    margin-bottom: 0;
    text-align: center;
    padding: 0 10px 20px 10px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .sidebar-collection .post-image {
    flex: 0 0 20%;
  }
}

@media (min-width: 991px) {
  .list-collection .collection-loop {
    flex: 0 0 20%;
    max-width: 20%;
    border: 1px solid #fff;
    border-top: none;
    border-left: none;
    padding: 0;
  }
  .list-collection .collection-loop .effect-banner-image {
    padding: 35px;
    overflow: hidden;
  }
  .list-collection .collection-loop .effect-banner-image img {
    transition: transform 0.4s;
  }
  .list-collection .collection-loop .effect-banner-image img:hover {
    transform: scale(1.05);
  }
  .list-collection .collection-loop p {
    margin-bottom: 0;
    text-align: center;
    padding: 0 15px 30px 15px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

/*---------------------------*/
/* Product */
@media (min-width: 767px) {
  .layout-productDetail .productRelated-title {
    margin: 15px 0 30px;
    h3 {font-size: 24px;}
  }
}

@media (max-width: 767px) {
  .layout-productDetail .breadcrumb-shop .breadcrumb {
    padding: 0 !important;
    margin-top: -5px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .layout-productDetail .breadcrumb-shop .breadcrumb {
    padding: 0 !important;
    margin-top: -5px;
  }
}

@media (min-width: 991px) {
  .layout-productDetail .breadcrumb-shop .breadcrumb {
    padding: 0px 0 5px !important;
    margin-top: -5px;
  }
}

#layout-searchpage .product-loop .product-inner {
  border: 1px dashed #ccc;
}

@media (max-width: 767px) {
  .layout-productDetail .product-content-image {
    padding: 20px 0 0 0;
  }
  .layout-productDetail .product-content-summary {
    padding: 0;
    margin-top: 10px;
  }
}

@media (min-width: 767px) {
  .product-container-gallery-trai {
    display: none;
  }
  .layout-productDetail .row {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}

@media (min-width: 767px) {
  .lSSlideOuter.vertical .lightSlider > * {
    padding-left: 115px;
  }
  .lSSlideOuter .lSPager.lSGallery li.active,
  .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 1px solid #d29f13 !important;
  }
  .lSSlideOuter .lSPager.lSGallery li {
    border-radius: 5px !important;
  }
  .lSPager.lSGallery li {
    opacity: 0.5;
  }
  .lSPager.lSGallery li.active {
    opacity: 1 !important;
  }
  .lSSlideOuter .lSPager.lSGallery img {
    height: -webkit-fill-available;
    width: -webkit-fill-available;
  }
}

@media (max-width: 767px) {
  .layout-productDetail .row {
    margin: -10px 0px 0px 0px;
  }
  .product-container-gallery {
    display: none;
  }
  .template-product .breadcrumb-content-inner {
    margin-top: 0;
  }
  .lSPager.lSGallery {
    padding-bottom: 0px;
    padding-top: 5px;
  }
  .lSSlideOuter .lSPager.lSGallery li {
    border-radius: 5px !important;
  }
  .lSSlideOuter .lSPager.lSGallery li.active,
  .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 1px solid #d29f13 !important;
    /*box-shadow:0px 2px 6px 0px;
		box-shadow: 2px 2px 2px 0px;*/
  }
  .icon-zoom-img {
    position: absolute;
    color: #fff;
    z-index: 2;
    bottom: 105px;
    right: 10px;
    padding: 8px 10px;
    border: 1px solid #939393;
    border-radius: 10px;
  }
  .icon-zoom-img i {
    font-size: 25px;
    color: #939393;
  }
  .lSPager.lSGallery li {
    opacity: 0.5;
  }
  .lSPager.lSGallery li.active {
    opacity: 1 !important;
  }
  .image-zoom {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
  }
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
  }
  .zoom-container {
    display: inline-block;
  }
  .zoom-container img {
    width: 100%;
    height: auto;
    border: 2px solid #fff;
    z-index: 999;
  }
  .lSPager.lSGallery {
    overflow: hidden !important;
  }
}

.zoomable-element {
  touch-action: none;
}

.product-detail p.pro-name {
  margin: 0;
}

.product-detail p.pro-name a {
  white-space: initial;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.sidebox_wrapper .sidebox_title p.trai-title-sidebar {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #dee2e6;
  position: relative;
  cursor: pointer;
  text-align: center;
}

/* Page */
.template-page .trai-page img {
  width: 100%;
}

@media (min-width: 767px) {
  .template-page h1 {
    font-size: 30px
  }
}

@media (max-width: 420px) {
  .product-content-summary
    .product-variants
    .selector-actions
    .wrap-addcart
    .add-to-cartProduct {
    padding: 15px;
  }
}

.zoomContainer {
  display: none !important;
}

p.htitle {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  position: relative;
  cursor: pointer;
}

.sidebox_wrapper .sidebox_content-list .item-article .post-content p {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Roboto", sans-serif;
  text-align: left !important;
}

.sidebox_wrapper .sidebox_content-list .item-article .post-content p a {
  white-space: initial;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.layout-productDetail .tabs-content table {
  border: none !important;
  margin-top: -10px;
}

@media (min-width: 767px) {
  .productGallery_thumb .slick-slide img {
    border-radius: 5px;
  }
  .productDetail_style_03 .product-thumb.slick-current .product-thumb-item {
    border-radius: 5px;
  }
  .productDetail_style_03 .product-thumb .product-thumb-item img {
    opacity: 0.5;
  }
}

@media (min-width: 991px) {
  .layout-productDetail .product-variants {
    position: sticky;
    top: 20px;
    z-index: 2;
    padding: 25px 0 0px;
    background-color: #fff;
  }
}

.collection-description .content-description a {
  color: #0000ff;
  text-decoration: underline;
}

.collection-description .content-description a:hover {
  color: #005cbf;
}

.card-header {
  /*padding: 0.75rem 0!important;*/
  padding: 0 !important;
  background-color: #fff;
}

.card-header .btn-link {
  color: #000 !important;
  /*text-transform: capitalize;*/
  text-decoration: none;
  border-bottom: 1px solid #eeeeee;
  padding: 11px 15px 11px 15px;
}

.card-body {
  padding: 0;
  background-color: #efefef;
}

.card-body > li {
  display: flex;
  align-items: center;
  padding: 10px;
}

.card {
  border: none;
}

.menu-mobile-button {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.menu-mobile-button #icon-minus-1,
.menu-mobile-button #icon-minus-2,
.menu-mobile-button #icon-minus-3,
.menu-mobile-button #icon-minus-4 {
  display: none;
}

.site-overlay.active {
  opacity: 1;
  visibility: visible;
}

.overlay123 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  /* Màu nền mờ đen */
  display: none;
  z-index: 9;
}

.active-overlay123 {
  display: block;
}

.no-scroll {
  overflow: hidden;
}

@media (max-width: 767px) {
  #mb-menu .menuList-sub.sub-child {
    overflow: auto;
    height: 96vh;
  }
  #mb-menu .menuList-sub li a {
    padding: 11px 15px 11px 15px !important;
    font-size: 17px !important;
    font-weight: 400 !important;
  }
  .viewmore a {
    font-style: italic;
    color: #d29f13 !important;
  }
  #mb-menu .menuList-sub li#accordionExample2 a:after,
  #mb-menu .menuList-sub li#accordionExample4 a:after,
  #mb-menu .menuList-sub li a.parent:after,
  .viewmore a:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 8px;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../../../../file.hstatic.net/200000296482/file/link-deco02_7d66655937b44373994c062f3a7a5ce9.png);
    background-size: cover;
  }
  .viewmore a:after {
    background: url(../../../../file.hstatic.net/200000296482/file/link-deco02-d29f13_505353c9ce404747a4ba9d5fc3121a05.png) !important;
    background-size: cover !important;
  }
  .icon-control img {
    width: 12px;
  }
  #collapseOne2 ul.card-body li img {
    display: none;
  }
}

#collection .col-12.col-lg-8.content-description ul {
  list-style-type: disc;
  margin-bottom: 15px;
}

#collection .col-12.col-lg-8.content-description ul li {
  list-style-type: disc;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .template-index .product-inner .product-image {
    position: relative;
  }
  .template-index .product-inner .product-image .product-label {
    right: -30px !important;
    top: 34px;
  }
  .template-index .product-inner .product-image .product-label .onsale {
    font-size: 12px !important;
  }
}

@media (min-width: 767px) {
  .template-index .product-inner .product-image .product-label {
    top: 45px !important;
    right: -28px;
  }
  .template-product .product-content-image .product-label {
    right: -25px !important;
    top: 35px;
  }
}

.hide {
  display: none;
}

@media (max-width: 767px) {
  .banner_ads_01 {
    display: none;
  }
  .template-article .article-content-desc ul {
    margin-left: 20px !important;
  }
}

@media (min-width: 767px) {
  .banner_ads_02 {
    display: none;
  }
}

.template-article .article-content-desc ul {
  list-style-type: disc;
  margin-left: 15px;
  margin-bottom: 15px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .trai_list1 .trai1 {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #c5c5c5;
  }
  #blog .col-sidebar {
    display: none;
  }
}

.trai-loop .product-image {
  position: relative;
  overflow: hidden;
  /* Đảm bảo spinner không bị tràn ra ngoài */
}

.trai-loop .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 2px solid #d29f13;
  /* Đã thay đổi mã màu */
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  z-index: 10;
  display: none;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.trai-loop .image-holder img {
  display: none;
}

.home-slider_3 {
  display: none;
}

.banner-collection-header img {
  width: 100%;
}

.btn-custom {
  background-color: #d29f13;
  border: none;
}

.btn-custom:hover {
  background-color: #c08e11;
}

#history-main .row {
  padding: 0 0 15px 0;
}

#history-main .row h2 {
  font-size: 1.6vw;
}

#history-main .row p {
  font-size: 1.1vw;
}

#history-main img {
  width: 100%;
}

#history-main p.fst-italic {
  margin-top: 20px;
}

@media (min-width: 767px) and (max-width: 991px) {
  #history-main .row h2 {
    font-size: 24px;
  }
  #history-main .row p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  #history-main .row h2 {
    font-size: 18px;
  }
  #history-main .row p {
    font-size: 16px;
  }
  #history-main img {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (min-width: 991px) {
  .container-fluid.breadcrumb {
    background-color: #f3f5f6 !important;
  }
  .row.product-list-filter {
    padding: 0 7.5px;
  }
}

.wrapper-page-content.page-seo .content-page img {
  margin-bottom: 0.5rem !important;
  width: 100%;
}

@media (max-width: 991px) {
  .wrapper-page-content.page-seo .content-page h1 {
    font-size: 24px;
  }

  .wrapper-page-content.page-seo .content-page p {
    text-align: justify;
  }
  
}

@media (min-width: 991px) {
  #section-collection-home {
    padding: 0 25px;
  }

  .section6.section-collection.su-trang {
    margin-bottom: 0;
  }
  
  .section-collection-home.last {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .collection-pagination .col-12 {
    padding: 0 15px;
  }
}

.section6 .wrapper-collection-1 {
  padding-bottom: 15px;
}

@media (min-width: 991px) {
  .productDetail-related.clearfix.border-top.tr {
    padding: 25px 15px 0;
  }

  .row.row-breadcrumb {
    background-color: #f3f5f6 !important;
  }
}

@media (min-width: 767px) {
  
  .productDetail-related .owl-carousel .owl-stage .owl-item {
    padding-top: 10px
  }
  
  .productDetail-related .black-friday.product-label-image {
    top: -5px;
    right: -10px;
  }
  
  .template-product .productDetail-information .productSlick-slider-trai-1 .black-friday.product-label-image {
    right: 30px;
    top: -10px;
  }

  .template-product .product-gallery.one .black-friday.product-label-image {
    right: 30px!important;
    top: -10px!important;
  }
  
  .template-collection .black-friday.product-label-image {
    top: -5px;
    right: -10px;
  }
  
  .template-index .black-friday.product-label-image {
    top: 5px;
    right: -10px;
  }
  
  .black-friday.product-label-image {
    width: 55px!important;;
  }
  
  .black-friday .sale-text img {
  	width: 45px!important;
  }
  
}

@media (max-width: 767px) {
  
  .productDetail-related .owl-carousel .owl-stage .owl-item {
    padding-top: 10px
  }
  
  .productDetail-related .black-friday.product-label-image {
    top: -9px!important;
    right: 3px!important;
  }
  
  .template-product .product-container-gallery-trai .black-friday.product-label-image {
    right: 25px !important;
    top: 11.5px !important;
  }
  
  .template-collection .black-friday.product-label-image {
    top: -8px!important;
    right: 5px!important;
  }
  
  .template-index .black-friday.product-label-image {
    top: -8px!important;
    right: 5px!important;
  }
  
  .black-friday.product-label-image {
    width: 35px!important;;
  }
  
  .black-friday .sale-text img {
  	width: 35px!important;
  }
  
}

@media (max-width: 991px) {
  .hidden-on-small {
    display: none;
  }
}

@media (max-width: 767px) {
  .template-article .col-breadcrumb,
  .template-blog .col-breadcrumb {
    background-color: #f3f5f6;
      margin-bottom: 10px;
      padding-bottom: 2.5px;
  }
}

#collection .collection-content-page img.image-loop {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.container-fluid-mb.f1 {
  border-bottom: 1px solid #ddd;

  @media (max-width: 767px) {overflow-x: scroll;}
  

  &:after {
    /*content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 9%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);*/
  }
}

.row.camket-mb {

  .image-icon {
    margin-right: 10px;  
    padding: 10px 0;
  }

  span {
    font-size: 14px;
    font-style: italic;
  }
  
}

.row.camket-dt {

  .icon-box-mb {
    margin-right: 10px;
    margin-left: 15px;
  }
  
  .image-icon-mb {
    margin-right: 5px;  
    padding: 10px 0;
  }

  span {
    font-size: 14px;
    font-style: italic;
  }
}

.gift.product-label-image {
  width: 80px;
  right: -10px;
  top: -5px;
  .sale-text img {width: 80px}
}

.product-label-image.gift::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 77%;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #999;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.modal-popupContact.popupBanner .modal-content {
  width: 80%!important;
}


/* ===== SHOWROOM PAGE CUSTOM STYLES ===== */
html {
    scroll-behavior: smooth;
}

#showrooms {
    scroll-margin-top: 30px;
}


/* Hero */
.showroom-hero {
    background: #fff;
    padding: 60px 0 50px;
    position: relative;
    overflow: hidden;
}
.showroom-hero .hero-inner {
    position: relative;
    z-index: 2;
    max-width: 800px;
}
.showroom-hero .hero-logo {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 180px;
    opacity: 0.85;
}
.showroom-hero h1 {
    font-size: 3.5rem;
    color: #d29f13;;
    line-height: 1.2;
}
.showroom-hero h1 span {
    display: block;
    font-size: 3.2rem;
    font-weight: 900;
}
.showroom-hero .hero-subtitle {
    color: #555;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.showroom-hero .hero-desc {
    color: #555;
    font-size: 0.95rem;
    max-width: 500px;
}
.btn-gold {
    background: #d4a745;
    color: #fff;
    border: 2px solid #d4a745;
    padding: 12px 28px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
}
.btn-gold:hover {
    background: #b8922e;
    border-color: #b8922e;
    color: #fff;
}
.btn-gold-outline {
    background: transparent;
    color: #d4a745;
    border: 2px solid #d4a745;
    padding: 12px 28px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
}
.btn-gold-outline:hover {
    background: #d4a745;
    color: #fff;
}

/* Features */
.showroom-features {
    border-top: 3px solid #d4a745;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.showroom-features .features-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.showroom-features .feature-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 15px;
    border-right: 1px solid #eee;
}
.showroom-features .feature-item:last-child {
    border-right: none;
}
.showroom-features .feature-icon {
    font-size: 2.2rem;
    color: #d4a745;
    min-width: 30px;
    text-align: center;
}
.showroom-features .feature-text {
    text-align: left;
}
.showroom-features .feature-title {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.3;
}
.showroom-features .feature-desc {
    font-size: 0.7rem;
    color: #888;
    margin-top: 2px;
}

/* Showroom Cards */
.showroom-card {
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 30px;
    position: relative;
    transition: box-shadow 0.3s;
}
.showroom-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}
.showroom-card .card-number {
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
    font-size: 1rem;
    font-weight: 700;
    color: #d4a745;
    font-family: 'Inter', sans-serif;
    background: #fff;
    border: 2px solid #d4a745;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    display: none;
}
.showroom-card .card-image {
    width: 100%;
    height: 250px;
    border-radius: 8px;
    overflow: hidden;
    background: #222;
}
.showroom-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showroom-card .card-label {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #d4a745;
    font-weight: 600;
    letter-spacing: 1px;
}
.showroom-card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: #1a1a2e;
    margin-bottom: 15px!important;
}
.showroom-card .card-area {
    font-size: 0.8rem;
    color: #888;
    font-weight: 600;
    text-transform: uppercase;
}
.showroom-card .card-details li {
    font-size: 0.85rem;
    color: #555;
}
.showroom-card .card-details li i {
    color: #d4a745;
    min-width: 18px;
}
.btn-direction {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid #d4a745;
    color: #ffffff;
    padding: 8px 18px;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s;
    background: #d29f13;
}
.btn-direction:hover {
    background: #d4a745;
    color: #fff;
}
.showroom-card .card-map {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
}
.showroom-card .card-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.map-link {
    font-size: 0.75rem;
    color: #d4a745;
    text-decoration: none;
}
.map-link:hover {
    text-decoration: underline;
}

/* Support bar */
.support-bar {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 25px 35px;
}
.support-bar .icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d4a745;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
}
.support-bar .support-phone {
    font-size: 1.1rem;
    font-weight: 700;
}
.support-bar .support-time {
    font-size: 0.7rem;
    color: #888;
}

/* Contact benefits */
.contact-benefits li i {
    color: #d4a745;
}

/* Recaptcha */
.sitebox-recaptcha {
    font-size: 0.72rem;
    color: #999;
}
.sitebox-recaptcha a {
    color: #d4a745;
}

/* Responsive */
@media (max-width: 768px) {
    .showroom-hero h1 { font-size: 2rem; }
    .showroom-hero h1 span { font-size: 2.4rem; }
    .showroom-hero .hero-logo { width: 120px; top: 10px; right: 10px; }
    .showroom-features .features-row {
        flex-wrap: wrap;
    }
    .showroom-features .feature-item {
        flex: 0 0 50%;
        border-right: none;
        margin-bottom: 12px;
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .showroom-features .feature-text {
      text-align: center;
    }
    .showroom-features .feature-title {
      font-size: .8rem;
    }

    .showroom-card {
      padding: 15px;
    }
  
    .showroom-card .card-number {
        position: static;
        transform: none;
        margin-bottom: 10px;
        display: none;
    }

    .btn-gold,
    .btn-gold-outline {
        padding: 10px 20px;
        font-size: 0.85rem;
        width: 100%;
        justify-content: center;
    }
}

.support-bar {
    flex-wrap: wrap;
    gap: 20px;
}

.support-info {
    gap: 16px;
}

.support-title {
    margin: 0;
    font-size: 1rem;
}

.support-desc {
    margin: 0;
    font-size: 0.8rem;
    color: #888;
}

.support-contact {
    gap: 150px;
}

.contact-item {
    gap: 10px;
}

.contact-icon {
    font-size: 2.2rem;
    color: #d4a745;
}

.zalo-text {
    font-size: 0.75rem;
    color: #555;
}

.zalo-text p {
  font-size: 1.1rem;
  margin-bottom: 0;
  font-weight: 700;
}

@media (max-width: 767px) {
  .support-bar {
    padding: 20px 15px;
  }
  .support-bar .icon-circle {
      width: 70px
  }
  .contact-icon {
      font-size: 2rem;
      color: #d4a745;
  }
  .support-contact {
      gap: 50px;
  }
}

.row.product-include-trai .col-6 a img {
  height: auto;
}
/* === static clone: tidy pre-init state (before owl/slick runs) === */
.owl-carousel:not(.owl-loaded) > *{display:none!important}
.owl-carousel:not(.owl-loaded) > *:first-child{display:block!important}
.owl-carousel:not(.owl-loaded){overflow:hidden}
.section--home-slider .owl-carousel:not(.owl-loaded) img{width:100%;height:auto;display:block}

.content-product-list:not(.owl-loaded){display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.content-product-list:not(.owl-loaded) > *{flex:0 0 20%;max-width:20%;scroll-snap-align:start}
@media (max-width:767px){.content-product-list:not(.owl-loaded) > *{flex:0 0 46%;max-width:46%}}
.blog-related .list-blog:not(.owl-loaded) > *:nth-child(n+4){display:none!important}

/* === static clone: full-bleed intro banners (ảnh cover toàn chiều rộng) === */
#section-banner-home-second .wrapper-banner-introproduct,
#section-banner-home-second .wrapper-banner-introproduct .row,
#section-banner-home-second .wrapper-banner-introproduct .col-md-12,
#section-banner-home-second .wrapper-banner-introproduct [class*="col-"]{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#section-banner-home-second .banner-introproduct-image{width:100%!important;display:block!important;line-height:0;overflow:hidden;margin:0!important;padding:0!important;text-align:left!important}
#section-banner-home-second .banner-introproduct-image>a{display:block!important;width:100%!important;height:100%}
#section-banner-home-second .banner-introproduct-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center center;margin:0!important}
@media (min-width:768px){#section-banner-home-second .banner-introproduct-image{height:clamp(300px,31.25vw,620px)}}

/* === static clone: featured-collection sidebar thumbs === */
aside.sidebar-collection .sidebox_content-list .post-image{width:64px;min-width:64px;height:48px;overflow:hidden;border-radius:2px;background:#f3f3f3}
aside.sidebar-collection .sidebox_content-list .post-image>a{display:block;width:100%;height:100%}
aside.sidebar-collection .sidebox_content-list .post-image img{width:100%!important;height:100%!important;object-fit:cover;display:block}
aside.sidebar-collection .sidebox_content-list .post-content{padding-left:10px;min-width:0}
aside.sidebar-collection .sidebox_content-list .item-article{padding:6px 0;border-bottom:1px dashed #eee}
aside.sidebar-collection .sidebox_content-list .item-article:last-child{border-bottom:0}
aside.sidebar-collection .sidebox_content-list .post-content p{margin:0 0 2px;font-size:13px;line-height:1.35}
aside.sidebar-collection .sidebox_content-list .post-meta .date{font-size:12px;color:#888}

/* featured sidebar: description clamp + typography */
aside.sidebar-collection .sidebox_content-list .trai-title a{font-size:13px;line-height:1.35;color:#333;font-weight:500;display:block}
aside.sidebar-collection .sidebox_content-list .post-meta a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4;color:#777}
aside.sidebar-collection .sidebox_content-list .post-meta{margin-top:2px}

/* === static clone: tablet fixes (768–1099px) === */
@media (max-width:1099px){
  .wrapper-header-nav{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .wrapper-header-nav::-webkit-scrollbar{height:0}
  .row.camket-mb{margin-left:0!important;margin-right:0!important;width:100%!important}
  .container-fluid-mb.f1{padding-left:12px;padding-right:12px}
  .camket-mb .icon-box{min-width:0}
  .camket-mb .icon-box span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:479px){
  .wrapper-header-nav{overflow-x:auto}
}

/* === static clone: never show a horizontal scrollbar === */
html,body{overflow-x:clip}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}


/* === static clone: mobile table scroll (thông số sản phẩm dài) === */
@media (max-width:767px){
  .product-content-summary table,.product-detail table,.tab-content table,.rte table{
    display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .product-content-summary table tr,.product-detail table tr{display:table-row}
  .product-content-summary td,.product-content-summary th{white-space:normal}
}

/* === static clone: mobile homepage fixes === */
@media (max-width:767px){
  body{padding-bottom:60px}
  .camket-dt{width:100%!important;max-width:100vw!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .camket-dt .icon-box{flex:0 0 auto!important}
  .camket-dt .icon-box span{font-size:12px}
  .actionToolbar_mobile{z-index:999}
}

/* === static clone: collection finder grid (#colect-descr) === */
#colect-descr .collection-loop .effect-banner-image{display:block;width:100%;height:180px;overflow:hidden;background:#fff;border-radius:3px}
#colect-descr .collection-loop img{width:100%!important;height:100%!important;object-fit:contain;display:block}
#colect-descr .collection-loop p{margin:10px 0 14px;font-size:14px}
#colect-descr .collection-heading_title{padding:14px 0;margin:18px 0 10px;font-weight:600}