:root {
  --font-source: 14px;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-30: 1.875rem;
  --font-size-36: 2.25rem;
  --font-size-44: 2.75rem;
  --font-size-50: 3.125rem;
  --font-size-60: 3.75rem;
  --font-size-70: 4.375rem;
  --color-image-default: #e2e2e2;
  --theme-color-01: #f8ad3b;
  --theme-color-02: #8a7aff;
  --theme-color-03: #79b83f;
  --theme-color-04: #3489f1;
  --theme-color-05: #f27941;
}

table td,
table th {
  border-width: 1px;
  padding: 5px;
}

html {
  font-size: var(--base-font-size);
}

body {
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--base-font-family);
  font-weight: var(--base-font-weight);
  color: var(--color-primary);
  overflow-x: hidden;
  background: var(--bg-body);
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
}
body h1 {
  font-size: 1.75rem;
  line-height: 1.2;
}
body h2 {
  font-size: 1.5rem;
  line-height: 1.4;
}
body h3 {
  font-size: 1.35rem;
  line-height: 1.4;
}
body h4 {
  font-size: 1.2rem;
  line-height: 1.4;
}
body h5 {
  font-size: 1.05rem;
  line-height: 1.625rem;
}
body h6 {
  font-size: 1rem;
  line-height: 1.625rem;
}
body img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
body span {
  line-height: 1.625rem;
  font-weight: 400;
}
body a {
  text-transform: none;
  color: var(--color-primary);
  text-decoration: none;
}
body p {
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 1.625rem;
  color: var(--color-secondary);
}
body button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 767px) {
  body h2 {
    font-size: var(--font-size-24);
  }
}

.lg-container {
  padding: 0 15px;
}
@media (min-width: 1071px) {
  .lg-container {
    padding: 0 90px;
  }
}
@media (min-width: 1024px) and (max-width: 1470px) {
  .lg-container {
    padding: 0 55px;
  }
}

.sm-container {
  max-width: 1040px;
  margin: auto;
  padding: 0 15px;
}

.btn {
  cursor: pointer;
  font-size: 1.125rem;
}

.header-sticky {
  z-index: 999;
}

@media screen and (min-width: 1921px) {
  .shopify-section {
    max-width: 1920px;
    margin: 0 auto;
  }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (min-width: 1024px) and (max-width: 1390px) {
  .container {
    padding: 0 55px;
  }
}
.full {
  height: 100%;
  width: 100%;
}

.d-flex {
  display: flex;
}

.d-flex-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.d-flex-collumn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.d-none {
  display: none !important;
}

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

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visiteve {
  overflow: visible;
}

.w-77 {
  width: 77%;
}

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
  /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.875rem;
  /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
  font-family: var(--font-family-saira);
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  font-size: 0.75rem;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #000000;
  color: #fff;
  z-index: 1000;
  font-weight: 500;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: calc(100% + 5px);
  border-top-color: #000000;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 15px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #000000;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #000000;
  left: calc(0em - 15px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 15px);
  transform: translate(-0.5em, -50%);
  font-size: 0.875rem;
  font-family: var(--font-family-saira);
}

/* FLOW: RIGHT */
[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #000000;
  right: calc(0em - 15px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 15px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

*:focus-visible {
  outline: none;
}

.p-absolute {
  position: absolute;
}

.p-relative {
  position: relative;
}

.p-unset {
  position: unset;
}

.rotate-svg {
  transform: rotate(180deg);
  opacity: 1;
}

.loading-overlay__spinner {
  width: 1.8rem;
  display: inline-block;
}

.overlay-body {
  position: relative;
  overflow-x: hidden;
}
.overlay-body::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 99;
  cursor: url("data:image/svg+xml;utf8,<svg width='60' height='60' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' style='fill:none;stroke:white;'><line x1='16' y1='16' x2='48' y2='48'/><line x1='48' y1='16' x2='16' y2='48'/></svg>") 16 0, auto;
}

.overlay-body-currency {
  position: relative;
  overflow-x: hidden;
}
.overlay-body-currency::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 99;
  cursor: url("data:image/svg+xml;utf8,<svg width='60' height='60' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' style='fill:none;stroke:white;'><line x1='16' y1='16' x2='48' y2='48'/><line x1='48' y1='16' x2='16' y2='48'/></svg>") 16 0, auto;
}

.overlay-body-cart {
  position: relative;
  overflow-x: hidden;
}
.overlay-body-cart::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 99;
  cursor: url("data:image/svg+xml;utf8,<svg width='60' height='60' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' style='fill:none;stroke:white;'><line x1='16' y1='16' x2='48' y2='48'/><line x1='48' y1='16' x2='16' y2='48'/></svg>") 16 0, auto;
}

.overlay-body-quick-view, .overlay-body-not-click-hide {
  position: relative;
  overflow: hidden;
}
.overlay-body-quick-view::before, .overlay-body-not-click-hide::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 100;
}

.overlay-body-quick-view::before {
  cursor: url("data:image/svg+xml;utf8,<svg width='60' height='60' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' style='fill:none;stroke:white;'><line x1='16' y1='16' x2='48' y2='48'/><line x1='48' y1='16' x2='16' y2='48'/></svg>") 16 0, auto;
}

.quickview-overlay-body-quick-view {
  position: relative;
  overflow: hidden;
}
.quickview-overlay-body-quick-view::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 100;
  cursor: url("data:image/svg+xml;utf8,<svg width='60' height='60' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' style='fill:none;stroke:white;'><line x1='16' y1='16' x2='48' y2='48'/><line x1='48' y1='16' x2='16' y2='48'/></svg>") 16 0, auto;
}

.title-wrapper {
  display: flex;
  text-align: center;
  justify-content: center;
  margin: auto;
}
.title-wrapper h2 {
  font-size: 1rem;
}
.title-wrapper .title a {
  font-weight: 700;
  color: #ff3636;
}

.hidden,
.visually-hidden {
  display: none !important;
}

.hide {
  display: none;
}

.hide-text {
  display: none;
}

model-viewer {
  width: 100% !important;
  height: 100% !important;
}

iframe.type-video {
  position: relative;
  width: 100%;
  height: 100%;
}

.tf-video-product {
  height: 100%;
}
.tf-video-product video {
  height: 100%;
  width: 100%;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
  z-index: 99999999;
}

/* Animations to fade the snackbar in and out */
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
#back-top {
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  position: fixed;
  bottom: -50px;
  right: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 11;
}
#back-top:hover {
  transform: translateY(-10px);
}

#back-top.show {
  bottom: 45px;
}

.bottom-0--hard {
  bottom: 0 !important;
}

.dev-show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.tp-section__title {
  font-size: 2.25rem;
}
@media (max-width: 767px) {
  .tp-section__title {
    font-size: 1.875rem;
  }
}

.powered_by_rivo {
  display: none !important;
}

.child-pen * {
  pointer-events: none;
}

.shopify-policy__container {
  max-width: 1040px !important;
  padding: 30px 15px 60px !important;
}
.shopify-policy__container .rte {
  font-weight: 400;
  color: var(--color-secondary);
  line-height: 1.6;
}

.tp-select {
  position: relative;
}
.tp-select__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 60px;
}
.tp-select__btn svg {
  margin-left: 10px;
  transition: all 0.3s step-start;
}
.tp-select .tp-option {
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #000;
  z-index: 9;
  box-shadow: 2px 7px 25px rgba(0, 0, 0, 0.07);
  width: -moz-max-content;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.tp-select .tp-option__item {
  display: block;
  padding: 10px 15px;
  cursor: pointer;
}
.tp-select .max-height {
  max-height: 0;
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
  display: inline-block;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
}

.card .style_column .price__sale {
  display: flex;
  flex-direction: column-reverse;
}
.card .style_column .price__sale .price-item--regular {
  font-size: 14px;
}
.card .style_column .price-item {
  font-size: 18px;
}

.visually-hidden {
  display: none;
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.list-variant .active {
  background: var(--color-bg-variant-active);
  color: var(--color-text-variant-active);
}

.no-image {
  background: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  max-width: 100%;
}

.stars-reviews {
  margin-bottom: 15px;
}
.stars-reviews .not-have path {
  stroke: #ffae47;
}
.stars-reviews .stars-new.have path {
  fill: #ffae47;
}

.card .error-message {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  right: 10px;
  text-align: center;
  background: #fff;
  padding: 5px;
  z-index: 99;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}
.card .card__inner-sold-out {
  opacity: 0.5;
}
.card__inner {
  position: relative;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .card__inner:hover .quick-add-atc,
  .card__inner:hover .product-item-actions {
    opacity: 1;
    visibility: visible;
  }
}
.card__inner:hover .quick-add-atc {
  transform: translate(-50%, 0);
}
.card__inner:hover .top_left {
  transform: translateX(0);
}
.card__inner:hover .top_right {
  transform: translateX(0);
}
.card__inner:hover .center {
  transform: translate(-50%, -50%);
}
.card__inner:hover .bottom {
  transform: translate(-50%, 0);
}
.card__inner:hover .wp-product-count-down {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 0);
  transition: opacity 1s ease;
}
.card__inner:hover .media img {
  transform: scale(1.1);
}
@media (min-width: 768px) {
  .card__inner:hover .card__media .media.hover-img {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
  }
}
.card__inner .card__media .media.hover-img {
  overflow: hidden;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.8s ease, transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}
.card .card__content.text-left .stars {
  justify-content: flex-start;
}
.card .card__content.text-center fieldset {
  justify-content: center;
}
.card .card__content.text-center variant-image-product-item {
  justify-content: center;
}
.card .card__content.text-right fieldset {
  justify-content: flex-end;
}
.card .card__content.text-right .stars {
  justify-content: flex-end;
}
.card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card__media .close-wishlist-item {
  display: none;
}
.card__media .media {
  opacity: 1;
  transition: opacity 0.8s ease;
  z-index: 10;
  overflow: hidden;
}
.card__media .media img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  transition: all 1.5s ease;
}
.card .product-item-badge {
  z-index: 1;
  position: absolute;
  top: 17px;
  left: 20px;
  font-size: 0.75rem;
  background: #ff4e00;
  padding: 1px 7px;
  text-transform: uppercase;
}
.card .product-item-badge .name-badge,
.card .product-item-badge .percent-sale {
  line-height: 1.2;
  color: #fff;
}
.card .quick-add-atc,
.card .quick-add-atc-list-type {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 98;
}
.card .quick-add-atc .quick-add__submit,
.card .quick-add-atc-list-type .quick-add__submit {
  background: var(--color-bg-btn);
  width: calc(100% - 40px);
  border: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 7px 0;
  cursor: pointer;
  position: relative;
}
.card .quick-add-atc .quick-add__submit::after,
.card .quick-add-atc-list-type .quick-add__submit::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-hover-bg-btn);
  width: 0;
  height: 100%;
  transition: all 0.3s ease;
}
.card .quick-add-atc .quick-add__submit span,
.card .quick-add-atc-list-type .quick-add__submit span {
  font-weight: 500;
  color: var(--color-text-btn);
}
.card .quick-add-atc .quick-add__submit span:first-child,
.card .quick-add-atc-list-type .quick-add__submit span:first-child {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.card .quick-add-atc .quick-add__submit:hover span:first-child,
.card .quick-add-atc-list-type .quick-add__submit:hover span:first-child {
  color: var(--color-hover-text-btn);
}
.card .quick-add-atc .quick-add__submit:hover::after,
.card .quick-add-atc-list-type .quick-add__submit:hover::after {
  width: 100%;
}
.card .quick-add-atc {
  transform: translate(-50%, 50%);
}
.card .product-item-actions,
.card .product-item-actions-list-type {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 22;
}
.card .product-item-actions li,
.card .product-item-actions-list-type li {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-bg-action);
  justify-content: center;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.card .product-item-actions li svg,
.card .product-item-actions li path,
.card .product-item-actions-list-type li svg,
.card .product-item-actions-list-type li path {
  fill: var(--color-icon-action);
}
.card .product-item-actions li:hover,
.card .product-item-actions-list-type li:hover {
  background-color: var(--color-hover-bg-action) !important;
}
.card .product-item-actions li:hover svg,
.card .product-item-actions li:hover path,
.card .product-item-actions-list-type li:hover svg,
.card .product-item-actions-list-type li:hover path {
  fill: var(--color-hover-icon-action) !important;
}
.card .product-item-actions .sold-ount:hover svg,
.card .product-item-actions-list-type .sold-ount:hover svg {
  fill: unset;
}
.card .product-item-actions .button-wishlist,
.card .product-item-actions-list-type .button-wishlist {
  border: none;
  display: flex;
  align-items: center;
  background: transparent;
}
.card .product-item-actions .quick-add-modal,
.card .product-item-actions-list-type .quick-add-modal {
  display: none;
}
.card .product-item-actions.actions-square li {
  border-radius: unset;
}
.card .top_right {
  transform: translateX(50%);
}
.card .top_left {
  left: 20px;
  right: auto;
  transform: translateX(-50%);
}
.card .center {
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, 0);
  display: flex;
  gap: 10px;
}
.card .center form {
  line-height: 0;
}
.card .bottom {
  left: 50%;
  right: auto;
  bottom: 0;
  top: auto;
  transform: translate(-50%, 50%);
  display: flex;
  gap: 10px;
}
.card .bottom form {
  line-height: 0;
}
.card .product-item-actions-list-type,
.card .quick-add-atc-list-type {
  opacity: 1;
  visibility: visible;
  display: none;
}
.card .description {
  display: none;
}
.card__heading {
  font-size: var(--font-size-16);
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.card__heading::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-product-item-title);
  transition: all 0.3s ease;
}
.card__heading a {
  color: var(--color-product-item-title);
  transition: all 0.5s ease;
}
.card__heading:hover a {
  color: var(--color-hover-product-item-title);
}
.card__heading:hover::after {
  width: 100%;
  background-color: var(--color-hover-product-item-title);
}
.card .price span {
  line-height: 1;
}
.card .price__sale .price-item--regular {
  color: var(--color-product-item-price-compare);
  margin-left: 5px;
}
.card .price__sale .price-item--sale {
  text-decoration: unset;
}
.card .price-item {
  font-size: var(--font-size-16);
  line-height: 1;
  color: var(--color-product-item-price);
}
.card variant-radios-storepify {
  display: block;
  margin-left: 2px;
}
.card fieldset {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.card fieldset input[type=radio] {
  display: none;
}
.card fieldset label {
  cursor: pointer;
  font-size: 0.75rem;
  padding: 6px 10px;
  margin-right: 8px;
  margin-bottom: 8px;
  background: var(--color-bg-variant);
  color: var(--color-text-variant);
}
.card fieldset:nth-child(2) {
  margin-top: 5px;
}
.card fieldset:last-child {
  margin-bottom: 0;
}
.card .size-style-underline label {
  font-size: 1rem;
  padding: 0;
  background: transparent;
  color: var(--color-text-variant);
  margin-right: 15px;
}
.card .size-style-underline .active {
  position: relative;
}
.card .size-style-underline .active::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: var(--color-text-variant);
  width: 100%;
  height: 2px;
  z-index: 9;
}
.card .list-variant-color label {
  margin-left: 5px;
  height: 20px;
  width: 20px;
  padding: 0;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ccc, inset 0 0 0 2px #fff;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.card .list-variant-color label:nth-child(2) {
  margin-left: 0;
}
.card .list-variant-color .active {
  box-sizing: border-box;
  box-shadow: 0 0 0 1px var(--color-bg-variant-active), inset 0 0 0 2px #fff;
  align-self: center;
}
.card .list-variant-color .load-more-variant {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}
.card .list-variant-color .load-more-variant path {
  fill: #ffffff;
}

.image-variant-wrapper .more_variant {
  background: transparent;
  margin: 0;
  box-shadow: unset;
}
.image-variant-wrapper .more_variant svg {
  width: 11px;
  height: 28px;
}
.image-variant-wrapper .more_variant svg path {
  fill: #000;
}

.image-variant-item {
  overflow: hidden;
  border: 1px solid rgba(144, 144, 144, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  position: relative;
}
.image-variant-item img {
  max-width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
.image-variant-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent;
  z-index: 2;
}
.image-variant-item:hover {
  border: 1px solid #000000;
}

.image-variant-item.active {
  border: 1px solid #000000;
}

.card-wrapper__layout-2 .card fieldset {
  margin-top: 0;
  padding-top: 10px;
  justify-content: center;
}
.card-wrapper__layout-2 .card .bottom {
  bottom: 60px;
  transition: all 0.7s ease;
}
.card-wrapper__layout-2 .card__inner {
  overflow: hidden;
}
.card-wrapper__layout-2 .card__inner .select-option {
  transform: translate(-50%, 50%);
  bottom: 0;
}
.card-wrapper__layout-2 .card__inner .select-option__btn {
  height: 40px;
  color: var(--color-text-btn);
  background: var(--color-bg-btn);
  width: calc(100% - 30px);
  margin: auto;
  margin-bottom: 15px;
}
.card-wrapper__layout-2 .card__inner .select-option__btn svg {
  width: 12px;
  margin-right: 5px;
}
.card-wrapper__layout-2 .card__inner .select-option__btn svg path {
  fill: var(--color-text-btn);
}
.card-wrapper__layout-2 .card__inner .select-option__btn:hover {
  color: var(--color-hover-text-btn);
}
.card-wrapper__layout-2 .card__inner .select-option__btn:hover svg path {
  fill: var(--color-hover-text-btn);
}
.card-wrapper__layout-2 .card__inner .select-option__btn:hover::after {
  background-color: var(--color-hover-bg-btn);
}
.card-wrapper__layout-2 .card__inner .select-option__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  max-height: 0;
  z-index: 2;
  transition: max-height 0.5s ease;
}
.card-wrapper__layout-2 .card__inner .select-option__content .product-form__quantity,
.card-wrapper__layout-2 .card__inner .select-option__content .quick-add {
  border: 1px solid var(--color-accent);
  height: 40px;
}
.card-wrapper__layout-2 .card__inner .select-option__content .quick-add {
  border-left: unset;
  padding: 0 10px;
}
.card-wrapper__layout-2 .card__inner .select-option__content .tp-item__quantity {
  margin-right: 0;
  background: #ffffff;
  padding: 0;
}
.card-wrapper__layout-2 .card__inner .select-option__content .quick-add__submit {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  height: 38px;
}
.card-wrapper__layout-2 .card__inner .select-option__content .quick-add__submit svg {
  margin-right: 5px;
}
.card-wrapper__layout-2 .card__inner .select-option__content .quick-add__submit:hover:after {
  display: none;
}
.card-wrapper__layout-2 .card__inner .select-option.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.card-wrapper__layout-2 .card__inner:hover .quick-add-atc {
  transform: translate(-50%, 0);
}

.card-no-data__image {
  background: var(--color-image-default);
  margin-bottom: 20px;
}
.card-no-data .card-no-data__image {
  width: 100%;
  height: 400px;
  margin-bottom: 15px;
}
.card-no-data .card__heading {
  margin-bottom: 5px;
}
.card-no-data .price-item {
  font-weight: 400;
}
.card-no-data__price-compare {
  color: var(--color-secondary);
}

.wrapper-popup-spfapp .inner-content {
  padding: 60px 30px;
}
.wrapper-popup-spfapp .button-close {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: auto;
  transition: all 0.8s ease;
  transform-origin: center;
}
.wrapper-popup-spfapp .inner_info {
  text-align: center;
  width: 100%;
  justify-content: center;
  max-width: none;
}
.wrapper-popup-spfapp .inner_info .inner-content__title {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 0;
}
.wrapper-popup-spfapp .inner_info .inner-content__desc {
  margin-bottom: 15px;
}

.sfp-size-chart {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .facets-container .recently-product {
    padding: 0;
  }
}
.facets-container .recently-product__main {
  flex-direction: column;
  margin: 0 !important;
}
.facets-container .recently-product .grid__item {
  width: 100% !important;
  padding: 0 !important;
}
.facets-container .recently-product .grid__item .card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.facets-container .recently-product .grid__item .quick-add-atc,
.facets-container .recently-product .grid__item .product-item-actions {
  display: none;
}
.facets-container .recently-product .grid__item .card__inner {
  margin-right: 20px;
  width: 80px;
  min-width: 80px;
  overflow: hidden;
}
.facets-container .recently-product .grid__item .card__inner img {
  -o-object-fit: contain;
     object-fit: contain;
}
.facets-container .recently-product .grid__item variant-radios-storepify {
  display: none;
}

.collection__menu .list-menu__item {
  display: none;
}
.collection__menu .list-menu__item:last-child {
  margin-bottom: 0;
}
.collection__menu .list-menu__item:nth-child(1),
.collection__menu .list-menu__item:nth-child(2),
.collection__menu .list-menu__item:nth-child(3),
.collection__menu .list-menu__item:nth-child(4),
.collection__menu .list-menu__item:nth-child(5) {
  display: block;
}

.clear-all {
  color: #f22d2d;
  font-size: 0.875rem;
  align-self: center;
  transform: translateY(-5px);
}

.button-show-more {
  font-size: 0.75rem;
}
.button-show-more .label-show-less:not(.hidden) {
  display: block;
  margin-top: 14px;
}

.facets-vertical {
  display: flex;
}
.facets-vertical .product-grid__head-right--filter-toggle {
  display: none !important;
}

.facets-vertical--drawer #main-collection-filters {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);
}

#main-collection-filters {
  max-width: 23%;
  margin-right: 30px;
  width: 100%;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  #main-collection-filters {
    visibility: hidden;
    opacity: 0;
    max-width: 0;
  }
  #main-collection-filters.show-facets-drawer {
    visibility: visible;
    opacity: 1;
    max-width: unset;
  }
}

#main-collection-filters.vertical-right--margin {
  margin-left: 30px;
  margin-right: 0;
}
@media (max-width: 767px) {
  #main-collection-filters.vertical-right--margin {
    margin-left: 0;
  }
}

/* Range price custom  */
.wrapper-price-filter {
  width: 100%;
  border-radius: 10px;
}
.wrapper-price-filter .active-price-range {
  color: #000;
}

.slider {
  height: 3px;
  position: relative;
  background: #c4c4c4;
  border-radius: 5px;
}

.slider .progress {
  height: 100%;
  /* left: 25%;
  right: 25%; */
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
  background: #000000;
  display: block;
}

.range-input {
  position: relative;
  margin-bottom: 17px;
}

.range-input input {
  position: absolute;
  width: 100%;
  height: 3px;
  top: -4px;
  padding: 0 !important;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=range]::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
  outline: 0.1875rem solid #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.05);
}

input[type=range]::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border: none;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
  outline: 0.1875rem solid #fff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.05);
}

.info-price {
  text-align: end;
  margin-bottom: 10px;
}
.info-price span {
  font-size: 0.875rem;
}
.info-price span small {
  font-size: 0.875rem;
}

.btn-price-filter {
  font-size: 1rem;
  font-weight: 500;
  background: transparent;
  padding: 9px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 25px;
}

details.facets__disclosure-vertical .facet-title svg {
  transform: rotate(0);
  transition: all 0.3s ease;
  margin-right: 6px;
}

details.facets__disclosure-vertical[open] {
  margin-bottom: 40px;
}
details.facets__disclosure-vertical[open] .facet-title svg {
  transform: rotate(180deg);
}

.facets__summary {
  display: flex;
  cursor: pointer;
}

.facet-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.facet-title > span {
  font-weight: 500;
}

.facets-wrap {
  border: none;
  padding: 0;
}

.list-variant-color {
  display: flex;
  flex-wrap: wrap;
}
.list-variant-color .facets__item {
  margin-right: 7px !important;
  margin-bottom: 7px !important;
  align-self: center;
}
.list-variant-color .facets__item .facet-checkbox {
  position: relative;
  cursor: pointer;
}
.list-variant-color .facets__item .facet-checkbox span {
  height: 20px;
  width: 20px;
  padding: 0;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ccc, inset 0 0 0 2px #fff;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.list-variant-color .facets__item .facet-checkbox::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  left: 0;
  top: 0;
}
.list-variant-color .facets__item:last-child {
  margin-bottom: 7px;
}
.list-variant-color .facets__item.active {
  margin-left: 2px;
  margin-right: 9.008px;
}
.list-variant-color .facets__item.active span {
  height: 20px;
  width: 20px;
  padding: 0;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #000, inset 0 0 0 2px #fff;
  align-self: center;
}

.list-variant-diff-color {
  display: none !important;
}

.facets__item {
  margin-bottom: 15px;
}
.facets__item:last-child {
  margin-bottom: 0;
}
.facets__item .item-name {
  position: relative;
}
.facets__item .item-name::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-secondary);
  height: 1px;
  width: 0;
  transition: all 0.5s ease;
}
.facets__item:hover .item-name::before {
  width: 100%;
}
.facets__item .facet-checkbox svg,
.facets__item .facet-checkbox input[type=checkbox] {
  display: none;
}
.facets__item .facet-checkbox span {
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.facets__item .facet-checkbox span small {
  font-weight: 400;
  color: var(--color-secondary);
}
.facets__item .facet-checkbox span small:last-child {
  background: #f0f0f0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.facets__item.active .item-name {
  color: #000000;
  position: relative;
}
.facets__item.active .item-name::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  content: "";
  background: #000;
  width: 100%;
  height: 1px;
}

.item-variant-brand.list-menu__item {
  display: inline-block;
  margin-right: 30px;
}
.item-variant-brand.list-menu__item .facet-checkbox span small:last-child {
  background: transparent;
  width: unset;
}

.active-facets {
  display: flex;
  flex-wrap: wrap;
}

.facets__item.active .facet-checkbox span .item-name :last-child {
  background: transparent;
}

.item-active {
  background: #f4f4f4;
  font-size: 0.875rem;
  padding: 4px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
.item-active span {
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.item-active span svg {
  margin-left: 11px;
  transition: all 0.3s ease;
}
.item-active span svg path {
  transition: all 0.3s ease;
}
.item-active:hover {
  background: #000000;
}
.item-active:hover span {
  color: #ffffff;
}
.item-active:hover span svg {
  fill: #ffffff;
}
.item-active:hover span svg path {
  fill: #ffffff;
}

.active-facets-vertical-filter {
  align-self: center;
}
.active-facets-vertical-filter span {
  color: #f22d2d;
  font-size: 0.875rem;
}

.product-grid-container .product-count small {
  font-size: 100%;
}
.product-grid-container .product-grid__head-right--filter-toggle {
  display: flex;
  cursor: pointer;
  position: relative;
  align-items: center;
}
.product-grid-container .product-grid__head-right--filter-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: transparent;
}
.product-grid-container .product-grid__head-right--filter-toggle svg {
  margin-right: 9px;
}
.product-grid-container .product-grid__head-right--filter-toggle p {
  font-size: 1rem;
  color: #000;
}
.product-grid-container .product-count__text {
  font-size: 1.75rem;
}
.product-grid-container .product-count__text span {
  font-weight: unset;
  position: relative;
}
.product-grid-container .product-count__text span small {
  position: absolute;
  left: 105%;
  top: -5px;
  background-color: #f0f0f0;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: var(--font-weight-400);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-grid-container .facet-filters__field {
  position: relative;
}
.product-grid-container .facet-filters__field button {
  font-weight: 300;
  color: #000;
  background: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-grid-container .facet-filters__field button::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}
.product-grid-container .facet-filters__field button span {
  margin-right: 10px;
  white-space: nowrap;
}
.product-grid-container .facet-filters__field button svg {
  transition: all 0.3s ease;
}
.product-grid-container .facet-filters__field .facet-filters__sort {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 2px 7px 25px rgba(0, 0, 0, 0.07);
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.4375rem);
  z-index: 99;
}
.product-grid-container .facet-filters__field .facet-filters__sort span {
  font-size: 0.875rem;
  padding: 7px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.product-grid-container .facet-filters__field .facet-filters__sort span:not(.is-selected):hover {
  background-color: #d9f6e1;
}
.product-grid-container .facet-filters__field .facet-filters__sort .is-selected {
  color: #8d8d8d;
  background: #f5f5f5;
}
.product-grid-container .facet-filters__field.show-select button svg {
  transform: rotate(180deg);
}
.product-grid-container .facet-filters__field.show-select .facet-filters__sort {
  opacity: 1;
  visibility: visible;
}

.product-grid__head-left {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.product-grid__head-type-list ul {
  display: flex;
  align-items: flex-end;
}
.product-grid__head-type-list li {
  display: flex;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 768px) {
  .product-grid__head-type-list li {
    margin-right: 0;
    margin-left: 15px;
  }
}
.product-grid__head-type-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.product-grid__head-type-list li:last-child {
  margin-right: 0;
}
.product-grid__head-type-list li span {
  display: flex;
}
.product-grid__head-type-list li span svg {
  stroke: #cecece;
}
.product-grid__head-type-list li.active span svg {
  stroke: #000;
  fill: #000;
}
.product-grid__head-type-list li.active span svg rect {
  stroke: #000;
  fill: #000;
}
.product-grid__head-type-list .grid-1-col.active span svg {
  stroke: #000;
}
.product-grid__head-type-list .grid-1-col.active span svg rect {
  stroke: #000;
  fill: #ffffff;
}

.no-sidebar .product-grid-container {
  width: 100%;
}

#product-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  flex-direction: row;
}
#product-grid .grid__item {
  padding: 0 15px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media (max-width: 1280px) {
  #product-grid .grid__item {
    padding: 0 7.5px;
  }
}
@media (max-width: 1280px) {
  #product-grid {
    margin: 0 -7.5px;
  }
}

.grid-4-col .grid__item {
  flex-basis: 25%;
}
@media screen and (max-width: 767px) {
  .grid-4-col .grid__item {
    flex-basis: 50%;
  }
}
.grid-4-col .no-image {
  min-height: 25rem;
}

.grid-3-col .grid__item {
  flex-basis: 33.33%;
}
@media screen and (max-width: 767px) {
  .grid-3-col .grid__item {
    flex-basis: 50%;
  }
}
.grid-3-col .no-image {
  min-height: 34.125rem;
}

@media (max-width: 768px) {
  .icon-type-list[data-type=grid-4-col],
  .icon-type-list[data-type=grid-3-col] {
    display: none;
  }
}
.grid-2-col .grid__item {
  flex-basis: 50%;
}
.grid-2-col .no-image {
  min-height: 52.5rem;
}

.grid-1-col {
  width: 100%;
}
.grid-1-col .grid__item {
  margin-bottom: 40px;
  width: 100%;
}
.grid-1-col variant-radios-storepify {
  margin-bottom: 15px;
}
.grid-1-col .card__media,
.grid-1-col .no-image {
  height: 100%;
}
.grid-1-col .card__inner {
  max-width: 31%;
  width: 100%;
  margin-bottom: 0;
}
.grid-1-col .card__content {
  max-width: 69%;
  width: 100%;
  align-self: center;
  text-align: left;
}
.grid-1-col .card__content .stars {
  justify-content: flex-start;
}
.grid-1-col .card {
  display: flex;
}
.grid-1-col .card .card__inner {
  margin-right: 30px;
}
.grid-1-col .card variant-image-product-item {
  margin-bottom: 25px;
  justify-content: flex-start !important;
}
.grid-1-col .card .quick-add-atc,
.grid-1-col .card .product-item-actions {
  display: none;
}
.grid-1-col .card .quick-add-atc-list-type,
.grid-1-col .card .product-item-actions-list-type {
  position: unset;
  opacity: 1;
  visibility: unset;
}
.grid-1-col .card .description {
  display: block;
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: var(--font-size-16);
  font-weight: 300;
  line-height: 1.625rem;
}
.grid-1-col .card .actions-atc-type-list {
  display: flex;
  margin-top: 15px;
}
.grid-1-col .card .quick-add-atc-list-type {
  transform: unset;
  text-align: start;
  display: inline-block;
  width: unset;
  margin-right: 20px;
  z-index: 0;
}
.grid-1-col .card .quick-add-atc-list-type button {
  width: 100%;
  padding: 5px 33px;
  border-radius: 60px;
  overflow: hidden;
  min-width: 144px;
}
.grid-1-col .card .product-item-actions-list-type {
  display: flex;
  align-items: center;
}
.grid-1-col .card .product-item-actions-list-type li {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .grid-1-col .card .product-item-actions-list-type li[tooltip="Quick view"] {
    display: none;
  }
}

.list-filter-custom {
  display: flex;
  flex-wrap: wrap;
}
.list-filter-custom a {
  font-size: 0.875rem;
  font-weight: var(--font-weight-400);
  margin-right: 30px;
  margin-bottom: 20px;
  color: var(--color-secondary);
}
.list-filter-custom a:hover {
  color: #000;
}

.facets-vertical--drawer .facets-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.facets-vertical--drawer .facets-head__title {
  font-size: 1.75rem;
  font-weight: var(--font-weight-500);
}
.facets-vertical--drawer .facets-head__close {
  position: relative;
  cursor: pointer;
}
.facets-vertical--drawer .facets-head__close::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  left: 0;
  top: 0;
  z-index: 2;
}
.facets-vertical--drawer .active-facets {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .facets-vertical--drawer .active-facets {
    margin-bottom: 0;
  }
}
.facets-vertical--drawer .facets-wrapper {
  position: fixed;
  margin-right: 0 !important;
  top: 0;
  background-color: #fff;
  z-index: 99;
  padding: 30px 30px;
  height: 100%;
  max-width: 360px !important;
  transition: all 0.3s ease;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.facets-vertical--drawer .facets-wrapper::-webkit-scrollbar {
  display: none;
}
@media (max-width: 410px) {
  .facets-vertical--drawer .facets-wrapper {
    max-width: 280px !important;
  }
}
.facets-vertical--drawer .facets-drawer--left {
  left: -100%;
}
.facets-vertical--drawer .facets-drawer--left.show-facets-drawer {
  left: 0;
}
.facets-vertical--drawer .facets-drawer--right {
  right: -100%;
}
.facets-vertical--drawer .facets-drawer--right.show-facets-drawer {
  right: 0;
}
.facets-vertical--drawer .product-grid-container {
  width: 100%;
}
.facets-vertical--drawer .facets-drawer__sort {
  display: flex;
}

.facets-horizontal .facet-title svg {
  display: none;
}
.facets-horizontal .active.list-variant-normal span {
  background: #000000;
}
.facets-horizontal .active.list-variant-normal span small {
  color: #ffffff;
}
.facets-horizontal .product-grid-container {
  width: 100%;
}
.facets-horizontal #main-collection-filters {
  max-width: unset;
  border-top: 1px solid #eeeeee;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
  transition: all 0.3s ease;
}
.facets-horizontal #main-collection-filters.show-facets-drawer {
  opacity: 1;
  visibility: visible;
  padding-top: 30px;
}
.facets-horizontal #FacetsWrapperDesktop {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  box-sizing: border-box;
}
.facets-horizontal #FacetsWrapperDesktop .facets__disclosure-vertical {
  flex-basis: 25%;
  padding: 0 15px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .facets-horizontal #FacetsWrapperDesktop .facets__disclosure-vertical {
    flex-basis: 50%;
  }
}
.facets-horizontal .product-grid__head-right {
  margin-bottom: 20px;
}
.facets-horizontal .facets-wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.facets-horizontal .facets-wrap ul .facets__item {
  margin-right: 20px;
  margin-bottom: 20px;
}
.facets-horizontal .facets-wrap ul span {
  justify-content: center;
}
.facets-horizontal .facets-wrap ul span small {
  font-size: 0.875rem;
}
.facets-horizontal .facets-wrap ul span small:last-child {
  background-color: unset;
  border-radius: unset;
  width: unset;
  height: unset;
  padding: unset;
  font-size: 0.875rem;
}
.facets-horizontal .facets-wrap .list-variant-list .facets__item.active span {
  position: relative;
}
.facets-horizontal .facets-wrap .list-variant-list .facets__item.active span::after {
  content: "";
  position: absolute;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: #000000;
}
.facets-horizontal .facets-wrap .list-variant-list .facets__item.active span small {
  font-weight: var(--font-weight-500);
  color: #000000;
}
.facets-horizontal .list-variant-normal .facets__item {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
.facets-horizontal .list-variant-normal .facets__item.active span {
  background: #000000;
}
.facets-horizontal .list-variant-normal .facets__item.active span small {
  color: #fff;
}
.facets-horizontal .list-variant-normal span {
  background: #f4f4f4;
  padding: 2px 8px;
  border-radius: 60px;
}

.type-revert.product-grid__head {
  display: flex;
}
.type-revert.product-grid__head .product-grid__head-left {
  display: block;
  width: 50%;
}
@media (max-width: 992px) {
  .type-revert.product-grid__head .product-grid__head-left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.type-revert.product-grid__head .product-grid__head-right {
  display: flex;
  width: 50%;
  justify-content: end;
}
@media (max-width: 992px) {
  .type-revert.product-grid__head .product-grid__head-right {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .type-revert.product-grid__head {
    flex-direction: column;
  }
}

/*- Grid 1 col -*/
@media (max-width: 767px) {
  .grid-1-col .card .quick-add-atc-list-type button {
    padding: 5px 20px;
  }
  .grid-1-col {
    display: block !important;
    width: 100%;
    margin: 0 !important;
  }
  .grid-1-col .grid__item {
    padding: 0 !important;
  }
  .grid-1-col .card__inner {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .grid-1-col .card__content {
    max-width: 100%;
  }
  .grid-1-col .card {
    display: block;
  }
  .grid-1-col .text-center {
    text-align: center !important;
  }
  .grid-1-col .text-center .actions-atc-type-list {
    margin-top: 30px;
    justify-content: center;
  }
  .grid-1-col .text-center variant-image-product-item {
    justify-content: center !important;
  }
  .facets-vertical .product-grid__head-left {
    display: flex !important;
  }
  .facets-vertical .product-grid__head-right--filter-toggle {
    display: flex !important;
  }
  .facets-vertical .product-grid-container {
    width: 100%;
  }
}
@media (max-width: 330px) {
  .product-grid__head .facets-hori__sort facet-filters-form:first-child {
    display: none;
  }
}

.overlay-body-filter {
  position: relative;
  overflow: hidden;
}
.overlay-body-filter::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 99;
}

.pagination__list-center {
  justify-content: center;
}

.pagination__list-left {
  justify-content: start;
}

.pagination__list {
  display: flex;
  align-items: center;
}
.pagination__list li {
  padding: 0 7.5px;
  margin: 0 5px;
}

.pagination__item--next svg {
  width: 16px;
  transform: rotate(90deg);
}

.pagination__item--prev svg {
  width: 16px;
  transform: rotate(-90deg);
}

.pagination__li {
  background: transparent;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  border-radius: 50%;
  cursor: pointer;
}
.pagination__li a,
.pagination__li span {
  transition: all 0.3s ease;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.pagination__li:hover {
  background: #000000;
}
.pagination__li:hover a,
.pagination__li:hover span {
  color: #fff;
}

.pagination__li--current {
  background: #f2f2f2;
}

.pagination-next,
.pagination-prev {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  transition: all 0.5s ease;
}
.pagination-next:hover,
.pagination-prev:hover {
  background: #f2f2f2;
}

.pagination__item {
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.swiper-pagination-bullet {
  cursor: pointer;
  height: 12px;
  margin: 0;
  opacity: 1;
  padding: 5px;
  pointer-events: all;
  position: relative;
  transition: all 0.15s cubic-bezier(0.25, 0.25, 0.1, 1);
  width: 12px;
  background: rgba(144, 144, 144, 0.25);
  outline: none;
}
.swiper-pagination-bullet::before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 14px;
  position: absolute;
  top: 14px;
  transition: all 0.1s linear;
  width: 8px;
}
.swiper-pagination-bullet svg {
  height: 26px;
  left: 5px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: 28px;
}

.swiper-pagination-bullet-active {
  background: #000000;
}

.effect-box-shadow {
  box-shadow: -4px 1px 32px -2px rgba(0, 0, 0, 0.27);
}

.btn-border {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(0, 0, 0) 0px 0px 0px 2px;
  background-color: #ffffff;
  border-radius: 60px;
}

.btn-border-radius {
  border-radius: 60px;
}

.hover-btn-border-radius {
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
  overflow: hidden;
}
.hover-btn-border-radius::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
  background-color: #000000;
  z-index: -1;
}
.hover-btn-border-radius:hover {
  color: #ffffff;
  background-color: #000000;
}
.hover-btn-border-radius:hover::after {
  width: 100%;
}

.hover-left-to-right {
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
  overflow: hidden;
}
.hover-left-to-right::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.3s ease;
  background-color: #000000;
  z-index: -1;
}
.hover-left-to-right:hover {
  color: #ffffff;
}
.hover-left-to-right:hover::after {
  width: 100%;
}

.hover-left-to-right__bg-white {
  position: relative;
  transition: all 0.3s ease;
  padding: 10px 35px;
  background-color: #000000;
  color: #ffffff;
  overflow: hidden;
  z-index: 1;
  display: inline-block;
}
.hover-left-to-right__bg-white::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
  background-color: #ffffff;
  z-index: -1;
}
.hover-left-to-right__bg-white:hover {
  color: #000000;
  background-color: #ffffff;
}
.hover-left-to-right__bg-white:hover::after {
  width: 100%;
}

.tp-btn-box-shadow {
  padding: 20px 50px;
  box-shadow: -4px 1px 32px -2px rgba(0, 0, 0, 0.27);
  transition: all 0.5s ease;
  display: inline-block;
}
.tp-btn-box-shadow:hover {
  transform: scale(1.02);
  background-color: #000000;
  color: #ffffff;
}

.tp-btn-border-bottom {
  position: relative;
  line-height: 1.75rem;
}
.tp-btn-border-bottom::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -3px;
  background-color: #000000;
  width: 100%;
  height: 2px;
  transition: all 0.5s ease;
}
.tp-btn-border-bottom:hover::before {
  width: 0;
}

.tp-btn-border {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(0, 0, 0) 0px 0px 0px 1px;
  padding: 13px 38px;
  display: inline-block;
}

.swiper-nav-default {
  margin: 0 -7.5px;
}
.swiper-nav-default__item {
  cursor: pointer;
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 7.5px;
  transition: all 0.3s ease;
}
.swiper-nav-default__item:hover {
  background: #000;
  color: #fff;
  transition: all 0.3s ease;
}
.swiper-nav-default__item:hover svg path {
  stroke: #fff;
  transition: all 0.3s ease;
}

.round-button {
  position: relative;
  transition: all 0.3s ease;
  padding: 9px 35px;
  background-color: var(--color-button-bg);
  color: var(--color-button-text);
  overflow: hidden;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
}
.round-button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
  background-color: var(--color-button-bg-hover);
  z-index: -1;
}
.round-button:hover {
  color: var(--color-button-text-hover);
  background-color: var(--color-button-bg-hover);
}
.round-button:hover::after {
  width: 100%;
}

.block-button {
  position: relative;
  transition: all 0.3s ease;
  padding: 9px 35px;
  background-color: var(--color-button-bg);
  color: var(--color-button-text);
  overflow: hidden;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.block-button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
  background-color: var(--color-button-bg-hover);
  z-index: -1;
}
.block-button:hover {
  color: var(--color-button-text-hover);
  background-color: var(--color-button-bg-hover);
}
.block-button:hover::after {
  width: 100%;
}

.alternate-button {
  position: relative;
  transition: all 0.3s ease;
  padding: 17px 28px;
  min-width: 164px;
  border-radius: 5px;
  background-color: var(--color-button-bg);
  color: var(--color-button-text);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 5px #fff;
  transition: all 0.5s ease;
}
.alternate-button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: calc(100% + 8px);
  height: calc(100% + 4px);
  border-radius: 5px;
  z-index: -1;
  transition: all 0.5s ease;
}
.alternate-button:hover {
  transform: translate(4px) translateY(5px);
  box-shadow: none;
}
.alternate-button:hover::after {
  transform: translate(-3px) translateY(-4px);
}

.underline-button {
  position: relative;
  display: inline-block;
  color: var(--color-button-text);
}
.underline-button::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  background-color: var(--color-button-text);
  width: 100%;
  height: 2px;
  transition: all 0.3s ease;
}
.underline-button:hover::after {
  width: 0;
}

.border-button {
  position: relative;
  transition: all 0.3s ease;
  padding: 9px 35px;
  background-color: var(--color-button-bg);
  color: var(--color-button-text);
  border: 2px solid var(--color-button-text);
  overflow: hidden;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.border-button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
  background-color: var(--color-button-bg-hover);
  z-index: -1;
}
.border-button:hover {
  color: var(--color-button-text-hover);
  background-color: var(--color-button-bg-hover);
}
.border-button:hover::after {
  width: 100%;
}

.border-button-radius {
  position: relative;
  transition: all 0.3s ease;
  padding: 9px 35px;
  background-color: var(--color-button-bg);
  color: var(--color-button-text);
  border: 2px solid var(--color-button-text);
  overflow: hidden;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
}
.border-button-radius::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
  background-color: var(--color-button-bg-hover);
  z-index: -1;
}
.border-button-radius:hover {
  color: var(--color-button-text-hover);
  background-color: var(--color-button-bg-hover);
}
.border-button-radius:hover::after {
  width: 100%;
}

.hvr-line-left-to-right {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.hvr-line-left-to-right::before {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  bottom: -3px;
  background-color: #000;
  width: 0;
  height: 2px;
  transition: all 0.5s ease;
}
.hvr-line-left-to-right:hover::before {
  width: 100%;
}

.hvr-line-left-to-right-1px {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.hvr-line-left-to-right-1px::before {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  bottom: -3px;
  background-color: #000;
  width: 0;
  height: 1px;
  transition: all 0.5s ease;
}
.hvr-line-left-to-right-1px:hover::before {
  width: 100%;
}

.hvr-none-border-bottom {
  position: relative;
  display: inline-block;
}
.hvr-none-border-bottom::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  background-color: #000;
  width: 100%;
  height: 2px;
  transition: all 0.3s ease;
}
.hvr-none-border-bottom:hover::before {
  width: 0;
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.tp-effect-hvr::before,
.tp-effect-hvr::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  transition: all 0.5s ease;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.15);
  pointer-events: none;
}

.tp-effect-hvr::before,
.tp-effect-hvr::after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

.tp-effect-hvr:not(:hover)::before {
  width: 0;
  opacity: 1;
  visibility: visible;
}

.tp-effect-hvr:not(:hover)::after {
  height: 0;
  opacity: 1;
  visibility: visible;
}

/* The Modal (background) */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

/* Add Animation */
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* The Close Button */
.close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  text-align: right;
  cursor: pointer;
}
.close:hover svg {
  transform: rotate(180deg);
}

.modal-body {
  padding: 0 16px;
  background: #2a2626;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}
.modal-body .swiper-button-prev::after,
.modal-body .swiper-button-next::after {
  color: #fff;
  font-size: 1.875rem;
}

.wrapper-gallery .gallery-top {
  width: 30%;
  margin-bottom: 16px;
  display: flex;
}
@media (max-width: 768px) {
  .wrapper-gallery .gallery-top {
    width: 60%;
    margin-left: auto !important;
  }
}
@media (max-width: 490px) {
  .wrapper-gallery .gallery-top {
    width: 80%;
  }
}
.wrapper-gallery .gallery-top .swiper-slide video,
.wrapper-gallery .gallery-top .swiper-slide iframe {
  width: 100%;
  height: 500px;
}
.wrapper-gallery .gallery-thumbs {
  background: #2a2626;
}
.wrapper-gallery .gallery-thumbs .swiper-wrapper .swiper-slide {
  opacity: 0.2;
}
.wrapper-gallery .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.swiper-button-prev.swiper-button-white {
  position: absolute;
  left: 30px;
  z-index: 11;
}
@media (max-width: 460px) {
  .swiper-button-prev.swiper-button-white {
    left: 5px;
  }
}
.swiper-button-prev.swiper-button-white svg {
  width: 30px;
  height: 30px;
}
.swiper-button-prev.swiper-button-white svg path {
  fill: #fff;
}

.swiper-button-next.swiper-button-white {
  position: absolute;
  right: 30px;
  z-index: 11;
}
@media (max-width: 460px) {
  .swiper-button-next.swiper-button-white {
    right: 5px;
  }
}
.swiper-button-next.swiper-button-white svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.swiper-button-next.swiper-button-white svg path {
  fill: #fff !important;
}

.open-modal {
  opacity: 1;
  visibility: visible;
}

.image-main {
  max-width: 100%;
  height: auto;
  width: 100%;
  cursor: zoom-in;
}

.main-product-info__content .active {
  display: block;
}

.tp-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed; /* Stay in place */
  z-index: 101; /* Sit on top */
  left: 40%;
  transition: all 0.3s ease;
  top: 50%;
  transform: translate(-50%, -50%);
  /* Full height */
  overflow: auto; /* Enable scroll if needed */
}
@media screen and (max-width: 768px) {
  .tp-modal {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
  }
}
.tp-modal__content {
  background: #fff;
}
.tp-modal__close {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  padding: 7px;
  background: transparent;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .tp-modal__close {
    right: 0;
  }
}
.tp-modal__close .icon-close {
  pointer-events: none;
  transition: all 0.5s ease;
}
.tp-modal__close:hover {
  background: var(--color-accent);
}
.tp-modal__close:hover .icon-close {
  transform: rotate(180deg);
}

.is-open-tp-modal {
  opacity: 1;
  visibility: visible;
  left: 50%;
}

#tp_modal_gift_wrap {
  background: #fff;
  display: grid;
  padding: 30px;
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  max-height: 800px;
}
@media (max-width: 1024px) {
  #tp_modal_gift_wrap {
    grid-template-columns: auto auto !important;
    max-width: 80%;
  }
}
@media (max-width: 768px) {
  #tp_modal_gift_wrap {
    max-width: 80%;
  }
}
@media (max-width: 480px) {
  #tp_modal_gift_wrap {
    max-width: 100%;
  }
}
#tp_modal_gift_wrap .gift-wrap-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition: all 0.8s ease;
  transform-origin: center;
}
#tp_modal_gift_wrap .gift-wrap-close:hover {
  transform: rotate(360deg);
}
#tp_modal_gift_wrap .gift-wrap-item:hover .gift-wrap-item__variants {
  bottom: 0;
}
#tp_modal_gift_wrap .gift-wrap-item__detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 10248px) {
  #tp_modal_gift_wrap .gift-wrap-item__detail {
    display: block;
  }
}
#tp_modal_gift_wrap .gift-wrap-item__img {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
#tp_modal_gift_wrap .gift-wrap-item__title {
  font-size: 1rem;
}
#tp_modal_gift_wrap .gift-wrap-item__action button {
  background: #000;
  width: 100%;
  color: #fff;
  padding: 5px 20px;
}
#tp_modal_gift_wrap .gift-wrap-item__variants {
  position: absolute;
  bottom: -200px;
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 10px 0;
  transition: all 0.3s ease;
}
#tp_modal_gift_wrap .variant-item {
  padding: 0 10px;
  line-height: 1.875rem;
  text-align: center;
  display: inline-block;
  margin-right: 0 0.3125rem;
  font-size: var(--font-size-12);
  transition: 0.5s;
  cursor: pointer;
  background: #f6f6f6;
}
#tp_modal_gift_wrap .variant-item.active {
  background: #000000;
  color: #ffffff;
}
#tp_modal_gift_wrap .variant-item:hover {
  background: #000000;
  color: #ffffff;
}
#tp_modal_gift_wrap .disabled-class {
  background-color: #ccc !important;
}

.tp-modal-enable-age {
  background-color: #fff;
  padding: 40px;
}
.tp-modal-enable-age .age-verify-txt {
  text-align: center;
  margin-bottom: 20px;
}
.tp-modal-enable-age h4 {
  font-size: 1.875rem;
}
.tp-modal-enable-age p {
  font-size: 0.875rem;
}
.tp-modal-enable-age .age-verify-buttons, .tp-modal-enable-age .age-verify-txt-error {
  text-align: center;
}
.tp-modal-enable-age button {
  font-size: 0.875rem;
  background-color: transparent;
}

@media (max-width: 767px) {
  .tp-modal-enable-age {
    max-width: 500px;
    margin: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-45%);
    transition: all 0.8s ease;
    overflow: hidden;
  }
  .tp-modal-enable-age.is-open-tp-modal {
    transform: translateY(-50%);
  }
}
.tp-cart-ajax {
  min-width: 450px;
  max-width: 500px;
  position: fixed;
  right: 0;
  top: 0;
  background: #ffffff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05);
  transform: translateX(100%);
  transition: all 0.5s ease;
  z-index: 999999;
}
@media (max-width: 767px) {
  .tp-cart-ajax {
    min-width: 320px;
  }
}
.tp-cart-ajax .loading-cart-ajax {
  position: fixed;
  z-index: 100;
  background: #86e9a1;
  width: 0;
  height: 5px;
  top: 0;
  left: 0;
  animation: 3s in-out ease;
  animation-iteration-count: infinite;
}
@keyframes in-out {
  0% {
    width: 0;
  }
  100% {
    width: 100vw;
    /* but starting to "disappear" from left to right, just like the way it appears */
  }
}
.tp-cart-ajax__wrapper {
  padding: 15px;
  position: relative;
}
.tp-cart-ajax__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.tp-cart-ajax__header__title {
  font-size: 1.75rem;
}
.tp-cart-ajax__header__close {
  position: relative;
}
.tp-cart-ajax__header__close::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.tp-cart-ajax .tp-cart-notication {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #d9f6e1;
  padding: 7px 30px;
  color: #688560;
  margin-bottom: 10px;
}
.tp-cart-ajax .tp-cart-notication .tp-cart-ajax__notifi {
  font-size: 14px;
}
.tp-cart-ajax .tp-cart-notication svg {
  margin-right: 10px;
}
.tp-cart-ajax .hidden {
  display: none !important;
}
.tp-cart-ajax .parent-list-item {
  overflow-y: scroll;
  height: 70vh;
}
.tp-cart-ajax .parent-list-item .error-mess-qty {
  background: #ffd9d2;
  display: block;
  border-radius: 5px;
  padding-left: 15px;
  color: tomato;
  margin-bottom: 30px;
  -webkit-animation: seconds 1s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  animation: seconds 1s forwards;
  animation-iteration-count: 1;
  animation-delay: 5s;
  position: relative;
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px;
    position: absolute;
  }
}
.tp-cart-ajax .parent-list-item::-webkit-scrollbar {
  display: none;
}
.tp-cart-ajax__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.tp-cart-ajax__item__img {
  max-width: 100px;
  margin-right: 20px;
}
.tp-cart-ajax__item__info .tp-item__price {
  font-size: 1rem;
  font-weight: 300;
}
.tp-cart-ajax__item__info .tp-item__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tp-cart-ajax__item__info .tp-item__quantity {
  background: #f6f6f6;
  display: flex;
  width: 85px;
  padding: 4px 0;
  margin-right: 20px;
}
.tp-cart-ajax__item__info .tp-item__quantity .tp-item__qty_btn {
  flex: 1;
}
.tp-cart-ajax__item__info .tp-item__quantity .tp-item__qty_input {
  width: 15%;
  background: transparent;
  flex: 1;
  text-align: center;
}
.tp-cart-ajax__item__info .tp-item__remove {
  font-size: 0.875rem;
  font-weight: 300;
}
.tp-cart-ajax .icon-note svg {
  margin-left: auto;
}
.tp-cart-ajax .content-note__item {
  margin-bottom: 25px;
}
.tp-cart-ajax .content-note .input-note {
  width: 100%;
  height: 80px;
  border: 1px solid #e7e7e7;
  padding: 15px;
  font-weight: 400;
}
.tp-cart-ajax .title-item {
  margin-bottom: 10px;
  display: inline-block;
}
.tp-cart-ajax__subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tp-cart-ajax__subtotal .subtotal-result-origin {
  text-decoration: line-through;
  color: tomato;
}
.tp-cart-ajax__footer {
  position: fixed;
  bottom: 15px;
  left: 15px;
  right: 15px;
  background: #fff;
  text-align: center;
}
.tp-cart-ajax__check-out {
  display: block;
  margin: auto;
  background: #000;
  width: 100%;
  color: #fff;
  height: 40px;
  margin-bottom: 20px;
}
.tp-cart-ajax__view-cart {
  display: inline-block;
  text-align: center;
}

.overlay-cart {
  overflow: hidden;
}
.overlay-cart::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: white;
  opacity: 0.5;
  z-index: 10;
  overflow: hidden;
  cursor: url("data:image/svg+xml;utf8,<svg width='60' height='60' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' style='fill:none;stroke:white;'><line x1='16' y1='16' x2='48' y2='48'/><line x1='48' y1='16' x2='16' y2='48'/></svg>") 16 0, auto;
}

.is-open-tp-cart-ajax {
  transform: translateX(0);
  transition: transform 0.5s ease;
}

/* hide additional checkout buttons */
.additional-checkout-buttons {
  display: none;
}

/* end */
.stp-tool__back {
  display: block;
  margin: auto;
  background: transparent;
  width: 100%;
  border-radius: 0;
  color: #000;
  border: 1px solid #000;
  height: 40px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.stp-tool__back:hover {
  border-color: #fff;
  background: #000;
  color: #fff;
  transition: all 0.5s ease;
}

.tca_coupon button {
  display: block;
  margin: auto;
  background: transparent;
  width: 100%;
  color: #000;
  border: 1px solid #000;
  height: 40px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.tca_coupon button:hover {
  border-color: #fff;
  background: #000;
  color: #fff;
  transition: all 0.5s ease;
}

.tca-icon ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #eee;
  padding: 10px;
  margin-left: -15px;
  margin-right: -15px;
}
.tca-icon ul li {
  padding: 0 15px;
  border-left: 1px solid #eee;
  cursor: pointer;
}

.tca_item.ajc-hidden {
  height: 0;
  transition: all 0.5s ease;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  overflow: hidden;
}

.tca_item {
  height: auto;
  transition: all 0.5s ease;
  visibility: visible;
  opacity: 1;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  text-align: left;
}

.tca-field {
  margin-bottom: 20px;
}

.tca-mini_cart-tool__wrap svg.tca-gift-svg {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  color: #ec0101;
}

.tca-gift_wrap_text {
  margin-top: 10px;
  display: block;
  text-align: center;
}
.tca-gift_wrap_text span {
  color: #000000;
  display: block;
}

.tca-mini_cart-tool__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s, box-shadow, opacity 0.25s;
  background-color: #0ec1ae;
  margin-bottom: 10px;
}

.tca-mini_cart-tool__add, .tca-mini_cart-tool__back {
  cursor: pointer;
  padding: 5px 25px;
  font-size: 12px;
  font-weight: 400;
  min-height: 46px;
  width: 100%;
  position: relative;
  border-radius: 0;
}

.tca-mini_cart-tool__add {
  background-color: #222222;
  color: #ffffff;
}

.tca-mini_cart-tool__add, .tca-mini_cart-tool__back {
  cursor: pointer;
  padding: 5px 25px;
  font-size: 12px;
  font-weight: 400;
  min-height: 46px;
  width: 100%;
  position: relative;
  border-radius: 0;
}

.tca-mini_cart-tool__back {
  background-color: #ffffff;
  color: #222222;
  border: solid 1px #e6e6e6;
}

.remove-cart-item-all {
  color: tomato;
}

.wp-product-count-down {
  position: absolute;
  align-self: center;
  display: flex;
  transition: opacity 1s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.wp-product-count-down span {
  background: #fff;
  font-size: 0.875rem;
  color: #727272;
  min-width: 45px;
  padding: 5px 0px;
  font-weight: 500;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 0 2px;
}
.wp-product-count-down span b {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  line-height: 1.4;
}
.wp-product-count-down span small {
  font-size: 0.875rem;
  line-height: 1.4;
}
.wp-product-count-down span:last-child {
  margin-right: 0;
}
.wp-product-count-down span:last-child b {
  color: #f5b048;
}
@media (max-width: 768px) {
  .wp-product-count-down {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1280px) {
  .wp-product-count-down {
    flex-wrap: wrap;
    width: 100%;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    left: unset;
    right: 10px;
    top: 10px;
    transform: none;
    transition: opacity 1s ease;
  }
  .wp-product-count-down span {
    max-width: none;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #eee;
  }
  .wp-product-count-down span:last-child {
    border-bottom: 0;
  }
  .wp-product-count-down span b {
    font-size: 0.875rem;
  }
}
.increase_selection {
  position: relative;
}
.increase_selection:after {
  position: absolute;
  content: "";
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background: transparent;
}

.sticky-product-detail {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 99;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
@media (max-width: 767px) {
  .sticky-product-detail {
    display: none;
  }
}
.sticky-product-detail .sticky__info {
  display: flex;
  align-items: center;
}
.sticky-product-detail .sticky__info--thumb {
  margin-right: 20px;
  display: block;
}
.sticky-product-detail .sticky__info--thumb img {
  width: 100%;
  height: auto;
  max-width: 60px;
}
.sticky-product-detail .stick__info--title-price .product-title h3 {
  font-size: 0.875rem;
  font-weight: 500;
}
.sticky-product-detail .sticky__actions {
  display: flex;
  position: relative;
}
.sticky-product-detail .error-message {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  position: absolute;
  top: -50px;
  left: 0;
  bottom: auto;
  right: 0;
  padding: 5px 10px;
  font-size: 14px;
  background: tomato;
  color: #fff;
}
.sticky-product-detail .error-message::before {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 7px solid tomato;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}
.sticky-product-detail .sticky__actions--variants {
  margin-right: 15px;
}
.sticky-product-detail .sticky__actions--variants .select {
  position: relative;
}
.sticky-product-detail .sticky__actions--variants .select select {
  border: 1px solid #d3d3d3;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 0.875rem;
  padding: 7px 113px 7px 13px;
}
.sticky-product-detail .sticky__actions--variants .select svg {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.sticky-product-detail .sticky__actions--qty {
  margin-right: 15px;
}
.sticky-product-detail .sticky__actions--qty .tp-item__quantity {
  display: flex;
  width: 85px;
  padding: 4px 0;
  border: 1px solid #d3d3d3;
  height: 100%;
}
.sticky-product-detail .sticky__actions--qty .tp-item__qty_btn {
  flex: auto;
}
.sticky-product-detail .sticky__actions--qty .tp-item__qty_input {
  width: 15%;
  background: transparent;
  flex: 1;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}
.sticky-product-detail .sticky__actions--atc {
  display: flex;
}
.sticky-product-detail .sticky__actions--atc form,
.sticky-product-detail .sticky__actions--atc .product-form__buttons {
  height: 100%;
}
.sticky-product-detail .sticky__actions--atc button {
  height: 100%;
  background: #000;
  color: #fff;
  padding: 0 37px;
  position: relative;
  border: 2px solid transparent;
}
.sticky-product-detail .sticky__actions--atc button span {
  font-weight: 500;
}
.sticky-product-detail .sticky__actions--atc button::after {
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  transition: all 0.3s ease;
  position: absolute;
}
.sticky-product-detail .sticky__actions--atc button:hover {
  border: 2px solid #000;
}
.sticky-product-detail .sticky__actions--atc button:hover span {
  color: #000;
  position: relative;
  z-index: 9;
}
.sticky-product-detail .sticky__actions--atc button:hover::after {
  width: 100%;
}
.sticky-product-detail .sticky__actions--atc .add-to-cart-loading {
  position: relative;
  z-index: 9;
}

.preloader {
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 999;
}

.antialiased.over {
  overflow-y: hidden;
}

.preloader-1 .preloader-type {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
  animation: loadingG 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
@keyframes loadingG {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(200px, 0) rotate(360deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}

.preloader-2 .preloader-type-2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader-2 .preloader-type-2 .line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.preloader-2 .preloader-type-2 .line:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
.preloader-2 .preloader-type-2 .line:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}
.preloader-2 .preloader-type-2 .line {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #fff;
}
@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.preloader-3 .preloader-type-3 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader-3 .preloader-type-3 .spinner {
  position: relative;
  width: 45px;
  height: 45px;
  animation: loadingI 2s linear infinite;
}
.preloader-3 .preloader-type-3 .bubble-1,
.preloader-3 .preloader-type-3 .bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #fff;
  animation: bounce 2s ease-in-out infinite;
}
.preloader-3 .preloader-type-3 .bubble-2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}
@keyframes loadingI {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

.preloader-4 .preloader-type-4 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader-4 .preloader-type-4 .letter-holder {
  font-size: 16px;
  color: #fff;
}
.preloader-4 .preloader-type-4 .letter {
  animation-name: loadingF;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: linear;
  float: left;
}
.preloader-4 .preloader-type-4 .l-1 {
  animation-delay: 0.48s;
}
.preloader-4 .preloader-type-4 .l-2 {
  animation-delay: 0.6s;
}
.preloader-4 .preloader-type-4 .l-3 {
  animation-delay: 0.72s;
}
.preloader-4 .preloader-type-4 .l-4 {
  animation-delay: 0.84s;
}
.preloader-4 .preloader-type-4 .l-5 {
  animation-delay: 0.96s;
}
.preloader-4 .preloader-type-4 .l-6 {
  animation-delay: 1.08s;
}
.preloader-4 .preloader-type-4 .l-7 {
  animation-delay: 1.2s;
}
.preloader-4 .preloader-type-4 .l-8 {
  animation-delay: 1.32s;
}
.preloader-4 .preloader-type-4 .l-9 {
  animation-delay: 1.44s;
}
.preloader-4 .preloader-type-4 .l-10 {
  animation-delay: 1.56s;
}
@keyframes loadingF {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.preloader-4 .overlayDoor:before {
  left: -50%;
}
.preloader-4 .overlayDoor:after {
  right: -50%;
}

.cookies-wrapper {
  --main-color: #000;
  --cta-button-text-color: #fff;
  --cta-button-bg-hover: rgba(225,225,225,1);
}

.cookies-wrapper a,
.cookies-wrapper abbr,
.cookies-wrapper acronym,
.cookies-wrapper address,
.cookies-wrapper applet,
.cookies-wrapper article,
.cookies-wrapper aside,
.cookies-wrapper audio,
.cookies-wrapper b,
.cookies-wrapper big,
.cookies-wrapper blockquote,
.cookies-wrapper body,
.cookies-wrapper canvas,
.cookies-wrapper caption,
.cookies-wrapper center,
.cookies-wrapper cite,
.cookies-wrapper code,
.cookies-wrapper dd,
.cookies-wrapper del,
.cookies-wrapper details,
.cookies-wrapper dfn,
.cookies-wrapper div,
.cookies-wrapper dl,
.cookies-wrapper dt,
.cookies-wrapper em,
.cookies-wrapper embed,
.cookies-wrapper fieldset,
.cookies-wrapper figcaption,
.cookies-wrapper figure,
.cookies-wrapper footer,
.cookies-wrapper form,
.cookies-wrapper h1,
.cookies-wrapper h2,
.cookies-wrapper h3,
.cookies-wrapper h4,
.cookies-wrapper h5,
.cookies-wrapper h6,
.cookies-wrapper header,
.cookies-wrapper hgroup,
.cookies-wrapper html,
.cookies-wrapper i,
.cookies-wrapper iframe,
.cookies-wrapper img,
.cookies-wrapper ins,
.cookies-wrapper kbd,
.cookies-wrapper label,
.cookies-wrapper legend,
.cookies-wrapper li,
.cookies-wrapper mark,
.cookies-wrapper menu,
.cookies-wrapper nav,
.cookies-wrapper object,
.cookies-wrapper ol,
.cookies-wrapper output,
.cookies-wrapper p,
.cookies-wrapper pre,
.cookies-wrapper q,
.cookies-wrapper ruby,
.cookies-wrapper s,
.cookies-wrapper samp,
.cookies-wrapper section,
.cookies-wrapper small,
.cookies-wrapper span,
.cookies-wrapper strike,
.cookies-wrapper strong,
.cookies-wrapper sub,
.cookies-wrapper summary,
.cookies-wrapper sup,
.cookies-wrapper table,
.cookies-wrapper tbody,
.cookies-wrapper td,
.cookies-wrapper tfoot,
.cookies-wrapper th,
.cookies-wrapper thead,
.cookies-wrapper time,
.cookies-wrapper tr,
.cookies-wrapper tt,
.cookies-wrapper u,
.cookies-wrapper ul,
.cookies-wrapper var,
.cookies-wrapper video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.cookies-wrapper article,
.cookies-wrapper aside,
.cookies-wrapper details,
.cookies-wrapper figcaption,
.cookies-wrapper figure,
.cookies-wrapper footer,
.cookies-wrapper header,
.cookies-wrapper hgroup,
.cookies-wrapper menu,
.cookies-wrapper nav,
.cookies-wrapper section {
  display: block;
}

.cookies-wrapper body {
  line-height: 1;
}

.cookies-wrapper ol,
.cookies-wrapper ul {
  list-style: none;
}

.cookies-wrapper blockquote,
.cookies-wrapper q {
  quotes: none;
}

.cookies-wrapper blockquote:after,
.cookies-wrapper blockquote:before,
.cookies-wrapper q:after,
.cookies-wrapper q:before {
  content: "";
  content: none;
}

.cookies-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cookies-wrapper .bg-white {
  background-color: #fff;
}

.cookies-wrapper .dnone {
  display: none;
}

.cookies-wrapper .dblock {
  display: block;
}

.cookies-wrapper .diblock {
  display: inline-block;
}

.cookies-wrapper .dflex {
  display: flex;
  flex-wrap: wrap;
}

.cookies-wrapper .flex-center {
  justify-content: center;
  align-items: center;
}

.cookies-wrapper .f300 {
  font-weight: 300;
}

.cookies-wrapper .f400 {
  font-weight: 400;
}

.cookies-wrapper .f700 {
  font-weight: 700;
}

.cookies-wrapper .w100 {
  width: 100%;
}

.cookies-wrapper .h100 {
  height: 100%;
}

.cookies-wrapper .pabs {
  position: absolute;
}

.cookies-wrapper .prel {
  position: relative;
}

.cookies-wrapper .p0 {
  padding: 0;
}

.cookies-wrapper .m0 {
  margin: 0;
}

.cookies-wrapper .zi1 {
  z-index: 1;
}

.cookies-wrapper .zi5 {
  z-index: 5;
}

.cookies-wrapper .zi10 {
  z-index: 10;
}

.cookies-wrapper .zi15 {
  z-index: 15;
}

.cookies-wrapper .zi20 {
  z-index: 20;
}

.cookies-wrapper .oh {
  overflow: hidden;
}

.cookies-wrapper .box-shadow {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.13);
}

.cookies-wrapper .fix-height {
  transition: height 300ms ease;
}

.cookies-wrapper .content {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding-left: 150px;
  padding-right: 150px;
}

@media only screen and (max-width: 1200px) {
  .cookies-wrapper .content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .cookies-wrapper .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cookies-wrapper h1,
.cookies-wrapper h2,
.cookies-wrapper strong {
  font-weight: 900;
}

.cookies-wrapper .cookies * {
  box-sizing: border-box;
}

.cookies-wrapper .cookies {
  position: fixed;
  z-index: 100000;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  transition: transform 0.7s ease-out;
}

.cookies-wrapper .cookies.show {
  transform: translateY(0);
}

.cookies-wrapper .cookies .content {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies .content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.cookies-wrapper .cookies-accept {
  justify-content: space-between;
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .cookies-wrapper .cookies-accept {
    padding: 0 4vw;
  }
}
.cookies-wrapper .cookies-accept-content {
  width: calc(100% - 520px);
  padding-left: 90px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-accept-content {
    width: calc(100% - 480px);
    padding-left: 75px;
  }
}
@media only screen and (max-width: 1200px) {
  .cookies-wrapper .cookies-accept-content {
    width: calc(100% - 440px);
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-accept-content {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-accept-content:before {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-accept-content:before {
    top: 0;
    transform: none;
  }
}
@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies-accept-content:before {
    width: 28px;
    height: 28px;
  }
}
.cookies-wrapper .cookies-accept-headline {
  font-size: 40px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1700px) {
  .cookies-wrapper .cookies-accept-headline {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-accept-headline {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-accept-headline {
    height: 40px;
    line-height: 40px;
    padding-left: 60px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies-accept-headline {
    height: 40px;
    line-height: 28px;
    font-size: 24px;
    padding-left: 40px;
  }
}
.cookies-wrapper .cookies-accept-text {
  color: #49455c;
  line-height: 1.6;
  font-size: 14px;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-accept-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 420px) {
  .cookies-wrapper .cookies-accept-text {
    font-size: 13px;
    line-height: 1.6;
  }
}
.cookies-wrapper .cookies-accept-text a {
  color: var(--main-color);
  text-decoration: none;
}

.cookies-wrapper .cookies-accept-text a:hover {
  text-decoration: underline;
}

.cookies-wrapper .cookies-accept-buttons {
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-accept-buttons {
    width: 100%;
    margin-top: 20px;
    justify-content: flex-start;
  }
}
.cookies-wrapper .cookies-accept-buttons .cb-button {
  height: auto;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}

@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button {
    width: 160px;
    height: 40px;
  }
}
.cookies-wrapper .cookies-accept-buttons .cb-button-manage {
  font-size: 14px;
  line-height: 1.4em;
  border: 1px solid #1c1733;
  padding: 10px 15px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button-manage {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button-manage {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button-manage {
    line-height: 40px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 420px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button-manage {
    font-size: 12px;
    line-height: 36px;
  }
}
.cookies-wrapper .cookies-accept-buttons .cb-button-manage:hover {
  background-color: #f5f5fb;
}

.cookies-wrapper .cookies-accept-buttons .cb-button-accept {
  font-size: 14px;
  line-height: 1.4em;
  padding: 10px 15px;
  background-color: var(--main-color);
  color: var(--cta-button-text-color);
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button-accept {
    font-size: 14px;
  }
}
@media only screen and (max-width: 420px) {
  .cookies-wrapper .cookies-accept-buttons .cb-button-accept {
    font-size: 13px;
  }
}
.cookies-wrapper .cookies-accept-buttons .cb-button-accept:hover {
  background-color: var(--cta-button-bg-hover);
}

.cookies-wrapper .cookies-manage {
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s linear;
}

.cookies-wrapper .cookies-manage.displayed {
  opacity: 1;
  pointer-events: all;
}

.cookies-wrapper .cookies-manage-headline {
  font-size: 40px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1700px) {
  .cookies-wrapper .cookies-manage-headline {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-manage-headline {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-manage-headline {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies-manage-headline {
    height: 28px;
    line-height: 28px;
    font-size: 24px;
  }
}
.cookies-wrapper .cookies-manage-checkboxes {
  width: calc(100% - 200px);
  padding-right: 40px;
  justify-content: space-between;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-manage-checkboxes {
    width: calc(100% - 180px);
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-manage-checkboxes {
    width: 100%;
    padding: 0;
  }
}
.cookies-wrapper .cookies-manage-checkbox {
  width: calc(50% - 15px);
  color: #49455c;
  line-height: 1.8;
  font-size: 14px;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-manage-checkbox {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-manage-checkbox {
    width: 100%;
  }
  .cookies-wrapper .cookies-manage-checkbox:first-child {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 420px) {
  .cookies-wrapper .cookies-manage-checkbox {
    font-size: 11px;
    line-height: 1.6;
  }
}
.cookies-wrapper .cookies-manage-checkbox input[type=checkbox] {
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #c4c8d6;
  border-radius: 0;
  background-color: #fff;
  vertical-align: top;
  margin: 0;
  cursor: pointer;
  transition: border 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-manage-checkbox input[type=checkbox] {
    top: 3px;
  }
}
.cookies-wrapper .cookies-manage-checkbox input[type=checkbox][disabled] {
  cursor: default;
}

.cookies-wrapper .cookies-manage-checkbox input[type=checkbox][disabled]:checked {
  border: 1px solid #c4c8d6;
  background-color: #f5f5fb;
}

.cookies-wrapper .cookies-manage-checkbox input[type=checkbox]:checked {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
}

.cookies-wrapper .cookies-manage-checkbox label {
  padding-left: 40px;
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-manage-checkbox label {
    padding-left: 35px;
  }
}
.cookies-wrapper .cookies-manage-checkbox strong {
  font-size: 1.33em;
}

@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-manage-buttons {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-manage-buttons {
    display: flex;
  }
}
.cookies-wrapper .cookies-manage-buttons .cb-button {
  width: 200px;
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: var(--main-color);
  transition: background-color 150ms ease-in-out;
}

.cookies-wrapper .cookies-manage-buttons .cb-button-accept {
  color: var(--cta-button-text-color);
}

@media only screen and (max-width: 1400px) {
  .cookies-wrapper .cookies-manage-buttons .cb-button {
    width: 180px;
    height: 46px;
    font-size: 14px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 576px) {
  .cookies-wrapper .cookies-manage-buttons .cb-button {
    width: 160px;
    height: 40px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 420px) {
  .cookies-wrapper .cookies-manage-buttons .cb-button {
    width: 130px;
    height: 36px;
    font-size: 13px;
    line-height: 38px;
  }
}
.cookies-wrapper .cookies-manage-buttons .cb-button:hover {
  background-color: var(--cta-button-bg-hover);
}

.cookies-wrapper .cookies-manage-buttons .cb-button-back {
  background-color: #fff;
  border: 1px solid #1c1733;
  margin-top: 15px;
}

@media only screen and (max-width: 1024px) {
  .cookies-wrapper .cookies-manage-buttons .cb-button-back {
    margin-top: 0;
    margin-left: 15px;
  }
}
.cookies-wrapper .cookies-manage-buttons .cb-button-back:hover {
  background-color: #f5f5fb;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.header-wrap-ic svg path {
  transition: all 0.3s ease-in;
  stroke: var(--color-header-icon);
}
.header-wrap-ic svg:hover path {
  stroke: var(--color-header-icon_hover);
  fill: transparent;
}
.header-wrap-ic .header__icon--cart path {
  fill: var(--color-header-icon);
  stroke: unset;
}
.header-wrap-ic .header__icon--cart:hover path {
  fill: var(--color-header-icon_hover);
  stroke: unset;
}
.header-wrap-ic .icon-currency path {
  fill: var(--color-header-icon);
  stroke: unset;
}

.icon-currency svg {
  pointer-events: none;
}

.modal-curency {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-30%);
  transition: all 0.3s ease;
  z-index: 99;
  width: 300px;
  height: 200px;
  margin: auto;
  opacity: 0;
  visibility: hidden;
}

.open-modal-curency {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.overflow-hidden-currency {
  overflow: hidden;
}

.over-in-slide {
  background: #ffffff !important;
}

.section-header .header-wrapper {
  position: relative;
  padding: 0;
}

.top-center-new img {
  margin: auto;
}

.header {
  display: block;
}
.header .menu-buy-now {
  color: #ff0000 !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header .menu-buy-now::before {
  background: #ff0000;
}
.header .menu-buy-now svg {
  fill: #ff0000;
}
@media screen and (max-width: 1024px) {
  .header {
    display: none;
  }
}
.header__logo img {
  display: block;
  width: 100%;
}
.header__heading {
  font-size: 1.5rem;
}
.header .flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__menu {
  display: flex;
}
.header__menu > li {
  padding: 35px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 20px;
  margin-right: 20px;
}
.header__menu .mega-menu:hover .mega-sub {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header__menu .menu-drawer__menu-item {
  position: relative;
}
.header__menu .menu-drawer__menu-item .label-item-menu {
  position: absolute;
  top: -7px;
  right: -30px;
  width: 30px;
  height: 20px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 50px;
  font-size: 0.75rem;
}
.header__menu .menu-drawer__menu-item .label-hot {
  background: #f24b4b;
}
.header__menu .menu-drawer__menu-item .label-new {
  background: #6461ff;
}
.header__menu li a {
  position: relative;
  font-size: var(--navigation-font-size);
  letter-spacing: var(--navigation-letter-spacing);
  font-family: var(--navigation-font-family);
}
.header__menu li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.125rem;
  background: var(--color-text-header);
}
.header__menu li a:hover::before {
  width: 100%;
  transition: all 0.5s ease;
}
.header__menu li .sub-lv2 a:before {
  height: 0.063rem;
}
.header__menu li svg {
  margin-left: 5px;
  fill: var(--color-text-header);
}
.header__menu li .sub {
  width: 250px;
  background: #fff;
  left: -20px;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  top: 100%;
  z-index: 9999;
  pointer-events: none;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transform: translateY(30px);
}
.header__menu li .sub a {
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 36px;
}
.header__menu li .sub a:before {
  height: 0.063rem;
}
.header__menu li .sub-shadow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.0705882353);
}
.header__menu li:hover .sub {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  pointer-events: auto;
  transform: translateY(0);
}
.header__menu .menu-lv1 > a {
  color: var(--color-text-header);
  font-weight: var(--navigation-font-weight);
}
.header__menu .header__banner {
  max-width: 100%;
  width: 100%;
}
.header .header-icon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style-type: none;
  width: 25%;
}
.header .header-icon .modal__toggle-close {
  display: none;
}
.header .header-icon .icon-heart-normal {
  margin: 0 1.25rem;
}
.header .header__menu_main {
  width: 50%;
  justify-content: center;
}
.header .header__translate span,
.header .header__currency span {
  font-weight: 500;
}
.header .header__translate path,
.header .header__currency path {
  fill: #000 !important;
}
.header .header__logo {
  max-width: 200px;
}
.header__type-logo-top .header__menu > li {
  padding: 18px 0;
}
.header__type-logo-top .header-icon {
  width: unset;
  border-left: 1px solid #dfdfdf;
}
.header__type-logo-top .flex-header {
  background: #000;
}
.header__type-logo-top .flex-header .menu-lv1 > a {
  color: #ffffff;
}
.header__type-logo-top .flex-header .menu-lv1 path {
  fill: #fff;
}
.header__type-logo-top .flex-header .header-search {
  color: #fff;
}
.header__type-logo-top .flex-header .header-search path {
  stroke: #ffffff;
}
.header__type-logo-top .flex-header .menu-lv1:first-child {
  margin-left: 0;
}
.header .status-item-menu {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0 6px;
  line-height: 1.4;
  position: absolute;
  right: -20px;
  top: -18px;
}
.header .status-item-menu::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 5px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  border-bottom: solid 5px transparent;
  border-right: solid 5px transparent;
}

.header-wrapper--border-bottom {
  border-bottom: 1px solid #eee;
}

.mega-sub {
  transition: all 0.3s ease;
  top: 100%;
  left: 0;
  right: 0;
  transform: translateY(30px);
  background: #fff;
  z-index: 99;
  padding: 30px;
  visibility: hidden;
  opacity: 0;
}
.mega-sub .header__product {
  max-width: 40%;
  width: 40%;
}
.mega-sub .header__product .card__btn,
.mega-sub .header__product .card__actions {
  display: none;
}
.mega-sub .header__product .card__heading:hover::after {
  width: 0;
}
.mega-sub__heading > a {
  display: inline-flex;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625em;
  /* identical to box height, or 162% */
  text-transform: uppercase;
}
.mega-sub__item {
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 2.25em;
}
.mega-sub__btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.mega-sub__btn a::before {
  bottom: -2px !important;
  width: 100% !important;
}
.mega-sub__btn a:hover::before {
  width: 0 !important;
}

.mega-sub__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.mega-sub__list > * {
  max-width: 20%;
  width: 20%;
}

.scroll-down .section-header__sticky {
  transform: translate3d(0, -100%, 0);
}

.section-header__sticky {
  position: sticky;
  top: 0;
  z-index: 999;
  transition: transform 0.5s ease;
}

body {
  position: relative;
}

.menu-item--active > a:before {
  width: 100% !important;
}

@media (max-width: 1024px) {
  .section-header .header-wrapper {
    padding: 0;
  }
}
@media (max-width: 592px) {
  .announcement-bar {
    height: unset;
    line-height: unset;
    padding: 10px 0;
  }
  .flex-announcement-bar {
    display: block;
  }
}
.header__icon .icon-contain-count {
  position: relative;
}
.header__icon .icon-contain-count .badge-count.hidden {
  display: none;
}
.header__icon .icon-contain-count .badge-count {
  padding: 0 8px;
  position: absolute;
  top: -10px;
  right: -10px;
  background: var(--color-bg-count-wishlist-cart);
  color: var(--color-text-count-wishlist-cart);
  border-radius: 50%;
  font-size: 0.75rem;
  width: 20px;
  height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

button.icon-contain-count:hover svg path {
  stroke: unset;
  fill: #ffae47;
}

.full-container {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.stand-middle-left {
  padding-left: 15px;
  padding-right: 15px;
}
.stand-middle-left .header-icon {
  width: unset;
}

.stand-top-center {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
}
.stand-top-center .header__logo {
  width: 100%;
  text-align: center;
  margin: auto;
}
.stand-top-center .header__menu > li {
  padding: 25px 0;
}
.stand-top-center .header__menu {
  width: unset;
}
.stand-top-center .header__icon {
  width: unset;
}
.stand-top-center .header__currency {
  margin-right: 0;
}

.stand-top-left {
  padding-left: 0;
  padding-right: 0;
}
.stand-top-left .top-left-new {
  padding-top: 40px;
  padding-bottom: 40px;
}
.stand-top-left .top-left-new-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stand-top-left .top-left-new-wrap .header__icon--cart {
  fill: transparent;
  stroke: transparent;
}
.stand-top-left .top-left-new-wrap .header__search svg {
  fill: transparent;
}
.stand-top-left .top-left-new-wrap .menu-lv2 a {
  color: #000 !important;
}
.stand-top-left .header__type-menu-left {
  background: #000;
}
.stand-top-left .header__type-menu-left .header__menu > li {
  padding: 18px 0;
}
.stand-top-left .header__type-menu-left .header__menu > li:first-child {
  margin-left: 0;
}
.stand-top-left .header__type-menu-left .header__menu li a {
  color: #fff;
}
.stand-top-left .wrap-language {
  display: flex;
  align-items: center;
}
.stand-top-left .wrap-language .header-icon {
  width: auto;
  margin-left: 1.875rem;
}
.stand-top-left a.icon-contain-count {
  margin-left: 0;
}
.stand-top-left .header__search svg path {
  stroke: #fff;
}

.mega-menu-block .status-lv-diff-1,
.mega-sub__list .status-lv-diff-1 {
  border-radius: 60px;
  font-size: 0.75rem;
  padding: 1px 8px;
  line-height: 1.4;
  position: absolute;
  right: -45px;
  top: -4px;
}
.mega-menu-block .row-custom,
.mega-sub__list .row-custom {
  display: flex;
}
.mega-menu-block .menu-product,
.mega-sub__list .menu-product {
  margin-bottom: 50px;
}
.mega-menu-block .mega-menu-block__list-menu,
.mega-sub__list .mega-menu-block__list-menu {
  display: flex;
  flex-basis: 60%;
}
.mega-menu-block .menu-item-mega-block,
.mega-sub__list .menu-item-mega-block {
  flex: 1;
}
.mega-menu-block .menu-item-mega-block:last-child,
.mega-sub__list .menu-item-mega-block:last-child {
  margin-right: 0;
}
.mega-menu-block .menu-item-mega-block h4,
.mega-sub__list .menu-item-mega-block h4 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.mega-menu-block .menu-item-mega-block ul li,
.mega-sub__list .menu-item-mega-block ul li {
  margin-bottom: 10px;
}
.mega-menu-block .menu-item-mega-block ul li:last-child,
.mega-sub__list .menu-item-mega-block ul li:last-child {
  margin-bottom: 0;
}
.mega-menu-block .menu-item-mega-block ul li a,
.mega-sub__list .menu-item-mega-block ul li a {
  font-size: 1rem;
  font-weight: 300;
  display: inline;
}
.mega-menu-block .menu-item-mega-block ul li a::before,
.mega-sub__list .menu-item-mega-block ul li a::before {
  height: 1px;
}
.mega-menu-block .mega-menu-block__list-product,
.mega-sub__list .mega-menu-block__list-product {
  flex-basis: 40%;
  overflow: hidden;
}
.mega-menu-block .mega-menu-block__list-product .card variant-radios-storepify,
.mega-sub__list .mega-menu-block__list-product .card variant-radios-storepify {
  display: none;
}
.mega-menu-block .mega-menu-block__list-product .card__media .media img,
.mega-sub__list .mega-menu-block__list-product .card__media .media img {
  position: unset;
}
.mega-menu-block .mega-menu-block__list-product .card .quick-add-atc,
.mega-sub__list .mega-menu-block__list-product .card .quick-add-atc {
  display: none;
}
.mega-menu-block .mega-menu-block__list-product .card .product-item-actions,
.mega-sub__list .mega-menu-block__list-product .card .product-item-actions {
  display: none;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head,
.mega-sub__list .mega-menu-block__list-product .list-product-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head h3,
.mega-sub__list .mega-menu-block__list-product .list-product-head h3 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head__navigation,
.mega-sub__list .mega-menu-block__list-product .list-product-head__navigation {
  display: flex;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head__navigation span,
.mega-sub__list .mega-menu-block__list-product .list-product-head__navigation span {
  display: flex;
  cursor: pointer;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head__navigation .icon-prev-type1,
.mega-sub__list .mega-menu-block__list-product .list-product-head__navigation .icon-prev-type1 {
  margin-right: 15px;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head__navigation .swiper-button-disabled,
.mega-sub__list .mega-menu-block__list-product .list-product-head__navigation .swiper-button-disabled {
  opacity: 0.3;
}
.mega-menu-block .mega-menu-block__list-product .list-product-head__navigation svg,
.mega-sub__list .mega-menu-block__list-product .list-product-head__navigation svg {
  width: 7px;
  fill: transparent;
}
.mega-menu-block .mega-menu-block__list-product a:before,
.mega-sub__list .mega-menu-block__list-product a:before {
  display: none;
}
.mega-menu-block .mega-menu-block__list-banner,
.mega-sub__list .mega-menu-block__list-banner {
  display: flex;
  margin: 0 -15px;
}
.mega-menu-block .mega-menu-block__list-banner img,
.mega-sub__list .mega-menu-block__list-banner img {
  padding: 0 15px;
  width: 100%;
}
.mega-menu-block .mega-menu-block__list-banner a,
.mega-sub__list .mega-menu-block__list-banner a {
  display: block;
  cursor: pointer;
}
.mega-menu-block .mega-menu-block__list-banner a:hover::before,
.mega-sub__list .mega-menu-block__list-banner a:hover::before {
  display: none;
}

.menu-drawer__account {
  margin-left: 15px;
}

.mega-demo-sub {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  z-index: 999;
}
.mega-demo-sub .item-demo {
  max-width: 14.2%;
  width: 14.2%;
  margin-bottom: 30px;
  padding: 0 15px;
}
.mega-demo-sub .item-demo h5 a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.mega-demo-sub .item-demo h5 a:before {
  height: 1px;
}
.mega-demo-sub .item-demo__img {
  margin-bottom: 15px;
  top: 0;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 100%;
  height: 164px;
}
.mega-demo-sub .item-demo__img:before {
  display: none;
}
.mega-demo-sub .item-demo__label {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
}
.mega-demo-sub .item-demo__label .label--new {
  background: #39b53e;
}
.mega-demo-sub .item-demo__label .label--hot {
  background: #ff0000;
}
.mega-demo-sub .item-demo__label .label-wrap {
  position: absolute;
  width: 200%;
  height: 20px;
  left: -20px;
  top: 10px;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega-demo-sub .item-demo__label .label-wrap span {
  position: absolute;
  width: 25px;
  height: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 10px;
  /* identical to box height, or 100% */
  text-transform: uppercase;
  color: #ffffff;
}
.mega-demo-sub .item-demo:hover .item-demo__img {
  box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.14);
  transform: translate3d(0, -15px, 0);
}

@media (min-width: 1023px) and (max-width: 1290px) {
  .mega-menu-block .menu-item-mega-block {
    margin-right: 55px;
  }
  .mega-menu-block .mega-menu-block__list-menu {
    flex-basis: 60%;
  }
  .mega-menu-block .mega-menu-block__list-product {
    flex-basis: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .header__logo img {
    margin: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .mega-demo-sub {
    overflow: scroll;
    height: 600px;
  }
  .mega-demo-sub .item-demo__img {
    height: auto !important;
  }
  .mega-demo-sub .item-demo {
    width: 20% !important;
    max-width: 20% !important;
  }
}
.hover_type_1 .header__menu .menu-item .sub-shadow {
  transition: all 0.6s ease 0s;
  transition-delay: 0s;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(1, 0, 0, -90deg);
  top: 100%;
  transform-origin: 0 0;
}
.hover_type_1 .header__menu .menu-item:hover .sub-shadow {
  opacity: 1;
  visibility: visible;
  animation-iteration-count: 1;
  z-index: 2;
  transform: none;
}

.hover_type_basic .sub-shadow {
  transform: none !important;
}
.hover_type_basic .sub-shadow:hover {
  transform: none !important;
}

.submenu-type1__left {
  border-right: 1px solid #cacaca;
  padding-right: 40px;
}
.submenu-type1__right {
  padding-left: 40px;
}
.submenu-type1__right__title {
  font-size: 18px;
  font-weight: 500;
}
.submenu-type1__right__title::before {
  height: 0.063rem !important;
}
.submenu-type1__nav__link {
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
}
.submenu-type1__nav__link::before {
  height: 0.063rem !important;
}

.header-transparent {
  position: fixed;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 9;
}
@media (max-width: 1024px) {
  .header-transparent {
    top: 0 !important;
  }
}
.header-transparent .header-wrapper {
  background: transparent;
}
.header-transparent .bg-header {
  background: #fff;
}
.header-transparent .bg-header .header__menu .menu-lv1 > a {
  color: #000;
}
.header-transparent .bg-header .header__menu .menu-lv1 > a::before {
  background: #000;
}
.header-transparent .bg-header .header__menu .menu-lv1 > a svg {
  fill: #000;
}
.header-transparent .bg-header .header-wrap-ic svg path {
  stroke: #000;
}
.header-transparent .bg-header .header-wrap-ic .header__icon--cart path {
  stroke: unset;
  fill: #000;
}
.header-transparent .header__menu .menu-lv1 > a {
  color: #fff;
}
.header-transparent .header__menu .menu-lv1 > a::before {
  background: #fff;
}
.header-transparent .header__menu .menu-lv1 > a svg {
  fill: #fff;
}
.header-transparent .header-wrap-ic svg path {
  stroke: #fff;
}
.header-transparent .header-wrap-ic .header__icon--cart path {
  stroke: unset;
  fill: #fff;
}

@media (min-width: 1025px) and (max-width: 1080px) {
  .header__menu > li {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.header-ds1 .header__logo {
  width: unset;
  flex: 1;
}
.header-ds1 .search-modal {
  width: unset;
  height: 100%;
  justify-content: flex-end;
  flex: 2;
  max-width: 575px;
  margin: auto;
}
.header-ds1 .stand-top-left .wrap-language {
  justify-content: flex-end;
}
@media (max-width: 1320px) {
  .header-ds1 .search-modal {
    justify-content: center;
    flex: 2;
  }
  .header-ds1 .stand-top-left .wrap-language {
    justify-content: flex-end;
    flex: unset;
  }
  .header-ds1 .wrapper-time-house {
    display: none;
  }
}
.header-ds1 #predictive-search-option-search-keywords {
  display: inline-block;
}
.header-ds1 .field {
  border: 1px solid #eee;
}
.header-ds1 .field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: "";
  padding-left: 25px;
  padding-right: 45px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  flex: 1;
}
.header-ds1 .field .icon-arrow-down {
  stroke: unset;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.header-ds1 .search__input {
  border: none;
  border-right: 1px solid #eee;
  min-width: unset;
  width: 370px;
}
.header-ds1 .wrapper-time-house .config-time-house h4 {
  font-size: 0.875rem;
  font-weight: 500;
}
.header-ds1 .menu-categories {
  width: 320px;
  margin-right: 50px;
  position: relative;
  cursor: pointer;
}
.header-ds1 .menu-categories:hover .wrapper-mega-menu-all-cate {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header-ds1 .menu-categories__nav {
  padding: 15px;
}
.header-ds1 .nav__title--icon svg {
  margin-right: 15px;
}
.header-ds1 .nav__title--icon p {
  font-weight: 500;
  font-size: 14px;
}
.header-ds1 .wrapper-mega-menu-all-cate {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  transform: translateY(-20px);
}
.header-ds1 .cate-title img {
  max-width: 20px;
  max-height: 20px;
  margin-right: 15px;
}
.header-ds1 .cate-title .icon-header-img-default {
  max-width: 20px;
  max-height: 20px;
  margin-right: 15px;
  background: #ccc;
  border-radius: 50%;
}
.header-ds1 .menu-categories__content .cate-menu-lv1 {
  padding: 12px 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.header-ds1 .menu-categories__content .cate-menu-lv1:hover {
  background-color: #f7f7f7;
}
.header-ds1 .menu-categories__content .cate-menu-lv1:hover .sub-menu-category {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header-ds1 .menu-categories__content--title {
  font-weight: 500;
  font-size: 14px;
  flex: 2;
  color: #000;
}
.header-ds1 .sub-menu-category {
  position: absolute;
  left: 100%;
  top: 0;
  transform: translateY(15px);
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  height: 100%;
}
.header-ds1 .sub-menu-category ul {
  width: 33.333%;
  margin-bottom: 10px;
}
.header-ds1 .sub-menu-category ul ul {
  width: 100%;
}
@media (min-width: 1320px) {
  .header-ds1 .sub-menu-category {
    width: 1000px !important;
  }
}
.header-ds1 .list-mn-category {
  padding: 30px;
  background-color: #fff;
}
.header-ds1 .list-mn-category li {
  padding: 5px 0;
}
.header-ds1 .list-mn-category a {
  font-size: 14px;
  font-weight: 400;
}
.header-ds1 .list-mn-category .sub-cate-lv1 {
  font-weight: 500;
}
.header-ds1 .menu-lv1 .menu-lv2 a {
  color: #000 !important;
}
.header-ds1 .header-menu-wrap {
  width: 100%;
}

.announcement-bar {
  background: #000000;
  color: #ffffff;
  padding: 5px 30px;
  transition: all 0.5s ease;
}
@media (max-width: 1320px) {
  .announcement-bar {
    padding: 5px 0;
  }
}

.announcement-bar__left .font-normal {
  color: #bababa;
}
.announcement-bar__left .font-medium {
  color: #ffffff;
}

@media (max-width: 1024px) {
  .announcement-bar {
    display: none;
  }
}
.announcement-bar option {
  color: #000;
}
.announcement-bar select {
  cursor: pointer;
}
.announcement-bar__translate select {
  background: transparent;
  border: none;
  color: #ffffff;
}
.announcement-bar__translate select:focus-visible {
  outline: none;
}
.announcement-bar__currency select {
  background: transparent;
  border: none;
  color: #ffffff;
}
.announcement-bar__currency select:focus-visible {
  outline: none;
}

.disclosure__item a {
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .disclosure__item a {
    color: #000;
  }
}
.disclosure__item a svg {
  margin-right: 10px;
}

.style1__left b {
  color: #fff;
}
.style1__left * {
  font-size: 14px;
}

@media (max-width: 767px) {
  .style1__right {
    display: none;
  }
}

.desktop .shopify-localization-form .disclosure.open .disclosure__button > svg {
  transform: rotate(180deg);
}
.desktop .shopify-localization-form .disclosure.open .disclosure__list {
  opacity: 1;
  visibility: visible;
  top: 28px;
}
.desktop .shopify-localization-form .disclosure__list {
  position: absolute;
  padding: 15px;
  top: 40px;
  background: #000;
  z-index: 9999;
  width: 100px;
  max-height: 200px;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.desktop .shopify-localization-form .disclosure__list::-webkit-scrollbar {
  display: none;
}
.desktop .shopify-localization-form .disclosure__button * {
  pointer-events: none;
}
.desktop .shopify-localization-form .disclosure__button svg {
  margin-left: 10px;
}

.mobile .shopify-localization-form .disclosure__list {
  position: relative;
  padding: 15px 0;
  top: 100%;
  background: #fff;
  z-index: 9999;
}
.mobile .shopify-localization-form .disclosure__button {
  display: none;
}
.mobile .shopify-localization-form .disclosure__button svg {
  margin-left: 10px;
}

.style2__left {
  position: relative;
}
.style2__left p {
  font-size: 14px;
  margin-right: 5px;
}
.style2__left a {
  position: relative;
}
.style2__left a::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  transition: all 0.5s ease;
}
.style2__left a:hover::before {
  width: 0;
}
.style2__left .announcement-bar__close {
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.style2__left .announcement-bar__close svg {
  width: 12px;
  z-index: -1;
}
.style2__left .announcement-bar__close::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: transparent;
}

.close-announ {
  transform: translateY(-100%);
  height: 0;
  transition: height 0.5s ease;
}

.announcement-bar--style3 {
  padding: 0;
  height: 40px;
}
.announcement-bar--style3 .announcement-bar__left span {
  text-decoration: underline;
  font-weight: 300;
  text-shadow: 0.5px 0 0 #fff;
}
.announcement-bar--style3 .announcement-bar__register {
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 20px;
  transition: all 0.5s ease;
  letter-spacing: 1px;
}
.announcement-bar--style3 .announcement-bar__register:hover {
  background: #fff;
  color: #000;
  transition: all 0.5s ease;
}
.announcement-bar--style3 .announcement-bar__account {
  border-left: 2px solid #fff;
  letter-spacing: 1px;
  width: 115px;
  transition: all 0.5s ease;
  position: relative;
}
.announcement-bar--style3 .announcement-bar__account::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  z-index: 2;
}
.announcement-bar--style3 .announcement-bar__account svg {
  margin-left: 10px;
}
.announcement-bar--style3 .announcement-bar__account:hover {
  background: #ffffff;
  color: #000;
}
.announcement-bar--style3 .announcement-bar__account:hover svg path {
  stroke: #000;
}

.announcement-bar__popup {
  max-height: 0;
  background: #eee;
  transition: max-height 0.5s ease;
  overflow: hidden;
}
.announcement-bar__popup a {
  border: 1px solid #000;
}
.announcement-bar__popup #header-email-signup-desc {
  font-size: 1.563rem;
  line-height: 1.4em;
}

.ab-account__menu {
  transition: max-height 0.5s ease;
  max-height: 0;
  position: absolute;
  width: 250px;
  top: 100%;
  right: 0;
  z-index: 9;
  background: #eee;
  box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}
.ab-account__menu ul li {
  border-bottom: 2px solid #fff;
  text-transform: uppercase;
  padding: 10px 15px;
  position: relative;
}
.ab-account__menu ul li:hover {
  background: #000;
}
.ab-account__menu ul li:hover a {
  color: #fff;
}
.ab-account__menu ul li:last-child {
  border: 0;
}
.ab-account__menu ul li a {
  text-transform: uppercase;
  font-size: 12px;
}
.ab-account__menu ul li a::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: transparent;
  z-index: 2;
}

.announcement-bar__popup.show-register {
  display: block;
  max-height: 500px;
  transition: max-height 0.5s ease;
}

.show-register-account .ab-account__menu {
  max-height: -moz-max-content;
  max-height: max-content;
  transition: max-height 0.3s ease;
}

.tp-footer {
  position: relative;
}

.newsletter-form-ft .newsletter__email {
  padding: 0;
}
.newsletter-form-ft input {
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 60px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  margin-bottom: 10px;
  font-weight: 400;
  max-width: 400px;
  display: block;
}
.newsletter-form-ft .newsletter-form__button {
  border-radius: 60px;
  padding: 8px 24px;
}
.newsletter-form-ft .newsletter-form__message {
  margin-bottom: 10px;
  font-size: 14px;
  background: #e6ffec;
  padding: 5px 20px;
  font-weight: 400;
  border-radius: 60px;
}

.footer__top {
  padding-bottom: 60px;
}
.footer__top .footer__logo {
  max-width: 200px;
}
.footer__top .footer__logo img {
  width: auto;
}
.footer__top .sub-menu-footer li:last-child {
  margin-bottom: 0;
}
.footer__top .footer__contact .footer-details-content-item {
  color: var(--color-secondary);
}
.footer__top .footer__contact .contact-phone .icon-contact,
.footer__top .footer__contact .contact-email .icon-contact {
  background-color: #f1f1f1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__top .footer__contact .contact-phone .contact-text,
.footer__top .footer__contact .contact-email .contact-text {
  font-weight: 400;
  font-size: var(--font-size-18);
}
.footer__top .footer__title {
  font-size: var(--font-size-18);
  text-transform: uppercase;
  margin-bottom: 30px;
}
.footer__top .footer__title span {
  font-weight: 500;
}
.footer__top .footer__title svg {
  display: none;
}
.footer__top ul li {
  font-weight: 400;
}
.footer__top ul li a {
  transition: all 0.5s ease;
  font-weight: 400;
  font-size: var(--font-size-16);
}
.footer__top ul li a:hover {
  color: #000;
}

.footer__bottom {
  border-top: 1px solid #ebebeb;
  padding: 35px 0;
}
.footer__bottom .footer__copyright {
  width: 50%;
  font-weight: var(--font-weight-300);
}
.footer__bottom .footer__payment {
  width: 40%;
}
.footer__bottom .footer__payment ul {
  display: flex;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
}
.footer__bottom .footer__payment ul li {
  padding: 0 10px;
}
.footer__bottom .footer__list-social {
  width: 10%;
}
.footer__bottom .footer__list-social li svg {
  transition: all 0.5s ease;
}
.footer__bottom .footer__list-social li svg:hover {
  transform: scale3d(1.1, 1.1, 1.1);
}
.footer__bottom .footer__list-social li svg:hover path,
.footer__bottom .footer__list-social li svg:hover rect {
  fill: #47a6ff;
  transition: all 0.5s ease;
}
.footer__bottom .footer__list-social li:last-child {
  margin-right: 0;
}

#backToTop {
  width: 60px;
  height: 60px;
  opacity: 0;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  outline: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease;
}
#backToTop:hover svg {
  transform: translate(-50%, -100%);
}
#backToTop svg {
  transition: all 0.5s ease;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
#backToTop path {
  fill: #000;
}

.logo-img {
  width: auto;
}

@media (max-width: 1366px) {
  .footer-contact {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-contact .contact-phone,
  .footer-contact .contact-email {
    margin-bottom: 5px;
  }
}
@media (max-width: 1200px) {
  .tp-footer .footer__bottom {
    padding: 35px 15px;
  }
  #backToTop {
    right: 15px;
    width: 40px;
    height: 40px;
    z-index: 99;
  }
}
@media (max-width: 1024px) {
  .tp-footer .footer__top {
    flex-wrap: wrap;
  }
  .tp-footer .footer__col {
    width: 50%;
    margin-bottom: 30px;
  }
  .tp-footer .footer__bottom .footer__copyright,
  .tp-footer .footer__bottom .footer__payment,
  .tp-footer .footer__bottom .footer__list-social {
    width: 33.33%;
  }
  .tp-footer .footer__bottom .footer__payment {
    flex-wrap: nowrap;
  }
  .tp-footer .footer__bottom .footer__payment li {
    margin-bottom: 5px;
    padding: 0 5px;
  }
  .tp-footer .footer__bottom .footer__list-social {
    justify-content: flex-end;
  }
}
@media (max-width: 992px) {
  .footer__top {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .footer__top .footer__col .footer-details-content-item {
    max-width: 300px;
  }
  .footer__bottom {
    padding: 30px 15px;
  }
}
@media (max-width: 576px) {
  .footer__bottom_wrap {
    padding: 0;
    display: block !important;
  }
  .footer__bottom_wrap .footer__copyright {
    margin-bottom: 10px;
  }
  .footer__bottom_wrap .footer__payment ul li:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #backToTop {
    bottom: 80px;
  }
  .tp-footer .footer__col {
    width: 100%;
  }
  .tp-footer .footer__col .footer-details-content-item {
    max-width: unset;
  }
  .tp-footer .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .tp-footer .footer__bottom .footer__copyright,
  .tp-footer .footer__bottom .footer__payment,
  .tp-footer .footer__bottom .footer__list-social {
    width: 100%;
  }
  .tp-footer .footer__bottom .footer__copyright,
  .tp-footer .footer__bottom .footer__payment {
    margin-bottom: 20px;
  }
  .tp-footer .footer__bottom .footer__payment {
    flex-wrap: wrap;
  }
  .tp-footer .footer__bottom .footer__list-social {
    justify-content: flex-start;
  }
  .footer__top .footer__title {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  .footer__top .footer__title span {
    font-weight: 500;
  }
  .footer__top .footer__title svg {
    display: block;
    transition: all 0.5s ease;
  }
  .sub-menu-footer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }
  .sub-menu-footer .menu-item:first-child {
    margin-top: 15px;
  }
  .sub-menu-footer .newsletter-subtext {
    margin-top: 15px;
  }
}
.footbar-fixed {
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
}
.footbar-fixed .product-notification.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.footbar-fixed .product-notification {
  position: fixed;
  border: 1px solid #e7e7e7;
  bottom: 70px;
  z-index: 999;
  background: #fff;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  transform: translateY(100%);
}
.footbar-fixed .product-notification.notifi-left {
  left: 30px;
}
@media (max-width: 767px) {
  .footbar-fixed .product-notification.notifi-left {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 560px) {
  .footbar-fixed .product-notification.notifi-left {
    left: 15px;
    right: 15px;
    transform: unset;
  }
}
.footbar-fixed .product-notification.notifi-right {
  right: 30px;
}
@media (max-width: 767px) {
  .footbar-fixed .product-notification.notifi-right {
    left: 50%;
    transform: translateX(-50%);
    right: unset;
  }
}
@media (max-width: 560px) {
  .footbar-fixed .product-notification.notifi-right {
    left: 15px;
    right: 15px;
  }
}
.footbar-fixed .product-suggest {
  display: flex;
}
.footbar-fixed .product-image {
  margin-right: 15px;
  display: block;
  max-width: 80px;
}
.footbar-fixed .product-image img {
  width: 100%;
}
.footbar-fixed .column-right {
  max-width: 250px;
  align-self: center;
}
.footbar-fixed .column-right p {
  font-size: 14px;
  margin-bottom: 0;
}
.footbar-fixed .column-right .product-name {
  font-weight: 500;
}
.footbar-fixed .column-right .info-ago {
  margin-top: 4px;
}
.footbar-fixed .column-right .info-ago .time-text {
  font-size: 14px;
  font-weight: lighter;
  color: #818181;
}
.footbar-fixed .close {
  top: 0;
  right: 0;
  padding: 10px;
  transition: all 0.5s ease;
}
.footbar-fixed .close:hover {
  background: #e7e7e7;
}
.footbar-fixed .close:hover svg {
  transform: rotate(180deg);
}
.footbar-fixed .close svg {
  width: 10px;
  height: 10px;
  stroke: black;
  transition: all 0.5s ease;
}

.swiperProType1 {
  max-width: 100%;
}

.tp-product-detail__left .swiperProType1 img {
  height: auto;
}
.tp-product-detail__left .swiperProType1 .products-vertical-prev,
.tp-product-detail__left .swiperProType1 .products-vertical-next {
  position: absolute;
  width: unset;
  background: transparent;
  top: 50%;
  transition: all 0.5s ease;
  transform: translateY(-50%) rotate(90deg);
  opacity: 1;
  z-index: 999;
}
.tp-product-detail__left .swiperProType1 .products-vertical-prev {
  left: 5px;
  right: auto;
}
.tp-product-detail__left .swiperProType1 .products-vertical-next {
  transform: translateY(-50%) rotate(-90deg);
  right: 5px;
  left: auto;
}

.type-thumb-horizontal .tp-product-detail__left_wrap {
  flex-direction: column-reverse;
}
.type-thumb-horizontal .tp-product-detail__left .products-vertical__thumb {
  width: unset;
  margin-right: 0;
}
.type-thumb-horizontal .tp-product-detail__left .products-vertical__thumb .products-vertical-prev,
.type-thumb-horizontal .tp-product-detail__left .products-vertical__thumb .products-vertical-next {
  width: unset;
  background: transparent;
  top: 50%;
  margin-top: -9px;
}
.type-thumb-horizontal .tp-product-detail__left .products-vertical__thumb .products-vertical-prev {
  transform: rotate(90deg);
  left: 0;
  right: auto;
}
.type-thumb-horizontal .tp-product-detail__left .products-vertical__thumb .products-vertical-next {
  transform: rotate(-90deg);
  right: 0;
  left: auto;
}
.type-thumb-horizontal .products-vertical__thumb {
  height: unset !important;
}
.type-thumb-horizontal .tp-product-detail__left .tp-img-thumb {
  width: 100% !important;
}
.type-thumb-horizontal .swiperProType1 {
  margin-bottom: 20px;
}

.type-thumb-vertical .swiperProType1 {
  width: 80%;
}
@media (max-width: 1021px) {
  .type-thumb-vertical .swiperProType1 {
    width: 100%;
  }
}
@media (min-width: 1022px) and (max-width: 1290px) {
  .type-thumb-vertical .products-vertical__thumb {
    width: 120px !important;
  }
  .type-thumb-vertical .swiperProType1 {
    width: 450px;
  }
}

.tp-product-detail__left {
  width: 50%;
}
.tp-product-detail__left_wrap {
  max-width: 100%;
}
.tp-product-detail__left .swiper-button-disabled {
  opacity: 0.2 !important;
  cursor: default;
}
.tp-product-detail__left .item-thumb {
  display: flex;
  align-items: center;
}
.tp-product-detail__left .zoom {
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  height: 100%;
}
.tp-product-detail__left .zoom img:hover {
  opacity: 0;
}
.tp-product-detail__left .zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  height: 100%;
}
.tp-product-detail__left .products-vertical__thumb {
  margin-right: 15px;
  position: relative;
  overflow: hidden;
  width: 20%;
}
.tp-product-detail__left .products-vertical__thumb .products-vertical-prev,
.tp-product-detail__left .products-vertical__thumb .products-vertical-next {
  position: absolute;
  opacity: 0;
  text-align: center;
  background: #e4e0e0;
  width: 100%;
  height: 20px;
  z-index: 999;
}
.tp-product-detail__left .products-vertical__thumb .products-vertical-prev svg,
.tp-product-detail__left .products-vertical__thumb .products-vertical-next svg {
  display: unset;
}
.tp-product-detail__left .products-vertical__thumb .products-vertical-prev {
  left: 50%;
  top: 0;
  transform: translate(-50%, 0) rotate(180deg);
}
.tp-product-detail__left .products-vertical__thumb .products-vertical-next {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.tp-product-detail__left .products-vertical__thumb .swiper-button-disabled {
  display: none;
}
.tp-product-detail__left .products-vertical__thumb:hover .products-vertical-prev,
.tp-product-detail__left .products-vertical__thumb:hover .products-vertical-next {
  opacity: 1;
}
.tp-product-detail__left .wp-img-thumb {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.tp-product-detail__left .wp-img-thumb:hover .tp-img-thumb__item {
  filter: brightness(80%);
  transition: all 0.5s ease;
}
.tp-product-detail__left .wp-img-thumb img {
  max-height: 680px;
}
.tp-product-detail__left .wp-img-thumb svg {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 0;
}
.tp-product-detail__left .wp-img-thumb .icon-media-type svg {
  opacity: 1;
  background-color: #000;
  padding: 3px 4px;
  fill: #fff;
  top: 2px;
  right: 2px;
  width: 20px;
  border-radius: 5px;
}
.tp-product-detail__left .wp-img-thumb:hover svg {
  opacity: 1;
  transition: all 0.5s ease;
}
.tp-product-detail__left .wp-img-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
}
.tp-product-detail__left .swiper-slide-thumb-active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.type-two-collumns .tp-img-product {
  width: 50%;
}

.type-one-collumns .tp-number {
  display: none;
}
.type-one-collumns .tp-img-product {
  width: 100%;
}
.type-one-collumns .tp-product-detail__left {
  overflow-y: unset;
  height: unset !important;
}
.type-one-collumns .tp-product-detail__right-wrapper {
  position: sticky;
  top: 30px;
}

.type-two-collumns .tp-product-detail__left,
.type-one-collumns .tp-product-detail__left {
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE 11 */
  scrollbar-width: none;
  /* Firefox 64 */
}
.type-two-collumns .tp-product-detail__left::-webkit-scrollbar,
.type-one-collumns .tp-product-detail__left::-webkit-scrollbar {
  display: none;
}
.type-two-collumns .add-tp-product,
.type-one-collumns .add-tp-product {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -7.5008px;
  margin-right: -7.5008px;
  box-sizing: border-box;
}
.type-two-collumns .tp-img-product,
.type-one-collumns .tp-img-product {
  padding: 0 7.5008px;
  margin-bottom: 15px;
  position: relative;
}
.type-two-collumns .tp-img-product:last-child,
.type-one-collumns .tp-img-product:last-child {
  margin-bottom: 0;
}
.type-two-collumns .tp-img-product .tp-img-product__item,
.type-one-collumns .tp-img-product .tp-img-product__item {
  width: 100%;
}
.type-two-collumns .tp-img-product .tp-number,
.type-one-collumns .tp-img-product .tp-number {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  z-index: 1;
}
.type-two-collumns .tp-img-product svg,
.type-one-collumns .tp-img-product svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.type-two-collumns .tp-img-product .icon-media-type svg,
.type-one-collumns .tp-img-product .icon-media-type svg {
  background-color: #000;
  padding: 3px 4px;
  fill: #fff;
  top: 15px;
  right: 5px;
  width: 20px;
  left: unset;
  border-radius: 5px;
}
.type-two-collumns .tp-img-product:hover svg,
.type-one-collumns .tp-img-product:hover svg {
  opacity: 1;
  transition: all 0.5s ease;
}
.type-two-collumns .tp-img-product:hover .tp-img-product__item,
.type-one-collumns .tp-img-product:hover .tp-img-product__item {
  filter: brightness(80%);
  transition: all 0.5s ease;
}

.tp-product-detail__right {
  width: 50%;
  padding-left: 60px;
}
.tp-product-detail__right .tp-title-description {
  font-size: var(--font-size-24);
  font-weight: 500;
  width: 100%;
}
@media (max-width: 767px) {
  .tp-product-detail__right .tp-title-description {
    font-size: 1.125rem;
  }
}
.tp-product-detail__right .tp-title-description svg:last-child {
  display: none;
}
.tp-product-detail__right .tp-title-description svg:first-child {
  display: block;
}
.tp-product-detail__right .tp-product-title {
  font-size: var(--font-size-28);
}
.tp-product-detail__right .price__regular .price-item--regular {
  font-size: 1.125rem;
  font-weight: 500;
}
.tp-product-detail__right .price__sale .price-item--regular {
  text-decoration: line-through;
  font-size: 1.125rem;
  font-weight: 300;
  color: #a4a4a4;
}
.tp-product-detail__right .price__sale .price-item--last {
  font-size: 1.125rem;
  font-weight: 500;
  margin-right: 10px;
}
.tp-product-detail__right .tp-left-stock {
  border-bottom: 2px solid #ebebeb;
  padding-bottom: 15px;
  position: relative;
  color: #828282;
}
.tp-product-detail__right .tp-left-stock::before {
  content: "";
  position: absolute;
  background: #000000;
  width: 7.1875rem;
  height: 0.125rem;
  bottom: -0.125rem;
  left: 0;
}
.tp-product-detail__right .tp-left-stock .stock-red-color {
  color: #000;
  font-weight: 500;
}
.tp-product-detail__right .tp-product__viewing .tpproduct__viewing-sold {
  color: #fc3a3a;
}
.tp-product-detail__right .tp-product__viewing .tpproduct__viewing-left {
  color: var(--color-secondary);
}
.tp-product-detail__right .item-variant-size {
  background: #f6f6f6;
  padding: 0 10px;
  line-height: 1.875rem;
  text-align: center;
  display: inline-block;
  margin-right: 0.625rem;
  font-size: var(--font-size-12);
}
.tp-product-detail__right .item-variant-size:nth-child(2) {
  margin-left: 0;
}
.tp-product-detail__right .item-variant-size:hover {
  cursor: pointer;
  background: #000000;
  color: #ffffff;
  transition: 0.5s;
}
.tp-product-detail__right .item-variant-size.active {
  background: #000000;
  color: #ffffff;
}
.tp-product-detail__right .image-variant-item {
  width: 40px;
  overflow: hidden;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  position: relative;
}
.tp-product-detail__right .image-variant-item img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: unset;
}
.tp-product-detail__right .image-variant-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent;
  z-index: 2;
}
.tp-product-detail__right .form__label {
  margin-right: 20px;
  display: inline-block;
}
.tp-product-detail__right .tp-box-btn .hvr-bounce-to-right {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(0, 0, 0) 0px 0px 0px 2px;
  padding: 8px 58px;
}
.tp-product-detail__right .tp-box-btn .hvr-bounce-to-right:hover {
  cursor: pointer;
  background: #000000;
  color: #ffffff;
  transition: 0.5s;
}
.tp-product-detail__right .tp-box-btn .tp-sizeGuide {
  color: #70acd8;
  cursor: pointer;
  font-size: var(--font-size-14);
}
.tp-product-detail__right .tp-wishlist,
.tp-product-detail__right .tp-compare {
  color: #828282;
  cursor: pointer;
}
.tp-product-detail__right .tp-wishlist svg,
.tp-product-detail__right .tp-compare svg {
  fill: #828282;
}
.tp-product-detail__right .tp-wishlist span,
.tp-product-detail__right .tp-compare span {
  position: relative;
}
.tp-product-detail__right .tp-wishlist span::before,
.tp-product-detail__right .tp-compare span::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #828282;
  transition: all 0.3s ease;
}
@media (min-width: 767px) {
  .tp-product-detail__right .tp-wishlist:hover span::before,
  .tp-product-detail__right .tp-compare:hover span::before {
    width: 100%;
  }
}
.tp-product-detail__right .tp-wishlist .tp-compare,
.tp-product-detail__right .tp-compare .tp-compare {
  transition: all 0.5s ease;
  color: #828282;
  cursor: pointer;
}
.tp-product-detail__right .tp-wishlist .tp-compare path,
.tp-product-detail__right .tp-compare .tp-compare path {
  fill: #828282;
}
.tp-product-detail__right .button-compare::before,
.tp-product-detail__right .button-wishlist::before {
  right: -70px;
}
.tp-product-detail__right .shopify-payment-button__button {
  height: 40px;
  line-height: 1.4;
  background: var(--color-button-bg);
  color: var(--color-button-text);
  border: none;
  border-radius: 60px;
  padding: 0;
}
.tp-product-detail__right .shopify-payment-button__button:hover {
  cursor: pointer;
  background-color: var(--color-button-bg-hover) !important;
  color: var(--color-button-text-hover);
  transition: 0.5s;
}
.tp-product-detail__right .shopify-payment-button__more-options {
  display: none;
}
.tp-product-detail__right .tp-info-wrap {
  flex-wrap: wrap;
  border-bottom: 1px solid #dadada;
}
.tp-product-detail__right .tp-info-wrap .item-brand, .tp-product-detail__right .tp-info-wrap .item-product-code, .tp-product-detail__right .tp-info-wrap .item-availability {
  margin-bottom: 10px;
}
.tp-product-detail__right .tp-info-wrap .item-brand-info,
.tp-product-detail__right .tp-info-wrap .item-brand-info a {
  color: #00668e;
}
.tp-product-detail__right .tp-info-wrap .item-brand-info a {
  position: relative;
}
.tp-product-detail__right .tp-info-wrap .item-brand-info a::before {
  position: absolute;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #00668e;
  transition: all 0.3s ease;
}
.tp-product-detail__right .tp-info-wrap .item-brand-info a:hover::before {
  width: 100%;
}
.tp-product-detail__right .tp-product-brief {
  cursor: pointer;
}
.tp-product-detail__right .tp-product-brief .item-header {
  position: relative;
}
.tp-product-detail__right .tp-product-brief .item-header-title {
  font-size: var(--font-size-18);
  width: 100%;
}
.tp-product-detail__right .tp-product-brief .item-header-title svg:last-child {
  display: none;
}
.tp-product-detail__right .tp-product-brief .item-header-title svg:first-child {
  display: block;
}
.tp-product-detail__right .tp-product-brief .item-wrap.showContent svg:last-child {
  display: block;
}
.tp-product-detail__right .tp-product-brief .item-wrap.showContent svg:first-child {
  display: none;
}
.tp-product-detail__right .tp-product-brief ul {
  margin-bottom: 10px;
}
.tp-product-detail__right .tp-product-brief li {
  display: block;
  position: relative;
  color: var(--color-secondary);
  font-weight: 400;
  padding-left: 32px;
  padding-bottom: 10px;
}
.tp-product-detail__right .tp-product-brief li::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 1px;
  background: #000000;
  top: 12px;
  left: 0;
}
.tp-product-detail__right .tp-product-brief .item-body-content {
  max-height: 0;
  overflow: hidden;
  transition: 500ms ease max-height;
}
.tp-product-detail__right .tp-shipping p,
.tp-product-detail__right .tp-delivery-times p {
  color: var(--color-secondary);
}
.tp-product-detail__right .tp-shipping path,
.tp-product-detail__right .tp-delivery-times path {
  fill: var(--color-secondary);
}
.tp-product-detail__right .tp-trust-badge img {
  width: auto;
}
.tp-product-detail__right .tp-share {
  display: flex;
  align-items: center;
}
.tp-product-detail__right .tp-share span {
  font-weight: 500;
}
.tp-product-detail__right .tp-share li {
  z-index: 9;
}
.tp-product-detail__right .tp-share li svg {
  transition: all 0.5s ease;
}
.tp-product-detail__right .tp-share li svg:hover {
  transform: scale3d(1.1, 1.1, 1.1);
}
.tp-product-detail__right .tp-share li svg:hover path,
.tp-product-detail__right .tp-share li svg:hover rect {
  fill: #47a6ff;
  transition: all 0.5s ease;
}

.product-form__input {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.product-form__input .tp-item__quantity {
  background: #f6f6f6;
  display: flex;
  width: 85px;
  padding: 4px 0;
  margin-right: 20px;
}
.product-form__input .tp-item__quantity .tp-item__qty_btn {
  flex: 1;
}
.product-form__input .tp-item__quantity .tp-item__qty_input {
  width: 15%;
  background: transparent;
  flex: 1;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
}

.product-form__input {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.product-form__input .variant-color {
  padding: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin: 0 0.625rem 0 0;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 0 1px #ccc;
}
.product-form__input .variant-color.active {
  box-shadow: 0 0 0 1px #000, inset 0 0 0 2px #fff;
}
.product-form__input .tooltips {
  display: none;
}

.type-one-collumns .thumb-content-wrap {
  flex-direction: column;
}
.type-one-collumns .thumb-content-wrap .thumb-wrap {
  width: 100%;
  margin-bottom: 20px;
}
.type-one-collumns .thumb-content-wrap .content {
  width: 100%;
}
.type-one-collumns .thumb-content-wrap:last-child {
  flex-direction: column-reverse;
}

.tp-product-detail__description .thumb-content-wrap .thumb-wrap {
  width: 50%;
}
.tp-product-detail__description .thumb-content-wrap .thumb-wrap img {
  width: 100%;
  height: auto;
}
.tp-product-detail__description .thumb-content-wrap .content {
  width: 50%;
}
.tp-product-detail__description .thumb-content-wrap .content-wrap {
  padding: 0 160px;
}
.tp-product-detail__description .thumb-content-wrap .content-wrap .list-thumb-content-wrap .item {
  display: block;
  padding-left: 30px;
  position: relative;
  color: var(--color-secondary);
  font-weight: 400;
  line-height: 1.625rem;
  margin-bottom: 10px;
}
.tp-product-detail__description .thumb-content-wrap .content-wrap .list-thumb-content-wrap .item::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 1px;
  background: #000000;
  top: 12px;
  left: 0;
}

.product-description {
  color: var(--color-secondary);
  font-weight: 400;
}
.product-description img {
  width: auto;
}
.product-description p {
  margin: 0.8rem 0;
}
.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-description h5,
.product-description h6 {
  color: #000;
  margin: 0.8rem 0;
  font-weight: 500;
}
.product-description h1 strong,
.product-description h2 strong,
.product-description h3 strong,
.product-description h4 strong,
.product-description h5 strong,
.product-description h6 strong {
  color: #000;
}
.product-description h1 strong span,
.product-description h2 strong span,
.product-description h3 strong span,
.product-description h4 strong span,
.product-description h5 strong span,
.product-description h6 strong span {
  font-weight: 500;
}
.product-description ul,
.product-description ol {
  list-style: revert;
  padding-left: 20px;
}
.product-description ul li,
.product-description ol li {
  margin: 0.8rem 0;
}
.product-description .description-style-1 img,
.product-description .description-style-2 img,
.product-description .description-style-3 img {
  width: 100%;
  transition: all 0.5s ease;
}
.product-description .description-style-3 h3 {
  font-size: 50px;
}
@media (max-width: 992px) {
  .product-description .description-style-3 h3 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .product-description .description-style-1 .content {
    flex-direction: column;
  }
  .product-description .description-style-1 .description,
  .product-description .description-style-1 .details {
    width: 100%;
  }
  .product-description .description-style-2 .content-wrapper {
    flex-direction: column;
  }
  .product-description .description-style-2 .content-desc,
  .product-description .description-style-2 .image-item {
    width: 100%;
    padding: 0;
  }
  .product-description .description-style-2 .content-bottom-wrapper {
    flex-direction: column;
  }
  .product-description .description-style-2 .content-bottom-wrapper .item {
    width: 100%;
  }
  .product-description .description-style-3 .description-wrapper {
    flex-direction: column;
  }
  .product-description .description-style-3 .item {
    width: 100%;
  }
  .product-description .description-style-3 .content-bottom {
    flex-direction: column;
  }
}
@media (max-width: 510px) {
  .product-description .image {
    margin-left: -7.5px;
    margin-right: -7.5px;
    gap: unset;
    flex-wrap: wrap;
  }
  .product-description .image-item {
    width: 50%;
    padding: 7.5px;
  }
}

.tp-title {
  position: relative;
  font-size: var(--font-size-24);
  font-weight: 500;
  display: inline-block;
}
.tp-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.125rem;
  bottom: 0;
  left: 0;
  background: #000000;
}

.tp-review-top .tp-review__btn {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(0, 0, 0) 0px 0px 0px 2px;
  padding: 0.5rem 1.375rem;
}
.tp-review-top .tp-review__description {
  margin-left: 0.625rem;
  font-size: var(--font-size-14);
}

.tp-review__info {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.tp-review__content .tp-info__title {
  font-size: var(--font-size-18);
}
.tp-review__content .tp-reportreview {
  float: right;
  margin-top: 20px;
  font-weight: 300;
  font-size: var(--font-size-14);
  color: var(--color-secondary);
}
.tp-review__content .tp-reportreview:hover {
  color: #000000;
  text-decoration: underline;
  transition: all 0.5s ease;
}

.tp-review-pagination a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
}
.tp-review-pagination a.active {
  background: #f2f2f2;
}

.item-product-code-info,
.item-availability-info {
  color: #828282;
}

@media (max-width: 1366px) {
  .tp-box-btn-wrap {
    display: block;
  }
  .tp-box-btn-wrap .qty-wrapper__cart {
    margin-bottom: 20px;
  }
}
@media (max-width: 1201px) {
  .tp-product-detail__right {
    padding-left: 30px;
  }
  .tp-product__viewing {
    display: block !important;
  }
  .tp-product__viewing .tpproduct__viewing-left {
    margin-bottom: 20px;
  }
  .tp-box-btn .tp-qty-wrapper__cart {
    margin-bottom: 20px;
  }
  .tp-box-btn .tp-wishlist {
    margin-bottom: 20px;
  }
  .tp-box-btn .tp-compare {
    margin-bottom: 20px;
  }
  .tp-box-btn .tp-size-guide {
    margin-bottom: 20px;
  }
  .tp-info-wrap {
    flex-wrap: wrap;
    padding-bottom: 0 !important;
  }
  .tp-info-wrap .item-brand {
    margin-bottom: 20px;
  }
  .tp-info-wrap .item-product-code {
    margin-bottom: 20px;
  }
  .tp-info-wrap .item-availability {
    margin-bottom: 20px;
  }
  .tp-product-detail__description .thumb-content-wrap .content-wrap {
    padding: 0 80px;
  }
  .tp-product-detail__left {
    display: block;
  }
  .products-vertical__thumb {
    display: none;
  }
  .type-thumb-horizontal .swiperProType1 {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .tp-product-detail__description .thumb-content-wrap .content-wrap {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .tp-review__content .tp-review-pagination {
    margin-bottom: 60px;
  }
  .tp-product-detail__main {
    display: block !important;
  }
  .type-none-thumb .swiperProType1 {
    width: 100%;
  }
  .tp-product-detail__left {
    width: 100%;
    height: auto !important;
    justify-content: center;
    margin-bottom: 40px;
  }
  .tp-product-detail__left .swiper {
    margin-left: 0;
  }
  .tp-product-detail__right {
    width: 100%;
    padding-left: 0;
  }
  .tp-product-detail__description .thumb-content-wrap {
    display: flex;
    flex-direction: column;
  }
  .tp-product-detail__description .thumb-content-wrap:first-child {
    margin-bottom: 20px;
  }
  .tp-product-detail__description .thumb-content-wrap .content {
    width: 100%;
  }
  .tp-product-detail__description .thumb-wrap {
    width: 100% !important;
    order: 1;
  }
  .tp-product-detail__description .thumb-wrap img {
    margin-bottom: 30px;
  }
  .tp-product-detail__description .content-wrap {
    order: 2;
    width: 100% !important;
  }
}
@media (max-width: 576px) {
  .tp-review-top {
    display: block !important;
  }
  .tp-review-top .tp-review-add-fl {
    margin-bottom: 20px;
  }
  .tp-box-btn-wrap {
    display: block !important;
  }
}
.spr-form .spr-form-contact,
.spr-form .spr-form-review {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 510px) {
  .spr-form .spr-form-contact,
  .spr-form .spr-form-review {
    display: block;
  }
}
.spr-form .spr-form-contact-name,
.spr-form .spr-form-contact-email {
  flex: 1;
  padding: 0 15px;
}
@media (max-width: 510px) {
  .spr-form .spr-form-contact-name,
  .spr-form .spr-form-contact-email {
    padding: 0;
  }
}
.spr-form .spr-form-contact {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 510px) {
  .spr-form .spr-form-contact {
    margin-left: 0;
    margin-right: 0;
  }
}
.spr-form .spr-form-review {
  display: flex;
  flex-wrap: wrap;
}
.spr-form .spr-form-review .spr-form-review-rating,
.spr-form .spr-form-review .spr-form-review-title {
  width: 50%;
  flex: 1;
}
.spr-form .spr-form-review .spr-form-review-rating {
  padding-right: 15px;
}
.spr-form .spr-form-review .spr-form-review-title {
  padding-left: 15px;
}
.spr-form .spr-form-review .spr-form-review-body {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 510px) {
  .spr-form .spr-form-review {
    display: block;
  }
  .spr-form .spr-form-review .spr-form-review-rating,
  .spr-form .spr-form-review .spr-form-review-title {
    width: 100%;
  }
  .spr-form .spr-form-review .spr-form-review-rating {
    padding-right: 0;
  }
  .spr-form .spr-form-review .spr-form-review-title {
    padding-left: 0;
  }
}
.spr-form .spr-form-title {
  display: none;
}
.spr-form .spr-form-input {
  border: 1px solid #e8e8e8;
  width: 100%;
  padding: 10px 20px;
  border-radius: 60px;
  font-size: 0.875rem;
  font-weight: 500;
}
.spr-form .spr-form-label {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}
.spr-form .spr-starrating {
  border: unset;
  padding: 10px 0;
}
.spr-form .spr-form-review-body .spr-form-input {
  border-radius: 8px;
}
.spr-form .spr-form-review-body .spr-form-input .spr-form-input-textarea {
  border-radius: unset;
  border: unset;
  padding: 0;
}
.spr-form .spr-form-review-body span {
  font-weight: 500;
}
.spr-form .spr-form-actions {
  display: inline-block;
}
.spr-form .spr-form-actions .spr-button {
  background: #000;
  color: #fff;
  border-radius: 60px;
  padding: 10px 30px;
}

.spr-starrating {
  justify-content: flex-start !important;
  font-weight: 400;
  margin-bottom: 15px;
  align-items: center;
}
.spr-starrating .spr-stars span {
  display: flex;
}
.spr-starrating .spr-stars span path {
  fill: #ffae47;
}
.spr-starrating a {
  font-weight: 400;
}

#shopify-product-reviews {
  margin: auto !important;
}
#shopify-product-reviews .spr-container,
#shopify-product-reviews .spr-form {
  border: unset;
}
#shopify-product-reviews .spr-form {
  display: none;
}
#shopify-product-reviews .spr-container {
  padding: 24px 0;
}
#shopify-product-reviews .spr-summary {
  padding-right: 2px;
}
@media (max-width: 490px) {
  #shopify-product-reviews .spr-summary {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
#shopify-product-reviews .spr-summary .spr-starrating {
  display: none;
}
#shopify-product-reviews .spr-icon {
  font-size: 90%;
  color: #ffae47;
  padding-right: 4px;
}
#shopify-product-reviews .spr-summary-caption span {
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
}
@media (max-width: 767px) {
  #shopify-product-reviews .spr-summary-caption span {
    font-size: 1.125rem;
  }
}
#shopify-product-reviews .spr-summary-caption span::before {
  position: absolute;
  content: "";
  bottom: -3px;
  right: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 2px;
}
#shopify-product-reviews .spr-summary-actions-newreview {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(0, 0, 0) 0px 0px 0px 2px;
  padding: 7px 35px;
  overflow: hidden;
  border-radius: 60px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
  position: relative;
}
#shopify-product-reviews .spr-summary-actions-newreview::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
  background-color: #000000;
  z-index: -1;
}
#shopify-product-reviews .spr-summary-actions-newreview:hover {
  color: #ffffff;
  background-color: #000000;
}
#shopify-product-reviews .spr-summary-actions-newreview:hover::before {
  width: 100%;
}
#shopify-product-reviews .spr-header-title {
  display: none;
}
#shopify-product-reviews .spr-review-header-title {
  font-size: 1.125rem;
  font-weight: 500;
}
#shopify-product-reviews .spr-review-header-byline strong {
  font-size: 1rem;
  font-weight: 400;
}
#shopify-product-reviews .spr-review-content-body,
#shopify-product-reviews .spr-review-reply-body {
  font-size: 1rem;
  font-weight: 400;
}
#shopify-product-reviews .spr-review-reportreview {
  font-size: 0.875rem;
  font-weight: 300;
}
#shopify-product-reviews .spr-review-content {
  margin-bottom: 10px;
}

.spr-pagination {
  padding: 50px 0 0 0 !important;
}
.spr-pagination > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spr-pagination .spr-pagination-page {
  width: 45px;
  height: 45px;
  background: transparent;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
}
.spr-pagination .is-active {
  background: #f2f2f2;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  .spr-summary-caption {
    margin-bottom: 30px;
  }
  .spr-summary-actions-newreview {
    float: left !important;
    margin-left: 2px;
  }
}
.main-product-info {
  overflow: hidden;
}

.main-product-info__tab__header .tp-title-tabs {
  font-weight: 500;
  font-size: var(--font-size-24);
  color: var(--color-secondary);
  cursor: pointer;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .main-product-info__tab__header .tp-title-tabs {
    font-size: 1rem;
    margin-right: 15px;
  }
}
.main-product-info__tab__header .active {
  position: relative;
  color: #000;
}
.main-product-info__tab__header .active::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  background: #000;
  width: 100%;
  height: 2px;
}

.exp-product {
  margin-bottom: 20px;
}
.exp-product a {
  height: 40px;
  line-height: 1.4;
  background: #57da74;
  border: none;
  border-radius: 60px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.exp-product a:hover {
  background-color: #000;
  color: #fff;
  transition: all 0.3s ease;
}

.tp-product-detail-col1-left {
  overflow: hidden;
  overflow-y: scroll;
}
.tp-product-detail-col1-left::-webkit-scrollbar {
  display: none;
}
.tp-product-detail-col1-left img:last-child {
  margin-bottom: 0;
}

.tp-product-detail-col1-right .tp-title-description {
  font-size: var(--font-size-24);
  font-weight: 500;
  width: 100%;
}
.tp-product-detail-col1-right .tp-title-description svg:last-child {
  display: none;
}
.tp-product-detail-col1-right .tp-title-description svg:first-child {
  display: block;
}
.tp-product-detail-col1-right .item-wrap.showContent svg:last-child {
  display: block;
}
.tp-product-detail-col1-right .item-wrap.showContent svg:first-child {
  display: none;
}
.tp-product-detail-col1-right .tp-review-top {
  margin-left: 2px;
  margin-bottom: 2px;
}
.tp-product-detail-col1-right .tp-review-top .tp-review-add-fl {
  align-items: baseline;
}
.tp-product-detail-col1-right .tp-review__content {
  margin-top: 30px;
}
.tp-product-detail-col1-right .tp-review__info {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.tp-product-detail-col1-right .tp-review__content .tp-reportreview {
  margin-top: 0;
}
.tp-product-detail-col1-right .tp-quotes-details .text-quotes-details {
  margin-top: -20px;
  padding: 0 90px;
  font-style: italic;
}

@media (max-width: 1290px) {
  .tp-review-top .tp-review-top-wrap {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .tp-product-detail-col1-left {
    max-height: 650px;
    overflow-y: scroll;
  }
}
@media (max-width: 600px) {
  .thumb-half-wrap {
    display: block !important;
  }
}
.tp-bread-crumb {
  position: relative;
}
.tp-bread-crumb__wrapper {
  left: 0;
  right: 0;
  bottom: 0;
  height: 3.75rem;
  line-height: 3.75rem;
}
.tp-bread-crumb__wrapper .hvr-line-left-to-right-1px::before {
  bottom: 18px;
}
.tp-bread-crumb__wrapper svg {
  opacity: 0.7;
}
.tp-bread-crumb__wrapper .list-bread-type1 li:first-child {
  margin-left: 0;
}
.tp-bread-crumb__wrapper .list-bread-type1 li:last-child svg {
  display: none;
}
.tp-bread-crumb__wrapper .list-bread-type1 li a {
  font-weight: 400;
  font-size: var(--font-size-14);
}
.tp-bread-crumb__wrapper .list-bread-type1 li a.active {
  font-weight: 500;
}
.tp-bread-crumb__wrapper .list-bread-type1 .bread-crumb__item {
  font-weight: 400;
  font-size: var(--font-size-14);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tp-bread-crumb__wrapper .list-bread-type1 .active {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .tp-bread-crumb img {
    height: 20vh;
  }
}
.recently-product__title {
  text-align: center;
  margin-bottom: 50px;
  font-size: 2.25rem;
}

#recently-product__main {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}
#recently-product__main .grid__item {
  width: 25%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  #recently-product__main .grid__item {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #recently-product__main {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  #recently-product__main .grid__item {
    padding: 0 7.5px;
  }
}
@media (max-width: 767px) {
  #recently-product__main {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2px;
  }
}

.product-recommendations__heading {
  text-align: center;
  margin-bottom: 50px;
  font-size: 2.25rem;
}
.product-recommendations__list {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.product-recommendations__list .grid__item {
  width: 25%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .product-recommendations__list .grid__item {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .product-recommendations__list {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .product-recommendations__list .grid__item {
    padding: 0 7.5px;
  }
}
@media (max-width: 767px) {
  .product-recommendations__list {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2px;
  }
}

.section-recently-product-sidebar h4 {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 1.875rem;
}
.section-recently-product-sidebar li {
  margin-bottom: 1.875rem;
}
.section-recently-product-sidebar li:last-child {
  margin-bottom: 0;
}

.rencently-product-item {
  display: flex;
}

.recently-product-item__image {
  margin-right: 1.25rem;
}
.recently-product-item__image a {
  display: block;
  max-width: 5rem;
}
.recently-product-item__image a img {
  width: 100%;
  height: auto;
}

.recently-product-item__info {
  align-self: center;
}
.recently-product-item__info h5 {
  font-size: 1rem;
  margin-bottom: 0.3125rem;
  position: relative;
}
.recently-product-item__info h5::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  height: 0.0625rem;
  background-color: #000000;
  transition: all 0.3s ease;
}
.recently-product-item__info h5:hover::after {
  width: 100%;
}
.recently-product-item__info .price .price__container {
  display: flex;
}
.recently-product-item__info .price .price__sale {
  margin-right: 0.875rem;
}
.recently-product-item__info .price .price__sale s {
  color: #909090;
}

.swiper-pagination-bullet {
  position: relative;
}

.tp-slide__item {
  background-repeat: no-repeat !important;
  background-size: cover;
  background-position: center center !important;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .tp-slide__item {
    padding: 0;
    height: calc(100vh - 72px);
    background-size: cover !important;
  }
  .tp-slide__item .container.relative {
    height: 100%;
  }
}

.no_image_slide {
  background: #e2e2e2;
}

.nv-icon-title.navigation-wrap {
  position: relative;
}

.nv-icon-title .navigation-slide {
  display: flex;
}
.nv-icon-title .title_slide_prev > br {
  display: none;
}
.nv-icon-title .title_slide_next > br {
  display: none;
}
.nv-icon-title .title_slide_next {
  white-space: nowrap;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}
.nv-icon-title .title_slide_prev {
  white-space: nowrap;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}
.nv-icon-title .slide-button-prev {
  color: #ffffff;
  left: 15px !important;
  width: unset !important;
  height: unset !important;
  background: transparent !important;
  bottom: 100px;
  top: unset !important;
}
.nv-icon-title .slide-button-prev::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffffff;
  bottom: -10px;
  left: 0;
}
.nv-icon-title .slide-button-next {
  color: #ffffff;
  right: 15px !important;
  width: unset !important;
  height: unset !important;
  background: transparent !important;
  bottom: 100px;
  top: unset !important;
}
.nv-icon-title .slide-button-next::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffffff;
  bottom: -10px;
  right: 0;
}
.nv-icon-title .icon-prev-type2 {
  margin-right: 12px;
}
.nv-icon-title .icon-prev-type2 svg path {
  fill: #ffffff;
}
.nv-icon-title .icon-next-type2 {
  margin-left: 15px;
}
.nv-icon-title .icon-next-type2 svg path {
  fill: #ffffff;
}

.pagination-wrap .swiper-pagination-bullet .loading-spinner__circle-svg {
  display: none;
}
.pagination-wrap .swiper-pagination-bullet::before {
  height: 12px;
  left: 0;
  top: 0;
  width: 12px;
  background: #ffffff;
}
.pagination-wrap .swiper-pagination-bullet svg {
  height: 24px;
  left: -6px;
  pointer-events: none;
  position: absolute;
  top: -6px;
  width: 24px;
}
.pagination-wrap .swiper-pagination-bullet-active {
  background: #ffffff;
}
.pagination-wrap .swiper-pagination-bullet-active .loading-spinner__circle-svg {
  display: block;
}

.pagination-wrap {
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 50px;
  z-index: 1;
}
.pagination-wrap .tp-swiper-pagination {
  position: unset;
  transform: unset;
  height: 0;
}
.pagination-wrap .swiper-pagination-bullet {
  z-index: 1;
}

.nv-icon .slide-button-next {
  right: 20px;
}
.nv-icon .slide-button-next svg {
  width: unset;
  height: 30px;
}
.nv-icon .slide-button-next svg path {
  stroke-width: 1px;
}
.nv-icon .slide-button-prev {
  left: 20px;
}
.nv-icon .slide-button-prev svg {
  width: unset;
  height: 30px;
}
.nv-icon .slide-button-prev svg path {
  stroke-width: 1px;
}

.pagination-wrap.left_bottom .tp-swiper-pagination {
  text-align: unset;
}

.pagination-wrap.center_bottom .tp-swiper-pagination {
  text-align: center;
}

.pagination-wrap.right_bottom .tp-swiper-pagination {
  text-align: right;
}

.pagination-wrap.left_center {
  bottom: 50%;
}
.pagination-wrap.left_center .tp-swiper-pagination {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.pagination-wrap.left_center .tp-swiper-pagination .swiper-pagination-bullet {
  margin-bottom: 10px;
}
.pagination-wrap.left_center .tp-swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

.pagination-wrap.right_center {
  bottom: 50%;
}
.pagination-wrap.right_center .tp-swiper-pagination {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.pagination-wrap.right_center .tp-swiper-pagination .swiper-pagination-bullet {
  margin-bottom: 10px;
}

.tp-slide {
  position: relative;
}
.tp-slide .center-content {
  left: 0;
  text-align: center;
  right: 0;
}
.tp-slide .center-content .tp-slide__box {
  justify-content: center;
}
.tp-slide .right-content {
  right: 0;
  left: unset;
}
.tp-slide:hover .navigation-slide {
  opacity: 1;
}
.tp-slide__content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 15px;
}
.tp-slide__content .tp-content__subtitle {
  font-weight: 300;
  font-size: var(--font-size-18);
  line-height: 28px;
}
.tp-slide__content .tp-content__title p {
  font-weight: 500;
}
.tp-slide__content .tp-content__description {
  font-weight: 300;
}
.tp-slide__content .tp-slide__box svg {
  margin-right: 15px;
}
.tp-slide__content .tp-box__price {
  font-size: var(--font-size-18);
  font-weight: 300;
}
.tp-slide .text_center {
  text-align: center;
}
.tp-slide .text_center .tp-slide__box {
  justify-content: center;
}
.tp-slide .text_right {
  text-align: right;
}
.tp-slide .text_right .tp-slide__box {
  justify-content: flex-end;
}
.tp-slide img {
  width: auto;
}
.tp-slide .navigation-slide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
  transition: all 0.5s ease;
  opacity: 0;
  transition: all 0.5s ease;
}
.tp-slide .tp-swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-right: 10px;
  background-color: transparent;
}
.tp-slide .tp-swiper-pagination .swiper-pagination-bullet:before {
  opacity: 0.3;
}
.tp-slide .tp-swiper-pagination .swiper-pagination-bullet-active {
  background: transparent;
}
.tp-slide .tp-swiper-pagination .swiper-pagination-bullet-active::before {
  opacity: 1;
}

@media (min-width: 1024px) and (max-width: 1390px) {
  .tp-slide__content {
    padding: 0 55px;
  }
}
@media only screen and (max-width: 1024px) {
  .nv-icon {
    display: none;
  }
  .nv-icon-title {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .tp-slide__item {
    height: 50vh !important;
    padding: 0 !important;
  }
  .tp-slide__item .tp-content__description {
    display: none;
  }
  .pagination-wrap {
    bottom: 40px;
  }
  .tp-slide__wrapper .tp-content__title p {
    width: 100% !important;
    font-size: 28px !important;
  }
  .tp-slide__box .round-button {
    margin-right: 0;
  }
  .round-button {
    font-size: 14px;
    padding: 10px 20px;
  }
  .tp-box__price {
    font-size: 14px !important;
  }
  .tp-swiper-pagination {
    text-align: center !important;
  }
  .pagination-wrap.left_center {
    bottom: 40px;
  }
  .pagination-wrap.left_center .tp-swiper-pagination {
    flex-direction: unset;
    justify-content: center;
  }
  .pagination-wrap.right_center {
    bottom: 40px;
  }
  .pagination-wrap.right_center .tp-swiper-pagination {
    flex-direction: unset;
    justify-content: center;
  }
}
@media only screen and (max-width: 425px) {
  .tp-slide__box .hover-left-to-right__bg-white {
    padding: 12px 30px;
    margin-right: 20px;
  }
}
.tp-service__item {
  width: 40%;
}
.tp-service__item img {
  width: auto;
  transition: all 0.5s ease;
  overflow: hidden;
}
.tp-service__item:hover {
  cursor: pointer;
}
.tp-service__item:hover img {
  transform: scale(1.03) translateY(-5px);
}
.tp-service .no-image {
  border-radius: 12px;
  margin-right: 10px;
}

.tp-service__item.item-border {
  transition: all 0.3s ease;
  border-right: 1px solid #e8e8e8;
}
.tp-service__item.item-border:last-child {
  border-right: none;
}

.layout-service-2 {
  align-items: flex-start;
}
.layout-service-2 .tp-service__item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.layout-service-2 .tp-service__item .tp-content__title {
  margin-bottom: 15px;
}
.layout-service-2 .tp-service__item img {
  margin-bottom: 30px;
  margin-right: 0;
}

@media (max-width: 1200px) {
  .tp-service__item img {
    max-width: 50px;
    max-height: 50px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 1024px) {
  .tp-service__main {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 !important;
  }
  .tp-service__item {
    width: 50%;
    justify-content: unset;
    background: unset !important;
  }
  .item-border {
    border-left: transparent !important;
    border-right: transparent !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tp-service__item {
    margin-bottom: 30px;
  }
  .tp-service__item .tp-servoce__content {
    padding: 0 15px !important;
  }
}
@media (max-width: 767px) {
  .tp-service__main {
    display: block;
  }
  .tp-service__item {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 30px;
  }
}
.tp-list-collection__navigation .navigation-item svg {
  transition: all 0.5s ease;
}
.tp-list-collection__navigation .navigation-item svg:hover path {
  opacity: 1;
}

.tp-list-collection__top {
  margin-bottom: 50px;
}
.tp-list-collection__top .navigation-item {
  cursor: pointer;
}
.tp-list-collection__top .navigation-item svg {
  transition: all 0.5s ease;
}
.tp-list-collection__top .navigation-item:hover svg {
  transform: scale(1.2);
}
.tp-list-collection__top .tp-lcl-button-prev {
  margin-right: 25px;
}

.tp-list-collection__item {
  position: relative;
  overflow: hidden;
}
.tp-list-collection__item .no-image-banner {
  height: 400px;
}
.tp-list-collection__item img {
  transition: all 0.5s ease;
}
.tp-list-collection__item:hover .tp-list-collection__title {
  opacity: 1;
}

.tp-list-collection__number {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #fff;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: var(--font-size-18);
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}

.tp-list-collection__title {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  text-align: center;
  font-size: var(--font-size-18);
  opacity: 0;
  transition: all 0.3s ease;
}

.tp-list-collection__type-title-list .tp-list-collection__item {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .tp-list-collection__type-title-list {
    flex-wrap: wrap;
  }
  .tp-list-collection__type-title-list .tp-list-collection__item {
    width: 50%;
    margin-bottom: 30px;
    padding: 0 7px;
  }
  .tp-list-collection__type-title-list .tp-list-collection__item a {
    width: 100%;
    padding: 0;
  }
}

.tp-list-collection__grid-main {
  margin-left: -15px;
  margin-right: -15px;
}
.tp-list-collection__grid-main .tp-list-collection__item {
  max-width: 25%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.tp-list-collection__grid-main .tp-list-collection__item img {
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tp-list-collection__grid-main .tp-list-collection__item:hover a::before {
  width: 100%;
  transition: all 0.5s ease;
}
.tp-list-collection__grid-main .tp-list-collecton__content {
  bottom: 20px !important;
  left: 20px !important;
}
.tp-list-collection__grid-main .tp-list-collecton__content a {
  text-transform: capitalize;
  position: relative;
}
.tp-list-collection__grid-main .tp-list-collecton__content a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
}
@media only screen and (max-width: 768px) {
  .tp-list-collection .tp-list-collection__grid-main .tp-list-collection__item {
    max-width: 50%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .tp-list-collection .tp-list-collection__grid-main .tp-list-collection__item {
    max-width: 100%;
  }
  .tp-list-collection .tp-list-collection__grid-main .tp-list-collection__item:last-child {
    margin-bottom: 0;
  }
}
.tp-list-collection__item:hover .tp-list-collecton__content {
  bottom: 50px;
}
.tp-list-collection__item:hover .tp-list-collecton__content .hover-left-to-right__bg-white {
  opacity: 1;
  visibility: visible;
}
.tp-list-collection__item .tp-content__prd-number {
  display: block;
  font-size: var(--font-size-14);
  font-weight: 300;
  line-height: 1.5rem;
}
.tp-list-collection__item .tp-content__title {
  font-size: var(--font-size-18);
  line-height: 1.625rem;
}
.tp-list-collection__item .hover-left-to-right__bg-white {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.tp-list-collection .tp-list-collecton__content {
  position: absolute;
  bottom: -40px;
  left: 45px;
  transition: all 0.5s ease;
}

.tp-list-collection__grid-2-left {
  padding: 15px 30px 15px 0;
  border-right: 1px solid #ccc;
  min-width: 250px;
  max-width: 300px;
}
.tp-list-collection__grid-2-left h2 {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.tp-list-collection__grid-2-left .btn {
  padding: 0 15px;
}
.tp-list-collection__grid-2-right {
  padding-left: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.tp-list-collection__grid-2-right .tp-list-collection__item {
  width: 25%;
  padding: 0 15px;
}
.tp-list-collection__grid-2-right .tp-list-collection__item .no-image-banner {
  width: 300px;
  height: 300px;
}
@media (max-width: 1024px) {
  .tp-list-collection__grid-2 {
    flex-direction: column;
  }
  .tp-list-collection__grid-2-left {
    padding: 0 0 30px 0;
    border-right: unset;
    border-bottom: 1px solid #ccc;
    max-width: unset;
  }
  .tp-list-collection__grid-2-left .grid-2-left-desc {
    max-width: 500px;
  }
  .tp-list-collection__grid-2-right {
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-list-collection__grid-2-right {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .tp-list-collection__grid-2-right .tp-list-collection__item {
    width: 50%;
    padding: 0 7.5px;
  }
}

.tp-list-collection__hv-change-img .tp-list-collection__item img {
  max-height: 950px;
}
.tp-list-collection__hv-change-img .tp-list-collection__item.active {
  display: block;
}
.tp-list-collection__hv-change-img .tp-content__title {
  font-size: 50px;
  font-weight: 400;
  color: #c1892c;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.tp-list-collection__hv-change-img .tp-content__title.active {
  transform: scale(1.05);
  color: #fff;
}
.tp-list-collection__hv-change-img .zoom-in-out-box {
  animation: zoom-in-zoom-out 1s;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 1024px) {
  .tp-list-collection__hv-change-img .tp-content__title {
    font-size: 40px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .tp-list-collection__hv-change-img .tp-list-collecton__left {
    width: 100%;
    padding: 30px 0;
  }
  .tp-list-collection__hv-change-img .tp-list-collection__right {
    display: none;
  }
}
.tp-list-collection__hv-change-img .no-image-banner {
  height: 600px;
}

.more_variant {
  display: inline-flex !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px #ccc;
  background: #000;
  cursor: pointer;
  margin: 0 8px 8px 0;
  position: relative;
}
.more_variant::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  z-index: 2;
}

.tp-list-collection--type2 .swiper-pagination-bullet-active {
  background: #ffcc48;
}
.tp-list-collection--type2 .title {
  position: relative;
}
.tp-list-collection--type2 .title:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background: #000;
  bottom: 0;
  left: calc(50% - 25px);
  opacity: 0;
  visibility: hidden;
}
.tp-list-collection--type2 .tp-list-collection__title {
  position: relative;
  bottom: auto;
  right: auto;
  left: auto;
  height: auto;
  line-height: 36px;
  background-color: transparent;
  text-align: center;
  font-size: var(--font-size-18);
  font-weight: 500;
  opacity: 1;
  transition: all 0.3s ease;
}
.tp-list-collection--type2 .tp-list-collection__number {
  position: absolute;
  top: -22.5px;
  right: calc(50% - 22.5px);
  background-color: #fff;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: var(--font-size-18);
  font-weight: 500;
  line-height: 45px;
  text-align: center;
  transition: all 0.3s ease;
}
.tp-list-collection--type2 .tp-list-collection__top {
  justify-content: center;
}
.tp-list-collection--type2 .tp-lcl-button-prev {
  position: absolute;
  left: -6.375rem;
  top: 131px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1500px) {
  .tp-list-collection--type2 .tp-lcl-button-prev {
    left: 15px;
    right: 0;
    z-index: 99;
    border-radius: 50%;
  }
}
@media (max-width: 1024px) {
  .tp-list-collection--type2 .tp-lcl-button-prev {
    display: none;
  }
}
.tp-list-collection--type2 .tp-lcl-button-next {
  position: absolute;
  right: -6.375rem;
  top: 131px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1500px) {
  .tp-list-collection--type2 .tp-lcl-button-next {
    right: 15px;
    z-index: 99;
    border-radius: 50%;
  }
}
@media (max-width: 1024px) {
  .tp-list-collection--type2 .tp-lcl-button-next {
    display: none;
  }
}
.tp-list-collection--type2 .tp-list-collection__item:hover .tp-list-collection__number {
  background: #ffcc48;
  transition: all 0.3s ease;
}
.tp-list-collection--type2 .tp-list-collection__item:hover .shop-now {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
}
.tp-list-collection--type2 .tp-list-collection__item:hover .title:after {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
}
.tp-box-select {
  display: none;
}

@media only screen and (max-width: 767px) {
  .tp-box-select {
    display: block;
  }
}
.tp-list-collection--type3 .image-collection-item {
  margin-bottom: 30px;
}
.tp-list-collection--type3 .tp-list-collection__title {
  position: unset;
  height: unset;
  opacity: unset;
}
.tp-list-collection--type3 .tp-title-section {
  text-align: center;
  font-size: 2.25rem;
}

.tp-featured-collection .hidden {
  display: none;
}
.tp-featured-collection .swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}

.col-2 {
  width: 50%;
}

.col-3 {
  width: 33.333%;
}

.col-4 {
  width: 25%;
}

.col-5 {
  width: 20%;
}
@media (max-width: 1200px) {
  .col-5 {
    width: 25%;
  }
}

.tp-box-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.tp-fcl__top {
  text-align: center;
}
.tp-fcl__top .collection_tablinks {
  overflow: hidden;
  margin: 0 30px;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  flex-direction: row;
  transition: all 0.5s ease;
  font-weight: 400;
}
.tp-fcl__top .collection_tablinks:hover {
  color: var(--color-primary);
}

.tp-box-button__style-1 {
  position: relative;
}
.tp-box-button__style-1 .active {
  color: var(--color-primary);
  position: relative;
}
.tp-box-button__style-1 .active::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100%;
  height: 1px;
}

.tp-box-button__style-2 .collection_tablinks {
  color: var(--color-secondary);
  padding: 5px 15px;
  border-radius: 50px;
  border: 2px dashed transparent;
  transition: all 0.5s ease;
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.tp-box-button__style-2 .collection_tablinks:hover {
  color: var(--color-primary);
}
.tp-box-button__style-2 .active {
  color: var(--color-primary);
  position: relative;
  border: 2px dashed #909090;
}

.tp-box-button__style-3 .collection_tablinks {
  margin: 0;
  padding: 15px 45px;
  border: 2px solid #fe8da2;
  font-weight: 600;
}
.tp-box-button__style-3 .active {
  background-color: #fe8da2;
  color: #ffffff;
}
.tp-box-button__style-3 .collection_tablinks:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.tp-box-button__style-3 .collection_tablinks:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.tp-fcl__brief p {
  font-weight: 300;
  color: #000000;
}

.tp-fcl__content {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  .tp-fcl__content {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}

.tp-fcl__item {
  padding: 0 15px;
  display: block;
  margin-bottom: 40px;
}
@media (max-width: 1280px) {
  .tp-fcl__item {
    padding: 0 7.5px;
  }
}

.fcl-load-more {
  text-align: center;
}

.tp-fcl__slide .tp-fcl__item {
  padding: 0;
}

.layout-slider-2 {
  padding-bottom: 50px;
  padding-top: 50px;
}
.layout-slider-2 .tp-fcl__top {
  margin-bottom: 50px;
}
.layout-slider-2 .tp-fcl__main-wrapper {
  max-width: 1060px;
  margin: auto;
}
@media (max-width: 1200px) {
  .layout-slider-2 .tp-fcl__main-wrapper {
    padding: 0 15px;
  }
}
.layout-slider-2 .fcSwiper {
  max-width: 970px;
}
.layout-slider-2 .grid__item {
  background: #ffffff;
}
.layout-slider-2 .grid__item .card-wrapper {
  padding-bottom: 80px;
}
.layout-slider-2 .swiper-nav-item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.layout-slider-2 .swiper-nav-item path {
  transition: all 0.5s ease;
}
.layout-slider-2 .swiper-nav-item:hover path {
  fill: #ffae47;
}
@media (max-width: 1200px) {
  .layout-slider-2 .swiper-nav-item {
    display: none;
  }
}
.layout-slider-2 .swiper-nav-prev {
  left: 0;
}
.layout-slider-2 .swiper-nav-next {
  right: 0;
}
.layout-slider-2 .swiper-button-disabled {
  opacity: 0.5;
  cursor: unset;
}

.layout-slider-3 .fcSwiper {
  padding-bottom: 60px;
}
.layout-slider-3 .swiper-scrollbar {
  border-radius: 2px;
  height: 5px;
  width: 60%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f6d6ac;
  cursor: pointer;
}
.layout-slider-3 .swiper-scrollbar-drag {
  background: #a15529;
}

.width-full .layout-slider-3 {
  padding-left: 15px;
}
@media (min-width: 1471px) {
  .width-full .layout-slider-3 {
    padding-left: 90px;
  }
}
@media (min-width: 1024px) and (max-width: 1470px) {
  .width-full .layout-slider-3 {
    padding-left: 55px;
  }
}

.layout-slider-4 .fcSwiper {
  height: 450px;
}
.layout-slider-4 .grid__item {
  height: calc((100% - 85px) / 2);
}
.layout-slider-4 .card-wrapper {
  padding: 25px;
}
.layout-slider-4 .card {
  display: flex;
  align-items: center;
}
.layout-slider-4 .card__inner {
  width: 130px;
  height: 130px;
  margin-bottom: 0;
  margin-right: 20px;
}
.layout-slider-4 .ratio:before {
  padding-bottom: unset;
}
.layout-slider-4 .pr-no-data {
  border: 1px solid #e6e6e6;
  padding: 20px;
}
.layout-slider-4 .pr-no-data .card__inner {
  background: #e6e6e6;
}
.layout-slider-4 .no-image {
  height: 130px;
}

.tp-fcl__main-banner .tp-fcl__banner {
  width: 40%;
  padding: 60px 42px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.tp-fcl__main-banner .tp-fcl__collection {
  width: 60%;
}
.tp-fcl__main-banner .tp-fcl__collection .card__media {
  border-radius: 12px;
}
.tp-fcl__main-banner .tp-fcl__collection .tp-fcl__content {
  margin-left: -10px;
  margin-right: -10px;
}
.tp-fcl__main-banner .tp-fcl__collection .tp-fcl__item {
  padding: 0 10px;
}
.tp-fcl__main-banner .parent-item-default {
  margin-left: 20px;
}
.tp-fcl__main-banner .parent-item-default .tp-fcl__item {
  width: 33.3333%;
}
.tp-fcl__main-banner .parent-item-default .card-no-data .card-no-data__image {
  height: 300px;
  border-radius: 12px;
}
.tp-fcl__main-banner .parent-item-default .card-no-data__content {
  text-align: center;
}
@media (max-width: 992px) {
  .tp-fcl__main-banner .tp-fcl__wrapper {
    flex-direction: column;
  }
  .tp-fcl__main-banner .tp-fcl__banner {
    width: 100%;
  }
  .tp-fcl__main-banner .tp-fcl__collection {
    width: 100%;
  }
  .tp-fcl__main-banner .tp-fcl__collection.pl-5 {
    padding-left: 0;
  }
  .tp-fcl__main-banner .tp-fcl__collection.pr-5 {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .tp-fcl__main-banner .tp-fcl__banner {
    padding: 30px 30px;
  }
}

.tp-fcl-action {
  margin: auto;
}
.tp-fcl-action .fcl-pagination-slide {
  padding: 0 30px;
}
.tp-fcl-action .swiper-pagination-bullet {
  background: transparent;
  color: #000;
  border-radius: unset;
  opacity: 1;
  transform: scale(1);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.tp-fcl-action .swiper-pagination-bullet-active {
  background: #000;
  color: #ffffff;
}
.tp-fcl-action .navigation-fcl {
  cursor: pointer;
}
.tp-fcl-action .navigation-fcl svg {
  transition: all 0.5s ease;
  display: block;
}
.tp-fcl-action .navigation-fcl:hover svg {
  transform: scale(1.1);
}

.pws_active .pws {
  left: 15px;
  bottom: 50%;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  background: white;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  animation-name: flamelab-convo-widget_msg-appear;
  animation-duration: 2s;
  font-size: 15px;
  line-height: 23px;
  max-width: 260px;
}

.pws {
  background: #fff;
  left: -100%;
  bottom: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  max-width: 260px;
}
@media screen and (max-width: 1200px) {
  .pws {
    display: none;
  }
}
.pws .close {
  color: #000;
  padding: 10px;
  font-size: 20px;
  line-height: 1;
  display: inline-block;
}
.pws .close svg {
  transform: none;
  transition: transform 0.3s ease;
}
.pws .close:hover svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.pws__cta a {
  transition: color 0.3s ease;
  color: inherit;
}
.pws__cta a:hover {
  color: var(--color-hover-product-item-title);
  transition: all 0.3s ease;
}
.pws__desc {
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .tp-fcl__item {
    width: 33.333333%;
  }
  .tp-fcl__item:last-child {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-box-button {
    display: none;
    padding: 0;
    justify-content: flex-start;
  }
  .tp-box-button .collection_tablinks {
    margin-bottom: 10px;
    padding-left: 0;
  }
  .tp-fcl__item {
    width: 50%;
  }
}
@media (max-width: 425px) {
  .tp-fcl__top {
    margin-bottom: 40px;
  }
  .tp-fcl__title {
    margin-bottom: 10px;
  }
  .tp-fcl__brief {
    margin-bottom: 10px;
  }
}
@media (max-width: 390px) {
  .mobile-1 .tp-fcl__item {
    width: 100%;
  }
  .mobile-2 .tp-fcl__item {
    width: 50%;
  }
}
.testimonial-layout4__img {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.testimonial-layout4__item {
  text-align: center;
}
.testimonial-layout4 .tp-content__name {
  display: block;
}
.testimonial-layout4 .no-image {
  margin: auto;
}

@media only screen and (max-width: 1024px) {
  .testimonial-layout4__wrap {
    gap: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .testimonial-layout4__wrap {
    display: block;
  }
  .testimonial-layout4__item {
    border-bottom: 1px solid #e9e0e0;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .testimonial-layout4__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.tp-our-testimonial__item {
  background: #f9f9f9;
  padding: 50px 30px;
}
.tp-our-testimonial__item .no-image {
  margin-right: 30px;
  border-radius: 50%;
}
.tp-our-testimonial__item img {
  width: auto;
  height: revert-layer;
  height: -webkit-fill-available;
  border-radius: 50%;
}
.tp-our-testimonial .tp-content__star svg {
  margin: 0 3px;
}
.tp-our-testimonial__pagination {
  display: flex;
  width: auto !important;
}
.tp-our-testimonial__pagination .swiper-pagination-bullet-active {
  background: #000;
}
.tp-our-testimonial__layout-1 .tp-content__star {
  margin-left: -3px;
}
.tp-our-testimonial__layout-1 .tp-our-testimonial__img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tp-our-testimonial__layout-2 .tp-our-testimonial__item {
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.tp-our-testimonial__layout-2 .tp-our-testimonial__img {
  margin-right: 0;
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tp-our-testimonial__layout-2 .tp-our-testimonial__content {
  display: flex;
  flex-direction: column-reverse;
  max-width: 440px;
}
.tp-our-testimonial__layout-2 .tp-content__description,
.tp-our-testimonial__layout-2 .tp-content__name {
  margin-bottom: 10px;
  display: block;
}
.tp-our-testimonial__layout-2 .tp-content__star {
  justify-content: center;
}
.tp-our-testimonial__layout-2 .swiper-slide-active {
  border-right: 1px solid #e8e8e8;
}
.tp-our-testimonial__layout-2 .tp-content__title {
  font-size: 18px;
}
.tp-our-testimonial__layout-3 .tp-our-testimonial__border {
  border: 1px solid #eaeaea;
}
.tp-our-testimonial__layout-3 .tp-our-testimonial__main {
  border: 1px solid #eaeaea;
  margin: 8px;
}
.tp-our-testimonial__layout-3 .tp-our-testimonial__content {
  max-width: 470px;
  text-align: center;
  margin-left: 50px;
}
.tp-our-testimonial__layout-3 .tp-our-testimonial__item {
  align-items: center;
  justify-content: center;
}
.tp-our-testimonial__layout-3 .tp-our-testimonial__item img {
  height: revert-layer;
  height: -webkit-fill-available;
  border-radius: unset;
  max-width: 500px;
}
.tp-our-testimonial__layout-3 .tp-content__title {
  font-size: 1.75rem;
}
.tp-our-testimonial__layout-3 .tp-content__description {
  font-size: 0.875rem;
}
.tp-our-testimonial__layout-3 .tp-content__name {
  font-size: 1.25rem;
  font-weight: 300;
  color: #868686;
}
.tp-our-testimonial__layout-3 .navigation-item {
  position: absolute;
  top: 50%;
  z-index: 9;
  transition: all 0.5s ease;
}
.tp-our-testimonial__layout-3 .navigation-item:hover {
  transform: scale(1.1);
}
@media (max-width: 1320px) {
  .tp-our-testimonial__layout-3 .navigation-item {
    display: none;
  }
}
.tp-our-testimonial__layout-3 .tp-our-testimonial-prev {
  left: 30px;
}
.tp-our-testimonial__layout-3 .tp-our-testimonial-next {
  right: 30px;
}
@media (max-width: 1200px) {
  .tp-our-testimonial__layout-3 .tp-our-testimonial__content {
    margin-left: 0;
  }
  .tp-our-testimonial__layout-3 .tp-our-testimonial-prev {
    left: 5px;
  }
  .tp-our-testimonial__layout-3 .tp-our-testimonial-next {
    right: 5px;
  }
}
@media (max-width: 992px) {
  .tp-our-testimonial__layout-3 .tp-our-testimonial__item img {
    width: 40%;
  }
  .tp-our-testimonial__layout-3 .tp-our-testimonial__content {
    width: 60%;
  }
}
@media (max-width: 570px) {
  .tp-our-testimonial__layout-3 .tp-our-testimonial__item {
    flex-direction: column;
  }
  .tp-our-testimonial__layout-3 .tp-our-testimonial__item img {
    width: 100%;
    margin-bottom: 30px;
  }
  .tp-our-testimonial__layout-3 .tp-our-testimonial__content {
    width: 100%;
  }
}

.tp-content__star {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 440px) {
  .tp-our-testimonial__item {
    flex-direction: column;
    align-items: center;
  }
  .tp-our-testimonial__item img {
    margin-bottom: 25px;
    margin-right: 0;
  }
  .tp-our-testimonial__content {
    text-align: center;
  }
  .tp-our-testimonial .tp-section__title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .tp-our-testimonial {
    margin-bottom: 0;
  }
  .tp-our-testimonial__layout-2 .swiper-slide-active {
    border-right: 1px solid transparent;
  }
}
.border-type1 {
  overflow: hidden;
}

@media (max-width: 1290px) {
  .tp-section-border {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .tp-section-border {
    margin-bottom: 60px;
  }
}
.tp-section-border .container {
  max-width: 1290px;
}

@media only screen and (max-width: 1440px) {
  .border-type1 svg {
    width: 100%;
  }
}
.tp-banner__normal .tp-banner__img {
  width: 50%;
}
.tp-banner__normal .tp-banner__content {
  width: 50%;
}
.tp-banner__normal .tp-banner__content .text_center {
  text-align: center;
}
.tp-banner__normal .tp-banner__content .text_center .tp-slide__box {
  justify-content: center;
}
.tp-banner__normal .tp-banner__content .text_right {
  text-align: right;
}
.tp-banner__normal .tp-banner__content .text_right .tp-slide__box {
  justify-content: flex-end;
}
.tp-banner__normal .tp-content__sub-title {
  font-weight: 400;
  color: var(--color-secondary);
}
.tp-banner__normal .tp-content__title {
  font-size: var(--font-size-28);
  line-height: 2.25rem;
}
.tp-banner .layout-normal_2 {
  max-width: 1085px;
  margin: auto;
}
.tp-banner .layout-normal_2 .tp-banner__content {
  text-align: center;
}
.tp-banner .layout-normal_2 .tp-content__title {
  max-width: unset;
  font-size: 50px;
  margin-bottom: 30px;
}
.tp-banner .layout-normal_2 .tp-banner__description {
  font-size: 20px;
}
.tp-banner__menu-main .tp-banner__menu {
  width: 29%;
  background: #f4f7ff;
  padding: 60px 40px 50px 40px;
  font-size: 1.5rem;
}
@media (max-width: 992px) {
  .tp-banner__menu-main .tp-banner__menu {
    width: 50%;
  }
}
@media (max-width: 560px) {
  .tp-banner__menu-main .tp-banner__menu {
    width: 100%;
    margin: 0;
  }
}
.tp-banner__menu-main .tp-menu__list {
  margin-bottom: 50px;
}
.tp-banner__menu-main .tp-menu__item {
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.tp-banner__menu-main .tp-menu__item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000000;
  transition: all 0.3s ease;
}
.tp-banner__menu-main .tp-menu__item:hover::after {
  width: 100%;
}
.tp-banner__menu-main .tp-menu__item:last-child {
  margin-bottom: 0;
}
.tp-banner__menu-main .tp-menu__btn {
  background: #fff;
  font-size: 1.125rem;
  border-radius: 60px;
  padding: 15px 35px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tp-banner__menu-main .tp-menu__btn {
    padding: 15px 20px;
    font-size: 1rem;
  }
}
.tp-banner__menu-main .tp-banner__menu-img {
  width: 71%;
}
@media (max-width: 1320px) {
  .tp-banner__menu-main .tp-banner__menu-img img {
    height: 100%;
  }
}
@media (max-width: 992px) {
  .tp-banner__menu-main .tp-banner__menu-img {
    width: 50%;
  }
}
@media (max-width: 560px) {
  .tp-banner__menu-main .tp-banner__menu-img {
    display: none;
  }
}
.tp-banner__menu-main:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .tp-banner__main.width-full {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .tp-banner__normal {
    display: block;
  }
  .tp-banner__img {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .tp-banner__content {
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 767px) {
  .tp-banner {
    margin-bottom: 60px;
  }
  .tp-banner__normal {
    flex-direction: column;
  }
  .tp-banner__normal .tp-banner__content__wrapper {
    flex-direction: column;
  }
  .tp-banner__normal .tp-banner__img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    max-width: unset;
  }
  .tp-banner__normal .tp-banner__content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .tp-banner__normal .tp-banner__content__wrapper {
    text-align: left !important;
  }
}
details > summary {
  list-style: none;
}

details > summary::marker,
details > summary::-webkit-details-marker {
  display: none;
}

.predictive-search {
  display: none;
  position: absolute;
  top: calc(100% + 0.1rem);
  left: -0.1rem;
  border-width: var(--popup-border-width);
  border-style: solid;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  background-color: rgb(var(--color-background));
  z-index: 3;
  border-bottom-right-radius: var(--popup-corner-radius);
  border-bottom-left-radius: var(--popup-corner-radius);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.predictive-search--search-template {
  z-index: 2;
}

@media screen and (max-width: 749px) {
  .predictive-search--header {
    right: 0;
    left: 0;
    top: 100%;
  }
}
@media screen and (max-width: 989px) {
  .predictive-search {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 750px) {
  .predictive-search {
    border-top: none;
    width: calc(100% + 0.2rem);
  }
  .header predictive-search {
    position: relative;
  }
}
predictive-search[open] .predictive-search,
predictive-search[loading] .predictive-search {
  display: block;
}

.predictive-search__heading {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  margin: 0 auto;
  padding: 1.5rem 0 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 4rem);
  color: rgba(var(--color-foreground), 0.7);
}

predictive-search .spinner {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
}

.predictive-search__heading .spinner {
  margin: 0 0.2rem 0 2rem;
}

predictive-search:not([loading]) .predictive-search__heading .spinner,
predictive-search:not([loading]) .predictive-search__loading-state,
predictive-search:not([loading]) .predictive-search-status__loading {
  display: none;
}

predictive-search[loading] .predictive-search__loading-state {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

predictive-search[loading] .predictive-search__heading ~ .predictive-search__loading-state,
predictive-search[loading] .predictive-search__results-list:first-child {
  display: none;
}

.predictive-search__list-item:nth-last-child(2) {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.predictive-search__list-item[aria-selected=true] > *,
.predictive-search__list-item:hover > * {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-foreground), 0.04);
}

.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,
.predictive-search__list-item:hover .predictive-search__item-heading {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.predictive-search__item {
  text-decoration: none;
}

.predictive-search__item-content {
  grid-area: product-content;
  display: flex;
  flex-direction: column;
}

.predictive-search__item-content--centered {
  justify-content: center;
}

.predictive-search__item-vendor {
  font-size: 0.9rem;
}

.predictive-search__item-heading {
  margin: 0;
}

.predictive-search__item .price {
  color: rgba(var(--color-foreground), 0.7);
  font-size: 1.2rem;
}

@media screen and (min-width: 750px) {
  .predictive-search__item--term {
    padding: 0;
    margin: 0 auto;
  }
}
#predictive-search-option-search-keywords {
  text-align: center;
}

.header__search details .w-modal,
.header__search details[open] .w-none-modal {
  display: block;
}

.header__search details[open] .w-modal,
.header__search details .w-none-modal {
  display: none;
}

details-modal.header__search details {
  top: -100%;
}

details-modal.header__search details[open] {
  z-index: 9999;
  position: absolute;
}

div.header__search .hs__popup .search-modal {
  transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  background: #fff;
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 30px 0;
  z-index: 99;
}
div.header__search .hs__popup .search-modal__content-bottom {
  width: 50%;
}

.hs__popup .icon-search * {
  pointer-events: none;
}

div.header__search .hs__popup .search-modal.open {
  top: 0;
  transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
}

.header__search details .w-none-modal {
  position: absolute;
  top: 20px;
  right: 20px;
}

.search-modal__quicksearch span {
  pointer-events: none;
}

.search-modal__form {
  position: relative;
}

predictive-search .field {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.predictive-search--header {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  overflow: hidden;
}

.search__input {
  padding: 15px 40px 15px 20px;
  border: 1px solid #eee;
  min-width: 500px;
  width: 100%;
}

.search__button {
  position: absolute;
  right: 10px;
  padding: 10px;
}

.predictive-search__list-item img {
  width: auto;
  height: unset !important;
}

.predictive-search {
  border: none;
  background: #ffffff;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  padding: 40px;
}
.predictive-search .predictive-search__heading {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
.predictive-search .quick-add-atc,
.predictive-search .product-item-actions {
  display: none;
}
.predictive-search .card {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.predictive-search .card__inner {
  width: 100px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 0;
}
.predictive-search img {
  min-height: unset !important;
}

.template-search--empty .title-wrapper {
  display: flex;
  text-align: center;
  justify-content: center;
  margin: auto;
}
.template-search--empty .title-wrapper h2 {
  font-size: 1rem;
}
.template-search--empty #product-grid {
  margin: 0;
}
.template-search--empty .title a {
  font-weight: 700;
  color: #ff3636;
}

@media screen and (max-width: 992px) {
  .predictive-search--header {
    overflow-y: scroll;
  }
}
.bottom-navbar.active {
  bottom: 0;
  transition: all 0.3s ease;
  display: block;
}
@media (min-width: 767px) {
  .bottom-navbar.active {
    display: none;
  }
}

.bottom-navbar {
  display: block;
  z-index: 999;
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1098039216);
  bottom: -64px;
}
@media (min-width: 767px) {
  .bottom-navbar {
    display: none;
  }
}
.bottom-navbar__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bottom-navbar__item a {
  display: inline-block;
}
.bottom-navbar__count {
  background: #fff;
  color: #000;
  width: 15px;
  font-size: 0.75rem;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: -15px;
  right: -15px;
}

.has-navbar {
  margin-bottom: 60px;
}

.mobile-search.show {
  display: block;
}

.mobile-search.hidden {
  display: none;
}

.mobile-search {
  display: block;
  padding: 0 15px;
}
.mobile-search__header {
  margin: 30px 0 0;
}
.mobile-search .search-modal {
  width: 100%;
  height: auto;
  display: unset;
  align-items: unset;
  justify-content: unset;
  flex-direction: unset;
  margin: 0 15px;
}
.mobile-search .search-modal .search__input {
  min-width: unset;
  border: 1px solid #ccc;
  border-radius: 25px;
}

.tp-title-section .tp-title__btn a {
  font-weight: var(--button-font-weight);
}
.tp-title-section__layout_2 {
  position: relative;
  margin-top: 20px;
}
.tp-title-section__layout_2 .tp-title-section__sub {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.tp-title-section__layout_2 .tp-title-section__sub p {
  height: 100%;
  font-weight: 200;
  line-height: 44px;
  opacity: 0.1;
}
@media (max-width: 767px) {
  .tp-title-section__layout_2 .tp-title-section__sub {
    display: none;
  }
}
.tp-title-section__layout_3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tp-title-section .tp-title__btn svg {
  transition: all 0.5s ease;
}
.tp-title-section .tp-title__btn:hover svg {
  transform: translateX(10px);
}

.gpage-title {
  font-size: 1.75rem;
  margin-bottom: 10px;
}

.no-image-banner {
  background: var(--color-image-default);
  width: 100%;
}

.tp-image-card {
  overflow: hidden;
}
.tp-image-card .image-banner-mobile {
  display: none;
}
@media (max-width: 767px) {
  .tp-image-card .image-banner-desktop {
    display: none;
  }
  .tp-image-card .image-banner-mobile {
    display: block;
  }
}
.tp-image-card__item {
  width: 100%;
}
.tp-image-card__item .banner-image {
  height: 100%;
  transition: all 1.9s ease;
}
.tp-image-card__item .banner-image::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
}
.tp-image-card__item .tp-content-heading p {
  font-weight: var(--heading-font-weight);
  line-height: 1.2;
}
@media (max-width: 767px) {
  .tp-image-card__item .tp-content-heading p {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .tp-image-card__item h3 {
    font-size: 1.25rem;
  }
}
.tp-image-card .btn-background-white {
  opacity: 0.9;
  display: inline-block;
  overflow: visible;
}
.tp-image-card .content-top-left {
  top: 30px;
  left: 30px;
  right: auto;
}
.tp-image-card .content-top-center {
  top: 30px;
  left: 0;
  right: 0;
  text-align: center;
}
.tp-image-card .content-top-right {
  right: 30px;
  left: auto;
  top: 30px;
}
.tp-image-card .content-center-left {
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  right: auto;
}
@media only screen and (max-width: 1023px) {
  .tp-image-card .content-center-left {
    left: 15px;
  }
}
.tp-image-card .content-center {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  padding: 0 10px;
}
.tp-image-card .content-center-right {
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  left: auto;
  text-align: right;
}
.tp-image-card .content-bottom-left {
  right: auto;
  left: 30px;
  bottom: 30px;
}
.tp-image-card .content-bottom-center {
  left: 0;
  right: 0;
  text-align: center;
  bottom: 30px;
}
.tp-image-card .content-bottom-right {
  right: 30px;
  left: auto;
  bottom: 30px;
}
.tp-image-card__layout-1 .no-image-banner {
  height: 640px;
}
.tp-image-card__layout-2 {
  gap: 30px;
}
.tp-image-card__layout-2 .no-image-banner {
  height: 410px;
}
.tp-image-card__layout-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tp-image-card__layout-3 .tp-image-card__item,
.tp-image-card__layout-3 .tp-image-card__item img {
  height: 100%;
}
.tp-image-card__layout-3 .tp-image-card__item .no-image-banner {
  height: 320px;
}
.tp-image-card__layout-3 .banner-item-1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.tp-image-card__layout-3 .banner-item-2 {
  grid-column: 2/3;
  grid-row: 1/3;
}
.tp-image-card__layout-3 .banner-item-2 .no-image-banner {
  height: 640px;
}
.tp-image-card__layout-3 .banner-item-3 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.tp-image-card__layout-3 .banner-item-4 {
  grid-column: 1/2;
  grid-row: 2/3;
}
.tp-image-card__layout-3 .banner-item-5 {
  grid-column: 3/4;
  grid-row: 2/3;
}
.tp-image-card__layout-3 img {
  height: unset;
}
.tp-image-card__layout-4 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  margin: 0 -15px;
}
.tp-image-card__layout-4 .tp-image-card__item {
  padding: 0 15px 30px 15px;
}
.tp-image-card__layout-4 .tp-image-card__item img {
  height: 100%;
}
.tp-image-card__layout-4 .banner-item-1 {
  grid-column: 1/2;
  grid-row: 1/3;
  height: 100%;
}
.tp-image-card__layout-4 .banner-item-1 .no-image-banner {
  height: 640px;
}
.tp-image-card__layout-4 .banner-item-2 {
  grid-column: 2/3;
  grid-row: 1/2;
}
.tp-image-card__layout-4 .banner-item-2 .no-image-banner {
  height: 305px;
}
.tp-image-card__layout-4 .banner-item-3 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.tp-image-card__layout-4 .banner-item-3 .no-image-banner {
  height: 305px;
}
.tp-image-card__layout-4 .banner-item-4 {
  grid-column: 2/4;
  grid-row: 2/3;
}
.tp-image-card__layout-4 .banner-item-4 .no-image-banner {
  height: 305px;
}
@media (min-width: 450px) and (max-width: 767px) {
  .tp-image-card__layout-4 {
    display: grid !important;
  }
  .tp-image-card__layout-4 .tp-image-card__item {
    margin-bottom: 0 !important;
  }
}
.tp-image-card__layout-5 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  margin: 0 -15px;
}
.tp-image-card__layout-5 .tp-image-card__item {
  padding: 0 15px 30px 15px;
  height: 100%;
}
.tp-image-card__layout-5 .tp-image-card__item img {
  height: 100%;
}
.tp-image-card__layout-5 .banner-item-1 {
  grid-column: 1/2;
  grid-row: 1/4;
}
.tp-image-card__layout-5 .banner-item-1 .no-image-banner {
  height: 630px;
}
.tp-image-card__layout-5 .banner-item-2 {
  grid-column: 2/3;
  grid-row: 1/4;
}
.tp-image-card__layout-5 .banner-item-2 .no-image-banner {
  height: 630px;
}
.tp-image-card__layout-5 .banner-item-3 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.tp-image-card__layout-5 .banner-item-3 .no-image-banner {
  height: 300px;
}
.tp-image-card__layout-5 .banner-item-4 {
  grid-column: 3/4;
  grid-row: 2/3;
}
.tp-image-card__layout-5 .banner-item-4 .no-image-banner {
  height: 300px;
}
.tp-image-card__layout-6 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  margin: 0 -15px;
}
.tp-image-card__layout-6 .tp-image-card__item {
  padding: 0 15px 30px 15px;
}
.tp-image-card__layout-6 .tp-image-card__item img {
  height: 100%;
}
.tp-image-card__layout-6 .tp-image-card__item .no-image-banner {
  height: 300px;
}
.tp-image-card__layout-6 .banner-item-1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.tp-image-card__layout-6 .banner-item-2 {
  grid-column: 2/3;
  grid-row: 1/4;
  height: 100%;
}
.tp-image-card__layout-6 .banner-item-2 .no-image-banner {
  height: 630px;
}
.tp-image-card__layout-6 .banner-item-3 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.tp-image-card__layout-6 .banner-item-4 {
  grid-column: 1/2;
  grid-row: 2/3;
}
.tp-image-card__layout-6 .banner-item-5 {
  grid-column: 3/4;
  grid-row: 2/3;
}
.tp-image-card__layout-7 {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-template-rows: auto auto auto;
  grid-gap: 30px;
}
.tp-image-card__layout-7 .banner-item-1 {
  grid-column: 1/2;
  grid-row: 1/3;
}
.tp-image-card__layout-7 .banner-item-1 .no-image-banner {
  height: 450px;
}
.tp-image-card__layout-7 .banner-item-2 {
  grid-column: 2/3;
  grid-row: 1/2;
}
.tp-image-card__layout-7 .banner-item-2 .no-image-banner {
  height: 320px;
}
.tp-image-card__layout-7 .banner-item-3 {
  grid-column: 1/2;
  grid-row: 3/4;
}
.tp-image-card__layout-7 .banner-item-3 .no-image-banner {
  height: 320px;
}
.tp-image-card__layout-7 .banner-item-4 {
  grid-column: 2/3;
  grid-row: 2/4;
}
.tp-image-card__layout-7 .banner-item-4 .no-image-banner {
  height: 450px;
}

.tp-image-card.width-full .tp-image-card__layout-2 {
  padding: 0 60px;
}

@media (max-width: 1320px) {
  .tp-image-card.width-full .tp-image-card__layout-2 {
    padding: 0 15px;
  }
  .tp-image-card__layout-2 {
    gap: 15px;
  }
  .tp-image-card .tp-image-card__layout-4,
  .tp-image-card .tp-image-card__layout-5,
  .tp-image-card .tp-image-card__layout-6 {
    margin: 0 -7.5px;
  }
  .tp-image-card .tp-image-card__layout-4 .tp-image-card__item,
  .tp-image-card .tp-image-card__layout-5 .tp-image-card__item,
  .tp-image-card .tp-image-card__layout-6 .tp-image-card__item {
    padding: 0 7.5px 15px 7.5px;
  }
  .tp-image-card .tp-image-card__layout-4 .tp-image-card__item img,
  .tp-image-card .tp-image-card__layout-5 .tp-image-card__item img,
  .tp-image-card .tp-image-card__layout-6 .tp-image-card__item img {
    height: 100%;
  }
  .tp-image-card .tp-image-card__layout-7 {
    grid-gap: 15px;
  }
}
@media (max-width: 768px) {
  .tp-image-card__item .tp-content-heading p {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .tp-image-card__main {
    display: block;
  }
  .tp-image-card__main .tp-image-card__item {
    margin-bottom: 15px;
    overflow: hidden;
  }
  .tp-image-card__main .tp-image-card__item img {
    max-width: unset;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .tp-image-card__item .tp-content-sub-heading p {
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .tp-image-card__layout-1 img {
    width: unset !important;
  }
  .tp-image-card__layout-2 .tp-image-card__content {
    padding: 0 15px;
  }
}
@media (max-width: 490px) {
  .tp-image-card__content {
    top: 50%;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    transform: translateY(-50%);
    margin: 0 50px;
  }
  .tp-image-card__content.content-center-left {
    left: 15px !important;
    right: unset !important;
    bottom: unset !important;
    margin: unset !important;
  }
}
@media (max-width: 360px) {
  .tp-image-card__content {
    margin: 0 15px;
  }
}
.tp-partner__item {
  max-width: 150px;
  margin: auto;
  transition: all 0.5s ease;
}
.tp-partner__item img {
  width: auto;
}
.tp-partner .partner-img-default {
  width: 150px;
  height: 150px;
  background: #cccccc;
  border-radius: 50%;
}

.grid_partner__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px 0;
}
.grid_partner__box {
  width: 20%;
}

@media only screen and (max-width: 1024px) {
  .grid_partner__box {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .grid_partner__box {
    width: 33.33%;
  }
}
@media only screen and (max-width: 576px) {
  .grid_partner__box {
    width: 50%;
  }
}
.tp-instagram__title {
  font-size: 2.25rem;
}
.tp-instagram__item a {
  position: relative;
  display: block;
  height: 100%;
}
.tp-instagram__item a::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: transparent;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.tp-instagram__item svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  transition: all 0.5s ease;
}
.tp-instagram__item .tp-instagram__image,
.tp-instagram__item img {
  height: 100%;
}
.tp-instagram__item:hover a::before {
  background: #000;
  opacity: 0.3;
}
.tp-instagram__item:hover svg {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.tp-instagram .no-image-banner {
  height: 400px;
}

.wrapper-faq .faq-head {
  text-align: center;
  margin-bottom: 30px;
}
.wrapper-faq .faq-head h1 {
  font-size: 1.875rem;
  margin-bottom: 15px;
}
.wrapper-faq .wrapper-faq__list {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}
@media (max-width: 768px) {
  .wrapper-faq .wrapper-faq__list {
    display: block;
  }
  .wrapper-faq .wrapper-faq__list .faq__list--left {
    margin-bottom: 15px;
  }
}
.wrapper-faq .faq__list--left,
.wrapper-faq .faq__list--right {
  flex-basis: 50%;
  padding: 0 15px;
}
.wrapper-faq .faq-content__item {
  border: 1px solid #f1f3f4;
  flex-basis: 50%;
  padding: 20px;
  margin-bottom: 20px;
}
.wrapper-faq .faq-content__item:last-child {
  margin-bottom: 0;
}
.wrapper-faq .faq-content__item .item--question {
  cursor: pointer;
  padding: 5px;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
}
.wrapper-faq .faq-content__item .item--question:hover {
  background: #fbfbfb;
}
.wrapper-faq .faq-content__item .item--question h3 {
  font-size: 1.25rem;
  font-weight: 400;
}
.wrapper-faq .faq-content__item .item--question svg {
  width: 20px;
  transition: all 0.3s ease;
}
.wrapper-faq .faq-content__item .item--ask {
  transition: all 0.3s ease;
  overflow: hidden;
  padding-left: 5px;
  max-height: unset;
}
.wrapper-faq .hide-faq .item--question svg {
  transform: rotate(180deg);
}
.wrapper-faq .hide-faq .item--ask {
  max-height: 0;
  transition: all 0.3s ease;
}

.faq-type1 svg {
  width: 12px !important;
  min-width: 12px;
  margin-left: 10px;
}
.faq-type1__list {
  max-width: 751px;
  margin: auto;
}
.faq-type1__item {
  border: 1px solid #dfdfdf !important;
  border-radius: 60px;
  margin-bottom: 20px !important;
  padding: 10px 15px !important;
}
.faq-type1__item:last-child {
  margin-bottom: 0;
}
.faq-type1__question:hover {
  background: transparent !important;
}
.faq-type1__question h4 {
  font-size: 14px;
  font-weight: 600;
}
.faq-type1__ask p {
  font-size: 14px;
  color: #595959;
}

.faq-type1__item.faq-content__item.hide-faq {
  border-radius: 60px;
  transition: all 0.5s ease;
}

.faq-type1__item.faq-content__item {
  border-radius: 20px;
}

@media only screen and (max-width: 768px) {
  .faq-type1__list {
    width: 100%;
  }
}
.bg-feaured-product {
  position: relative;
}
.bg-feaured-product .wrapper-feaured-product {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

.wrapper-feaured-product {
  display: flex;
}

@media only screen and (max-width: 768px) {
  .background-feaured {
    display: none;
  }
  .wrapper-feaured-product {
    display: block;
    position: unset !important;
    top: unset !important;
    transform: unset !important;
  }
  .featured-product__left {
    margin-bottom: 20px;
    margin-right: 0 !important;
    flex-basis: 100%;
  }
  .featured-product__right {
    flex-basis: 100%;
  }
}
.featured-product__left {
  display: flex;
  flex-basis: 50%;
  margin-right: 60px;
}
.featured-product__left .products-vertical__thumb--ft {
  max-width: 120px;
  width: 100%;
  margin-right: 15px;
}
@media (max-width: 600px) {
  .featured-product__left .products-vertical__thumb--ft {
    display: none;
  }
}
.featured-product__left .products-vertical__thumb--ft img {
  height: 100%;
  width: 100%;
  margin: auto;
}
.featured-product__left .products-vertical__thumb--ft .swiper-slide {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-product__left .products-vertical__thumb--ft .swiper-slide svg {
  display: none;
  position: absolute;
}
.featured-product__left .products-vertical__thumb--ft .swiper-slide::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.featured-product__left .products-vertical__thumb--ft .swiper-slide.swiper-slide-thumb-active img {
  opacity: 0.3;
}
.featured-product__left .products-vertical__thumb--ft .swiper-slide.swiper-slide-thumb-active svg {
  display: block;
}
.featured-product__left .products-vertical__thumb--ft .swiper-slide.swiper-slide-thumb-active::after {
  opacity: 0.1;
  visibility: visible;
}
.featured-product__left .products-vertical__main--ft {
  margin-right: 0;
  margin-left: 0;
  max-width: 510px;
  height: auto;
}

.featured-product__left--thumb {
  flex-basis: 30%;
}

.featured-product__right {
  flex-basis: 50%;
  align-self: center;
}

.featured-product__right--title {
  font-size: 1.75rem;
}

.featured-product__right-price {
  margin-bottom: 10px;
}
.featured-product__right-price .price-item {
  font-weight: 500;
  font-size: 1.125rem;
}
.featured-product__right-price .price-item--sale {
  margin-right: 18px;
}

.featured-product__right--desc {
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.6;
}
.featured-product__right--desc p {
  font-size: 1rem;
  color: #000;
}

.variant-name-active {
  margin-bottom: 18px;
}
.variant-name-active .variant-name-active__title {
  margin-right: 11px;
}
.variant-name-active .variant-name-active__title,
.variant-name-active .variant-name-active__value {
  font-size: 1rem;
  font-weight: 500;
}

.featured-product__right--list-thumb-variants {
  display: flex;
}
.featured-product__right--list-thumb-variants .thumb {
  display: block;
  margin-right: 10px;
  max-width: 80px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}
.featured-product__right--list-thumb-variants .thumb img {
  -o-object-fit: contain;
     object-fit: contain;
}
.featured-product__right--list-thumb-variants .thumb.active {
  border: 2px solid #7396cc;
}

.featured-product__right--qty {
  margin-top: 30px;
  margin-bottom: 30px;
}
.featured-product__right--qty label {
  margin-right: 35px;
  font-weight: 500;
  font-size: 1rem;
}
.featured-product__right--qty .product-form__input .tp-item__quantity {
  background: #ffffff;
}

.featured-product__right--product-form .product-form__submit {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(0, 0, 0) 0px 0px 0px 2px;
  padding: 8px 58px;
  transition: all 0.5s ease;
}
.featured-product__right--product-form .product-form__submit:hover {
  cursor: pointer;
  background: #000000;
  color: #ffffff;
}

.nature__element {
  gap: 60px;
  margin-bottom: 60px;
}
.nature__element:last-child {
  margin-bottom: 0;
}
.nature__element:nth-child(even) {
  flex-direction: row-reverse;
}
.nature__left {
  flex: 1;
}
.nature__left__img {
  width: unset;
  margin: auto;
  height: auto;
}
.nature__right {
  flex: 1;
}
.nature__brief {
  margin-bottom: 40px;
}
.nature__brief p {
  margin-bottom: 20px;
}
.nature__btn {
  border-radius: 60px;
  padding: 16px 45px;
  display: inline-block;
}

.container-small {
  width: 1000px;
  margin: auto;
}

.nature-content-right {
  text-align: right;
}

@media only screen and (max-width: 1024px) {
  .nature__wrap {
    width: 100%;
  }
  .nature__element {
    gap: 30px;
  }
  .nature__left {
    width: 40%;
  }
  .nature__right {
    width: 60%;
  }
  .container-small {
    padding: 0 55px;
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .container-small {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .nature__element {
    display: block;
  }
  .nature__left {
    width: 100%;
    margin: 0 auto 20px;
  }
  .nature__right {
    width: 100%;
    text-align: center;
  }
}
.background_text {
  position: relative;
}
.background_text__ctn {
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
}
.background_text__wrap {
  width: 33%;
  position: absolute;
  right: 5%;
}
.background_text__title {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  background: #976e8a;
  margin: 0 auto 50px;
  line-height: 60px;
  padding: 10px 60px;
  color: #fff;
  display: block;
}
.background_text__brief {
  line-height: 60px;
  text-align: center;
  font-weight: 500;
  color: #000;
}

@media only screen and (max-width: 1440px) {
  .background_text__title {
    font-size: 40px !important;
    padding: 8px 30px;
    line-height: 50px;
  }
  .background_text__brief {
    font-size: 40px !important;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .background_text__title {
    font-size: 30px !important;
    padding: 6px 25px;
    line-height: 40px;
  }
  .background_text__brief {
    font-size: 30px !important;
    line-height: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .background_text__wrap {
    right: 10%;
  }
  .background_text__title {
    font-size: 20px !important;
    padding: 6px 20px;
    margin-bottom: 30px;
    line-height: 25px;
  }
  .background_text__brief {
    font-size: 16px !important;
    line-height: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .background_text__ctn {
    top: 30px;
  }
  .background_text__ctn {
    position: relative;
  }
  .background_text__wrap {
    position: relative;
    width: 100%;
    right: 0;
    margin-bottom: 30px;
    display: inline-block;
  }
  .background_text__title {
    margin: unset;
    margin-bottom: 20px;
  }
  .background_text__brief {
    text-align: unset;
  }
}
.background_text_type2 {
  overflow: hidden;
}
.background_text_type2 img {
  transition: all 0.8s ease-out;
  transform: scale3d(1.1, 1.1, 1.1);
}
.background_text_type2 img:hover {
  transform: scale3d(1, 1, 1);
}

html {
  scroll-behavior: smooth;
}

.header-onepage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
.header-onepage .header__logo {
  max-width: 200px;
}
.header-onepage .header__icon {
  display: flex;
  align-items: center;
}
.header-onepage__li {
  padding: 35px 0;
  margin: 0 20px;
}
.header-onepage__mb {
  display: none;
}

.header-onepage__close {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .header-onepage .header__logo {
    max-width: 150px !important;
  }
  .header-onepage .header__logo {
    order: 2;
  }
  .header-onepage .header-onepage__ic {
    display: none;
  }
  .header-onepage__bar {
    padding: 15px !important;
  }
  .header-onepage__close {
    display: block;
  }
  .wrap-close {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    background: #f8f8f8;
    padding: 20px 30px;
  }
  .header-onepage__mb {
    display: block;
    order: 1;
    background: #f9f9f9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: relative;
  }
  .header-onepage__menu {
    position: fixed;
    left: -100%;
    top: 0;
    width: 300px;
    height: 100%;
    transition: all 0.3s ease-in-out;
  }
  .header-onepage__menu.active {
    left: 0;
    width: 320px;
    height: 100vh;
    z-index: 999;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 10px 30px 0px;
  }
  .header-onepage__ul {
    display: block;
  }
  .header-onepage__li {
    padding: 12px 0;
  }
}
.banner-lookbook {
  position: relative;
}
.banner-lookbook .no-image-banner {
  height: 670px;
}
.banner-lookbook__close {
  display: block;
  position: absolute;
  padding: 5px;
  right: 0;
  top: 0;
  background: rgba(225, 225, 225, 0.5);
}
.banner-lookbook__close svg {
  transition: all 0.5s ease;
  pointer-events: none;
}
.banner-lookbook__close:hover svg {
  transform: rotate(180deg);
}
.banner-lookbook__animate {
  animation: pulselookbook 2s infinite;
}
.banner-lookbook__pins {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.banner-lookbook__pin {
  position: absolute;
  background: black;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.banner-lookbook__pin .top-center {
  transform: translate(-50%, 5%);
}
.banner-lookbook__pin .top-left {
  transform: translate(0, 5%);
}
.banner-lookbook__pin .top-right {
  transform: translate(-90%, 5%);
}
.banner-lookbook__pin .bottom-center {
  bottom: 0;
  transform: translate(-50%, -5%);
}
.banner-lookbook__pin .bottom-left {
  bottom: 0;
  transform: translate(-90%, -5%);
}
.banner-lookbook__pin .bottom-right {
  bottom: 0;
  transform: translate(0, -5%);
}
.banner-lookbook__pin .active {
  visibility: visible;
  opacity: 1;
  max-height: none;
  margin: 30px 0;
  overflow: visible;
}
.banner-lookbook__pin-holder {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 9;
  max-height: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.banner-lookbook__pin-holder-bottom {
  bottom: 0;
}
.banner-lookbook__product {
  display: block;
  width: 215px;
  padding: 15px;
  background: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}
.banner-lookbook__product img {
  margin-bottom: 8px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .banner-lookbook__product img {
    display: none;
  }
}
.banner-lookbook__product .card__heading {
  font-size: 14px;
}
.banner-lookbook__product .price__sale .price-item--regular {
  display: none;
}
.banner-lookbook__product .price-item {
  font-size: 14px;
}
.banner-lookbook__product .btn-product {
  padding: 5px 10px;
  border: 1px solid #000;
  font-size: 14px;
}

.banner-lookbook::-webkit-scrollbar {
  display: none;
}

@keyframes pulselookbook {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.banner-lookbook__many-images {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-lookbook__many-images .banner-lookbook__item {
  flex: 1;
  height: 544px;
  transition: flex 0.8s cubic-bezier(0.29, 0, 0.2, 1);
  border-right: 1px solid #ffffff;
}
.banner-lookbook__many-images .banner-lookbook__item img {
  height: 100%;
}
.banner-lookbook__many-images .banner-lookbook__item:last-child {
  border-right: 1px solid transparent;
}
.banner-lookbook__many-images .banner-lookbook__pin {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.banner-lookbook__many-images .active-item {
  flex: 2;
}
.banner-lookbook__many-images .active-item .banner-lookbook__pin {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .banner-lookbook__many-images {
    display: block;
  }
  .banner-lookbook__many-images .banner-lookbook__pin {
    opacity: 1;
    visibility: visible;
  }
  .banner-lookbook__many-images .banner-lookbook__item {
    border-bottom: 1px solid #ffffff;
  }
  .banner-lookbook__many-images .banner-lookbook__item img {
    height: 100%;
  }
  .banner-lookbook__many-images .banner-lookbook__item:last-child {
    border-right: 1px solid transparent;
  }
}

.container-size2 {
  max-width: 1700px;
  width: 100%;
  margin: auto;
}

@media only screen and (min-width: 1400px) and (max-width: 1700px) {
  .container-size2 {
    padding: 0 40px;
  }
}
.demopage__title {
  background: linear-gradient(92.38deg, #5d7cff 0%, #8942fd 100%);
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 30px;
  padding: 12px 35px;
  color: #ffffff;
}
.demopage__title .num-demo {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%) rotate(-15deg);
  background: #fce300;
  border-radius: 5px;
  font-size: 24px;
  font-weight: 700;
  padding: 2px 5px;
  line-height: 29px;
  color: #000000;
}
.demopage__brief {
  max-width: 600px;
  margin: 0 auto 20px;
}

.filter-button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1020px;
  margin: 0 auto 50px;
}
.filter-button-group .actions__btn {
  position: relative;
  border-radius: 5px;
  padding: 13px 40px;
  border: 1px solid #ebebeb;
  color: #868686;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-weight: 600;
  line-height: 17px;
}
.filter-button-group .actions__btn.active {
  color: #000000;
  background: #fce300;
}
.filter-button-group .shake {
  animation: shake-animation 4.72s ease infinite;
  transform-origin: 50% 50%;
  border: 1px solid #5D7DFF;
  color: #5D7DFF;
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.gallery .image {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  width: 20%;
}
.gallery .image:hover .gallery__items {
  transform: translateY(-5px);
}
.gallery .image.hide {
  display: none;
}
.gallery .image.show {
  animation: animate 0.3s ease;
}
.gallery__items {
  position: relative;
  border-radius: 12px;
  transition: all 0.5s ease;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.gallery__items img {
  cursor: pointer;
}

.demopage__box__stt {
  position: absolute;
  top: -5px;
  left: -5px;
  color: #fff;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  padding: 4px 16px;
  font-weight: 600;
  letter-spacing: 0.1rem;
}

.text-highlight {
  font-size: 16px;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 40px;
  padding: 8px 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.text-highlight .highlight {
  background: #000;
  color: #fff;
  padding: 2px 15px;
}

@media only screen and (max-width: 768px) {
  .gallery .image {
    width: 33.33%;
  }
}
@media only screen and (max-width: 576px) {
  .gallery .image {
    width: 50%;
  }
}
.is-rtl .stand-middle-left {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.management-tools {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 99;
}
.management-tools__tab {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.management-tools__item {
  height: 40px;
  background: #2879fe;
  transition: all 0.5s ease;
  border-bottom: 1px solid #fff;
  position: relative;
}
.management-tools__item:last-child {
  border-bottom: 0;
}
.management-tools__item::before {
  position: absolute;
  top: 50%;
  right: 50px;
  font-size: 13px;
  white-space: nowrap;
  transform: translate(10px, -50%);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.management-tools__item a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.management-tools__item:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.management-tools__image {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.management-tools__image:last-child {
  border-bottom: none;
}
.management-tools__title {
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  padding: 10px 0;
}
.management-tools__img {
  width: 20px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease;
}

.management-hv1::before {
  content: "Demos";
}

.management-hv2::before {
  content: "Buy now";
}

.management-hv3::before {
  content: "Color";
}

.management-color {
  position: absolute;
  top: 100%;
  right: 0;
}
.management-color__list {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-top: 1px solid #ffffff;
  padding-top: 10px;
}
.management-color__title {
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  line-height: 1;
}
.management-color__item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.management-color__item a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.management-data {
  cursor: pointer;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.management-color {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(40px);
  transition: transform 0.5s ease, visibility 0.5s ease;
}

.management-color__default.is-color::before {
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.is-color {
  position: relative;
  transition: all 0.5s ease;
}
.is-color::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  top: 49%;
  left: 50%;
  transition: all 0.5s ease;
  transform: translate(-49%, -50%) rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.is-sv-color {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: all 0.5s ease;
}

.variable-management-color-1 .management-tools__item,
.variable-management-color-1 .tp-bread-crumb__wrapper,
.variable-management-color-1 .block-button,
.variable-management-color-1 .btn-background-white,
.variable-management-color-1 .quick-add__submit,
.variable-management-color-1 .round-button,
.variable-management-color-1 .card fieldset label,
.variable-management-color-1 .card .quick-add-atc button {
  transition: all 0.5s ease;
  background: var(--theme-color-01);
}

.variable-management-color-2 .management-tools__item,
.variable-management-color-2 .tp-bread-crumb__wrapper,
.variable-management-color-2 .block-button,
.variable-management-color-2 .btn-background-white,
.variable-management-color-2 .quick-add__submit,
.variable-management-color-2 .round-button,
.variable-management-color-2 .card fieldset label,
.variable-management-color-2 .card .quick-add-atc button {
  transition: all 0.5s ease;
  background: var(--theme-color-02);
}

.variable-management-color-3 .management-tools__item,
.variable-management-color-3 .tp-bread-crumb__wrapper,
.variable-management-color-3 .block-button,
.variable-management-color-3 .btn-background-white,
.variable-management-color-3 .quick-add__submit,
.variable-management-color-3 .round-button,
.variable-management-color-3 .card fieldset label,
.variable-management-color-3 .card .quick-add-atc button {
  transition: all 0.5s ease;
  background: var(--theme-color-03);
}

.variable-management-color-4 .management-tools__item,
.variable-management-color-4 .tp-bread-crumb__wrapper,
.variable-management-color-4 .block-button,
.variable-management-color-4 .btn-background-white,
.variable-management-color-4 .quick-add__submit,
.variable-management-color-4 .round-button,
.variable-management-color-4 .card fieldset label,
.variable-management-color-4 .card .quick-add-atc button {
  transition: all 0.5s ease;
  background: var(--theme-color-04);
}

.variable-management-color-5 .management-tools__item,
.variable-management-color-5 .tp-bread-crumb__wrapper,
.variable-management-color-5 .block-button,
.variable-management-color-5 .btn-background-white,
.variable-management-color-5 .quick-add__submit,
.variable-management-color-5 .round-button,
.variable-management-color-5 .card fieldset label,
.variable-management-color-5 .card .quick-add-atc button {
  transition: all 0.5s ease;
  background: var(--theme-color-05);
}

.variable-management-color-6 .management-tools__item,
.variable-management-color-6 .tp-bread-crumb__wrapper,
.variable-management-color-6 .block-button,
.variable-management-color-6 .btn-background-white,
.variable-management-color-6 .quick-add__submit,
.variable-management-color-6 .round-button,
.variable-management-color-6 .card fieldset label,
.variable-management-color-6 .card .quick-add-atc button {
  transition: all 0.5s ease;
  background: var(--theme-color-06);
}

.banner-slide__box {
  background: #fff;
  padding: 50px;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
.banner-slide .left-countdown {
  right: auto;
  left: 10%;
}
.banner-slide .center-countdown {
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}
.banner-slide__height {
  height: 700px;
}
.banner-slide__title {
  color: #000;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 25px;
  letter-spacing: 0.85em;
  text-transform: uppercase;
}
.banner-slide__percent {
  color: #000;
  font-weight: 600;
  font-size: 100px;
  line-height: 80px;
  margin-bottom: 20px;
}
.banner-slide__subtitle {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.banner-slide__ps {
  position: relative;
  display: inline-block;
}
.banner-slide__time {
  margin-bottom: 40px;
}
.banner-slide__sale {
  color: #000;
  font-weight: 500;
  font-size: 26px;
  line-height: 24px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%) rotate(90deg);
}
.banner-slide .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.banner-slide .bsSlide-pagination {
  bottom: 30px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  text-align: center;
}
.banner-slide .swiper-button-next {
  right: 30px;
}
.banner-slide .swiper-button-prev {
  left: 30px;
}
.banner-slide .swiper-button-prev,
.banner-slide .swiper-button-next {
  background: #ffffff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.banner-slide .swiper-button-prev::after,
.banner-slide .swiper-button-next::after {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 1024px) {
  .banner-slide .swiper-button-prev,
  .banner-slide .swiper-button-next {
    display: none;
  }
}

.bnCountdown {
  display: flex;
  align-items: center;
}
.bnCountdown__bg {
  padding: 15px 5px;
  margin-right: 10px;
  text-align: center;
  min-width: 60px;
}
.bnCountdown__bg:last-child {
  margin-right: 0;
}
.bnCountdown__time {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.bnCountdown__title {
  font-size: 14px;
}

@media only screen and (max-width: 500px) {
  .banner-slide__height {
    height: 550px;
  }
  .banner-slide__box {
    right: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 30px;
  }
  .banner-slide__title {
    letter-spacing: 0.9375rem;
  }
  .bnCountdown__bg {
    min-width: 50px;
    padding: 10px 5px;
  }
  .bnCountdown__bg .bnCountdown__time {
    font-size: 16px;
  }
  .bnCountdown__bg .bnCountdown__title {
    font-size: 12px;
  }
}
@media (max-width: 370px) {
  .banner-slide__box {
    padding: 20px;
  }
  .banner-slide__percent {
    font-size: 85px;
  }
  .banner-slide__sale {
    font-size: 22px;
    top: 40%;
  }
}
.features-list__item {
  transition: all 0.5s ease;
}
.features-list__item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  background: #d8d8d8;
  top: 6px;
  left: 0;
  transition: all 0.5s ease;
}
.features-list__item:last-child::before {
  display: none;
}
.features-list__link {
  cursor: pointer;
  transition: all 0.5s ease;
}
.features-list__link.active {
  color: #2879fe;
}
.features-list__link::after {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: -23px;
  border-radius: 50%;
  transform: translateX(-50%);
  top: 4px;
  border: 8px solid #d8d8d8;
  background: #fff;
  transition: all 0.5s ease;
}
.features-list__link.active::after {
  border: 6px solid #2879fe;
}
.features-list__image {
  display: none;
}
.features-list__image.active {
  display: block;
  animation-delay: 0.2s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.features-list .flex-row-reverse .features-list__tab {
  padding-right: 0;
  padding-left: 80px;
}

@media only screen and (max-width: 1290px) {
  .features-list__tab {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .features-list__content {
    display: block;
  }
  .features-list__content .features-col-left {
    width: 100%;
  }
  .features-list__content .features-col-right {
    width: 100%;
  }
  .features-list .flex-row-reverse .features-list__tab {
    padding-left: 0;
  }
}
.video-section__media {
  position: relative;
  padding-bottom: 40%;
}

.video-section__media.deferred-media:after {
  content: none;
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__poster,
.video-section__media iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.deferred-media__poster {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.deferred-media__poster .placeholder-svg {
  background-color: #ccc;
  width: 100%;
  height: 100%;
}

.media > .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.deferred-media {
  overflow: hidden;
  display: block;
}

.deferred-media:not([loaded]) template {
  z-index: -1;
}

.deferred-media[loaded] > .deferred-media__poster {
  display: none;
}

.deferred-media__poster:focus {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground), 0.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .deferred-media__poster:focus {
    outline: transparent solid 1px;
  }
}
.deferred-media__poster:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.deferred-media__poster-button {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.2rem;
  width: 6.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  overflow: hidden;
  transition: all 0.5s ease;
}
.deferred-media__poster-button::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #fff;
  opacity: 0.5;
}
.deferred-media__poster-button svg {
  width: 60px;
  height: 65px;
  margin-left: 8px;
  transition: all 0.5s ease;
}
.deferred-media__poster-button svg path {
  fill: #fff;
}

.deferred-media__poster-button:hover svg {
  transform: scale(1.1);
}

@media (max-width: 767px) {
  .deferred-media__poster-button {
    height: 4.2rem;
    width: 4.2rem;
  }
  .deferred-media__poster-button svg {
    width: 30px;
    height: 35px;
    margin-left: 3px;
  }
}
.video-custom {
  position: relative;
}
.video-custom .no-image-banner {
  height: 750px;
}
.video-custom video {
  min-width: 100%;
  height: 80vh;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-custom__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.video-custom__content h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 40px;
}
@media (max-width: 767px) {
  .video-custom__content {
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
}
.video-custom__btn {
  padding: 9px 20px;
}
.video-custom__btn svg {
  width: 10px;
  height: 10px;
  margin-left: 10px;
}
.video-custom .tp-modal-video {
  min-width: 320px;
  max-width: 720px;
  max-height: 85%;
  border-radius: 8px;
  overflow: hidden;
}
.video-custom .tp-modal-video .no-image-banner {
  width: 750px;
  height: 405px;
}
.video-custom .tp-modal-video video {
  height: auto;
}
@media (max-width: 767px) {
  .video-custom .tp-modal-video {
    border-radius: unset;
  }
  .video-custom .tp-modal-video h2 {
    padding-right: 30px;
    padding-left: 15px;
    text-align: left;
  }
}

.overlay-body-video-popup {
  position: relative;
  overflow: hidden;
}
.overlay-body-video-popup::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: #000000;
  opacity: 0.5;
  z-index: 100;
}

.st-location__block {
  width: calc(50% - 20px);
}
.st-location__block figure {
  overflow: hidden;
  position: relative;
}
.st-location__block figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.st-location__block figure:hover::before {
  animation: circle 0.75s;
}
.st-location__block__url {
  background-image: linear-gradient(to right, #5D7DFF, #5D7DFF 50%, #000000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.3s ease-in-out;
}
.st-location__block__url:hover {
  background-position: 0;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
.st-type2 .st-location__block {
  width: calc(100% - 20px);
  border-bottom: 1px solid #cacaca;
}
.st-type2 .st-location__block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.st-type2 .st-location__block:nth-child(even) {
  flex-direction: row-reverse;
}
.st-type2 .st-location__block:nth-child(even) .st-location__block__halfother {
  padding-left: 0;
}
.st-type2 .st-location__block__half {
  width: 60%;
}
.st-type2 .st-location__block__halfother {
  width: 40%;
  padding-left: 5%;
}

@media only screen and (max-width: 768px) {
  .st-type2 .st-location__block__halfother {
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .st-location__wp {
    display: block;
  }
  .st-location__block {
    width: 100%;
    margin-bottom: 30px;
  }
  .st-location__block:last-child {
    margin-bottom: 0;
  }
  .st-type2 .st-location__block {
    width: 100%;
    display: block;
  }
  .st-type2 .st-location__block__img {
    margin-bottom: 20px;
  }
  .st-type2 .st-location__block__half {
    width: 100%;
  }
  .st-type2 .st-location__block__halfother {
    width: 100%;
  }
}
.tp-review__wrapper {
  position: relative;
}
.tp-review__main {
  padding-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
  margin: auto;
}
.tp-review__item-wrapper {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1490196078);
}
.tp-review__content {
  padding: 0 15px 30px;
}
.tp-review__content .tp-content__title {
  font-size: 1.125rem;
  color: #3a3a3a;
}
.tp-review__content .tp-content__star path {
  fill: #fe8da2;
}
.tp-review__content .tp-content__date {
  font-size: 14px;
}
.tp-review .nav-review__item {
  position: absolute;
  top: calc(50% - 5px);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1490196078);
  transition: all 0.5s ease;
}
.tp-review .nav-review__item:hover {
  background: #000;
}
.tp-review .nav-review__item:hover path {
  stroke: #fff;
}
.tp-review .nav-review-prev {
  left: -20px;
}
.tp-review .nav-review-next {
  right: -20px;
}
@media (max-width: 1023px) {
  .tp-review .nav-review__item {
    display: none;
  }
}

.width-full .tp-review__wrapper {
  padding: 0 15px;
}
.width-full .nav-review-prev {
  left: 0;
}
.width-full .nav-review-next {
  right: 0;
}

.featured-info__wrapper {
  margin-left: -30px;
  margin-right: -30px;
}
.featured-info__item {
  width: 33.333%;
  padding: 0 30px;
}
.featured-info__item__top {
  margin-bottom: 30px;
}
.featured-info__item__top .featured-info-title {
  font-size: 18px;
}
.featured-info__item__top svg {
  height: 12px;
}
.featured-info__item__top .featured-info-naviga-prev,
.featured-info__item__top .featured-info-naviga-next {
  transform: scale(1);
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .featured-info__item__top .featured-info-naviga-prev:hover,
  .featured-info__item__top .featured-info-naviga-next:hover {
    transform: scale(1.1);
  }
}
.featured-info__item__top .swiper-button-disabled {
  cursor: auto;
}
.featured-info__item__top .swiper-button-disabled path {
  stroke: #909090;
}
.featured-info .featured-post {
  margin-bottom: 0;
}
.featured-info .featured-post__list {
  margin-left: auto !important;
  margin-right: auto !important;
}
.featured-info .featured-post__item {
  padding: 0 !important;
}
.featured-info .featured-post__item img {
  height: 250px !important;
}
.featured-info .featured-post__item .card__heading {
  margin-bottom: 15px !important;
}
.featured-info .featured-post .blog-item-no-data__image {
  width: 100%;
  height: 270px;
  background: #e9ce58;
  margin-bottom: 15px;
}
.featured-info .top-recommend .card {
  border: none;
}
.featured-info .top-recommend .card:hover {
  box-shadow: none;
}
.featured-info .top-recommend .card__inner {
  margin: auto;
  padding-bottom: 10px;
}
.featured-info .top-recommend .stars-reviews {
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-info .top-recommend .stars-reviews .not-have path {
  fill: transparent;
}
.featured-info .top-recommend .card__media {
  padding: 0;
  position: unset;
}
.featured-info .top-recommend .card__media img {
  max-height: 270px;
  position: unset;
}
.featured-info .top-recommend .card__content {
  padding-left: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}
.featured-info .top-recommend .rating-review-box {
  margin-bottom: 20px;
}
.featured-info .top-recommend .rating-review-box .stars-new {
  justify-content: flex-start;
}
.featured-info .top-recommend .rating-review-box svg {
  width: 15px;
}
.featured-info .top-recommend .rating-review-box path {
  fill: #ffae47;
}
.featured-info .top-recommend .rating-review-box .count-star {
  font-size: 14px;
  color: #909090;
}
.featured-info .top-recommend .card__information {
  border-top: 1px solid rgba(144, 144, 144, 0.25);
  padding-top: 20px;
}
.featured-info .top-recommend .card__heading {
  font-size: 14px;
  margin-bottom: 12px;
}
.featured-info .top-recommend .price {
  margin-bottom: 30px;
}
.featured-info .top-recommend .card .price-item {
  font-weight: 500;
  font-size: 14px;
}
.featured-info .top-recommend .add-atc {
  flex: 1;
}
.featured-info .top-recommend .add-atc .quick-add__submit {
  width: 100%;
  height: 50px;
  border-radius: 0;
  background: #000;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.featured-info .top-recommend .add-atc .quick-add__submit:hover {
  border: 1px solid #000;
  color: #000;
}
.featured-info .top-recommend .add-atc .quick-add__submit:hover:before {
  background: #fff;
}
.featured-info .top-recommend li {
  margin-left: 5px;
  width: 50px;
  height: 50px;
  background: rgba(144, 144, 144, 0.1);
  transition: all 0.5s ease;
  border: 1px solid transparent;
}
.featured-info .top-recommend li:hover {
  border: 1px solid #000;
  background: #fff;
}
.featured-info .top-recommend .card-no-data__image {
  width: 100%;
  height: 270px;
  margin-bottom: 15px;
}
.featured-info .top-recommend .quick-add__no-data {
  width: 100%;
  height: 50px;
  border-radius: 0;
  background: #000;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.featured-info .best-review .best-review__item {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  text-align: start;
}
.featured-info .best-review .reviewer-content {
  background-color: #f3fcfb;
  padding: 40px 30px;
  position: relative;
  margin-bottom: 82px;
}
.featured-info .best-review .reviewer-content:before {
  position: absolute;
  content: "";
  top: 100%;
  right: auto;
  left: 30px;
  width: 0;
  height: 0;
  border-right: 45px solid transparent;
  border-top: 45px solid #f3fcfb;
}
.featured-info .best-review .reviewer-content p {
  margin-bottom: 27px;
  font-size: 14px;
  color: #000;
}
.featured-info .best-review .reviewer-content .br-rating svg {
  width: 15px;
  height: 15px;
}
.featured-info .best-review .reviewer-content .br-rating path {
  fill: #ffae47;
}
.featured-info .best-review .review-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-info .best-review .review-info img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}
.featured-info .best-review .review-info .name-info {
  font-size: 18px;
}
.featured-info .best-review .review-info .name-info span {
  font-size: 16px;
  font-weight: 400;
  color: #909090;
}

@media (max-width: 1024px) {
  .featured-info__wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  .featured-info__wrapper .featured-post {
    margin-top: 0;
  }
  .featured-info__item {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .featured-info__wrapper {
    flex-direction: column;
  }
  .featured-info__wrapper .featured-post {
    margin-bottom: 30px;
  }
  .featured-info__wrapper .featured-post .blog-item {
    margin-bottom: 0 !important;
  }
  .featured-info__wrapper .top-recommend {
    margin-bottom: 40px;
  }
  .featured-info__item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.scrolling__ticker {
  animation-name: ticker;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
  -webkit-animation-name: ticker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.scrolling__content:hover .scrolling__ticker {
  animation-play-state: paused;
}

@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.tp-cl-packery__tab {
  position: relative;
}
.tp-cl-packery__tab .tab-item {
  opacity: 0.2;
  position: relative;
  padding-bottom: 30px;
}
.tp-cl-packery__tab .swiper-slide-thumb-active {
  opacity: 1;
}
.tp-cl-packery__tab .swiper-slide-thumb-active::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.tp-cl-packery__tab .navigation-tab {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  right: auto;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1019607843);
  z-index: 9;
}
.tp-cl-packery__tab .navigation-tab svg {
  width: 7px;
}
.tp-cl-packery__tab .tab-button-next {
  right: 3px;
  left: auto;
}
.tp-cl-packery__tab .swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}
.tp-cl-packery__detail {
  border-radius: 12px;
}
.tp-cl-packery__detail .item-detail {
  padding: 90px;
  border-radius: 12px;
}
.tp-cl-packery__detail .item-detail img {
  border-radius: 12px;
}
.tp-cl-packery__detail .item-detail .tab-item__img {
  padding-left: 20px;
}
.tp-cl-packery__detail .detail-title {
  margin-bottom: 20px;
}
.tp-cl-packery__detail .detail-title a {
  font-size: 36px;
}
.tp-cl-packery__detail .detail-desc {
  margin-bottom: 30px;
  max-width: 360px;
}
@media (max-width: 992px) {
  .tp-cl-packery__detail .item-detail {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .tp-cl-packery__detail .item-detail__wrapper {
    flex-direction: column-reverse;
  }
  .tp-cl-packery__detail .item-detail__wrapper .detail-content,
  .tp-cl-packery__detail .item-detail__wrapper .tab-item__img {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 390px) {
  .tp-cl-packery__detail .item-detail {
    padding: 15px;
  }
}

.header-mobile {
  display: none;
}
.header-mobile .header__logo {
  width: 100%;
  max-width: 170px;
}
@media screen and (max-width: 1024px) {
  .header-mobile {
    display: block;
  }
}
.header-mobile a,
.header-mobile li {
  font-weight: 300;
  width: 100%;
}
.header-mobile .translate__list span {
  font-weight: 300;
}
.header-mobile .translate__list .active span {
  position: relative;
}
.header-mobile .translate__list .active span::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  content: "";
  background: #000;
  width: 100%;
  height: 1px;
}
.header-mobile .header__icon.header-icon {
  display: flex;
}

.icon-header-mobile {
  background: #f9f9f9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  position: relative;
}
.icon-header-mobile::after {
  content: "";
  background-color: transparent;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.panel-menu-mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 320px;
  height: 100vh;
  z-index: 9999;
  overflow-y: scroll;
  background-color: #fff;
  transform: translateX(-100%);
  transition: all 0.5s ease;
}
.panel-menu-mobile li {
  margin-bottom: 15px;
}
.panel-menu-mobile .close-parent,
.panel-menu-mobile .tp-back-menu {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
  background: #f8f8f8;
  padding: 20px 30px;
}
.panel-menu-mobile .close-parent a svg,
.panel-menu-mobile .tp-back-menu a svg {
  fill: #eee;
  max-width: 10px;
}
.panel-menu-mobile .main-header-mobile {
  padding: 20px 30px;
}
.panel-menu-mobile span {
  font-weight: 400;
}
.panel-menu-mobile .header-mobile__title {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  font-weight: 400;
}

.sub-menu-mobile {
  width: 320px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 100%;
  height: 100vh;
  z-index: 10;
  overflow-y: scroll;
  background-color: #fff;
  transform: translateX(-100%);
  transition: all 0.5s ease;
}

.open-header-mobile {
  transform: translate(100%);
}

.open-sub-menu {
  transform: translate(100%);
}

.header-wrap-ic {
  display: flex;
}

@media (max-width: 767px) {
  .header-desktop {
    display: none;
  }
}
.tp-cart {
  display: block;
  margin-bottom: 80px;
}
.tp-cart .cart__empty {
  text-align: center;
  background: #ebf7ee;
  padding: 15px 0;
}
.tp-cart__cart-item {
  width: 70%;
  margin-right: 30px;
}
.tp-cart .btn_continue {
  font-size: 1.125rem;
  padding: 5px 35px;
  line-height: 28px;
  border-radius: unset;
}
.tp-cart__table__head {
  background-color: #fafafa;
  margin-bottom: 10px;
}
.tp-cart__table .tp__items {
  border: 1px solid #e6e6e6;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
.tp-cart__table__col {
  flex: 0 0 auto;
  width: 20%;
  padding: 0 20px;
}
.tp-cart__table__image {
  flex: 1;
}
.tp-cart__table__product {
  width: 38%;
}
.tp-cart__table__product .product-option__name {
  font-weight: 500;
}
.tp-cart__table__product .product-option__value {
  color: #949494;
}
.tp-cart__table__price {
  width: 15%;
}
.tp-cart__table__quantity {
  width: 15%;
}
.tp-cart__table__quantity .quantity {
  background: #f6f6f6;
  display: flex;
  max-width: 120px;
  padding: 10px 0;
}
.tp-cart__table__quantity .quantity .quantity__button {
  flex: 1;
}
.tp-cart__table__quantity .quantity .quantity__input {
  width: 15%;
  background: transparent;
  flex: 1;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
}
.tp-cart__table__total {
  width: 10%;
}
.tp-cart__item-product-image {
  max-width: 70px;
}
.tp-cart__right {
  width: 30%;
}
.tp-cart__right__title {
  font-size: 1.125rem;
  margin-bottom: 35px;
  padding: 8px 0;
  border-bottom: 1px solid #000;
}
.tp-cart__right .cart__note {
  font-size: 0.875rem;
  margin-bottom: 20px;
  display: block;
}
.tp-cart__right .cart__note label {
  display: block;
  margin-bottom: 15px;
  font-size: 1rem;
}
.tp-cart__right .cart__note .text-area {
  width: 100%;
  border: 1px solid #eaeaea;
  padding: 10px 15px;
  font-weight: 400;
}
.tp-cart__right .totals__subtotal {
  font-size: 1rem;
}
.tp-cart__right .totals__value {
  font-size: 1rem;
  color: #000;
  font-weight: 500;
}
.tp-cart__right .totals__discount {
  color: tomato;
  text-decoration: line-through;
}
.tp-cart__right .tax-note {
  font-size: 0.875rem;
  font-weight: 400;
}
.tp-cart__right .tp-cart-footer__item {
  padding: 20px 0;
  border-bottom: 1px solid #eaeaea;
}
.tp-cart__right .total-box {
  padding-top: 0;
}
.tp-cart__right .cart__ctas {
  border: 1px solid transparent;
  text-align: center;
  background: #000;
  height: 40px;
  padding: 0;
  transition: all 0.5s ease;
  cursor: pointer;
}
.tp-cart__right .cart__ctas .cart__checkout-button {
  font-size: 1.125rem;
  color: #fff;
  line-height: 40px;
  transition: all 0.5s ease;
}
.tp-cart__right .cart__ctas:hover {
  background: #fff;
  border: 1px solid #000;
}
.tp-cart__right .cart__ctas:hover .cart__checkout-button {
  color: #000;
}

.tp-cart__table__price-mobile {
  display: none;
}

@media (min-width: 768px) and (max-width: 1260px) {
  .tp-cart__item {
    padding: 30px 20px;
  }
  .tp-cart__table__col {
    padding: 0 15px 0 0;
  }
}
@media (max-width: 992px) {
  .cart__items cart-remove-button {
    padding-left: 0;
    padding-right: 15px;
  }
  .cart__items cart-remove-button svg {
    width: 15px;
  }
}
@media (max-width: 767px) {
  .tp-cart-wrapper {
    display: block;
  }
  .tp-cart-wrapper .tp-cart__cart-item {
    width: 100%;
  }
  .tp-cart-wrapper .tp-cart__right {
    width: 100%;
  }
  .tp__items {
    border-right: none !important;
    border-left: none !important;
  }
  .tp__items .tp-cart__table__col {
    padding: 0 15px;
  }
  .tp__items .tp-cart__table__col:first-child {
    padding-left: 0;
  }
  .tp__items .tp-cart__table__col:last-child {
    padding-right: 0;
    text-align: right;
  }
  .tp-cart .btn_continue {
    font-size: 0.875rem;
    padding: 10px;
  }
  .tp-cart__table__head {
    justify-content: space-between;
  }
  .tp-cart__table__head .tp-cart__table__col {
    padding: 0;
  }
  .tp-cart__table__head .tp-cart__table__quantity,
  .tp-cart__table__head .tp-cart__table__image {
    display: none;
  }
  .tp-cart__table__head .tp-cart__table__product,
  .tp-cart__table__head .tp-cart__table__price {
    width: unset;
  }
  .tp-cart__item .tp-cart__table__col {
    padding: 0;
  }
  .tp-cart__item .tp-cart__table__price {
    display: none;
  }
  .tp-cart__item .tp-cart__table__image {
    width: auto;
    flex: unset;
  }
  .tp-cart__item .tp-cart__table__image .tp-cart__item-product-image {
    max-width: unset;
  }
  .tp-cart__item .tp-cart__table__image .cart-item__image {
    width: 110px;
  }
  .tp-cart__item .tp-cart__table__product {
    width: 36%;
    padding: 0px 15px;
  }
  .tp-cart__item .tp-cart__table__price-mobile {
    width: unset;
    text-align: right;
    display: block;
    margin-bottom: 5px;
  }
  .tp-cart__item .tp-cart__table__quantity {
    flex: 1;
  }
  .tp-cart__item .tp-cart__table__quantity .quantity {
    margin-left: auto;
  }
  .tp-cart__table__total {
    display: none;
  }
}
@media (max-width: 576px) {
  .cart-item__image {
    width: 60px !important;
  }
}
.tp-shipping-calculator__form-field select,
.tp-shipping-calculator__form-field input {
  width: 100%;
  padding: 7px 10px;
}
.tp-shipping-calculator__form-field select {
  width: 98%;
  background: transparent;
}
.tp-shipping-calculator__form-field p {
  border: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
.tp-shipping-calculator h3 {
  font-size: 1rem;
  margin-bottom: 25px;
}
.tp-shipping-calculator .field-btn {
  border: 1px solid #000;
  display: block;
  height: 40px;
  transition: all 0.5s ease;
}
.tp-shipping-calculator .field-btn input {
  padding: 0;
  line-height: 38px;
}
.tp-shipping-calculator .field-btn:hover {
  background: #000;
  color: #fff;
}

.cart__coupon {
  padding-top: 15px;
}

.tca_coupon .tca-field input {
  width: 100%;
  border: 1px solid #e7e7e7;
  padding: 8px 10px;
  font-weight: 400;
}
.tca_coupon .tca-field .load-more_text {
  font-weight: 500;
  font-size: 18px;
}

.cp-applied__message {
  padding: 5px 20px;
  background: rgba(87, 218, 116, 0.7);
}
.cp-applied__text {
  margin-right: 10px;
}
.cp-applied__close {
  cursor: pointer;
}

.tca_gift_wrap--cart-page .tca-mini_cart-tool__wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.tca_gift_wrap--cart-page .tca-mini_cart-tool__wrap .tca-field:first-child {
  display: flex;
  flex-basis: 40%;
  justify-content: flex-start;
}
.tca_gift_wrap--cart-page .tca-mini_cart-tool__wrap .tca-field:first-child .tca-gift_wrap_text span {
  display: inline-block;
}
.tca_gift_wrap--cart-page .tca-mini_cart-tool__wrap .tca-field:first-child svg.tca-gift-svg {
  margin-left: 0;
  margin-right: 15px;
}
@media (max-width: 640px) {
  .tca_gift_wrap--cart-page .tca-mini_cart-tool__wrap {
    flex-direction: column;
  }
}

.button-wishlist {
  position: relative;
  justify-content: center;
  width: 100%;
  align-items: center;
  display: flex;
  height: 100%;
}
.button-wishlist::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.wishlist {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .wishlist {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .wishlist .card__media .close-wishlist-item {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    width: unset;
    height: unset;
  }
  .wishlist .card__media .close-wishlist-item::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99;
  }
}
.wishlist .grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width: 767px) {
  .wishlist .grid {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
}
.wishlist .wishlist-empty {
  justify-content: center;
  padding: 100px 0;
}
.wishlist .card-wrapper {
  width: 25%;
  padding: 0 15px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .wishlist .card-wrapper {
    width: 33.3333%;
  }
}
@media (max-width: 767px) {
  .wishlist .card-wrapper {
    width: 50%;
    padding: 0 7.5px;
  }
}

.button-wishlist.active svg {
  fill: #ff0000 !important;
}
.button-wishlist.active svg path {
  fill: #ff0000 !important;
}

.button-compare {
  position: relative;
  justify-content: center;
  width: 100%;
  align-items: center;
  display: flex;
  height: 100%;
}
.button-compare::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.compare {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .compare {
    margin-bottom: 0;
  }
}
.compare .grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width: 767px) {
  .compare .grid {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
}
.compare .compare-empty {
  justify-content: center;
  padding: 100px 0;
}
.compare .card-wrapper {
  width: 25%;
  padding: 0 15px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .compare .card-wrapper {
    width: 33.3333%;
  }
}
@media (max-width: 767px) {
  .compare .card-wrapper {
    width: 50%;
    padding: 0 7.5px;
  }
}
.compare .card-wrapper .close-compare-item {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.compare .card-wrapper .close-compare-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent;
  z-index: 10;
}
.compare .card-wrapper .close-compare-item svg {
  width: 12px;
  height: 12px;
  z-index: -1;
}
@media (max-width: 767px) {
  .compare .card-wrapper .close-compare-item {
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
  }
  .compare .card-wrapper .close-compare-item svg {
    width: 11px;
    height: 10px;
  }
}
.compare .card-wrapper .item-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 12px 0;
}
.compare .card-wrapper .item-info .title {
  font-weight: 500;
  color: #000000;
  padding-right: 10px;
}
.compare .card-wrapper .item-info:last-child {
  border-bottom: 1px solid transparent;
}
.compare .card-wrapper .quick-add__submit {
  padding: 5px 33px;
  overflow: hidden;
  min-width: 141px;
}
@media (max-width: 767px) {
  .compare .card-wrapper .quick-add__submit {
    padding: 5px 20px;
  }
}
@media (max-width: 425px) {
  .compare .card-wrapper .quick-add__submit {
    min-width: 100%;
  }
}
.compare .card-wrapper .price {
  margin-bottom: 20px;
}
.compare .card-wrapper .add-to-cart-compare {
  margin-bottom: 20px;
}
.compare .card-wrapper .card variant-radios-storepify {
  margin-top: 0;
}
.compare .card-wrapper .card variant-radios-storepify .item-info:nth-last-child(2) {
  border-bottom: 1px solid transparent;
}
.compare .card-wrapper .card .title {
  margin-bottom: 15px;
}
.compare .card-wrapper .card fieldset {
  margin-top: 0;
}
.compare .card-wrapper .card fieldset label {
  border: unset;
  border-radius: 0;
  font-size: 1rem;
  color: var(--color-secondary);
  margin-right: 0;
}
@media (max-width: 767px) {
  .compare .card-wrapper .card fieldset label {
    font-size: 14px;
    padding: 0;
    background: transparent;
    margin-bottom: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 490px) {
  .compare .card-wrapper .card fieldset label {
    padding: 5px;
    background: transparent;
  }
}
.compare .card-wrapper .card fieldset .active {
  color: #fff;
}
@media (max-width: 767px) {
  .compare .card-wrapper .card fieldset .active {
    color: #000000;
  }
}

.button-compare.active svg {
  fill: #ff0000 !important;
}

.button-compare.active path {
  fill: #ff0000 !important;
}

.button-quick-view {
  position: relative;
  justify-content: center;
  width: 100%;
  align-items: center;
  display: flex;
  height: 100%;
}
.button-quick-view::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.close-tp-modal {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
  padding: 10px;
  transition: all 0.5s ease;
}
@media (min-width: 1023px) {
  .close-tp-modal:hover {
    background: #eee;
  }
  .close-tp-modal svg {
    transition: all 0.5s ease;
  }
  .close-tp-modal:hover svg {
    transform: rotate(180deg);
  }
}
@media (max-width: 992px) {
  .close-tp-modal svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .close-tp-modal {
    top: 10px;
    right: 10px;
  }
}
.close-tp-modal::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 9;
}

.tp-quick-view {
  margin: auto;
  position: relative;
}
@media (max-width: 992px) {
  .tp-quick-view {
    height: 80vh;
  }
}
@media (min-width: 767px) {
  .tp-quick-view {
    max-width: 700px;
  }
}
@media (min-width: 860px) {
  .tp-quick-view {
    max-width: 800px;
  }
}
.tp-quick-view__wrapper {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  padding: 30px;
}
@media (max-width: 767px) {
  .tp-quick-view__wrapper {
    flex-direction: column;
    padding: 15px;
  }
  .tp-quick-view__wrapper .tp-quick-view__left,
  .tp-quick-view__wrapper .tp-quick-view__right {
    width: 100%;
  }
}
@media (min-width: 320px) {
  .tp-quick-view__wrapper {
    max-width: 100%;
  }
  .tp-quick-view__wrapper .tp-qty-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .tp-quick-view__wrapper .product-form__input {
    margin-bottom: 20px;
  }
}
.tp-quick-view__left {
  width: 50%;
}
.tp-quick-view__left .swiper-slide-thumb-active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #57da74;
}
.tp-quick-view__right {
  width: 50%;
}
.tp-quick-view__right .card__content {
  max-width: 350px;
}
.tp-quick-view__right .card__information {
  position: relative;
}
.tp-quick-view__right .card__information .error-message {
  top: unset;
  transform: unset;
}
.tp-quick-view__right .card__information h3 {
  font-size: 1.875rem;
  max-width: 340px;
  line-height: 1.2;
}
.tp-quick-view__right .card__information .price {
  margin-bottom: 15px;
}
.tp-quick-view__right .card__information .price-item {
  font-size: 1.125rem;
  font-weight: 400;
}
.tp-quick-view__right .item-info {
  margin-bottom: 25px;
}
.tp-quick-view__right .item-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}
.tp-quick-view__right .item-info fieldset {
  margin-bottom: 0px;
}
.tp-quick-view__right .item-info fieldset:last-child {
  margin-bottom: 0px;
}
.tp-quick-view__right .list-variant label {
  font-weight: 400;
  border: none;
  background: #f6f6f6;
  padding: 0px 8px;
  border-radius: unset;
  text-align: center;
  line-height: 25px;
}
.tp-quick-view__right .list-variant .active {
  background: #000;
  color: #fff;
}
.tp-quick-view__right .product-form__input .tp-item__quantity {
  padding: 12px 0;
}
.tp-quick-view__right .quick-add__submit {
  width: 200px;
  height: 40px;
  border-radius: unset;
}
.tp-quick-view__right .description {
  display: block;
  font-weight: 400;
  color: var(--color-secondary);
  margin-bottom: 25px;
}

.tp-about {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .tp-about {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .tp-about {
    margin-bottom: 40px;
  }
}
.tp-about .tp-about-desc {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--color-description);
  font-weight: 400;
}
.tp-about .tp-about-desc p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--color-description);
  font-weight: 400;
}
.tp-about .tp-block-title {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.tp-about__title {
  max-width: 610px;
  margin: auto;
}
.tp-about__title .tp-about-title {
  font-size: 1.625rem;
}
.tp-about__description {
  max-width: 965px;
  margin: auto;
}
.tp-about__description p {
  font-size: 0.875rem;
  font-weight: 400;
}
.tp-about__featured {
  margin-bottom: 80px;
}
.tp-about__featured__item {
  max-width: 410px;
  border: 1px solid #d0d0d0;
  padding: 45px 20px;
  transition: all 0.7s ease;
}
.tp-about__featured__item .tp-about-desc {
  max-width: 365px;
}
.tp-about__featured .hover_border:hover {
  border: 1px solid #000;
}
.tp-about__featured .hover_image {
  position: relative;
}
.tp-about__featured .hover_image img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.tp-about__featured .hover_image:hover img {
  opacity: 1;
  visibility: visible;
}
.tp-about__featured .hover_image:hover .tp-block-title,
.tp-about__featured .hover_image:hover .tp-about-desc p {
  color: #ffffff;
}
.tp-about__our-mission {
  margin-bottom: 80px;
}
.tp-about__our-mission .tp-block-sub-title {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 10px;
  color: var(--color-secondary);
  display: block;
}
.tp-about__our-mission .tp-block-title {
  font-size: 1.5rem;
  max-width: 500px;
  margin-bottom: 15px;
}
.tp-about__our-mission .hover-left-to-right__bg-white {
  background: #71ffb2;
  color: #000;
  font-size: 1.125rem;
}
.tp-about__our-mission .tp-our-mission__intro {
  max-width: 740px;
  margin: auto;
  text-align: center;
}
.tp-about__our-mission .tp-our-mission__intro p {
  color: #000;
}
.tp-about__our-mission .tp-our-mission__intro .tp-our-mission__intro-desc {
  position: relative;
}
.tp-about__our-mission .tp-our-mission__intro .tp-our-mission__intro-desc p {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.75rem;
  margin-bottom: 20px;
}
.tp-about__our-mission .tp-our-mission__intro .tp-our-mission__intro-desc svg {
  position: absolute;
  top: -5%;
  left: -5%;
}
@media (max-width: 1120px) {
  .tp-about__our-mission .tp-our-mission__intro .tp-our-mission__intro-desc svg {
    display: none;
  }
}
.tp-about__our-mission .tp-our-mission__intro .tp-our-mission__name p {
  color: #000;
}
.tp-about__our-mission .tp-our-mission__intro .tp-our-mission__name p strong {
  font-weight: 500;
}
.tp-about__our-mission__style-1 .tp-our-mission__top {
  margin-bottom: 80px;
}
.tp-about__our-mission__style-1 .tp-our-mission__image {
  width: 50%;
}
.tp-about__our-mission__style-1 .tp-our-mission__content {
  width: 50%;
  padding-left: 50px;
}
.tp-about__our-mission__style-1 .tp-about-desc {
  max-width: 530px;
}
.tp-about__our-mission__style-2,
.tp-about .tp-about__our-mission__style-3 {
  display: flex;
  flex-direction: column-reverse;
}
.tp-about__our-mission__style-2 .tp-our-mission__top,
.tp-about .tp-about__our-mission__style-3 .tp-our-mission__top {
  position: relative;
}
.tp-about__our-mission__style-2 .tp-our-mission__image,
.tp-about .tp-about__our-mission__style-3 .tp-our-mission__image {
  width: 100%;
}
.tp-about__our-mission__style-2 .tp-our-mission__content,
.tp-about .tp-about__our-mission__style-3 .tp-our-mission__content {
  max-width: 545px;
  padding: 40px 20px 40px 40px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
}
.tp-about__our-mission__style-2 .tp-our-mission__intro,
.tp-about .tp-about__our-mission__style-3 .tp-our-mission__intro {
  max-width: 970px;
  margin-bottom: 80px;
  text-align: left;
}
.tp-about__our-mission__style-3 .tp-our-mission__intro {
  max-width: 970px;
}
.tp-about__our-mission__style-3 .tp-our-mission__intro-desc p {
  font-size: 14px !important;
  line-height: 24px !important;
}
.tp-about__image_about .tp-about-desc {
  max-width: 965px;
  margin: auto;
  margin-bottom: 10px;
}
.tp-about__image_about__style-2 {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 80px;
}
.tp-about__image_about__style-2 .tp-image-about {
  margin-bottom: 0;
}
.tp-about__image_about__style-2 .tp-about-desc {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .tp-about__featured {
    flex-direction: column;
  }
  .tp-about__featured__item {
    max-width: unset;
  }
  .tp-about__featured__item .tp-about-desc {
    max-width: unset;
  }
  .tp-about__our-mission {
    margin-bottom: 50px;
  }
  .tp-about__our-mission .tp-our-mission__top {
    flex-direction: column;
  }
  .tp-about__our-mission .tp-our-mission__image,
  .tp-about__our-mission .tp-our-mission__content {
    width: 100%;
  }
  .tp-about__our-mission .tp-our-mission__image {
    margin-bottom: 40px;
  }
  .tp-about__our-mission .tp-our-mission__content {
    padding-left: 0;
  }
  .tp-about__our-mission__style-1 .tp-our-mission__top {
    margin-bottom: 50px;
  }
  .tp-about__our-mission__style-2 .tp-our-mission__content,
  .tp-about .tp-about__our-mission__style-3 .tp-our-mission__content {
    position: unset;
    transform: translateY(0);
    padding: 0;
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .tp-image-about {
    gap: 15px;
  }
}
@media (max-width: 410px) {
  .tp-image-about {
    flex-direction: column;
  }
}
.tabs-filter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .tabs-filter {
    margin-bottom: 40px;
  }
}
.tabs-filter .tab {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  color: #000000;
  padding: 10px 25px;
  border-radius: 60px;
  border: 1px solid transparent;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .tabs-filter .tab {
    padding: 2px 20px;
  }
}
.tabs-filter .tab:hover {
  color: #44b263;
}
.tabs-filter .tab.active-tag {
  border: 1px solid #44b263;
}

.wrapper-portfolio {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.wrapper-portfolio .hide-item {
  display: none;
}
.wrapper-portfolio .item {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  text-align: center;
}
.wrapper-portfolio .item h3 {
  font-size: 1rem;
}
.wrapper-portfolio .item:last-child .item__image svg.default-image {
  border-right: 0;
}
.wrapper-portfolio .item .item__image {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  overflow: hidden;
}
.wrapper-portfolio .item .item__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1;
}
.wrapper-portfolio .item .item__image:hover svg.icon-zoom {
  visibility: visible;
  opacity: 1;
}
.wrapper-portfolio .item .item__image:hover::after {
  visibility: visible;
  opacity: 0.3;
}
.wrapper-portfolio .item .item__image img {
  width: 100%;
  height: auto;
  transform: scale(1.01);
}
.wrapper-portfolio .item .item__image svg.default-image {
  width: 400px;
  background-color: #cccccc;
}
.wrapper-portfolio .item .item__image svg.icon-zoom {
  position: absolute;
  align-self: center;
  filter: invert(1);
  position: absolute;
  align-self: center;
  transform: rotate(90deg);
  width: 35px;
  height: 35px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}
.wrapper-portfolio .item .item__link {
  display: inline-block;
}
.wrapper-portfolio .item .item__link h3 {
  position: relative;
}
.wrapper-portfolio .item .item__link h3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000000;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
}
.wrapper-portfolio .item .item__link h3:hover:after {
  transform-origin: bottom left;
  transform: scaleX(1);
}

.tp-portfolio__style-1 {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  .tp-portfolio__style-1 {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
.tp-portfolio__style-1 .item {
  padding: 0 15px;
  width: 33.333%;
  text-align: left;
}
@media (max-width: 767px) {
  .tp-portfolio__style-1 .item {
    width: 50%;
    padding: 0 7.5px;
  }
}
@media (max-width: 410px) {
  .tp-portfolio__style-1 .item {
    width: 100%;
  }
}
.tp-portfolio__style-2 .item,
.tp-portfolio .tp-portfolio__style-3 .item,
.tp-portfolio .tp-portfolio__style-4 .item {
  width: 25%;
  text-align: center;
}
@media (max-width: 767px) {
  .tp-portfolio__style-2 .item,
  .tp-portfolio .tp-portfolio__style-3 .item,
  .tp-portfolio .tp-portfolio__style-4 .item {
    width: 50%;
  }
}
@media (max-width: 410px) {
  .tp-portfolio__style-2 .item,
  .tp-portfolio .tp-portfolio__style-3 .item,
  .tp-portfolio .tp-portfolio__style-4 .item {
    width: 100%;
  }
}
.tp-portfolio__style-3 .item {
  position: relative;
  margin-bottom: 0;
}
.tp-portfolio__style-3 .item:hover .item__link {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}
.tp-portfolio__style-3 .item .item__image {
  margin-bottom: 0px;
}
.tp-portfolio__style-3 .item__link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 60%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  z-index: 9;
}
.tp-portfolio__style-3 .item__link h3 {
  font-size: 2.25rem;
  color: #fff;
}
.tp-portfolio__style-3 .item__link h3:hover:after {
  display: none;
}
@media (max-width: 460px) {
  .tp-portfolio__style-3 .item__link h3 {
    font-size: 1.25rem;
  }
}
.tp-portfolio__style-4 .item__image {
  overflow: hidden;
}
.tp-portfolio__style-4 .item__image img {
  transform: scale(1);
  transition: all 0.5s ease;
}
.tp-portfolio__style-4 .item__image:hover img {
  transform: scale(1.05);
}

.section-blog {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .section-blog {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.section-blog .full-width {
  padding: 0 30px;
}
.section-blog .blog-pages {
  display: flex;
  align-items: flex-start;
  justify-content: start;
}
@media (max-width: 768px) {
  .section-blog .blog-pages {
    flex-direction: column-reverse;
  }
}
.section-blog .blog-main {
  flex: 1;
  padding-left: 30px;
}
.section-blog .blog-main .blog-count {
  font-size: 1.75rem;
  margin-bottom: 30px;
}
.section-blog .blog-main .blog-count span {
  position: relative;
  font-weight: 500;
}
.section-blog .blog-main .blog-count small {
  position: absolute;
  left: 105%;
  top: -5px;
  background-color: #f0f0f0;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 400;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .section-blog .blog-main {
    padding-left: 0;
    margin-bottom: 60px;
  }
}
.section-blog .blog-list {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 768px) {
  .section-blog .blog-list {
    margin-bottom: 10px;
  }
}
.section-blog .blog-list .blog-item {
  padding: 0 15px;
  margin-bottom: 50px;
}
.section-blog .blog-list .article-card__image-wrapper {
  margin-bottom: 15px;
}
.section-blog .blog-list .article-card .article-card__info {
  margin-bottom: 15px;
}
.section-blog .blog-list .article-card .article-card__title {
  font-size: 1.125rem;
  font-weight: var(--heading-font-weight);
  line-height: 1.555;
  margin-bottom: 3px;
  max-width: 330px;
}
.section-blog .blog-list .article-card .article-card__excerpt {
  color: var(--color-secondary);
  line-height: 1.625;
  max-width: 425px;
}
@media (max-width: 768px) {
  .section-blog .blog-list .article-card .article-card__excerpt {
    max-width: unset;
  }
}
.section-blog .blog-list .article-card .discover a:hover {
  color: #000;
}
.section-blog .blog-list .circle-divider {
  display: block;
  font-size: var(--font-size-14);
  font-weight: 400;
  color: var(--color-secondary);
  margin-bottom: 10px;
}
.section-blog .blog-list .discover-content {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.section-blog .blog-list .discover-content i {
  line-height: 0;
  margin-left: 18px;
}
.section-blog .blog-list .discover-content:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #000;
  transition: all 0.5s 0s ease;
}
.section-blog .blog-list .discover-content:hover::before {
  width: 0;
}
.section-blog .grid-3-column {
  align-items: flex-start;
}
.section-blog .grid-3-column .blog-item {
  width: 33.33333%;
}
@media (max-width: 1200px) {
  .section-blog .grid-3-column .blog-item {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .section-blog .grid-3-column .blog-item {
    width: 100%;
  }
}
.section-blog .grid-2-column {
  align-items: flex-start;
}
.section-blog .grid-2-column .blog-item {
  width: 50%;
}
@media (max-width: 1024px) {
  .section-blog .grid-2-column .blog-item {
    width: 100%;
  }
  .section-blog .grid-2-column .blog-item:last-child {
    margin-bottom: 0;
  }
}
.section-blog .list .blog-item {
  width: 100%;
}
.section-blog .list .blog-item .card__heading {
  max-width: 420px;
}
.section-blog .list .article-card {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 1024px) {
  .section-blog .list .article-card {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .section-blog .list .article-card {
    align-items: unset;
  }
}
.section-blog .list .article-card__image-wrapper {
  margin-bottom: 0;
}
.section-blog .list .article-card__image {
  max-width: 500px;
}
@media (max-width: 768px) {
  .section-blog .list .article-card__image {
    max-width: unset;
  }
}
.section-blog .list .article-card-content {
  margin-left: 40px;
}
@media (min-width: 992px) {
  .section-blog .list .article-card-content {
    padding-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-blog .list .article-card-content {
    margin-left: 0;
  }
}
.section-blog .paginate-loadmore .pagination-wrapper {
  margin: 0;
}
.section-blog .paginate-loadmore .load-more_wrap .btn {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: none;
  border-radius: 0;
  border: 2px solid #000;
  padding: 10px 30px;
}
.section-blog .slidebar-right {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .section-blog .slidebar-right {
    flex-direction: column-reverse;
  }
}
.section-blog .slidebar-right .blog-main {
  padding-left: 0;
  padding-right: 70px;
}
@media (max-width: 1024px) {
  .section-blog .slidebar-right .blog-main {
    padding-right: 0;
  }
}

.blog-slidebar {
  max-width: 280px;
}
@media (max-width: 768px) {
  .blog-slidebar {
    max-width: unset;
  }
}
.blog-slidebar .slidebar-title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .blog-slidebar .slidebar-title {
    margin-bottom: 10px;
  }
}
.blog-slidebar .list-categories__item {
  margin-bottom: 15px;
}
.blog-slidebar .list-categories__item:last-child {
  margin-bottom: 0;
}
.blog-slidebar .list-categories__item .categories__item {
  font-weight: 400;
  font-size: var(--font-size-14);
  color: var(--color-secondary);
  position: relative;
  transition: all 0.5s 0s ease;
}
.blog-slidebar .list-categories__item .categories__item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 1px;
  width: 0;
  background: var(--color-secondary);
  transition: all 0.5s 0s ease;
}
.blog-slidebar .list-categories__item .categories__item:hover {
  color: var(--color-primary);
}
.blog-slidebar .list-categories__item .categories__item:hover::before {
  width: 100%;
}
.blog-slidebar .slider-categories {
  margin-bottom: 40px;
}
.blog-slidebar .recent-post {
  margin-bottom: 53px;
}
.blog-slidebar .recent-post .card__heading {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .blog-slidebar .recent-post {
    margin-bottom: 30px;
  }
}
.blog-slidebar .blog-item {
  margin-bottom: 25px;
}
.blog-slidebar .blog-item:last-child {
  margin: 0;
}
.blog-slidebar .blog-item .article-card {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .blog-slidebar .blog-item .article-card {
    width: 100%;
    max-width: unset;
    flex-direction: column;
    align-items: baseline;
  }
}
.blog-slidebar .blog-item .article-card .article-card__image-wrapper {
  width: 45%;
  margin-right: 20px;
}
@media screen and (max-width: 480px) {
  .blog-slidebar .blog-item .article-card .article-card__image-wrapper {
    width: 100%;
    max-width: unset;
    margin: 0 0 10px;
  }
}
.blog-slidebar .blog-item .article-card .article-card-content {
  width: 55%;
}
@media (max-width: 767px) {
  .blog-slidebar .blog-item .article-card .article-card-content {
    width: 100%;
  }
}
.blog-slidebar .blog-item .article-card .article-card__info .article-card__header {
  display: flex;
  flex-direction: column-reverse;
}
.blog-slidebar .blog-item .article-card .article-card__info .article-card__title {
  font-size: 1rem;
  font-weight: 500;
}
.blog-slidebar .blog-item .article-card .article-card__info .circle-divider {
  display: none;
}
.blog-slidebar .blog-item .article-card .article-card__info .article-card__excerpt {
  display: none;
}
.blog-slidebar .blog-item .article-card .discover {
  display: none;
}
.blog-slidebar .tags .tags-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 250px;
}
.blog-slidebar .tags .tags-item {
  font-size: 1rem;
  font-weight: 400;
  color: #7c7c7c;
  margin-right: 30px;
  margin-bottom: 10px;
}

.hide {
  display: none;
}

.article-template-content__wrapper {
  margin: auto;
}

.article-template__title {
  margin-bottom: 10px;
  text-align: left;
}

.article-template__wp {
  display: flex;
}

.article-template__remaining {
  flex: 1;
  padding-left: 30px;
}

@media (max-width: 768px) {
  .article-template__wp {
    display: flex;
    flex-direction: column-reverse;
  }
  .article-template__wp .article-template__remaining {
    padding-left: 0;
  }
  iframe {
    width: 100%;
  }
}
.article-template__content {
  font-weight: 400;
}
.article-template__content p {
  margin: 0.8rem 0;
}
.article-template__content p strong {
  font-weight: 500;
}
.article-template__content h1,
.article-template__content h2,
.article-template__content h3,
.article-template__content h4,
.article-template__content h5,
.article-template__content h6 {
  margin: 0.8rem 0;
  font-weight: 500;
}
.article-template__content h1 span,
.article-template__content h2 span,
.article-template__content h3 span,
.article-template__content h4 span,
.article-template__content h5 span,
.article-template__content h6 span {
  font-weight: 500;
}
.article-template__content ul,
.article-template__content ol {
  list-style: revert;
  padding-left: 20px;
}
.article-template__content ul li,
.article-template__content ol li {
  margin: 0.8rem 0;
}
.article-template__content iframe {
  margin-bottom: 30px;
}

.article-template__social-sharing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  padding: 22px 0 26px;
}

.article-template .list-social-item {
  opacity: 0.6;
  transition: all 0.5s ease;
}
.article-template .list-social-item svg {
  transition: all 0.5s ease;
}
.article-template .list-social-item:hover {
  opacity: 1;
}
.article-template .list-social-item:hover svg {
  transform: scale(1.08);
}

.section-author {
  display: flex;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 80px;
  align-items: center;
}
@media (max-width: 630px) {
  .section-author {
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.section-author .img-author {
  overflow: hidden;
}
@media (max-width: 630px) {
  .section-author .img-author {
    width: 30%;
  }
}

.section-author .info-author {
  padding-left: 30px;
}
@media (max-width: 630px) {
  .section-author .info-author {
    width: 70%;
  }
}

.section-author .name-author {
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: none;
  line-height: 28px;
  display: inline-block;
  margin-bottom: 5px;
}

.section-author .bio__author {
  line-height: 30px;
  font-weight: 400;
  opacity: 0.6;
}

.img-author img {
  max-width: 150px;
  width: 100%;
}

.article-template .articleBoxExtend-container {
  background: #f7f7f7;
}

.article-template .articleBoxExtend {
  display: flex;
  justify-content: flex-end;
  margin: auto;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .article-template .articleBoxExtend {
    padding: 50px 0;
  }
}

.article-template .articleExtendLeft {
  padding-left: 15px;
}

.article-template .articleExtendRight,
.article-template .articleExtendLeft {
  position: relative;
  background: #ffffff;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: none;
  padding: 20px 0;
  flex: 1;
  max-width: 650px;
}
@media (max-width: 767px) {
  .article-template .articleExtendRight,
  .article-template .articleExtendLeft {
    padding: 15px;
    background: transparent;
  }
}

.article-template .articleExtendLeft {
  margin-right: 10px;
}

.article-template .articleExtendRight {
  margin-left: 10px;
}

.article-template .articleExtendImage a {
  display: inline-block;
  width: 126px;
  position: relative;
  color: #fff;
}

.article-template .articleExtendImage a svg {
  position: absolute;
  top: 50%;
  /* position the top  edge of the element at the middle of the parent */
  left: 50%;
  /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%);
  /* This is a shorthand of
                                            translateX(-50%) and translateY(-50%) */
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  z-index: 1;
}
.article-template .articleExtendImage a svg path {
  fill: #fff;
}

.article-template .articleExtendImage a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.article-template .articleExtendImage:hover a:after {
  opacity: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.article-template .articleExtendImage:hover a svg {
  opacity: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  z-index: 9;
}

.article-template .articleExtendImage img {
  max-width: 126px;
  width: 100%;
  height: 126px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-template .articleExtendImage {
  padding: 0 20px;
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .article-template .articleExtendImage {
    display: none;
  }
}

.icon-img {
  width: 126px;
  height: 126px;
  position: absolute;
  padding: 45px;
  color: #ffffff;
  display: block;
  opacity: 0;
  font-weight: 500;
}

.icon-img {
  display: block;
  opacity: 1;
}

.articleExtendNavText a {
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: 500;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .articleExtendNavText a {
    color: #fff;
    background: #000;
    padding: 5px 10px;
  }
}

.articleExtendTitle a {
  line-height: 30px;
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  .articleExtendTitle {
    display: none;
  }
}

.articleExtendNavText-container {
  flex: 3;
  line-height: 1.6;
}

.articleExtendRight .articleExtendNavText-container {
  text-align: right;
}

/*comment*/
.article-template__comment-wrapper {
  margin: 50px auto 0 auto;
}
.article-template__comment-wrapper .field__input {
  border: 1px solid #cccccc;
  font-weight: 300;
  margin-bottom: 20px;
}

.article-user-info-comment {
  margin-bottom: 7px;
}

.article-user-info-comment time {
  font-size: 1rem;
  line-height: 1.4em;
  color: #282828;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 300;
}

.article-template__comments-comment {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
  display: flex;
  padding-bottom: 30px;
}

.article-comment__left {
  max-width: 100px;
}

.article-comment__right {
  padding-left: 30px;
}

.article-template .comment-style {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 30px;
  letter-spacing: 0;
}

.page-width-comment {
  margin: auto;
}

.author-comment {
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: 400;
  color: #000;
}

.article-user-content-comment p {
  line-height: 1.4em;
  color: #282828;
}

/* Blog detail */
.main-article-section {
  margin-bottom: 60px;
}
.main-article-section #comment_form .field label {
  display: none;
}
.main-article-section #comment_form .field__input {
  font-size: 0.875rem;
  height: 40px;
  line-height: 1.4;
  color: #282828;
  font-weight: 500;
  padding: 10px 20px;
  width: 100%;
}
.main-article-section #comment_form .text-area {
  height: unset;
}
.main-article-section .article-template__content .blog-img {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 40px;
}
.main-article-section .article-template__content img {
  max-width: 100%;
  display: block;
  width: unset;
}
.main-article-section .article-template__content blockquote {
  font-style: italic;
  padding: 30px 25px 30px 60px;
  background-color: #f3f3f3;
  margin-bottom: 0.8rem;
}
.main-article-section .article-template__content blockquote p {
  margin: 0;
}
.main-article-section .article-template-item__date {
  display: flex;
  align-items: center;
}
.main-article-section .article-template-item__date svg {
  fill: #ffae47;
  stroke: #ffae47;
  margin-right: 10px;
}
.main-article-section .article-template-item__date time {
  color: #282828;
  font-size: 1rem;
  font-weight: 400;
}
.main-article-section .article-template-item__author {
  display: flex;
  align-items: center;
}
.main-article-section .article-template-item__author .articleAuthor {
  color: #282828;
  font-size: 1rem;
  font-weight: 400;
}
.main-article-section .article-template-item__author svg {
  fill: #ffae47;
  stroke: #ffae47;
  margin-right: 10px;
}

.article-template .form-status {
  font-size: 1.5rem;
  margin-bottom: 15px;
  font-weight: 400;
}

.tp-lastest-news {
  overflow: hidden;
}
.tp-lastest-news .blog-list {
  align-items: start;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0;
}
.tp-lastest-news .blog-list .blog-item {
  width: 33.333%;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tp-lastest-news .blog-list .blog-item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-lastest-news .blog-list {
    flex-wrap: wrap;
    gap: 50px !important;
  }
  .tp-lastest-news .blog-list .blog-item {
    max-width: unset;
  }
}
.tp-lastest-news .layout_2 .article-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tp-lastest-news .layout_2 .article-card__image-wrapper {
  height: 250px;
}
.tp-lastest-news .layout_2 .article-card__image {
  position: relative;
  height: 100%;
}
.tp-lastest-news .layout_2 .article-card__image img {
  height: 100%;
}
.tp-lastest-news .layout_2 .article-card__image::before {
  border-bottom: 30px solid #fff;
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 50%;
}
.tp-lastest-news .layout_2 .article-card__image::after {
  border-bottom: 30px solid #fff;
  border-left: 25px solid transparent;
  border-right: 0 solid transparent;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  width: 50%;
}
.tp-lastest-news .layout_2 .article-card .article-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .tp-lastest-news .layout_2 .blog-item:nth-child(even) .article-card {
    flex-direction: column-reverse;
  }
  .tp-lastest-news .layout_2 .blog-item:nth-child(even) .article-card__image-wrapper {
    margin-bottom: 0;
  }
  .tp-lastest-news .layout_2 .blog-item:nth-child(even) .article-card__image::before {
    border-bottom: 0;
    border-top: 30px solid #fff;
    bottom: unset;
    top: 0;
  }
  .tp-lastest-news .layout_2 .blog-item:nth-child(even) .article-card__image::after {
    border-bottom: 0;
    border-top: 30px solid #fff;
    bottom: unset;
    top: 0;
  }
  .tp-lastest-news .layout_2 .blog-item:nth-child(even) .article-card .article-card-content {
    margin-bottom: 15px;
  }
  .tp-lastest-news .layout_2 .article-card-content {
    min-height: 250px;
  }
}
.tp-lastest-news .blog-item-no-data__image {
  width: 100%;
  height: 270px;
  background: var(--color-image-default);
}

.tp-lastest-news__content-center .article-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.tp-lastest-news__content-center .discover {
  text-align: center;
}

.tp-lastest-news__full-width {
  padding: 0 60px;
}
@media (max-width: 1023px) {
  .tp-lastest-news__full-width {
    padding: 0 15px;
  }
}

.iframe-maps__main iframe {
  width: 100%;
}

.tp-contact {
  margin-bottom: 50px;
}
.tp-contact .title {
  margin-bottom: 20px;
  line-height: 1.625rem;
}
.tp-contact__description p {
  font-size: 0.875rem;
}
.tp-contact__info {
  width: 50%;
  padding-right: 80px;
}
.tp-contact__info .content-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tp-contact__info .content-item svg {
  opacity: 0.5;
}
.tp-contact__info .content-item__wrapper {
  flex: 1;
  margin-left: 40px;
  padding: 40px 0;
  border-bottom: 1px solid #eaeaea;
}
.tp-contact__info .content-item__email {
  border-bottom: 1px solid transparent;
}
.tp-contact__info .content-item .content-label {
  font-size: 1.125rem;
  font-weight: 500;
  margin-right: 60px;
  min-width: 80px;
}
.tp-contact__form {
  width: 50%;
}
.tp-contact__form .field__input {
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 10px 20px;
  border-radius: 60px;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 20px;
}
.tp-contact__form .text-area.field__input {
  border-radius: 12px;
}
.tp-contact__form .button {
  font-size: 1.125rem;
  padding: 10px 38px;
}
.tp-contact__form form .form__message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
}
.tp-contact__form form .form__message svg {
  margin-right: 15px;
}
.tp-contact__form form .form__message h2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 400;
}
.tp-contact__form form .form-status-list {
  font-size: 1rem;
  margin-bottom: 20px;
  color: #129912;
  font-weight: 500;
}

@media (min-width: 768px) and (max-width: 992px) {
  .tp-contact__info .content-item__wrapper {
    justify-content: center;
  }
  .tp-contact__info .content-item .content-label {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-contact__info,
  .tp-contact__form {
    width: 100%;
  }
  .tp-contact {
    display: block;
  }
  .tp-contact__info {
    padding-right: 0;
  }
}
@media (max-width: 430px) {
  .tp-contact__info .content-item .content-label {
    display: none;
  }
}
.tp-contact-2 .contact-title {
  position: relative;
  margin-bottom: 30px;
}
.tp-contact-2 .contact-title::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  width: 20%;
  height: 2px;
}
.tp-contact-2__info__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  padding: 30px 15px;
}
.tp-contact-2__info__left .contact-social li {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #000;
  transition: all 0.5s ease;
  margin-right: 10px;
}
.tp-contact-2__info__left .contact-social li svg {
  transition: all 0.5s ease;
}
.tp-contact-2__info__left .contact-social li:hover {
  opacity: 0.7;
}
.tp-contact-2__info__left .contact-social li:hover svg {
  transform: scale(1.1);
}
.tp-contact-2__info__left .contact-social path {
  fill: #fff;
}
.tp-contact-2__map__left iframe {
  width: 100%;
}
.tp-contact-2__map__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  padding: 30px 60px;
}
.tp-contact-2__map__right .form__message {
  font-size: 14px;
  margin-bottom: 20px;
}
.tp-contact-2__map__right form {
  width: 100%;
}
.tp-contact-2__map__right input,
.tp-contact-2__map__right textarea {
  width: 100%;
  padding: 10px 20px;
  font-weight: 400;
}
.tp-contact-2__map__right .tp-btn-border {
  width: 100%;
  padding: 10px 30px;
}

@media (max-width: 767px) {
  .tp-contact-2__map,
  .tp-contact-2__info {
    flex-direction: column;
  }
  .tp-contact-2__info {
    margin-bottom: 30px;
  }
  .tp-contact-2__info__left,
  .tp-contact-2__info__right,
  .tp-contact-2__map__left,
  .tp-contact-2__map__right {
    width: 100%;
  }
  .tp-contact-2__map__right {
    padding: 30px 15px;
  }
}
.page404 {
  background: #E9FAFF;
  padding: 100px 0;
  margin-bottom: 60px;
}
.page404__content {
  text-align: center;
}
.page404__img {
  width: 607px;
  height: 499px;
  margin: auto;
  margin-bottom: 35px;
}
.page404__title {
  font-weight: 600;
  font-size: 60px;
  line-height: 73px;
  margin-bottom: 20px;
}
.page404__subtext {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 22px;
}
.page404__btn {
  background: #ffffff;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 15px;
}
.page404__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.page404__icback {
  margin-right: 15px;
}

@media only screen and (max-width: 768px) {
  .page404__img {
    width: 75%;
    height: auto;
  }
}
@media only screen and (max-width: 576px) {
  .page404__title {
    font-size: 40px;
  }
}
.register-frame {
  padding-bottom: 100px;
}

.register {
  text-align: center;
}
.register__form {
  width: 500px;
  margin: auto;
  padding: 0 20px;
}
.register__title {
  font-size: 44px;
  margin-bottom: 35px;
}
.register__field {
  margin-bottom: 20px;
}
.register__field input {
  width: 100%;
  color: #9ca3af;
  padding: 12px 20px;
  border: 1px solid #E1E1E1;
  border-radius: 60px;
}
.register__btn {
  color: #fff;
  background: #000;
  padding: 15px;
  width: 100%;
  border: 1px solid #000;
  font-size: 1.25rem;
  text-transform: uppercase;
  transition: all 0.5s ease-in;
}
.register__btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.register__brief {
  text-align: left;
  margin-bottom: 30px;
}
.register__btnback {
  margin-left: 20px;
}
.register__btnback:hover a {
  color: #fff;
}

.messages__ul {
  margin-bottom: 20px;
}
.messages__ul li {
  display: flex;
  align-items: center;
  color: tomato;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.messages__ul li:last-child {
  margin-bottom: 0;
}
.messages__ul li svg {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.messages__ul li a {
  text-decoration: underline;
  text-transform: capitalize;
  font-size: 1rem;
}

#RegisterForm-email-error {
  margin-bottom: 20px;
}

#RegisterForm-password-error {
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .register__form {
    width: 100%;
  }
}
.shopify-challenge__container {
  padding: 50px 0;
}
.shopify-challenge__container .shopify-challenge__message {
  margin-bottom: 30px;
}
.shopify-challenge__container .g-recaptcha {
  margin-bottom: 30px;
}
.shopify-challenge__container .shopify-challenge__button {
  display: block;
  margin: 0 auto;
  background: #fff;
  padding: 10px 25px;
  border: 1px solid #000;
  border-radius: 25px;
  transition: all 0.3s ease;
}
.shopify-challenge__container .shopify-challenge__button:hover {
  background: #000;
  color: #fff;
  border-color: #000;
  transition: all 0.3s ease;
}

.login-frame {
  padding-bottom: 100px;
}

.title-body {
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 30px;
}

.product-count__text {
  font-size: 24px;
}

.login {
  display: flex;
}
.login .errors {
  color: tomato;
  font-size: 0.875rem;
}
.login__field {
  margin-bottom: 20px;
}
.login__field input {
  width: 100%;
  color: #878787;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 60px;
}
.login__title {
  text-align: center;
  margin-bottom: 35px;
}
.login__left {
  width: 50%;
  padding-right: 70px;
  border-right: 1px solid #ddd;
}
.login__right {
  width: 50%;
  padding-left: 70px;
}
.login__subtitle {
  font-size: 1.5rem;
  font-weight: 500;
}
.login__subtitle1 {
  font-size: 1.5rem;
  font-weight: 500;
}
.login__subtext {
  margin-bottom: 1.25rem;
  color: #000;
}
.login__brief {
  margin-bottom: 1.25rem;
  color: #000;
}
.login__btnres {
  cursor: pointer;
}
.login__btnres:hover a {
  color: #fff;
}
.login__submit {
  width: 100%;
  font-size: 1.25rem;
  padding: 17px 44px;
  display: inline-block;
  border: 1px solid #000;
  transition: all 0.5s ease-in;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 100px;
}
.login__submit:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.login__cancel {
  padding-left: 50px;
  transition: all 0.3s ease;
}
.login__cancel:hover {
  text-decoration: underline;
}
.login__forgot {
  display: block;
  text-underline-offset: 5px;
  margin-bottom: 30px;
  transition: all 0.5s ease-in;
}
.login__forgot:hover {
  color: #d6a669;
}

#recover {
  display: none;
}

#recover:target {
  display: block;
}

#form-recover {
  display: none;
}

#recover:target ~ #form-recover {
  display: block;
}

#recover:target ~ #form-login {
  display: none;
}

.form__message {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}
.form__message svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.errors {
  margin-bottom: 20px;
}

#RecoverEmail-email-error {
  margin-bottom: 20px;
  color: tomato;
  font-size: 0.875rem;
}

@media only screen and (max-width: 1024px) {
  .login__left {
    padding-right: 20px;
  }
  .login__right {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .login {
    display: block;
  }
  .login__left {
    width: 100%;
    border-right: none;
    padding-right: 0;
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
  }
  .login__right {
    width: 100%;
    padding-left: 0;
  }
  .login-frame {
    padding-bottom: 30px;
  }
}
.tp-collection-list {
  margin-bottom: 40px;
}
.tp-collection-list__title {
  margin-bottom: 40px;
}
.tp-collection-list__main {
  margin: 0 -15px;
}
.tp-collection-list__item {
  padding: 0 15px;
  margin-bottom: 40px;
  width: 25%;
}
@media (max-width: 1024px) {
  .tp-collection-list__item {
    width: 33.3333%;
  }
}
@media (max-width: 767px) {
  .tp-collection-list__item {
    width: 50%;
  }
}
@media (max-width: 440px) {
  .tp-collection-list__item {
    width: 100%;
  }
}
.tp-collection-list__item .img__wrapper {
  margin-bottom: 20px;
  overflow: hidden;
  max-height: 585px;
}
.tp-collection-list__item .collections-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-collection-list__item .collections-content__title {
  font-size: 1.125rem;
}
.tp-collection-list__item .collections-content__number {
  opacity: 0.5;
}

.account svg {
  width: 22px;
  margin-right: 10px;
}
.account__title {
  font-size: 1.75rem;
  margin-bottom: 30px;
}
.account__greeting {
  margin-bottom: 30px;
}
.account__user {
  text-decoration: underline;
  transition: all 0.3s ease-in;
}
.account__user:hover {
  text-decoration: none;
  color: #d6a669;
}
.account__subtile {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 30px;
}
.account__note {
  background-color: #eaf7e6;
  color: #436b37;
  font-size: 1.125rem;
  padding: 10px 30px;
  margin-bottom: 30px;
}
.account__btn {
  padding: 10px 30px;
  font-weight: 500;
  margin-top: 30px;
}
.account__info {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.account__name {
  width: 20%;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .account__wrap {
    display: block !important;
  }
  .account__left {
    width: 100% !important;
  }
  .account__right {
    width: 100%;
    border-left: unset !important;
    padding-left: 0 !important;
  }
}
.account-button {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .tp-modal-login.is-open-tp-modal {
    left: 0;
    right: 0;
  }
}

.tp-modal-login {
  background-color: #fff;
  padding: 20px 30px;
  width: 510px;
}
@media only screen and (max-width: 768px) {
  .tp-modal-login {
    width: 100%;
  }
}
.tp-modal-login .tp-drawer__header {
  border: none;
  min-height: 1px;
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}
.tp-modal-login .tp-drawer__header span {
  font-size: 1.125rem;
  font-weight: 500;
  position: relative;
  display: flex;
  justify-content: center;
}
.tp-modal-login .tp-drawer__header span::after {
  position: absolute;
  content: "";
  bottom: -5px;
  width: 300px;
  height: 1px;
  background-color: #000;
}
.tp-modal-login .login__forgot, .tp-modal-login .login__cancel {
  cursor: pointer;
}

#recover,
#recover + div {
  display: none;
}

#recover:target {
  display: block;
}

#recover:target + div {
  display: block;
}

#recover:target ~ #login,
#recover:target ~ #login + div {
  display: none;
}

.addresses [aria-expanded=false] ~ div[id] {
  display: none;
}

.addresses [aria-expanded=true] ~ div[id] {
  display: block;
  margin-top: 30px;
}

.addresses .select {
  -webkit-appearance: none;
  position: relative;
  width: 40%;
}
.addresses .select::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateX(-55%);
  right: 25px;
  pointer-events: none;
  width: 7px;
  height: 7px;
  background: transparent;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  transform: translateX(-50%) rotate(-45deg);
}
.addresses .select select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px 25px;
}

.customer h2 {
  margin-bottom: 30px;
}
.customer__btn {
  padding: 10px 30px;
  margin-right: 20px;
}
.customer .data-form {
  margin-bottom: 30px;
}
.customer .data-form .field {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}
.customer .data-form .field:last-child {
  margin-bottom: 0;
}
.customer .data-form label {
  line-height: 1;
  width: 30%;
}
.customer .data-form p {
  line-height: 1;
}
.customer__form form {
  margin: 30px 0;
}
.customer__form .field {
  margin-bottom: 20px;
}
.customer__form input {
  width: 100%;
  margin-top: 10px;
  padding: 10px 25px;
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  border-radius: 60px;
}
.customer__form .unset-input input {
  width: unset;
}
.customer__form select {
  padding: 10px 25px;
  margin-top: 10px;
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  border-radius: 60px;
}
.customer__formEdit {
  margin-top: 30px;
  border-top: double #E0E0E0;
  padding-top: 30px;
}
.customer .item-addresses {
  border-bottom: double #E0E0E0;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
.customer .item-addresses:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.ca-default {
  display: flex;
  margin-bottom: 80px;
}
.ca-default__left {
  width: 250px;
}
.ca-default__right {
  flex: 1;
  border-left: 1px solid #E7E7E7;
  padding-left: 80px;
}
.ca-default__li {
  font-weight: 400;
  margin-bottom: 15px;
}
.ca-default__li .active {
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .customer {
    max-width: 100%;
  }
  .customer__form select {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .customer__wrap {
    display: block !important;
  }
  .customer__left {
    width: 100% !important;
  }
  .customer__right {
    width: 100%;
    border-left: unset !important;
    padding-left: 0 !important;
  }
}
.newsletter__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsletter__subheading p {
  color: #000;
  font-weight: 500;
}
.newsletter__email {
  padding: 0 25px;
}
@media (max-width: 767px) {
  .newsletter__email {
    padding: 0;
  }
}
.newsletter__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsletter .newsletter-form__field-wrapper {
  position: relative;
}
.newsletter .field {
  display: flex;
}
.newsletter .field__input {
  width: 450px;
  padding: 10px 0 10px 20px;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}
.newsletter .field__button {
  padding: 10px 35px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}
.newsletter .form__message {
  font-size: 14px;
  padding: 5px 20px;
  font-weight: 400;
  display: inline-flex;
  background: #000;
  color: #fff;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 1024px) and (max-width: 1330px) {
  .newsletter-layout_1 .newsletter__subheading {
    flex: 1;
  }
  .newsletter-layout_1 .newsletter__email {
    flex: 2;
  }
  .newsletter-layout_1 .newsletter__email .field__input {
    width: 75%;
  }
  .newsletter-layout_1 .newsletter__email .field__button {
    width: 25%;
  }
}
.newsletter-layout_2 .newsletter__wrapper {
  flex-direction: column;
  padding: 30px 0;
  text-align: center;
}
.newsletter-layout_2 .newsletter__subheading,
.newsletter-layout_2 .newsletter__email {
  margin-bottom: 30px;
}
.newsletter-layout_2 .newsletter__subheading p {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.newsletter-layout_2 .field__input {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.newsletter-layout_2 .field__button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.newsletter-layout_3 .newsletter__title {
  margin-bottom: 20px;
}
.newsletter-layout_3 .newsletter__title p {
  font-size: 36px;
}
.newsletter-layout_3 .newsletter__wrapper {
  justify-content: space-between;
}
.newsletter-layout_3 .field__input {
  padding: 15px 35px 15px 20px;
}
.newsletter-layout_3 .field__button {
  border-radius: 60px;
  padding: 10px 40px;
  transform: translateX(-25px);
}

@media only screen and (max-width: 1023px) {
  .newsletter__wrapper {
    display: block;
  }
  .newsletter__subheading {
    text-align: center;
    margin-bottom: 10px;
  }
  .newsletter__email {
    margin-bottom: 10px;
  }
  .newsletter .field {
    justify-content: center;
  }
  .newsletter__info {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .newsletter .field .field__input {
    width: 70%;
  }
  .newsletter .field .newsletter-form__button {
    width: 30%;
  }
  .newsletter-layout_2 .newsletter-form__field-wrapper {
    max-width: 500px;
    margin: auto;
  }
}
@media only screen and (max-width: 425px) {
  .newsletter .field {
    flex-direction: column;
    align-items: center;
  }
  .newsletter .field .field__input {
    width: 100%;
    border-radius: 60px;
    margin-bottom: 20px;
  }
  .newsletter .field .newsletter-form__button {
    width: 50%;
    border-radius: 60px;
  }
  .newsletter-layout_2 .field .field__input {
    border-radius: 5px;
  }
  .newsletter-layout_2 .field .newsletter-form__button {
    border-radius: 5px;
  }
}
.page-content-default img, .shopify-policy__container img {
  width: auto;
}
.page-content-default .main-page-title, .shopify-policy__container .main-page-title {
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 30px;
}
.page-content-default h1, .page-content-default h2, .page-content-default h3, .page-content-default h4, .page-content-default h5, .page-content-default h6, .shopify-policy__container h1, .shopify-policy__container h2, .shopify-policy__container h3, .shopify-policy__container h4, .shopify-policy__container h5, .shopify-policy__container h6 {
  color: #000;
}
.page-content-default h2, .shopify-policy__container h2 {
  font-weight: 500;
}
.page-content-default p, .shopify-policy__container p {
  line-height: 28px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-content-default ul,
.page-content-default ol, .shopify-policy__container ul,
.shopify-policy__container ol {
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--color-secondary);
  list-style: inherit;
  padding: revert;
  font-weight: 400;
}
.page-content-default ul ul,
.page-content-default ol ul, .shopify-policy__container ul ul,
.shopify-policy__container ol ul {
  list-style: circle;
}
@media (max-width: 992px) {
  .page-content-default ul,
  .page-content-default ol, .shopify-policy__container ul,
  .shopify-policy__container ol {
    padding-left: 20px;
  }
}
.page-content-default ul li,
.page-content-default ol li, .shopify-policy__container ul li,
.shopify-policy__container ol li {
  margin-bottom: 10px;
}
.page-content-default ul li a:hover,
.page-content-default ol li a:hover, .shopify-policy__container ul li a:hover,
.shopify-policy__container ol li a:hover {
  text-decoration: underline;
}
.page-content-default ol, .shopify-policy__container ol {
  list-style: decimal;
}
.page-content-default strong,
.page-content-default b, .shopify-policy__container strong,
.shopify-policy__container b {
  color: #000;
  display: inline-block;
}
.page-content-default a, .shopify-policy__container a {
  color: #0b88ee !important;
}

.reset-password {
  text-align: center;
  padding: 50px 0 100px 0;
  max-width: 500px;
  margin: 0 auto;
}
.reset-password__form {
  width: 500px;
  margin: auto;
  padding: 0 20px;
}
.reset-password__title {
  font-size: 44px;
  margin-bottom: 35px;
}
.reset-password__field {
  margin-bottom: 20px;
}
.reset-password__field input {
  width: 100%;
  color: #9ca3af;
  padding: 12px 20px;
  border: 1px solid #ddd;
}
.reset-password__btn {
  color: #fff;
  background: #000;
  padding: 15px;
  width: 100%;
  border: 1px solid #000;
  font-size: 1.25rem;
  text-transform: uppercase;
  transition: all 0.5s ease-in;
}
.reset-password__btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.messages__ul {
  margin-bottom: 20px;
}
.messages__ul li {
  display: flex;
  align-items: center;
  color: tomato;
}
.messages__ul li svg {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

#RegisterForm-email-error {
  margin-bottom: 20px;
}

#RegisterForm-password-error {
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .register__form {
    width: 100%;
  }
}
.pagebrands .pagebrands__wrapper {
  padding: 100px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}
.pagebrands .pagebrands__wrapper a {
  border: 1px solid #000;
  color: #000;
  padding: 10px 20px;
  display: inline-flex;
  font-size: 24px;
  width: 25%;
  max-width: 25%;
  margin: 0 15px;
  margin-bottom: 30px;
  align-items: center;
  justify-content: center;
}

.wrapper-size-chart-spf {
  animation: fadeInRight 0.5s ease;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
  }
}

.content-size-chart {
  color: #828282;
  padding: 60px 40px !important;
}
.content-size-chart tbody tr {
  text-align: left;
}
.content-size-chart tbody tr th {
  font-weight: 600;
  padding: 10px 12px;
  border-color: #828282;
}
.content-size-chart tbody tr td {
  font-weight: 400;
  padding: 10px 12px;
  border-color: #828282;
}
.content-size-chart .button-close {
  background: #d5d5d5;
  padding: 4px;
  width: unset;
  height: unset;
}
.content-size-chart .button-close svg {
  transition: all 0.5s ease;
}
.content-size-chart .button-close svg:hover {
  transform: rotate(180deg);
}