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

h1, h2, h3, h4, h5, h6 {
  color: #333333;
  margin: 0 0 13px 0; }

h1 {
  font-weight: 400;
  color: #333333;
  font-size: 36px;
  line-height: 36px; }

h2 {
  font-weight: 400;
  color: #333333;
  font-size: 28px;
  line-height: 32px; }

h3 {
  font-weight: 400;
  color: #333333;
  font-size: 24px;
  line-height: 24px; }

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

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

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

p {
  margin: 0 0 20px 0;
  line-height: 21px; }

a, a:visited, .link, .link:visited {
  text-decoration: none;
  color: var(--text-color);
  outline: 0; }

a:hover, a:active, a:focus, .link:hover, .link:active, .link:focus {
  color: var(--text-color);
  text-decoration: none;
  outline: 0; }

fieldset {
  border: 0;
  margin: 0 0 20px 0;
  padding: 0; }

label {
  display: block; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

button, input[type="submit"], .button, .back-to-top {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 none; }

button, input, optgroup, select, textarea {
  outline: none;
  background: unset;
  border: unset; }

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

input[type=radio], input[type=checkbox] {
  margin: 2px 0 0; }

ul, ol {
  list-style: none;
  list-style-image: none;
  margin-bottom: 0; }

.glyphicon {
  font-family: "Glyphicons Halflings" !important; }

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

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%; }

.checkbox-custom input[type='checkbox'],
.checkbox-custom input[type='radio'] {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  outline: none;
  border-radius: 4px;
  border: 1px solid white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .checkbox-custom input[type='checkbox']:before,
  .checkbox-custom input[type='radio']:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 3px solid #ffffff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0); }
  .checkbox-custom input[type='checkbox']:checked:after,
  .checkbox-custom input[type='radio']:checked:after {
    background: white; }
  .checkbox-custom input[type='checkbox']:checked:before,
  .checkbox-custom input[type='radio']:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1); }

/*-- End Reset --*/
img {
  max-width: 100%; }

.dt-auto {
  width: auto;
  height: auto; }

.icon-svg {
  width: var(--width);
  height: var(--height); }

.bgColor {
  background-color: var(--bg-color); }

.bgImage {
  background-image: var(--bg-image);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll; }

* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: "Montserrat", sans-serif; }

body {
  letter-spacing: -0.2px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-color);
  position: initial; }

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

.no-gutters {
  margin-left: 0;
  margin-right: 0; }
  .no-gutters [class*="col-"] {
    padding-left: 0;
    padding-right: 0; }

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

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

.position-relative {
  position: relative; }

.text-bold {
  font-weight: bold; }

@media (min-width: 1200px) {
  .container-header {
    max-width: 1600px;
    width: 100%;
    padding: 0 40px;
    margin: 0 auto; }
  .container {
    max-width: 1300px;
    width: 100%;
    padding: 0 20px; }
  .container-fluid {
    padding-left: 40px;
    padding-right: 40px; } }

.button {
  display: inline-flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0;
  background: #F5F5F5;
  transition: .3s all; }
  @media (max-width: 1200px) {
    .button {
      padding: 13px 20px; } }
  .button:hover {
    background: #E5E5E5;
    transition: .3s all; }

.swiper-button:after {
  display: none; }

.swiperStyle .swiper-button {
  width: 52px;
  height: 52px;
  background-color: #F5F5F5;
  transition: .3s all;
  opacity: 1 !important; }
  .swiperStyle .swiper-button:hover {
    background-color: #E5E5E5;
    cursor: pointer;
    transition: .3s all; }

@keyframes slide-up {
  0% {
    transform: translate(0px, 100px); }
  100% {
    transform: translate(0px, 0px); } }

@keyframes slide-down {
  0% {
    transform: translate(0, -100px); }
  100% {
    transform: translate(0px, 0px); } }

.slideUp-content {
  animation-name: slide-up;
  animation-duration: 400ms;
  animation-fill-mode: forwards; }

.slideDown-content {
  animation-name: slide-down;
  animation-duration: 400ms;
  animation-fill-mode: forwards; }

.section-topbar {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative; }
  .section-topbar a {
    display: block;
    text-align: center; }
  @media (max-width: 480px) {
    .section-topbar .swiper-initialized .swiper-wrapper, .section-topbar .swiper-container-initialized .swiper-wrapper {
      align-items: center; }
      .section-topbar .swiper-initialized .swiper-wrapper .swiper-slide, .section-topbar .swiper-container-initialized .swiper-wrapper .swiper-slide {
        padding: 0 20px; } }

/* header */
header {
  position: fixed;
  margin: 30px 40px 40px;
  z-index: 99;
  box-shadow: 0px 0px 16px 4px rgba(16, 24, 40, 0.12);
  transition: all .35s; }
  @media (max-width: 1200px) {
    header {
      margin: 15px 15px 0;
      left: 0;
      right: 0; } }
  header.active {
    transform: translateY(-30px);
    /*margin: 0 40px;*/ }
    @media (max-width: 1200px) {
      header.active {
        transform: none;
        margin: 15px 15px 0; } }
  header .header-list {
    display: flex;
    gap: 2px; }
  header .mobile-hambuger {
    background: #FFF; }
    @media (max-width: 1200px) {
      header .mobile-hambuger {
        flex: 0 0 52px;
        max-width: 52px;
        height: 52px; }
        header .mobile-hambuger div#mobile-nav {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%; }
          header .mobile-hambuger div#mobile-nav a {
            display: flex;
            justify-content: center;
            align-items: center; } }
    header .mobile-hambuger svg {
      width: 24px;
      height: 24px; }
  header .wrap-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 24px;
    padding-left: 24px;
    flex: 0 0 160px;
    max-width: 160px;
    background: white; }
    header .wrap-logo h1 {
      margin-bottom: 0;
      font-size: 0; }
    @media (max-width: 1200px) {
      header .wrap-logo {
        position: relative;
        flex: 0 0 calc(100vw - (52px*4) - 30px - 8px);
        max-width: calc(100vw - (52px*4) - 30px - 8px);
        /* Three item, padding Left-Right, Gap */ } }
    header .wrap-logo img {
      max-height: 24px; }
  header .wrap-menu {
    background: #FFF; }
    @media (max-width: 1200px) {
      header .wrap-menu {
        display: none !important; } }
  header .wrap-search {
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
    position: static;
    left: 160px;
    transition: .4s all; }
    @media (max-width: 1200px) {
      header .wrap-search {
        padding-left: 0;
        padding-right: 0;
        width: 52px;
        height: 52px; } }
    header .wrap-search .search-form {
      height: 100%; }
      @media (max-width: 1200px) {
        header .wrap-search .search-form {
          width: 52px;
          height: 52px; } }
      header .wrap-search .search-form .ultimate-search {
        display: flex;
        align-items: center;
        height: 100%; }
        @media (max-width: 1200px) {
          header .wrap-search .search-form .ultimate-search {
            justify-content: center; } }
        @media (max-width: 1200px) {
          header .wrap-search .search-form .ultimate-search .btn {
            padding: 0; } }
        @media (max-width: 1200px) {
          header .wrap-search .search-form .ultimate-search .wpo-search-inner {
            display: none; } }
        header .wrap-search .search-form .ultimate-search .wpo-search-inner input {
          font-weight: bold; }
          header .wrap-search .search-form .ultimate-search .wpo-search-inner input::-webkit-input-placeholder {
            color: #0A0A0A; }
          header .wrap-search .search-form .ultimate-search .wpo-search-inner input:-moz-placeholder {
            color: #0A0A0A; }
          header .wrap-search .search-form .ultimate-search .wpo-search-inner input::-moz-placeholder {
            color: #0A0A0A; }
          header .wrap-search .search-form .ultimate-search .wpo-search-inner input:-ms-input-placeholder {
            color: #0A0A0A; }
    header .wrap-search .ajaxSearchResults {
      display: none;
      position: absolute;
      top: 100%;
      padding: 24px;
      background: white;
      width: 100%;
      left: -160px;
      width: clamp(calc(100% + 160px), 50vw, 1360px);
      backdrop-filter: blur(16px);
      border-top: 1px solid #000; }
      header .wrap-search .ajaxSearchResults .suggestContent .title {
        padding-bottom: 15px; }
      header .wrap-search .ajaxSearchResults .suggestContent ul li {
        padding-bottom: 2px; }

#navigation {
  padding-left: 10px; }
  #navigation a {
    display: inline-block;
    padding: 2.5px 0; }
  #navigation ul.menuList {
    display: flex; }
    #navigation ul.menuList > li {
      padding: 12px 16px; }
      #navigation ul.menuList > li > a {
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        letter-spacing: 0px;
        white-space: nowrap; }
        @media (max-width: 992px) {
          #navigation ul.menuList > li > a {
            font-size: 17px;
            line-height: 1.4; } }
      #navigation ul.menuList > li.hasChild:hover .menuDropdown {
        opacity: 1;
        visibility: visible;
        z-index: 3;
        transform: translateY(0);
        transition: .3s all; }
    #navigation ul.menuList .menu-item > a {
      position: relative; }
      #navigation ul.menuList .menu-item > a:before {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        left: 0;
        background: #000;
        top: calc(100% - 1px);
        transition: .3s all; }
      #navigation ul.menuList .menu-item > a:hover:before {
        width: 100%;
        transition: .3s all; }
    #navigation ul.menuList .menuListChild.menu-lv2 {
      display: flex;
      gap: 10px 0;
      flex-wrap: wrap; }
      #navigation ul.menuList .menuListChild.menu-lv2.multiz {
        flex-direction: row-reverse; }
      #navigation ul.menuList .menuListChild.menu-lv2 .menu-item {
        padding-bottom: 2px; }
      #navigation ul.menuList .menuListChild.menu-lv2 > .menu-item {
        max-width: 50%;
        flex: 0 0 50%; }
    #navigation ul.menuList .menuListChild.menu-lv3 {
      padding: 6px 0; }

.menuDropdown {
  position: absolute;
  top: 100%;
  background: white;
  left: 0;
  padding: 30px 15px 30px 30px;
  width: clamp(calc(100vw - 70px), 50vw, 1360px);
  box-shadow: 0px 0px 16px 4px rgba(16, 24, 40, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  z-index: -1;
  transition: .3s all;
  text-align: start; }
  .menuDropdown .menuDropdown-container {
    display: flex;
    gap: 10px; }
  .menuDropdown .menu-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: calc(80vh - 52px);
    overflow: hidden auto;
    /* Track */
    /* Handle */ }
    .menuDropdown .menu-wrapper::-webkit-scrollbar {
      width: 3px; }
    .menuDropdown .menu-wrapper::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .menuDropdown .menu-wrapper::-webkit-scrollbar-thumb {
      background: #0A0A0A; }
  .menuDropdown .banner-wrapper {
    flex: 1;
    max-height: calc(80vh - 52px);
    overflow: hidden auto;
    /* Track */
    /* Handle */ }
    .menuDropdown .banner-wrapper::-webkit-scrollbar {
      width: 3px; }
    .menuDropdown .banner-wrapper::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .menuDropdown .banner-wrapper::-webkit-scrollbar-thumb {
      background: #0A0A0A; }
    .menuDropdown .banner-wrapper .banner--image {
      margin-right: 15px; }
    .menuDropdown .banner-wrapper .banner--content {
      margin-top: 15px; }
      .menuDropdown .banner-wrapper .banner--content .title {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -1px; }
        @media (max-width: 992px) {
          .menuDropdown .banner-wrapper .banner--content .title {
            font-size: 28px;
            line-height: 1.4; } }
      .menuDropdown .banner-wrapper .banner--content .desc {
        margin-top: 5px; }
  .menuDropdown .menu-seeall {
    margin-top: auto; }
    .menuDropdown .menu-seeall a {
      display: inline-flex !important;
      align-items: center;
      gap: 10px; }
      .menuDropdown .menu-seeall a span {
        display: inline-block;
        position: relative; }
        .menuDropdown .menu-seeall a span:before {
          content: "";
          position: absolute;
          width: 100%;
          height: 1px;
          left: 0;
          background: #000;
          top: calc(100% - 1px);
          transition: .3s all; }

header .wrap-action .header-action-list {
  display: flex;
  height: 100%; }
  @media (max-width: 1200px) {
    header .wrap-action .header-action-list {
      gap: 2px; } }
  header .wrap-action .header-action-list .header-action-item {
    height: 100%; }
    @media (max-width: 1200px) {
      header .wrap-action .header-action-list .header-action-item {
        width: 52px;
        height: 52px; } }
    header .wrap-action .header-action-list .header-action-item .header-action {
      background: #0A0A0A;
      color: white;
      padding: 0px 16px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .3s all;
      width: 52px;
      height: 52px; }
      @media (max-width: 1200px) {
        header .wrap-action .header-action-list .header-action-item .header-action {
          padding: 0;
          justify-content: center;
          align-items: center;
          background: #FFF;
          color: #0A0A0A; } }
      header .wrap-action .header-action-list .header-action-item .header-action:hover {
        background: white;
        color: #0A0A0A;
        transition: .3s all; }
  @media (max-width: 1200px) {
    header .wrap-action .header-action-list .header-action-item.header--account,
    header .wrap-action .header-action-list .header-action-item.header--location {
      display: none; } }
  header .wrap-action .header-action-list .header-action-item.header--cart .mini-cart-total,
  header .wrap-action .header-action-list .header-action-item.header--cart #mini-cart {
    height: 100%; }
  header .wrap-action .header-action-list #mini-cart .mini-cart-label {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    bottom: 17px;
    display: flex;
    background: white;
    color: #000;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    font-size: 11px; }
    @media (max-width: 1200px) {
      header .wrap-action .header-action-list #mini-cart .mini-cart-label {
        display: none; } }

header.search-visible .wrap-menu,
header.search-visible .wrap-action {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: .2s all; }

header.search-visible .wrap-search {
  position: absolute;
  height: 100%;
  width: 100%;
  transition: .4s all; }
  header.search-visible .wrap-search .ajaxSearchResults {
    display: grid; }

/* End header */
.block-newsletter {
  --background-color: #020617;
  --color-text: white;
  padding: 40px 0;
  border-radius: 2px;
  background: var(--background-color);
  color: var(--color-text); }
  @media (max-width: 992px) {
    .block-newsletter {
      padding: 20px 0; } }
  .block-newsletter .tilte {
    font-size: 15px;
    color: var(--color-text);
    letter-spacing: -0.2px;
    padding-bottom: 40px; }
    @media (max-width: 992px) {
      .block-newsletter .tilte {
        font-size: 13px;
        padding-bottom: 15px; } }
  .block-newsletter .block-form .form-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: calc((100%/3)*2); }
    @media (max-width: 991px) {
      .block-newsletter .block-form .form-wrapper {
        max-width: 100%; } }
    .block-newsletter .block-form .form-wrapper .form-group:first-child {
      width: 100%; }
  .block-newsletter .block-form input[type='text'] {
    font-size: 72px;
    font-weight: 700;
    line-height: 79px;
    letter-spacing: -0.7px;
    width: 100%;
    background: transparent;
    padding-bottom: 30px;
    border: none;
    border-bottom: 3px solid var(--color-text); }
    .block-newsletter .block-form input[type='text']::-webkit-input-placeholder {
      color: var(--color-text); }
    .block-newsletter .block-form input[type='text']:-moz-placeholder {
      color: var(--color-text); }
    .block-newsletter .block-form input[type='text']::-moz-placeholder {
      color: var(--color-text); }
    .block-newsletter .block-form input[type='text']:-ms-input-placeholder {
      color: var(--color-text); }
    @media (max-width: 992px) {
      .block-newsletter .block-form input[type='text'] {
        font-size: 40px;
        line-height: 1.4; } }
    @media (max-width: 992px) {
      .block-newsletter .block-form input[type='text'] {
        font-size: 24px;
        padding-bottom: 15px;
        text-indent: 0 !important;
        letter-spacing: 0; } }
  .block-newsletter .block-form .newsletter-submit {
    background: none; }
    @media (max-width: 992px) {
      .block-newsletter .block-form .newsletter-submit svg {
        width: 50px;
        height: 55px; } }
  .block-newsletter .block-form .form-policy {
    display: flex;
    padding-top: 40px; }
    @media (max-width: 992px) {
      .block-newsletter .block-form .form-policy {
        padding-top: 20px; } }
    .block-newsletter .block-form .form-policy input {
      flex: 0 0 18px; }
      @media (max-width: 992px) {
        .block-newsletter .block-form .form-policy input {
          margin-top: 5px; } }
    .block-newsletter .block-form .form-policy label {
      margin-left: 10px; }
      @media (max-width: 992px) {
        .block-newsletter .block-form .form-policy label {
          font-size: 12.5px; } }

footer {
  --color-text: #020617;
  padding: 40px 0; }
  @media (max-width: 992px) {
    footer {
      padding: 20px 0; }
      footer [class*='col-'] {
        margin-bottom: 45px; } }
  @media (min-width: 992px) {
    footer .row {
      margin-left: -25px;
      margin-right: -25px; }
      footer .row [class*='col-'] {
        padding-left: 25px;
        padding-right: 25px; } }
  footer p {
    margin-bottom: 0; }
  footer p, footer span, footer a {
    color: var(--color-text);
    font-weight: bold;
    font-size: 15px; }
  footer .footer-title {
    margin-bottom: 13px;
    color: var(--color-text);
    font-weight: bold;
    font-size: 15px; }
  footer .footer-col1 p + p {
    margin-top: 8px; }
  footer .footer-col1 a + a {
    display: inline-block;
    margin-top: 8px; }
  footer .footer-menu li + li {
    margin-top: 8px; }
  footer .footer-menu a {
    font-weight: normal; }
  footer .footer-last {
    padding-top: 40px;
    align-items: center; }
    @media (max-width: 992px) {
      footer .footer-last {
        padding-top: 10px; } }
  @media (max-width: 992px) {
    footer .footer-action {
      display: flex;
      justify-content: center; } }
  @media (max-width: 480px) {
    footer .footer-action > * {
      flex: 1; } }
  footer .footer-social {
    display: flex;
    align-items: center;
    gap: 16px; }
    @media (min-width: 992px) {
      footer .footer-social {
        margin-top: 5px; } }
    @media (max-width: 992px) {
      footer .footer-social {
        justify-content: center; } }
    footer .footer-social ul {
      display: flex;
      align-items: center;
      gap: 16px; }
      footer .footer-social ul li {
        display: flex;
        align-items: center; }
        footer .footer-social ul li a {
          display: flex;
          align-items: center; }
  footer .wrap-bct {
    display: flex;
    align-items: center;
    gap: 8px; }
    @media (max-width: 992px) {
      footer .wrap-bct {
        flex-direction: column;
        gap: 5px; } }
    footer .wrap-bct img {
      max-height: 36px;
      width: auto; }
    footer .wrap-bct span {
      font-weight: 400; }