@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 100;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_thin.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 200;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_xlight.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 300;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_light.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 400;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_regular.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 500;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy-medium.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 600;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_semibold.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 700;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_bold.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 800;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_xbold.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 900;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_heavy.otf") format("opentype"); }

/*@font-face {font-display: swap;font-family: "SVN Gilroy";font-weight: ;src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_black.otf") format("opentype");}*/
@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 100;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_thin_italic.otf") format("otopentypef"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 200;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_xlight_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 300;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_light_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 400;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_regular_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 500;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_medium_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 600;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_semibold_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 700;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_bold_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 800;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_xbold_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "SVN Gilroy";
  font-weight: 900;
  font-style: italic;
  src: url("https://file.hstatic.net/200000886795/file/svn-gilroy_heavy_italic.otf") format("opentype"); }

@font-face {
  font-display: swap;
  font-family: "Didot Pro";
  src: url("https://file.hstatic.net/200000886795/file/didotltpro-bolditalic.eot");
  src: url("https://file.hstatic.net/200000886795/file/didotltpro-bolditalic.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000886795/file/didotltpro-bolditalic.ttf") format("truetype"); }

/* . - Roots */
:root {
  --skin-header-font: "SVN Gilroy", "Arial", sans-serif;
  --skin-text-font: "SVN Gilroy", "Arial", sans-serif;
  --skin-primary-color: #110E11;
  --skin-text-color: #110E11;
  --skin-text-color-2: #6B6C6D;
  --skin-title-color: #091010;
  --skin-link-color-1: #27251f;
  --skin-link-color-2: #27251f;
  --skin-border-color: #110E11;
  --skin-primary-textbtn-color: #27251f;
  --skin-primary-borderbtn-color: #000000;
  --skin-primary-bgbtn-color: #000000;
  --skin-secondary-textbtn-color: #fff;
  --skin-secondary-borderbtn-color: #000000;
  --skin-secondary-bgbtn-color: #000000;
  --space-unit: 16px;
  --space-10: calc(var(--space-unit)*0.625);
  --space-15: calc(var(--space-unit)*0.9375);
  --space-20: calc(var(--space-unit)*1.25);
  --space-30: calc(var(--space-unit)*1.875);
  --space-40: calc(var(--space-unit)*2.5);
  --space-50: calc(var(--space-unit)*3.125);
  --space-60: calc(var(--space-unit)*3.75);
  --space-80: calc(var(--space-unit)*5);
  --space-100: calc(var(--space-unit)*6.25);
  --color-state-info: #1982F9;
  --color-state-success: #24B400;
  --color-state-warning: #FDD835;
  --color-state-error: #E30019;
  --color-state-question: #FF8A00;
  --skin-proloop-text-color: #110E11;
  --skin-proloop-title-color: #1B1B1B;
  --skin-proloop-price-color: #000000;
  --skin-proloop-del-color: #8C8C8C;
  --skin-proloop-badge-1-color: #DFD8C0;
  --skin-proloop-badge-2-color: #110E11;
  --grid-desktop-horizontal-spacing: 40px;
  --grid-desktop-vertical-spacing: 24px; }

html {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  line-height: 1.15; }

body, html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background-color: #fff;
  color: var(--skin-text-color);
  font-family: var(--skin-text-font);
  font-size: 14px;
  font-weight: 400;
  position: relative; }

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

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

/* 1.2 - Typography */
h1, h2, h3, h4, h5, h6 {
  color: var(--skin-text-color);
  font-family: var(--skin-text-font);
  margin: 0 0 10px 0;
  font-weight: 700;
  line-height: 1.3; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--skin-text-color); }

/* 1.3 - Links  */
a {
  color: var(--skin-text-color);
  text-decoration: none;
  outline: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  a:hover, a:focus {
    color: var(--skin-text-color);
    text-decoration: none;
    outline: none; }
  a:active {
    outline: none; }

.a-link {
  text-decoration: underline !important; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

/* 1.4 - Lists */
ul, ol {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.typeList-style * {
  max-width: 100% !important; }

.typeList-style ul {
  list-style: initial;
  padding-left: 20px; }

.typeList-style ol {
  list-style-type: decimal;
  padding-left: 20px; }

.typeList-style ul ul {
  list-style-type: circle; }

.typeList-style ul ul ul {
  list-style-type: square; }

.typeList-style ul li, .typeList-style ol li {
  margin: 5px 0; }

/* 1.5 - form */
input[type='text']:not(#inputSearchAuto), input[type='email'], input[type='tel'], input[type='password'], .input {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none; }

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
  -moz-appearance: none;
  appearance: none; }

input[placeholder] {
  text-overflow: ellipsis; }

input:required {
  box-shadow: none; }

textarea {
  resize: none; }

.form-control {
  display: block;
  width: 100%;
  height: 48px;
  padding: 10px 20px 10px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #27251f;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #B0B0B0;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #27251f;
    background-color: #fff;
    border-color: #27251f;
    outline: 0;
    box-shadow: none; }
  .form-control:-ms-input-placeholder {
    color: #71706c;
    opacity: 1; }
  .form-control::placeholder {
    color: #71706c;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }
  .form-control.is-invalid {
    border-color: #d91f46;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d91f46' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d91f46' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
    .form-control.is-invalid:focus {
      border-color: #d91f46 !important;
      box-shadow: 0 0 0 0.2rem rgba(217, 31, 70, 0.25); }
    .form-control.is-invalid ~ .invalid-feedback {
      display: block; }

.form-check-input.is-invalid ~ .form-check-label {
  color: #d91f46; }

.form-check-input.is-invalid ~ .invalid-feedback {
  display: block; }

select.form-control {
  padding: 6px 20px 6px 12px; }
  select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #27251f; }
  select.form-control:focus::-ms-value {
    color: #27251f;
    background-color: #fff; }
  select.form-control[size], select.form-control[multiple] {
    height: auto; }
  select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center; }

textarea.form-control {
  height: auto; }
  textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.form-group {
  margin-bottom: 32px;
  position: relative;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .form-group label:not(.form-control-label) {
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #4F4F4F; }
  .form-group .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.625rem;
    color: #d91f46; }
  .form-group.input-group {
    margin-bottom: 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-direction: row; }
    .form-group.input-group label.form-control-label {
      color: #71706c;
      display: -ms-flexbox;
      display: flex;
      font-size: .625rem;
      height: 1rem;
      left: 1.25rem;
      margin: .375rem 0;
      position: absolute;
      z-index: 5; }
    .form-group.input-group > .form-control,
    .form-group.input-group > .form-control-plaintext,
    .form-group.input-group > .custom-select,
    .form-group.input-group > .custom-file {
      position: relative;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      width: 100%;
      min-width: 0;
      margin-bottom: 0;
      padding: 20px 20px 6px 16px; }
    .form-group.input-group.required .form-control-label::after {
      color: #71706c;
      content: "*";
      padding-left: 2px; }
    .form-group.input-group.required .form-control-label::before {
      content: ""; }
  .form-group.check-group label[for*='radio'] {
    margin-bottom: 0;
    margin: 0 20px 0 4px;
    font-size: 12px; }
  .form-group.check-group input[name="gender"] {
    margin-top: 0;
    vertical-align: top;
    width: 14px;
    height: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    outline: 0 !important; }
    .form-group.check-group input[name="gender"]:before {
      content: "";
      position: absolute;
      z-index: 1;
      left: -1px;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background: #fff;
      border: 1px solid #fff;
      cursor: pointer;
      border-radius: 50%; }
    .form-group.check-group input[name="gender"]:checked:before {
      background: var(--skin-primary-color);
      border-color: var(--skin-primary-color); }
    .form-group.check-group input[name="gender"]:after {
      content: "";
      position: absolute;
      left: -1px;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      width: 14px;
      height: 14px;
      background: #fff;
      border: 1px solid #777777;
      cursor: pointer;
      border-radius: 50%; }
    .form-group.check-group input[name="gender"]:checked:after {
      border-color: var(--skin-primary-color); }
  .form-group.text-group {
    font-size: 12px; }
    .form-group.text-group .sitebox-recaptcha {
      margin-bottom: 16px; }
  .form-group.actions-group {
    margin-bottom: 0;
    align-items: center;
    justify-content: center; }

.password-mask {
  background-color: #fff;
  position: absolute;
  right: 19.2px;
  top: 10.24px;
  z-index: 3; }
  .password-mask .icon--eye-hide, .password-mask .icon--eye-show {
    fill: #71706c;
    width: 20px;
    height: 20px; }
  .password-mask:focus {
    outline: 0; }
  .password-mask.hide .icon--eye-hide {
    display: none; }
  .password-mask.hide .icon--eye-show {
    display: none; }

.password-forgot {
  font-size: 12px;
  padding-top: 4px;
  display: flex;
  justify-content: flex-end; }
  .password-forgot a {
    text-decoration: underline;
    vertical-align: middle; }

/* 1.6 - Img */
img {
  width: 100%; }

/* 1.7 - Button */
.btn {
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0;
  height: 44px;
  outline: none !important;
  box-shadow: none !important;
  text-transform: uppercase;
  background: var(--skin-text-color);
  color: #fff;
  border: 1px solid var(--skin-text-color); }
  .btn:hover {
    border: 1px solid var(--skin-text-color);
    background: var(--skin-text-color);
    color: #fff; }
  .btn.btn-outline {
    background: #fff;
    border: 1px solid var(--skin-text-color);
    color: var(--skin-text-color); }
  .btn.btn-full {
    display: flex;
    width: 100%; }
  @media (min-width: 768px) {
    .btn {
      font-size: 16px;
      padding: 8px 20px; } }

.btn-link {
  color: var(--skin-text-color);
  display: inline-flex;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  padding: 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }
  .btn-link span {
    text-decoration: underline; }
  .btn-link svg {
    width: 12px;
    height: 12px; }
  .btn-link:hover {
    color: var(--skin-text-color); }

/* 1.8 - Container */
.container-fluid, .container {
  padding: 0 16px;
  margin: auto; }

.container-fluid.p8 {
  padding: 0 16px;
  margin: auto; }

@media (min-width: 1200px) {
  .container-fluid {
    padding: 0 40px;
    max-width: 1440px; }
  .container {
    max-width: 1440px;
    width: 100%;
    padding: 0 16px; }
  .container-fluid.p8 {
    max-width: 1440px;
    padding: 0 80px; }
  /*.body-main {max-width: 1440px;margin: auto;}*/ }

@media (min-width: 1400px) {
  .container-fluid {
    padding: 0 40px;
    max-width: 1640px; }
  .container {
    max-width: 1640px;
    width: 100%;
    padding: 0 16px; }
  .container-fluid.p8 {
    max-width: 1640px;
    padding: 0 80px; }
  /*.body-main {max-width: 1640px; margin: auto;}*/ }

@media (min-width: 1600px) {
  .container-fluid {
    padding: 0 40px;
    max-width: 1840px; }
  .container {
    max-width: 1840px;
    width: 100%;
    padding: 0 16px; }
  .container-fluid.p8 {
    max-width: 1840px;
    padding: 0 80px; }
  /*.body-main {max-width: 1840px;margin: auto;}*/ }

/* 1.8 - Width wrapper */
.w-9, .w-8, .w-6 {
  margin: auto; }

@media (min-width: 992px) {
  .w-9 {
    width: 90%; }
  .w-8 {
    width: 80%; }
  .w-6 {
    width: 68.4%; } }

@media (min-width: 1200px) {
  .w-9 {
    width: 90%; }
  .w-8 {
    width: 80%; }
  .w-6 {
    width: 68.4%; } }

/* 1.9 - Anmaiton css3 */
@keyframes bounce {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(0, 10px, 0); } }

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

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

@keyframes addedToBag {
  0% {
    background-color: #27251f;
    color: #27251f; }
  10% {
    background-color: #27251f;
    color: #fff; }
  90% {
    background-color: #27251f;
    color: #fff; }
  100% {
    background-color: #27251f;
    color: #27251f; } }

@keyframes loading {
  100% {
    transform: translateX(100%); } }

@keyframes fadeInHeader {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes toggleOnCheckbox {
  0% {
    opacity: 0;
    transform: translate(-50%, -85%) scale(0) rotate(45deg); }
  70% {
    opacity: 1;
    transform: translate(-50%, -85%) scale(0.9) rotate(45deg); }
  100% {
    transform: translate(-50%, -85%) scale(0.8) rotate(45deg); } }

@keyframes toggleOnRadio {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0); }
  70% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.9); }
  100% {
    transform: translate(-50%, -50%) scale(0.8); } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; } }

@keyframes iconSkew {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg); } }

@keyframes pulselive {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 0.3; } }

@keyframes euiBeaconPulseSmall {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.4);
    opacity: 0; } }

/* Layout */
.lock-scroll {
  overflow: hidden; }

.menuOverlay {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  top: 175px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  transition: all 0.4s;
  background-color: rgba(28, 28, 28, 0.6);
  z-index: 10;
  cursor: pointer; }

.siteOverlay {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 0.4s;
  background-color: rgba(28, 28, 28, 0.6);
  z-index: 10;
  cursor: pointer; }

body.open-search .siteOverlay {
  opacity: 1;
  visibility: visible; }

/* - Breadcrumb  - Pagination  */
.breadcrumb-wrapper {
  background: transparent;
  padding: 0 0px; }
  .breadcrumb-wrapper .breadcrumb-list {
    /*.breadcrumb-arrows>li a {color: var(--skin-text-color-2);}*/ }
    .breadcrumb-wrapper .breadcrumb-list {
      overflow: hidden; }
    .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows {
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      padding: 32px 0 16px;
      background: transparent;
      border-radius: 0;
      margin: 0;
      list-style: none;
      align-items: center; }
    .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows > li {
      display: inline-flex;
      align-items: center; }
    .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows > li strong {
      font-weight: 400; }
    .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows > li + li:before {
      content: "";
      margin: 0 0px;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: 8px;
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='20' viewBox='0 0 10 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.833344 18.3334L9.16668 1.66669' stroke='%23D1D1D1' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      align-items: center;
      justify-content: center;
      background-position: center;
      display: inline-flex; }
    @media (max-width: 767px) {
      .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows {
        padding: 32px 0 20px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: scroll; }
      .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows > li + li:before {
        padding: 0 2px; }
      .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows::-webkit-scrollbar {
        display: none; }
      .breadcrumb-wrapper .breadcrumb-list .breadcrumb-arrows {
        -ms-overflow-style: none;
        scrollbar-width: none; } }

/*---------------------------------------------------------*/
/*----- HEADER -----*/
/*---------------------------------------------------------*/
.topbar {
  background: #110E11;
  padding: 8px 0;
  border-bottom: 1px solid #2C292C;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  position: relative;
  z-index: 16; }
  .topbar * {
    color: #F6F6F6; }
  .topbar .topbar-wrapper {
    display: flex;
    align-items: center; }
    .topbar .topbar-wrapper > div {
      align-items: center;
      gap: 12px; }
    .topbar .topbar-wrapper a {
      display: inline-flex;
      align-items: center;
      gap: 4px; }
    .topbar .topbar-wrapper .list-actions {
      display: flex;
      align-items: center;
      gap: 12px; }
    .topbar .topbar-wrapper .divider {
      position: relative;
      height: 20px;
      width: 1px;
      display: block; }
      .topbar .topbar-wrapper .divider:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #F6F6F6;
        width: 1px;
        height: 100%; }
    .topbar .topbar-wrapper .inner-left {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      position: relative;
      display: -webkit-flex;
      display: flex; }
      .topbar .topbar-wrapper .inner-left a {
        font-weight: bold; }
    .topbar .topbar-wrapper .inner-right {
      display: none; }
    @media (min-width: 992px) {
      .topbar .topbar-wrapper {
        gap: 32px; }
        .topbar .topbar-wrapper .inner-left {
          -ms-flex: 0 0 80%;
          flex: 0 0 80%;
          max-width: 80%; }
        .topbar .topbar-wrapper .inner-right {
          -ms-flex: 0 0 calc(20% - 32px);
          flex: 0 0 calc(20% - 32px);
          max-width: calc(20% - 32px);
          justify-content: flex-end;
          display: flex; } }
  .topbar .marquee-text {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden; }
  .topbar .marquee-text .top-info-bar {
    font-size: 12px;
    display: flex;
    width: 200%;
    -webkit-animation: marquee 25s linear infinite running;
    -moz-animation: marquee 25s linear infinite running;
    -o-animation: marquee 25s linear infinite running;
    -ms-animation: marquee 25s linear infinite running;
    animation: marquee 25s linear infinite running; }
  .topbar .marquee-text .top-info-bar:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused; }
  .topbar .marquee-text .top-info-bar .info-text {
    padding: 6px 30px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .topbar .marquee-text .top-info-bar a {
    color: #ffffff;
    text-decoration: none; }

@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); } }

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); } }

@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); } }

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); } }

@keyframes blinker {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  10% {
    transform: rotate(-15deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(15deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-15deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(15deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg);
    color: #000; }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg); } }

.mainHeader {
  background: #fff; }
  .mainHeader .mainHeader-top .mainHeader-top--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--space {
      display: none; }
    .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--actions {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
    .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--logo {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
  .mainHeader .mainHeader-top .mainHeader-top--logo a {
    display: flex;
    align-items: center; }
  .mainHeader .mainHeader-top .mainHeader-top--logo svg, .mainHeader .mainHeader-top .mainHeader-top--logo img {
    height: 24px; }
  .mainHeader .mainHeader-top .mainHeader-top--actions {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 18px; }
    .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul {
      display: flex;
      gap: 0px; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li {
        position: relative; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li > a {
        padding: 0 5px;
        position: relative;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li > a:before {
        content: "";
        border-bottom: 3px solid var(--skin-primary-color);
        display: block;
        height: 3px;
        width: 30px;
        position: absolute;
        right: 0;
        left: 0;
        bottom: -1px;
        visibility: hidden;
        opacity: 0;
        margin: auto; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li > a:hover:before {
        visibility: visible;
        opacity: 1; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li > a > svg {
        width: 20px;
        height: 20px; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-cart > a {
        position: relative; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-cart > a > span {
          background-color: transparent;
          border-radius: 50%;
          width: 20px;
          height: 20px;
          line-height: normal;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 12px;
          font-weight: 600;
          position: absolute;
          top: 0px;
          left: 25px;
          color: #fff; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-cart > a.hasitem > span {
          background-color: var(--skin-primary-color); }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-wishlist {
        display: none; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-wishlist a {
          position: relative; }
          .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-wishlist a > span {
            background-color: transparent;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: normal;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 600;
            position: absolute;
            top: -4px;
            left: 25px;
            color: #fff; }
          .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-wishlist a.hasitem > span {
            background-color: var(--skin-primary-color); }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-search a.btn-search-close {
        display: none; }
    .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown {
      position: absolute;
      z-index: 0;
      top: 100%;
      right: 0;
      background: transparent;
      padding-top: 28px;
      visibility: hidden;
      opacity: 0; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown .action-dropdown--wrapper {
        background: #fff;
        display: flex;
        flex-direction: column; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper {
        box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px -10px, rgba(0, 0, 0, 0.1) 0px 5px 40px 0px;
        min-width: 275px;
        text-align: center;
        padding: 20px 0;
        gap: 20px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper > div {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
          padding: 0 20px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper a.btn {
          width: 100%; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper .foot {
          padding: 0; }
          .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper .foot a {
            display: block; }
          .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper .foot .notify {
            padding: 0 20px;
            font-size: 12px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper .body ul {
          display: flex;
          flex-direction: column;
          gap: 0; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper .body ul li a {
          display: flex;
          align-items: center;
          gap: 6px;
          padding: 12px 0;
          font-size: 13px;
          text-transform: uppercase; }
          .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper .body ul li a svg {
            width: 18px;
            height: 18px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-action-dropdown.account-dropdown .action-dropdown--wrapper.logged {
          min-width: 260px; }
  @media (min-width: 992px) {
    .mainHeader .mainHeader-top {
      padding-top: 14px; }
      .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--space {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        display: block; }
      .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--actions {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; }
      .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--logo {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        text-align: center; }
        .mainHeader .mainHeader-top .mainHeader-top--wrapper .mainHeader-top--logo a {
          justify-content: center; }
      .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul {
        gap: 8px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li > a {
          width: 35px;
          height: 35px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li > a > svg {
          width: 15px;
          height: 15px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-cart > a > span {
          top: -2px;
          left: 17px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-menu {
          display: none; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-wishlist {
          display: inline-flex; }
          .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-wishlist > a > span {
            top: -2px;
            left: 17px; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-search a.btn-search-show.active {
          display: none; }
        .mainHeader .mainHeader-top .mainHeader-top--actions .header-actions-list > ul > li.action-search a.btn-search-show.active + a.btn-search-close {
          display: flex; }
      .mainHeader .mainHeader-top .mainHeader-top--logo svg, .mainHeader .mainHeader-top .mainHeader-top--logo img {
        height: 24px;
        margin: 0; } }
  .mainHeader .mainHeader-bottom {
    position: fixed;
    z-index: 99;
    top: 37px;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    transform: translateX(-100%);
    min-width: 100%;
    background: #fff;
    padding-top: 0; }
    .mainHeader .mainHeader-bottom:before {
      content: "";
      position: absolute;
      right: 0;
      left: 0;
      top: 140px;
      width: 100%;
      height: calc(100% - 140px);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right;
      background-image: url("data:image/svg+xml,%3Csvg width='252' height='501' viewBox='0 0 252 501' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.02' clip-path='url(%23clip0_5283_75298)'%3E%3Cpath d='M250.711 474.223C127.241 474.223 26.7668 373.864 26.7668 250.499C26.7668 127.134 127.212 26.7753 250.711 26.7753C374.211 26.7753 474.627 127.134 474.627 250.499C474.627 373.864 374.182 474.223 250.711 474.223ZM250.711 49.1624C139.594 49.1624 49.173 139.477 49.173 250.499C49.173 361.521 139.594 451.865 250.711 451.865C361.829 451.865 452.22 361.551 452.22 250.529C452.22 139.506 361.829 49.1918 250.711 49.1918V49.1624Z' fill='%23110E11'/%3E%3Cpath d='M250.714 501C112.474 501 0 388.623 0 250.5C0 112.377 112.474 0 250.714 0C388.955 0 501.429 112.377 501.429 250.5C501.429 388.623 388.955 501 250.714 501ZM250.714 10.6928C118.37 10.6928 10.7019 118.269 10.7019 250.5C10.7019 382.731 118.37 490.307 250.714 490.307C383.059 490.307 490.727 382.731 490.727 250.5C490.727 118.269 383.059 10.6928 250.714 10.6928Z' fill='%23110E11'/%3E%3Cpath d='M381.729 246.406C379.665 248.733 379.665 252.238 381.729 254.565L411.535 288.234C414.454 291.534 413.068 296.747 408.882 298.161L366.251 312.418C363.303 313.42 361.534 316.425 362.153 319.488L371.115 363.526C372 367.856 368.167 371.656 363.833 370.802L319.758 361.847C316.721 361.228 313.685 362.966 312.682 365.941L298.413 408.536C296.998 412.719 291.78 414.103 288.478 411.187L254.78 381.406C252.451 379.344 248.942 379.344 246.613 381.406L212.945 411.187C209.643 414.103 204.425 412.719 203.009 408.536L188.74 365.941C187.738 362.996 184.731 361.228 181.665 361.847L137.589 370.802C133.255 371.685 129.452 367.856 130.307 363.526L139.27 319.488C139.889 316.454 138.149 313.42 135.172 312.418L92.5407 298.161C88.3542 296.747 86.9686 291.534 89.8873 288.234L119.694 254.565C121.757 252.238 121.757 248.733 119.694 246.406L89.8873 212.737C86.9686 209.438 88.3542 204.224 92.5407 202.81L135.172 188.553C138.12 187.551 139.889 184.547 139.27 181.483L130.307 137.445C129.423 133.115 133.255 129.315 137.589 130.17L181.665 139.125C184.701 139.743 187.738 138.005 188.74 135.03L203.009 92.4356C204.425 88.2527 209.643 86.8683 212.945 89.7845L246.613 119.565C248.942 121.627 252.451 121.627 254.78 119.565L288.478 89.7845C291.78 86.8683 296.998 88.2527 298.413 92.4356L312.682 135.03C313.685 137.976 316.692 139.743 319.758 139.125L363.833 130.17C368.167 129.286 371.97 133.115 371.115 137.445L362.153 181.483C361.534 184.517 363.273 187.551 366.251 188.553L408.882 202.81C413.068 204.224 414.454 209.438 411.535 212.737L381.729 246.406Z' fill='%23110E11'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5283_75298'%3E%3Crect width='252' height='501' fill='white' transform='matrix(1 0 0 -1 0 501)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
    .mainHeader .mainHeader-bottom.open {
      transform: translateX(0);
      visibility: visible;
      opacity: 1; }
    .mainHeader .mainHeader-bottom.open.open-sub {
      transform: translateX(-100%); }
    .mainHeader .mainHeader-bottom .container-fluid {
      position: relative;
      height: 100%; }
    .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper {
      display: flex;
      flex-direction: column; }
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper > div {
        display: flex;
        align-items: center; }
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
        padding: 6px 8px 20px; }
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 3;
        padding: 0 8px;
        height: calc(100% - 140px);
        position: absolute;
        width: calc(100% - 32px);
        top: 136px;
        left: 16px; }
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile {
        order: 1; }
        .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile .header-menu--head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 70px;
          position: relative;
          width: 100%; }
          .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile .header-menu--head .header-menu--logo svg {
            height: 70px; }
          .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile .header-menu--head .header-menu--logo img {
            height: 70px; }
          .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile .header-menu--head .header-menu--btn {
            display: flex;
            align-items: center;
            height: 52px;
            position: absolute;
            z-index: 1;
            right: -16px;
            top: 0;
            bottom: 0;
            margin: auto;
            border-left: 1px solid #F6F6F6; }
            .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile .header-menu--head .header-menu--btn button {
              padding: 0;
              border: none;
              outline: none;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              background: none;
              height: 52px;
              width: 52px; }
              .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile .header-menu--head .header-menu--btn button svg {
                width: 20px;
                height: 20px; }
    @media (min-width: 992px) {
      .mainHeader .mainHeader-bottom {
        min-width: auto;
        position: relative;
        z-index: 13;
        left: unset;
        bottom: unset;
        top: unset;
        transition: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        padding-top: 0px; }
        .mainHeader .mainHeader-bottom:before {
          content: none; }
        .mainHeader .mainHeader-bottom .container-fluid {
          position: initial;
          height: auto; }
        .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper {
          align-items: center;
          justify-content: space-between;
          flex-direction: row; }
          .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--left {
            -ms-flex: 0 0 70%;
            flex: 0 0 70%;
            max-width: 70%;
            order: 2;
            padding: 0;
            position: initial;
            width: auto;
            top: unset;
            left: unset; }
          .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--right {
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            max-width: 30%;
            justify-content: flex-end;
            order: 3;
            padding: 0; }
          .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--mobile {
            display: none;
            order: 1; } }
    @media (min-width: 1024px) {
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--left {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%; }
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--right {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        position: relative; } }
    @media (min-width: 1140px) {
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--left {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%; }
      .mainHeader .mainHeader-bottom .mainHeader-bottom--wrapper .mainHeader-bottom--right {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }
    .mainHeader .mainHeader-bottom .header-search {
      width: 100%; }
      .mainHeader .mainHeader-bottom .header-search .searchform-close {
        display: none; }
      .mainHeader .mainHeader-bottom .header-search .searchform {
        position: relative; }
        .mainHeader .mainHeader-bottom .header-search .searchform .searchform-input {
          padding: 10px 20px 10px 42px;
          height: auto;
          margin: 0; }
          .mainHeader .mainHeader-bottom .header-search .searchform .searchform-input:focus {
            color: #27251f;
            border-color: #27251f;
            background-color: #fff;
            outline: 0;
            box-shadow: none; }
        .mainHeader .mainHeader-bottom .header-search .searchform .btn {
          background: #fff;
          border: 0;
          padding: 0;
          position: absolute;
          left: 1px;
          top: 0;
          width: 40px;
          height: 38px;
          bottom: 0;
          margin: auto;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          .mainHeader .mainHeader-bottom .header-search .searchform .btn svg {
            width: 14px;
            height: 14px; }
      .mainHeader .mainHeader-bottom .header-search .searchform-wrapper {
        position: absolute;
        background-color: #fff;
        top: 120px;
        right: 0;
        width: 100%;
        font-size: 14px;
        z-index: 1;
        padding: 32px 24px;
        height: calc(100% - 120px);
        overflow: hidden; }
        .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner {
          display: flex;
          flex-direction: column;
          gap: 40px;
          position: relative;
          overflow-y: scroll;
          height: 100%;
          padding-right: 10px; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner .searchform-inner--left {
            -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 24px; }
            .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner .searchform-inner--left .viewall {
              font-weight: 600;
              text-transform: uppercase;
              text-decoration: underline; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner .searchform-inner--right {
            -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
            max-width: 100%; }
        .mainHeader .mainHeader-bottom .header-search .searchform-wrapper h4.heading {
          margin: 0;
          font-weight: 600; }
        .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .heading {
          padding: 0 0 24px;
          font-size: 20px;
          text-transform: uppercase; }
        .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent {
          width: 100%; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .list {
            display: flex;
            flex-direction: column;
            gap: 10px; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult {
            width: 100%;
            display: flex; }
            .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .a-link:hover {
              text-decoration: underline; }
            .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .thumbs {
              -ms-flex: 0 0 90px;
              flex: 0 0 90px;
              max-width: 90px;
              display: inline-flex; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .thumbs a {
                position: relative;
                overflow: hidden;
                display: block;
                height: 90px;
                width: 90px; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .thumbs img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background: #f6f6f6; }
            .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .info {
              -ms-flex: 0 0 calc(100% - 90px);
              flex: 0 0 calc(100% - 90px);
              max-width: calc(100% - 90px);
              padding-left: 16px;
              display: flex;
              flex-direction: column;
              justify-content: center;
              gap: 4px;
              font-size: 18px; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .info .vendor {
                color: #8D8D8D;
                font-size: 14px; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .info .title {
                font-weight: 600;
                color: #1B1B1B;
                text-transform: uppercase;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                font-size: 18px;
                line-height: 28px; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .info .price {
                display: flex;
                gap: 4px;
                flex-wrap: wrap; }
                .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .info .price del {
                  color: #8C8C8C; }
                .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .item-ult .info .price span {
                  font-weight: 600; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .dataMore a {
            display: block;
            padding-top: 10px;
            text-decoration: underline; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .resultsContent .dataEmpty {
            padding: 20px 16px;
            background: #F6F6F6; }
        .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .suggestions .list {
          display: -ms-flexbox;
          display: flex;
          flex-direction: column;
          gap: 16px;
          font-size: 16px; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .suggestions .list .item a {
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: space-between; }
      @media (min-width: 992px) {
        .mainHeader .mainHeader-bottom .header-search {
          padding-bottom: 5px;
          display: none;
          position: absolute;
          width: auto;
          top: -23px; }
          .mainHeader .mainHeader-bottom .header-search.open {
            display: block; }
          .mainHeader .mainHeader-bottom .header-search .searchform-wrapper {
            position: absolute;
            top: calc(100% + 4px);
            z-index: 5;
            box-shadow: 0.3125rem 0.3125rem 2.5rem 0 rgba(0, 0, 0, 0.1);
            max-height: 90vh;
            height: auto;
            overflow-y: scroll;
            width: 55.75rem;
            padding: 20px; }
            .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner {
              flex-direction: row;
              gap: 48px;
              overflow: hidden;
              height: auto;
              padding-right: 0; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner .searchform-inner--left {
                -webkit-flex: 0 0 35%;
                flex: 0 0 35%;
                max-width: 35%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 24px; }
                .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner .searchform-inner--left .viewall {
                  font-size: 16px; }
              .mainHeader .mainHeader-bottom .header-search .searchform-wrapper .searchform-inner .searchform-inner--right {
                -webkit-flex: 0 0 calc(65% - 48px);
                flex: 0 0 calc(65% - 48px);
                max-width: calc(65% - 48px); } }
      @media (min-width: 1440px) {
        .mainHeader .mainHeader-bottom .header-search {
          min-width: 271px; } }
    .mainHeader .mainHeader-bottom .header-menu {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: transparent;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column; }
      .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav {
        display: flex;
        gap: 40px;
        padding: 20px 0;
        position: relative; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav:before, .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav:after {
          content: '';
          position: absolute;
          left: -24px;
          right: 0;
          height: 1px;
          width: calc(100% + 48px);
          display: block;
          background: #F6F6F6; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav:before {
          top: 0; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav:after {
          bottom: 0; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav .header-menu--subnav-item {
          font-size: 14px;
          font-weight: 500; }
      .mainHeader .mainHeader-bottom .header-menu .header-menu--nav {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--nav::-webkit-scrollbar {
          width: 2px;
          height: 2px; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--nav::-webkit-scrollbar-track {
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #E7E7E7; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--nav::-webkit-scrollbar-thumb {
          -webkit-border-radius: 0;
          border-radius: 0;
          -webkit-box-shadow: inset 0 0 6px #110E11; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--nav::-webkit-scrollbar-thumb:window-inactive {
          background: #110E11; }
      .mainHeader .mainHeader-bottom .header-menu .header-menu--list {
        display: flex;
        flex-direction: column;
        z-index: 20;
        margin: 0;
        gap: 0 24px;
        padding: 8px 8px 20px 0; }
      .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item {
        position: relative; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a {
          display: flex;
          justify-content: space-between;
          padding: 10px 0;
          font-size: 16px; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a[data-title="sale"] {
            color: #DE3024; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a.active {
            font-weight: 600; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a.highlight {
            color: #d0021b;
            font-weight: 700; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a.highlight span {
              animation: blinker 1s linear infinite;
              display: inline-flex; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a img {
            width: 20px;
            height: 20px;
            transform: translateY(-5px); }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a span.header-menu--label-sale {
            right: auto;
            top: 5px;
            left: 145px;
            right: unset;
            position: absolute;
            width: 30px;
            height: 30px;
            line-height: 30px;
            order: 1; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a span.header-menu--label-sale + span {
              position: relative;
              z-index: 0; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a > svg {
            width: 10px;
            height: 10px;
            top: 8px;
            position: relative;
            transition: all 0.2s; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a.active svg {
            transform: rotate(180deg); }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item .open_child {
          position: absolute;
          right: 0;
          top: 0;
          width: 40px;
          height: 40px;
          border: none;
          background: transparent; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item .open_child:focus, .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item .open_child:hover {
            outline: none; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item .open_child.active svg {
            transform: rotate(180deg); }
      .mainHeader .mainHeader-bottom .header-menu .header-menu--mega {
        position: relative;
        display: none;
        background: #fff;
        top: initial;
        left: initial;
        right: initial; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper {
          display: flex;
          width: 100%; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner {
          display: none; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner .detail {
            padding-top: 16px;
            display: none;
            flex-direction: column;
            gap: 8px; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner .detail h3 {
              font-size: 14px;
              font-weight: 600;
              margin: 0; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner .header-menu--mega-banner-item:last-child {
            display: none; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list {
          display: flex;
          gap: 16px 60px;
          flex-direction: column;
          padding: 16px 0;
          border-top: 1px solid #F6F6F6;
          border-bottom: 1px solid #F6F6F6; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            position: relative; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item > a {
              display: flex;
              font-size: 14px;
              justify-content: space-between;
              align-items: center; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item > a svg {
                display: inline-block;
                width: 10px;
                height: 10px;
                transition: all 0.2s; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item > a.active svg {
                transform: rotate(180deg); }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item > a.active {
                font-weight: 600; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub {
              position: relative;
              display: none;
              top: initial;
              left: initial;
              right: initial; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub.open {
                display: flex;
                flex-direction: column;
                gap: 16px;
                padding: 16px; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub li {
                margin-top: 10px; }
                .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub li a {
                  display: block; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .open_child {
          height: 21px; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .open_child.active svg {
            transform: rotate(180deg); }
        @media (max-width: 991px) {
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list {
            width: 100%; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper.has-banner {
            gap: 10px; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper.has-banner .header-menu--mega-banner {
              display: block;
              width: 40%;
              padding-top: 16px; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper.has-banner .header-menu--mega-list {
              width: calc(60% - 10px); } }
      .mainHeader .mainHeader-bottom .header-menu .header-menu--extra {
        padding: 16px 0;
        position: relative; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra:before, .mainHeader .mainHeader-bottom .header-menu .header-menu--extra:after {
          content: '';
          position: absolute;
          left: -24px;
          right: 0;
          height: 1px;
          width: calc(100% + 48px);
          display: block;
          background: #F6F6F6; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra:before {
          top: 0; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra:after {
          bottom: 0; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra .list-info {
          display: flex;
          align-items: center;
          gap: 12px; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra .divider {
          position: relative;
          height: 20px;
          width: 1px;
          display: block; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--extra .divider:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            background: #e2e2e2;
            width: 1px;
            height: 100%; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra a {
          display: inline-flex;
          align-items: center;
          gap: 4px;
          color: #3D3D3D; }
        .mainHeader .mainHeader-bottom .header-menu .header-menu--extra .mb_wishlist {
          position: relative;
          margin-right: 10px; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--extra .mb_wishlist span {
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: normal;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 600;
            position: absolute;
            top: -8px;
            left: 13px;
            color: #fff;
            background: #110E11; }
      @media (min-width: 992px) {
        .mainHeader .mainHeader-bottom .header-menu {
          position: initial;
          width: 100%;
          height: auto;
          background: transparent;
          display: block;
          overflow: hidden; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav {
            position: absolute;
            bottom: 75%; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav:before, .mainHeader .mainHeader-bottom .header-menu .header-menu--subnav:after {
              content: none; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--nav {
            height: auto;
            display: block;
            overflow: unset;
            position: initial; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--head {
            display: none; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list {
            flex-direction: row;
            flex-wrap: wrap;
            padding: 0; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item {
            position: initial;
            border-bottom: none; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a {
              display: flex;
              gap: 2px;
              padding: 14px 0 14px;
              font-size: 14px;
              align-items: center;
              position: relative; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a > svg {
                display: none; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a .header-menu--label-sale {
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                font-size: 10px;
                font-weight: bold;
                border-radius: 50%;
                color: #d91f46;
                background-color: #ffd8d9;
                animation: bounce 0.5s;
                animation-direction: alternate;
                animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
                animation-iteration-count: infinite;
                position: absolute;
                right: -10px;
                top: -28px;
                z-index: 0; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item > a .header-menu--label-sale + span {
                padding-right: 12px;
                position: relative;
                z-index: 1;
                color: #d91f46; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item:hover .header-menu--mega {
              height: auto;
              visibility: visible;
              opacity: 1; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item:hover > a {
              font-weight: 700; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item:hover > a svg {
                transform: rotate(180deg); }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--list-item:hover > a:before {
                display: block; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--mega {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            padding: 20px 0 40px;
            border-top: 1px solid #F6F6F6;
            transform: translate3d(0, 0, 0);
            display: flex;
            flex-wrap: wrap;
            opacity: 0;
            visibility: hidden;
            height: 0; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper {
              max-width: 1440px;
              margin: auto;
              gap: 0;
              padding: 0 16px; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner {
              width: 50%;
              display: flex;
              gap: 24px; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner .header-menu--mega-banner-item:first-child {
                -ms-flex: 0 0 40.55%;
                flex: 0 0 40.55%;
                max-width: 40.55%; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner .header-menu--mega-banner-item:last-child {
                -ms-flex: 0 0 calc(59.45% - 24px);
                flex: 0 0 calc(59.45% - 24px);
                max-width: calc(59.45% - 24px);
                display: block; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-banner .detail {
                display: flex; }
            .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list {
              flex-direction: row;
              flex-wrap: wrap;
              padding: 0;
              width: 50%;
              height: 100%;
              border: none; }
              .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item {
                width: calc((100% - 60px) / 2);
                max-width: 278px;
                padding-bottom: 16px;
                border-bottom: 1px solid #F6F6F6; }
                .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item > a {
                  font-size: 14px; }
                  .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item > a svg {
                    display: none; }
                .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub {
                  position: initial;
                  transform: none;
                  visibility: visible;
                  width: 100%; }
                  .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub li {
                    margin-top: 10px; }
                    .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub li a {
                      font-size: 13px; }
                    .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-list .header-menu--mega-item .header-menu--mega-sub li.back-menu {
                      display: none; }
          .mainHeader .mainHeader-bottom .header-menu .header-menu--extra {
            display: none; } }
      @media (min-width: 1200px) {
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper {
          max-width: 1440px;
          margin: auto;
          display: flex;
          width: 100%;
          padding: 0 40px; } }
      @media (min-width: 1400px) {
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper {
          max-width: 1640px; } }
      @media (min-width: 1600px) {
        .mainHeader .mainHeader-bottom .header-menu .header-menu--mega .header-menu--mega-wrapper {
          max-width: 1840px; } }
  @media (min-width: 992px) {
    .mainHeader {
      position: sticky;
      top: 0;
      z-index: 16; } }

/*---------------------------------------------------------*/
/*----- FOOTER -----*/
/*---------------------------------------------------------*/
.mainFooter {
  background: #110E11; }
  .mainFooter * {
    color: #FFFFFF; }
  .mainFooter .col {
    padding: 0; }
  .mainFooter .mainFooter-wraper {
    display: flex;
    flex-direction: column;
    position: relative; }
    .mainFooter .mainFooter-wraper .mainFooter-col {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .mainFooter .mainFooter-wraper .mainFooter-two .d-flex {
      gap: 24px 40px; }
    .mainFooter .mainFooter-wraper .mainFooter-two .col, .mainFooter .mainFooter-wraper .mainFooter-two .col-full {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .mainFooter .mainFooter-wraper .mainFooter-two .col-half {
      -ms-flex: 0 0 calc((100% - (40px*1)) / 2);
      flex: 0 0 calc((100% - (40px*1)) / 2);
      max-width: calc((100% - (40px*1)) / 2); }
    .mainFooter .mainFooter-wraper .footer-block ul li a {
      color: #FFFFFF; }
    .mainFooter .mainFooter-wraper .footer-block ul.ul-listing-wrap {
      display: flex;
      flex-direction: column;
      gap: 6px; }
      .mainFooter .mainFooter-wraper .footer-block ul.ul-listing-wrap li a {
        color: #B0B0B0;
        font-size: 12px; }
    .mainFooter .mainFooter-wraper .footer-block .footer-title h4 {
      font-size: 14px;
      font-weight: 500;
      margin: 0 0 12px;
      text-transform: uppercase; }
    .mainFooter .mainFooter-wraper .footer-block.block-intro {
      display: flex;
      flex-direction: column;
      gap: 32px;
      padding: 40px 0; }
      .mainFooter .mainFooter-wraper .footer-block.block-intro .block-left {
        text-align: center; }
        .mainFooter .mainFooter-wraper .footer-block.block-intro .block-left .footer-logo {
          position: relative;
          display: block;
          width: 100%;
          padding-top: calc(100% * 61 / 74); }
          .mainFooter .mainFooter-wraper .footer-block.block-intro .block-left .footer-logo img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
          @media (max-width: 991px) {
            .mainFooter .mainFooter-wraper .footer-block.block-intro .block-left .footer-logo {
              width: 74px;
              margin: 0 auto;
              padding-top: 61px; } }
      .mainFooter .mainFooter-wraper .footer-block.block-intro li {
        color: #D1D1D1; }
      .mainFooter .mainFooter-wraper .footer-block.block-intro img {
        width: 74px; }
    .mainFooter .mainFooter-wraper .footer-block.block-social {
      display: flex;
      align-items: center;
      flex-direction: row;
      gap: 12px; }
      .mainFooter .mainFooter-wraper .footer-block.block-social .footer-title h4 {
        margin-bottom: 0; }
      .mainFooter .mainFooter-wraper .footer-block.block-social ul {
        display: flex;
        gap: 4px; }
        .mainFooter .mainFooter-wraper .footer-block.block-social ul li a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          height: 36px;
          width: 36px;
          background: #3D3D3D; }
    .mainFooter .mainFooter-wraper .footer-block.block-copyright {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 24px 0; }
    .mainFooter .mainFooter-wraper .footer-block.block-newsletter {
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 40px 0 32px; }
      .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-title h4 {
        font-size: 14px;
        margin: 0 0 10px; }
      .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-title p {
        margin-bottom: 0;
        color: #D1D1D1; }
      .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter {
        position: relative; }
        .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter input {
          width: 100%;
          height: 56px;
          padding: 4px 108px 4px 16px;
          border-radius: 0;
          border: 1px solid #3D3D3D;
          background: #3D3D3D;
          font-size: 16px;
          outline: none;
          color: #D1D1D1; }
          .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter input::-webkit-input-placeholder {
            color: #8C8C8C; }
          .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter input::-moz-placeholder {
            color: #8C8C8C; }
          .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter input:-ms-input-placeholder {
            color: #8C8C8C; }
          .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter input:-moz-placeholder {
            color: #8C8C8C; }
        .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter button {
          height: 48px;
          width: 100px;
          min-width: auto;
          padding: 8px 8px 8px 16px;
          position: absolute;
          top: 4px;
          right: 4px; }
          .mainFooter .mainFooter-wraper .footer-block.block-newsletter .footer-content .sub-newsletter button span {
            min-width: auto; }
    .mainFooter .mainFooter-wraper .footer-block.block-mainmenu ul {
      display: flex;
      flex-direction: column;
      gap: 20px; }
    .mainFooter .mainFooter-wraper .footer-block.block-mainmenu li a {
      text-transform: uppercase;
      font-weight: 500; }
    .mainFooter .mainFooter-wraper .footer-block.block-payment {
      /*ul li svg {width: 100%;}*/ }
      .mainFooter .mainFooter-wraper .footer-block.block-payment ul {
        display: flex;
        gap: 4px;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start; }
      .mainFooter .mainFooter-wraper .footer-block.block-payment ul li {
        display: inline-flex;
        align-items: center; }
    .mainFooter .mainFooter-wraper .footer-block.block-hotline > div {
      display: flex;
      gap: 8px;
      align-items: center; }
      .mainFooter .mainFooter-wraper .footer-block.block-hotline > div a {
        font-size: 20px;
        color: #fff; }
    .mainFooter .mainFooter-wraper .footer-row {
      display: flex;
      flex-direction: column;
      gap: 24px 0; }
  @media (min-width: 992px) {
    .mainFooter .mainFooter-wraper {
      padding: 56px 0;
      flex-direction: row;
      display: grid;
      margin: 0 -16px;
      border-left: 1px solid #3D3D3D;
      border-right: 1px solid #3D3D3D;
      grid-template-areas: "one two" "one two" "three two";
      grid-template-columns: repeat(2, minmax(auto, 1fr));
      grid-template-rows: repeat(3, auto); }
      .mainFooter .mainFooter-wraper:before {
        content: '';
        background: #3D3D3D;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 100%;
        width: 1px;
        position: absolute; }
      .mainFooter .mainFooter-wraper .mainFooter-col {
        padding: 0 60px; }
        .mainFooter .mainFooter-wraper .mainFooter-col.mainFooter-one {
          grid-area: one;
          padding-bottom: 40px;
          border-bottom: 1px solid #3D3D3D; }
        .mainFooter .mainFooter-wraper .mainFooter-col.mainFooter-two {
          grid-area: two; }
        .mainFooter .mainFooter-wraper .mainFooter-col.mainFooter-three {
          grid-area: three; }
      .mainFooter .mainFooter-wraper .footer-row {
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
      .mainFooter .mainFooter-wraper .footer-block.block-intro {
        flex-direction: row;
        gap: 40px;
        padding: 0 0 32px; }
        .mainFooter .mainFooter-wraper .footer-block.block-intro .block-left {
          text-align: left;
          width: 74px; }
        .mainFooter .mainFooter-wraper .footer-block.block-intro .block-right {
          width: calc(100% - 74px - 40px); }
      .mainFooter .mainFooter-wraper .footer-block.block-copyright {
        padding: 20px 0; }
      .mainFooter .mainFooter-wraper .footer-block.block-social {
        flex: 1 1 auto; }
      .mainFooter .mainFooter-wraper .mainFooter-two .d-flex {
        gap: 24px 40px; }
      .mainFooter .mainFooter-wraper .mainFooter-two .col, .mainFooter .mainFooter-wraper .mainFooter-two .col-half {
        -ms-flex: 0 0 calc((100% - (40px*2)) / 2);
        flex: 0 0 calc((100% - (40px*2)) / 2);
        max-width: calc((100% - (40px*2)) / 2); }
      .mainFooter .mainFooter-wraper .mainFooter-two .col-full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
  @media (min-width: 1200px) {
    .mainFooter .mainFooter-wraper {
      margin: 0; } }
  @media (max-width: 991px) {
    .mainFooter .container-fluid {
      padding: 0; }
    .mainFooter .mainFooter-col.mainFooter-one {
      padding-bottom: 40px;
      border-bottom: 1px solid #3D3D3D; }
      .mainFooter .mainFooter-col.mainFooter-one .footer-block {
        padding-left: 16px;
        padding-right: 16px; }
        .mainFooter .mainFooter-col.mainFooter-one .footer-block.block-intro {
          border-bottom: 1px solid #3D3D3D; }
    .mainFooter .mainFooter-col.mainFooter-two {
      padding: 40px 16px;
      border-bottom: 1px solid #3D3D3D; }
      .mainFooter .mainFooter-col.mainFooter-two .d-flex {
        gap: 16px 40px; }
      .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-toogle {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 16px;
        border-bottom: 1px solid #3D3D3D; }
        .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-toogle .footer-title {
          position: relative;
          padding-right: 30px; }
          .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-toogle .footer-title h4 {
            margin-bottom: 0; }
          .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-toogle .footer-title:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.125 10.2666H16.875' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 3.3916V17.1416' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center;
            display: block;
            width: 25px;
            height: 20px; }
          .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-toogle .footer-title.active:after {
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.125 10.2666H16.875' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
        .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-toogle .footer-content {
          display: none; }
      .mainFooter .mainFooter-col.mainFooter-two .footer-block.block-mainmenu.last {
        margin: 8px 0; }
    .mainFooter .mainFooter-col.mainFooter-three .footer-block.block-copyright {
      padding: 24px 16px; } }

.back-to-top {
  position: fixed;
  right: -100px;
  bottom: 10%;
  z-index: 5;
  transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -ms-transition: all 0.6s ease-in-out 0s;
  cursor: pointer;
  width: auto; }
  .back-to-top .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-direction: column; }
    .back-to-top .box svg {
      transition: all 0.6s ease-in-out 0s; }
      .back-to-top .box svg rect {
        stroke: #110E11; }
      .back-to-top .box svg path {
        stroke: #110E11; }
    .back-to-top .box span {
      font-size: 8px;
      font-weight: 500;
      color: #110E11;
      transition: all 0.6s ease-in-out 0s; }
  .back-to-top.open {
    right: 16px; }
  .back-to-top.change-color svg rect {
    stroke: #ffffff; }
  .back-to-top.change-color svg path {
    stroke: #ffffff; }
  .back-to-top.change-color span {
    color: #fff; }

/*---------------------------------------------------------*/
/*----- MAIN -----*/
/*---------------------------------------------------------*/
.bg.default {
  background: #f5f5f5; }

.swatch-item [class*="color-do"] {
  background: #ff0000; }

.swatch-item [class*="color-vang"] {
  background: #FFF0B5; }

.swatch-item [class*="color-cam"] {
  background: #f5b505; }

.swatch-item [class*="color-xanh_bien"] {
  background: #5100ff; }

.swatch-item [class*="color-xanh_reu"] {
  background: #665b49; }

.swatch-item [class*="color-xanh_la"] {
  background: #3cfa08; }

.swatch-item [class*="color-nau"] {
  background: #753a3a; }

.swatch-item [class*="color-xam"] {
  background: #D9D9D9; }

.swatch-item [class*="color-tim"] {
  background: #b5129a; }

.swatch-item [class*="color-xanh_tim_than"] {
  background: #81799F; }

.swatch-item [class*="color-hong"] {
  background: #db999b; }

.swatch-item [class*="color-den"] {
  background: #2E2E2E; }

.swatch-item [class*="color-xanh_aqua"] {
  background: #55c5d8; }

.swatch-item [class*="color-trang"] {
  background: #ffffff;
  border: 1px solid #E5E5E5; }

.swatch-item [class*="color-be"] {
  background: #ddc7c0; }

.swiper-style {
  position: relative; }
  .swiper-style .swiper-button-nav {
    z-index: 1;
    display: flex;
    bottom: 48px;
    right: 48px;
    position: absolute;
    align-items: center;
    height: 48px;
    border: 1px solid var(--color-nav); }
    .swiper-style .swiper-button-nav:before {
      content: '';
      width: 1px;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background: var(--color-nav); }
    @media (min-width: 992px) {
      .swiper-style .swiper-button-nav {
        position: relative;
        bottom: 0;
        right: 0; } }
  .swiper-style .swiper-button-prev, .swiper-style .swiper-button-next {
    width: 48px;
    height: 48px;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    color: var(--color-nav); }
    .swiper-style .swiper-button-prev:after, .swiper-style .swiper-button-next:after {
      content: none; }

.btn-kg {
  font-weight: 600;
  font-size: 14px;
  color: #110E11;
  background: #fff;
  height: 30px;
  width: auto;
  border: none;
  padding: 2.5px 4px 2.5px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  text-align: left;
  outline: none;
  box-shadow: none; }
  .btn-kg svg {
    color: #fff; }
  .btn-kg span {
    min-width: 77px;
    line-height: 24px;
    display: none;
    padding-top: 2px; }
  @media (min-width: 992px) {
    .btn-kg {
      border: 1px solid #fff;
      justify-content: space-between; }
      .btn-kg span {
        display: block;
        font-family: var(--skin-text-font); }
      .btn-kg.btn-dark {
        background: #110E11;
        color: #fff;
        border: 1px solid #110E11; }
      .btn-kg.btn-outline-1 {
        background: transparent;
        color: #fff;
        border: 1px solid #fff; }
      .btn-kg.btn-outline-2 {
        background: transparent;
        color: #110E11;
        border: 1px solid #110E11; }
      .btn-kg.btn-small {
        height: 30px; }
      .btn-kg.btn-full {
        min-width: auto;
        width: 100%; } }

.aspect-ratio {
  position: relative;
  overflow: hidden;
  display: block; }
  .aspect-ratio picture {
    position: relative;
    padding-bottom: calc(var(--height-mb)/var(--width-mb) * 100%);
    display: block; }
  .aspect-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: var(--height-mb)/var(--width-mb);
    object-fit: cover; }
  .aspect-ratio.back-origin {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    width: 100%; }
    .aspect-ratio.back-origin a {
      display: block;
      flex: 0 0 auto;
      width: 100%; }
  @media (min-width: 992px) {
    .aspect-ratio picture {
      padding-bottom: calc(var(--height-desk)/var(--width-desk) * 100%); }
    .aspect-ratio img {
      aspect-ratio: var(--height-desk)/var(--width-desk); } }

.no-img--loading img {
  visibility: hidden;
  opacity: 0; }

.no-img--loading .aspect-ratio {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background: #f6f6f6; }
  .no-img--loading .aspect-ratio:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transform: translateX(-100%);
    animation: loading 1.5s infinite;
    z-index: 1;
    top: 0; }

.pro-loading .pro-block {
  background: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

.pro-loading .pro-image .lazy-img {
  position: relative;
  width: 100%;
  height: 0;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  padding-bottom: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background: #f5f5f5; }

.pro-loading .pro-detail {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  background: #fff;
  -webkit-transition: transform 300ms ease;
  -moz-transition: transform 300ms ease;
  -ms-transition: transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease; }

.pro-loading .loading-mask .loading-mask--image {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0; }

.pro-loading .loading-mask .loading-mask--detail {
  padding: 14px 0 0; }

.pro-loading .loading-mask .loading-mask--detail .mask-line {
  height: 10px;
  width: 100%;
  border-radius: 8px;
  margin: 2px auto 8px;
  background: #f5f5f5; }

.pro-loading .loading-mask .loading-mask--detail .mask-line:nth-child(2) {
  width: 80%;
  background: #f5f5f5;
  margin: 8px auto; }

.pro-loading .loading-mask .loading-mask--detail .mask-line:nth-child(3) {
  width: 65%;
  background: #f5f5f5;
  margin: 8px auto; }

.pro-loading.small-loop .loading-mask .loading-mask--detail {
  padding: 4px 0; }

.pro-loading.small-loop .loading-mask .loading-mask--detail .mask-line {
  height: 5px;
  margin: 2px 0; }

.pro-loading.pro-t2 {
  display: flex;
  flex-direction: column;
  gap: 32px; }
  .pro-loading.pro-t2 .pro-block {
    padding: 10px; }
  .pro-loading.pro-t2 .pro-image .lazy-img {
    padding-bottom: 100%; }
  .pro-loading.pro-t2 .loading-mask .loading-mask--detail .mask-line {
    margin: 4px 0; }
  .pro-loading.pro-t2 .pro-btn-link {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 0; }

.pro-loop.pro-flashsale {
  background: #fff; }

.pro-loop .pro-loop--wrap {
  display: flex;
  flex-direction: column;
  position: relative; }

.pro-loop .pro-loop--head {
  position: relative;
  overflow: hidden; }
  .pro-loop .pro-loop--head .pro-loop--labels {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px; }
    .pro-loop .pro-loop--head .pro-loop--labels .label-s1 {
      text-align: center;
      height: 14px;
      min-width: 40px;
      font-size: 10px;
      letter-spacing: 2px;
      line-height: 16px;
      background: #000;
      color: #fff;
      display: inline-flex;
      width: max-content;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      padding: 8px;
      border-radius: 0px 0px 10px 0px; }
    .pro-loop .pro-loop--head .pro-loop--labels .label-s2 {
      text-align: center;
      line-height: 16px;
      font-size: 10px;
      background: #DFD8C0;
      color: #110E11;
      display: inline-flex;
      width: max-content;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      padding: 0 6px;
      border-radius: 0px 0px 16px 0px; }
    .pro-loop .pro-loop--head .pro-loop--labels + .pro-loop--labels {
      left: unset;
      right: 2px;
      top: 2px; }
      .pro-loop .pro-loop--head .pro-loop--labels + .pro-loop--labels .label-s2 {
        border-radius: 0; }
    .pro-loop .pro-loop--head .pro-loop--labels.label-gift {
      width: 40px;
      left: 10px;
      bottom: 35px;
      top: unset; }
  .pro-loop .pro-loop--head .pro-loop--img {
    display: block;
    /*padding-bottom: calc(100% * 398 / 316);*/
    padding-bottom: 100%;
    position: relative;
    z-index: 1; }
    .pro-loop .pro-loop--head .pro-loop--img img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-color: #f5f5f5;
      z-index: 1; }
  .pro-loop .pro-loop--head .pro-loop--link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
  .pro-loop .pro-loop--head .pro-loop--wishlist {
    position: absolute;
    display: none;
    z-index: 3;
    top: 8px;
    right: 8px; }
    .pro-loop .pro-loop--head .pro-loop--wishlist .btn-wishlist {
      width: 31px;
      height: 31px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: none;
      border-radius: 50%;
      padding: 0;
      outline: none !important; }
      .pro-loop .pro-loop--head .pro-loop--wishlist .btn-wishlist svg {
        width: 15px;
        height: 15px; }
      .pro-loop .pro-loop--head .pro-loop--wishlist .btn-wishlist svg.filled {
        display: none; }
      .pro-loop .pro-loop--head .pro-loop--wishlist .btn-wishlist.active svg.filled {
        display: block;
        fill: #110E11; }
      .pro-loop .pro-loop--head .pro-loop--wishlist .btn-wishlist.active svg:not(.filled) {
        display: none; }
  .pro-loop .pro-loop--head .pro-loop--buttons .pro-action {
    outline: none; }
    .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.quick-view {
      display: none; }
    .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart {
      position: absolute;
      z-index: 3;
      bottom: 8px;
      right: 8px;
      padding: 0;
      width: 31px;
      height: 31px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      /* background: #110E11; */
      border: none;
      border-radius: 4px;
      overflow: hidden;
      background: transparent; }
      .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart:before {
        content: '';
        display: block;
        /* background-color: #ffffff; */
        position: absolute;
        left: -2px;
        top: 0;
        right: -2px;
        bottom: 0;
        z-index: -1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart svg {
        width: 15px;
        height: 15px;
        position: relative;
        z-index: 1; }
      .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart svg.ic-added {
        display: none; }
      .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart.added {
        color: #fff;
        background: #110E11; }
        .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart.added::before {
          -webkit-transform-origin: right center;
          transform-origin: right center;
          -webkit-transform: scale(0, 1);
          transform: scale(0, 1); }
        .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart.added svg.ic-added {
          display: block; }
        .pro-loop .pro-loop--head .pro-loop--buttons .pro-action.add-to-cart.added svg.ic-add {
          display: none; }
  .pro-loop .pro-loop--head .pro-loop--swatch {
    position: absolute;
    z-index: 3;
    bottom: 2px;
    left: 2px;
    border-radius: 2px;
    padding: 1px;
    background: #fff;
    display: flex;
    align-items: center; }
    .pro-loop .pro-loop--head .pro-loop--swatch .more {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      height: 16px;
      position: relative;
      padding: 0 0 0 2px;
      background: #fff; }
    .pro-loop .pro-loop--head .pro-loop--swatch .swatch-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -ms-flexbox;
      display: flex; }
    .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item {
      -ms-flex-align: center;
      align-items: center;
      border-radius: 1px;
      display: none;
      -ms-flex-pack: center;
      justify-content: center;
      height: 16px;
      position: relative;
      padding-right: 4px;
      background: #fff; }
      .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item a, .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        position: relative;
        overflow: hidden;
        border-radius: 2px; }
      .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item span {
        background-position: center;
        background-repeat: no-repeat; }
        .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item span.type-2 {
          background-position-y: 83%;
          background-position-x: center; }
      .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item:nth-child(1) {
        display: -ms-flexbox;
        display: flex;
        z-index: 4;
        margin-left: 0; }
      .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
        z-index: 3;
        margin-left: -8px; }
      .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item:nth-child(3) {
        display: -ms-flexbox;
        display: flex;
        z-index: 2;
        margin-left: -8px; }
      .pro-loop .pro-loop--head .pro-loop--swatch .swatch-item:nth-child(4) {
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        margin-left: -8px; }

.pro-loop .pro-loop--body {
  display: flex;
  flex-direction: column;
  padding: 16px 5.5px 0;
  gap: 8px; }
  .pro-loop .pro-loop--body .pro-loop--title {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 370;
    text-align: center;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
  .pro-loop .pro-loop--body .pro-loop--prices {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-direction: column; }
    .pro-loop .pro-loop--body .pro-loop--prices .price {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center; }
      .pro-loop .pro-loop--body .pro-loop--prices .price span {
        color: #110E11;
        font-weight: 600; }
      .pro-loop .pro-loop--body .pro-loop--prices .price del {
        font-weight: 400;
        color: #B0B0B0; }
    .pro-loop .pro-loop--body .pro-loop--prices .percent span {
      color: #000;
      font-weight: 600; }
  @media (min-width: 992px) {
    .pro-loop .pro-loop--body .pro-loop--title {
      font-size: 16px; }
    .pro-loop .pro-loop--body .pro-loop--price .price {
      font-size: 16px; } }

.pro-loop .pro-btn-link {
  display: none; }

.pro-loop.pro-t2 {
  display: flex;
  flex-direction: column;
  gap: 32px; }
  .pro-loop.pro-t2 .pro-loop--head .pro-loop--img {
    padding-bottom: 100%; }
  .pro-loop.pro-t2 .pro-loop--wrap {
    padding: 10px;
    background: #fff; }
  .pro-loop.pro-t2 .pro-loop--body {
    padding: 10px 0 6px;
    gap: 10px; }
    .pro-loop.pro-t2 .pro-loop--body .pro-loop--title {
      text-align: left;
      font-size: 14px; }
    .pro-loop.pro-t2 .pro-loop--body .pro-loop--prices {
      align-items: flex-start; }
      .pro-loop.pro-t2 .pro-loop--body .pro-loop--prices .price {
        flex-direction: row-reverse;
        gap: 5px; }
      .pro-loop.pro-t2 .pro-loop--body .pro-loop--prices .percent {
        display: none; }
  .pro-loop.pro-t2 .pro-btn-link {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 0; }

@media (max-width: 767px) {
  .pro-loop .pro-loop--head .pro-loop--labels .label-s1 {
    font-size: 8px;
    padding: 0 8px;
    border-radius: 0px 0px 8px 0px; }
  .pro-loop .pro-loop--head .pro-loop--labels .label-s2 {
    font-size: 9px;
    height: 13px;
    line-height: 13px; }
  .pro-loop .pro-loop--head .pro-loop--img {
    /*padding-bottom: calc(100% * 398 / 320);*/ }
  .pro-loop .pro-loop--body {
    padding: 16px 5.5px 29px; } }

.grid-products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 8px; }
  .grid-products .pro-loop {
    -ms-flex: 0 0 calc(50% - 4px);
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px); }
  .grid-products .pro-banner {
    display: none;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden; }
    .grid-products .pro-banner .product-loop-wrap {
      position: relative;
      display: flex;
      align-items: center;
      height: 100%;
      overflow: hidden; }
    .grid-products .pro-banner img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      bottom: 0;
      margin: auto; }
  @media (min-width: 568px) {
    .grid-products .pro-loop {
      /*
			-ms-flex: 0 0 calc(50% - 4px);
      flex: 0 0 calc(50% - 4px);
      max-width: calc(50% - 4px);
      */
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (min-width: 992px) {
    .grid-products {
      gap: 24px 16px; }
      .grid-products .pro-loop {
        -ms-flex: 0 0 calc((100% - (2*16px)) / 3);
        flex: 0 0 calc((100% - (2*16px)) / 3);
        max-width: calc((100% - (2*16px)) / 3); }
      .grid-products .pro-banner {
        display: block;
        -ms-flex: 0 0 66.66666666%;
        flex: 0 0 66.66666666%;
        max-width: 66.66666666%; } }

.line-loading .line-block {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }
  .line-loading .line-block .loading-mask--title {
    padding: 10px 4px;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    height: 94px;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -ms-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease; }
  .line-loading .line-block .loading-mask--title .mask-line {
    height: 8px;
    border-radius: 8px;
    margin: 2px 0;
    background: #f5f5f5; }
  .line-loading .line-block .loading-mask--title .mask-line:nth-child(1) {
    width: 100%; }
  .line-loading .line-block .loading-mask--title .mask-line:nth-child(2) {
    width: 80%; }
  .line-loading .line-block .loading-mask--title .mask-line:nth-child(3) {
    width: 60%; }
  .line-loading .line-block .loading-mask--title .mask-line:nth-child(4) {
    width: 40%; }

.section {
  --color-nav: #110E11;
  --sectional-grid-gap: 32px;
  --sectional-grid-gap-prd: 16px; }
  .section .s-nav {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px; }
  .section .s-heading {
    padding: 60px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .section .s-heading h2 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0; }
    .section .s-heading h2 a {
      display: block; }
    .section .s-heading h2.text-white, .section .s-heading h2.text-white a {
      color: #fff; }
    .section .s-heading .s-nav {
      display: none; }
    .section .s-heading.has-desc {
      justify-content: center;
      flex-direction: column;
      gap: 30px;
      text-align: center; }
      .section .s-heading.has-desc p {
        margin-bottom: 0; }
      .section .s-heading.has-desc .s-desc {
        font-size: 16px; }
  .section .s-footing {
    display: flex;
    padding: 40px 8px; }
    .section .s-footing .s-nav {
      justify-content: space-between;
      width: 100%; }
  .section .swiper-container:not(.swiper-initialized) .list-products {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    column-gap: var(--sectional-grid-gap-prd);
    overflow-x: scroll;
    overflow-y: hidden; }
    .section .swiper-container:not(.swiper-initialized) .list-products::-webkit-scrollbar {
      display: none; }
    .section .swiper-container:not(.swiper-initialized) .list-products .swiper-slide {
      -webkit-flex: 0 0 calc(87.5% - var(--sectional-grid-gap-prd));
      flex: 0 0 calc(87.5% - var(--sectional-grid-gap-prd));
      max-width: calc(87.5% - var(--sectional-grid-gap-prd)); }
  .section .swiper-container:not(.swiper-initialized) .list-products[data-view="3"] .swiper-slide {
    -webkit-flex: 0 0 calc(72% - var(--sectional-grid-gap-prd));
    flex: 0 0 calc(72% - var(--sectional-grid-gap-prd));
    max-width: calc(72% - var(--sectional-grid-gap-prd)); }
  @media (min-width: 768px) {
    .section .swiper-container:not(.swiper-initialized) .list-products .swiper-slide {
      -webkit-flex: 0 0 calc(40% - var(--sectional-grid-gap-prd));
      flex: 0 0 calc(40% - var(--sectional-grid-gap-prd));
      max-width: calc(40% - var(--sectional-grid-gap-prd)); }
    .section .swiper-container:not(.swiper-initialized) .list-products[data-view="3"] .swiper-slide {
      -webkit-flex: 0 0 calc(40% - var(--sectional-grid-gap-prd));
      flex: 0 0 calc(40% - var(--sectional-grid-gap-prd));
      max-width: calc(40% - var(--sectional-grid-gap-prd)); } }
  @media (min-width: 992px) {
    .section {
      --sectional-grid-gap: 40px;
      --sectional-grid-gap-prd: 16px; }
      .section .s-heading {
        padding: 80px 80px 60px 0; }
        .section .s-heading .s-nav {
          display: flex; }
        .section .s-heading h2 {
          font-size: 30px; }
      .section .s-footing {
        display: none; }
      .section .swiper-container {
        overflow-x: hidden; }
      .section .swiper-container:not(.swiper-initialized) .list-products[data-view="5"] {
        overflow-x: hidden; }
        .section .swiper-container:not(.swiper-initialized) .list-products[data-view="5"] .swiper-slide {
          -webkit-flex: 0 0 calc(20% - var(--sectional-grid-gap-prd));
          flex: 0 0 calc(20% - var(--sectional-grid-gap-prd));
          max-width: calc(20% - var(--sectional-grid-gap-prd)); }
      .section .swiper-container:not(.swiper-initialized) .list-products[data-view="4"] {
        padding: 0; }
        .section .swiper-container:not(.swiper-initialized) .list-products[data-view="4"] .swiper-slide {
          -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap-prd)*3)) / 4);
          flex: 0 0 calc((100% - (var(--sectional-grid-gap-prd)*3)) / 4);
          max-width: calc((100% - (var(--sectional-grid-gap-prd)*3)) / 4); }
      .section .swiper-container:not(.swiper-initialized) .list-products[data-view="3"] {
        overflow-x: hidden;
        padding: 0; }
        .section .swiper-container:not(.swiper-initialized) .list-products[data-view="3"] .swiper-slide {
          -webkit-flex: 0 0 calc(33.333333% - var(--sectional-grid-gap-prd));
          flex: 0 0 calc(33.333333% - var(--sectional-grid-gap-prd));
          max-width: calc(33.333333% - var(--sectional-grid-gap-prd)); } }
  @media (min-width: 1200px) {
    .section .s-heading h2 {
      font-size: 36px; } }

/*---------------------------------------------------------*/
/*----- INDEX -----*/
/*---------------------------------------------------------*/
.pd-0 {
  padding: 0; }

.section-slider {
  --color-nav: #fff; }
  .section-slider .slider-banner {
    overflow: hidden; }
  .section-slider .item-banner {
    position: relative; }
  .section-slider .aspect-ratio {
    overflow: hidden;
    display: block;
    background: #fdfbf5; }
    .section-slider .aspect-ratio picture {
      position: relative;
      padding-bottom: calc(var(--mb-height-img)/var(--mb-width-img) * 100%);
      display: block; }
    .section-slider .aspect-ratio img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      aspect-ratio: var(--mb-height-img)/var(--mb-width-img); }
    @media (min-width: 992px) {
      .section-slider .aspect-ratio picture {
        padding-bottom: calc(var(--height-img)/var(--width-img) * 100%); }
      .section-slider .aspect-ratio img {
        aspect-ratio: var(--height-img)/var(--width-img); } }
  .section-slider .swiper-style .swiper-button-nav {
    bottom: 48px;
    left: 24px;
    right: auto;
    position: absolute; }
  @media (min-width: 768px) {
    .section-slider .swiper-style .swiper-button-nav {
      bottom: 8%;
      left: 6%; } }
  @media (min-width: 992px) {
    .section-slider .swiper-style .swiper-button-nav {
      bottom: 48px;
      right: 48px;
      left: auto; } }

.section-collection-s2 {
  padding-bottom: 48px; }
  .section-collection-s2 .s-title h2 {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 26px; }
    .section-collection-s2 .s-title h2 a {
      font-size: 20px;
      line-height: 25px;
      text-transform: uppercase; }
  @media (max-width: 767px) {
    .section-collection-s2 .s-title h2 {
      gap: 16px; }
      .section-collection-s2 .s-title h2 a {
        font-size: 18px;
        line-height: 25px; } }

.section-brand {
  overflow: hidden; }
  .section-brand .s-title h2 {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    gap: 16px;
    font-size: 20px;
    line-height: 44px; }
    @media (min-width: 768px) {
      .section-brand .s-title h2 {
        gap: 26px; } }
  .section-brand .brand--heading {
    margin-bottom: 20px;
    align-items: center;
    gap: 20px; }
    .section-brand .brand--heading h3 {
      display: inline-flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 0;
      font-size: 18px; }
  .section-brand .item-brand {
    padding: 0 24px;
    border-left: 1px solid #F6F6F6;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    position: relative; }
    .section-brand .item-brand .number {
      font-size: 16px;
      font-style: italic;
      font-family: "Didot Pro",sans-serif;
      display: none; }
    .section-brand .item-brand .logo {
      height: 60px;
      display: inline-flex;
      align-items: center; }
    .section-brand .item-brand .name {
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      display: none; }
    .section-brand .item-brand .link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    @media (max-width: 767px) {
      .section-brand .item-brand {
        padding: 0px 12px; }
        .section-brand .item-brand svg {
          width: 73.5px;
          height: 40px; }
        .section-brand .item-brand .logo {
          height: 40px; } }
  .section-brand .nav-brand {
    display: flex;
    justify-content: center;
    padding: 16px 0 24px;
    border-top: 1px solid #F6F6F6; }
    .section-brand .nav-brand .swiper-button-nav {
      position: relative;
      bottom: 0;
      left: 0; }
  .section-brand .swiper-slide:first-child .item-brand {
    border-left: none; }
  .section-brand .swiper:not(.swiper-initialized) .list-brand {
    overflow-x: scroll;
    overflow-y: hidden; }
    .section-brand .swiper:not(.swiper-initialized) .list-brand::-webkit-scrollbar {
      display: none; }
  .section-brand .swiper:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2); }
  @media (min-width: 992px) {
    .section-brand .brand--heading h3 {
      font-size: 20px;
      gap: 26px; }
    .section-brand .nav-brand {
      display: none; }
    .section-brand .swiper:not(.swiper-initialized) .swiper-slide {
      -webkit-flex: 0 0 calc(100%/4);
      flex: 0 0 calc(100%/4);
      max-width: calc(100%/4); } }

.section-banner-cate .banner-cate--main {
  width: 82.22222%;
  margin: 50px auto 0; }

.section-banner-cate .banner-cate--heading {
  margin-bottom: 20px;
  align-items: center;
  gap: 20px; }
  .section-banner-cate .banner-cate--heading h3 {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
    font-size: 20px; }

.section-banner-cate .coll_grid .col-right .desc {
  padding: 23px 0;
  background: #ebe4d5; }
  .section-banner-cate .coll_grid .col-right .desc a {
    display: block;
    padding: 0 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px; }
    .section-banner-cate .coll_grid .col-right .desc a svg {
      display: none; }

.section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list {
  display: flex;
  gap: 24px;
  width: 100%;
  overflow: hidden; }
  .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list .item {
    -webkit-flex: 0 0 calc(90% - 24px);
    flex: 0 0 calc(90% - 24px);
    max-width: calc(90% - 24px); }

.section-banner-cate .coll-list .box-banner h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 16px 0 0;
  text-transform: uppercase; }

@media (min-width: 750px) {
  .section-banner-cate .coll_grid {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: var(--grid-desktop-horizontal-spacing);
    grid-row-gap: var(--grid-desktop-vertical-spacing);
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .section-banner-cate .coll_grid .col-left {
      grid-column: 1 / span 2;
      grid-row: span 2; }
    .section-banner-cate .coll_grid .col-right {
      grid-column-start: 3; }
  .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list .item {
    -webkit-flex: 0 0 calc(70% - 24px);
    flex: 0 0 calc(70% - 24px);
    max-width: calc(70% - 24px); } }

@media (min-width: 992px) {
  .section-banner-cate .banner-cate--heading h3 {
    gap: 26px; }
  .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list .item {
    -webkit-flex: 0 0 calc((100% - (24px*2)) / 3);
    flex: 0 0 calc((100% - (24px*2)) / 3);
    max-width: calc((100% - (24px*2)) / 3); } }

@media (max-width: 767px) {
  .section-banner-cate {
    width: 100%;
    overflow: hidden; }
    .section-banner-cate .container-fluid {
      padding: 0; }
      .section-banner-cate .container-fluid .banner-cate--heading {
        padding: 0 16px; }
    .section-banner-cate .banner-cate--main {
      width: 100%;
      margin: 40px auto 0; }
      .section-banner-cate .banner-cate--main .banner-cate--heading h3 {
        font-size: 18px;
        line-height: 32px; }
    .section-banner-cate .coll_grid > div {
      margin-bottom: 8px; }
    .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list {
      overflow: hidden;
      overflow-x: auto;
      padding: 0;
      width: 100vw;
      /*margin-left: -16px;
        margin-right: -16px;*/ }
      .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list::-webkit-scrollbar {
        display: none; }
      .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list .item:first-child {
        margin-left: 16px; }
      .section-banner-cate .slider-cates:not(.swiper-initialized) .coll-list .item:last-child {
        margin-right: 16px; } }

.section-brandcategory-tab {
  --color-nav: #fff;
  background: #110E11;
  overflow: hidden; }
  .section-brandcategory-tab .s-heading {
    padding: 0 0 0; }
  .section-brandcategory-tab .s-content {
    padding-top: 177px;
    position: relative;
    overflow: hidden;
    background-image: url(https://file.hstatic.net/200000886795/file/bg-brandcate.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top; }
    .section-brandcategory-tab .s-content:after {
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(92, 92, 92, 0.2);
      -webkit-backdrop-filter: blur(30px);
      backdrop-filter: blur(30px); }
    .section-brandcategory-tab .s-content:before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 24px;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url("https://file.hstatic.net/200000886795/file/_text__1_.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: top; }
  .section-brandcategory-tab .s-tablist .tablist {
    display: flex;
    align-items: center;
    overflow-x: scroll; }
    .section-brandcategory-tab .s-tablist .tablist::-webkit-scrollbar {
      display: none; }
    .section-brandcategory-tab .s-tablist .tablist li a {
      padding: 24px 28px;
      display: inline-flex;
      color: #fff;
      border-bottom: 1px solid transparent; }
    .section-brandcategory-tab .s-tablist .tablist li.active-tab a {
      border-bottom: 1px solid #fff;
      font-weight: 600; }
  .section-brandcategory-tab .s-tabpan {
    position: relative;
    z-index: 1; }
    .section-brandcategory-tab .s-tabpan > div {
      display: none; }
    .section-brandcategory-tab .s-tabpan > div.active-tab {
      display: block; }
  .section-brandcategory-tab .nav-brandcate {
    padding: 32px 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .section-brandcategory-tab .nav-brandcate .list-buttons {
      display: flex;
      gap: 20px;
      flex-direction: column;
      width: 100%; }
      .section-brandcategory-tab .nav-brandcate .list-buttons a:first-child {
        min-width: auto;
        width: 195px; }
    .section-brandcategory-tab .nav-brandcate .swiper-button-nav {
      top: 32px;
      right: 16px; }
  .section-brandcategory-tab .box-banner {
    position: relative; }
    .section-brandcategory-tab .box-banner .desc {
      bottom: 0px;
      left: 0px;
      right: 0;
      width: 100%;
      padding: 10px 16px;
      text-align: center;
      height: 50px;
      background: rgba(255, 255, 255, 0.2);
      -webkit-backdrop-filter: blur(30px);
      backdrop-filter: blur(30px);
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-brandcategory-tab .box-banner .desc h3.title {
        font-size: 16px;
        margin: 0;
        color: #fff; }
    .section-brandcategory-tab .box-banner a.link {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .section-brandcategory-tab .swiper-container:not(.swiper-initialized) .swiper-wrapper {
    padding: 0 16px;
    gap: 12px;
    overflow-x: scroll; }
    .section-brandcategory-tab .swiper-container:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
      display: none; }
  .section-brandcategory-tab .swiper-container:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%; }
  @media (min-width: 768px) {
    .section-brandcategory-tab .swiper-container:not(.swiper-initialized) .swiper-slide {
      -webkit-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%; }
    .section-brandcategory-tab .s-content {
      padding-top: 300px;
      background-size: cover;
      background-position: center; } }
  @media (min-width: 992px) {
    .section-brandcategory-tab .s-heading {
      padding: 0 0 0; }
    .section-brandcategory-tab .s-tablist .tablist {
      justify-content: center;
      overflow: hidden; }
      .section-brandcategory-tab .s-tablist .tablist li a {
        padding: 24px 32px; }
    .section-brandcategory-tab .s-content {
      padding-top: 260px;
      background-size: cover;
      background-position: center; }
      .section-brandcategory-tab .s-content:after {
        top: 0;
        bottom: 0;
        left: 0;
        width: 30.84%; }
      .section-brandcategory-tab .s-content:before {
        width: 30.84%;
        top: 16%;
        left: 0;
        background-repeat: no-repeat; }
    .section-brandcategory-tab .nav-brandcate {
      padding: 32px 0; }
      .section-brandcategory-tab .nav-brandcate .list-buttons {
        gap: 16px;
        flex-direction: row;
        width: auto; }
      .section-brandcategory-tab .nav-brandcate .swiper-button-nav {
        bottom: 0;
        right: 0;
        top: 0; }
    .section-brandcategory-tab .swiper-container {
      overflow-x: hidden; }
      .section-brandcategory-tab .swiper-container:not(.swiper-initialized) .swiper-wrapper {
        padding: 0; }
      .section-brandcategory-tab .swiper-container:not(.swiper-initialized) .swiper-slide {
        -webkit-flex: 0 0 calc((100% - 24px) /3);
        flex: 0 0 calc((100% - 24px) /3);
        max-width: calc((100% - 24px) /3); } }
  @media (min-width: 1440px) {
    .section-brandcategory-tab .s-content {
      padding-top: 318px;
      background-size: 100%;
      background-position: center; } }

.section-collection {
  --col-gap: 40px;
  overflow: hidden; }
  @media (min-width: 992px) {
    .section-collection .container-fluid > div {
      max-width: 82.22222%;
      margin: 0 auto; }
    .section-collection .s-heading {
      padding-bottom: 16px;
      padding-right: 0 !important; }
      .section-collection .s-heading .s-title {
        position: relative; }
        .section-collection .s-heading .s-title:before {
          content: none;
          position: absolute;
          left: -120px;
          width: calc(100% + 120px);
          bottom: 0;
          background: #110E11;
          height: 1px; }
    .section-collection .s-content {
      padding: 44px 0 48px; }
    .section-collection-2 .s-heading {
      padding-bototm: 8px;
      padding-right: 0; }
      .section-collection-2 .s-heading .s-title {
        line-height: 60px; } }
  @media (max-width: 991px) {
    .section-collection .container-fluid {
      padding: 0 24px; }
    .section-collection .s-heading {
      padding: 60px 0 16px;
      justify-content: flex-start;
      text-align: center; }
    .section-collection .swiper-button-nav {
      position: relative;
      bottom: 0;
      right: 0; }
    .section-collection .s-footing {
      padding: 0 0 40px; } }
  .section-collection-2 .container-fluid > div {
    max-width: none;
    margin: 0 auto; }
  .section-collection-2 .s-content {
    padding: 0 0 25px !important; }
  .section-collection-2 .swiper-button-nav {
    position: static;
    border: none;
    height: 0; }
    .section-collection-2 .swiper-button-nav:before {
      display: none; }
    .section-collection-2 .swiper-button-nav > div {
      width: 30px;
      height: 30px;
      background: rgba(255, 255, 255, 0.6);
      position: absolute; }
    .section-collection-2 .swiper-button-nav .swiper-button-prev {
      left: 0;
      top: calc((100% - 30px)/2); }
    .section-collection-2 .swiper-button-nav .swiper-button-next {
      right: 0;
      top: calc((100% - 30px)/2); }
  .section-collection-2 .s-footing {
    display: block;
    padding: 0 0 30px; }
    @media (min-width: 992px) {
      .section-collection-2 .s-footing {
        padding: 0 0 80px; } }
    .section-collection-2 .s-footing .s-nav {
      justify-content: center; }
      .section-collection-2 .s-footing .s-nav a {
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        display: inline-block; }

.section-collection-s2 {
  --col-gap: 40px;
  overflow: hidden; }
  .section-collection-s2 .s-heading {
    padding: 32px 0; }
    .section-collection-s2 .s-heading h2 {
      font-size: 20px;
      line-height: 25px; }
      @media (max-width: 767px) {
        .section-collection-s2 .s-heading h2 {
          font-size: 18px; } }
  .section-collection-s2 .s-content {
    position: relative; }
  .section-collection-s2 .swiper-scrollbar {
    background: #E7E7E7;
    border-radius: 0;
    height: 4px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    display: none; }
    .section-collection-s2 .swiper-scrollbar .swiper-scrollbar-drag {
      background: #110E11;
      border-radius: 0px; }
  @media (min-width: 992px) {
    .section-collection-s2 .s-content {
      padding: 0 0 28px; }
    .section-collection-s2 .swiper-scrollbar {
      display: block;
      position: absolute; } }
  @media (max-width: 991px) {
    .section-collection-s2 {
      /*.s-heading {justify-content: center;text-align: center;}*/ }
      .section-collection-s2 .swiper-button-nav {
        position: relative;
        bottom: 0;
        right: 0; }
      .section-collection-s2 .s-footing .s-nav {
        justify-content: center; } }

.section-marquee {
  background: #0b0b0b;
  padding: 12px 24px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .section-marquee {
      padding: 5px 0; } }
  .section-marquee .box {
    display: flex;
    gap: 60px;
    align-items: center; }
    .section-marquee .box span {
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase;
      white-space: nowrap; }
    .section-marquee .box svg {
      width: 20px;
      height: 20px; }
  .section-marquee .s-content {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden; }
  .section-marquee .list-marquee {
    display: flex;
    width: 200%;
    -webkit-animation: marquee 25s linear infinite running;
    -moz-animation: marquee 25s linear infinite running;
    -o-animation: marquee 25s linear infinite running;
    -ms-animation: marquee 25s linear infinite running;
    animation: marquee 25s linear infinite running; }
    .section-marquee .list-marquee .item {
      padding: 6px 30px;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
  @media (min-width: 992px) {
    .section-marquee {
      padding: 4px 0 4px; } }

.section-collection-new {
  --color-nav: #fff;
  position: relative;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://file.hstatic.net/200000886795/file/bg-mobile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .section-collection-new .s-wraper {
    display: flex;
    padding: 77px 0 0;
    flex-direction: column;
    gap: 77px 0; }
    .section-collection-new .s-wraper .s-nav {
      justify-content: flex-end;
      padding: 32px 0; }
    .section-collection-new .s-wraper .s-heading {
      padding: 0;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      .section-collection-new .s-wraper .s-heading h2 {
        font-size: 68px;
        font-weight: 700; }
        .section-collection-new .s-wraper .s-heading h2 a {
          color: #fff; }
    .section-collection-new .s-wraper .s-content {
      --sectional-grid-gap: 64px;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      .section-collection-new .s-wraper .s-content .slider-collection-new {
        padding: 56px 0 32px; }
      .section-collection-new .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        column-gap: var(--sectional-grid-gap-prd);
        overflow-x: scroll;
        overflow-y: hidden; }
        .section-collection-new .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products::-webkit-scrollbar {
          display: none; }
        .section-collection-new .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products .swiper-slide {
          -webkit-flex: 0 0 85%;
          flex: 0 0 85%;
          max-width: 85%; }
      @media (min-width: 768px) {
        .section-collection-new .s-wraper .s-content .swiper-container {
          overflow: hidden; }
        .section-collection-new .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products .swiper-slide {
          -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap-prd)*1) )/2);
          flex: 0 0 calc((100% - (var(--sectional-grid-gap-prd)*1) )/2);
          max-width: calc((100% - (var(--sectional-grid-gap-prd)*1) )/2); } }
      @media (min-width: 992px) {
        .section-collection-new .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products[data-view="3"] .swiper-slide {
          -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap-prd)*2) )/3);
          flex: 0 0 calc((100% - (var(--sectional-grid-gap-prd)*2) )/3);
          max-width: calc((100% - (var(--sectional-grid-gap-prd)*2) )/3); } }
  @media (min-width: 992px) {
    .section-collection-new {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://file.hstatic.net/200000886795/file/bg-newarrival.jpg);
      background-repeat: no-repeat;
      background-size: cover; }
      .section-collection-new .s-wraper {
        padding: 0 40px;
        flex-direction: row; }
        .section-collection-new .s-wraper .s-heading {
          -webkit-flex: 0 0 30%;
          flex: 0 0 30%;
          max-width: 30%; }
          .section-collection-new .s-wraper .s-heading h2 {
            font-size: 38px; }
        .section-collection-new .s-wraper .s-content {
          --sectional-grid-gap: 64px;
          -webkit-flex: 0 0 70%;
          flex: 0 0 70%;
          max-width: 70%; }
          .section-collection-new .s-wraper .s-content .slider-collection-new {
            padding: 56px 32px 35px; } }
  @media (min-width: 1440px) {
    .section-collection-new .s-wraper {
      padding: 0 80px; }
      .section-collection-new .s-wraper .s-heading h2 {
        font-size: 68px; } }
  @media (max-width: 991px) {
    .section-collection-new .container-fluid {
      padding: 0 32px; }
    .section-collection-new .s-wraper .s-heading {
      padding: 0  0; }
    .section-collection-new .s-wraper .s-nav {
      justify-content: space-between;
      padding: 24px 0; }
    .section-collection-new .s-wraper .swiper-button-nav {
      position: relative;
      bottom: 0;
      right: 0; } }

.section-policy {
  background: #D1D1D1;
  overflow: hidden; }
  .section-policy .list-policy {
    display: flex;
    align-items: center;
    gap: 1px;
    overflow-x: scroll;
    /*background: #ffffff;*/ }
    .section-policy .list-policy::-webkit-scrollbar {
      display: none; }
    .section-policy .list-policy .item {
      -webkit-flex: 0 0 calc(70% - 1px);
      flex: 0 0 calc(70% - 1px);
      max-width: calc(70% - 1px); }
    .section-policy .list-policy .box {
      padding: 16px 16px;
      display: flex;
      align-items: center;
      gap: 16px;
      text-align: center;
      background: #D1D1D1; }
      .section-policy .list-policy .box h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0; }
      .section-policy .list-policy .box p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
        color: #454545; }
      .section-policy .list-policy .box .thumb {
        width: 53px;
        height: 53px; }
      .section-policy .list-policy .box .detail {
        width: calc(100% - 53px - 16px); }
  @media (min-width: 768px) {
    .section-policy .list-policy .item {
      -webkit-flex: 0 0 calc(60% - 1px);
      flex: 0 0 calc(60% - 1px);
      max-width: calc(60% - 1px); } }
  @media (min-width: 992px) {
    .section-policy {
      margin-top: 0; }
      .section-policy .list-policy {
        flex-direction: row;
        overflow: hidden; }
        .section-policy .list-policy .item {
          -webkit-flex: 0 0 calc((100% - 3px) /4);
          flex: 0 0 calc((100% - 3px) /4);
          max-width: calc((100% - 3px) /4); }
        .section-policy .list-policy .box {
          padding: 16px 32px;
          gap: 16px; }
          .section-policy .list-policy .box h3 {
            font-size: 16px;
            line-height: 30px;
            font-weight: 600; } }

.section-desc {
  background: #F6F6F6;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .section-desc h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    overflow-wrap: break-word;
    width: 100%;
    word-break: normal; }
  .section-desc p {
    margin-bottom: 8px;
    color: #454545; }
  .section-desc img {
    display: none; }
  .section-desc .btn-read {
    display: inline-block;
    text-decoration: underline;
    color: #1B73F5;
    margin-top: 8px; }
  @media (min-width: 992px) {
    .section-desc {
      padding: 48px 0; }
      .section-desc h2 {
        font-size: 20px; } }

.section-brand.s2 .s-heading {
  text-align: center; }
  .section-brand.s2 .s-heading h2 {
    font-size: 24px; }

.section-brand.s2 .swiper:not(.swiper-initialized) .swiper-slide {
  -webkit-flex: 0 0 calc(100%/3);
  flex: 0 0 calc(100%/3);
  max-width: calc(100%/3); }

.section-brand.s2 .s-footing .swiper-button-nav {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

@media (min-width: 992px) {
  .section-brand.s2 {
    padding-bottom: 40px; }
    .section-brand.s2 .swiper:not(.swiper-initialized) .swiper-slide {
      -webkit-flex: 0 0 calc(100%/6);
      flex: 0 0 calc(100%/6);
      max-width: calc(100%/6); }
    .section-brand.s2 .s-heading {
      padding: 34px 0;
      text-align: left; }
      .section-brand.s2 .s-heading h2 {
        font-size: 36px; } }

.body-main-2 .section .s-heading {
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    .body-main-2 .section .s-heading {
      padding: 40px 80px 20px 0; }
      .body-main-2 .section .s-heading h2 {
        font-size: 20px; } }
  @media (min-width: 1200px) {
    .body-main-2 .section .s-heading h2 {
      font-size: 20px; } }

@media (min-width: 992px) {
  .body-main-2 .section-collection-2 .s-footing {
    padding: 0 0 0px; } }

@media (min-width: 992px) {
  .body-main-2 .section-brand .swiper:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc(100%/5);
    flex: 0 0 calc(100%/5);
    max-width: calc(100%/5); } }

@media (max-width: 767px) {
  .body-main-2 .section-brand .item-brand .logo {
    height: 60px; } }

@media (max-width: 767px) {
  .body-main-2 .section-gallery {
    padding-bottom: 37px; } }

@media (min-width: 992px) {
  .body-main-2 .section-gallery .s-heading {
    padding-bottom: 15px !important; } }

.body-main-2 .section-policy {
  background: #000;
  color: #fff; }
  .body-main-2 .section-policy .list-policy .box {
    background: #000; }
    .body-main-2 .section-policy .list-policy .box h3 {
      color: #fff; }
    .body-main-2 .section-policy .list-policy .box p {
      color: #fff; }

/*---------------------------------------------------------*/
/*----- SIDEBAR CONTACT -----*/
/*---------------------------------------------------------*/
.sidebar-contact--dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 97;
  background-color: transparent;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.sidebar-contact--icons {
  position: fixed;
  bottom: 18%;
  right: 18px;
  margin: 0;
  z-index: 98;
  cursor: pointer; }
  .sidebar-contact--icons .box-item {
    position: relative; }
    .sidebar-contact--icons .box-item + .box-item {
      margin-top: 18px; }
    .sidebar-contact--icons .box-item .svgico {
      position: relative;
      z-index: 4;
      display: block;
      height: 48px;
      width: 48px;
      text-align: center;
      border-radius: 50%;
      cursor: pointer;
      background: #000;
      border: 5px solid rgba(1, 84, 64, 0.15);
      backdrop-filter: blur(10px);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      animation: pulse 2s infinite;
      animation: pulse 2s infinite; }
      .sidebar-contact--icons .box-item .svgico svg {
        fill: #ffffff;
        width: 28px;
        height: 100%;
        transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }
    .sidebar-contact--icons .box-item:before, .sidebar-contact--icons .box-item:after {
      position: absolute;
      content: '';
      height: 48px;
      width: 48px;
      left: 0;
      top: 0;
      background: #000;
      border-radius: 50%; }
    .sidebar-contact--icons .box-item:before {
      animation: euiBeaconPulseSmall 2s infinite ease-out; }
    .sidebar-contact--icons .box-item:after {
      animation: euiBeaconPulseSmall 2s  infinite ease-out 0.4s; }
    .sidebar-contact--icons .box-item.box-contact .svgico > svg {
      animation: iconSkew 1s infinite ease-out; }
    .sidebar-contact--icons .box-item.box-contact .svgico .svgico--close {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      visibility: hidden;
      transform: scale(0.3);
      transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
      transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
      transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }
    .sidebar-contact--icons .box-item.box-contact .svgico .svgico--close svg {
      fill: #ffffff;
      width: 26px;
      height: 100%; }
    .sidebar-contact--icons .box-item.box-live .svgico {
      background: #ff0000; }
    .sidebar-contact--icons .box-item.box-live:before, .sidebar-contact--icons .box-item.box-live:after {
      background: #ff0000; }
    .sidebar-contact--icons .box-item.box-chatmsg:before, .sidebar-contact--icons .box-item.box-chatmsg:after {
      display: none; }
    .sidebar-contact--icons .box-item.box-chatmsg .svgico {
      background: #ffffff;
      padding: 3px;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
      transition: box-shadow 150ms linear; }
    .sidebar-contact--icons .box-item.box-chatmsg .svgico svg {
      width: 100%;
      height: 100%; }

.sidebar-contact--lists {
  position: absolute;
  bottom: 130px;
  border-radius: 12px;
  right: 30px;
  max-width: 300px;
  overflow: hidden;
  -webkit-transform-origin: 100% bottom;
  transform-origin: 100% bottom;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 182px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.15);
  border-radius: 4px; }
  .sidebar-contact--lists .sidebar-close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    border: 0;
    outline: none;
    padding: 6px;
    background: transparent; }
    .sidebar-contact--lists .sidebar-close svg {
      opacity: 0.6;
      width: 24px;
      height: 24px;
      display: block;
      margin: auto; }
  .sidebar-contact--lists .sidebar-listing {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 4px 0px; }
    .sidebar-contact--lists .sidebar-listing .sidebar-item {
      margin: 0;
      padding: 8px 8px;
      margin: 0; }
      .sidebar-contact--lists .sidebar-listing .sidebar-item--icon {
        cursor: pointer;
        width: 100%;
        height: auto;
        border-radius: 0;
        box-shadow: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center; }
      .sidebar-contact--lists .sidebar-listing .sidebar-item--icon svg {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 32px;
        height: 32px; }
      .sidebar-contact--lists .sidebar-listing .sidebar-item--icon .tooltip-text {
        opacity: 1;
        visibility: visible;
        position: initial;
        width: calc(100% - 32px);
        padding-left: 8px;
        text-align: left;
        background: transparent;
        color: #454545; }
    .sidebar-contact--lists .sidebar-listing .sidebar-item:not(:last-child) {
      border-bottom: 1px solid #F6F6F6; }
    .sidebar-contact--lists .sidebar-listing .sidebar-item.sidebar-item--fbchat {
      display: block; }

.sidebar-contact--dialog.active {
  opacity: 1;
  visibility: visible; }
  .sidebar-contact--dialog.active .sidebar-contact--lists {
    -ms-transition-delay: 0.1s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.1s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  .sidebar-contact--dialog.active + .sidebar-contact--icons .svgico .svgico--close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .sidebar-contact--dialog.active + .sidebar-contact--icons .svgico > svg {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3); }
  .sidebar-contact--dialog.active + .sidebar-contact--icons .box-live {
    opacity: 0;
    visibility: hidden; }

@media (min-width: 992px) {
  .sidebar-contact--lists .sidebar-listing .sidebar-item--icon:hover {
    background: #ffffff; }
  .sidebar-contact--lists .sidebar-listing .sidebar-item--icon:hover .tooltip-text {
    color: var(--shop-color-hover); }
  .sidebar-contact--lists .sidebar-listing .sidebar-item.sidebar-item--fbchat {
    display: none; } }

@media (max-width: 991px) {
  .sidebar-contact--dialog {
    background-color: rgba(0, 0, 0, 0.5); }
  .sidebar-contact--icons {
    right: 22px;
    bottom: 19%; }
    .sidebar-contact--icons .box-item .svgico {
      height: 45px;
      width: 45px; }
    .sidebar-contact--icons .box-item .svgico svg {
      width: 24px; }
    .sidebar-contact--icons .box-item .svgico .svgico--close svg {
      width: 16px; }
    .sidebar-contact--icons .box-item:before, .sidebar-contact--icons .box-item:after {
      height: 45px;
      width: 45px; }
  .sidebar-contact--lists .sidebar-listing .sidebar-item.sidebar-item--fbchat {
    display: block; } }

/*---------------------------------------------------------*/
/*----- MODAL + SWAL2 + TOAT -----*/
/*---------------------------------------------------------*/
/* -- Toast -- */
.toast {
  position: fixed;
  z-index: 999;
  text-align: center;
  top: 29%;
  border: 0;
  width: auto;
  padding: 0;
  color: #fff;
  right: 6.5%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }
  .toast .toast-close {
    position: absolute;
    top: 10px;
    right: 8px; }
  .toast > div {
    background-color: #2e2e2e; }
  .toast:not(.show) {
    pointer-events: none; }
  .toast .close {
    outline: none;
    border: 0;
    background-color: unset;
    position: absolute;
    top: 20px;
    right: 20px; }
  .toast .toast-body {
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    border-radius: 4px;
    padding: 12px 40px 12px 15px; }
  .toast.toast-messenger {
    top: auto;
    bottom: 15%;
    right: 15px; }
  @media (min-width: 992px) {
    .toast.toast-messenger {
      top: 29%;
      bottom: auto;
      right: 6.5%; }
    .toast.toast-messenger .toast-body {
      padding: 15px 40px 15px 15px; } }

@media (min-width: 544px) {
  .modal .modal-dialog {
    max-width: 560px; }
  .modal .modal-sm {
    max-width: 300px; } }

@media (min-width: 1025px) {
  .modal .modal-lg, .modal .modal-xl {
    max-width: 800px; } }

.modal .modal-content {
  border-radius: 0;
  padding: 0 40px; }
  .modal .modal-content .modal-header {
    border-radius: 0;
    border-bottom: none;
    padding: 40px 0 16px;
    align-items: center;
    gap: 8px; }
    .modal .modal-content .modal-header h4 {
      font-size: 20px;
      line-height: 25px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 0; }
    .modal .modal-content .modal-header .close {
      margin: 0;
      opacity: 1;
      padding: 4px 0;
      outline: none;
      width: 36px;
      height: 36px; }
      .modal .modal-content .modal-header .close svg {
        width: 20px;
        height: 20px; }
  .modal .modal-content .modal-body {
    padding: 8px 0 24px; }
  .modal .modal-content .modal-footer {
    padding: 0 0 40px;
    gap: 20px;
    border-top: none; }
    .modal .modal-content .modal-footer button {
      margin: 0; }

.modal.modal-sizechart .modal-header {
  padding: 24px 0; }

.modal.modal-sizechart .tablist {
  display: flex;
  align-items: center; }
  .modal.modal-sizechart .tablist .tab-item {
    border-bottom: 1px solid #AAABAC; }
    .modal.modal-sizechart .tablist .tab-item h4 {
      height: unset;
      display: inline-flex;
      align-items: center;
      /* justify-content: center; */
      padding: 0;
      /*min-width: 240px;*/
      width: 100%;
      font-size: 14px;
      line-height: 24px;
      cursor: pointer;
      text-transform: unset;
      color: #aaabac; }
    .modal.modal-sizechart .tablist .tab-item:last-child {
      padding-left: 20px; }
    .modal.modal-sizechart .tablist .tab-item.active {
      /*background: #110E11;*/
      border-color: #110E11; }
      .modal.modal-sizechart .tablist .tab-item.active h4 {
        color: #110E11; }

.modal.modal-sizechart .tabcontents > div {
  display: none; }

.modal.modal-sizechart .tabcontents > div.active {
  display: block; }

.modal.modal-sizechart .tabcontents #tabcontent-1 h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 15px; }

.modal.modal-sizechart .tabcontents #tabcontent-1 .form_option {
  text-align: center;
  max-width: 354px;
  margin: 0 auto 20px; }
  .modal.modal-sizechart .tabcontents #tabcontent-1 .form_option__row {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .modal.modal-sizechart .tabcontents #tabcontent-1 .form_option__row:not(:last-child) {
      margin-bottom: 12px; }
    .modal.modal-sizechart .tabcontents #tabcontent-1 .form_option__row label {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0; }
    .modal.modal-sizechart .tabcontents #tabcontent-1 .form_option__row select {
      padding: 4.5px 36px 4.5px 12px;
      width: 234px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      /* Remove default arrow */
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238C8C8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      /* Add custom arrow */
      background-size: 8px;
      background-repeat: no-repeat;
      background-position-x: calc(100% - 12px);
      background-position-y: 50%; }

.modal.modal-sizechart .tabcontents #tabcontent-1 .result_consult p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px; }

.modal.modal-sizechart .tabcontents #tabcontent-1 .result_consult li {
  background: #110E11;
  color: #fff;
  display: inline-block;
  padding: 3px 14px 0;
  line-height: 20px;
  border-radius: 20px;
  font-weight: 700;
  margin-bottom: 10px; }
  .modal.modal-sizechart .tabcontents #tabcontent-1 .result_consult li:not(:last-child) {
    margin-right: 10px; }

.modal.modal-sizechart .list-imgs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px; }
  .modal.modal-sizechart .list-imgs img {
    width: 100%; }

.modal.modal-sizechart .note {
  max-width: 75%;
  margin: auto;
  font-size: 12px;
  text-align: center; }

.modal.modal-sizechart .c-table {
  font-size: 13px;
  line-height: 13px;
  width: 100%;
  margin: 0 0 20px; }
  .modal.modal-sizechart .c-table caption {
    caption-side: top;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    height: 35.5px;
    color: #000;
    font-weight: bold;
    padding: 0 0 15px;
    line-height: 1.4;
    border-bottom: 1px solid #f5f3f5; }
  .modal.modal-sizechart .c-table tbody, .modal.modal-sizechart .c-table td, .modal.modal-sizechart .c-table tr {
    border: 0;
    padding: 0; }
  .modal.modal-sizechart .c-table .c-table--cell {
    padding: 12px;
    text-align: left;
    font-weight: 700; }
  .modal.modal-sizechart .c-table .c-table--cell-inner {
    min-width: 30px; }
  .modal.modal-sizechart .c-table .c-table--row:nth-child(2n) {
    background-color: #f5f3f5; }

.modal.modal-sizechart .tab-table--col > p {
  display: none; }

.modal.modal-sizechart .tab-table--col .c-table caption {
  border-bottom: 1px solid transparent; }

.modal.modal-sizechart .tab-table--col > table tr td div + div {
  margin-top: 8px; }

@media (min-width: 550px) {
  .modal.modal-sizechart .c-table .c-table--cell {
    padding: 15px; } }

@media (min-width: 768px) {
  .modal.modal-sizechart .tab-table--col {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px; }
    .modal.modal-sizechart .tab-table--col > table {
      width: calc(100% / 2 - 10px);
      height: 100%;
      margin-bottom: 10px; }
    .modal.modal-sizechart .tab-table--col > table tr:first-child td table {
      margin-bottom: 23px; }
    .modal.modal-sizechart .tab-table--col > p {
      width: 100%;
      display: block; } }

@media (min-width: 1100px) {
  .modal.modal-sizechart .tab-table--col > table {
    width: calc(100% / 3 - 10px);
    height: 100%;
    margin-bottom: 20px; }
  .modal.modal-sizechart .tab-table--col > table tr:first-child td table {
    margin-bottom: 52px; } }

@media (max-width: 767px) {
  .modal.modal-sizechart {
    padding: 0 !important; }
    .modal.modal-sizechart .modal-content {
      padding: 0 20px; }
      .modal.modal-sizechart .modal-content .modal-header button.close {
        position: absolute;
        right: 0;
        top: 0; }
      .modal.modal-sizechart .modal-content .modal-header .tablist {
        width: 100%; }
        .modal.modal-sizechart .modal-content .modal-header .tablist .tab-item {
          flex: 0 0 auto;
          /*width: 50%;*/ }
          .modal.modal-sizechart .modal-content .modal-header .tablist .tab-item h4 {
            padding: 0;
            min-width: unset;
            /*text-align: center;*/ }
    .modal.modal-sizechart .modal-dialog {
      margin: 0;
      align-items: flex-end;
      min-height: unset !important; }
    .modal.modal-sizechart .modal-dialog::before {
      height: 100vh !important; } }

.modal.modal-customers-rating .modal-header {
  border: none;
  padding: 0; }
  .modal.modal-customers-rating .modal-header button {
    box-shadow: none;
    background: none;
    outline: 0;
    border: none;
    position: absolute;
    right: 10px;
    top: 12px;
    z-index: 1; }

.modal.modal-customers-rating .modal-content {
  padding: 0; }

.modal.modal-customers-rating .modal-body {
  padding: 0; }
  .modal.modal-customers-rating .modal-body .cr-app {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto; }
  .modal.modal-customers-rating .modal-body .cr-app--left {
    flex: 0 0 auto;
    background: var(--skin-primary-color-1);
    padding: 15px;
    width: 30%; }
    .modal.modal-customers-rating .modal-body .cr-app--left .cr-img {
      position: relative;
      overflow: hidden;
      padding-bottom: 100%; }
      .modal.modal-customers-rating .modal-body .cr-app--left .cr-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%; }
    .modal.modal-customers-rating .modal-body .cr-app--left .cr-name {
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      margin-top: 15px; }
    @media (max-width: 991px) {
      .modal.modal-customers-rating .modal-body .cr-app--left {
        width: 100%;
        display: none; } }
  .modal.modal-customers-rating .modal-body .cr-app--right {
    flex: 0 0 auto;
    background: #fff;
    padding: 0 0 15px 0;
    width: 70%; }
    .modal.modal-customers-rating .modal-body .cr-app--right h3 {
      font-weight: 400;
      font-size: 16px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      padding: 15px 50px 15px 15px;
      border-bottom: 1px solid #ececec;
      margin-bottom: 0; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form > div {
      padding: 14px 15px;
      border-bottom: 1px solid #ececec;
      position: relative; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form > div.active:before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid var(--skin-primary-color-1);
        background: transparent;
        left: 0;
        top: 20px;
        z-index: 2; }
        @media (max-width: 991px) {
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form > div.active:before {
            display: none; } }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form > div:last-child {
        border: none; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form label {
      margin-bottom: 0;
      font-size: 13px; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating {
      display: flex;
      align-items: center; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels {
        margin: 0 15px;
        display: flex; }
        @media (max-width: 991px) {
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels {
            margin: 0;
            width: 100%; } }
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li {
          flex: 0 0 auto;
          width: 22px;
          height: 22px; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li ~ li {
            margin-left: 1px; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li.s1 label {
            background: #E30019; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li.s2 label {
            background: #E30019; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li.s3 label {
            background: #E30019; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li.s4 label {
            background: #E30019; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li.s5 label {
            background: #E30019; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li input {
            display: none; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li label {
            margin-bottom: 0;
            background: #cfcfcf;
            height: 100%;
            border: none;
            cursor: pointer;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li label svg {
              width: 16px;
              height: 16px; }
            .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li label svg path {
              fill: #fff; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li:first-child label {
            border-radius: 4px 0 0 4px; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating .cr-levels li:last-child label {
            border-radius: 0 4px 4px 0; }
      @media (max-width: 991px) {
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-rating {
          flex-wrap: wrap; } }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-title label, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-content label {
      display: block; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-title input, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-title textarea, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-content input, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-content textarea {
      resize: none;
      margin: 12px 0 0;
      border: 1px solid #ececec;
      width: 100%;
      font-size: 12px;
      color: #111111;
      background: #fff;
      padding: 10px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      outline: 0;
      -webkit-transition: all linear .3s;
      -moz-transition: all linear .3s;
      -o-transition: all linear .3s;
      transition: all linear .3s; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-title input::focus, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-title textarea::focus, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-content input::focus, .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-content textarea::focus {
        border: 1px solid #111111; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-show {
      font-weight: 400;
      font-size: 12px; }
      @media (max-width: 991px) {
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-show {
          display: none; } }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-success {
      position: absolute;
      right: 15px;
      top: 12px; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-success span {
        white-space: nowrap; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-success svg {
        width: 22px;
        height: 22px; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-error {
      position: absolute;
      right: 15px;
      top: 12px;
      display: flex;
      align-items: center;
      border: 1px solid #d92046;
      border-radius: 20px;
      padding: 2px 2px 2px 6px;
      background: #fff; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-error span {
        white-space: nowrap;
        color: #d91f46;
        font-size: 12px; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .rate-error svg {
        width: 22px;
        height: 22px;
        margin-left: 5px; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-list-default {
      margin: 10px 0 0 0;
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-list-default > span {
        margin-bottom: 10px;
        background: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 12px;
        margin-right: 8px;
        cursor: pointer;
        border: 1px solid #ececec;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: #333; }
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-list-default > span img {
          display: none;
          width: 10px;
          margin-left: 8px; }
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-list-default > span.active {
          border: 1px solid #111111; }
          .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-list-default > span.active img {
            display: block; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-preview-img {
      display: flex;
      align-items: center;
      height: 80px;
      width: 80px;
      border: 1px dashed #333333;
      border-radius: 4px;
      font-size: 12px;
      text-align: center;
      justify-content: center;
      flex-direction: column;
      cursor: pointer;
      font-weight: 400;
      margin-right: 8px;
      margin-bottom: 5px; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-preview-img svg {
        width: 28px;
        height: 28px;
        margin-bottom: 5px; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .preview-img {
      display: flex; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .preview-img > figure {
        width: 80px;
        height: 80px;
        position: relative;
        z-index: 1;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 5px;
        padding: 5px; }
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .preview-img > figure:before {
          z-index: 2;
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.2);
          border-radius: 5px; }
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .preview-img > figure img {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 85%;
          height: 50%;
          -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
          -o-object-fit: contain;
          object-fit: contain; }
        .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .preview-img > figure + figure {
          margin-left: 8px; }
      .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .preview-img .remove-preview {
        position: absolute;
        z-index: 2;
        right: 5px;
        top: 5px;
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 1px;
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237:8384)'%3E%3Cpath d='M1.63024 22.153C1.84443 22.1535 2.05661 22.1116 2.25451 22.0297C2.45242 21.9478 2.63213 21.8274 2.78325 21.6756L11.0765 13.3824L19.3697 21.6756C19.5211 21.8271 19.7009 21.9472 19.8987 22.0291C20.0966 22.1111 20.3086 22.1532 20.5227 22.1532C20.7369 22.1532 20.9489 22.1111 21.1468 22.0291C21.3446 21.9472 21.5243 21.8271 21.6758 21.6756C21.8272 21.5242 21.9473 21.3445 22.0292 21.1466C22.1112 20.9488 22.1534 20.7368 22.1534 20.5226C22.1534 20.3085 22.1112 20.0965 22.0292 19.8986C21.9473 19.7008 21.8272 19.521 21.6758 19.3696L13.3825 11.0764L21.6758 2.78314C21.8272 2.63172 21.9473 2.45196 22.0292 2.25413C22.1112 2.05629 22.1534 1.84426 22.1534 1.63012C22.1534 1.41599 22.1112 1.20395 22.0292 1.00611C21.9473 0.80828 21.8272 0.628522 21.6758 0.477106C21.5243 0.32569 21.3446 0.205579 21.1468 0.123633C20.9489 0.0416876 20.7369 -0.000488281 20.5227 -0.000488281C20.3086 -0.000488281 20.0966 0.0416876 19.8987 0.123633C19.7009 0.205579 19.5211 0.32569 19.3697 0.477106L11.0765 8.77035L2.78325 0.477106C2.47745 0.171307 2.0627 -0.000488281 1.63024 -0.000488281C1.19777 -0.000488281 0.783018 0.171307 0.47722 0.477106C0.171421 0.782905 -0.000374696 1.19766 -0.000374696 1.63012C-0.000374696 2.06259 0.171421 2.47734 0.47722 2.78314L8.77046 11.0764L0.47722 19.3696C0.249135 19.5976 0.093799 19.8882 0.0308603 20.2045C-0.0320784 20.5208 0.000207 20.8486 0.123635 21.1466C0.247063 21.4445 0.456088 21.6992 0.724267 21.8783C0.992445 22.0575 1.30773 22.153 1.63024 22.153Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237:8384'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .err-img {
      margin-top: 10px; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-actions {
      text-align: right;
      margin-top: 20px;
      width: 100%; }
    .modal.modal-customers-rating .modal-body .cr-app--right .cr-form .cr-actions button.disabled {
      cursor: not-allowed;
      pointer-events: none;
      opacity: 0.7; }
    @media (max-width: 991px) {
      .modal.modal-customers-rating .modal-body .cr-app--right {
        width: 100%; } }

.modal.modal-coupon .modal-dialog {
  position: relative; }

.modal.modal-coupon .modal-content {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible; }

.modal.modal-coupon .modal-body {
  padding: 0;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto; }

.modal.modal-coupon .hrv-coupons--box {
  padding-bottom: 12px; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    width: 100%;
    color: #424242; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--input {
    padding: 16px 0; }
    .modal.modal-coupon .hrv-coupons--box .hrv-coupons--input .hrv-discount-code--field {
      display: flex;
      border: 1px solid #f5f6f6;
      background: #f5f6f6;
      border-radius: 2px; }
    .modal.modal-coupon .hrv-coupons--box .hrv-coupons--input input {
      padding: 2px 16px;
      height: 40px;
      background: #f5f6f6;
      border: none;
      width: calc(100% - 95px);
      outline: none;
      box-shadow: none;
      border-radius: 0;
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
    .modal.modal-coupon .hrv-coupons--box .hrv-coupons--input button {
      width: 95px;
      height: 40px;
      padding: 0 2px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--notify {
    padding: 0 0 16px;
    text-align: center;
    font-size: 12px;
    color: #E30019; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--notify p {
    margin-bottom: 0; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item {
    margin: 16px 16px; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.isSelect .coupon-item--inner {
    background: rgba(217, 32, 70, 0.07);
    border: 1px solid rgba(217, 32, 70, 0.5); }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.isSelect .coupon-item--inner:before, .modal.modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.isSelect .coupon-item--inner:after {
    border-color: rgba(217, 32, 70, 0.5); }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.notCondition .coupon-item--inner {
    filter: grayscale(1);
    opacity: 0.65;
    cursor: default;
    pointer-events: none; }
  .modal.modal-coupon .hrv-coupons--box .hrv-coupons--list .line-last {
    margin-top: 16px; }
  .modal.modal-coupon .hrv-coupons--box #btn-show-all-coupon {
    width: 100%;
    color: #1982F9;
    font-size: 16px;
    background: transparent;
    border: none; }
    .modal.modal-coupon .hrv-coupons--box #btn-show-all-coupon svg {
      width: 10px;
      position: relative;
      margin-left: 8px; }
    .modal.modal-coupon .hrv-coupons--box #btn-show-all-coupon:focus {
      outline: none; }
    .modal.modal-coupon .hrv-coupons--box #btn-show-all-coupon.open svg {
      transform: rotate(180deg);
      display: inline-block; }
  .modal.modal-coupon .hrv-coupons--box::-webkit-scrollbar {
    width: 2px;
    background-color: transparent; }
  .modal.modal-coupon .hrv-coupons--box::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 4px; }

.modal.modal-coupon .hrv-coupons--box-desc .coupon-detail--header {
  text-align: center;
  padding: 15px 10px;
  font-weight: bold; }

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

.modal.modal-sidebar .modal-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  overflow-y: auto;
  padding: 1.25rem; }

.modal.modal-sidebar .modal-dialog {
  -ms-flex-align: end;
  align-items: flex-end;
  height: auto;
  margin: 0 0 0 auto;
  max-width: 100%;
  min-height: 100%; }

@media (min-width: 768px) {
  .modal.modal-sidebar.fade .modal-dialog {
    transform: translate(100%, 0) scale(1);
    transition: transform .25s ease-in; }
  .modal.modal-sidebar.show.fade .modal-dialog {
    transform: translate(0, 0);
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); }
  .modal.modal-sidebar .modal-dialog {
    -ms-flex-align: normal;
    align-items: normal;
    height: 100%;
    max-width: 400px; }
    .modal.modal-sidebar .modal-dialog .modal-content {
      border-radius: 0;
      border-right: 0;
      height: 100%;
      margin-top: 0;
      max-height: 100%;
      overflow: hidden; } }

.modal.modal-multistock .inventory-location-box {
  margin-top: 0px;
  margin-bottom: 0px;
  background: #fff;
  border-radius: 5px; }
  .modal.modal-multistock .inventory-location-box .inventory-location-ajax ul {
    display: flex;
    flex-direction: column;
    gap: 40px; }
  .modal.modal-multistock .inventory-location-box .inventory-location-ajax ul li {
    display: block;
    position: relative; }
    .modal.modal-multistock .inventory-location-box .inventory-location-ajax ul li input[type=radio] {
      position: absolute;
      visibility: hidden; }
    .modal.modal-multistock .inventory-location-box .inventory-location-ajax ul li label {
      position: relative;
      font-weight: normal;
      font-size: 13px;
      padding: 0 0 0 25px;
      margin: 4px auto;
      z-index: 9;
      cursor: pointer;
      -webkit-transition: all 0.25s linear; }
    .modal.modal-multistock .inventory-location-box .inventory-location-ajax ul li .check {
      display: block;
      position: absolute;
      border: 1px solid #AAAAAA;
      border-radius: 100%;
      height: 16px;
      width: 16px;
      top: 5px;
      left: 0;
      z-index: 5;
      transition: border .25s linear;
      -webkit-transition: border .25s linear;
      background: #fff; }
      .modal.modal-multistock .inventory-location-box .inventory-location-ajax ul li .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 8px;
        width: 8px;
        top: 3px;
        left: 3px;
        margin: auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear; }
  .modal.modal-multistock .inventory-location-box .inventory-location-ajax input[type=radio]:checked ~ .check::before {
    background: #488be5; }
  .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul {
    padding: 0 4px 0 0;
    margin: 24px 0 16px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto; }
    .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px transparent;
      border-radius: 15px;
      background-color: #F5F5F5; }
    .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul::-webkit-scrollbar {
      width: 2px;
      background-color: #F5F5F5; }
    .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul::-webkit-scrollbar-thumb {
      border-radius: 15px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #555; }
    .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li {
      display: flex;
      flex-wrap: wrap; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .col1 {
        width: 75%;
        padding-right: 8px; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .col2 {
        width: 25%;
        text-align: right; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .col3 {
        width: 100%;
        padding-top: 20px; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .text {
        font-weight: 400;
        display: block;
        font-size: 12px;
        line-height: 18px; }
        .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .text + .text {
          margin-top: 4px; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .desc {
        font-size: 13px; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .status {
        font-weight: 400;
        display: inline-flex;
        gap: 8px;
        align-items: center;
        font-size: 12px;
        line-height: 18px; }
        .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .status:before {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          display: inline-block; }
        .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .status.green:before {
          background: #12B76A; }
        .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .status.yellow:before {
          background: #F99307; }
      .modal.modal-multistock .inventory-location-box.data .inventory-location-ajax ul li .viewmap {
        text-decoration: underline;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px; }
  .modal.modal-multistock .inventory-location-box.error {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #F06455;
    border: 1px dashed #f88d81; }

.modal.modal-multistock select {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  color: #3D3D3D;
  border: 1px solid #B0B0B0;
  border-radius: 1px;
  outline: none !important;
  font-weight: 400;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  padding: 8px 36px 8px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238C8C8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  /* Add custom arrow */
  background-size: 8px;
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 50%; }
  .modal.modal-multistock select:focus {
    background-color: #fff;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color); }

.modal.modal-multistock .swatchsize-select {
  display: none; }

.modal.modal-multistock .list-selects {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px; }
  .modal.modal-multistock .list-selects label {
    margin-bottom: 8px;
    color: #4F4F4F;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }
  .modal.modal-multistock .list-selects > div {
    width: 100%; }

.modal.modal-multistock .modal-footer {
  justify-content: flex-start; }
  .modal.modal-multistock .modal-footer .note {
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    margin: 0; }

.modal.modal-banner .modal-header .close {
  outline: none;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  border: none;
  border-radius: 50%; }
  .modal.modal-banner .modal-header .close svg {
    fill: #fff;
    width: 12px;
    height: 12px;
    vertical-align: 2.5px; }

.modal.modal-banner .modal-content {
  border-radius: 0;
  background: transparent;
  padding: 0;
  border: none; }

.modal.modal-banner .modal-header {
  padding: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
  height: 35px;
  z-index: 9;
  border: none; }

.modal.modal-banner .modal-body {
  padding: 0; }

.modal.modal-location .location-box {
  display: flex;
  flex-direction: column;
  gap: 40px; }
  .modal.modal-location .location-box .line {
    display: flex;
    flex-direction: column;
    gap: 24px; }
  .modal.modal-location .location-box .list-location {
    display: flex;
    gap: 24px;
    align-items: center; }
    .modal.modal-location .location-box .list-location label {
      margin: 0;
      border: 1px solid #E7E7E7;
      border-radius: 4px;
      background: #fff;
      display: flex;
      align-items: center;
      padding: 15px 16px;
      font-size: 20px;
      color: #3D3D3D;
      gap: 8px;
      position: relative; }
    .modal.modal-location .location-box .list-location span.label-text:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      z-index: 0;
      border-radius: 4px;
      border: 1px solid transparent;
      transition: all 0.3s; }
    .modal.modal-location .location-box .list-location span:not(.label-text) {
      position: relative;
      z-index: 1; }
    .modal.modal-location .location-box .list-location input {
      position: relative;
      appearance: none;
      box-sizing: content-box;
      overflow: hidden;
      z-index: 1; }
      .modal.modal-location .location-box .list-location input:before {
        content: '';
        display: block;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border: 1.25px solid #B0B0B0;
        transition: 0.2s border-color ease; }
      .modal.modal-location .location-box .list-location input:checked:before {
        background: #110E11;
        border-color: #110E11;
        transition: 0.5s border-color ease; }
      .modal.modal-location .location-box .list-location input:disabled:before {
        border-color: #B0B0B0;
        background-color: #B0B0B0; }
      .modal.modal-location .location-box .list-location input:after {
        content: '';
        display: block;
        position: absolute;
        box-sizing: content-box;
        top: 50%;
        left: 50%;
        transform-origin: 50% 50%;
        background-color: #ffffff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0); }
      .modal.modal-location .location-box .list-location input[type="radio"]:before {
        border-radius: 50%; }
      .modal.modal-location .location-box .list-location input[type="radio"]:after {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0); }
      .modal.modal-location .location-box .list-location input[type="radio"]:checked:after {
        animation: toggleOnRadio 0.2s ease forwards; }
      .modal.modal-location .location-box .list-location input:checked + span.label-text:after {
        border: 1px solid #110E11; }

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

@media (max-width: 767px) {
  .modal-coupon--backdrop {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .modal-coupon--backdrop.js-modal-show {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; } }

.sidebar-main {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  transition: all .5s;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transform: translateX(150%);
  -webkit-transform: translateX(150%);
  transform: translateX(150%); }
  .sidebar-main .sidebar-nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    max-width: 630px;
    height: 100%;
    width: 100%;
    z-index: 1; }
    .sidebar-main .sidebar-nav .sidebar-head {
      display: flex;
      justify-content: space-between;
      padding: 45px 20px 32px 20px;
      position: relative;
      gap: 20px; }
      .sidebar-main .sidebar-nav .sidebar-head h4 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0; }
        .sidebar-main .sidebar-nav .sidebar-head h4 svg {
          margin-right: 20px; }
      .sidebar-main .sidebar-nav .sidebar-head button {
        border: none;
        background: transparent;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        outline: none; }
      @media (min-width: 768px) {
        .sidebar-main .sidebar-nav .sidebar-head {
          padding: 45px 40px 32px 40px; } }
    .sidebar-main .sidebar-nav .sidebar-body {
      padding: 0 20px 24px 20px;
      position: relative;
      overflow-y: scroll;
      overflow-x: hidden;
      height: 100%;
      margin-right: 2px;
      -webkit-overflow-scrolling: touch;
      -ms-scroll-chaining: none;
      overscroll-behavior: none; }
      .sidebar-main .sidebar-nav .sidebar-body::-webkit-scrollbar {
        width: 2px;
        height: 2px; }
      .sidebar-main .sidebar-nav .sidebar-body::-webkit-scrollbar-track {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: #E7E7E7; }
      .sidebar-main .sidebar-nav .sidebar-body::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 6px #110E11; }
      .sidebar-main .sidebar-nav .sidebar-body::-webkit-scrollbar-thumb:window-inactive {
        background: #110E11; }
      .sidebar-main .sidebar-nav .sidebar-body .list-minicart .cart-group {
        display: flex;
        flex-direction: column;
        gap: 24px; }
      .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item {
        display: flex;
        gap: 16px; }
        .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .left {
          width: 80px;
          height: 80px;
          position: relative;
          overflow: hidden; }
          .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .left img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            object-fit: cover;
            width: 100%;
            height: 100%; }
          @media (min-width: 768px) {
            .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .left {
              width: 120px;
              height: 120px; } }
        .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right {
          width: calc(100% - 80px - 16px);
          display: flex;
          flex-direction: column;
          gap: 20px; }
          .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info {
            display: flex; }
            .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-desc {
              width: 75%;
              padding-right: 8px;
              display: flex;
              flex-direction: column;
              gap: 4px;
              justify-content: flex-end; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-desc span {
                color: #8D8D8D; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-desc h3 {
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 0;
                overflow: hidden;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                display: -webkit-box; }
            .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-price {
              width: 25%;
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              gap: 4px;
              text-align: right; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-price del {
                color: #8D8D8D; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-price span {
                font-weight: 700; }
          .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta {
            display: flex;
            flex-direction: column;
            gap: 10px; }
            .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .list-variant {
              display: flex;
              gap: 8px;
              font-size: 12px;
              align-items: center; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .list-variant .variant-option:first-child {
                padding-right: 8px;
                position: relative; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .list-variant .variant-option:first-child:before {
                content: '';
                width: 1px;
                height: 55%;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                display: block;
                position: absolute;
                background: #000; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .list-variant .variant-option select {
                border: none; }
            .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions {
              display: flex;
              gap: 12px;
              justify-content: space-between; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions .item-quan {
                display: inline-flex;
                align-items: center;
                justify-content: center; }
                .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions .item-quan .quantity-partent {
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  width: 110px;
                  border: 1px solid #110E11;
                  text-align: center; }
                  .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions .item-quan .quantity-partent .qty-btn {
                    height: 36px;
                    width: 36px;
                    border: none;
                    background: none;
                    outline: none; }
                  .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions .item-quan .quantity-partent input {
                    width: 36px;
                    height: 36px;
                    border: none;
                    background: none;
                    text-align: center;
                    outline: none; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions .item-remove a {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 36px;
                width: 36px; }
          @media (min-width: 768px) {
            .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right {
              width: calc(100% - 120px - 16px); }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-desc h3 {
                font-size: 18px; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-info .item-price span {
                font-size: 18px; }
              .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta {
                flex-direction: row;
                gap: 0; }
                .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .list-variant {
                  width: calc(100% - 165px); }
                .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item .right .item-meta .item-actions {
                  width: 165px;
                  justify-content: flex-end; } }
        .sidebar-main .sidebar-nav .sidebar-body .list-minicart .line-item.line-gift .right .list-variant {
          font-size: 0; }
      @media (min-width: 768px) {
        .sidebar-main .sidebar-nav .sidebar-body {
          padding: 0 40px 40px 40px; }
          .sidebar-main .sidebar-nav .sidebar-body .list-minicart .cart-group {
            gap: 16px; } }
    .sidebar-main .sidebar-nav .sidebar-foot {
      padding: 24px 20px 24px 20px;
      border-top: 1px solid #E7E7E7; }
      .sidebar-main .sidebar-nav .sidebar-foot .line-total {
        display: flex;
        flex-direction: column;
        gap: 8px; }
        .sidebar-main .sidebar-nav .sidebar-foot .line-total * {
          font-size: 14px; }
        .sidebar-main .sidebar-nav .sidebar-foot .line-total .line {
          color: #8C8C8C;
          font-size: 16px;
          display: flex;
          justify-content: space-between; }
        .sidebar-main .sidebar-nav .sidebar-foot .line-total .line#minicart-total {
          color: #110E11;
          font-weight: 600; }
      .sidebar-main .sidebar-nav .sidebar-foot .line-actions {
        padding-top: 24px;
        display: flex;
        gap: 16px; }
        .sidebar-main .sidebar-nav .sidebar-foot .line-actions a {
          width: 100%;
          height: 56px;
          font-size: 14px; }
      @media (min-width: 768px) {
        .sidebar-main .sidebar-nav .sidebar-foot {
          padding: 24px 40px 24px 40px; } }
  .sidebar-main .sidebar-overlay {
    background: #110E11;
    opacity: 0.5;
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

html.open-cart .sidebar-cart, body.open-cart .sidebar-cart {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.section-handmade {
  margin: 40px 0 30px; }
  @media (min-width: 768px) {
    .section-handmade {
      margin: 50px 0 40px; }
      .section-handmade .container-fluid > div {
        max-width: 82.2222%;
        margin: 0px auto 10px; } }
  .section-handmade .handmade--heading h3 {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
    font-size: 20px; }
    @media (min-width: 992px) {
      .section-handmade .handmade--heading h3 {
        gap: 26px; } }
  .section-handmade .handmade_slide {
    display: -webkit-flex;
    display: flex;
    gap: 12px;
    justify-content: center; }
    .section-handmade .handmade_slide .handmade_item {
      flex: 0 0 auto;
      width: 21.3%; }
      .section-handmade .handmade_slide .handmade_item__img {
        position: relative;
        padding-top: calc(100% * 73 / 58); }
        .section-handmade .handmade_slide .handmade_item__img img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
  .section-handmade .handmade_main {
    padding: 400px 0 39px;
    background: url("https://file.hstatic.net/200000887901/file/bg_cate_footer_optimize.jpg") no-repeat;
    background-size: cover;
    background-position: center; }
    @media (max-width: 767px) {
      .section-handmade .handmade_main {
        background: url("https://file.hstatic.net/200000887901/file/bg_cate_footer_mb_optimize.jpg") no-repeat;
        background-size: 100% 100%; } }
  .section-handmade .handmade_item__title {
    background: #525252;
    line-height: 30px;
    padding: 15px 10px;
    font-family: var(--skin-header-font); }
    .section-handmade .handmade_item__title a {
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      display: block;
      text-align: center; }
  @media (max-width: 767px) {
    .section-handmade {
      margin-bottom: 40px; }
      .section-handmade .container-fluid {
        padding: 0; }
        .section-handmade .container-fluid .handmade--heading {
          padding: 0 15px;
          flex-wrap: wrap;
          margin-bottom: 20px; }
          .section-handmade .container-fluid .handmade--heading h3 {
            margin-bottom: 0px; }
        .section-handmade .container-fluid .handmade_slide {
          justify-content: flex-start;
          overflow: hidden;
          width: 100%;
          overflow-x: auto; }
        .section-handmade .container-fluid .handmade_item {
          flex: 0 0 auto;
          width: calc(100% - 100px); }
          .section-handmade .container-fluid .handmade_item:first-child {
            margin-left: 15px; }
          .section-handmade .container-fluid .handmade_item:last-child {
            margin-right: 15px; } }

.mainFooter {
  overflow: hidden; }
  .mainFooter:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background: url(https://file.hstatic.net/200000887901/file/footer_stroke.svg);
    /*
    background-image: url("data:image/svg+xml,%3Csvg width='1440' height='16' viewBox='0 0 1440 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5376_1449)'%3E%3Cg clip-path='url(%23clip1_5376_1449)'%3E%3Cpath d='M135.907 9.36252H119.916L127.914 1.36963L135.907 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M119.916 13.8188H135.907' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M119.916 9.36252H103.93L111.923 1.36963L119.916 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M103.93 13.8188H119.916' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M103.93 9.36252H87.939L95.9319 1.36963L103.93 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M87.939 13.8188H103.93' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M87.9392 9.36252H71.9482L79.9463 1.36963L87.9392 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M71.948 13.8188H87.939' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M71.9477 9.36252H55.9619L63.9548 1.36963L71.9477 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M55.9622 13.8188H71.9479' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M55.9622 9.36252H39.9712L47.9693 1.36963L55.9622 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M39.9712 13.8188H55.9622' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M39.9707 9.36252H23.9849L31.9778 1.36963L39.9707 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M23.9849 13.8188H39.9707' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M23.9846 9.36252H7.99365L15.9866 1.36963L23.9846 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M7.99365 13.8188H23.9846' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M7.99392 9.36252H-7.99707L0.00102854 1.36963L7.99392 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M-7.99683 13.8188H7.99417' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip2_5376_1449)'%3E%3Cg clip-path='url(%23clip3_5376_1449)'%3E%3Cpath d='M263.8 9.36252H247.809L255.807 1.36963L263.8 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M247.809 13.8188H263.8' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M247.809 9.36252H231.823L239.816 1.36963L247.809 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M231.823 13.8188H247.809' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M231.823 9.36252H215.832L223.825 1.36963L231.823 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M215.832 13.8188H231.823' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M215.832 9.36252H199.841L207.839 1.36963L215.832 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M199.841 13.8188H215.832' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M199.841 9.36252H183.855L191.848 1.36963L199.841 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M183.855 13.8188H199.841' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M183.855 9.36252H167.864L175.862 1.36963L183.855 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M167.864 13.8188H183.855' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M167.863 9.36252H151.878L159.871 1.36963L167.863 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M151.878 13.8188H167.864' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M151.878 9.36252H135.887L143.88 1.36963L151.878 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M135.887 13.8188H151.878' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M135.887 9.36252H119.896L127.894 1.36963L135.887 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M119.896 13.8188H135.887' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip4_5376_1449)'%3E%3Cg clip-path='url(%23clip5_5376_1449)'%3E%3Cpath d='M391.693 9.36252H375.702L383.7 1.36963L391.693 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M375.702 13.8188H391.693' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M375.702 9.36252H359.716L367.709 1.36963L375.702 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M359.716 13.8188H375.702' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M359.717 9.36252H343.726L351.718 1.36963L359.717 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M343.725 13.8188H359.716' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M343.725 9.36252H327.734L335.732 1.36963L343.725 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M327.734 13.8188H343.725' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M327.734 9.36252H311.749L319.741 1.36963L327.734 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M311.749 13.8188H327.734' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M311.748 9.36252H295.757L303.755 1.36963L311.748 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M295.757 13.8188H311.748' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M295.757 9.36252H279.771L287.764 1.36963L295.757 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M279.771 13.8188H295.757' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M279.771 9.36252H263.78L271.773 1.36963L279.771 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M263.781 13.8188H279.772' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M263.781 9.36252H247.79L255.788 1.36963L263.781 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M247.79 13.8188H263.781' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip6_5376_1449)'%3E%3Cg clip-path='url(%23clip7_5376_1449)'%3E%3Cpath d='M519.586 9.36252H503.595L511.594 1.36963L519.586 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M503.595 13.8188H519.586' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M503.596 9.36252H487.61L495.603 1.36963L503.596 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M487.61 13.8188H503.596' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M487.61 9.36252H471.619L479.612 1.36963L487.61 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M471.619 13.8188H487.61' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M471.619 9.36252H455.628L463.626 1.36963L471.619 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M455.628 13.8188H471.619' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M455.628 9.36252H439.642L447.635 1.36963L455.628 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M439.642 13.8188H455.628' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M439.642 9.36252H423.651L431.649 1.36963L439.642 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M423.651 13.8188H439.642' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M423.651 9.36252H407.665L415.658 1.36963L423.651 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M407.665 13.8188H423.651' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M407.665 9.36252H391.674L399.667 1.36963L407.665 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M391.674 13.8188H407.665' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M391.674 9.36252H375.683L383.681 1.36963L391.674 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M375.683 13.8188H391.674' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip8_5376_1449)'%3E%3Cg clip-path='url(%23clip9_5376_1449)'%3E%3Cpath d='M647.48 9.36252H631.489L639.487 1.36963L647.48 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M631.489 13.8188H647.48' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M631.489 9.36252H615.503L623.496 1.36963L631.489 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M615.503 13.8188H631.489' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M615.503 9.36252H599.512L607.505 1.36963L615.503 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M599.512 13.8188H615.503' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M599.512 9.36252H583.521L591.519 1.36963L599.512 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M583.521 13.8188H599.512' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M583.521 9.36252H567.535L575.528 1.36963L583.521 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M567.535 13.8188H583.521' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M567.535 9.36252H551.544L559.542 1.36963L567.535 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M551.544 13.8188H567.535' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M551.544 9.36252H535.558L543.551 1.36963L551.544 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M535.558 13.8188H551.544' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M535.558 9.36252H519.567L527.56 1.36963L535.558 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M519.567 13.8188H535.558' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M519.568 9.36252H503.577L511.575 1.36963L519.568 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M503.577 13.8188H519.568' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip10_5376_1449)'%3E%3Cg clip-path='url(%23clip11_5376_1449)'%3E%3Cpath d='M775.373 9.36252H759.382L767.38 1.36963L775.373 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M759.382 13.8188H775.373' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M759.383 9.36252H743.397L751.39 1.36963L759.383 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M743.397 13.8188H759.383' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M743.397 9.36252H727.406L735.398 1.36963L743.397 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M727.406 13.8188H743.397' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M727.406 9.36252H711.415L719.413 1.36963L727.406 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M711.415 13.8188H727.406' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M711.415 9.36252H695.429L703.422 1.36963L711.415 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M695.429 13.8188H711.415' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M695.429 9.36252H679.438L687.436 1.36963L695.429 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M679.438 13.8188H695.429' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M679.438 9.36252H663.452L671.445 1.36963L679.438 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M663.452 13.8188H679.438' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M663.452 9.36252H647.461L655.454 1.36963L663.452 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M647.461 13.8188H663.452' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M647.461 9.36252H631.47L639.468 1.36963L647.461 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M631.47 13.8188H647.461' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip12_5376_1449)'%3E%3Cg clip-path='url(%23clip13_5376_1449)'%3E%3Cpath d='M903.266 9.36252H887.275L895.273 1.36963L903.266 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M887.275 13.8188H903.266' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M887.276 9.36252H871.29L879.283 1.36963L887.276 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M871.29 13.8188H887.276' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M871.29 9.36252H855.299L863.292 1.36963L871.29 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M855.299 13.8188H871.29' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M855.299 9.36252H839.308L847.306 1.36963L855.299 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M839.308 13.8188H855.299' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M839.308 9.36252H823.322L831.315 1.36963L839.308 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M823.322 13.8188H839.308' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M823.322 9.36252H807.331L815.329 1.36963L823.322 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M807.331 13.8188H823.322' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M807.331 9.36252H791.345L799.338 1.36963L807.331 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M791.344 13.8188H807.33' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M791.345 9.36252H775.354L783.346 1.36963L791.345 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M775.354 13.8188H791.345' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M775.354 9.36252H759.363L767.361 1.36963L775.354 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M759.363 13.8188H775.354' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip14_5376_1449)'%3E%3Cg clip-path='url(%23clip15_5376_1449)'%3E%3Cpath d='M1031.16 9.36252H1015.17L1023.17 1.36963L1031.16 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1015.17 13.8188H1031.16' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1015.17 9.36252H999.183L1007.18 1.36963L1015.17 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M999.183 13.8188H1015.17' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M999.184 9.36252H983.193L991.186 1.36963L999.184 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M983.192 13.8188H999.183' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M983.192 9.36252H967.201L975.2 1.36963L983.192 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M967.201 13.8188H983.192' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M967.201 9.36252H951.215L959.208 1.36963L967.201 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M951.215 13.8188H967.201' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M951.215 9.36252H935.224L943.222 1.36963L951.215 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M935.224 13.8188H951.215' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M935.224 9.36252H919.238L927.231 1.36963L935.224 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M919.238 13.8188H935.224' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M919.238 9.36252H903.247L911.24 1.36963L919.238 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M903.247 13.8188H919.238' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M903.248 9.36252H887.257L895.255 1.36963L903.248 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M887.257 13.8188H903.248' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip16_5376_1449)'%3E%3Cg clip-path='url(%23clip17_5376_1449)'%3E%3Cpath d='M1159.05 9.36252H1143.06L1151.06 1.36963L1159.05 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1143.06 13.8188H1159.05' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1143.06 9.36252H1127.08L1135.07 1.36963L1143.06 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1127.08 13.8188H1143.06' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1127.08 9.36252H1111.08L1119.08 1.36963L1127.08 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1111.09 13.8188H1127.08' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1111.09 9.36252H1095.09L1103.09 1.36963L1111.09 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1095.09 13.8188H1111.09' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1095.09 9.36252H1079.11L1087.1 1.36963L1095.09 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1079.11 13.8188H1095.09' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1079.11 9.36252H1063.12L1071.12 1.36963L1079.11 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1063.12 13.8188H1079.11' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1063.12 9.36252H1047.13L1055.12 1.36963L1063.12 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1047.13 13.8188H1063.12' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1047.13 9.36252H1031.14L1039.13 1.36963L1047.13 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1031.14 13.8188H1047.13' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1031.14 9.36252H1015.15L1023.15 1.36963L1031.14 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1015.15 13.8188H1031.14' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip18_5376_1449)'%3E%3Cg clip-path='url(%23clip19_5376_1449)'%3E%3Cpath d='M1286.95 9.36252H1270.96L1278.95 1.36963L1286.95 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1270.96 13.8188H1286.95' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1270.96 9.36252H1254.97L1262.96 1.36963L1270.96 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1254.97 13.8188H1270.96' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1254.97 9.36252H1238.98L1246.97 1.36963L1254.97 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1238.98 13.8188H1254.97' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1238.98 9.36252H1222.99L1230.99 1.36963L1238.98 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1222.99 13.8188H1238.98' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1222.99 9.36252H1207L1214.99 1.36963L1222.99 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1207 13.8188H1222.99' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1207 9.36252H1191.01L1199.01 1.36963L1207 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1191.01 13.8188H1207' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1191.01 9.36252H1175.02L1183.02 1.36963L1191.01 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1175.02 13.8188H1191.01' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1175.02 9.36252H1159.03L1167.03 1.36963L1175.02 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1159.03 13.8188H1175.02' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1159.03 9.36252H1143.04L1151.04 1.36963L1159.03 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1143.04 13.8188H1159.03' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip20_5376_1449)'%3E%3Cg clip-path='url(%23clip21_5376_1449)'%3E%3Cpath d='M1414.84 9.36252H1398.85L1406.85 1.36963L1414.84 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1398.85 13.8188H1414.84' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1398.85 9.36252H1382.86L1390.86 1.36963L1398.85 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1382.86 13.8188H1398.85' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1382.86 9.36252H1366.87L1374.86 1.36963L1382.86 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1366.87 13.8188H1382.86' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1366.87 9.36252H1350.88L1358.88 1.36963L1366.87 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1350.88 13.8188H1366.87' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1350.88 9.36252H1334.9L1342.89 1.36963L1350.88 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1334.89 13.8188H1350.88' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1334.89 9.36252H1318.9L1326.9 1.36963L1334.89 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1318.9 13.8188H1334.89' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1318.9 9.36252H1302.92L1310.91 1.36963L1318.9 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1302.92 13.8188H1318.9' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1302.92 9.36252H1286.93L1294.92 1.36963L1302.92 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1286.93 13.8188H1302.92' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1286.93 9.36252H1270.94L1278.93 1.36963L1286.93 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1270.94 13.8188H1286.93' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip22_5376_1449)'%3E%3Cg clip-path='url(%23clip23_5376_1449)'%3E%3Cpath d='M1446.8 9.36252H1430.81L1438.8 1.36963L1446.8 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1430.81 13.8188H1446.8' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1430.81 9.36252H1414.82L1422.81 1.36963L1430.81 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1414.82 13.8188H1430.81' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3Cpath d='M1414.82 9.36252H1398.83L1406.83 1.36963L1414.82 9.36252Z' fill='white' stroke='white' stroke-width='0.520032' stroke-miterlimit='10'/%3E%3Cpath d='M1398.83 13.8188H1414.82' stroke='white' stroke-width='1.5601' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(-19.271 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(127.893 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip3_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(108.622 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip4_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(255.787 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip5_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(236.516 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip6_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(383.68 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip7_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(364.409 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip8_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(511.573 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip9_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(492.302 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip10_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(639.467 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip11_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(620.196 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip12_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(767.36 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip13_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(748.089 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip14_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(895.253 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip15_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(875.982 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip16_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(1023.15 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip17_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(1003.88 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip18_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(1151.04 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip19_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(1131.77 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip20_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(1278.93 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip21_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(1259.66 1.00024)'/%3E%3C/clipPath%3E%3CclipPath id='clip22_5376_1449'%3E%3Crect width='127.893' height='13.5207' fill='white' transform='translate(1406.83 1)'/%3E%3C/clipPath%3E%3CclipPath id='clip23_5376_1449'%3E%3Crect width='1002.62' height='13.5208' fill='white' transform='translate(1387.56 1.00024)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
     */
    background-repeat: repeat-x; }

.section-flashsale-home .box-countdown .soon[data-face*=color-light] .soon-flip-fallback, .section-flashsale-home .box-countdown .soon[data-face*=color-light] .soon-flip-face {
  background: #fff; }

.section-flashsale-home .box-countdown .soon-flip-inner {
  padding: 2px 0; }

.section-flashsale-home .box-countdown .soon-group-inner {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px; }

.section-flashsale-home .box-countdown .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
  margin: 0; }

.section-flashsale-home .box-countdown .soon-flip-card span:before, .section-flashsale-home .box-countdown .soon-flip-card span:after {
  display: none !important; }

.section-flashsale-home .box-countdown .soon-slot {
  letter-spacing: 1px;
  text-indent: 1px; }

.section-flashsale-home .box-countdown .soon[data-layout*="group"] {
  font-size: 16px;
  padding: 0;
  margin-right: 20px; }
  @media (max-width: 991px) {
    .section-flashsale-home .box-countdown .soon[data-layout*="group"] {
      font-size: 14px; } }
  .section-flashsale-home .box-countdown .soon[data-layout*="group"] .soon-separator {
    width: 12px;
    padding-top: 0;
    font-weight: 500;
    color: #fff; }
  .section-flashsale-home .box-countdown .soon[data-layout*="group"] .soon-label {
    margin: 0;
    color: #000;
    display: none; }

.section-flashsale-home .box-countdown .soon-slot-inner {
  color: #111111;
  font-weight: 700;
  text-align: center;
  height: auto; }

.section-flashsale-home .box-countdown .soon-group.soon-group-sub {
  background: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px; }

.section-flashsale-home .box-countdown .soon-slot-new {
  display: flex;
  justify-content: center; }

.section-flashsale-home .wrap--flashsale {
  width: 82.22222%;
  margin: 50px auto; }
  @media (max-width: 991px) {
    .section-flashsale-home .wrap--flashsale {
      width: 100%;
      padding: 0; } }

.section-flashsale-home .wrapper-content {
  background: #900112;
  border-radius: 4px; }

.section-flashsale-home .section-content {
  background: #900112;
  padding: 16px;
  position: relative;
  overflow: hidden; }

.section-flashsale-home .section-heading {
  padding: 20px 16px 16px;
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center; }
  .section-flashsale-home .section-heading .box-left {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center; }
    .section-flashsale-home .section-heading .box-left .box-header .hTitle {
      font-style: italic;
      font-weight: 900;
      font-size: 32px;
      line-height: 40px;
      text-transform: uppercase;
      padding-left: 35px;
      padding-right: 15px;
      position: relative;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      margin: 0; }
      @media (max-width: 991px) {
        .section-flashsale-home .section-heading .box-left .box-header .hTitle {
          font-size: 14px;
          line-height: 1.3;
          padding-right: 0;
          padding-left: 25px;
          margin-bottom: 0;
          white-space: normal;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          display: block; } }
      .section-flashsale-home .section-heading .box-left .box-header .hTitle:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='36' viewBox='0 0 20 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5035 15.4361H12.7737L12.769 15.4448H11.7322L18.6819 0L0.876617 19.807H7.67327L7.30312 20.7819L1.53845 36L18.5035 15.4361Z' fill='%23FFC306'/%3E%3Cpath d='M0.87663 19.807L0 20.7819H7.30314L7.67329 19.807H0.87663Z' fill='%23FFAD00'/%3E%3Cpath d='M12.769 15.4448L12.7737 15.4361H12.769L18.6819 0L11.7322 15.4448H12.769Z' fill='%23FFAD00'/%3E%3Cpath d='M20 15.4361H18.5035L1.53845 36L20 15.4361Z' fill='%23FFAD00'/%3E%3Cpath d='M17.6491 1.61224C17.6491 1.61224 2.40319 18.456 1.9086 19.3774C1.90939 19.3774 15.8681 4.08133 17.6491 1.61224Z' fill='%23FFEE12'/%3E%3Cpath d='M12.0802 15.6871C12.0802 15.6871 15.2491 15.444 17.7529 15.6871C17.7521 15.6871 14.8987 15.8964 12.0802 15.6871Z' fill='%23FFEE12'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center;
        border-radius: 100%;
        display: block;
        left: 4px;
        width: 20px;
        height: 36px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-animation-name: twinkle;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite; }
      .section-flashsale-home .section-heading .box-left .box-header .hTitle a {
        color: #f1a227; }
    @media (max-width: 767px) {
      .section-flashsale-home .section-heading .box-left {
        justify-content: center;
        flex-wrap: wrap; }
        .section-flashsale-home .section-heading .box-left .box-header {
          order: -1;
          width: 100%;
          margin-bottom: 10px; }
        .section-flashsale-home .section-heading .box-left .box-countdown {
          margin-right: 0; } }
  .section-flashsale-home .section-heading .box-right {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end; }
    @media (max-width: 991px) {
      .section-flashsale-home .section-heading .box-right {
        display: none; } }
    .section-flashsale-home .section-heading .box-right .box-link {
      margin-left: 20px; }
      .section-flashsale-home .section-heading .box-right .box-link a {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: #fff; }
        .section-flashsale-home .section-heading .box-right .box-link a svg {
          width: 10px;
          height: 10px;
          fill: currentColor;
          margin-left: 6.5px;
          transition: all 0.3s;
          -ms-transition: all 0.3s; }

.google-translate img {
  max-width: 100% !important;
  width: auto !important; }

.google-translate .skiptranslate {
  font-size: 0; }
  .google-translate .skiptranslate > span {
    display: none; }

.google-translate select.goog-te-combo {
  background: #100e11;
  height: 40px;
  padding-left: 8px;
  border-radius: 5px; }
  .google-translate select.goog-te-combo:hover, .google-translate select.goog-te-combo :focus {
    outline: none; }

@media (max-width: 767px) {
  .google-translate {
    margin-bottom: 180px;
    padding: 0 16px; } }

.pro-loop--vendor {
  text-align: center;
  font-weight: bold; }

.section-banner-cate-new #cates-slider {
  position: relative; }
  .section-banner-cate-new #cates-slider:not(.swiper-initialized) .list-cates {
    display: -webkit-flex;
    display: flex;
    gap: 51px; }
    .section-banner-cate-new #cates-slider:not(.swiper-initialized) .list-cates .swiper-slide {
      flex-shrink: 1; }
  .section-banner-cate-new #cates-slider:not(.swiper-initialized) .swiper-button-nav {
    display: none; }
  .section-banner-cate-new #cates-slider .cate_item {
    position: relative; }
    .section-banner-cate-new #cates-slider .cate_item .cate_item__img {
      position: relative;
      padding-top: calc(100% * 875 / 493); }
      .section-banner-cate-new #cates-slider .cate_item .cate_item__img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -ms-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear;
        -webkit-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear;
        transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear; }
    .section-banner-cate-new #cates-slider .cate_item .cate_item__info {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 23px; }
      .section-banner-cate-new #cates-slider .cate_item .cate_item__info .cate_item__brand {
        background: #110E11;
        color: #fff;
        text-transform: uppercase;
        padding: 1px 5px;
        display: inline-block;
        border-radius: 2.24px;
        font-size: 12px;
        line-height: 15px;
        font-weight: 500;
        margin-bottom: 9px; }
      .section-banner-cate-new #cates-slider .cate_item .cate_item__info .cate_item__title {
        text-transform: uppercase;
        color: #fff; }
    .section-banner-cate-new #cates-slider .cate_item .video-background-controls {
      display: none !important; }
    .section-banner-cate-new #cates-slider .cate_item:hover .cate_item__img img {
      -ms-transform: scale(1.025);
      -webkit-transform: scale(1.025);
      transform: scale(1.025); }
  .section-banner-cate-new #cates-slider .swiper-button-nav {
    position: static;
    border: none;
    height: 0; }
    .section-banner-cate-new #cates-slider .swiper-button-nav:before {
      display: none; }
    .section-banner-cate-new #cates-slider .swiper-button-nav > div {
      width: 30px;
      height: 30px;
      background: rgba(255, 255, 255, 0.6);
      position: absolute; }
    .section-banner-cate-new #cates-slider .swiper-button-nav .swiper-button-prev {
      left: 0;
      top: calc((100% - 30px)/2); }
    .section-banner-cate-new #cates-slider .swiper-button-nav .swiper-button-next {
      right: 0;
      top: calc((100% - 30px)/2); }

@media (max-width: 767px) {
  .section-banner-cate-new .container-fluid {
    padding: 0; }
  .section-banner-cate-new #cates-slider:not(.swiper-initialized) .list-cates {
    gap: 0; }
    .section-banner-cate-new #cates-slider:not(.swiper-initialized) .list-cates .swiper-slide {
      flex: 0 0 auto;
      width: 100%; } }

.section-banner-cate-new-2 {
  padding: 35px 0 60px; }
  .section-banner-cate-new-2 .d-flex {
    gap: 44px; }
    @media (max-width: 767px) {
      .section-banner-cate-new-2 .d-flex {
        flex-wrap: wrap; } }
  .section-banner-cate-new-2 .banner-cate-new-2_left {
    flex: 0 0 auto;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 35px; }
    .section-banner-cate-new-2 .banner-cate-new-2_left h2 {
      font-size: 20px;
      line-height: 35px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 0; }
    .section-banner-cate-new-2 .banner-cate-new-2_left p {
      margin-bottom: 0; }
    .section-banner-cate-new-2 .banner-cate-new-2_left a {
      display: block;
      padding: 10px 0;
      text-align: center;
      background: #110e11;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px; }
  .section-banner-cate-new-2 .banner-cate-new-2_right {
    flex: 0 0 auto;
    width: 100%; }
    .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 {
      position: relative; }
      .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2:not(.swiper-initialized) .list-cates {
        display: -webkit-flex;
        display: flex;
        gap: 10px; }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2:not(.swiper-initialized) .list-cates .swiper-slide {
          flex: 0 0 auto;
          width: calc((100% - 10px)/2); }
      .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2:not(.swiper-initialized) .swiper-button-nav {
        display: none; }
      .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .cate_item .cate_item__info {
        padding: 10px 0 0; }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .cate_item .cate_item__info .cate_item__title {
          text-transform: uppercase;
          font-size: 12px;
          font-weight: bold;
          text-align: center; }
      .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .swiper-button-nav {
        position: static;
        border: none;
        height: 0; }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .swiper-button-nav:before {
          display: none; }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .swiper-button-nav > div {
          width: 30px;
          height: 30px;
          background: rgba(255, 255, 255, 0.6);
          position: absolute; }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .swiper-button-nav .swiper-button-prev {
          left: 0;
          top: calc((100% - 30px)/2); }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2 .swiper-button-nav .swiper-button-next {
          right: 0;
          top: calc((100% - 30px)/2); }
  @media (min-width: 768px) {
    .section-banner-cate-new-2 {
      padding: 80px 0; }
      .section-banner-cate-new-2 .banner-cate-new-2_left {
        width: 29%;
        gap: 0; }
      .section-banner-cate-new-2 .banner-cate-new-2_right {
        width: calc(71% - 44px); }
        .section-banner-cate-new-2 .banner-cate-new-2_right #cates-slider-2:not(.swiper-initialized) .list-cates .swiper-slide {
          width: calc((100% - 30px)/4); } }
  @media (max-width: 767px) {
    .section-banner-cate-new-2 .container-fluid {
      padding: 0; }
    .section-banner-cate-new-2 .banner-cate-new-2_left {
      padding: 0 26px; } }

.section-banner-trending #middle-slider:not(.swiper-initialized) .swiper-slide {
  flex: 0 0 auto;
  width: 50%; }

.section-banner-trending #middle-slider img {
  -ms-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear;
  -webkit-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear;
  transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear; }

.section-banner-trending #middle-slider .cate_item a {
  display: block;
  position: relative; }
  .section-banner-trending #middle-slider .cate_item a h3 {
    position: absolute;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    left: 0;
    bottom: 15px;
    text-align: center;
    width: 100%; }

.section-banner-trending #middle-slider .cate_item:hover img {
  -ms-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025); }

.section-collection-special .body_special {
  display: -webkit-flex;
  display: flex; }
  .section-collection-special .body_special_img {
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    @media (min-width: 992px) {
      .section-collection-special .body_special_img {
        width: 46%; } }
  .section-collection-special .body_special .s-wraper {
    flex: 0 0 auto;
    width: 100%;
    background: #015440;
    padding: 0 0 53px; }
    @media (min-width: 992px) {
      .section-collection-special .body_special .s-wraper {
        padding: 0 54px 53px calc(10% + 53px);
        background: #050505;
        background: linear-gradient(270deg, #01543c 90%, transparent 0%);
        position: relative;
        z-index: 2;
        margin-left: -10%;
        flex: 0 0 auto;
        width: 64%; } }
    .section-collection-special .body_special .s-wraper .s-heading {
      padding: 53px 0 30px;
      justify-content: center; }
      .section-collection-special .body_special .s-wraper .s-heading h2 {
        font-size: 20px; }
        .section-collection-special .body_special .s-wraper .s-heading h2 a {
          color: #fff; }
    .section-collection-special .body_special .s-wraper .s-content {
      position: relative;
      width: 100%;
      overflow: hidden; }
      .section-collection-special .body_special .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products {
        gap: 10px; }
        .section-collection-special .body_special .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products .swiper-slide {
          max-width: unset !important;
          flex: 0 0 auto;
          width: calc((100% - 20px)/3); }
          @media (max-width: 991px) {
            .section-collection-special .body_special .s-wraper .s-content .swiper-container:not(.swiper-initialized) .list-products .swiper-slide {
              width: calc(100vw - 119px); } }
      .section-collection-special .body_special .s-wraper .s-content .swiper-container:not(.swiper-initialized) .swiper-button-nav > div {
        display: none; }
      .section-collection-special .body_special .s-wraper .s-content .swiper-container .pro-btn-link {
        display: none !important; }
    .section-collection-special .body_special .s-wraper .swiper-button-nav {
      position: static;
      border: none;
      height: 0; }
      .section-collection-special .body_special .s-wraper .swiper-button-nav:before {
        display: none; }
      .section-collection-special .body_special .s-wraper .swiper-button-nav > div {
        width: 30px;
        height: 30px;
        background: rgba(255, 255, 255, 0.6);
        position: absolute; }
      .section-collection-special .body_special .s-wraper .swiper-button-nav .swiper-button-prev {
        left: -30px;
        top: calc((100% - 30px)/2); }
      .section-collection-special .body_special .s-wraper .swiper-button-nav .swiper-button-next {
        right: -30px;
        top: calc((100% - 30px)/2); }
  @media (max-width: 991px) {
    .section-collection-special .body_special {
      flex-wrap: wrap; }
      .section-collection-special .body_special_img {
        width: 100%; } }

.section-gallery {
  padding: 0 0 80px; }
  .section-gallery .slider-banner:not(.swiper-initialized) > div {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px; }
    .section-gallery .slider-banner:not(.swiper-initialized) > div .swiper-slide {
      flex: 0 0 auto;
      width: calc((100% - 60px)/5); }
      @media (max-width: 767px) {
        .section-gallery .slider-banner:not(.swiper-initialized) > div .swiper-slide {
          width: calc((100vw - 120px)); } }
  .section-gallery .slider-banner:not(:last-child) {
    margin-bottom: 15px; }
  @media (max-width: 767px) {
    .section-gallery .container-fluid {
      padding: 0; } }

.custom-title {
  display: flex;
  align-items: center;
  gap: 20px; }
  .custom-title img {
    width: 34px;
    height: 34px; }
